:root{
    --bg:#f7f6f2; --surface:#f9f8f5; --surface-2:#fbfbf9; --surface-offset:#f1efe9;
    --divider:#e3e0d9; --border:#d4d1ca;
    --text:#28251d; --text-muted:#6f6d66; --text-faint:#b3b1aa; --text-inverse:#f9f8f4;
    --primary:#01696f; --primary-hover:#0c4e54; --primary-highlight:#dceae8;
    --accent:#e0812f; --accent-soft:#f6e7d4;
    --teal-brand:#178b8f;
    --error:#a12c7b; --success:#437a22;
    --font-display:'Space Grotesk',system-ui,sans-serif;
    --font-body:'Inter',system-ui,sans-serif;
    --font-mono:'JetBrains Mono',ui-monospace,monospace;
    --maxw:1120px;
    --r-sm:8px; --r-md:14px; --r-lg:20px; --r-full:999px;
    --shadow-sm:0 1px 3px rgba(40,37,29,.06);
    --shadow-md:0 8px 28px rgba(40,37,29,.09);
    --shadow-lg:0 20px 60px rgba(40,37,29,.12);
    --t:.22s ease;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%}
  body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);
    -webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  ::selection{background:var(--primary-highlight)}
  :focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--r-sm)}
  .mono{font-family:var(--font-mono)}
  .accent{color:var(--primary)}
  .amber{color:var(--accent)}

  /* NAV */
  .nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(247,246,242,.82);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color var(--t),background var(--t)}
  .nav.scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}
  .nav-inner{max-width:var(--maxw);margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
  .nav-logo{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--text)}
  .nav-logo .mark{width:30px;height:30px;border-radius:8px;flex:0 0 auto}
  .nav-logo .accent{color:var(--teal-brand)}
  .nav-links{display:flex;gap:1.6rem}
  .nav-links a{font-size:.9rem;color:var(--text-muted);font-weight:500;transition:color var(--t)}
  .nav-links a:hover{color:var(--text)}
  .nav-right{display:flex;align-items:center;gap:.75rem}

  /* BUTTONS */
  .btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-weight:600;font-size:.92rem;
    padding:.62rem 1.25rem;border-radius:var(--r-full);border:1px solid transparent;cursor:pointer;transition:all var(--t);white-space:nowrap}
  .btn-primary{background:var(--primary);color:var(--text-inverse)}
  .btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}
  .btn-ghost{color:var(--text);border-color:var(--border);background:var(--surface)}
  .btn-ghost:hover{background:var(--surface-offset);border-color:var(--text-faint)}
  .btn-lg{padding:.85rem 1.7rem;font-size:1rem}

  /* LAYOUT */
  .section{padding:5.5rem 1.5rem}
  .section-alt{background:var(--surface-offset)}
  .section-inner{max-width:var(--maxw);margin:0 auto}
  .section-narrow{max-width:760px;margin:0 auto}
  .section-head{margin-bottom:3rem;max-width:720px}
  .section-label{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--primary);margin-bottom:.9rem;font-weight:500}
  .section-title{font-family:var(--font-display);font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.12;letter-spacing:-.02em;font-weight:700}
  .section-sub{font-size:1.05rem;color:var(--text-muted);margin-top:1rem;max-width:60ch}

  /* HERO */
  .hero{padding:7rem 1.5rem 4rem;position:relative;overflow:hidden;
    background:radial-gradient(120% 90% at 85% 0%,rgba(1,105,111,.06),transparent 55%),
               radial-gradient(90% 70% at 0% 20%,rgba(224,129,47,.05),transparent 50%)}
  .hero-inner{max-width:var(--maxw);margin:0 auto;position:relative;z-index:2}
  .hero-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:3rem;align-items:center}
  .hero-copy{text-align:left}
  .hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-highlight);color:var(--primary);
    border:1px solid rgba(1,105,111,.25);padding:.4rem 1rem;border-radius:var(--r-full);font-size:.8rem;font-family:var(--font-mono);font-weight:500;margin-bottom:1.5rem}
  .hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 0 rgba(67,122,34,.5);animation:pulse 2.2s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(67,122,34,.45)}70%{box-shadow:0 0 0 8px rgba(67,122,34,0)}100%{box-shadow:0 0 0 0 rgba(67,122,34,0)}}
  .hero-headline{font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.05;letter-spacing:-.025em;font-weight:700;margin-bottom:1.1rem}
  .hero-headline .accent{color:var(--primary)}
  .hero-image-wrap{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%}
  .hero-image{display:block;width:100%;max-width:560px;height:auto;margin:0 0 0 auto;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);
    object-fit:contain}
  .hero-image-cap{font-family:var(--font-mono);font-size:.74rem;color:var(--text-faint);text-align:right;margin-top:.7rem;letter-spacing:.03em}
  /* Compact GitHub entry below the hero image */
  .hero-gh{display:flex;align-items:center;gap:.75rem;max-width:560px;margin:1.4rem 0 0 auto;padding:1.1rem 1.3rem;
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);
    text-decoration:none;color:var(--text);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
  .hero-gh:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 10px 28px rgba(1,105,111,.13)}
  .hero-gh-ico{flex:none;color:var(--text)}
  .hero-gh-text{display:flex;flex-direction:column;line-height:1.25;flex:1}
  .hero-gh-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
  .hero-gh-repo{font-weight:600;font-size:.92rem;color:var(--text)}
  .hero-gh-arrow{flex:none;color:var(--primary);font-weight:700;transition:transform .18s ease}
  .hero-gh:hover .hero-gh-arrow{transform:translateX(4px)}
  .hero-sub{font-size:clamp(1.02rem,1.6vw,1.18rem);color:var(--text-muted);max-width:52ch;margin:0 0 1.1rem;line-height:1.55}
  .hero-curiosity{font-size:1rem;color:var(--text-muted);max-width:54ch;margin:0 0 1.4rem;line-height:1.6;
    border-left:3px solid var(--accent);padding-left:1rem}
  .hero-curiosity b{color:var(--text)}
  .hero-hook{font-family:var(--font-display);font-size:clamp(1.05rem,1.8vw,1.28rem);font-weight:600;color:var(--text);max-width:46ch;margin:0 0 1.6rem;line-height:1.35}
  .hero-hook .accent{color:var(--primary)}
  .hero-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-bottom:1.3rem}
  .hero-note{font-family:var(--font-display);font-size:1rem;color:var(--text-muted);letter-spacing:.02em}
  .hero-note b{color:var(--primary)}

  /* PROOF STRIP */
  .proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:var(--maxw);margin:3rem auto 0;
    background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.6rem 1rem;box-shadow:var(--shadow-sm)}
  .proof{text-align:center}
  .proof-num{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1}
  .proof-num .u{color:var(--primary);font-size:.65em}
  .proof-label{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;margin-top:.5rem}

  /* STORY */
  .story-lede{font-size:1.3rem;line-height:1.5;color:var(--text);font-weight:500;margin-bottom:1.6rem}
  .story-lede em{font-style:italic;color:var(--primary)}
  .story-body p{margin-bottom:1.15rem;color:var(--text-muted);font-size:1.05rem}
  .story-body .pull{border-left:3px solid var(--primary);padding-left:1.2rem;color:var(--text);font-weight:500;font-size:1.12rem}
  .story-body .accent{color:var(--primary);font-weight:600}
  /* Prominent STORY.md entry link */
  .story-link{display:flex;align-items:center;gap:1rem;margin-top:1.8rem;padding:1.8rem;
    background:var(--surface-2);border:1px solid var(--border);
    border-radius:var(--r-lg);box-shadow:var(--shadow-sm);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
  .story-link:hover{transform:translateX(3px);box-shadow:0 10px 30px rgba(1,105,111,.15);border-color:var(--primary)}
  .story-link-body{display:flex;flex-direction:column;gap:.25rem;flex:1}
  .story-link-title{font-family:var(--font-display);font-weight:700;font-size:1.12rem;color:var(--primary)}
  .story-link-sub{font-size:.9rem;line-height:1.45;color:var(--text-muted)}
  .story-link-arrow{flex:none;font-size:1.4rem;font-weight:700;color:var(--primary);transition:transform .18s ease}
  .story-link:hover .story-link-arrow{transform:translateX(5px)}
  .story-ask{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.8rem;margin:2.2rem 0;box-shadow:var(--shadow-sm)}
  .story-ask h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:.7rem}
  .story-ask h3 em{font-style:italic;color:var(--primary)}
  .story-ask p{color:var(--text-muted);font-size:1rem}
  .cred-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
  .cred-chip{font-family:var(--font-mono);font-size:.78rem;background:var(--surface-offset);border:1px solid var(--border);color:var(--text-muted);padding:.4rem .8rem;border-radius:var(--r-full)}

  /* WHO GRID */
  .who-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem}
  .who-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:1.6rem;transition:transform var(--t),box-shadow var(--t)}
  .who-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
  .who-card .tag{display:inline-block;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);background:var(--primary-highlight);padding:.28rem .6rem;border-radius:var(--r-full);margin-bottom:.9rem}
  .who-card h3{font-family:var(--font-display);font-size:1.12rem;line-height:1.25;margin-bottom:.7rem}
  .who-card p{color:var(--text-muted);font-size:.94rem;margin-bottom:.7rem}
  .who-card .fomo{color:var(--primary);font-weight:600;font-size:.92rem;margin-bottom:0}

  /* SYSTEM */
  .sys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin-bottom:2.4rem}
  .sys-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:1.6rem}
  .sys-card .n{font-family:var(--font-mono);font-size:.8rem;color:var(--primary);margin-bottom:.6rem}
  .sys-card h3{font-family:var(--font-display);font-size:1.1rem;margin-bottom:.6rem}
  .sys-card p{color:var(--text-muted);font-size:.92rem}
  .engine-band{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:2rem;box-shadow:var(--shadow-sm)}
  .engine-hook{font-family:var(--font-display);font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:600;text-align:center;line-height:1.35;margin-bottom:1.8rem}
  .engine-hook .accent{color:var(--primary)}
  .engine-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.2rem;margin-bottom:1.6rem}
  .engine-col{border:1px solid var(--border);border-radius:var(--r-md);padding:1.3rem;background:var(--surface-offset)}
  .engine-col h4{font-family:var(--font-display);font-size:1.02rem;margin-bottom:.5rem;color:var(--primary)}
  .engine-col p{color:var(--text-muted);font-size:.9rem}
  .council-row{border-top:1px dashed var(--border);padding-top:1.4rem;text-align:center}
  .council-row .lbl{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.8rem}
  .council-chips{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center}
  .council-chips .c{font-family:var(--font-mono);font-size:.82rem;background:var(--primary-highlight);color:var(--primary);border:1px solid rgba(1,105,111,.2);padding:.4rem .85rem;border-radius:var(--r-full)}
  .scope-band{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.8rem}
  .scope-card{border:1px solid var(--border);border-radius:var(--r-md);padding:1.5rem;background:var(--surface-2)}
  .scope-card.is{border-left:3px solid var(--primary)}
  .scope-card.isnt{border-left:3px solid var(--text-faint)}
  .scope-card h4{font-family:var(--font-display);font-size:1rem;margin-bottom:.9rem;display:flex;align-items:center;gap:.5rem}
  .scope-card.is h4{color:var(--primary)}
  .scope-card ul{list-style:none;margin:0;padding:0}
  .scope-card li{color:var(--text-muted);font-size:.9rem;line-height:1.5;padding:.32rem 0 .32rem 1.3rem;position:relative}
  .scope-card.is li::before{content:"\2713";position:absolute;left:0;color:var(--primary);font-weight:700}
  .scope-card.isnt li::before{content:"\2715";position:absolute;left:0;color:var(--text-faint);font-weight:700}
  @media(max-width:720px){.scope-band{grid-template-columns:1fr}}

  /* COMPARE TABLE */
  .table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}
  table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:640px}
  th,td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid var(--divider)}
  th{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--surface-offset)}
  td:first-child{font-weight:600}
  tr:last-child td{border-bottom:none}
  .yes{color:var(--success);font-weight:600}
  .no{color:var(--error)}
  .partial{color:var(--accent)}
  .compare-table{min-width:860px;font-size:.84rem}
  .compare-table th{vertical-align:top;line-height:1.3}
  .compare-table .th-sub{display:block;font-size:.62rem;color:var(--text-faint);text-transform:none;letter-spacing:0;margin-top:.25rem;font-weight:400}
  .compare-table th.col-tmc{color:var(--teal-brand)}
  .compare-table td.yes{background:rgba(23,139,143,.06)}
  .compare-note{font-size:.74rem;color:var(--text-muted);margin:1rem 0 0;line-height:1.6;max-width:100%}
  .price-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:1.6rem}
  .price-card{border:1px solid var(--border);border-radius:var(--r-md);padding:1.4rem 1rem;text-align:center;background:var(--surface-2)}
  .price-card.highlight{border-color:var(--teal-brand);background:rgba(23,139,143,.06)}
  .price-card .pc-num{font-family:var(--font-display);font-size:1.8rem;font-weight:700;letter-spacing:-.02em}
  .price-card.highlight .pc-num{color:var(--teal-brand)}
  .price-card .pc-name{font-size:.9rem;font-weight:600;margin-top:.4rem}
  .price-card .pc-sub{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);margin-top:.2rem}

  /* PRODUCTS */
  .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.2rem}
  .product-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:1.6rem;display:flex;flex-direction:column;transition:transform var(--t),box-shadow var(--t)}
  .product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
  .product-card .ptype{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.6rem}
  .product-card h3{font-family:var(--font-display);font-size:1.12rem;margin-bottom:.6rem;line-height:1.25}
  .product-card p{color:var(--text-muted);font-size:.92rem;margin-bottom:1.1rem;flex-grow:1}
  .product-card .price{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:.9rem}
  .product-card .price .cur{font-size:.9rem;color:var(--text-muted);font-weight:500}
  .product-card .status-pill{position:absolute;top:1rem;right:1rem;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .55rem;border-radius:var(--r-full)}
  .product-card{position:relative}
  .pill-soon{background:var(--accent-soft);color:var(--accent)}
  .pill-live{background:var(--primary-highlight);color:var(--primary)}

  /* PAY */
  .pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
  .pay-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:1.8rem;position:relative}
  .pay-card .status{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;padding:.28rem .6rem;border-radius:var(--r-full);display:inline-block;margin-bottom:1rem}
  .pay-card .status.live{background:var(--primary-highlight);color:var(--primary)}
  .pay-card .status.soon{background:var(--accent-soft);color:var(--accent)}
  .pay-card h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:.7rem}
  .pay-card p{color:var(--text-muted);font-size:.95rem;margin-bottom:1.1rem}
  .pay-methods{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.2rem}
  .pay-methods .m{font-family:var(--font-mono);font-size:.75rem;background:var(--surface-offset);border:1px solid var(--border);color:var(--text-muted);padding:.3rem .65rem;border-radius:var(--r-sm)}

  /* FLYWHEEL */
  .flywheel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}
  .fly-step{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:1.5rem}
  .fly-step .n{width:34px;height:34px;border-radius:var(--r-full);background:var(--primary);color:var(--text-inverse);font-family:var(--font-display);font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:.9rem}
  .fly-step h3{font-family:var(--font-display);font-size:1.05rem;margin-bottom:.5rem}
  .fly-step p{color:var(--text-muted);font-size:.9rem}

  /* WRITING */
  .writing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.2rem}
  .write-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:1.5rem;transition:transform var(--t),box-shadow var(--t)}
  .write-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
  .write-item .w-plat{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:.7rem;display:block}
  .write-item h3{font-family:var(--font-display);font-size:1.05rem;line-height:1.3;margin-bottom:.6rem}
  .write-item p{color:var(--text-muted);font-size:.9rem}

  /* CTA BAND */
  .cta-band{background:var(--primary);color:var(--text-inverse);padding:5rem 1.5rem;text-align:center}
  .cta-band .hero-slogan{font-family:var(--font-display);font-size:.95rem;letter-spacing:.05em;opacity:.85;margin-bottom:.9rem;font-weight:500}
  .cta-band .section-title{color:var(--text-inverse);margin-bottom:1.8rem}
  .cta-band .btn-ghost{background:transparent;color:var(--text-inverse);border-color:rgba(255,255,255,.4)}
  .cta-band .btn-ghost:hover{background:rgba(255,255,255,.1)}
  .cta-band .btn-primary{background:var(--text-inverse);color:var(--primary)}
  .cta-band .btn-primary:hover{background:#fff}

  /* FEED sample */
  .feed{display:grid;gap:.9rem}
  .feed-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:1.2rem 1.4rem;display:flex;gap:1rem;align-items:flex-start}
  .feed-item .ftag{font-family:var(--font-mono);font-size:.7rem;color:var(--primary);background:var(--primary-highlight);padding:.3rem .6rem;border-radius:var(--r-sm);white-space:nowrap;flex:0 0 auto}
  .feed-item .fbody h4{font-family:var(--font-display);font-size:1rem;margin-bottom:.3rem}
  .feed-item .fbody p{color:var(--text-muted);font-size:.9rem}
  .feed-foot{text-align:center;color:var(--text-faint);font-size:.78rem;margin-top:1.4rem}

  /* TIMELINE (From Dusk to Dawn) */
  .tl-phase-label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:2.4rem 0 1rem;display:flex;align-items:center;gap:.7rem}
  .tl-phase-label::after{content:"";flex:1;height:1px;background:var(--divider)}
  .tl-phase-label:first-of-type{margin-top:0}
  .timeline{position:relative;margin-left:.4rem}
  .timeline::before{content:"";position:absolute;left:104px;top:.6rem;bottom:.6rem;width:2px;background:var(--divider)}
  .tl-item{position:relative;display:grid;grid-template-columns:104px 1fr;gap:1.4rem;padding:.55rem 0}
  .tl-time{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--text);text-align:right;padding-top:.9rem;padding-right:.55rem;white-space:nowrap;letter-spacing:-.01em}
  .tl-time small{display:block;color:var(--text-faint);font-weight:400;font-size:.68rem;margin-top:.15rem}
  .tl-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:1.1rem 1.3rem;position:relative;transition:transform var(--t),box-shadow var(--t)}
  .tl-card::before{content:"";position:absolute;left:-1.4rem;top:1.35rem;width:11px;height:11px;border-radius:50%;background:var(--surface);border:2px solid var(--border);transform:translateX(-50%)}
  .tl-card.feat::before{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-highlight)}
  .tl-card.feat{border-color:rgba(1,105,111,.3);box-shadow:var(--shadow-sm)}
  .tl-card:hover{transform:translateX(2px);box-shadow:var(--shadow-md)}
  .tl-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.4rem}
  .tl-code{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--primary);background:var(--primary-highlight);padding:.2rem .5rem;border-radius:var(--r-sm)}
  .tl-card.feat .tl-code{background:var(--primary);color:var(--text-inverse)}
  .tl-card h3{font-family:var(--font-display);font-size:1.04rem;line-height:1.25}
  .tl-model{font-family:var(--font-mono);font-size:.68rem;color:var(--text-faint);margin-left:auto}
  .tl-card p{color:var(--text-muted);font-size:.9rem;margin-top:.15rem}
  .tl-tiers{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}
  .tl-tier{font-family:var(--font-mono);font-size:.72rem;padding:.22rem .55rem;border-radius:var(--r-sm);border:1px solid var(--border);color:var(--text-muted)}
  details.tl-more{margin-top:1.8rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);padding:0 1.3rem}
  details.tl-more>summary{cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:.98rem;padding:1rem 0;list-style:none;display:flex;justify-content:space-between;align-items:center}
  details.tl-more>summary::-webkit-details-marker{display:none}
  details.tl-more>summary::after{content:"+";font-family:var(--font-mono);color:var(--primary);font-size:1.2rem}
  details.tl-more[open]>summary::after{content:"\2212"}
  details.tl-more .more-body{padding:0 0 1.2rem;color:var(--text-muted);font-size:.9rem}
  details.tl-more .more-body .mrow{display:flex;gap:.7rem;padding:.45rem 0;border-top:1px dashed var(--divider)}
  details.tl-more .more-body .mrow .mc{font-family:var(--font-mono);font-size:.72rem;color:var(--primary);flex:0 0 auto;min-width:56px}

  /* DEEP ANALYSIS EXPLAINER */
  .da-versus{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-bottom:2.4rem}
  .da-col{border:1px solid var(--border);border-radius:var(--r-lg);padding:1.7rem;background:var(--surface-2)}
  .da-col.single{background:var(--surface-offset)}
  .da-col.tmc{border-color:rgba(1,105,111,.35);box-shadow:var(--shadow-sm)}
  .da-col .da-tag{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:.28rem .6rem;border-radius:var(--r-full);display:inline-block;margin-bottom:.9rem}
  .da-col.single .da-tag{background:#f0e3e9;color:var(--error)}
  .da-col.tmc .da-tag{background:var(--primary-highlight);color:var(--primary)}
  .da-col h3{font-family:var(--font-display);font-size:1.2rem;margin-bottom:1rem;line-height:1.25}
  .da-flow{list-style:none;display:flex;flex-direction:column;gap:.7rem}
  .da-flow li{display:flex;gap:.7rem;font-size:.92rem;color:var(--text-muted);align-items:flex-start;line-height:1.45}
  .da-flow li .ic{flex:0 0 auto;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-family:var(--font-mono);font-weight:600;margin-top:.1rem}
  .da-col.single .ic{background:#f0e3e9;color:var(--error)}
  .da-col.tmc .ic{background:var(--primary-highlight);color:var(--primary)}
  .da-verdict{margin-top:1.2rem;padding-top:1rem;border-top:1px dashed var(--border);font-family:var(--font-display);font-weight:600;font-size:.95rem}
  .da-col.single .da-verdict{color:var(--error)}
  .da-col.tmc .da-verdict{color:var(--primary)}
  .da-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.8rem}
  .da-step{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:1.3rem;position:relative}
  .da-step .sn{font-family:var(--font-mono);font-size:.72rem;color:var(--primary);margin-bottom:.5rem;font-weight:600}
  .da-step h4{font-family:var(--font-display);font-size:1rem;margin-bottom:.4rem}
  .da-step p{color:var(--text-muted);font-size:.88rem}
  .da-step .arrow{position:absolute;right:-.85rem;top:50%;transform:translateY(-50%);color:var(--text-faint);font-size:1.1rem;z-index:2}
  .da-hook{font-family:var(--font-display);font-size:clamp(1.1rem,2.4vw,1.45rem);font-weight:600;text-align:center;line-height:1.35;color:var(--text);max-width:44ch;margin:0 auto}
  .da-hook .accent{color:var(--primary)}

  /* SKILLS SHOWCASE */
  .skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem;margin-bottom:1.8rem}
  .skill-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:1.5rem;display:flex;flex-direction:column;transition:transform var(--t),box-shadow var(--t)}
  .skill-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
  .skill-card .sk-n{font-family:var(--font-mono);font-size:.72rem;color:var(--primary);margin-bottom:.6rem;font-weight:600}
  .skill-card h3{font-family:var(--font-display);font-size:1.1rem;line-height:1.25;margin-bottom:.55rem}
  .skill-card p{color:var(--text-muted);font-size:.9rem;flex-grow:1;margin-bottom:1.1rem}
  .skill-card .sk-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
  .skill-card .sk-meta{font-family:var(--font-mono);font-size:.66rem;color:var(--text-faint);letter-spacing:.02em}
  .btn-sm{padding:.5rem 1rem;font-size:.85rem}
  .skills-note{text-align:center;font-size:.92rem;color:var(--text-muted);margin-bottom:1.4rem}
  details.skills-more{max-width:760px;margin:0 auto;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);padding:0 1.4rem}
  details.skills-more>summary{cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:.98rem;padding:1.1rem 0;list-style:none;display:flex;justify-content:space-between;align-items:center;text-align:left}
  details.skills-more>summary::-webkit-details-marker{display:none}
  details.skills-more>summary::after{content:"+";font-family:var(--font-mono);color:var(--primary);font-size:1.2rem}
  details.skills-more[open]>summary::after{content:"\2212"}
  details.skills-more .more-body{padding:0 0 1.3rem}
  details.skills-more .mrow{display:flex;gap:.9rem;padding:.6rem 0;border-top:1px dashed var(--divider);font-size:.9rem;color:var(--text-muted)}
  details.skills-more .mrow .mc{font-family:var(--font-mono);font-size:.76rem;color:var(--primary);flex:0 0 auto;min-width:170px;font-weight:600}
  details.skills-more .more-foot{font-size:.82rem;color:var(--text-faint);padding-top:.9rem;border-top:1px dashed var(--divider);margin-top:.4rem}

  /* FAQ */
  .faq-list{max-width:800px;margin:0 auto}
  details.faq-item{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);margin-bottom:.9rem;padding:0 1.4rem}
  details.faq-item>summary{cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:1.02rem;padding:1.15rem 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
  details.faq-item>summary::-webkit-details-marker{display:none}
  details.faq-item>summary::after{content:"+";font-family:var(--font-mono);color:var(--primary);font-size:1.3rem;flex:0 0 auto}
  details.faq-item[open]>summary::after{content:"\2212"}
  details.faq-item .faq-a{padding:0 0 1.2rem;color:var(--text-muted);font-size:.96rem;line-height:1.6}

  /* FOOTER ADVOCACY */
  .footer-advocacy{border-top:1px solid var(--border);padding-top:1.6rem;margin-bottom:1.6rem}
  .footer-advocacy .adv-intro{font-size:.82rem;color:var(--text-muted);line-height:1.5;max-width:64ch;margin-bottom:1.1rem}
  .footer-advocacy .adv-intro .accent{color:var(--primary)}
  .adv-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 2.5rem;max-width:820px}
  .adv-col h5{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);margin-bottom:.6rem}
  .adv-col a{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.4rem;transition:color var(--t);line-height:1.35}
  .adv-col a:hover{color:var(--primary)}

  /* FOOTER */
  .footer{background:var(--surface-offset);border-top:1px solid var(--border);padding:3.5rem 1.5rem 2rem}
  .footer-inner{max-width:var(--maxw);margin:0 auto}
  .footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.6fr;gap:2rem;margin-bottom:2.5rem}
  .footer-brand .nav-logo{margin-bottom:.9rem}
  .footer-brand .slogan{font-family:var(--font-display);color:var(--text-muted);font-size:.92rem;line-height:1.5}
  .footer-brand .slogan .accent{color:var(--primary)}
  .footer-col h4{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.9rem}
  .footer-col a{display:block;color:var(--text-muted);font-size:.9rem;margin-bottom:.5rem;transition:color var(--t)}
  .footer-col a:hover{color:var(--primary)}
  .tip-box{font-size:.78rem}
  .tip-box .tiprow{margin-bottom:.75rem}
  .tip-box .mono{font-size:.7rem;color:var(--text-muted);display:block;margin-bottom:.15rem}
  .tip-box code{font-family:var(--font-mono);font-size:.68rem;color:var(--text);word-break:break-all;background:var(--surface-2);border:1px solid var(--border);padding:.25rem .4rem;border-radius:var(--r-sm);display:block}
  .tip-fiat{margin-top:.4rem;font-size:.82rem;color:var(--text-muted)}
  .tip-fiat b{color:var(--text)}
  .disclaimer{font-size:.82rem;color:var(--text-muted);line-height:1.6;border-top:1px solid var(--border);padding-top:1.6rem;margin-bottom:1.4rem}
  .disclaimer b{color:var(--text)}
  .footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem;font-size:.82rem;color:var(--text-faint);font-family:var(--font-mono)}

  @media (max-width:900px){
    .hero-grid{grid-template-columns:1fr;gap:2rem}
    .hero-copy{text-align:left}
    .hero-image{max-width:420px;margin:0 auto}
    .hero-image-cap{text-align:center}
    .da-versus{grid-template-columns:1fr}
    .da-steps{grid-template-columns:1fr}
    .da-step .arrow{display:none}
  }
  @media (max-width:820px){
    .nav-links{display:none}
    .engine-cols{grid-template-columns:1fr}
    .pay-grid{grid-template-columns:1fr}
    .footer-top{grid-template-columns:1fr 1fr}
    .proof-strip{grid-template-columns:1fr 1fr}
  }
  @media (max-width:520px){
    .hero{padding:6rem 1.25rem 3rem}
    .footer-top{grid-template-columns:1fr}
    .proof-strip{grid-template-columns:1fr 1fr}
    .section{padding:4rem 1.25rem}
    .timeline::before{left:88px}
    .tl-item{grid-template-columns:88px 1fr;gap:1rem}
    .tl-time{font-size:.72rem;padding-right:.45rem}
    .tl-model{width:100%;margin-left:0;margin-top:.2rem}
    .adv-cols{grid-template-columns:1fr}
    .skills-more .mrow{flex-direction:column;gap:.15rem}
    .skills-more .mrow .mc{min-width:0}
  }

  /* ===== v2.0 additions ===== */
  /* nav active + mobile toggle */
  .nav-links a.active{color:var(--primary);font-weight:600}
  .nav-toggle{display:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:.4rem .6rem;cursor:pointer;color:var(--text);font-size:1.05rem;line-height:1}
  @media(max-width:820px){
    .nav-toggle{display:inline-flex}
    .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:.4rem 1.5rem 1rem;box-shadow:var(--shadow-md)}
    .nav-links.open{display:flex}
    .nav-links a{padding:.75rem 0;border-bottom:1px dashed var(--divider);font-size:1rem}
    .nav-links a:last-child{border-bottom:none}
  }
  /* trust band */
  .trust-band{max-width:var(--maxw);margin:1.6rem auto 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1.1rem;padding:.9rem 1.2rem;border:1px dashed var(--border);border-radius:var(--r-md);background:var(--surface-2)}
  .trust-band .tb-label{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}
  .trust-band .tb-names{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);letter-spacing:.01em}
  .trust-band .tb-gh{font-size:.82rem;font-weight:600;color:var(--primary)}
  .trust-band .tb-gh:hover{text-decoration:underline}
  /* subpage hero */
  .page-hero{padding:8.2rem 1.5rem 3.2rem;background:radial-gradient(120% 90% at 85% 0%,rgba(1,105,111,.06),transparent 55%),radial-gradient(90% 70% at 0% 20%,rgba(224,129,47,.05),transparent 50%)}
  .page-hero .ph-inner{max-width:var(--maxw);margin:0 auto}
  .page-hero h1{font-family:var(--font-display);font-size:clamp(1.9rem,4.4vw,2.9rem);line-height:1.08;letter-spacing:-.02em;font-weight:700;max-width:22ch}
  .page-hero .ph-sub{font-size:1.08rem;color:var(--text-muted);margin-top:1rem;max-width:62ch;line-height:1.55}
  .page-hero .ph-compliance{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);margin-top:1rem}
  /* email capture */
  .email-section{padding:4.5rem 1.5rem}
  .email-box{max-width:660px;margin:0 auto;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:2.2rem 1.8rem;text-align:center;box-shadow:var(--shadow-sm)}
  .email-box h3{font-family:var(--font-display);font-size:1.3rem;margin-bottom:.5rem}
  .email-box>p{color:var(--text-muted);font-size:.95rem;max-width:48ch;margin:0 auto}
  .email-form{display:flex;gap:.6rem;max-width:460px;margin:1.3rem auto .7rem}
  .email-form input{flex:1;min-width:0;padding:.7rem 1.1rem;border:1px solid var(--border);border-radius:var(--r-full);font:inherit;font-size:.92rem;background:var(--surface);color:var(--text)}
  .email-form input:focus{outline:2px solid var(--primary);outline-offset:1px}
  .email-note{font-family:var(--font-mono);font-size:.7rem;color:var(--text-faint)}
  @media(max-width:520px){.email-form{flex-direction:column}}
  /* radar table */
  .radar-table td .delta{color:var(--success);font-weight:600;font-family:var(--font-mono);font-size:.85rem}
  .radar-table td .sf{font-family:var(--font-mono);font-weight:700;color:var(--primary)}
  .radar-table td .eng{font-family:var(--font-mono);font-size:.72rem;background:var(--primary-highlight);color:var(--primary);padding:.22rem .55rem;border-radius:var(--r-full);white-space:nowrap}
  .radar-legend{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}
  .radar-legend .tl-tier{background:var(--surface-2)}
  /* blog cards */
  .write-item .w-date{font-family:var(--font-mono);font-size:.68rem;color:var(--text-faint);display:block;margin-bottom:.45rem}
  .write-item .w-more{font-size:.85rem;font-weight:600;color:var(--primary);margin-top:.8rem;display:inline-block}
  /* paypal slot */
  .paypal-slot{margin-top:.2rem}
  .pay-note{font-family:var(--font-mono);font-size:.68rem;color:var(--text-faint);margin-top:.55rem}
  .price .per{font-size:.85rem;color:var(--text-muted);font-weight:500}
  .price-alt{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);margin:-.5rem 0 .9rem}
  /* two-col engine band */
  .engine-cols.two{grid-template-columns:1fr 1fr}
  @media(max-width:820px){.engine-cols.two{grid-template-columns:1fr}}
  /* footer payments line */
  .footer-pay{font-size:.78rem;color:var(--text-muted);margin-bottom:1rem}
  /* products credibility band */
  .cred-band{margin-top:3rem;padding:1.6rem 1.8rem;border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--r-md);background:var(--surface-2)}
  .cred-band p{color:var(--text-muted);font-size:.98rem}
  .cred-band b{color:var(--text)}
  /* redirect page */
  .redirect-wrap{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 1.5rem 4rem}

