/* LEFTURN Homepage — Claude Concept A
   Homepage styles. */


:root{
  /* Colour */
  --ink:#050C17;        /* page base, near-black navy */
  --deep:#0A1830;       /* alternate section band */
  --panel:#0F2340;      /* product surfaces */
  --panel-2:#142C4F;    /* raised controls */
  --line:#21395C;       /* borders */
  --silver:#B9C5D6;     /* secondary text */
  --mist:#7F90A8;       /* tertiary text */
  --white:#F3F6FA;      /* primary text */
  --lime:#B8E335;       /* LEFTURN action + "available" */
  --lime-ink:#0B1A05;   /* text on lime */
  --gold:#D2A54A;       /* Top Trader only */
  --beta:#8DB6F2;       /* beta status */
  --demo:#F0C674;       /* demo-data flag */

  /* Type */
  --f-display:"Archivo LF","Archivo","Arial Narrow",system-ui,sans-serif;
  --f-body:"Plex LF","IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-num:"Plex Mono LF","IBM Plex Mono",ui-monospace,Menlo,monospace;

  /* Scale (1.25 minor third-ish, tuned) */
  --t-xs:.8125rem; --t-sm:.9375rem; --t-md:1.0625rem; --t-lg:1.3125rem;
  --t-xl:clamp(1.6rem,1.2rem + 1.4vw,2.25rem);
  --t-2xl:clamp(2.1rem,1.4rem + 2.6vw,3.5rem);
  --t-hero:clamp(2.6rem,1.4rem + 5vw,5.6rem);

  /* Space (8px base) */
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2rem; --s5:3rem; --s6:4.5rem; --s7:7rem;

  /* Radius by hierarchy, not one size for all */
  --r-chip:999px; --r-ctl:8px; --r-surface:14px;

  --wrap:1200px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--ink);color:var(--white);font-family:var(--f-body);font-size:var(--t-md);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
p{margin:0 0 var(--s2)}
h1,h2,h3{font-family:var(--f-display);margin:0;font-weight:760;letter-spacing:-.01em;line-height:1.04}
h2{font-size:var(--t-2xl);font-stretch:112%;max-width:18ch}
h3{font-size:var(--t-lg);font-stretch:105%;font-weight:680;line-height:1.2}
.lede{color:var(--silver);font-size:var(--t-lg);line-height:1.55;max-width:58ch}
.muted{color:var(--silver)}
.small{font-size:var(--t-sm)}
.num{font-family:var(--f-num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--s3)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}

/* ---------- Prototype bar ---------- */
.proto{background:#1B1405;color:var(--demo);font-size:var(--t-xs);text-align:center;padding:.45rem var(--s2);border-bottom:1px solid #3d2e0c}
.proto b{font-weight:600}
.proto button{background:none;border:1px solid #5a4514;color:var(--demo);border-radius:var(--r-chip);padding:.15rem .7rem;margin-left:.6rem;font:inherit;cursor:pointer}
.proto button[aria-pressed=true]{background:var(--demo);color:#1B1405}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:0 1.35rem;border-radius:var(--r-ctl);font:600 var(--t-sm)/1 var(--f-body);text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn-go{background:var(--lime);color:var(--lime-ink)}
.btn-go:hover{background:#c7ef4c}
.btn-line{border-color:#3A557D;color:var(--white);background:transparent}
.btn-line:hover{border-color:var(--silver)}
.btn-sm{min-height:38px;padding:0 .9rem;font-size:var(--t-xs)}

/* ---------- Status chips ---------- */
.st{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--t-xs);font-weight:500;padding:.18rem .62rem;border-radius:var(--r-chip);border:1px solid;white-space:nowrap;line-height:1.5}
.st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st-live{color:var(--lime);border-color:#4b6216}
.st-beta{color:var(--beta);border-color:#2f4e7d}
.st-val{color:var(--silver);border-color:#3a4a62}
.st-val::before{background:transparent;border:1px solid currentColor}
.st-plan{color:var(--mist);border-color:#2a3a52;border-style:dashed}
.st-plan::before{background:transparent;border:1px dashed currentColor}
.demo-flag{display:inline-block;white-space:nowrap;font:500 .6875rem/1.4 var(--f-body);letter-spacing:.02em;color:var(--demo);border:1px solid #5a4514;background:#1B1405;border-radius:4px;padding:.12rem .45rem}
.gold-badge{display:inline-flex;align-items:center;gap:.35rem;width:max-content;font-size:var(--t-xs);font-weight:600;color:#1a1204;background:linear-gradient(180deg,#E2BC69,#C39539);border-radius:var(--r-chip);padding:.15rem .6rem}
.gold-badge svg{width:12px;height:12px}

/* ---------- Header ---------- */
.top{position:sticky;top:0;z-index:40;background:rgba(5,12,23,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #12233c}
.top .wrap{display:flex;align-items:center;gap:var(--s3);height:68px}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;font:800 1.25rem/1 var(--f-display);font-stretch:125%;letter-spacing:.04em}
.brand svg{width:26px;height:26px}
.nav{display:flex;gap:var(--s3);margin-left:var(--s3)}
.nav a{text-decoration:none;color:var(--silver);font-size:var(--t-sm)}
.nav a:hover{color:var(--white)}
.top-cta{margin-left:auto;display:flex;gap:var(--s1);align-items:center}
.top-cta .login{color:var(--silver);text-decoration:none;font-size:var(--t-sm);padding:0 .6rem}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--white);border-radius:var(--r-ctl);height:42px;padding:0 .9rem;font:500 var(--t-sm) var(--f-body)}
.mnav{display:none}
@media (max-width:1020px){
  .nav,.top-cta{display:none}
  .menu-btn{display:inline-flex;align-items:center}
  .mnav{position:fixed;inset:68px 0 0 0;background:var(--ink);padding:var(--s3);z-index:39;flex-direction:column;gap:.2rem;overflow:auto}
  .mnav.open{display:flex}
  .mnav a{padding:1rem 0;border-bottom:1px solid #12233c;text-decoration:none;font-size:var(--t-lg)}
  .mnav .btn{margin-top:var(--s2)}
}

/* ---------- Hero ---------- */
.hero{position:relative;padding:var(--s6) 0 var(--s5);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:var(--s5);align-items:center}
.hero h1{font-size:var(--t-hero);font-stretch:118%;font-weight:800;line-height:.98;letter-spacing:-.025em}
.hero h1 .l2{display:block;color:var(--silver);font-stretch:96%;font-weight:620}
.hero .lede{margin-top:var(--s3)}
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.hero-note{margin-top:var(--s3);font-size:var(--t-sm);color:var(--mist);max-width:52ch}
.legend{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);margin-top:var(--s4);align-items:center;font-size:var(--t-xs);color:var(--mist)}

/* Route line: the "left turn" from trader to your account */
.route{position:absolute;right:-40px;top:40px;width:62%;height:86%;pointer-events:none;opacity:.55}
.route path{fill:none;stroke:#1d3556;stroke-width:1.5}
.route .run{stroke:var(--lime);stroke-width:2;stroke-dasharray:6 10;opacity:.0}
.ready .route .run{animation:dash 2.4s .5s ease-out forwards}
@keyframes dash{from{opacity:0;stroke-dashoffset:300}to{opacity:.9;stroke-dashoffset:0}}

/* ---------- Order ticket (hero demo) ---------- */
.ticket-stage{position:relative}
.from{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:var(--s2);font-size:var(--t-sm);color:var(--silver)}
.av{width:38px;height:38px;border-radius:50%;background:var(--panel-2);display:grid;place-items:center;font:700 .85rem var(--f-display);color:var(--white);border:1px solid var(--line);flex:none}
.ticket{background:linear-gradient(180deg,#112848,#0d203b);border:1px solid #2a4570;border-radius:var(--r-surface);padding:var(--s3);box-shadow:0 30px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(184,227,53,.04) inset}
.ready .ticket{animation:arrive .9s .2s cubic-bezier(.2,.8,.2,1) both}
@keyframes arrive{from{opacity:0;transform:translate(26px,-18px)}to{opacity:1;transform:none}}
.t-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s2);margin-bottom:var(--s2)}
.t-title{font:700 1.5rem/1.1 var(--f-display);font-stretch:110%}
.t-sub{font-size:var(--t-xs);color:var(--mist);margin-top:.25rem}
.t-side{white-space:nowrap;font-size:var(--t-xs);font-weight:600;padding:.2rem .55rem;border-radius:5px;background:#173a1f;color:#9fe0a9}
.t-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--r-ctl);overflow:hidden}
.t-grid div{padding:.7rem .8rem;border-right:1px solid var(--line)}
.t-grid div:last-child{border-right:0}
.t-grid dt{font-size:var(--t-xs);color:var(--mist)}
.t-grid dd{margin:.15rem 0 0;font-family:var(--f-num);font-size:1.05rem}
.t-acct{display:flex;justify-content:space-between;align-items:center;gap:var(--s1);margin:var(--s2) 0;font-size:var(--t-sm);color:var(--silver);flex-wrap:wrap}
.t-acct strong{color:var(--white);font-weight:500}
.t-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s1)}
.t-actions button{min-height:46px;border-radius:var(--r-ctl);font:600 var(--t-sm) var(--f-body);cursor:pointer;border:1px solid #33507a;background:var(--panel-2);color:var(--white)}
.t-actions button:hover{border-color:var(--silver)}
.t-actions .keep{background:var(--lime);color:var(--lime-ink);border-color:var(--lime)}
.t-adjust{display:none;margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line)}
.t-adjust.open{display:block}
.lot{display:flex;align-items:center;gap:var(--s1)}
.lot button{width:40px;height:40px;border-radius:var(--r-ctl);border:1px solid var(--line);background:var(--panel-2);color:var(--white);font-size:1.2rem;cursor:pointer}
.lot output{min-width:5ch;text-align:center;font-family:var(--f-num);font-size:1.15rem}
.t-result{margin-top:var(--s2);font-size:var(--t-sm);padding:.8rem 1rem;border-radius:var(--r-ctl);background:#0a1a30;border:1px solid var(--line);min-height:3.2em}
.t-result.ok{border-color:#4b6216}
.t-result.cx{border-color:#5a3a3a}
.t-foot{display:flex;justify-content:space-between;gap:var(--s2);margin-top:var(--s2);font-size:var(--t-xs);color:var(--mist);flex-wrap:wrap}

@media (max-width:900px){
  .hero{padding-top:var(--s5)}
  .hero-grid{grid-template-columns:1fr}
  .route{display:none}
}

/* ---------- Platform strip ---------- */
.platforms{border-top:1px solid #12233c;border-bottom:1px solid #12233c;background:var(--deep)}
.platforms .wrap{display:flex;align-items:center;gap:var(--s4);padding-top:var(--s3);padding-bottom:var(--s3);flex-wrap:wrap}
.platforms .lbl{font-size:var(--t-sm);color:var(--silver);flex:none}
.pl-list{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);list-style:none;margin:0;padding:0}
.pl-list li{display:flex;align-items:center;gap:.6rem;font-weight:500}

/* ---------- Sections ---------- */
.sec{padding:var(--s7) 0}
.sec-band{background:var(--deep)}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);align-items:end;margin-bottom:var(--s5)}
.sec-head p{margin:0}
@media (max-width:860px){.sec{padding:var(--s6) 0}.sec-head{grid-template-columns:1fr;gap:var(--s2)}}

/* ---------- Paths (a ledger, not a card grid) ---------- */
.paths{border-top:1px solid var(--line)}
.path{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) auto;gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--line);align-items:start}
.path h3{font-size:var(--t-xl);font-stretch:108%}
.path .who{color:var(--mist);font-size:var(--t-sm);margin-top:.5rem}
.path ul{margin:0;padding:0;list-style:none;color:var(--silver)}
.path li{padding-left:1.1rem;position:relative;margin-bottom:.35rem}
.path li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:1px;background:var(--mist)}
.path .act{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s2)}
.path a.go{color:var(--lime);font-weight:600;text-decoration:none;font-size:var(--t-sm)}
.path a.go:hover{text-decoration:underline}
.path-planned h3,.path-planned ul{color:var(--mist)}
@media (max-width:860px){.path{grid-template-columns:1fr;gap:var(--s2)}.path .act{flex-direction:row;align-items:center;justify-content:space-between}}

/* ---------- How copying works (stepper) ---------- */
.how{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s5);align-items:start}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s}
.steps button{all:unset;box-sizing:border-box;display:grid;grid-template-columns:2.4rem 1fr;gap:var(--s2);width:100%;padding:var(--s2) var(--s2);border-left:2px solid var(--line);cursor:pointer}
.steps button::before{content:counter(s);font:700 1.1rem/1.4 var(--f-display);color:var(--mist)}
.steps button strong{display:block;font-weight:600;font-size:var(--t-md)}
.steps button span{display:block;color:var(--mist);font-size:var(--t-sm);margin-top:.2rem}
.steps button[aria-selected=true]{border-left-color:var(--lime);background:linear-gradient(90deg,rgba(184,227,53,.06),transparent)}
.steps button[aria-selected=true]::before{color:var(--lime)}
.steps button[aria-selected=true] span{color:var(--silver)}
.steps button:focus-visible{outline:2px solid var(--lime)}
.screen{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-surface);padding:var(--s3);min-height:360px;position:relative}
.screen .panel{display:none}
.screen .panel.on{display:block;animation:fadein .35s ease}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.screen h4{margin:0 0 var(--s2);font:600 var(--t-md) var(--f-body)}
.mock-row{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);padding:.75rem 0;border-bottom:1px solid var(--line);font-size:var(--t-sm)}
.mock-row:last-child{border-bottom:0}
.mock-email{background:#0a1a30;border:1px solid var(--line);border-radius:var(--r-ctl);padding:var(--s2);font-size:var(--t-sm)}
.mock-email .from-line{color:var(--mist);font-size:var(--t-xs);margin-bottom:.4rem}
.rule-ok{color:var(--lime)}
.rule-warn{color:var(--demo)}
.screen .demo-flag{margin-bottom:var(--s2)}
@media (max-width:860px){.how{grid-template-columns:1fr}}

/* ---------- Team builder ---------- */
.builder{display:grid;grid-template-columns:1fr 340px;gap:var(--s4);align-items:start}
.b-controls{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:end;margin-bottom:var(--s3)}
.field label{display:block;font-size:var(--t-xs);color:var(--mist);margin-bottom:.35rem}
select,input[type=search]{background:var(--panel-2);color:var(--white);border:1px solid var(--line);border-radius:var(--r-ctl);height:46px;padding:0 .8rem;font:var(--t-sm) var(--f-body);min-width:200px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-ctl);overflow:hidden}
.seg button{background:transparent;border:0;color:var(--silver);height:44px;padding:0 1rem;font:500 var(--t-sm) var(--f-body);cursor:pointer}
.seg button[aria-pressed=true]{background:#2a4570;color:var(--white);box-shadow:inset 0 -2px 0 var(--lime)}
.traders{display:grid;gap:var(--s2)}
.trader{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s2);align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-surface);padding:var(--s2) var(--s3)}
.trader.top{border-color:#5c4a22;background:linear-gradient(180deg,#14284a,#10233f)}
.trader .name{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;font-weight:600}
.trader .meta{color:var(--mist);font-size:var(--t-sm);margin-top:.15rem}
.trader .pick{display:flex;gap:var(--s1);align-items:center;flex-wrap:wrap;justify-content:flex-end}
.trader .pick select{min-width:0;height:38px;font-size:var(--t-xs)}
.trader .price{font-family:var(--f-num);font-size:var(--t-sm);color:var(--silver);text-align:right;min-width:8ch}
.trader .add[aria-pressed=true]{background:var(--lime);color:var(--lime-ink);border-color:var(--lime)}
.summary{position:sticky;top:90px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-surface);padding:var(--s3)}
.summary h3{margin-bottom:var(--s2)}
.sum-list{list-style:none;margin:0 0 var(--s2);padding:0;font-size:var(--t-sm);min-height:3rem}
.sum-list li{display:flex;justify-content:space-between;gap:var(--s1);padding:.45rem 0;border-bottom:1px solid var(--line)}
.sum-list .empty{color:var(--mist);border:0}
.total{display:flex;justify-content:space-between;align-items:baseline;margin-top:var(--s1)}
.total .big{font:700 2.25rem/1 var(--f-display);font-stretch:110%}
.total small{color:var(--mist)}
.sum-note{font-size:var(--t-xs);color:var(--mist);margin-top:var(--s2)}
@media (max-width:980px){.builder{grid-template-columns:1fr}.summary{position:sticky;bottom:10px;top:auto;padding:var(--s2) var(--s3);box-shadow:0 -10px 40px rgba(0,0,0,.6);z-index:5}.summary .sum-list,.summary .sum-note{display:none}.summary h3{margin-bottom:.3rem}.summary .total .big{font-size:1.6rem}}
@media (max-width:620px){.trader{grid-template-columns:auto 1fr}.trader .pick{grid-column:1/-1;justify-content:flex-start}}

