:root{
    --bg:#070C0A; --bg2:#090F0C;
    --surface:#0D1411; --surface-2:#111A15;
    --line:rgba(255,255,255,.08); --line-strong:rgba(255,255,255,.15);
    --text:#F0F5F2; --muted:#9AABA2; --faint:#66746D;
    --accent:#1FC98C; --accent-bright:#3FEEB0; --accent-deep:#0A5C43;
    --blue:#7FB8F0; --blue-deep:#12406E;
    --red:#E2574F; --amber:#D9A441;
    --head:#FFFFFF; --qtext:#EAF3EE;
    --wash-1:rgba(255,255,255,.02); --wash-2:rgba(255,255,255,.04); --wash-3:rgba(255,255,255,.07);
    --panel-1:#0F1713; --panel-2:#0B110E;
    --input-bg:rgba(0,0,0,.3); --table-bg:rgba(0,0,0,.2);
    --nav-bg:rgba(7,12,10,.72);
    --acc-soft:rgba(31,201,140,.10); --acc-line:rgba(31,201,140,.32);
    --band-mid:rgba(14,26,42,.42); --band-edge:rgba(18,64,110,.08);
    --radius:16px;
  }
  html.light{
    --bg:#F5F8F6; --bg2:#EDF2EF;
    --surface:#FFFFFF; --surface-2:#F3F7F4;
    --line:rgba(12,40,30,.10); --line-strong:rgba(12,40,30,.18);
    --text:#0F1D16; --muted:#57675F; --faint:#8C9A92;
    --accent:#0E8A63; --accent-bright:#0A7D57;
    --head:#0F1D16; --qtext:#14231C;
    --wash-1:rgba(12,40,30,.03); --wash-2:rgba(12,40,30,.05); --wash-3:rgba(12,40,30,.09);
    --panel-1:#FFFFFF; --panel-2:#F2F7F4;
    --input-bg:#FFFFFF; --table-bg:#FFFFFF;
    --nav-bg:rgba(246,250,248,.85);
    --acc-soft:rgba(14,138,99,.09); --acc-line:rgba(14,138,99,.32);
    --band-mid:rgba(18,64,110,.07); --band-edge:rgba(14,138,99,.05);
  }
  html.light .app, html.light .hero-frame, html.light .mock{
    box-shadow:0 30px 70px -35px rgba(10,60,45,.30), 0 2px 8px rgba(10,60,45,.06);
  }
  html.light .hero h1 .grad{background:linear-gradient(100deg,#0A5C43 0%,#12A374 55%,#12406E 115%); -webkit-background-clip:text; background-clip:text;}
  html.light .btn-primary{color:var(--head); box-shadow:0 6px 22px -8px rgba(14,138,99,.55);}
  html.light .nav-links a.btn-primary, html.light .nav-links a.btn-primary:hover{color:var(--head);}
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg); color:var(--text);
    font-family:'Inter',system-ui,sans-serif; line-height:1.65;
    -webkit-font-smoothing:antialiased; overflow-x:hidden;
  }
  .mono{font-family:'JetBrains Mono',ui-monospace,monospace;}
  .wrap{max-width:1120px; margin:0 auto; padding:0 28px;}
  a{color:inherit;}
  ::selection{background:rgba(63,238,176,.25);}

  /* reveal on scroll (only hidden when JS is present) */
  html.js .reveal{opacity:0; transform:translateY(26px); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.3,1);}
  html.js .reveal.in{opacity:1; transform:none;}

  /* ---------- nav ---------- */
  nav{
    position:fixed; top:0; left:0; right:0; z-index:100;
    background:var(--nav-bg);
    backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{display:flex; align-items:center; justify-content:space-between; height:60px;}
  .logo{display:flex; align-items:center; gap:10px; text-decoration:none; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:17px; letter-spacing:-.01em; color:var(--head);}
  .logo-mark{
    width:28px; height:28px; border-radius:8px; flex-shrink:0;
    background:linear-gradient(135deg,#0A5C43,#1FC98C);
    display:grid; place-items:center;
    box-shadow:0 0 18px -4px rgba(31,201,140,.7);
  }
  .logo-mark svg{width:17px; height:17px;}
  .nav-links{display:flex; gap:30px; align-items:center;}
  .nav-links a{font-size:13.5px; font-weight:500; text-decoration:none; color:var(--muted); transition:color .15s;}
  .nav-links a:hover{color:var(--head);}
  .nav-links a.btn-primary, .nav-links a.btn-primary:hover{color:#000; font-weight:700;}
  @media(max-width:720px){ .nav-links a:not(.btn){display:none;} }

  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; cursor:pointer;
    font-family:'Inter',sans-serif; font-weight:600; font-size:14.5px;
    padding:11px 24px; border-radius:100px; border:1px solid transparent; transition:all .18s;
  }
  .btn-primary{
    background:linear-gradient(135deg,#12A374,#3FEEB0); color:#04150E;
    box-shadow:0 0 0 1px rgba(63,238,176,.3), 0 8px 30px -8px rgba(31,201,140,.55);
  }
  .btn-primary:hover{transform:translateY(-1px); box-shadow:0 0 0 1px rgba(63,238,176,.5), 0 14px 38px -8px rgba(31,201,140,.65);}
  .btn-primary:disabled{opacity:.5; cursor:not-allowed; transform:none;}
  .btn-ghost{background:var(--wash-2); border-color:var(--line-strong); color:var(--head);}
  .btn-ghost:hover{border-color:var(--accent); color:var(--accent-bright);}
  .btn-sm{padding:8px 18px; font-size:13px;}

  /* ---------- hero: horizon glow + floating live app ---------- */
  .hero{
    position:relative; padding:170px 0 40px; text-align:center; overflow:hidden;
  }
  .hero-horizon{
    position:absolute; inset:0; pointer-events:none; z-index:0;
  }
  .hero-horizon::before{ /* the glowing horizon arc */
    content:""; position:absolute; left:50%; top:520px; transform:translateX(-50%);
    width:1600px; height:1600px; border-radius:50%;
    background:radial-gradient(closest-side, rgba(63,238,176,.20), rgba(18,64,110,.12) 42%, transparent 68%);
    filter:blur(10px);
  }
  .hero-horizon::after{ /* light rays */
    content:""; position:absolute; left:50%; top:-60px; transform:translateX(-50%);
    width:1100px; height:640px;
    background:
      conic-gradient(from 180deg at 50% 0%,
        transparent 40%, rgba(63,238,176,.10) 47%, transparent 50%,
        rgba(127,184,240,.08) 55%, transparent 60%);
    filter:blur(22px);
  }
  .hero-line{
    position:absolute; left:50%; top:518px; transform:translateX(-50%);
    width:min(1200px,92vw); height:1px; z-index:0;
    background:linear-gradient(90deg,transparent,rgba(63,238,176,.8),rgba(127,184,240,.5),transparent);
    box-shadow:0 0 24px 2px rgba(63,238,176,.45);
  }
  .hero h1{
    position:relative; z-index:1;
    font-family:'Space Grotesk',sans-serif; font-weight:700;
    font-size:clamp(40px,6vw,74px); line-height:1.03; letter-spacing:-0.035em;
    max-width:1120px; margin:0 auto 20px;
  }
  .hero h1 .grad{
    background:linear-gradient(100deg,#3FEEB0 0%,#BDF7DF 55%,#7FB8F0 110%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .hero-sub{
    position:relative; z-index:1;
    color:var(--muted); font-size:16.5px; max-width:620px; margin:0 auto 30px;
  }
  .hero-ctas{position:relative; z-index:1; display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}

  /* floating live-drill frame, like the hero app illustration */
  .hero-frame-wrap{position:relative; z-index:1; margin:74px auto 0; width:min(880px,94%);}
  .hero-frame-glow{
    position:absolute; inset:-8% -14%;
    background:radial-gradient(50% 60% at 50% 42%, rgba(31,201,140,.28), transparent 70%);
    filter:blur(28px); pointer-events:none;
  }
  .hero-frame{
    position:relative; text-align:left;
    background:linear-gradient(180deg,var(--panel-1),var(--panel-2));
    border:1px solid var(--line-strong); border-radius:18px;
    box-shadow:0 60px 120px -40px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.06);
    overflow:hidden; will-change:transform;
  }
  .frame-bar{
    display:flex; align-items:center; gap:8px; padding:12px 16px;
    border-bottom:1px solid var(--line); background:var(--wash-1);
  }
  .frame-bar i{width:10px; height:10px; border-radius:50%; background:var(--line-strong);}
  .frame-bar i:first-child{background:rgba(226,87,79,.7);}
  .frame-bar i:nth-child(2){background:rgba(217,164,65,.7);}
  .frame-bar i:nth-child(3){background:rgba(31,201,140,.7);}
  .frame-bar span{margin-left:10px; font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--faint); letter-spacing:.06em;}
  .frame-body{padding:26px 28px 28px;}
  .hw-pills{display:flex; gap:10px; margin-bottom:16px;}
  .hpill{font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.08em;
    color:var(--accent-bright); background:var(--acc-soft); border:1px solid var(--acc-line);
    padding:4px 11px; border-radius:100px;}
  .hpill.gray{color:var(--muted); background:var(--wash-2); border-color:var(--line-strong);}
  .hw-q{font-family:'JetBrains Mono',monospace; font-size:15.5px; line-height:1.7; min-height:78px; color:var(--qtext);}
  .hw-viz{margin-top:12px;}
  .hw-viz svg{width:100%; max-width:150px; height:auto; display:block;}
  .hw-a{margin-top:14px; padding-top:14px; border-top:1px solid var(--line);
    font-size:13px; color:var(--muted); display:none;}
  .hw-a b{color:var(--accent-bright); font-family:'JetBrains Mono',monospace;}
  .hw-btns{display:flex; gap:10px; margin-top:18px;}
  .hbtn{cursor:pointer; font-family:'Inter',sans-serif; font-weight:600; font-size:13px;
    padding:9px 16px; border-radius:100px; border:1px solid var(--line-strong);
    background:transparent; color:var(--head); transition:all .15s;}
  .hbtn:hover{border-color:var(--accent); color:var(--accent-bright);}
  .frame-note{margin-top:16px; font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--faint);}

  /* darken light-theme SVG strokes inside dark UI */
  html:not(.light) svg *[stroke="#57675F"]{stroke:#9FB4AA;}
  html:not(.light) svg *[fill="#57675F"]{fill:#9FB4AA;}
  html:not(.light) svg *[stroke="#B9C6BF"]{stroke:rgba(255,255,255,.28);}

  /* ---------- ticker ---------- */
  .ticker{
    margin-top:84px; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
    overflow:hidden; padding:18px 0; background:var(--bg2);
  }
  .ticker-track{display:flex; gap:44px; width:max-content; animation:tick 36s linear infinite;}
  .ticker span{white-space:nowrap; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:17px; color:var(--muted); display:flex; align-items:center; gap:44px;}
  .ticker b{color:var(--accent-bright); font-weight:600;}
  @keyframes tick{to{transform:translateX(-50%);}}
  @media (prefers-reduced-motion:reduce){ .ticker-track{animation:none;} }

  /* ---------- sections ---------- */
  section{position:relative;}
  section.wrap{padding:115px 28px 0;}
  /* full-bleed gradient band: black fades into a lighter blue-black and back */
  section.band::before{
    content:""; position:absolute; left:50%; transform:translateX(-50%);
    top:40px; bottom:-60px; width:100vw; z-index:-1; pointer-events:none;
    background:linear-gradient(180deg,
      transparent 0%,
      var(--band-edge) 16%,
      var(--band-mid) 50%,
      var(--band-edge) 84%,
      transparent 100%);
  }
  .sec-eyebrow{font-family:'JetBrains Mono',monospace; font-size:11.5px; letter-spacing:.16em; color:var(--accent); margin-bottom:18px;}
  h2{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:clamp(28px,3.6vw,44px); letter-spacing:-0.025em; line-height:1.1; color:var(--head);}
  .sec-sub{color:var(--muted); font-size:16px; max-width:640px; margin-top:14px;}
  .sec-head{margin-bottom:48px;}
  .sec-head.center{text-align:center;}
  .sec-head.center .sec-sub{margin-left:auto; margin-right:auto;}

  .cards4{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
  .cards3{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
  @media(max-width:980px){ .cards4{grid-template-columns:repeat(2,1fr);} }
  @media(max-width:920px){ .cards3{grid-template-columns:repeat(2,1fr);} }
  @media(max-width:620px){ .cards3,.cards4{grid-template-columns:1fr;} }

  .card{
    background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
    padding:24px; transition:border-color .25s, transform .25s, background .25s;
    position:relative; overflow:hidden;
  }
  .card::before{
    content:""; position:absolute; inset:0; opacity:0; transition:opacity .3s; pointer-events:none;
    background:radial-gradient(420px 200px at 20% 0%, rgba(31,201,140,.12), transparent 70%);
  }
  .card:hover{border-color:rgba(63,238,176,.35); transform:translateY(-4px); background:var(--surface-2);}
  .card:hover::before{opacity:1;}
  .card h3{font-family:'Space Grotesk',sans-serif; font-size:16.5px; font-weight:600; margin:14px 0 8px; color:var(--head);}
  .card p{font-size:14px; color:var(--muted);}
  .card-ic{
    width:38px; height:38px; border-radius:10px; display:grid; place-items:center;
    background:var(--acc-soft); border:1px solid var(--acc-line);
    font-family:'JetBrains Mono',monospace; font-size:15px; color:var(--accent-bright);
  }

  /* stages strip */
  .stages4{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
  @media(max-width:980px){ .stages4{grid-template-columns:repeat(2,1fr);} }
  @media(max-width:620px){ .stages4{grid-template-columns:1fr;} }
  .stage{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px;}
  .stage .num{font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--accent); letter-spacing:.14em;}
  .stage h3{font-family:'Space Grotesk',sans-serif; font-size:16px; font-weight:600; margin:10px 0 6px; color:var(--head);}
  .stage p{font-size:13.5px; color:var(--muted);}

  /* split section: mock report + cards */
  .split{display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center;}
  @media(max-width:920px){ .split{grid-template-columns:1fr;} }
  .mock{
    background:linear-gradient(180deg,var(--panel-1),var(--panel-2));
    border:1px solid var(--line-strong); border-radius:18px; overflow:hidden;
    box-shadow:0 40px 90px -40px rgba(0,0,0,.8);
    position:relative;
  }
  .mock::after{
    content:""; position:absolute; inset:-30%; pointer-events:none; z-index:-1;
    background:radial-gradient(50% 50% at 50% 50%, rgba(18,64,110,.25), transparent 70%);
    filter:blur(30px);
  }
  .mock-body{padding:24px 26px;}
  .mock .label{font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.14em; color:var(--faint); margin-bottom:8px;}
  .mock-pnl{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:44px; color:var(--accent-bright); letter-spacing:-.03em;}
  .mock-line{font-family:'JetBrains Mono',monospace; font-size:12.5px; color:var(--muted); margin-bottom:18px;}
  .mock-row{display:flex; align-items:center; gap:12px; padding:8px 0; border-top:1px solid var(--line);}
  .mock-row span{width:150px; font-size:12.5px; color:var(--muted); flex-shrink:0;}
  .mock-row .bar{flex:1; height:6px; border-radius:100px; background:var(--wash-3); overflow:hidden;}
  .mock-row .bar i{display:block; height:6px; border-radius:100px; background:var(--accent);}
  .mock-row .bar i.low{background:var(--red);}
  .mock-row em{font-family:'JetBrains Mono',monospace; font-size:11.5px; font-style:normal; color:var(--muted);}
  .side-cards{display:grid; gap:14px;}

  /* bento */
  .bento{display:grid; grid-template-columns:repeat(6,1fr); gap:14px;}
  .bento .card{margin:0;}
  .b-span4{grid-column:span 4;} .b-span3{grid-column:span 3;} .b-span2{grid-column:span 2;}
  @media(max-width:920px){ .b-span4,.b-span3,.b-span2{grid-column:span 6;} }
  .variant-list{display:grid; gap:10px; margin-top:14px;}
  .variant{
    font-family:'JetBrains Mono',monospace; font-size:12.5px; color:var(--muted);
    border:1px solid var(--line); border-radius:10px; padding:10px 14px; background:var(--table-bg);
  }
  .variant b{color:var(--accent-bright); font-weight:500;}
  .big-num{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:64px; color:var(--head); line-height:1; margin-top:10px;}
  .big-num small{display:block; font-size:13px; font-weight:400; color:var(--muted); margin-top:8px; font-family:'Inter',sans-serif;}
  .chips{display:flex; flex-wrap:wrap; gap:10px; margin-top:16px;}
  .chip{
    font-family:'JetBrains Mono',monospace; font-size:13px; color:var(--qtext);
    border:1px solid var(--line-strong); border-radius:100px; padding:7px 15px;
    background:var(--wash-2); animation:floaty 5s ease-in-out infinite;
  }
  .chip:nth-child(2n){animation-delay:1.2s;} .chip:nth-child(3n){animation-delay:2.4s;}
  .chip.g{color:var(--accent-bright); border-color:rgba(63,238,176,.4);}
  @keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
  @media (prefers-reduced-motion:reduce){ .chip{animation:none;} }

  /* firms */
  .firm{
    background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
    padding:22px; transition:border-color .2s, transform .2s;
  }
  .firm:hover{border-color:rgba(63,238,176,.3); transform:translateY(-2px);}
  .firm-top{display:flex; justify-content:space-between; align-items:flex-start; gap:10px;}
  .firm h3{font-family:'Space Grotesk',sans-serif; font-size:16px; font-weight:600; color:var(--head);}
  .firm .loc{font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.06em; color:var(--faint); margin:4px 0 10px;}
  .firm p{font-size:13.5px; color:var(--muted);}
  .ams{font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.05em; color:var(--accent-bright); background:var(--acc-soft); border:1px solid var(--acc-line); padding:3px 9px; border-radius:100px; white-space:nowrap;}
  .disclaimer{font-size:12.5px; color:var(--faint); margin-top:26px;}

  /* FAQ */
  .faq{border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); overflow:hidden;}
  .faq details{border-bottom:1px solid var(--line);}
  .faq details:last-child{border-bottom:none;}
  .faq summary{
    cursor:pointer; list-style:none; padding:20px 26px;
    font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:15.5px; color:var(--head);
    display:flex; justify-content:space-between; align-items:center; gap:14px;
  }
  .faq summary::-webkit-details-marker{display:none;}
  .faq summary::after{content:"+"; font-family:'JetBrains Mono',monospace; color:var(--accent); font-size:18px;}
  .faq details[open] summary::after{content:"×";}
  .faq .faq-a{padding:0 26px 22px; font-size:14.5px; color:var(--muted); max-width:760px;}

  /* ================= TRAINER ================= */
  #trainer{scroll-margin-top:80px;}
  .app{
    background:linear-gradient(180deg,var(--panel-1),var(--panel-2));
    border:1px solid var(--line-strong); border-radius:20px; overflow:hidden;
    box-shadow:0 40px 100px -40px rgba(0,0,0,.85);
    position:relative;
  }
  .app::after{
    content:""; position:absolute; inset:-20% -10%; z-index:-1; pointer-events:none;
    background:radial-gradient(46% 50% at 50% 40%, rgba(31,201,140,.16), transparent 70%);
    filter:blur(30px);
  }
  .app-bar{
    display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap;
    padding:15px 26px; border-bottom:1px solid var(--line); background:var(--wash-1);
  }
  .app-bar .title{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:13px; letter-spacing:.04em; color:var(--muted);}
  .app-bar .stats{display:flex; gap:22px; font-family:'JetBrains Mono',monospace; font-size:13px; align-items:baseline; color:var(--muted);}
  .pnl-pos{color:var(--accent-bright); font-weight:700; font-size:15px;}
  .pnl-neg{color:var(--red); font-weight:700; font-size:15px;}
  .app-body{padding:30px 26px;}
  @media(min-width:720px){ .app-body{padding:38px 44px;} }

  .label{font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.14em; color:var(--faint); margin-bottom:11px;}
  .mode-row{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:28px;}
  @media(max-width:640px){ .mode-row{grid-template-columns:1fr;} }
  .mode{
    border:1px solid var(--line-strong); background:var(--wash-1); border-radius:14px;
    padding:18px 20px; cursor:pointer; text-align:left; font-family:'Inter',sans-serif; transition:all .15s;
  }
  .mode h4{font-family:'Space Grotesk',sans-serif; font-size:15.5px; font-weight:600; color:var(--head); margin-bottom:4px;}
  .mode p{font-size:12.5px; color:var(--muted); line-height:1.5;}
  .mode:hover{border-color:var(--accent);}
  .mode.on{border-color:var(--accent); background:var(--acc-soft); box-shadow:0 0 0 1px var(--accent) inset;}
  .mode.on h4{color:var(--accent-bright);}

  .opt-row{display:flex; flex-wrap:wrap; gap:9px; margin-bottom:26px;}
  .opt{
    border:1px solid var(--line-strong); background:transparent; border-radius:100px;
    padding:10px 18px; cursor:pointer; font-family:'Inter',sans-serif;
    font-size:14px; font-weight:500; color:var(--muted); text-align:left; transition:all .15s;
  }
  .opt small{display:block; font-family:'JetBrains Mono',monospace; font-size:10.5px; font-weight:400; color:var(--faint); margin-top:1px;}
  .opt:hover{border-color:var(--accent); color:var(--head);}
  .opt.on{border-color:var(--accent); background:var(--acc-soft); color:var(--accent-bright); font-weight:600;}
  .opt.on small{color:rgba(63,238,176,.7);}
  .start-row{display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:4px;}
  .hint{font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--faint); margin-top:22px;}

  .qtape{font-family:'JetBrains Mono',monospace; font-size:12px; margin-bottom:16px; min-height:18px; overflow:hidden; white-space:nowrap; color:var(--faint);}
  .up{color:var(--accent-bright); font-weight:600;} .dn{color:var(--red); font-weight:600;}
  .timerbar{height:4px; background:var(--wash-3); border-radius:100px; margin-bottom:24px; overflow:hidden;}
  .timerbar div{height:4px; border-radius:100px; background:var(--accent); width:100%; transition:width .1s linear;}
  .qmeta{display:flex; justify-content:space-between; margin-bottom:18px; align-items:center; gap:10px; flex-wrap:wrap;}
  .pill{font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.08em;
    color:var(--accent-bright); background:var(--acc-soft); border:1px solid var(--acc-line);
    padding:4px 11px; border-radius:100px;}
  .pill.gray{color:var(--muted); background:var(--wash-2); border-color:var(--line-strong);}
  .qtext{font-family:'JetBrains Mono',monospace; font-size:18px; line-height:1.7; color:var(--qtext);}
  .qviz{margin:20px 0 4px;}
  .qviz svg{width:100%; max-width:210px; height:auto; display:block;}
  .answer-row{display:flex; gap:10px; margin-top:26px;}
  .answer-row input{
    flex:1; min-width:0; padding:13px 18px; border-radius:100px;
    border:1px solid var(--line-strong); background:var(--input-bg); color:var(--text);
    font-family:'JetBrains Mono',monospace; font-size:16.5px; outline:none; transition:border-color .15s, box-shadow .15s;
  }
  .answer-row input:focus{border-color:var(--accent); box-shadow:0 0 0 3px rgba(31,201,140,.18);}
  .answer-row input::placeholder{color:var(--faint);}
  .verdict{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:21px; margin-top:24px;}
  .fair{font-family:'JetBrains Mono',monospace; font-size:14.5px; margin-top:8px; color:var(--muted);}
  .fair b{color:var(--head);}
  .expl{font-size:14px; color:var(--muted); border-top:1px solid var(--line); margin-top:16px; padding-top:16px; line-height:1.7;}

  .sum-pnl{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:52px; letter-spacing:-0.03em;}
  .sum-line{font-family:'JetBrains Mono',monospace; font-size:14px; margin-top:4px; color:var(--muted);}
  .verdict-line{color:var(--muted); margin:10px 0 28px; font-size:15px;}
  .table{border:1px solid var(--line); border-radius:14px; margin-bottom:22px; background:var(--table-bg); overflow:hidden;}
  .table .thead{font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.12em; color:var(--faint); padding:11px 18px; border-bottom:1px solid var(--line); background:var(--wash-1);}
  .catrow{display:flex; align-items:center; gap:16px; padding:11px 18px; border-bottom:1px solid var(--line);}
  .catrow:last-child{border-bottom:none;}
  .catrow .nm{width:185px; flex-shrink:0; font-size:13.5px; color:var(--muted);}
  .catrow .bar{flex:1; height:7px; background:var(--wash-3); border-radius:100px; overflow:hidden;}
  .catrow .bar div{height:7px; border-radius:100px;}
  .catrow .sc{font-family:'JetBrains Mono',monospace; font-size:12.5px; color:var(--muted);}
  .missrow{padding:14px 18px; border-bottom:1px solid var(--line);}
  .missrow:last-child{border-bottom:none;}
  .missrow .q{font-family:'JetBrains Mono',monospace; font-size:13px; color:var(--qtext);}
  .missrow .a{font-size:13px; color:var(--muted); margin-top:4px;}
  .missrow .a b{color:var(--accent-bright);}

  /* CTA horizon */
  .cta{
    position:relative; text-align:center; padding:150px 28px 150px; overflow:hidden; margin-top:120px;
    border-top:1px solid var(--line);
  }
  .cta::before{
    content:""; position:absolute; left:50%; bottom:-820px; transform:translateX(-50%);
    width:1500px; height:1500px; border-radius:50%;
    background:radial-gradient(closest-side, rgba(63,238,176,.22), rgba(18,64,110,.14) 45%, transparent 70%);
    filter:blur(12px); pointer-events:none;
  }
  .cta h2{margin-bottom:14px;}
  .cta p{color:var(--muted); margin-bottom:30px;}
  .cta .btn{position:relative; z-index:1;}

  footer{border-top:1px solid var(--line); padding:40px 0 52px; background:var(--bg2);}
  footer .wrap{display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; align-items:flex-start;}
  footer p{font-size:13px; color:var(--faint); max-width:400px; margin-top:10px;}
  footer .mono{font-size:12px; color:var(--faint);}
  footer .flinks{display:flex; gap:22px; margin-top:12px;}
  footer .flinks a{font-size:13px; color:var(--muted); text-decoration:none;}
  footer .flinks a:hover{color:var(--head);}

  .theme-toggle{
    width:36px; height:36px; border-radius:50%; cursor:pointer;
    border:1px solid var(--line-strong); background:transparent; color:var(--muted);
    font-size:15px; display:grid; place-items:center; transition:all .15s; line-height:1;
  }
  .theme-toggle:hover{border-color:var(--accent); color:var(--accent-bright);}

  /* ---------- intro splash ---------- */
  html.splashing{overflow:hidden;}
  body > :not(#splash){transition:opacity .9s ease, transform .9s cubic-bezier(.2,.7,.3,1);}
  html.splashing body > :not(#splash){opacity:0; transform:translateY(14px);}
  #splash{
    display:none; position:fixed; inset:0; z-index:9999;
    background:radial-gradient(700px 480px at 50% 42%, var(--acc-soft), transparent 70%), var(--bg);
    align-items:center; justify-content:center;
    transition:opacity .6s ease;
  }
  html.js #splash{display:flex;}
  #splash.done{opacity:0; pointer-events:none;}
  .splash-inner{display:flex; flex-direction:column; align-items:center; gap:28px;}
  .splash-chart{width:210px; overflow:visible;}
  #splash-path{
    stroke-dasharray:260; stroke-dashoffset:260;
    animation:spdraw 1.5s .15s cubic-bezier(.4,0,.2,1) forwards;
    filter:drop-shadow(0 0 12px rgba(63,238,176,.55));
  }
  #splash-tip{opacity:0; animation:sppop .35s 1.45s ease forwards;}
  @keyframes spdraw{to{stroke-dashoffset:0;}}
  @keyframes sppop{to{opacity:1;}}
  .splash-logo{
    display:flex; align-items:center; gap:11px;
    font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:21px; color:var(--head);
    opacity:0; transform:translateY(10px); animation:spfade .7s .8s ease forwards;
  }
  @keyframes spfade{to{opacity:1; transform:none;}}
  @media (prefers-reduced-motion:reduce){ #splash{display:none !important;} }

  @media (prefers-reduced-motion:reduce){ *{transition:none !important; animation:none !important;} }

/* ---------- standalone trainer ---------- */
.trainer-page{min-height:100svh;background:var(--bg);}
.trainer-nav{position:fixed;top:0;left:0;right:0;z-index:120;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);}
.trainer-nav .nav-inner{height:58px;}
.back-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:13.5px;color:var(--muted);font-weight:600;}
.back-link:hover{color:var(--head);}
.trainer-shell{min-height:100svh;display:flex;align-items:flex-start;justify-content:center;padding:86px 18px 28px;}
.trainer-shell .app{width:min(980px,100%);}
.select-wrap{position:relative;display:inline-flex;align-items:center;min-width:250px;}
.firm-select{width:100%;appearance:none;-webkit-appearance:none;border:1px solid var(--line-strong);background:var(--input-bg);color:var(--text);border-radius:100px;padding:11px 42px 11px 16px;font:500 14px 'Inter',sans-serif;outline:none;}
.select-wrap::after{content:'⌄';position:absolute;right:16px;color:var(--muted);pointer-events:none;}
.firm-note{font-size:12px;color:var(--faint);margin-top:8px;margin-bottom:24px;}
.app-kicker{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.12em;color:var(--accent);}
.bank-stat{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--faint);}
.question-scroll{max-height:58svh;overflow:auto;padding-right:3px;}
@media(max-width:720px){
  .trainer-shell{padding:70px 10px 10px;align-items:stretch;}
  .trainer-shell .app{border-radius:14px;min-height:calc(100svh - 80px);}
  .app-bar{padding:11px 14px;gap:8px;}
  .app-bar .stats{gap:10px;font-size:11px;}
  .app-body{padding:18px 14px 16px;}
  .mode-row{gap:8px;margin-bottom:20px;}
  .mode{padding:13px 14px;}
  .opt-row{gap:7px;margin-bottom:20px;}
  .opt{padding:8px 13px;font-size:12.5px;}
  .label{margin-bottom:8px;}
  .qtext{font-size:15.5px;line-height:1.55;}
  .qmeta{margin-bottom:12px;}
  .answer-row{margin-top:18px;}
  .answer-row input{padding:11px 14px;font-size:15px;}
  .answer-row .btn{padding:10px 17px;}
  .hint{margin-top:14px;font-size:10px;}
  .timerbar{margin-bottom:16px;}
  .qtape{display:none;}
  .question-scroll{max-height:calc(100svh - 230px);}
  body.drilling{overflow:hidden;}
  body.drilling .trainer-shell{align-items:stretch;}
}


/* ================= PROFESSIONAL / SEO EXPANSION v13.1.0 ================= */
.skip-link{position:fixed;left:14px;top:-80px;z-index:10000;background:var(--head);color:var(--bg);padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:700;transition:top .15s}.skip-link:focus{top:14px}
.mobile-menu-toggle{display:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);background:transparent;color:var(--head);font-size:18px;cursor:pointer}.mobile-drawer{display:none}
.hero-proof{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);width:min(860px,92%);margin:38px auto 0;border:1px solid var(--line-strong);border-radius:16px;background:rgba(13,20,17,.76);backdrop-filter:blur(15px);overflow:hidden;text-align:left}.hero-proof div{padding:18px 20px;border-right:1px solid var(--line)}.hero-proof div:last-child{border-right:0}.hero-proof strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:22px;color:var(--head);line-height:1.1}.hero-proof span{display:block;font-size:11.5px;color:var(--muted);margin-top:6px;line-height:1.35}
html.light .hero-proof{background:rgba(255,255,255,.82)}
.release-strip{position:relative;z-index:2;width:min(860px,92%);margin:14px auto 0;border:1px solid var(--acc-line);border-radius:13px;background:linear-gradient(90deg,var(--acc-soft),rgba(18,64,110,.08));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 15px;text-align:left}.release-main{display:flex;align-items:center;gap:12px;min-width:0}.release-version{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--accent-bright);border:1px solid var(--acc-line);background:var(--surface);padding:4px 8px;border-radius:100px;white-space:nowrap}.release-copy{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.release-copy b{color:var(--head)}.release-link{font-size:12px;color:var(--accent-bright);text-decoration:none;white-space:nowrap}
.trust-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.trust-panel{background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:20px;padding:30px;position:relative;overflow:hidden}.trust-panel::after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--acc-soft),transparent 70%)}.trust-panel h3{font-family:'Space Grotesk',sans-serif;font-size:23px;color:var(--head);margin:0 0 10px}.trust-panel p{color:var(--muted);max-width:660px}.trust-list{display:grid;gap:12px;margin-top:22px}.trust-point{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start}.trust-point i{width:28px;height:28px;border:1px solid var(--acc-line);border-radius:9px;display:grid;place-items:center;color:var(--accent-bright);font-style:normal;background:var(--acc-soft)}.trust-point strong{display:block;color:var(--head);font-size:14px}.trust-point span{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}.quality-score{display:flex;flex-direction:column;justify-content:center;min-height:100%}.quality-score .big-num{font-size:74px;color:var(--accent-bright)}.quality-score .score-label{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;color:var(--faint)}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource-card{display:flex;flex-direction:column;min-height:240px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s}.resource-card:hover{transform:translateY(-4px);border-color:var(--acc-line);background:var(--surface-2)}.resource-tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;color:var(--accent);margin-bottom:30px}.resource-card h3{font-family:'Space Grotesk',sans-serif;font-size:20px;line-height:1.15;color:var(--head);margin:0 0 10px}.resource-card p{font-size:13.5px;color:var(--muted)}.resource-card .resource-arrow{margin-top:auto;padding-top:22px;color:var(--accent-bright);font-weight:600;font-size:13px}
.method-band{display:grid;grid-template-columns:1fr 1fr;gap:14px}.method-card{border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--surface)}.method-card h3{font-family:'Space Grotesk',sans-serif;color:var(--head);font-size:20px;margin:0 0 9px}.method-card p{color:var(--muted);font-size:14px}.method-card a{display:inline-block;margin-top:16px;color:var(--accent-bright);font-size:13px;font-weight:600;text-decoration:none}
.site-footer{margin-top:120px;border-top:1px solid var(--line);background:var(--bg2);padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:42px}.footer-brand p{font-size:13px;color:var(--muted);max-width:370px;margin:13px 0 16px}.footer-status{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--faint)}.footer-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);margin-right:6px}.footer-col{display:flex;flex-direction:column;gap:9px}.footer-col h3{font-family:'Space Grotesk',sans-serif;font-size:13px;color:var(--head);margin-bottom:6px}.footer-col a{font-size:12.5px;color:var(--muted);text-decoration:none}.footer-col a:hover{color:var(--accent-bright)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:38px;font-size:11.5px;color:var(--faint)}