/* ===== v2 additions: product offer cards, note cards, radar badges ===== */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.2rem}
@media(max-width:960px){.price-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}}
.price-grid .price-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg,14px);padding:1.8rem 1.6rem;display:flex;flex-direction:column}
.price-grid .price-card.featured{border-color:var(--teal-brand);box-shadow:0 0 0 1px var(--teal-brand),0 12px 32px rgba(1,105,111,.10);position:relative}
.price-grid .price-card.featured::before{content:"Most popular";position:absolute;top:-.7rem;left:1.4rem;background:var(--teal-brand);color:#fff;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;padding:.22rem .6rem;border-radius:999px}
.price-tier{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .5rem}
.price-name{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .6rem}
.price-grid .price{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .7rem}
.price-desc{font-size:.9rem;color:var(--text-soft,var(--text-muted));line-height:1.6;margin:0 0 1rem}
.price-list{list-style:none;margin:0 0 1.4rem;padding:0;font-size:.85rem;line-height:1.55}
.price-list li{padding:.32rem 0 .32rem 1.4rem;position:relative;border-bottom:1px dashed var(--border)}
.price-list li:last-child{border-bottom:0}
.price-list li::before{content:"✓";position:absolute;left:0;color:var(--teal-brand);font-weight:700}
.paypal-slot{margin-top:auto}
.card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
@media(max-width:860px){.card-grid-3{grid-template-columns:1fr}}
.note-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:1.4rem 1.3rem;text-decoration:none;color:inherit;transition:border-color .18s,transform .18s}
.note-card:hover{border-color:var(--teal-brand);transform:translateY(-2px)}
.note-card h3{font-family:var(--font-display);font-size:1.02rem;font-weight:700;margin:.35rem 0 .5rem;line-height:1.35}
.note-card p{font-size:.85rem;color:var(--text-muted);line-height:1.55;margin:0 0 .8rem}
.w-date{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-brand);margin:0}
.w-more{font-size:.8rem;font-weight:600;color:var(--teal-brand)}
.radar-table-wrap{overflow-x:auto;margin-top:1.8rem}
.radar-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;font-size:.9rem}
.radar-table th{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--border);background:var(--surface-2)}
.radar-table td{padding:.75rem .9rem;border-bottom:1px solid var(--border)}
.radar-table tr:last-child td{border-bottom:0}
.radar-table .up{color:var(--teal-brand);font-weight:700}
.sf{display:inline-block;font-family:var(--font-mono);font-weight:700;font-size:.8rem;padding:.15rem .55rem;border-radius:999px}
.sf-hi{background:rgba(1,105,111,.14);color:var(--teal-brand)}
.sf-mid{background:rgba(180,130,20,.14);color:#8a6410}
.radar-cap{font-size:.72rem;color:var(--text-muted);margin-top:.8rem;line-height:1.7}
.cta-band .section-sub{color:rgba(255,255,255,.75)}

/* ===== v3 additions: catalog status pills + compact volume cards ===== */
.pstatus{font-family:var(--font-mono);font-size:.63rem;text-transform:uppercase;letter-spacing:.08em;padding:.24rem .6rem;border-radius:999px;display:inline-block;margin:0 0 .55rem}
.pstatus.live{background:var(--primary-highlight);color:var(--primary)}
.pstatus.waitlist{background:var(--accent-soft);color:var(--accent)}
.pstatus.lab{background:rgba(122,57,187,.12);color:#6d34a8}
.pstatus.free{background:rgba(67,122,34,.13);color:var(--success)}
.price-grid.compact .price-card{padding:1.3rem 1.2rem}
.price-grid.compact .price{font-size:1.45rem}
.svc-note{font-family:var(--font-mono);font-size:.74rem;color:var(--text-muted);text-align:center;margin-top:1.2rem}

/* Market coverage */
.coverage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:1rem}
.coverage-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:1.1rem 1.2rem}
.coverage-card h3{font-family:var(--font-display);font-size:1rem;margin-bottom:.4rem}
.coverage-card p{color:var(--text-muted);font-size:.88rem;margin:0}
.coverage-card .cnum{font-family:var(--font-mono);font-size:.7rem;color:var(--primary);display:block;margin-bottom:.45rem;letter-spacing:.08em}