/* ---------- Pricing ---------- */
.price-wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:var(--s4);align-items:start}
.ribbon{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;background:#1B1405;border:1px solid #5a4514;color:var(--demo);border-radius:var(--r-ctl);padding:.7rem 1rem;font-size:var(--t-sm);margin-bottom:var(--s3)}
table.prices{width:100%;border-collapse:collapse;font-size:var(--t-sm)}
.prices th{text-align:left;font-weight:500;color:var(--mist);padding:.6rem .8rem;border-bottom:1px solid var(--line)}
.prices td{padding:1rem .8rem;border-bottom:1px solid var(--line)}
.prices td.n{font-family:var(--f-num);text-align:right;white-space:nowrap}
.prices th.n{text-align:right}
.prices td .usd{display:block;color:var(--mist);font-size:var(--t-xs)}
.prices tr.sel td{background:rgba(184,227,53,.06)}
.prices tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--lime)}
.facts{list-style:none;margin:0;padding:0}
.facts li{padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.facts strong{display:block;font:700 var(--t-lg)/1.2 var(--f-display);font-stretch:108%}
.facts span{color:var(--silver);font-size:var(--t-sm)}
@media (max-width:860px){.price-wrap{grid-template-columns:1fr}}
@media (max-width:520px){.prices th,.prices td{padding:.7rem .4rem}}

/* ---------- Split (challenge / funded) ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.split > div{padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-surface);background:var(--panel)}
.split h3{font-size:var(--t-xl);margin:var(--s2) 0}
.flow{list-style:none;margin:var(--s3) 0;padding:0;counter-reset:f}
.flow li{counter-increment:f;display:grid;grid-template-columns:1.8rem 1fr;gap:.6rem;padding:.5rem 0;color:var(--silver);font-size:var(--t-sm)}
.flow li::before{content:counter(f);font:600 var(--t-sm) var(--f-num);color:var(--mist)}
@media (max-width:860px){.split{grid-template-columns:1fr}}

/* ---------- Traders band ---------- */
.trade-side{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s5);align-items:center}
.share{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-surface);padding:var(--s3)}
.bar{display:flex;height:16px;border-radius:4px;overflow:hidden;margin:var(--s2) 0}
.bar i{display:block}
.bar .t{width:66.6667%;background:var(--lime)}
.bar .p{width:33.3333%;background:#2a4570}
.bar-key{display:flex;justify-content:space-between;font-size:var(--t-sm);color:var(--silver);gap:var(--s2)}
.ladder{margin-top:var(--s3);border-top:1px solid var(--line);padding-top:var(--s3)}
.passes{display:flex;gap:6px;margin:.6rem 0}
.passes i{flex:1;height:10px;border-radius:2px;background:#1d3556}
.passes i.on{background:var(--gold)}
@media (max-width:860px){.trade-side{grid-template-columns:1fr}}

/* ---------- Tools + status ---------- */
.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.tool{padding:var(--s3);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.tool h3{margin:var(--s1) 0}
.tool p{color:var(--silver);font-size:var(--t-sm);margin:0}
@media (max-width:860px){.tools{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tools{grid-template-columns:1fr}}

.status-board{margin-top:var(--s5);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}
.status-col h3{font-size:var(--t-md);font-family:var(--f-body);font-weight:600;margin-bottom:var(--s2);display:flex;gap:var(--s1);align-items:center}
.status-col ul{list-style:none;margin:0;padding:0;font-size:var(--t-sm);color:var(--silver)}
.status-col li{padding:.55rem 0;border-bottom:1px solid var(--line)}
@media (max-width:860px){.status-board{grid-template-columns:1fr}}

/* ---------- FAQ ---------- */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s5)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;padding:var(--s3) 2.5rem var(--s3) 0;position:relative;font-weight:600;font-size:var(--t-md)}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:.4rem;top:50%;width:10px;height:10px;border-right:2px solid var(--silver);border-bottom:2px solid var(--silver);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
details .a{padding:0 0 var(--s3);color:var(--silver);max-width:62ch}
.support{display:grid;gap:var(--s2);margin-top:var(--s4)}
.support a{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--line);text-decoration:none}
.support a span:last-child{color:var(--mist);font-size:var(--t-sm)}
@media (max-width:860px){.faq-grid{grid-template-columns:1fr}}

/* ---------- Final CTA ---------- */
.final{padding:var(--s7) 0;border-top:1px solid #12233c;background:radial-gradient(60% 80% at 15% 100%,rgba(184,227,53,.07),transparent 60%),var(--ink)}
.final h2{font-size:var(--t-hero);font-stretch:118%;max-width:20ch;line-height:.98;font-weight:800}

/* ---------- Footer ---------- */
.foot{border-top:1px solid #12233c;padding:var(--s5) 0;color:var(--mist);font-size:var(--t-xs);line-height:1.7}
.foot-grid{display:grid;grid-template-columns:1fr 2fr;gap:var(--s4)}
.foot nav{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);margin-bottom:var(--s3)}
.foot nav a{color:var(--silver);text-decoration:none;font-size:var(--t-sm)}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr}}

