:root {
        /* Segmara tokens — UI UX Pro Max (trust) + Taste Skill + brand board */
        --sg-paper:#f4f6f4; --sg-paper-2:#eef1ee; --sg-card:#fbfcfa; --sg-ink:#121815; --sg-ink-soft:#2a322e;
        --sg-muted:#5c665f; --sg-line:#d5ddd6; --sg-line-strong:#b8c3ba;
        --sg-accent:#1a6b3c; --sg-accent-hover:#155832; --sg-accent-soft:#e7f3eb; --sg-accent-line:#c5dfce;
        --sg-max:72rem; --sg-radius:10px; --sg-radius-sm:6px; --sg-radius-lg:14px;
        --sg-ease:cubic-bezier(.16,1,.3,1); --sg-dur:180ms;
        --sg-shadow-sm:0 1px 2px color-mix(in srgb, var(--sg-ink) 6%, transparent);
        --sg-shadow:0 10px 30px color-mix(in srgb, var(--sg-ink) 8%, transparent);
        --sg-font:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Aptos,"Helvetica Neue",Arial,sans-serif;
        --sg-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
        /* legacy aliases used across stylesheet */
        --ink:var(--sg-ink); --muted:var(--sg-muted); --blue:var(--sg-accent); --blue-dark:var(--sg-accent-hover);
        --line:var(--sg-line); --paper:var(--sg-paper); --card:var(--sg-card); --soft:var(--sg-paper-2);
        --max:var(--sg-max); --font:var(--sg-font); --mono:var(--sg-mono);
      }
      * { box-sizing:border-box; }
      html { scroll-behavior:smooth; }
      body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font); font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased; overflow-x:clip; }

      a, button, .btn, [role="button"], input[type="submit"], summary { cursor:pointer; }
      a:focus-visible, button:focus-visible, .btn:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
        outline:2px solid color-mix(in srgb, var(--sg-accent) 55%, transparent); outline-offset:2px;
      }
      a, button, .btn { transition: color var(--sg-dur) var(--sg-ease), background var(--sg-dur) var(--sg-ease), border-color var(--sg-dur) var(--sg-ease), box-shadow var(--sg-dur) var(--sg-ease), transform var(--sg-dur) var(--sg-ease); }
      button:active, .btn:active, input[type="submit"]:active { transform:scale(.985); }

      @media (prefers-reduced-motion:reduce) {
        html { scroll-behavior:auto; }
        *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
      }
      [id] { scroll-margin-top:92px; }
      main { margin:0 auto; max-width:var(--max); padding:44px 24px 72px; }
      h1 { font-size:clamp(34px,6vw,58px); font-weight:650; letter-spacing:0; line-height:1.04; margin:0 0 10px; text-align:center; }
      h2 { font-size:clamp(26px,4vw,38px); font-weight:650; letter-spacing:0; line-height:1.08; margin:0; }
      p { color:var(--muted); line-height:1.5; }
      .top { align-items:center; display:grid; gap:18px; grid-template-columns:1fr auto 1fr; margin:0 auto 46px; min-height:44px; }
      .brand { align-items:center; color:inherit; display:inline-flex; font-family:ui-rounded,"IBM Plex Sans",Aptos,"Helvetica Neue",Arial,sans-serif; font-size:15px; font-weight:780; gap:8px; justify-self:start; letter-spacing:-.035em; text-decoration:none; text-transform:lowercase; white-space:nowrap; }
      .brand-mark { align-items:center; background:transparent; border:0; color:inherit; display:inline-flex; flex:0 0 auto; height:26px; justify-content:center; width:26px; }
      .brand-mark img { display:block; height:100%; width:100%; }
      form { background:var(--card); border:1px solid rgba(0,0,0,.05); border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.06); display:grid; gap:16px; margin-top:28px; padding:24px; }
      label { color:var(--muted); display:grid; font-size:11px; font-weight:650; gap:7px; letter-spacing:.04em; text-transform:uppercase; }
      input, select { background:#fff; border:1px solid var(--line); border-radius:8px; font-family:inherit;font-size:16px;line-height:1.4; min-height:44px; padding:10px 12px; text-transform:none; width:100%; }
      input:focus, select:focus { border-color:var(--blue); box-shadow:0 0 0 4px rgba(26,107,60,.14); outline:none; }
      button, .btn { align-items:center; background:var(--blue); border:1px solid var(--blue); border-radius:999px; color:#fff; cursor:pointer; display:inline-flex; font-size:14px; font-weight:600; justify-content:center; min-height:44px; padding:9px 18px; text-decoration:none; white-space:nowrap; }
      button:hover, .btn:hover { background:var(--blue-dark); border-color:var(--blue-dark); color:#fff; }
      .btn.secondary, .top a.btn.secondary { color:var(--blue); font-size:14px; }
      .btn.secondary:hover, .top a:hover { background:transparent; border-color:transparent; color:var(--blue-dark); }
      .top a.btn.secondary { background:transparent; border:0; min-height:44px; padding:11px 14px; text-decoration:none; }
      .btn.secondary { background:transparent; border:0; min-height:44px; padding:11px 18px; text-decoration:none; }
      .hero-start { margin:18px 0 6px; }
      .hero-start-cta { font-size:17px; font-weight:700; min-height:54px; padding:15px 40px; width:100%; max-width:420px; }
      .hero-start-note { color:#6b7770; font-size:13px; margin:10px 0 0; max-width:470px; }
      .error { background:#fff; border:1px solid #f0b3b3; border-radius:8px; color:#7c1d1d; font-size:14px; padding:12px 14px; }
      table { border-collapse:collapse; margin-top:16px; width:100%; }
      th, td { border-bottom:1px solid var(--line); padding:11px 8px; text-align:left; vertical-align:middle; }
      th { color:var(--muted); font-family:var(--mono); font-size:10px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; }
      .symbol { color:var(--muted); font-family:var(--mono); font-size:12px; }
      .qty { max-width:76px; }
      .user-bar { align-items:center; display:flex; gap:14px; justify-content:flex-end; }
      .user-bar span { color:var(--muted); font-size:13px; }
      .subnav { align-items:center; display:flex; gap:22px; justify-content:center; }
      .navlink { color:var(--muted); font-size:14px; font-weight:500; padding:0; text-decoration:none; white-space:nowrap; }
      .navlink.active { color:var(--ink); }
      .navlink:hover { color:var(--ink); }
      .empty { background:var(--card); border:1px solid rgba(0,0,0,.06); border-radius:8px; color:var(--muted); margin-top:24px; padding:24px; text-align:center; }
      .status { color:var(--muted); font-family:var(--mono); font-size:11px; }
      .pick { color:var(--muted); font-family:var(--mono); font-size:12px; margin:8px 0 0; text-align:center; }
      .pick span { color:var(--ink); }
      .hint { color:var(--muted); font-size:14px; margin-top:6px; text-align:center; }
      label .hint { display:block; font-weight:400; letter-spacing:0; line-height:1.35; margin-top:2px; text-align:left; text-transform:none; }
      .hint a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
      .auth-methods { display:grid; gap:10px; margin-top:18px; }
      .auth-oauth { display:grid; gap:10px; margin:0; }
      .auth-alt { margin:0; }
      .auth-or { color:var(--muted); font-size:12px; margin:12px 0 0; text-align:center; }
      .auth-page { background:#f5f6f1; color:#101513; }
      .auth-page p { color:#66706b; }
      .auth-page .top { margin-bottom:38px; }
      .auth-page .brand-mark { background:transparent; border-color:transparent; color:inherit; }
      .auth-page .btn { background:#1a6b3c; border-color:#1a6b3c; color:#f7faf7; border-radius:10px; }
      .auth-page .btn:hover { background:#155832; border-color:#155832; color:#f7faf7; }
      .auth-page .top a.btn.secondary { background:transparent; border-color:transparent; color:#102018; }
      .auth-page .top a.btn.secondary:hover { color:#1a6b3c; }
      .auth-main { max-width:1180px; padding:32px 32px 72px; }
      .auth-main .top { grid-template-columns:1fr auto; }
      .auth-shell { align-items:start; display:grid; gap:36px; grid-template-columns:minmax(0,1fr) minmax(360px,440px); }
      .auth-copy { padding-top:28px; }
      .auth-kicker { color:#1a6b3c; font-family:var(--mono); font-size:11px; letter-spacing:.06em; margin:0 0 18px; text-transform:uppercase; }
      .auth-copy h1 { color:#101513; font-size:clamp(44px,5.8vw,72px); line-height:1.03; margin:0; max-width:720px; text-align:left; }
      .auth-copy h1 .accent { color:#1a6b3c; }
      .auth-copy .hint { color:#4f5b55; font-size:18px; line-height:1.52; margin:18px 0 0; max-width:640px; text-align:left; }
      .tracker-proof { display:grid; gap:10px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:22px; max-width:620px; }
      .tracker-proof div { background:#f8faf9; border:1px solid #dce4da; border-radius:8px; padding:14px 14px 13px; }
      .tracker-proof strong { color:#101513; display:block; font-family:var(--mono); font-size:17px; line-height:1; }
      .tracker-proof span { color:#66706b; display:block; font-size:12px; line-height:1.25; margin-top:7px; }
      .auth-mini-list { border-top:1px solid #dce4da; display:grid; gap:12px; margin-top:30px; max-width:560px; padding-top:20px; }
      .auth-mini-row { align-items:start; display:flex; gap:12px; }
      .auth-mini-row:before { background:#c8d2ca; content:""; flex:0 0 auto; height:1px; margin-top:10px; width:18px; }
      .auth-mini-dot { background:#1a6b3c; border-radius:999px; box-shadow:0 0 0 6px rgba(31,122,69,.08); flex:0 0 auto; height:8px; width:8px; }
      .auth-mini-row span { color:#66706b; font-size:14px; line-height:1.4; }
      .tracker-preview { background:#fff; border:1px solid #dce4da; border-radius:8px; box-shadow:0 18px 46px rgba(16,32,24,.06); margin-top:24px; max-width:620px; overflow:hidden; }
      .tracker-preview-head { align-items:center; border-bottom:1px solid #e5ebe3; display:flex; justify-content:space-between; gap:14px; padding:14px 16px; }
      .tracker-preview-head strong { color:#101513; font-size:13px; line-height:1.3; }
      .tracker-preview-head span { color:#1a6b3c; font-family:var(--mono); font-size:10px; letter-spacing:.05em; text-transform:uppercase; }
      .tracker-preview-row { align-items:center; display:grid; gap:12px; grid-template-columns:minmax(0,1fr) auto; padding:13px 16px; }
      .tracker-preview-row + .tracker-preview-row { border-top:1px solid #eef2ed; }
      .tracker-preview-row b { color:#101513; display:block; font-size:14px; line-height:1.25; }
      .tracker-preview-row small { color:#5a655e; display:block; font-size:12px; line-height:1.35; margin-top:3px; }
      .tracker-preview-price { color:#101513; font-family:var(--mono); font-size:12px; font-weight:760; white-space:nowrap; }
      .auth-card { background:#fff; border:1px solid #dde2db; border-radius:8px; box-shadow:0 24px 70px rgba(16,32,24,.08); padding:24px; }
      .auth-card h2 { color:#101513; font-size:28px; margin:0 0 6px; text-align:left; }
      .auth-card > .hint { margin:0 0 18px; text-align:left; }
      .auth-card form { border:0; box-shadow:none; margin-top:18px; padding:0; }
      .auth-card label { color:#5a655e; }
      .auth-card input, .auth-card select { border-color:#d6ded5; }
      .auth-card input:focus, .auth-card select:focus { border-color:#1a6b3c; box-shadow:0 0 0 4px rgba(31,122,69,.12); }
      .auth-card button[type="submit"] { background:#1a6b3c; border-color:#1a6b3c; border-radius:10px; width:100%; }
      .auth-card button[type="submit"]:hover { background:#155832; border-color:#155832; }
      .tracker-card-benefits { background:#f8faf7; border:1px solid #dce7dc; border-radius:8px; display:grid; gap:9px; margin:14px 0 2px; padding:12px; }
      .tracker-card-benefit { display:grid; gap:2px; grid-template-columns:auto minmax(0,1fr); }
      .tracker-card-benefit:before { background:#1a6b3c; border-radius:999px; content:""; height:6px; margin-top:7px; width:6px; }
      .tracker-card-benefit b { color:#102018; display:block; font-size:13px; line-height:1.22; }
      .tracker-card-benefit small { color:#66706b; display:block; font-size:12px; line-height:1.32; }
      .tracker-form-promise { background:#f8faf7; border:1px solid #dce7dc; border-radius:8px; color:#102018; font-size:13px; font-weight:720; line-height:1.35; margin:0 0 10px; padding:10px 12px; }
      .tracker-form-promise span { color:#1a6b3c; }
      .tracker-intent-assist { background:transparent; border:0; color:#1a6b3c; cursor:pointer; display:inline-flex; font:inherit;font-size:16px; font-size:13px; font-weight:820; justify-self:center; margin:0 auto; min-height:0; padding:2px 0; text-align:center; text-decoration:underline; text-underline-offset:3px; width:auto; }
      .tracker-intent-assist:hover { background:transparent; color:#065f46; }
      .tracker-intent-assist small { display:none; }
      .tracker-form-note { color:#66706b; font-size:12px; line-height:1.38; margin:-4px 0 0; text-align:center; }
      .tracker-privacy-row { align-items:center; color:#526058; display:flex; flex-wrap:wrap; font-size:11px; gap:8px; justify-content:center; line-height:1.3; margin-top:2px; }
      .tracker-privacy-row span { align-items:center; background:#f3f7f1; border:1px solid #dce7dc; border-radius:999px; display:inline-flex; min-height:24px; padding:4px 8px; }
      .auth-card .order-btn, .auth-card .btn.secondary { background:#fff; border:1px solid #cfd8d0; color:#102018; min-height:44px; padding:10px 16px; }
      .auth-card .order-btn:hover, .auth-card .btn.secondary:hover { background:#edf5ef; border-color:#9bb5a3; color:#102018; }
      .auth-card .order-btn:focus-visible, .auth-card .btn.secondary:focus-visible { box-shadow:0 0 0 4px rgba(31,122,69,.55); outline:none; }
      .buyer-intent-form { border:0; box-shadow:none; display:grid; gap:12px; margin-top:16px; padding:0; }
      .buyer-intent-form label { color:#5a655e; }
      .buyer-intent-form select { border-color:#d6ded5; min-height:44px; }
      .buyer-intent-form button[type="submit"] { background:#1a6b3c; border-color:#1a6b3c; border-radius:10px; width:100%; }
      .buyer-intent-note { color:#66706b; font-size:12px; line-height:1.4; margin:2px 0 0; text-align:center; }
      .auth-page .auth-card .auth-alt .btn.secondary,
      .auth-page .auth-card .auth-alt .btn.secondary:visited { background:#fff; border:1px solid #aebbb1; color:#102018; font-weight:720; min-height:46px; width:100%; }
      .auth-page .auth-card .auth-alt .btn.secondary:hover,
      .auth-page .auth-card .auth-alt .btn.secondary:focus { background:#edf5ef; border-color:#8fa99a; color:#102018; }
      .auth-page .auth-card .auth-alt .btn.secondary:focus-visible { box-shadow:0 0 0 4px rgba(31,122,69,.55); outline:none; }
      .auth-page .auth-card .auth-alt .btn.secondary:disabled { background:#f4f7f2; border-color:#d9e1d8; color:#455149; cursor:not-allowed; opacity:1; }
      .passkey-note { color:#5f6b64; font-size:12px; line-height:1.4; margin:8px 0 0; text-align:center; }
      .auth-card .auth-or { align-items:center; display:grid; gap:10px; grid-template-columns:1fr auto 1fr; margin:16px 0 0; }
      .auth-card .auth-or:before, .auth-card .auth-or:after { background:#e4e9e3; content:""; height:1px; }
      .tracker-mobile-card { display:none; }
      .google-identity-wrap { display:grid; min-height:44px; place-items:center; width:100%; }
      .google-identity-wrap > div { max-width:100%; }
      .auth-track-first { background:#eef6ef; border:1px solid #cfe0d3; border-radius:8px; display:grid; gap:12px; margin-top:24px; max-width:560px; padding:16px; }
      .auth-track-first strong { color:#102018; display:block; font-size:15px; line-height:1.25; }
      .auth-track-first span { color:#56635c; display:block; font-size:14px; line-height:1.4; }
      .auth-track-first .btn { align-items:center; align-self:start; display:inline-flex; min-height:44px; padding:10px 16px; width:auto; }
      .auth-track-first form { align-items:end; background:transparent; border:0; box-shadow:none; display:grid; gap:10px; grid-template-columns:minmax(190px,1fr) auto; margin:0; padding:0; }
      .auth-track-first label { color:#526058; display:grid; font-size:12px; font-weight:760; gap:6px; line-height:1.3; margin:0; }
      .auth-track-first input[type="email"] { background:#fff; border:1px solid #b8cfbe; border-radius:7px; color:#101513; font:inherit;font-size:16px; min-height:44px; padding:0 12px; width:100%; }
      .auth-track-first input[type="email"]:focus { border-color:#1a6b3c; box-shadow:0 0 0 4px rgba(31,122,69,.12); outline:none; }
      .auth-track-first button[type="submit"] { background:#1a6b3c; border:1px solid #1a6b3c; border-radius:10px; color:#f7faf7; font:inherit;font-size:16px; font-weight:780; min-height:44px; padding:0 14px; white-space:nowrap; }
      .auth-switch { color:#5f6b64; font-size:14px; line-height:1.4; margin:14px 0 0; text-align:center; }
      .auth-switch a { color:#155832; font-weight:750; text-decoration:none; }
      .auth-switch a:hover { text-decoration:underline; }
      .auth-disclosure { border-top:1px solid #e4e9e3; color:#5f6b64; font-size:12px; line-height:1.45; margin:18px 0 0; padding-top:14px; }
      /* v2 market shell (2026-07-12): dark serif institutional band */
      .market-hero { background: radial-gradient(120% 100% at 50% -20%, rgba(38,84,58,.5), transparent 62%), linear-gradient(160deg, #0f1b15 0%, #13211a 55%, #101513 100%); border:1px solid #1e2c24; border-radius:18px; margin:0 auto 32px; max-width:100%; padding:52px 32px 48px; text-align:center; }
      .book-home .market-hero h1 { font-family:"IBM Plex Serif", Georgia, serif; font-weight:600; letter-spacing:-.015em; color:#f4f6f4; }
      .book-home .market-hero .hint { color:#b9c6bd; }
      .book-home .section-head h2, .book-home .how-steps h2, .book-home .split-section h2 { font-family:"IBM Plex Serif", Georgia, serif; font-weight:600; letter-spacing:-.01em; }
      @media (max-width:760px) { .market-hero { border-radius:14px; padding:34px 18px 30px; } }
      .market-hero .hint { margin-left:auto; margin-right:auto; max-width:560px; }
      .market-tracker-form { align-items:end; background:#fff; border:1px solid #dde7dd; border-radius:8px; box-shadow:0 18px 48px rgba(16,32,24,.08); display:grid; gap:10px; grid-template-columns:minmax(220px,1fr) auto; margin:0 auto 26px; max-width:760px; padding:12px; }
      .market-tracker-form label { color:#4f5b54; display:grid; font-size:12px; font-weight:760; gap:6px; line-height:1.3; margin:0; }
      .market-tracker-form input[type="email"] { border:1px solid #cfd8d0; border-radius:7px; color:#101513; font:inherit;font-size:16px; min-height:46px; padding:0 13px; width:100%; }
      .market-tracker-form input[type="email"]:focus { border-color:#1a6b3c; box-shadow:0 0 0 4px rgba(31,122,69,.12); outline:none; }
      .market-tracker-form button[type="submit"] { background:#1a6b3c; border:1px solid #1a6b3c; border-radius:10px; color:#f7faf7; font:inherit;font-size:16px; font-weight:820; min-height:46px; padding:0 18px; white-space:nowrap; }
      .market-tracker-form p { color:#66706b; font-size:12px; grid-column:1 / -1; line-height:1.35; margin:0; text-align:center; }
      .market-grid { display:grid; gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:26px; }
      .market-grid + .market-summary { margin-top:24px; }
      .market-card { background:var(--card); border:1px solid rgba(0,0,0,.05); border-radius:8px; box-shadow:0 18px 45px rgba(0,0,0,.05); display:grid; gap:18px; min-height:260px; padding:24px; }
      .market-card.highlight { box-shadow:0 20px 55px rgba(26,107,60,.14); outline:2px solid rgba(26,107,60,.18); }
      .market-summary { background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:8px; display:grid; gap:16px; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 auto 26px; max-width:980px; padding:20px; }
      .market-summary div + div { border-left:1px solid var(--line); padding-left:16px; }
      .market-summary strong { color:var(--ink); display:block; font-size:18px; line-height:1.2; }
      .market-summary span { color:var(--muted); display:block; font-size:13px; line-height:1.4; margin-top:7px; }
      .post-signup-review { align-items:center; background:#f4fbf6; border:1px solid #c9decf; border-radius:8px; display:grid; gap:18px; grid-template-columns:minmax(0,1fr) auto; margin:0 auto 26px; max-width:980px; padding:20px; }
      .post-signup-review h2 { color:#101513; font-size:24px; line-height:1.1; text-align:left; }
      .post-signup-review p { font-size:14px; line-height:1.45; margin:7px 0 0; }
      .post-signup-review form { background:transparent; border:0; box-shadow:none; margin:0; padding:0; }
      .post-signup-review button { background:#102018; border-color:#102018; min-width:210px; }
      .post-signup-review button:hover { background:#155832; border-color:#155832; }
      .success-actions { display:grid; gap:10px; margin-top:18px; }
      .success-actions .btn { justify-content:center; width:100%; }
      .success-note { background:#f8faf9; border:1px solid #dce4da; border-radius:8px; color:#4f5b54; font-size:13px; line-height:1.5; margin-top:18px; padding:12px 14px; }
      .success-list { display:grid; gap:12px; margin-top:22px; max-width:620px; }
      .success-list div { border-top:1px solid #dce4da; padding-top:12px; }
      .success-list b { color:#101513; display:block; font-size:15px; margin-bottom:4px; }
      .success-list span { color:#66706b; font-size:13px; line-height:1.45; }
      .asset-plate { background:#f5f5f7; border:1px solid rgba(0,0,0,.04); border-radius:8px; display:flex; justify-content:space-between; min-height:92px; padding:18px; }
      .asset-plate strong { align-self:flex-end; color:var(--ink); font-family:var(--mono); font-size:18px; }
      .asset-plate span { color:var(--muted); font-size:12px; font-weight:650; letter-spacing:.05em; text-transform:uppercase; }
      .asset-top { align-items:start; display:flex; justify-content:space-between; gap:16px; }
      .asset-symbol { color:var(--muted); font-family:var(--mono); font-size:12px; letter-spacing:.04em; }
      .asset-price { font-family:var(--mono); font-size:17px; font-weight:650; }
      .asset-name { font-size:32px; font-weight:650; letter-spacing:0; line-height:1.05; margin:0; }
      .asset-sector { color:var(--muted); font-size:14px; margin:6px 0 0; }
      .order-form { box-shadow:none; margin-top:auto; padding:0; border:0; border-radius:0; background:transparent; display:grid; gap:12px; }
      .order-row { align-items:end; display:grid; gap:10px; grid-template-columns:90px 1fr auto; }
      .total { color:var(--muted); font-family:var(--mono); font-size:13px; min-width:72px; }
      .order-btn { background:#fff; border:1px solid var(--line); color:var(--ink); font-size:14px; text-decoration:none; }
      .order-btn:hover { background:var(--soft); border-color:#bfc0c5; color:var(--ink); }
      .auth-methods .btn, .auth-methods .order-btn { width:100%; }
      body.book-home { background:#fff; color:#101513; }
      body.book-home p { color:#4f5b55; }
      .book-main { max-width:1280px; padding:32px 32px 80px; }
      .book-home .top { margin-bottom:52px; }
      .book-home .brand { font-size:17px; }
      .book-home .brand-mark { background:transparent; border-color:transparent; color:inherit; }
      .book-home .btn { background:#102018; border-color:#102018; color:#fff; }
      .book-home .btn:hover { background:#1b3528; border-color:#1b3528; color:#fff; }
      .book-home .btn.secondary { background:#fff; border-color:#cfd8d0; color:#102018; }
      .book-home .btn.secondary:hover { background:#edf5ef; border-color:#b8c9bd; color:#102018; }
      .book-home .top a.btn.secondary { background:transparent; border-color:transparent; color:#102018; }
      .book-home .home-top { background:rgba(255,255,255,.94); backdrop-filter:saturate(180%) blur(12px); -webkit-backdrop-filter:saturate(180%) blur(12px); border-bottom:1px solid #e1e5e0; display:grid; gap:28px; grid-template-columns:auto minmax(0,1fr) auto; margin:-32px -32px 52px; min-height:72px; padding:14px 32px; position:sticky; top:0; z-index:30; }
      .book-home .home-top .brand { font-size:26px; font-weight:820; gap:9px; letter-spacing:-.045em; }
      .book-home .home-top .brand-mark { background:transparent; border:0; color:inherit; height:26px; width:26px; }
      .book-home .home-top .subnav { gap:28px; justify-content:center; min-width:0; }
      .book-home .home-top .navlink { color:#5c6660; font-size:15px; font-weight:600; padding:6px 0; transition:color .15s ease; }
      .book-home .home-top .navlink:hover { color:#102018; }
      .book-home .home-top .user-bar { gap:18px; }
      .book-home .home-top .login-link { color:#141a17; font-size:16px; font-weight:650; text-decoration:none; white-space:nowrap; }
      .book-home .home-top .login-link:hover { color:#1a6b3c; }
      .book-home .home-top .header-cta { background:#1a6b3c; border-color:#1a6b3c; font-size:16px; font-weight:760; min-height:52px; padding:0 26px; }
      .book-home .home-top .header-cta:hover { background:#155832; border-color:#155832; }
      .breadcrumb { color:#8a948d; display:flex; flex-wrap:wrap; font-family:var(--mono); font-size:12px; gap:9px; letter-spacing:.08em; margin-bottom:20px; text-transform:uppercase; }
      .breadcrumb span:last-child { color:#1a6b3c; }
      .book-kicker { color:#1a6b3c; font-family:var(--mono); font-size:11px; letter-spacing:.08em; margin:0 0 14px; text-transform:uppercase; }
      .mobile-break { display:none; }
      .book-hero { align-items:center; display:grid; gap:52px; grid-template-columns:minmax(0,1fr) minmax(420px,.68fr); margin-bottom:34px; }
      .book-hero h1 { color:#101513; font-size:clamp(42px,4.8vw,66px); font-weight:760; letter-spacing:0; line-height:1.04; margin:0; max-width:760px; text-align:left; }
      .book-copy { color:#4f5b55; font-size:19px; line-height:1.5; margin:20px 0 0; max-width:680px; }
      .hero-actions { align-items:center; display:flex; flex-wrap:wrap; gap:14px; justify-content:flex-start; margin-top:26px; }
      .hero-actions .btn.secondary { align-items:center; background:#fff; border:1px solid #cfd8d0; border-radius:999px; color:#102018; display:inline-flex; min-height:44px; padding:0 18px; text-decoration:none; }
      .hero-actions .btn.secondary:hover { background:#edf5ef; border-color:#b8c9bd; color:#102018; }
      .hero-proof { color:#66706b; font-size:13px; line-height:1.35; margin-top:12px; max-width:520px; }
      .book-preview { background:#f8faf9; border:1px solid #dbe3dd; border-radius:12px; box-shadow:0 18px 55px rgba(16,32,24,.08); color:#101513; min-height:360px; overflow:hidden; padding:24px; position:relative; }
      .preview-top { align-items:center; display:flex; justify-content:space-between; gap:16px; margin-bottom:16px; }
      .preview-top span { color:#66706b; font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
      .preview-dot { animation:none; background:var(--sg-accent,#1a6b3c); border-radius:999px; box-shadow:none; flex:0 0 auto; height:8px; width:8px; }
      /* previewPulse removed - Impeccable dark-glow ban */
      .preview-account { align-items:center; border-bottom:1px solid #d9dfd8; display:grid; gap:12px; grid-template-columns:1fr auto; margin-bottom:0; padding:6px 0 16px; }
      .preview-account strong { color:#101513; display:block; font-size:22px; line-height:1.05; }
      .preview-account span { color:#66706b; display:block; font-size:13px; margin-top:5px; }
      .preview-account em { background:#fff7da; border:1px solid #e9d188; border-radius:999px; color:#6a4b00; font-family:var(--mono); font-size:10px; font-style:normal; padding:7px 9px; text-transform:uppercase; white-space:nowrap; }
      .preview-stats { border-bottom:1px solid #d9dfd8; display:grid; gap:0; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:3px; }
      .preview-stat { padding:14px 12px 14px 0; }
      .preview-stat + .preview-stat { border-left:1px solid #d9dfd8; padding-left:14px; }
      .preview-stat strong { color:#101513; display:block; font-size:18px; line-height:1; }
      .preview-stat span { color:#66706b; display:block; font-size:11px; line-height:1.25; margin-top:7px; }
      .preview-card { background:transparent; border:0; color:#101513; display:grid; gap:0; padding:0; }
      .preview-row { align-items:center; border-bottom:1px solid #d9dfd8; display:grid; gap:12px; grid-template-columns:38px minmax(0,1fr) auto; padding:16px 0; }
      .preview-row:last-child { border-bottom:0; padding-bottom:0; }
      .preview-row strong { color:#101513; display:block; font-size:17px; line-height:1.12; }
      .preview-row span { color:#66706b; display:block; font-size:13px; margin-top:4px; }
      .preview-price { color:#101513; font-family:var(--mono); font-size:12px; font-style:normal; font-weight:760; text-align:right; white-space:nowrap; }
      .preview-chip { background:#e9f5ec; border:1px solid #cfe3d4; border-radius:999px; color:#1a6b3c; font-family:var(--mono); font-size:10px; padding:7px 9px; text-transform:uppercase; white-space:nowrap; }
      .company-icon { align-items:center; background:#e9f5ec; border:1px solid #cfe3d4; border-radius:10px; color:#1a6b3c; display:inline-flex; flex:0 0 auto; height:36px; justify-content:center; width:36px; }
      .company-icon svg { height:18px; width:18px; }
      .company-icon.logo { background:#fff; color:#101513; overflow:hidden; padding:7px; }
      .company-icon.logo img { display:block; height:100%; max-width:100%; object-fit:contain; width:100%; }
      .book-proof { background:#f7f8f7; border:1px solid #e0e3e1; border-radius:12px; display:grid; gap:32px; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); margin:0 0 76px; padding:34px; }
      .book-proof h2 { color:#101513; font-size:clamp(28px,3vw,40px); font-weight:650; line-height:1.08; max-width:520px; text-align:left; }
      .proof-grid { display:grid; gap:18px; grid-template-columns:repeat(3,minmax(0,1fr)); }
      .proof-item { border-left:1px solid #d2d8d2; padding-left:18px; }
      .proof-value { color:#101513; display:block; font-size:36px; font-weight:650; line-height:1; }
      .proof-label { color:#66706b; display:block; font-size:14px; line-height:1.35; margin-top:10px; }
      .book-section { margin:0 0 76px; }
      .book-section.compact { margin-bottom:54px; }
      .content-grid { align-items:stretch; display:grid; gap:14px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:22px; }
      .content-card { background:#fff; border:1px solid #dde2db; border-radius:12px; display:flex; flex-direction:column; min-height:172px; padding:22px; }
      .content-card.accent { background:#f2faf5; border-color:#b8dcc6; box-shadow:inset 3px 0 0 #1a6b3c; }
      .content-card.accent p, .content-card.accent .card-index { color:#4f6b5a; }
      .card-index { color:#1a6b3c; display:block; font-family:var(--mono); font-size:11px; letter-spacing:.08em; margin-bottom:22px; text-transform:uppercase; }
      .content-card h3 { color:inherit; font-size:22px; line-height:1.12; margin:0; }
      .content-card p { color:#66706b; font-size:14px; line-height:1.45; margin:10px 0 0; }
      .answer-grid { display:grid; gap:14px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:22px; }
      .answer-card { background:#f8faf9; border:1px solid #dde2db; border-radius:12px; min-height:160px; padding:22px; }
      .answer-card strong { color:#101513; display:block; font-size:20px; line-height:1.14; }
      .answer-card p { color:#5b665f; font-size:14px; line-height:1.48; margin:10px 0 0; }
      .split-section { align-items:start; background:#f1f2f5; border:1px solid #e0e3e1; border-radius:8px; display:grid; gap:28px; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); padding:34px; }
      .split-section h2 { color:#101513; font-size:clamp(28px,3vw,40px); max-width:480px; text-align:left; }
      .review-list { display:grid; gap:0; }
      .review-line { align-items:start; border-bottom:1px solid #d4dbd3; display:grid; gap:18px; grid-template-columns:150px 1fr; padding:17px 0; }
      .review-line:first-child { padding-top:0; }
      .review-line:last-child { border-bottom:0; padding-bottom:0; }
      .review-line strong { color:#101513; font-size:16px; line-height:1.3; }
      .review-line span { color:#66706b; font-size:14px; line-height:1.45; }
      .site-footer { align-items:center; border-top:1px solid #dfe5df; color:#5f6b64; display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; margin-top:52px; padding-top:22px; }
      .site-footer span, .site-footer a { color:#66706b; font-size:13px; text-decoration:none; }
      .site-footer a:hover { color:#102018; text-decoration:underline; text-underline-offset:3px; }
      .footer-links { display:flex; flex-wrap:wrap; gap:16px; }
      .section-head { align-items:flex-start; display:flex; gap:22px; justify-content:space-between; margin-top:0; }
      .section-head h2 { color:var(--sg-ink,#121815); font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem); font-weight:700; letter-spacing:-0.022em; text-align:left; }
      .section-head p { margin:8px 0 0; max-width:620px; }
      .book-pill { background:#e9f5ec; border:1px solid #cfe3d4; color:#1a6b3c; font-family:var(--mono); font-size:10px; padding:7px 9px; text-transform:uppercase; white-space:nowrap; }
      .market-layout { display:grid; gap:18px; grid-template-columns:280px minmax(0,1fr); margin-top:20px; }
      .filter-panel, .listing-card { background:var(--sg-card,#fbfcfb); border:1px solid var(--sg-line,#d5ddd6); border-radius:var(--sg-radius-lg,14px); }
      .filter-panel { align-self:start; max-height:calc(100vh - 110px); overflow-y:auto; padding:22px; position:sticky; top:96px; }
      .filter-head { align-items:center; display:flex; justify-content:space-between; gap:12px; margin-bottom:14px; }
      .filter-panel h3 { font-size:22px; line-height:1.1; margin:0; }
      .filter-clear { color:#1a6b3c; font-family:var(--mono); font-size:10px; text-decoration:none; text-transform:uppercase; }
      .filter-group { border-top:1px solid #e4e9e3; padding:14px 0 0; }
      .filter-group + .filter-group { margin-top:14px; }
      .filter-title { color:#5a655e; font-family:var(--mono); font-size:11px; letter-spacing:.08em; margin-bottom:10px; text-transform:uppercase; }
      .filter-line { align-items:center; display:flex; justify-content:space-between; gap:10px; font-size:16px; padding:8px 0; }
      .filter-line span:last-child { color:#5f6b64; font-family:var(--mono); font-size:12px; }
      .listing-toolbar { align-items:center; display:flex; gap:12px; justify-content:space-between; margin-bottom:12px; }
      .listing-toolbar span:first-child { color:#101513; font-size:22px; font-weight:760; }
      .sort-select { background:#fff; border:1px solid #d6ded5; border-radius:8px; color:#102018; font-size:16px; min-height:44px; padding:0 34px 0 12px; }
      .listing-list { display:grid; gap:12px; grid-template-columns:repeat(auto-fill,minmax(480px,1fr)); }
      .listing-card { color:#101513; display:block; padding:0; text-decoration:none; transition:border-color .2s ease, box-shadow .2s ease; }
      .listing-card:hover { border-color:#b9c8bc; box-shadow:0 10px 28px rgba(16,32,24,.07); }
      .listing-card:focus-visible { box-shadow:0 0 0 3px rgba(26,107,60,.6); outline:none; }
      .listing-inner { align-items:center; display:grid; gap:20px; grid-template-columns:minmax(260px,1fr) minmax(470px,1.35fr); padding:20px; }
      .listing-copy { align-items:center; display:grid; gap:14px; grid-template-columns:46px 1fr; }
      .listing-title { color:var(--sg-ink,#121815); display:block; font-size:clamp(1.15rem,1.05rem + 0.4vw,1.35rem); font-weight:700; letter-spacing:-0.02em; line-height:1.15; }
      .listing-sub { color:#66706b; font-size:14px; line-height:1.35; margin-top:6px; }
      .listing-metrics { display:grid; gap:12px; grid-template-columns:repeat(4,minmax(0,1fr)); }
      .metric-label { color:#5a655e; display:block; font-family:var(--mono); font-size:10px; letter-spacing:.06em; line-height:1.2; text-transform:uppercase; }
      .metric-value { color:#101513; display:block; font-size:15px; font-weight:720; line-height:1.25; margin-top:7px; }
      .listing-action { align-items:center; border-top:1px solid #e4e9e3; display:flex; gap:14px; justify-content:space-between; padding:14px 20px 16px; }
      .listing-action span { color:#66706b; font-size:13px; line-height:1.35; }
      .listing-action strong { align-items:center; background:#e9f5ec; border:1px solid #cfe3d4; border-radius:999px; color:#1a6b3c; display:inline-flex; flex:0 0 auto; font-size:13px; font-weight:760; justify-content:center; min-height:34px; padding:0 13px; }
      .listing-card:hover .listing-action strong { background:#102018; border-color:#102018; color:#fff; }
      .company-listing .listing-inner { grid-template-columns:minmax(260px,1fr) minmax(190px,.42fr); }
      .listing-priceblock { display:grid; gap:6px; justify-items:end; text-align:right; }
      .listing-price { color:#101513; display:block; font-size:18px; font-weight:760; line-height:1.15; }
      .listing-remaining { color:#66706b; display:block; font-size:12px; line-height:1.2; }
      .company-row em { color:#101513; font-style:normal; font-weight:760; white-space:nowrap; }
      .quiet-note { color:#66706b; font-size:13px; line-height:1.45; margin:24px auto 0; max-width:820px; text-align:center; }
      .fine-print { color:#5f6b64; font-size:12px; line-height:1.45; margin:20px auto 0; max-width:820px; text-align:center; }
      .checkout-main { max-width:1120px; }
      .checkout-layout { align-items:start; display:grid; gap:26px; grid-template-columns:minmax(0,.92fr) minmax(360px,.62fr); }
      .checkout-copy h1 { text-align:left; }
      .lede { color:#424245; font-size:20px; line-height:1.42; margin:14px 0 0; }
      .panel-card, .notice-card, .next-step { background:#fff; border:1px solid rgba(0,0,0,.05); border-radius:8px; box-shadow:0 18px 45px rgba(0,0,0,.045); padding:22px; }
      .panel-card { margin-top:24px; }
      .notice-card { margin-top:16px; }
      .panel-card p, .notice-card p, .next-step p { margin:8px 0 0; }
      .checkout-notes { display:grid; gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:20px; }
      .checkout-notes article { background:#fff; border:1px solid rgba(0,0,0,.05); border-radius:8px; padding:18px; }
      .checkout-notes strong { color:var(--ink); display:block; font-size:16px; font-weight:650; line-height:1.2; }
      .checkout-notes span { color:var(--muted); display:block; font-size:13px; line-height:1.45; margin-top:8px; }
      .steps { display:grid; gap:12px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:20px; }
      .steps article { background:#fff; border:1px solid rgba(0,0,0,.05); border-radius:8px; min-height:124px; padding:18px; }
      .steps strong, .panel-card strong, .notice-card strong, .next-step strong { color:var(--ink); display:block; font-size:16px; font-weight:650; }
      .steps span { color:var(--muted); display:block; font-size:13px; line-height:1.45; margin-top:8px; }
      .form-help { background:var(--soft); border:1px solid rgba(0,0,0,.05); border-radius:8px; color:var(--muted); font-size:13px; line-height:1.45; margin:0; padding:12px; text-align:left; }
      .checkout-form h2 { font-size:28px; }
      .amount-chips { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 4px; }
      .amount-chip { background:#fff; border:1px solid var(--line); border-radius:999px; color:var(--ink); cursor:pointer; font:inherit;font-size:16px; font-size:14px; font-weight:700; min-height:44px; padding:10px 18px; }
      .amount-chip:hover { border-color:#1a6b3c; }
      .amount-chip.active { background:var(--sg-accent,#1a6b3c); border-color:var(--sg-accent,#1a6b3c); color:#f7faf7; }
      .checkout-optional { border:1px solid var(--line); border-radius:8px; padding:10px 12px; }
      .checkout-optional summary { color:var(--muted); cursor:pointer; font-size:13px; font-weight:700; }
      .checkout-optional label { margin-top:10px; }
      .check { align-items:start; display:flex; gap:10px; letter-spacing:0; text-transform:none; }
      .check input { flex:0 0 auto; height:18px; margin-top:2px; min-height:0; width:18px; }
      .check span { color:var(--muted); font-size:12px; font-weight:500; line-height:1.35; }
      .fine { border-top:1px solid var(--line); color:var(--muted); font-size:12px; line-height:1.45; margin:0; padding-top:12px; }
      .result-main { max-width:720px; text-align:center; }
      .result-main h1 { text-align:center; }
      .result-main .panel-card { text-align:left; }
      .workspace-header { margin:0 auto 28px; max-width:840px; text-align:center; }
      .workspace-header h1 { margin-bottom:8px; }
      .workspace-grid { display:grid; gap:14px; grid-template-columns:repeat(3,minmax(0,1fr)); margin:26px 0; }
      .workspace-card { background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:8px; padding:20px; }
      .workspace-card strong { color:var(--ink); display:block; font-size:18px; line-height:1.2; }
      .workspace-card span { color:var(--muted); display:block; font-size:13px; line-height:1.4; margin-top:8px; }
      .dashboard-grid { display:grid; gap:14px; grid-template-columns:repeat(4,minmax(0,1fr)); margin:26px 0; }
      .dash-card, .dashboard-section { background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:8px; box-shadow:0 18px 45px rgba(0,0,0,.04); }
      .dash-card { padding:18px; }
      .dash-card span, .dash-card em { color:var(--muted); display:block; font-size:12px; line-height:1.35; }
      .dash-card strong { color:var(--ink); display:block; font-size:24px; line-height:1.1; margin:8px 0; }
      .dash-card em { font-style:normal; }
      .dashboard-section { margin-top:22px; overflow-x:auto; padding:20px; }
      .dashboard-section h2 { font-size:24px; text-align:left; }
      .dashboard-note { color:var(--muted); font-size:12px; line-height:1.45; margin:12px 0 0; }
      .value-cell { font-family:var(--mono); white-space:nowrap; }
      .listing-card .order-form { border-top:1px solid #e4e9e3; padding:16px 20px 18px; }
      @media (max-width:760px) {
        html, body.book-home { max-width:100vw; overflow-x:hidden; width:100%; }
        main { padding:32px 18px 56px; }
        h1 { font-size:44px; }
        .top { grid-template-columns:1fr auto; gap:12px; margin-bottom:34px; }
        .subnav { grid-column:1 / -1; grid-row:2; justify-content:flex-start; overflow-x:auto; padding-bottom:2px; }
        .user-bar { justify-content:flex-end; }
        .market-grid { grid-template-columns:1fr; }
        .market-tracker-form { align-items:stretch; grid-template-columns:1fr; margin-bottom:20px; max-width:100%; padding:12px; }
        .market-tracker-form button[type="submit"] { white-space:normal; width:100%; }
        .market-card { min-height:230px; padding:22px; }
        .asset-name { font-size:30px; }
        .order-row { grid-template-columns:82px 1fr; }
        .order-row .order-btn { grid-column:1 / -1; width:100%; }
        .book-main { box-sizing:border-box; margin:0; max-width:100vw; min-width:0; overflow:hidden; padding:22px 14px 54px; width:100vw; }
        .book-main * { min-width:0; }
        .book-home .top { grid-template-columns:1fr; }
        .book-home .home-top { gap:14px; grid-template-columns:1fr auto; margin:-22px -14px 34px; min-height:0; padding:14px 14px; position:sticky; top:0; }
        .book-home .home-top .brand { font-size:21px; }
        .book-home .home-top .brand-mark { height:22px; width:22px; }
        .book-home .subnav { grid-column:auto; grid-row:auto; justify-content:flex-start; }
        .book-home .home-top .subnav { flex-wrap:wrap; gap:10px 18px; grid-column:1 / -1; justify-content:flex-start; overflow:visible; padding-bottom:2px; }
        .book-home .home-top .navlink { font-size:15px; }
        .book-home .user-bar { flex-wrap:wrap; justify-content:flex-start; }
        .book-home .home-top .user-bar { gap:12px; }
        .book-home .user-bar .btn { font-size:13px; min-height:44px; padding:10px 14px; }
        .book-home .home-top .header-cta { font-size:14px; min-height:44px; padding:0 18px; }
        .breadcrumb { margin-bottom:14px; }
        .book-hero { gap:24px; grid-template-columns:minmax(0,1fr); margin-bottom:42px; max-width:100%; overflow:hidden; }
        .book-hero h1 { font-size:36px; max-width:100%; overflow-wrap:anywhere; }
        .mobile-break { display:block; }
        .book-copy { font-size:17px; max-width:calc(100vw - 28px); overflow-wrap:anywhere; }
        .book-preview { min-height:0; padding:16px; }
        .preview-stats { grid-template-columns:1fr; }
        .preview-stat { padding:12px 0; }
        .preview-stat + .preview-stat { border-left:0; border-top:1px solid #d9dfd8; padding-left:0; }
        .preview-card { padding:0; }
        .preview-row { align-items:start; gap:10px; grid-template-columns:36px minmax(0,1fr); max-width:100%; }
        .preview-row strong { font-size:16px; }
        .preview-row span { font-size:12px; }
        .company-row em { font-size:11px; grid-column:2; justify-self:start; margin-top:4px; max-width:100%; overflow-wrap:anywhere; text-align:left; white-space:normal; }
        .preview-chip { font-size:9px; grid-column:2; justify-self:start; margin-top:4px; }
        .book-proof { gap:24px; grid-template-columns:1fr; margin-bottom:42px; padding:22px; }
        .proof-grid { grid-template-columns:1fr; }
        .proof-item { border-left:0; border-top:1px solid #d2d8d2; padding:16px 0 0; }
        .book-section { margin-bottom:42px; }
        .content-grid, .answer-grid, .split-section { grid-template-columns:1fr; }
        .split-section { padding:22px; }
        .review-line { grid-template-columns:1fr; gap:7px; }
        .site-footer { align-items:flex-start; flex-direction:column; }
        .section-head { align-items:flex-start; flex-direction:column; gap:12px; margin-top:34px; }
        .market-layout { grid-template-columns:1fr; }
        .market-summary { grid-template-columns:1fr; }
        .market-summary div + div { border-left:0; border-top:1px solid var(--line); padding:16px 0 0; }
        .post-signup-review { align-items:start; grid-template-columns:1fr; padding:18px; }
        .post-signup-review button { width:100%; }
        .filter-panel { display:none; }
        .listing-card { grid-template-columns:1fr; }
        .listing-inner, .company-listing .listing-inner { gap:14px; grid-template-columns:1fr; }
        .listing-copy { grid-template-columns:42px 1fr; }
        .listing-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
        .listing-priceblock { justify-items:start; text-align:left; }
        .listing-action { align-items:flex-start; flex-direction:column; }
        .hero-actions { gap:14px; }
        .auth-main { padding:22px 14px 54px; }
        .auth-shell { gap:22px; grid-template-columns:1fr; }
        .auth-copy { padding-top:0; }
        .auth-copy h1 { font-size:40px; line-height:1.02; text-align:left; }
        .auth-copy .hint { font-size:15px; line-height:1.42; margin-top:12px; }
        .auth-track-first { margin-top:18px; padding:14px; }
        .auth-track-first .btn { justify-content:center; width:100%; }
        .auth-track-first form { align-items:stretch; grid-template-columns:1fr; }
        .auth-track-first button[type="submit"] { width:100%; white-space:normal; }
        .tracker-proof { gap:6px; grid-template-columns:repeat(3,minmax(0,1fr)); }
        .tracker-proof div { padding:10px 9px; }
        .tracker-proof strong { font-size:15px; }
        .tracker-proof span { font-size:11px; }
        .auth-mini-list { margin-top:22px; }
        .tracker-preview { display:none; }
        .tracker-preview-row { grid-template-columns:1fr; }
        .tracker-preview-price { white-space:normal; }
        .auth-card { padding:20px; }
        .auth-copy h1 { font-size:30px; line-height:1.05; }
        .auth-copy .hint { font-size:14px; line-height:1.4; margin-top:8px; }
        .auth-copy { display:flex; flex-direction:column; }
        .tracker-mobile-card { display:block; order:-1; margin-top:0; margin-bottom:8px; padding:16px; }
        .tracker-mobile-card h2 { font-size:20px; line-height:1.12; }
        .tracker-mobile-card > .hint { font-size:13px; line-height:1.4; margin-bottom:10px; }
        .tracker-mobile-card form { margin-top:8px; }
        .tracker-mobile-card button[type="submit"] { min-height:50px; font-size:16px; }
        /* tracker-mobile-tighten-v6-2 */
        .tracker-mobile-card > h2 { display:none; }
        .tracker-mobile-card > .hint { display:none; }
        .tracker-mobile-card { padding:14px; margin-bottom:6px; }
        .tracker-mobile-card form { margin-top:0; gap:12px; }
        .tracker-mobile-card button[type="submit"] { min-height:52px; font-size:17px; font-weight:750; width:100%; }
        .tracker-mobile-card input[name="email"] { min-height:50px; font-size:17px; }
        .tracker-mobile-card .tracker-form-promise { margin:0 0 4px; font-size:14px; }
        .tracker-mobile-card .auth-disclosure { display:none; }
        .tracker-mobile-card .tracker-card-benefits { display:none; }
        .tracker-mobile-card .auth-switch { margin-top:10px; }
        .tracker-mobile-card .auth-disclosure { font-size:11px; line-height:1.4; margin-top:12px; padding-top:12px; }
        .tracker-desktop-card { display:none; }
        .tracker-proof { order:2; margin-top:12px; }
        .auth-mini-list { order:3; }
        .tracker-sticky-cta { display:flex; position:fixed; left:0; right:0; bottom:0; z-index:40; padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); background:rgba(245,246,241,.96); border-top:1px solid #dce4da; box-shadow:0 -8px 24px rgba(16,32,24,.08); backdrop-filter:blur(8px); }
        .tracker-sticky-cta a { align-items:center; background:#102018; border-radius:999px; color:#fff; display:flex; font-size:15px; font-weight:700; justify-content:center; min-height:48px; text-decoration:none; width:100%; }
        body.auth-page { padding-bottom:76px; }
        .product-grid { grid-template-columns:1fr; }
        .product-card, .product-card.featured { grid-column:auto; min-height:300px; padding:28px 22px; }
        .product-card, .product-card.featured { padding:0; }
        .product-cover { min-height:76px; padding:16px; }
        .featured .product-cover { min-height:84px; }
        .product-body { padding:22px; }
        .checkout-layout, .steps, .checkout-notes { grid-template-columns:1fr; }
        .checkout-copy h1 { text-align:center; }
        .lede { font-size:18px; text-align:center; }
        .checkout-notes { gap:8px; margin-top:16px; }
        .checkout-notes article { padding:14px 16px; }
        .checkout-copy .panel-card { display:none; }
        .workspace-grid { grid-template-columns:1fr; }
        .dashboard-grid { grid-template-columns:1fr; }
        .dashboard-section { padding:16px; }
      }

      .how-steps { margin: 28px 0 36px; }
      .how-steps h2 { font-size: clamp(22px, 3vw, 30px); margin: 0 0 16px; text-align: left; }
      .how-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr); }
      .how-grid article { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 16px 18px; }
      .how-grid span { display: block; font-size: 12px; font-weight: 700; letter-spacing: .06em; color: var(--blue); margin-bottom: 8px; }
      .how-grid strong, .how-grid h3 { display: block; font-size: 16px; font-weight: 700; margin: 0 0 6px; color: var(--ink); }
      .how-grid p { margin: 0; font-size: 14px; color: var(--muted); }
      @media (max-width: 800px) { .how-grid { grid-template-columns: 1fr; } }


      /* === ux-delight-v1: motion + tactile (respects reduced-motion) === */
      :root {
        --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
        --rise: 14px;
      }
      @media (prefers-reduced-motion: no-preference) {
        body.ux-ready main > *:not(script) {
          animation: ux-fade-rise .55s var(--ease-out) both;
        }
        body.ux-ready main > *:nth-child(1) { animation-delay: .02s; }
        body.ux-ready main > *:nth-child(2) { animation-delay: .06s; }
        body.ux-ready main > *:nth-child(3) { animation-delay: .1s; }
        body.ux-ready main > *:nth-child(4) { animation-delay: .14s; }
        body.ux-ready main > *:nth-child(5) { animation-delay: .18s; }
        @keyframes ux-fade-rise {
          from { opacity: 0; transform: translate3d(0, var(--rise), 0); }
          to { opacity: 1; transform: translate3d(0, 0, 0); }
        }
        .btn, button.btn, a.btn {
          transition: transform .18s var(--ease-out), background .18s var(--ease-out),
            border-color .18s var(--ease-out), box-shadow .22s var(--ease-out), filter .18s var(--ease-out);
          will-change: transform;
        }
        .btn:hover, button.btn:hover, a.btn:hover {
          transform: translateY(-1px);
          box-shadow: 0 8px 22px rgba(0, 79, 159, .18);
        }
        .btn:active, button.btn:active, a.btn:active {
          transform: translateY(0) scale(.98);
          box-shadow: 0 2px 8px rgba(0, 79, 159, .12);
        }
        .share-card, .market-card, .panel-card, .virtual-card, .dash-card, article.card {
          transition: transform .28s var(--ease-out), box-shadow .28s var(--ease-out), border-color .2s ease;
        }
        .share-card:hover, .market-card:hover, .panel-card:hover, .virtual-card:hover, .dash-card:hover {
          transform: translateY(-2px);
          box-shadow: 0 12px 32px rgba(29, 29, 31, .08);
        }
        input, select, textarea {
          transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
        }
        input:focus, select:focus, textarea:focus {
          outline: none;
          border-color: var(--blue);
          box-shadow: 0 0 0 3px rgba(26, 107, 60, .16);
        }
        .purchase-hero {
          animation: ux-pop .55s var(--ease-out) both;
        }
        @keyframes ux-pop {
          0% { opacity: 0; transform: scale(.96) translateY(8px); }
          100% { opacity: 1; transform: scale(1) translateY(0); }
        }
        .amount-chip {
          transition: transform .16s var(--ease-out), background .18s ease, border-color .18s ease, color .18s ease;
          will-change: transform;
        }
        .amount-chip:active { transform: scale(.94); }
        .amount-chip.active { animation: ux-chip-pop .34s var(--ease-out); }
        @keyframes ux-chip-pop {
          0% { transform: scale(.92); }
          55% { transform: scale(1.08); }
          100% { transform: scale(1); }
        }
        .ux-confetti { pointer-events: none; position: fixed; inset: 0; overflow: hidden; z-index: 60; }
        .ux-confetti i {
          position: absolute; top: -14px; width: 8px; height: 12px; border-radius: 2px;
          animation: ux-confetti-fall linear both;
        }
        @keyframes ux-confetti-fall {
          0% { transform: translate3d(0, -4vh, 0) rotate(0deg); opacity: 0; }
          8% { opacity: .95; }
          100% { transform: translate3d(var(--drift, 0px), 104vh, 0) rotate(var(--spin, 540deg)); opacity: 0; }
        }
        .ux-success-badge { display: block; margin: 4px auto 12px; }
        .ux-success-badge circle {
          stroke-dasharray: 166; stroke-dashoffset: 166;
          animation: ux-draw .55s var(--ease-out) .15s forwards;
        }
        .ux-success-badge path {
          stroke-dasharray: 48; stroke-dashoffset: 48;
          animation: ux-draw .34s var(--ease-out) .6s forwards;
        }
        @keyframes ux-draw { to { stroke-dashoffset: 0; } }
        .top a, .brand {
          transition: opacity .15s ease, color .15s ease;
        }
        .top a:hover { opacity: .78; }
      }
      .btn:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible {
        outline: 2px solid var(--blue);
        outline-offset: 2px;
      }
      .ux-sound-toggle {
        position: fixed; right: 14px; bottom: 14px; z-index: 40;
        border: 1px solid var(--line); background: var(--card); color: var(--muted);
        border-radius: 999px; min-height: 36px; padding: 8px 12px; font-size: 12px;
        font-weight: 600; cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,.06);
      }
      .ux-sound-toggle[data-on="1"] { color: var(--blue); border-color: rgba(26,107,60,.35); }

      /* --- segmara brand lock v1 (2026-07-11) --- */
      /* One system on every page: green primary, radius 10 controls / 14 cards */
      .ux-sound-toggle { display: none !important; }
      .ux-sound-toggle[data-on="1"] { display: inline-flex !important; align-items: center; }
      body.book-home .btn { background: #1a6b3c; border-color: #1a6b3c; color: #f7faf7; border-radius: 10px; font-weight: 650; }
      body.book-home .btn:hover { background: #155832; border-color: #155832; color: #f7faf7; }
      body.book-home .btn.secondary { background: #fff; border-color: #d3ddd5; color: #101513; }
      body.book-home .btn.secondary:hover { border-color: #1a6b3c; color: #1a6b3c; background: #fff; }
      .amount-chips { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
      .amount-chip { border-radius: 10px; min-height: 44px; padding: 0; width: 100%; text-align: center; font-weight: 650; }
      .checkout-notes { grid-template-columns: 1fr; }
      .market-tracker-form { grid-template-columns: 1fr; border-radius: 14px; box-shadow: 0 1px 2px rgba(18,24,21,.05), 0 12px 32px rgba(18,24,21,.06); padding: 20px 22px; }
      .market-tracker-form p { text-align: left; }
      @media (max-width: 760px) {
        .book-home .home-top .brand { grid-row: 1; grid-column: 1; }
        .book-home .home-top .user-bar { grid-row: 1; grid-column: 2; justify-content: flex-end; }
        .book-home .home-top .subnav { grid-row: 2; grid-column: 1 / -1; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 0; }
        .book-home .home-top .subnav::-webkit-scrollbar { display: none; }
        /* segmara mobile nav fix v1: signup dup intent covered by Buy credits + login page */
        .book-home .home-top .user-bar .login-link[href^="/signup"] { display: none; }
      }
      @media (max-width: 480px) {
        .amount-chips { grid-template-columns: repeat(2, 1fr); }
      }