/* Content library */
.content-page nav{position:fixed}.article-hero{padding:150px 0 72px;border-bottom:1px solid var(--line);background:radial-gradient(800px 420px at 50% 0%,var(--acc-soft),transparent 72%)}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--faint);margin-bottom:32px}.breadcrumbs a{color:var(--muted);text-decoration:none}.article-hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.035em;max-width:900px;color:var(--head)}.article-hero> .wrap>p{font-size:18px;color:var(--muted);max-width:790px;margin-top:20px}.article-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:26px;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--faint)}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:70px;padding-top:72px}.article-body{min-width:0}.article-body h2{font-size:34px;margin:70px 0 16px;scroll-margin-top:90px}.article-body h2:first-child{margin-top:0}.article-body h3{font-family:'Space Grotesk',sans-serif;color:var(--head);font-size:21px;margin:34px 0 10px}.article-body p{font-size:16px;color:var(--muted);margin:0 0 18px}.article-body strong{color:var(--head)}.article-body ul,.article-body ol{color:var(--muted);padding-left:22px;margin:0 0 24px}.article-body li{margin:8px 0}.article-body a{color:var(--accent-bright)}.lead-card,.content-card,.source-box,.practice-box{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:24px;margin:26px 0}.lead-card{font-size:18px;color:var(--qtext);border-color:var(--acc-line);background:linear-gradient(135deg,var(--acc-soft),var(--surface))}.content-card h3,.source-box h3,.practice-box h3{margin-top:0}.category-table{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.category-row{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:17px}.category-row b{display:block;color:var(--head);font-size:14px}.category-row span{display:block;color:var(--muted);font-size:12.5px;margin-top:4px}.question-example{font-family:'JetBrains Mono',monospace;border-left:3px solid var(--accent);background:var(--surface);padding:16px 18px;margin:20px 0;color:var(--qtext);font-size:13.5px}.article-aside{position:relative}.toc{position:sticky;top:84px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:20px;display:flex;flex-direction:column;gap:10px}.toc strong{font-family:'Space Grotesk',sans-serif;font-size:13px;color:var(--head);margin-bottom:6px}.toc a{font-size:12px;color:var(--muted);text-decoration:none}.toc a:hover{color:var(--accent-bright)}.aside-cta{margin-top:14px;border:1px solid var(--acc-line);border-radius:16px;background:linear-gradient(145deg,var(--acc-soft),var(--surface));padding:20px}.aside-cta span{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.1em;color:var(--accent)}.aside-cta strong{display:block;font-family:'Space Grotesk',sans-serif;color:var(--head);font-size:21px;margin:9px 0 6px}.aside-cta p{font-size:12px;color:var(--muted);margin-bottom:14px}.source-list{display:grid;gap:10px}.source-list a{display:block;border:1px solid var(--line);border-radius:10px;padding:12px 14px;text-decoration:none;font-size:13px;background:var(--table-bg)}.guide-cta{margin:70px 0 20px;padding:34px;border:1px solid var(--acc-line);border-radius:20px;background:linear-gradient(135deg,var(--surface),var(--acc-soft));text-align:center}.guide-cta h2{margin:0 0 10px}.guide-cta p{max-width:600px;margin:0 auto 22px}.legal-copy{max-width:780px;margin:0 auto}.legal-copy h2{margin-top:50px}.release-list{display:grid;gap:14px}.release-entry{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:24px}.release-entry header{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.release-entry h2{font-size:25px;margin:0}.release-entry time{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--faint)}
.trainer-intro{text-align:center;padding:32px 20px 18px}.trainer-intro .sec-eyebrow{margin-bottom:10px}.trainer-intro h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,42px);color:var(--head);line-height:1.08}.trainer-intro p{max-width:680px;margin:10px auto 0;color:var(--muted);font-size:14px}.drilling .trainer-intro{display:none}.app-release{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--acc-line);background:linear-gradient(90deg,var(--acc-soft),transparent);padding:12px 14px;border-radius:12px;margin-top:18px}.app-release b{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--accent-bright);white-space:nowrap}.app-release span{font-size:12px;color:var(--muted)}.app-release a{font-size:11px;color:var(--accent-bright);text-decoration:none;white-space:nowrap}
@media(max-width:980px){.hero-proof{grid-template-columns:repeat(2,1fr)}.hero-proof div:nth-child(2){border-right:0}.hero-proof div:nth-child(-n+2){border-bottom:1px solid var(--line)}.trust-grid,.method-band{grid-template-columns:1fr}.resource-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-col:last-child{grid-column:2}.article-layout{grid-template-columns:1fr;gap:36px}.article-aside{order:-1}.toc{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.aside-cta{display:none}}
@media(max-width:720px){.nav-links>a:not(.btn),.nav-links>[data-theme-toggle]{display:none}.mobile-menu-toggle{display:grid;place-items:center}.mobile-drawer{position:fixed;top:60px;left:0;right:0;background:var(--nav-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);padding:18px 24px;flex-direction:column;gap:14px}.mobile-drawer.open{display:flex}.mobile-drawer a{font-size:14px;color:var(--muted);text-decoration:none}.mobile-drawer .btn{color:#04150E}.hero-proof{grid-template-columns:1fr 1fr}.hero-proof div{padding:15px}.hero-proof strong{font-size:19px}.release-strip{align-items:flex-start}.release-copy{white-space:normal;line-height:1.35}.release-link{display:none}.resource-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.article-hero{padding:120px 0 54px}.article-hero h1{font-size:40px}.article-hero>.wrap>p{font-size:16px}.article-layout{padding-top:44px}.article-body h2{font-size:28px;margin-top:54px}.category-table{grid-template-columns:1fr}.toc{grid-template-columns:1fr 1fr;padding:16px}.site-footer{margin-top:80px}.app-release{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:460px){.hero-proof{grid-template-columns:1fr}.hero-proof div{border-right:0!important;border-bottom:1px solid var(--line)}.hero-proof div:last-child{border-bottom:0}.release-main{align-items:flex-start}.footer-grid{grid-template-columns:1fr}.toc{grid-template-columns:1fr}.article-hero h1{font-size:36px}}