/* ---------- Review notes layer ---------- */
.note{display:none;margin:var(--s2) 0;padding:.75rem 1rem;border-left:3px solid var(--demo);background:#18130a;color:#f3dca8;font-size:var(--t-sm);border-radius:0 var(--r-ctl) var(--r-ctl) 0;max-width:72ch}
.note b{color:var(--demo)}
.notes-on .note{display:block}

.status-title{font:600 var(--t-lg)/1.2 var(--f-display);font-stretch:105%;margin-top:var(--s6)}
.status-title + .status-board{margin-top:var(--s3)}

/* =========================================================
   v2: Hero presentation (4 slides)
   ========================================================= */
.hero2{position:relative;padding:var(--s5) 0 0;overflow:hidden;background:radial-gradient(70% 60% at 85% 20%,rgba(141,182,242,.08),transparent 70%),var(--ink)}
.h2-stage{position:relative;min-height:500px}
.slide{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);align-items:center;min-height:500px}
.slide[hidden]{display:none}
.s-title{font-family:var(--f-display);font-size:clamp(2.5rem,1.3rem + 4.4vw,4.75rem);font-stretch:118%;font-weight:800;line-height:.98;letter-spacing:-.025em;margin:0;max-width:14ch}
.s-sub{color:var(--silver);font-size:var(--t-lg);line-height:1.55;max-width:44ch;margin-top:var(--s3)}
.s-visual{position:relative;display:flex;flex-direction:column;gap:var(--s2);align-items:stretch;max-width:500px;justify-self:end;width:100%}
.s-visual > .demo-flag{align-self:flex-start}

/* animated text: words rise in, sub fades after */
.s-title .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
.s-title .w > span{display:inline-block;transform:translateY(105%)}
.slide.play .s-title .w > span{animation:wordUp .7s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--k) * 70ms)}
@keyframes wordUp{to{transform:none}}
.slide .s-sub,.slide .s-visual{opacity:0}
.slide.play .s-sub{animation:fadeUp .7s .45s ease forwards}
.slide.play .s-visual{animation:fadeUp .8s .25s ease forwards}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* slide 1: bell + toast */
.alert-row{display:flex;align-items:center;gap:var(--s2)}
.bell{position:relative;width:56px;height:56px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--lime);background:#13240a;border:1px solid #4b6216}
.bell svg{width:28px;height:28px;transform-origin:50% 10%}
.bell-dot{position:absolute;top:10px;right:12px;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(184,227,53,.6)}
.slide.play .bell svg{animation:ring 1.2s .6s ease-in-out 2}
.slide.play .bell{animation:glow 2.4s .6s ease-in-out infinite}
.slide.play .bell-dot{animation:pulse 1.6s .8s ease-out infinite}
@keyframes ring{0%,100%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}
@keyframes glow{0%,100%{box-shadow:0 0 0 0 rgba(184,227,53,0)}50%{box-shadow:0 0 28px 2px rgba(184,227,53,.28)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(184,227,53,.6)}100%{box-shadow:0 0 0 10px rgba(184,227,53,0)}}
.toast{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--lime);border-radius:var(--r-ctl);padding:.6rem 1rem;flex:1;opacity:0}
.toast strong{font-weight:600}
.toast span{color:var(--silver);font-size:var(--t-sm)}
.slide.play .toast{animation:slideIn .6s .9s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes slideIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.hero2 .ticket{animation:none}
.slide.play .ticket{animation:fadeUp .7s 1.2s ease both}

/* slide 2: AutoTrading */
.auto-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-surface);padding:var(--s3)}
.auto-head{display:flex;justify-content:space-between;align-items:center;font:700 1.5rem/1 var(--f-display);font-stretch:110%;padding-bottom:var(--s2);border-bottom:1px solid var(--line)}
.auto-list{list-style:none;margin:0 0 var(--s2);padding:0}
.auto-list li{display:grid;grid-template-columns:1fr auto auto;gap:var(--s2);align-items:center;padding:.9rem 0;border-bottom:1px solid var(--line)}
.auto-list b{display:block;font-weight:600}
.auto-list small{color:var(--mist);font-size:var(--t-xs)}
.mode{font-size:var(--t-xs);opacity:0}
.m-auto{color:var(--lime)}
.m-mail{color:var(--beta)}
.tog{position:relative;width:46px;height:26px;border-radius:999px;background:#22385a;flex:none;transition:background .3s}
.tog i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--silver);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s}
.tog-main{width:58px;height:32px}.tog-main i{width:26px;height:26px}
.slide.on-anim .tog:not(.tog-off){background:var(--lime)}
.slide.on-anim .tog:not(.tog-off) i{transform:translateX(20px);background:var(--lime-ink)}
.slide.on-anim .tog-main i{transform:translateX(26px)}
.slide.on-anim .mode{opacity:1;transition:opacity .4s .3s}
.auto-list li:nth-child(1) .tog,.auto-list li:nth-child(1) .tog i{transition-delay:.25s}
.auto-list li:nth-child(2) .tog,.auto-list li:nth-child(2) .tog i{transition-delay:.5s}

/* slide 3: instruments */
.inst{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s1)}
.inst li{position:relative;border:1px solid var(--line);background:var(--panel);border-radius:var(--r-ctl);padding:.9rem 1rem;transition:border-color .3s,background .3s}
.inst b{display:block;font-family:var(--f-num);font-weight:500;font-size:1.05rem}
.inst small{color:var(--mist);font-size:var(--t-xs)}
.inst li.pick::after{content:"";position:absolute;top:.75rem;right:.75rem;width:16px;height:16px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%230B1A05' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;transform:scale(0)}
.slide.play .inst li.pick{animation:pickOn .4s calc(.9s + var(--i) * .35s) ease forwards}
.slide.play .inst li.pick::after{animation:popIn .35s calc(.9s + var(--i) * .35s) cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes pickOn{to{border-color:#4b6216;background:#132a12}}
@keyframes popIn{to{transform:scale(1)}}

/* slide 4: team */
.team-vis{position:relative;display:grid;grid-template-columns:1fr 70px 1fr;grid-template-rows:repeat(3,auto);gap:var(--s1) 0;align-items:center}
.tv-trader{grid-column:1;display:flex;align-items:center;gap:.6rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-ctl);padding:.6rem .7rem;opacity:0;flex-wrap:wrap}
.tv-trader b{display:block;font-weight:600;font-size:var(--t-sm)}
.tv-trader small{color:var(--mist);font-size:var(--t-xs)}
.tv-trader.top{border-color:#5c4a22}
.tv-trader .gold-badge{font-size:.6875rem}
.slide.play .tv-trader{animation:slideIn .55s calc(.6s + var(--i) * .25s) ease forwards}
.tv-lines{grid-column:2;grid-row:1/4;width:100%;height:100%}
.tv-lines path{fill:none;stroke:var(--lime);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:200;stroke-dashoffset:200}
.slide.play .tv-lines path{animation:draw 1s 1.4s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.tv-acct{grid-column:3;grid-row:1/4;background:linear-gradient(180deg,#132c50,#0f2340);border:1px solid #33507a;border-radius:var(--r-surface);padding:var(--s2);display:flex;flex-direction:column;gap:.35rem;opacity:0}
.slide.play .tv-acct{animation:fadeUp .6s 1.9s ease forwards}
.tv-acct small{color:var(--mist);font-size:var(--t-xs)}
.tv-acct b{font:700 1.3rem/1.1 var(--f-display);font-stretch:108%}
.tv-mix{display:flex;height:8px;border-radius:4px;overflow:hidden;gap:2px;margin:.4rem 0}
.tv-mix i{width:var(--w);background:var(--lime)}
.tv-mix i:nth-child(2){background:var(--gold)}
.tv-mix i:nth-child(3){background:var(--beta)}

/* CTAs + slide nav */
.h2-cta{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.h2-nav{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s4);padding-bottom:var(--s4)}
.h2-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);flex:1}
.h2-tabs button{all:unset;box-sizing:border-box;cursor:pointer;color:var(--mist);font-size:var(--t-sm);padding-top:.2rem}
.h2-tabs button[aria-selected=true]{color:var(--white)}
.h2-tabs button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.h2-tabs .bar{display:block;height:3px;border-radius:2px;background:#1d3556;margin-bottom:.6rem;overflow:hidden}
.h2-tabs .bar i{display:block;height:100%;width:0;background:var(--lime)}
.h2-tabs button.done .bar i{width:100%}
.h2-tabs button[aria-selected=true] .bar i{animation:fill var(--dur,7s) linear forwards}
.hero2.paused .h2-tabs button[aria-selected=true] .bar i{animation-play-state:paused}
@keyframes fill{from{width:0}to{width:100%}}
.h2-pause{background:none;border:1px solid var(--line);color:var(--silver);border-radius:var(--r-chip);height:36px;padding:0 1rem;font:500 var(--t-xs) var(--f-body);cursor:pointer;flex:none}

.h2-foot{border-top:1px solid #12233c;background:var(--deep)}
.h2-foot .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;padding-top:var(--s3);padding-bottom:var(--s3)}
.h2-claim{margin:0;font:650 var(--t-lg)/1.3 var(--f-display);font-stretch:105%;max-width:36ch}
.h2-plat{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.h2-plat .lbl{color:var(--mist);font-size:var(--t-sm)}
.h2-foot .note{flex-basis:100%}
.notes-on .h2-foot .wrap:last-child{padding-top:0}

@media (max-width:900px){
  .h2-stage,.slide{min-height:0}
  .slide{grid-template-columns:1fr;gap:var(--s4)}
  .s-visual{justify-self:stretch;max-width:none}
  .h2-tabs{grid-template-columns:repeat(4,1fr);gap:var(--s1)}
  .h2-tabs button{font-size:var(--t-xs)}
  .inst{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:520px){
  .inst{grid-template-columns:repeat(2,1fr)}
  .team-vis{grid-template-columns:1fr 34px .9fr}
  .tv-trader .gold-badge{display:none}
  .h2-nav{flex-direction:column;align-items:stretch;gap:var(--s2)}
  .h2-pause{align-self:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .s-title .w > span,.slide .s-sub,.slide .s-visual,.toast,.tv-trader,.tv-acct,.mode{transform:none!important;opacity:1!important}
  .inst li.pick{border-color:#4b6216;background:#132a12}.inst li.pick::after{transform:scale(1)}
  .tv-lines path{stroke-dashoffset:0}
}

/* =========================================================
   v2: Laptop showcase
   ========================================================= */
.showcase{overflow:hidden}
.sc-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s5);align-items:center}
.sc-points{list-style:none;margin:var(--s4) 0 var(--s2);padding:0}
.sc-points button{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;padding:var(--s2) 0 var(--s2) var(--s2);border-left:2px solid var(--line)}
.sc-points button b{display:block;font-weight:600}
.sc-points button span{display:block;color:var(--mist);font-size:var(--t-sm)}
.sc-points button[aria-selected=true]{border-left-color:var(--lime)}
.sc-points button[aria-selected=true] span{color:var(--silver)}
.sc-points button:focus-visible{outline:2px solid var(--lime)}

.laptop{perspective:2200px;padding:var(--s2) 0}
.lp-tilt{transform:rotateY(-16deg) rotateX(6deg) rotateZ(.5deg);transform-style:preserve-3d;transform-origin:30% 50%;transition:transform .8s ease;width:104%}
.laptop:hover .lp-tilt{transform:rotateY(-9deg) rotateX(4deg)}
.lp-lid{background:#0b0e13;border:1px solid #2b313b;border-radius:18px 18px 6px 6px;padding:2.2% 2.2% 3%;box-shadow:0 50px 90px -30px rgba(0,0,0,.9),inset 0 0 0 1px #1a1f27}
.lp-screen{position:relative;aspect-ratio:16/10;background:var(--ink);border-radius:4px;overflow:hidden;container-type:inline-size}
.lp-base{height:14px;margin:0 -6%;background:linear-gradient(180deg,#c6cbd3,#8d939c 60%,#5d636b);border-radius:2px 2px 14px 14px;position:relative}
.lp-base span{position:absolute;left:50%;top:0;width:16%;height:6px;transform:translateX(-50%);background:#7a8089;border-radius:0 0 8px 8px}
.lp-dots{display:flex;gap:6px;justify-content:center;margin-top:var(--s3)}
.lp-dots i{width:22px;height:3px;border-radius:2px;background:#1d3556}
.lp-dots i.on{background:var(--lime)}

.lp-view{position:absolute;inset:0;padding:2.4cqw;display:flex;flex-direction:column;font-size:1.25cqw;line-height:1.4;color:var(--white)}
.lp-view[hidden]{display:none}
.lp-view.on{animation:fadein .5s ease}
.lp-bar{display:flex;gap:1.6cqw;align-items:center;margin-bottom:1.8cqw;color:var(--mist)}
.lp-bar b{color:var(--white);font:700 1.9cqw/1 var(--f-display);font-stretch:110%}
.lp-sim{margin-left:auto;color:var(--demo);border:1px solid #5a4514;background:#1B1405;border-radius:.4cqw;padding:.2cqw .7cqw;font-size:1.05cqw}
.lp-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:1.4cqw;flex:1;min-height:0}
.lpc{display:flex;flex-direction:column;background:#0c1b31;border:1px solid #1e3352;border-radius:1cqw;padding:1.2cqw}
.lpc-h{display:flex;gap:.9cqw;align-items:center}
.lpc-av{width:3.2cqw;height:3.2cqw;border-radius:50%;display:grid;place-items:center;font:700 1.1cqw var(--f-display);color:#fff;flex:none}
.lpc-h b{display:block;font-size:1.35cqw}
.lpc-h small{display:block;color:var(--mist);font-size:.95cqw}
.lpc-risk{margin-left:auto;font-size:.9cqw;padding:.15cqw .6cqw;border-radius:2cqw;white-space:nowrap}
.r-mod{background:#16305a;color:#9cc3ff}.r-low{background:#123a22;color:#7fe0a0}.r-hi{background:#45161f;color:#ff9aa8}
.lpc{min-height:0;overflow:hidden}.lpc svg{display:block;width:100%;height:0;flex:1 1 0;min-height:2cqw;margin:.9cqw 0}
.lpc svg path.l{fill:none;stroke:#22c55e;stroke-width:1.4;vector-effect:non-scaling-stroke}
.lpc svg path.a{fill:rgba(34,197,94,.12);stroke:none}
.lpc-m{display:grid;grid-template-columns:repeat(4,1fr);gap:.5cqw}
.lpc-m div{background:#0a1628;border-radius:.6cqw;padding:.55cqw .6cqw}
.lpc-m small{display:block;color:var(--mist);font-size:.8cqw;line-height:1.2}
.lpc-m b{font-family:var(--f-num);font-weight:500;font-size:1.15cqw}
.lpc-m .pos{color:#4ade80}
.lpc-p{display:flex;gap:.5cqw;margin-top:.9cqw;flex-wrap:wrap}
.lpc-p i{font-style:normal;font-size:.9cqw;background:#13294a;border-radius:.4cqw;padding:.15cqw .55cqw}
.lpc-p i.star{background:#3a2c0e;color:#f0c674}

.lp-set{display:grid;gap:1.1cqw}
.lp-row{display:grid;grid-template-columns:16cqw 1fr;gap:1.4cqw;align-items:center;padding-bottom:1.1cqw;border-bottom:1px solid #1e3352}
.lp-row > span:first-child{color:var(--mist)}
.lp-chips{display:flex;gap:.8cqw;flex-wrap:wrap}
.lp-chips i{font-style:normal;border:1px solid #2a4570;border-radius:.6cqw;padding:.5cqw 1.1cqw;color:var(--silver)}
.lp-chips i.on{border-color:var(--lime);color:var(--lime);background:rgba(184,227,53,.08)}
.lp-table{width:100%;border-collapse:collapse}
.lp-table th{text-align:left;color:var(--mist);font-weight:500;padding:.7cqw .8cqw;border-bottom:1px solid #1e3352}
.lp-table td{padding:1.05cqw .8cqw;border-bottom:1px solid #1e3352}
.lp-table td:nth-child(4){font-family:var(--f-num)}
.lp-pend{color:var(--beta)}.lp-done{color:#4ade80}.lp-loss{color:#ff9aa8}

@media (max-width:960px){
  .sc-grid{grid-template-columns:1fr}
  .lp-tilt{width:100%;transform:rotateY(-8deg) rotateX(4deg)}
}
@media (prefers-reduced-motion:reduce){.lp-tilt{transform:none!important}}

/* =========================================================
   v2: Settings banner
   ========================================================= */
.set-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:var(--s4);align-items:start}
.set-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-surface);padding:var(--s3)}
.set-head{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding-bottom:var(--s2);border-bottom:1px solid var(--line);margin-bottom:var(--s2)}
.set-head b{display:block}.set-head small{color:var(--mist);font-size:var(--t-xs)}
.set-head .demo-flag{margin-left:auto}
.set-f{border:0;margin:0;padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.set-f legend{font-size:var(--t-sm);color:var(--mist);padding:0;margin-bottom:.6rem;float:left;width:100%}
.chipset{display:flex;flex-wrap:wrap;gap:var(--s1);clear:both}
.chipset button{background:transparent;border:1px solid #33507a;color:var(--silver);border-radius:var(--r-ctl);min-height:40px;padding:0 .95rem;font:500 var(--t-sm) var(--f-body);cursor:pointer}
.chipset[data-multi] button{font-family:var(--f-num);font-size:var(--t-xs)}
.chipset button[aria-pressed=true]{border-color:var(--lime);color:var(--lime);background:rgba(184,227,53,.08)}
.clock{position:relative;height:30px;margin-top:var(--s2);border-radius:4px;background:repeating-linear-gradient(90deg,#132a48 0 calc(100%/24 - 1px),#0f2340 calc(100%/24 - 1px) calc(100%/24))}
.clock-on{position:absolute;top:0;bottom:0;background:rgba(184,227,53,.35);border:1px solid var(--lime);border-radius:4px;transition:left .45s ease,width .45s ease}
.clock-t{position:absolute;top:34px;font-size:.6875rem;color:var(--mist)}
.clock-t:nth-of-type(2){left:0}.clock-t:nth-of-type(3){left:50%;transform:translateX(-50%)}.clock-t:nth-of-type(4){right:0}
.set-f:has(.clock){padding-bottom:calc(var(--s2) + 18px)}
.set-sum{margin:var(--s2) 0 0;font-size:var(--t-sm);color:var(--silver)}
.set-side h3{font-size:var(--t-xl);margin-bottom:var(--s2)}
.deliv{list-style:none;margin:var(--s3) 0 0;padding:0;counter-reset:d}
.deliv li{padding:var(--s2) 0 var(--s2) var(--s3);border-left:2px solid var(--line);position:relative}
.deliv li::before{content:"";position:absolute;left:-6px;top:1.35rem;width:10px;height:10px;border-radius:50%;background:var(--ink);border:2px solid var(--lime)}
.deliv b{display:block}.deliv span{color:var(--silver);font-size:var(--t-sm)}
@media (max-width:900px){.set-grid{grid-template-columns:1fr}}


/* Eight-slide upgrade — Slides 5-8 have individually constructed DOM elements, no screenshot backgrounds */
.h2-tabs{grid-template-columns:repeat(8,minmax(0,1fr));gap:.55rem}
.h2-tabs button{font-size:clamp(.62rem,.75vw,.8rem);white-space:nowrap}
.s-kicker{font-size:.7rem;letter-spacing:.14em;color:var(--lime);font-weight:700;margin-bottom:1.15rem}
.s-tags,.s-feat{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.4rem}
.s-tags span,.s-feat span{border:1px solid #2c4768;border-radius:999px;padding:.42rem .7rem;font-size:.75rem;color:#d4e2f0;background:#11223a}
.s-feat-vertical{flex-direction:column;align-items:flex-start}
.slide-plus .s-visual{max-width:570px}
.sp-alert{display:flex;gap:.8rem;align-items:center;background:#0d1d33;padding:.8rem 1rem;border:1px solid #2e4c66;border-radius:12px}
.sp-alert b{color:var(--lime);display:block}.sp-alert small,.sp-order small,.sp-panel small,.sp-option-stack small,.sp-main-choice small{display:block;color:#98acc5;font-size:.72rem}
.sp-bell{display:grid;place-items:center;border-radius:12px;border:1px solid #567a24;color:var(--lime);font-size:2rem;background:#17271c;width:46px;height:46px}
.sp-order,.sp-main-choice,.sp-panel{background:linear-gradient(155deg,#132b4a,#0d2038);border:1px solid #345273;border-radius:15px;padding:1.3rem;box-shadow:0 18px 45px #0003}
.sp-order-top,.sp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.sp-order-top b{font-size:1.35rem}.sp-pill{font-size:.67rem;padding:.4rem .6rem;border-radius:6px;background:#1c3a37;color:#b4ecca}
.sp-figures{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #294768;border-radius:9px;margin:1rem 0;overflow:hidden}.sp-figures>div{padding:.8rem .5rem}.sp-figures>div+div{border-left:1px solid #294768}.sp-figures b{display:block;font-family:ui-monospace,Consolas,monospace;font-size:.95rem;margin-top:.45rem}.sp-acct{color:#adc1d8;font-size:.82rem;display:flex;justify-content:space-between}
.sp-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:1rem}.sp-actions button{background:#1c3555;border:1px solid #385878;border-radius:7px;color:#f2f7ff;padding:.6rem .35rem;cursor:pointer}.sp-actions button:first-child{background:var(--lime);color:#0b1a05;border-color:var(--lime)}.sp-choice-result{font-size:.75rem;color:#b8c8d9;margin:.8rem 0;min-height:1.2em}
.sp-row{border-top:1px solid #2b4869;padding-top:1rem;display:flex;align-items:center;justify-content:space-between}.sp-row b{display:block;font-size:.85rem}.sp-row small{font-size:.67rem}.sp-toggle{width:48px;height:27px;border:1px solid #405d7e;border-radius:30px;background:#1b3551;padding:3px;cursor:pointer}.sp-toggle i{width:19px;height:19px;border-radius:50%;background:#c5d0dd;display:block;transition:transform .3s}.sp-toggle[aria-checked=true]{background:var(--lime)}.sp-toggle[aria-checked=true] i{background:#10210a;transform:translateX(20px)}
.sp-laptop-scene{min-height:395px;perspective:900px}.sp-laptop{transform:rotateY(-12deg) rotateX(4deg);transform-origin:center;position:relative;margin-top:2rem}.sp-screen{background:#09172a;border:9px solid #26364b;border-bottom-width:13px;border-radius:14px 14px 3px 3px;padding:.75rem;box-shadow:0 22px 30px #0005}.sp-screen-top{display:flex;justify-content:space-between;gap:8px;color:#d6e6f6;font-size:.65rem;border-bottom:1px solid #253c53;padding-bottom:.6rem}.sp-screen-top b{color:var(--lime)}.sp-screen-title{font-weight:750;font-size:.95rem;margin:.7rem 0}.sp-screen-title span{font-size:.55rem;color:#e6c875;border:1px solid #78622b;padding:.18rem .35rem;margin-left:.35rem}.sp-traders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.sp-trader{min-width:0;padding:.5rem .35rem;border:1px solid #294361;background:#132941;border-radius:7px}.sp-avatar{border-radius:50%;width:22px;height:22px;background:#225f6e;display:grid;place-items:center;font-size:.6rem;font-weight:800;margin-bottom:.25rem}.sp-trader b{font-size:.65rem;display:block}.sp-trader small{font-size:.55rem}.sp-trader svg{width:100%;height:33px;overflow:visible}.sp-trader path{fill:none;stroke:var(--lime);stroke-width:2;stroke-dasharray:200;stroke-dashoffset:200}.sp-chart-head{display:flex;justify-content:space-between;font-size:.64rem;margin-top:.8rem}.sp-chart{width:100%;height:80px}.sp-grid{stroke:#24405b;stroke-width:.8}.sp-chart-line{fill:none;stroke:var(--lime);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600}.sp-laptop-base{width:107%;height:15px;background:linear-gradient(#64748a,#253345 55%,#111a28);border-radius:0 0 80% 80%;margin-left:-3.5%;box-shadow:0 10px 16px #0004}.sp-float-note{position:absolute;right:-1%;top:-10px;z-index:4;background:#162c45;border:1px solid #44627c;border-radius:10px;padding:.6rem .9rem;box-shadow:0 12px 25px #0005}.sp-float-note b{color:var(--lime);font-size:.78rem}.sp-float-note small{display:block;font-size:.67rem;color:#adbed1}.sp-laptop-caption{font-size:.75rem;color:#aabbd0;text-align:center;margin-top:1rem}
.sp-settings-scene{min-height:395px;display:flex;flex-direction:column;gap:.8rem}.sp-panel-head{padding-bottom:.7rem;border-bottom:1px solid #304b6a}.sp-panel-head b{font-size:.95rem}.sp-panel-head span{color:var(--lime);font-size:.7rem}.sp-setting{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #294765;padding:.72rem 0;font-size:.76rem;color:#b9cce0}.sp-setting b{color:#eaf2ff}.sp-mini-switch{display:block;width:33px;height:19px;border-radius:20px;background:var(--lime);position:relative}.sp-mini-switch:after{content:"";position:absolute;right:3px;top:3px;background:#15220e;width:13px;height:13px;border-radius:50%}.sp-instrument{margin-left:2rem}.sp-token-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}.sp-token-chips span{font-size:.69rem;border:1px solid #365778;padding:.38rem .5rem;border-radius:20px}.sp-token-chips span:first-child{background:var(--lime);color:#07150b;border-color:var(--lime)}.sp-mini-alert{border:1px solid #455f38;border-radius:9px;padding:.7rem;background:#18291d;font-size:.8rem;color:var(--lime)}.sp-mini-alert small{display:block;color:#b5c9bb;font-size:.69rem}
.sp-choices-scene{max-width:570px!important;display:grid!important;grid-template-columns:1.3fr .8fr;gap:.7rem!important;align-items:center!important}.sp-main-choice{padding:.95rem}.sp-main-choice .sp-figures b{font-size:.78rem}.sp-main-choice .sp-figures>div{padding:.5rem .3rem}.sp-main-choice .sp-actions button{font-size:.69rem}.sp-option-stack{display:flex;flex-direction:column;gap:.5rem}.sp-option-stack>div{border:1px solid #315275;background:#13283f;border-radius:9px;padding:.7rem;font-size:.75rem}.sp-option-stack b{display:block}.sp-pulse{font-size:.62rem;color:var(--lime)}.sp-choices-scene>.demo-flag{grid-column:1/-1}
/* Fine-grained independent animation timings: the visible UI is HTML, not a PNG */
.slide-plus.play .s-kicker{animation:fadeUp .5s .1s both}.slide-plus.play .s-tags span,.slide-plus.play .s-feat span{animation:fadeUp .5s both}.slide-plus.play .s-tags span:nth-child(1),.slide-plus.play .s-feat span:nth-child(1){animation-delay:.8s}.slide-plus.play .s-tags span:nth-child(2),.slide-plus.play .s-feat span:nth-child(2){animation-delay:1s}.slide-plus.play .s-tags span:nth-child(3),.slide-plus.play .s-feat span:nth-child(3){animation-delay:1.2s}.slide-plus.play .s-tags span:nth-child(4){animation-delay:1.4s}.slide-plus.play .s-tags span:nth-child(5){animation-delay:1.6s}
#sl5.play .sp-alert{animation:fadeUp .6s .7s both}#sl5.play .sp-bell{animation:glow 2s 1.4s infinite}#sl5.play .sp-order{animation:fadeUp .7s 1.2s both}#sl5.play .sp-figures>div{animation:fadeUp .4s both}#sl5.play .sp-figures>div:nth-child(1){animation-delay:1.8s}#sl5.play .sp-figures>div:nth-child(2){animation-delay:2s}#sl5.play .sp-figures>div:nth-child(3){animation-delay:2.2s}#sl5.play .sp-actions button{animation:fadeUp .4s both}#sl5.play .sp-actions button:nth-child(1){animation-delay:2.5s}#sl5.play .sp-actions button:nth-child(2){animation-delay:2.7s}#sl5.play .sp-actions button:nth-child(3){animation-delay:2.9s}#sl5.play .sp-row{animation:fadeUp .5s 3.2s both}
#sl6.play .sp-laptop{animation:laptopRise 1.1s .4s both}#sl6.play .sp-trader{animation:fadeUp .5s both}#sl6.play .sp-trader:nth-child(1){animation-delay:1.4s}#sl6.play .sp-trader:nth-child(2){animation-delay:1.7s}#sl6.play .sp-trader:nth-child(3){animation-delay:2s}#sl6.play .sp-trader path{animation:draw 1.5s 2.3s forwards}#sl6.play .sp-chart-line{animation:draw 2.2s 2.6s forwards}#sl6.play .sp-float-note{animation:fadeUp .5s 3.5s both}@keyframes laptopRise{from{opacity:0;transform:rotateY(-20deg) rotateX(8deg) translateY(45px)}to{opacity:1;transform:rotateY(-12deg) rotateX(4deg) translateY(0)}}
#sl7.play .sp-settings{animation:fadeUp .6s .6s both}#sl7.play .sp-setting{animation:fadeUp .45s both}#sl7.play .sp-setting:nth-child(2){animation-delay:1.3s}#sl7.play .sp-setting:nth-child(3){animation-delay:1.55s}#sl7.play .sp-setting:nth-child(4){animation-delay:1.8s}#sl7.play .sp-setting:nth-child(5){animation-delay:2.05s}#sl7.play .sp-instrument{animation:fadeUp .6s 2.25s both}#sl7.play .sp-token-chips span{animation:fadeUp .35s both}#sl7.play .sp-token-chips span:nth-child(1){animation-delay:2.75s}#sl7.play .sp-token-chips span:nth-child(2){animation-delay:2.9s}#sl7.play .sp-token-chips span:nth-child(3){animation-delay:3.05s}#sl7.play .sp-token-chips span:nth-child(4){animation-delay:3.2s}#sl7.play .sp-token-chips span:nth-child(5){animation-delay:3.35s}#sl7.play .sp-mini-alert{animation:fadeUp .5s 3.7s both}
#sl8.play .sp-main-choice{animation:fadeUp .7s .6s both}#sl8.play .sp-pulse{animation:glow 1.5s 1.2s infinite}#sl8.play .sp-option-stack>div{animation:fadeUp .55s both}#sl8.play .sp-option-stack>div:nth-child(1){animation-delay:1.65s}#sl8.play .sp-option-stack>div:nth-child(2){animation-delay:2.05s}#sl8.play .sp-option-stack>div:nth-child(3){animation-delay:2.45s}
@media(max-width:900px){.h2-tabs{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:.8rem}.sp-choices-scene{grid-template-columns:1fr 1fr}.slide-plus .s-visual{max-width:none}}
@media(max-width:560px){.h2-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.sp-choices-scene{grid-template-columns:1fr}.sp-option-stack{display:grid;grid-template-columns:repeat(3,1fr)}.sp-option-stack>div{font-size:.6rem;padding:.4rem}.sp-option-stack small{font-size:.55rem}.sp-instrument{margin-left:0}.sp-float-note{right:0}.sp-laptop{transform:none;animation:none!important}.sp-screen{padding:.45rem}.sp-figures b{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.slide-plus.play .sp-trader path,.slide-plus.play .sp-chart-line{stroke-dashoffset:0!important;animation:none!important}.slide-plus.play *{animation:none!important;opacity:1!important;transform:none!important}}


/* v8.1 FIX: lock the carousel stage height across all eight slides.
   Panels are positioned in the same stage layer; their different content
   heights no longer push the CTA, navigation or following sections down. */
.hero2 { overflow-anchor:none; }
.h2-stage { position:relative; height:var(--hero-locked-height, 570px); min-height:0; }
.h2-stage > .slide {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:0;
  box-sizing:border-box;
}
.h2-stage > .slide[hidden] { display:none !important; }
@media(max-width:900px){
  .h2-stage{height:var(--hero-locked-height, 820px);min-height:0}
  .h2-stage > .slide{min-height:0;height:100%}
}

/* V3: LEFTURN homepage hero storytelling refinements */
.brand img{width:150px;height:auto;max-height:49px;object-fit:contain;display:block}
.hero2{background:radial-gradient(ellipse 43% 37% at 79% 42%,rgba(100,184,196,.08),transparent 73%),radial-gradient(ellipse 35% 24% at 19% 90%,rgba(173,154,247,.045),transparent 75%),var(--ink)}
.hero2 .slide .s-title{max-width:16ch;font-size:clamp(2.65rem,1.6rem + 3vw,4.15rem)}
.hero2 .s-kicker{letter-spacing:.13em;color:#8bc6c9;font-size:.74rem;font-weight:750}
.hero2 .s-visual{max-width:575px}
.v3-floating{position:absolute;right:2%;bottom:0;background:#132a42;border:1px solid #52747c;border-radius:12px;padding:12px 16px;color:#dff2ee;box-shadow:0 14px 32px #0005;animation:v3bob 3s ease-in-out infinite}
.v3-floating b{display:block;font-size:.9rem}.v3-floating small{display:block;max-width:190px;color:#a9c2d1;font-size:.72rem}
@keyframes v3bob{50%{transform:translateY(-6px)}}
.v3-card,.v3-gold,.v3-plan{border:1px solid #36516b;border-radius:16px;background:linear-gradient(140deg,#142945,#0a182b);padding:22px;box-shadow:0 20px 55px #020a144d}
.v3-card-head,.v3-gold-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.78rem;color:#c3d5e8}.v3-card-head b{color:#66d1bd}.v3-card-head em{font-style:normal;font-size:.58rem;color:#e2b876;border:1px solid #79603b;border-radius:4px;padding:2px 4px}
.v3-chart{margin:20px 0}.v3-chart svg{display:block;width:100%;height:150px}.v3-draw{stroke-dasharray:1100;stroke-dashoffset:1100}.slide.play .v3-draw{animation:v3draw 1.8s .35s ease-out forwards}@keyframes v3draw{to{stroke-dashoffset:0}}
.v3-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v3-metrics>div{background:#0a1b30;padding:12px;border-radius:8px}.v3-metrics small,.v3-metrics b{display:block}.v3-metrics small{font-size:.66rem;color:#90a6bd}.v3-metrics b{color:#d8e8e9;font-size:1.03rem;margin-top:5px}
.v3-assign{border-top:1px solid #34506d;margin-top:16px;padding-top:12px}.v3-assign>div{display:grid;grid-template-columns:12px 112px 1fr;align-items:center;gap:8px;padding:6px 0;font-size:.74rem}.v3-assign span:last-child{color:#a9bdd4}.v3-dot{width:8px;height:8px;border-radius:50%}
.v3-gold{border-color:#816a49;background:linear-gradient(150deg,#192b3d,#0b1929)}.v3-gold-head{padding-bottom:14px;border-bottom:1px solid #625642}.v3-gold-head>span{font-size:1.4rem;font-weight:900;color:#e6b874}.v3-gold-head small{font-size:.63rem;color:#ceb78c}
.v3-gold-bar{display:grid;grid-template-columns:1fr 126px;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #34475d}.v3-gold-bar>div:first-child>*{display:block}.v3-gold-bar small{color:#e6b874;font-size:.6rem;letter-spacing:.12em}.v3-gold-bar b{font-size:1rem}.v3-gold-bar span{color:#aab9cd;font-size:.77rem}.v3-mini-chart svg{width:100%;height:44px}.v3-gold-footer{display:flex;justify-content:space-between;gap:8px;color:#e6b874;font-size:.72rem;padding-top:17px}.v3-gold-footer span{color:#a7d8cf}
.v3-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v3-option{background:#102137;border:1px solid #3b4b62;border-radius:14px;padding:22px 16px;min-height:238px}.v3-option-active{border-color:#65d4bf;background:linear-gradient(160deg,#132d3a,#0e2033)}.v3-option-title{display:flex;flex-direction:column;gap:5px;font-size:.8rem;font-weight:800;color:#c4cad8}.v3-option-title em{font-size:.59rem;letter-spacing:.1em;color:#e6b874;font-style:normal}.v3-option-active .v3-option-title{color:#65d4bf}.v3-signal{font-size:1.08rem;font-weight:800;margin:30px 0 5px}.v3-option small{color:#a5b9c9}.v3-option p{color:#aab8c9;font-size:.8rem;line-height:1.55;margin-top:18px}.v3-delivery{display:flex;justify-content:space-between;gap:6px;margin:14px 0 0;color:#b9e2dc;font-size:.76rem}.v3-delivery span{background:#163044;padding:8px 10px;border-radius:7px}
.v3-plan{border-color:#524b77}.v3-grade{color:#ad9af7!important}.v3-plan-layout{display:grid;grid-template-columns:1.13fr .87fr;gap:15px;margin:18px 0}.v3-plan-chart{background:#0a1b30;border-radius:8px;padding:12px}.v3-plan-chart svg{width:100%;height:155px}.v3-plan-chart span{color:#91a7bc;font-size:.67rem}.v3-plan-points>div{border-left:2px solid #ad9af7;padding:0 0 10px 10px;margin-bottom:9px}.v3-plan-points small,.v3-plan-points b{display:block}.v3-plan-points small{font-size:.58rem;color:#ad9af7}.v3-plan-points b{font-size:.75rem;margin-top:3px}.v3-plan-footer{display:flex;justify-content:space-between;font-size:.64rem;letter-spacing:.06em;color:#b1a5ef;border-top:1px solid #48436b;padding-top:15px}
/* drawer is an actual left-side sliding panel, not an overlay full-width menu */
#menuBackdrop{display:none}
@media(max-width:1020px){
 .mnav{display:flex!important;inset:0 auto 0 0;width:min(85vw,340px);padding:24px;box-sizing:border-box;background:#0c1b2d;transform:translateX(-105%);transition:transform .3s ease;z-index:65;box-shadow:15px 0 40px #0008}
 .mnav.open{transform:translateX(0)}
 #menuBackdrop{display:block;position:fixed;inset:0;background:#0009;z-index:64;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
 #menuBackdrop.open{opacity:1;visibility:visible}
 #mobileClose{border:1px solid #39546e;border-radius:8px;color:#eff7fc;background:#162c43;padding:12px;align-self:flex-end;cursor:pointer}
 .hero2 .slide .s-title{font-size:clamp(2.3rem,7vw,3.6rem)}
 .v3-floating{position:relative;bottom:auto;right:auto}
}
@media(max-width:590px){
 .brand img{width:125px}.v3-compare{grid-template-columns:1fr}.v3-option{min-height:0;padding:14px}.v3-signal{margin:13px 0 6px}.v3-plan-layout{grid-template-columns:1fr}.v3-plan-chart svg{height:95px}.v3-gold-bar{grid-template-columns:1fr 92px}.v3-metrics b{font-size:.82rem}.v3-assign>div{grid-template-columns:10px 75px 1fr;font-size:.66rem}.v3-card,.v3-gold,.v3-plan{padding:14px}.v3-delivery{flex-wrap:wrap}.v3-gold-head small{font-size:.5rem}
}
@media(prefers-reduced-motion:reduce){.v3-draw{stroke-dashoffset:0!important}.v3-floating{animation:none!important}.mnav{transition:none}}


/* V4: narrative sections, service comparison and challenge pricing */
.platform-status-row{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 12px}.platform-status-row span{font:500 10px/1.2 var(--f-body);color:#bbcbdf;border:1px solid #34526d;border-radius:20px;padding:5px 7px}.platform-status-row .pl-ok{color:#b8e335;border-color:#54751c}
#sl1 .s-visual{padding-bottom:16px}#sl1 .tv-acct{z-index:3}#sl1 .demo-flag{position:relative;margin-top:12px}
.v4-block{padding:clamp(60px,7.5vw,114px) 0}.v4-block h2{max-width:17ch;font-size:clamp(2.25rem,3.8vw,4.3rem)}.v4-block h2 em,.v4-block h3 em{color:#9acbcf;font-style:normal}.v4-eyebrow{display:inline-block;color:var(--lime);font-size:.74rem;letter-spacing:.17em;font-weight:700;margin-bottom:20px}.v4-lead{font-size:clamp(1.1rem,1.35vw,1.36rem);color:#d9e2ed;line-height:1.55}.v4-inline-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.v4-ticker{background:#0b172a;border-top:1px solid #243a53;border-bottom:1px solid #243a53;min-height:108px}.v4-ticker-head{display:flex;justify-content:space-between;align-items:center;padding-top:14px!important;padding-bottom:12px!important;font-size:.72rem;letter-spacing:.09em;font-weight:700}.v4-ticker-head small{color:#8ea4bc;letter-spacing:0;font-weight:400}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9ccf52;margin-right:7px}.v4-intro{background:linear-gradient(120deg,#071323,#0a192e)}.v4-intro-grid,.v4-team-grid,.v4-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,110px);align-items:center}.v4-account-panel{background:linear-gradient(135deg,#11243b,#102a3c);border:1px solid #365268;border-radius:20px;box-shadow:0 28px 80px #0003;padding:30px}.v4-account-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.v4-status{font-size:.75rem;color:#a3e0c7;letter-spacing:.12em}.v4-ring{width:48px;height:48px;display:grid;place-items:center;border:1px solid #b8e335;border-radius:50%;color:#b8e335;font:800 24px var(--f-display)}.v4-account-list{display:grid;gap:12px}.v4-account-list>div{border:1px solid #2d4864;border-radius:10px;background:#102138;padding:16px;display:flex;gap:14px;align-items:center}.v4-account-list>div>span:last-child{margin-left:auto;color:var(--lime)}.v4-account-list b,.v4-account-list small{display:block}.v4-account-list small{font-size:.78rem;color:#a7b9cd}.v4-symbol{font:600 .72rem var(--f-num);color:#a9d7d7}.v4-mini-caption{color:#9caec4;margin-top:20px;font-size:.8rem}.v4-team{background:#f0f2f1;color:#0c1c2a}.v4-team h2 em{color:#427e83}.v4-team .v4-lead{color:#263c49}.v4-team p{color:#344b58}.v4-team .btn-line{color:#122738;border-color:#8c9ca6}.v4-team .v4-eyebrow{color:#306d71}.v4-team-visual{background:#102337;border:1px solid #415569;border-radius:18px;padding:36px;color:#eff7ff;box-shadow:16px 22px 0 #d2dce0}.v4-team-visual .v4-eyebrow{color:#a8dcdb}.v4-profile-row{display:flex;gap:14px;align-items:center;background:#162d47;border:1px solid #335571;border-radius:9px;padding:12px;margin:12px 0}.v4-profile-row>div:nth-child(2){flex:1}.v4-profile-row strong,.v4-profile-row small{display:block}.v4-profile-row small{font-size:.73rem;color:#9dafc4}.v4-avatar{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#254d61;color:#e7feff;font-weight:800}.v4-profile-row>span:last-child{font-size:.62rem;padding:4px 7px;border-radius:5px;border:1px solid #426579}.v4-teal{color:#a2e4ce}.v4-purple{color:#bdadff!important}.v4-gold{color:#e4b66c}.v4-illustration-note{display:block;text-align:right;color:#93a7ba;margin-top:17px}.v4-approach{background:#0b1a2c}.v4-center{text-align:center;margin:0 auto 52px;max-width:850px}.v4-center h2{margin:0 auto 24px;max-width:25ch}.v4-center .v4-lead{margin:0 auto;max-width:65ch}.v4-choice-grid,.v4-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.v4-choice,.v4-pricing-panel{background:linear-gradient(160deg,#142a40,#0b2032);border:1px solid #355372;border-radius:18px;padding:clamp(25px,3vw,43px);display:flex;flex-direction:column;gap:15px;min-width:0}.v4-choice-b{border-color:#63768c;background:linear-gradient(155deg,#16263c,#102036)}.v4-choice-head{display:flex;gap:14px;justify-content:space-between;align-items:center}.v4-choice-label{font-size:.72rem;letter-spacing:.13em;color:#b6e6e4;font-weight:800}.v4-badge{font-size:.68rem;border:1px solid #507d62;color:#c2edc7;padding:4px 9px;border-radius:30px;white-space:nowrap}.v4-choice h3{font-size:clamp(1.55rem,2.6vw,2.5rem)}.v4-choice p,.v4-pricing-panel p{color:#bed0df}.v4-steps{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:13px}.v4-steps li{display:flex;align-items:center;gap:12px;color:#e3edf5;font-size:.95rem}.v4-steps span{font:600 .72rem var(--f-num);color:#b8e335}.v4-note{font-size:.79rem!important;color:#9fb2c6!important;line-height:1.6}.v4-choice-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:auto}.v4-textlink{color:#c4e8e9;font-size:.85rem}.v4-setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v4-setting-grid span{background:#1b344c;border:1px solid #36536e;border-radius:8px;padding:10px;color:#dbebf6;font-size:.78rem}.v4-connect{margin-top:25px;border:1px solid #456477;border-radius:14px;padding:22px 28px;display:flex;align-items:center;gap:22px;background:linear-gradient(100deg,#183143,#122439)}.v4-connect-icon{font-size:2.1rem;color:#b8e335}.v4-connect p{font-size:.9rem;color:#bdccdb;margin:0}.v4-pricing{background:#091625}.v4-pricing-panel{background:#112338}.v4-pricing-panel h3{font-size:1.65rem}.v4-price-table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;font-size:.88rem}.v4-price-table th{text-align:left;color:#a6c0d0;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #40607a;padding:11px 8px}.v4-price-table td{padding:11px 8px;border-bottom:1px solid #29425b}.v4-price-table th:not(:first-child),.v4-price-table td:not(:first-child){text-align:right}.v4-pricing-panel .btn{margin-top:auto;align-self:start}.v4-calculator{border:1px solid #41627b;background:#0e1c31;border-radius:12px;padding:16px}.v4-calculator label{display:block;font-size:.9rem;font-weight:600;margin-bottom:10px}.v4-calc-inputs{display:flex;flex-wrap:wrap;gap:7px}.v4-calc-inputs select{font:inherit;font-size:.8rem;color:#f5fbff;background:#1c3650;border:1px solid #526e82;border-radius:6px;padding:8px;max-width:100%}.v4-calc-result{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:13px;color:#b8e335}.v4-calc-result span{color:#ecf5ff}.v4-caveat{font-size:.8rem;color:#9baebe;margin-top:20px;border-left:2px solid #d7b275;padding-left:15px}.v4-support{background:#e5e8e6;color:#102335}.v4-support h2 em{color:#497c87}.v4-support p{color:#46606a}.v4-support .v4-eyebrow{color:#34737b}.v4-support .btn-line{border-color:#6e8797;color:#102335}.v4-support-actions{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.v4-support-actions small{font-size:.8rem;color:#576e78}
@media(max-width:880px){.v4-intro-grid,.v4-team-grid,.v4-support-grid,.v4-choice-grid,.v4-pricing-grid{grid-template-columns:1fr}.v4-team-visual{order:2}.v4-block{padding:62px 0}.v4-ticker-head{display:block}.v4-ticker-head small{display:block;margin-top:5px}.v4-choice,.v4-pricing-panel{padding:25px}.v4-pricing-grid{gap:18px}.v4-setting-grid{grid-template-columns:1fr 1fr}.v4-team-grid{gap:35px}}
@media(max-width:480px){.v4-setting-grid{grid-template-columns:1fr}.v4-calc-inputs select{width:100%}.v4-choice-head{align-items:flex-start;flex-direction:column}.v4-account-panel,.v4-team-visual{padding:19px}.v4-connect{padding:16px}.v4-price-table{font-size:.75rem}.v4-price-table th,.v4-price-table td{padding:10px 3px}}


/* V5 — Free market intelligence, public trade plans, searchable FAQ */
.v5-free{background:#f5f6f2;color:#112336;position:relative;overflow:hidden;padding:clamp(72px,8vw,124px) 0;border-top:1px solid #dbe1de}
.v5-free:before{content:"";position:absolute;right:-15vw;top:-30vw;width:60vw;height:60vw;background:radial-gradient(circle,rgba(114,183,179,.12),transparent 70%);pointer-events:none}
.v5-free-wrap{display:grid;grid-template-columns:1fr 1.03fr;gap:clamp(36px,5vw,86px);align-items:center;position:relative}
.v5-overline{display:flex;flex-wrap:wrap;align-items:center;gap:13px;font-size:.69rem;letter-spacing:.14em;font-weight:800;color:#93723e}.v5-free-stamp{letter-spacing:.07em;border-radius:99px;background:#d5af6c;color:#102537;padding:8px 12px;font-weight:900;box-shadow:0 6px 18px #d2b78444}
.v5-free h2{font-size:clamp(2.55rem,4.5vw,5.05rem);line-height:1.035;letter-spacing:-.053em;margin:24px 0 23px;max-width:13ch;color:#102536}
.v5-free h2 em,.v5-plans h2 em,.v5-faq h2 em{font-style:normal;color:#bd9054}
.v5-free-lede{font-size:clamp(1.03rem,1.33vw,1.3rem);color:#3c5461;line-height:1.68;max-width:55ch}.v5-free-lede strong{color:#183745}
.v5-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin:33px 0}
.v5-tool-item{display:flex;gap:11px;align-items:flex-start}.v5-tool-ico{width:36px;height:36px;flex-shrink:0;border:1px solid #c9d8d3;display:grid;place-items:center;background:#e7efeb;border-radius:11px;color:#28776f;font-size:1.1rem}.v5-tool-item b,.v5-tool-item small{display:block}.v5-tool-item b{font-size:.93rem;line-height:1.4}.v5-tool-item small{font-size:.78rem;color:#627580;line-height:1.55;margin-top:4px}
.v5-free-promise{border-left:3px solid #cda564;background:#ecefe9;padding:15px 18px;margin:10px 0 25px}.v5-free-promise strong,.v5-free-promise span{display:block}.v5-free-promise strong{font-size:1.02rem}.v5-free-promise span{margin-top:5px;font-size:.86rem;color:#526875;line-height:1.5}
.v5-free-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.v5-join{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#d9b16d;color:#0f2432!important;padding:14px 21px;text-decoration:none;border:1px solid #d0a45c;border-radius:9px;font-size:.89rem;font-weight:800;transition:transform .2s,box-shadow .2s}.v5-join:hover{transform:translateY(-2px);box-shadow:0 12px 24px #b18f5f33}.v5-view{color:#153b49;text-decoration:none;font-size:.88rem;font-weight:700;border-bottom:1px solid #b7a37e;padding-bottom:5px}.v5-smallprint{margin-top:17px;color:#6a7a82;font-size:.75rem;line-height:1.55}
.v5-terminal{background:#0a1b2e;color:#eaf2f9;border:1px solid #405b74;border-radius:19px;box-shadow:0 30px 75px #132d4140;overflow:hidden;min-width:0}
.v5-terminal-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid #203d56;padding:15px 19px;font-size:.65rem;letter-spacing:.1em}.v5-terminal-top strong{color:#c3d7e8}.v5-dots{display:inline-flex;gap:4px;margin-right:8px}.v5-dots i{width:7px;height:7px;background:#42586d;border-radius:50%}.v5-demo{font-size:.6rem;color:#d8bd8b;margin-left:auto;border:1px solid #856d49;border-radius:4px;padding:5px 7px;white-space:nowrap}.v5-terminal-tabs{display:flex;gap:7px;padding:14px 19px 6px;flex-wrap:wrap}.v5-terminal-tabs span{font-size:.72rem;padding:8px 10px;color:#a1b3c6;background:#152b40;border-radius:5px}.v5-terminal-tabs span.selected{background:#315784;color:#f5faff}
.v5-gauge-box{margin:12px 19px 16px;background:#071629;border:1px solid #2d4b66;border-radius:13px;padding:20px 18px}.v5-gauge-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}.v5-gauge-heading small{font-size:.59rem;letter-spacing:.12em;color:#839bb5}.v5-gauge-heading h3{font-size:1.25rem;margin:7px 0 0;color:#f2f6fa}.v5-gauge-status{font-size:.72rem;font-weight:750;border:1px solid #997b49;background:#443929;color:#e7c17c;border-radius:99px;padding:6px 13px;transition:all .45s}
.v5-gauge-meter{max-width:340px;margin:9px auto 0}.v5-gauge-meter svg{display:block;width:100%;height:auto}.v5-gauge-meter svg path:not(#v5-needle path){fill:none;stroke-width:20;stroke-linecap:butt}.v5-gauge-meter #v5-needle{transform-origin:150px 145px;transform:rotate(0deg);transition:transform .8s cubic-bezier(.22,.7,.1,1)}.v5-gauge-labels{display:flex;justify-content:space-between;color:#98a9bb;font-size:.68rem;letter-spacing:.08em;font-weight:800;padding:0 3px;margin-top:-3px}
.v5-gauge-description{color:#bdd0df;font-size:.8rem;text-align:center;min-height:1.4rem;margin:13px 0 15px}.v5-gauge-buttons{display:flex;justify-content:center;gap:9px}.v5-gauge-buttons button{cursor:pointer;border:1px solid #38546f;border-radius:7px;color:#d1dbe7;background:#162c40;padding:8px 14px;font-size:.75rem}.v5-gauge-buttons button[aria-pressed=true]{color:#f9fcff;background:#31516f;border-color:#92b5c1}.v5-gauge-buttons button:focus-visible{outline:2px solid #d4b478;outline-offset:3px}
.v5-terminal-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 19px}.v5-terminal-bottom>div{border:1px solid #32516b;border-radius:10px;background:#112940;padding:15px}.v5-terminal-bottom b,.v5-terminal-bottom small{display:block}.v5-terminal-kicker{color:#8bcfbb;font-size:.63rem;font-weight:750;letter-spacing:.1em}.v5-terminal-bottom b{font-size:.88rem;margin:5px 0}.v5-terminal-bottom small{font-size:.7rem;line-height:1.5;color:#9ab0c5}.v5-terminal-foot{color:#96aac0;padding:17px 20px 20px;font-size:.7rem;line-height:1.5}
.v5-plans{background:#0d1e31;color:#f2f8ff;padding:clamp(66px,8vw,118px) 0;border-top:1px solid #1c344b;border-bottom:1px solid #284158}.v5-plans-header{display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:end;margin-bottom:35px}.v5-eyebrow{color:#a8d9c8;font-weight:800;font-size:.71rem;letter-spacing:.16em}.v5-plans h2,.v5-faq h2{font-size:clamp(2.5rem,4.3vw,4.6rem);line-height:1.065;letter-spacing:-.048em;margin:18px 0 0}.v5-plans-intro{padding-bottom:7px}.v5-plans-intro p{font-size:1.04rem;line-height:1.65;color:#baccde;margin:0 0 18px}.v5-text-link{color:#d8c08f;text-decoration:none;font-weight:750}.v5-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.v5-plan-card{background:#13283f;border:1px solid #36516d;border-radius:15px;padding:20px;min-width:0;display:flex;flex-direction:column;gap:14px}.v5-plan-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#eff7fb;font-weight:800}.v5-plan-head i{font-size:.59rem;color:#0b2533;background:#b7cfbc;font-style:normal;border-radius:3px;padding:4px 6px;margin-left:5px}.v5-plan-type{color:#a1b5ca;font-size:.61rem;letter-spacing:.06em}.v5-plan-chart{background:#0c1d30;border-radius:10px;padding:13px;position:relative}.v5-plan-chart svg{width:100%;height:126px;display:block}.v5-plan-chart>span{display:block;text-align:right;color:#728fa5;font-size:.58rem}.v5-plan-card h3{font-size:1.25rem;line-height:1.25;margin:0}.v5-plan-card p{color:#adc3d5;font-size:.85rem;line-height:1.6;margin:0}.v5-plan-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.v5-plan-meta span{padding:5px 7px;border:1px solid #3b5c74;border-radius:4px;font-size:.65rem;color:#bad0de}.v5-plan-open{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #648788;border-radius:8px;color:#e3f5f2;background:#193947;padding:11px 13px;font-size:.8rem;font-weight:700;cursor:pointer}.v5-plan-expand{border-left:2px solid #a6cfbb;background:#183448;padding:12px;font-size:.8rem;color:#d3e3eb;line-height:1.55}.v5-plans-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #2d4761;margin-top:26px;padding-top:25px;color:#b3c8d9;font-size:.85rem}
.v5-faq{background:#f3f4f0;color:#142b3b;padding:clamp(70px,8vw,120px) 0}.v5-faq-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:33px}.v5-faq .v5-eyebrow{color:#407f77}.v5-faq h2{margin:15px 0}.v5-faq-head p{color:#5f717c;max-width:58ch;line-height:1.65}.v5-faq-count{display:flex;flex-direction:column;gap:6px;align-items:flex-end;white-space:nowrap}.v5-faq-count strong{font-size:1rem}.v5-faq-count small{font-size:.77rem;color:#697b83}.v5-search-shell{display:flex;align-items:center;gap:13px;border:1px solid #c1ccca;border-radius:13px;background:white;padding:10px 16px;box-shadow:0 8px 22px #17323e0a}.v5-search-shell>span{font-size:1.9rem;color:#57867c}.v5-search-shell input{flex:1;min-width:0;border:0;outline:0;font:inherit;background:transparent;color:#152c3a;padding:11px 0}.v5-search-shell button{border:0;cursor:pointer;background:#e9efec;color:#34575b;padding:9px 12px;border-radius:6px}.v5-faq-filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 30px}.v5-faq-filters button{border:1px solid #ccd3d0;background:#fff;color:#526b74;border-radius:99px;padding:9px 14px;font-size:.79rem;cursor:pointer;font-weight:650}.v5-faq-filters button.active{background:#183245;color:white;border-color:#183245}.v5-faq-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,.7fr);gap:35px}.v5-faq-results{min-width:0}.v5-results-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#55717d;font-size:.8rem}.v5-results-top button{border:0;background:none;text-decoration:underline;color:#345c66;cursor:pointer}.v5-faq-list{display:grid;gap:9px}.v5-faq-item{border:1px solid #d0d9d5;background:#fff;border-radius:10px;overflow:hidden}.v5-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;font-weight:740;font-size:.91rem;padding:19px 20px}.v5-faq-item summary::-webkit-details-marker{display:none}.v5-plus{color:#467a7c;font-size:1.5rem;font-weight:400;flex-shrink:0}.v5-faq-item[open] .v5-plus{transform:rotate(45deg)}.v5-faq-answer{padding:0 20px 19px;color:#536d78;font-size:.88rem;line-height:1.7}.v5-faq-empty{padding:28px;border:1px dashed #8eb1a7;color:#56727a;border-radius:10px}.v5-faq-aside-box{background:#10273a;border:1px solid #365a70;padding:28px;border-radius:13px;color:white;position:sticky;top:25px}.v5-faq-aside-box .v5-eyebrow{color:#a3d8c3}.v5-faq-aside-box h3{font-size:1.65rem;line-height:1.17;margin:17px 0}.v5-faq-aside-box p{color:#b6c9d8;font-size:.88rem;line-height:1.7;margin-bottom:24px}.v5-faq-aside-box .v5-join{width:100%;font-size:.79rem}.v5-aside-link{display:block;color:#bad9d5;text-decoration:none;font-size:.82rem;margin-top:20px}.v5-aside-note{font-size:.74rem;color:#6f828b;line-height:1.6;margin-top:16px}
@media(max-width:980px){.v5-free-wrap{grid-template-columns:1fr}.v5-free h2{max-width:16ch}.v5-terminal{max-width:700px}.v5-plan-grid{grid-template-columns:1fr 1fr}.v5-faq-layout{grid-template-columns:1fr}.v5-faq-aside-box{position:static}}
@media(max-width:650px){.v5-tools-grid,.v5-terminal-bottom,.v5-plans-header,.v5-plan-grid{grid-template-columns:1fr}.v5-free h2{font-size:clamp(2.5rem,11vw,3.9rem)}.v5-overline{font-size:.63rem}.v5-terminal-top{flex-wrap:wrap}.v5-demo{margin-left:0}.v5-plans h2,.v5-faq h2{font-size:clamp(2.15rem,10vw,3.2rem)}.v5-faq-head{display:block}.v5-faq-count{align-items:start;margin-top:18px}.v5-faq-layout{gap:24px}.v5-free-actions{align-items:start}.v5-faq-item summary{padding:16px}.v5-plan-card{padding:17px}}
@media(prefers-reduced-motion:reduce){.v5-gauge-meter #v5-needle{transition:none}.v5-join{transition:none}}