/* DilutionIQ
   Two clocks run through this design: machine time (cyan, milliseconds) and human time (amber, days).
   DilutionIQ lives in the gap between them. */
:root{
  --mono:'IBM Plex Mono','SF Mono',Consolas,monospace;
  --sans:'IBM Plex Sans','Segoe UI',Helvetica,Arial,sans-serif;
  --void:#0E1113; --panel:#171B1E; --panel-2:#1D2226; --line:#2A2F33; --line-2:#3A4147;
  --text:#E8E6E1; --muted:#8B9198; --faint:#565D63;
  --human:#D68A3C; --human-hi:#E6A25E; --human-dim:#6B4A26;
  --machine:#6C93B0; --machine-hi:#8DB0CA; --machine-dim:#253645; --machine-mid:#3E5A70; --machine-ink:#0E1113;
  --red:#C4573F; --red-dim:#4A2A22; --green:#5CA579; --green-dim:#2C4636; --amb-dim:#6B4A26;
  --accent:#D68A3C; --accent-hi:#E6A25E; --accent-dim:#6B4A26; --accent-ink:#0E1113;
  --amber:#D68A3C; --neon-red:#C4573F; --cyan:#5FE1F2; --cyan-dim:#0E3238; --shadow:var(--shadow);
  color-scheme:dark;
}
:root[data-theme="light"]{
  --void:#F3F1EC; --panel:#FFFFFF; --panel-2:#FAFAF8; --line:#DDD9D0; --line-2:#C7C2B6;
  --text:#201E1A; --muted:#6B665C; --faint:#9A9488;
  --human-hi:#B8722C; --human-dim:#F0DCC0; --accent-hi:#B8722C; --accent-dim:#F0DCC0; --amb-dim:#F0DCC0;
  --machine-hi:#4F7896; --machine-dim:#DCE6ED; --machine-mid:#A9C0D1; --machine-ink:#FFFFFF;
  --red-dim:#F3DAD4; --green-dim:#D9EBE0; --shadow:rgba(60,50,30,.12); --cyan:#138A9C; --cyan-dim:#D3EEF2;
  color-scheme:light;
}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){
  --void:#F3F1EC; --panel:#FFFFFF; --panel-2:#FAFAF8; --line:#DDD9D0; --line-2:#C7C2B6;
  --text:#201E1A; --muted:#6B665C; --faint:#9A9488;
  --human-hi:#B8722C; --human-dim:#F0DCC0; --accent-hi:#B8722C; --accent-dim:#F0DCC0; --amb-dim:#F0DCC0;
  --machine-hi:#4F7896; --machine-dim:#DCE6ED; --machine-mid:#A9C0D1; --machine-ink:#FFFFFF;
  --red-dim:#F3DAD4; --green-dim:#D9EBE0; --shadow:rgba(60,50,30,.12); --cyan:#138A9C; --cyan-dim:#D3EEF2;
  color-scheme:light;
}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--void);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;
  background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--machine) 7%,transparent) 1px,transparent 0);background-size:28px 28px}
a{color:var(--accent)}a:hover{color:var(--accent-hi)}
::selection{background:var(--machine);color:var(--void)}
.wrap{max-width:1160px;margin:0 auto;padding:0 28px;width:100%}
.narrow{max-width:760px}
.mono{font-family:var(--mono)}
.tick{font-family:var(--mono);font-variant-numeric:tabular-nums}
.k{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--faint)}
.k.m{color:var(--machine)} .k.h{color:var(--accent)}
h1,h2,h3{font-family:var(--mono);font-weight:600;margin:0;line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
p{margin:0 0 14px}
:focus-visible{outline:2px solid var(--machine);outline-offset:3px}

/* status bar + header */
.status{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--void) 90%,transparent);font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--faint)}
.status .wrap{display:flex;justify-content:space-between;gap:16px;height:30px;align-items:center;white-space:nowrap;overflow:hidden}
.status .live{color:var(--green)}
.status .live::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px;vertical-align:1px;animation:pulse 1.6s ease-in-out infinite}
.status .m{color:var(--machine)}
@keyframes pulse{50%{opacity:.2}}
header.top{position:relative;z-index:20;background:var(--void);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-top:18px;padding-bottom:16px}
.brand{display:flex;align-items:flex-end;gap:12px;text-decoration:none;color:var(--text);line-height:1}
.brand .mark{width:30px;height:27px;flex:none}
.brand .word{font-family:var(--mono);font-weight:500;font-size:19px;letter-spacing:.08em;line-height:.74}
.brand .word b{font-weight:700;color:var(--text)}
.brand .ed{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--machine);border:1px solid var(--machine-dim);padding:2px 6px;border-radius:3px}
header.top .hrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px 26px;width:100%;max-width:100%}
nav.links{display:flex;align-items:center;gap:22px;font-size:14px}
nav.links::-webkit-scrollbar{display:none}
header.top .acts{display:flex;align-items:center;gap:10px}
header.top .acts .btn{height:36px;padding:0 14px;font-size:12px;color:var(--accent-ink)}
header.top .acts .btn:hover{color:var(--accent-ink)}
nav.links a{color:var(--muted);text-decoration:none;font-family:var(--mono);letter-spacing:.04em;white-space:nowrap;padding:4px 0}
nav.links a:hover,nav.links a[aria-current]{color:var(--text)}
nav.links a[aria-current]{box-shadow:inset 0 -2px 0 var(--cyan)}
nav.links a:hover{color:var(--cyan)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 20px;font-family:var(--mono);font-weight:600;font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;border-radius:6px;border:1px solid transparent;background:var(--accent);color:var(--accent-ink);text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s}
.btn:hover{background:var(--accent-hi);color:var(--accent-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}
.btn.ghost{background:transparent;color:var(--text);border-color:var(--line-2)}
.btn.ghost:hover{border-color:var(--machine);color:var(--machine);box-shadow:none}
nav.links .btn{height:38px;padding:0 14px;font-size:12px;color:var(--accent-ink)}
nav.links .btn:hover{color:var(--accent-ink)}

/* hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55;pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--void) 0%,color-mix(in srgb,var(--void) 88%,transparent) 45%,color-mix(in srgb,var(--void) 35%,transparent) 100%);pointer-events:none}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"intro card" "scene card";column-gap:64px;padding-top:72px;padding-bottom:80px;align-items:center}
.intro{grid-area:intro;align-self:end}.scene{grid-area:scene;align-self:start}#join{grid-area:card}
.clock{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500;font-size:clamp(20px,3.15vw,40px);letter-spacing:-.02em;line-height:1;color:var(--text);margin:18px 0 8px;white-space:nowrap}
.clock .ms{color:var(--machine)}
.clock-cap{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase}
.hero h1{font-size:clamp(34px,5.4vw,68px);margin:34px 0 0;letter-spacing:-.03em}
.hero h1 .h{color:var(--accent)}
.lines{margin-top:26px;border-left:2px solid var(--line-2);padding-left:20px}
.lines p{color:var(--muted);font-size:18px;margin:0 0 10px;max-width:46ch}
.lines p b{color:var(--text);font-weight:600}
.lines .m{color:var(--machine)}
.lines .end{font-family:var(--mono);font-weight:600;color:var(--accent);font-size:19px;margin-top:6px}

/* sign-up card */
.card{background:linear-gradient(180deg,color-mix(in srgb,var(--panel-2) 96%,transparent),color-mix(in srgb,var(--panel) 96%,transparent));border:1px solid var(--line-2);border-radius:14px;padding:28px;box-shadow:0 30px 80px var(--shadow),0 0 0 1px color-mix(in srgb,var(--machine) 4%,transparent) inset}
.card .k{display:block;margin-bottom:10px}
.card h2{font-size:23px;margin:0 0 6px}
.card .sub{color:var(--muted);font-size:15px;margin:0 0 22px}
.gbtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:46px;border-radius:6px;border:1px solid #DADCE0;background:#fff;color:#1F1F1F;font-family:'Roboto','IBM Plex Sans',Arial,sans-serif;font-size:15px;font-weight:500;cursor:pointer}
.gbtn:hover{background:#F7F8F8}
.gbtn:disabled{opacity:.6;cursor:wait}
.or{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--faint);font-size:12px;font-family:var(--mono);letter-spacing:.2em}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line-2)}
form.email{display:grid;gap:10px}
form.email label{font-size:13px;color:var(--muted)}
form.email input{font:inherit;font-size:16px;padding:12px 14px;border-radius:6px;border:1px solid var(--line-2);background:var(--void);color:var(--text);min-width:0}
form.email input:focus{outline:2px solid var(--machine);outline-offset:1px;border-color:transparent}
form.email .btn{width:100%}
.consent{margin:16px 0 0;font-size:12.5px;color:var(--faint);line-height:1.55}
.msg{display:none;margin-top:16px;padding:12px 14px;border-radius:6px;font-size:14.5px;line-height:1.5}
.msg.ok{display:block;background:var(--green-dim);border:1px solid color-mix(in srgb,var(--green) 40%,transparent)}
.msg.err{display:block;background:var(--red-dim);border:1px solid color-mix(in srgb,var(--red) 40%,transparent)}
.done h2{color:var(--green)}

/* sections */
section.band{padding:96px 0;border-bottom:1px solid var(--line)}
.sec-head{display:grid;gap:14px;max-width:760px;margin-bottom:48px}
.sec-head h2{font-size:clamp(28px,3.8vw,44px);letter-spacing:-.02em}
.sec-head p{color:var(--muted);font-size:18px;margin:0}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cell{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:24px;position:relative}
.cell .k{display:block;margin-bottom:16px}
.cell h3{font-size:18px;margin-bottom:10px}
.cell p{color:var(--muted);font-size:15px;margin:0}
.cell .t{position:absolute;top:22px;right:22px;font-family:var(--mono);font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}

/* the gap artwork (latency lanes) */
.art{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px 22px 14px;overflow:hidden}
.art svg{display:block;width:100%;height:auto}
.art .cap{display:flex;flex-wrap:wrap;gap:8px 22px;font-family:var(--mono);font-size:12px;color:var(--faint);margin-top:12px;letter-spacing:.04em}
.art .cap i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:8px;vertical-align:-1px}
.art-wide{overflow-x:auto}
.art-wide svg{min-width:720px}

/* story */
.story h2{font-size:clamp(30px,4.2vw,48px);letter-spacing:-.02em;margin:10px 0 30px}
.story h3{font-size:21px;margin:56px 0 12px;display:flex;align-items:baseline;gap:14px}
.story h3 .tick{font-size:12px;font-weight:500;color:var(--machine);letter-spacing:.06em}
.story p{font-size:17.5px}
.story .big{font-size:21px;line-height:1.55}
.story .dim{color:var(--muted)}
.story figure{margin:30px 0}
.story figcaption{font-family:var(--mono);font-size:12px;color:var(--faint);margin-top:10px;letter-spacing:.04em}
.flow{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.flow li{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;font-family:var(--mono);font-size:14px;display:flex;flex-direction:column;gap:8px}
.flow li span{font-size:11px;color:var(--faint);letter-spacing:.1em}
.flow li.hot{border-color:var(--accent);color:var(--accent)}
.nots{padding-left:22px}.nots li{margin-bottom:6px}
.closer{font-family:var(--mono);font-size:clamp(22px,3vw,30px);font-weight:600;line-height:1.3;margin:64px 0 24px;letter-spacing:-.01em}
.closer .h{color:var(--accent)}

/* meter legend, plans, faq */
.legend{display:grid;gap:14px}
.lg{display:grid;grid-template-columns:30px minmax(0,1fr);gap:16px;align-items:start}
.lg i{display:block;width:30px;height:16px;border-radius:3px;margin-top:5px}
.lg b{font-family:var(--mono);display:block}
.lg span{color:var(--muted);font-size:15px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plan{display:flex;flex-direction:column;gap:14px}
.plan.hi{border-color:var(--accent)}
.plan .price{font-family:var(--mono);font-size:32px;font-weight:600}
.plan .price small{font-size:13px;color:var(--muted);font-weight:500}
.plan ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.plan li{padding-left:20px;position:relative;font-size:15px;color:var(--muted)}
.plan li::before{content:"";position:absolute;left:0;top:10px;width:9px;height:5px;border-radius:1px;background:var(--accent)}
.plan .btn{margin-top:auto}
.faq{display:grid;gap:10px;max-width:860px}
details{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:0 20px}
summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:600;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--mono);color:var(--machine);font-size:20px;line-height:1}
details[open] summary::after{content:"\2212"}
details p{color:var(--muted);font-size:15px;padding-bottom:6px}

/* legal pages */
.legal{padding:72px 0 88px}
.legal h1{font-size:clamp(32px,4.6vw,48px);margin:12px 0 10px}
.legal h2{font-size:20px;line-height:1.3;margin:52px 0 12px;padding-top:26px;border-top:1px solid var(--line)}
.legal h3{font-size:16px;margin:24px 0 6px}
.legal ul{padding-left:22px;margin:0 0 14px}.legal li{margin-bottom:6px}
.legal .meta{color:var(--muted);font-size:15px}
.legal .summary{background:var(--panel);border:1px solid var(--line-2);border-left:3px solid var(--machine);border-radius:8px;padding:20px 22px;margin:32px 0 8px}
.legal .summary :last-child{margin-bottom:0}
.legal .toc{columns:2;column-gap:32px;padding-left:20px;font-size:15px;font-family:var(--mono)}
.legal .toc li{break-inside:avoid}
.legal .tbl{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.legal table{width:100%;border-collapse:collapse;font-size:15px}
.legal th,.legal td{text-align:left;vertical-align:top;padding:10px 12px;border-top:1px solid var(--line)}
.legal tr:first-child th{border-top:0}
.legal th{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:500}
.legal .ph{font-family:var(--mono);font-size:.88em;color:var(--accent);border:1px dashed var(--accent);border-radius:3px;padding:0 5px;white-space:nowrap}
.legal .eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--machine)}
.legal .cta{margin-top:20px}

/* back to the present */
.then-now{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 28px;margin:0 0 30px}
.then-now .k{display:block;margin-bottom:6px}
.tn{font-size:clamp(18px,2.4vw,28px);font-weight:500;letter-spacing:-.01em;white-space:nowrap}
.tn .ms{color:var(--machine)}
[data-clock-now] .ms{color:var(--accent)}
.tn-arrow{font-family:var(--mono);color:var(--faint);font-size:22px;padding-bottom:2px}
.tk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tk{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--line-2);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.tk-red{border-top-color:var(--red)}.tk-amber{border-top-color:var(--amber)}.tk-green{border-top-color:var(--green)}
.tk-top{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono)}
.tk-top b{font-size:20px;font-weight:600;letter-spacing:.02em}
.tk-top span{font-size:16px;font-variant-numeric:tabular-nums}
.tk-name{font-size:12.5px;color:var(--faint)}
.badge{align-self:flex-start;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;padding:4px 9px;border-radius:3px}
.b-red{color:var(--red);background:var(--red-dim)}.b-amber{color:var(--amber);background:var(--amb-dim)}.b-green{color:var(--green);background:var(--green-dim)}
.tk p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.5}
.tk-note{margin:18px 0 0;font-size:13px;color:var(--faint);max-width:80ch}
.tk-note .tick{color:var(--muted)}
.tk .tk-last{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:13px;color:var(--faint)}
.tk .tk-last b{font-family:var(--mono);color:var(--machine);font-weight:500}
@media (max-width:960px){.tk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.tk-grid{grid-template-columns:minmax(0,1fr)}.tn{white-space:normal}}

/* footer */
footer{border-top:1px solid var(--line);padding:36px 0 44px;font-size:13px;color:var(--faint);margin-top:auto}
footer .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 32px}
footer nav{display:flex;flex-wrap:wrap;gap:20px;font-family:var(--mono)}
footer nav a{color:var(--muted);text-decoration:none}
footer nav a:hover{color:var(--text)}
footer .reading{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted)}
footer .reading b{color:var(--accent);font-weight:500}
footer .reading .m{color:var(--machine)}
footer .legal-line{grid-column:1/-1;max-width:84ch;line-height:1.6}

@media (max-width:960px){
  .hero .wrap{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "card" "scene";row-gap:30px;padding-top:44px;padding-bottom:56px}
  .hero::after{background:linear-gradient(180deg,color-mix(in srgb,var(--void) 60%,transparent),var(--void) 70%)}
  .grid3,.plans,.split{grid-template-columns:minmax(0,1fr)}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  section.band{padding:68px 0}
  .split{gap:36px}
}
@media (max-width:560px){
  .wrap{padding:0 16px}
  .status .hide-xs{display:none}
  .brand .ed{display:none}
  .brand .word{font-size:17px}
  .grid4,.flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .card{padding:22px 18px}
  .legal .toc{columns:1}
  .legal .ph{white-space:normal}
  footer .wrap{grid-template-columns:minmax(0,1fr)}
  .lines p{font-size:17px}
  .clock{font-size:clamp(17px,5.6vw,26px)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.status .live::before{animation:none}.hero canvas{display:none}}

/* learning */
.ls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
a.cell.lesson{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s}
a.cell.lesson:hover{border-color:var(--machine);transform:translateY(-2px)}
a.cell.lesson .k{margin-bottom:6px;letter-spacing:.16em;line-height:1.5;padding-right:28px}
a.cell.lesson.premium{grid-column:1/-1;border-color:color-mix(in srgb,var(--cyan) 35%,var(--line-2));background:linear-gradient(90deg,color-mix(in srgb,var(--cyan) 8%,transparent),var(--panel) 60%)}
a.cell.lesson.premium .ls-open{color:var(--cyan)}
a.cell.lesson.premium p{max-width:70ch}
a.cell.lesson h3{margin:0}
a.cell.lesson .ls-short{color:var(--text);font-size:15px;margin:0 0 4px}
a.cell.lesson p{margin:0}
.ls-open{margin-top:auto;padding-top:12px;font-family:var(--mono);font-size:12.5px;color:var(--accent)}
@media (prefers-reduced-motion:reduce){a.cell.lesson:hover{transform:none}}

/* practice accounts */
.px-status{font-family:var(--mono);font-size:12.5px;color:var(--faint);margin:0 0 18px}
.px-status b{color:var(--muted);font-weight:500}
.px-status .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px;vertical-align:1px}
.px-status .dot.sample{background:var(--accent)}
.acct-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.acct{display:flex;flex-direction:column;gap:6px;text-align:left;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;cursor:pointer}
.acct:hover{border-color:var(--machine)}
.acct.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.acct b{font-family:var(--mono);font-size:26px;font-weight:600}
.acct-v{font-family:var(--mono);font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.up{color:var(--green)}.down{color:var(--red)}
.acct-box{display:grid;gap:14px}
.acct-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 32px;padding:4px 0 6px}
.eq{font-size:clamp(30px,4vw,44px);font-weight:500;letter-spacing:-.02em;margin-top:6px}
.eq-sub{font-family:var(--mono);font-size:13px;color:var(--muted);margin-top:4px}
.acct-stats{display:flex;flex-wrap:wrap;gap:12px 28px}
.acct-stats .k{display:block;margin-bottom:4px}
.acct-stats b{font-size:16px;font-weight:500}
.spark{display:block;width:100%;height:auto}
.spark-cap{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:6px}
.spark-empty{font-family:var(--mono);font-size:13px;color:var(--faint);padding:20px 0;text-align:center}
.ticket{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px}
.t-row{display:grid;gap:6px}
.t-row label,.t-row .lbl{font-size:12.5px;color:var(--muted)}
.t-row input[type=number],.t-row input[list]{font-family:var(--mono);font-size:16px;padding:10px 12px;width:150px;border-radius:6px;border:1px solid var(--line-2);background:var(--void);color:var(--text);text-transform:uppercase}
.t-row input:focus{outline:2px solid var(--machine);outline-offset:1px}
.t-side{display:flex;gap:14px;align-items:center;padding-bottom:12px}
.t-side .lbl{margin-right:4px}
.t-side label{display:flex;gap:6px;align-items:center;font-size:15px;color:var(--text);cursor:pointer}
.t-est{flex-basis:100%;margin:0;font-size:13.5px;color:var(--faint)}
.tbl-wrap{overflow-x:auto;padding:0}
table.pos{width:100%;border-collapse:collapse;font-size:14px;min-width:820px}
table.pos th{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:500;text-align:right;padding:12px 14px;border-bottom:1px solid var(--line)}
table.pos th:first-child{text-align:left}
table.pos td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
table.pos td.n{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}
table.pos td small{display:block;font-size:11.5px;opacity:.85}
table.pos .sym{font-family:var(--mono);font-size:15px}
table.pos .fnote{display:block;font-size:11.5px;color:var(--machine);margin-top:3px;max-width:260px}
table.pos .fnote.dim{color:var(--faint)}
table.pos .none{color:var(--faint);text-align:center;padding:24px}
.mini{font-family:var(--mono);font-size:11.5px;padding:5px 10px;border-radius:4px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer}
.mini:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.mini.ghost{border-color:var(--line-2);color:var(--muted)}
.orders{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;font-size:14px;color:var(--muted)}
.orders .tick{color:var(--faint);font-size:12px;margin-right:6px}
.orders b{font-family:var(--mono);color:var(--text)}
.orders .o-rejected,.orders .o-cancelled{opacity:.6}
.reset{font-size:13px;color:var(--muted)}
.empty-acct h3{margin-bottom:6px}
@media (max-width:620px){.acct-pick{grid-template-columns:minmax(0,1fr)}.acct{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:4px 12px}.acct b{font-size:22px}}

/* Neon: the logo's red light and the IQ glow */
.brand.big{gap:16px}.brand.big .mark{width:46px;height:41px}.brand.big .word{font-size:28px}
@media (max-width:700px){.brand.big .mark{width:34px;height:30px}.brand.big .word{font-size:21px}}
/* Story switcher */
.switch{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
.switch a{flex:1 1 240px;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line-2);border-radius:10px;text-decoration:none;color:var(--text);background:var(--panel)}
.switch a span{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--faint);text-transform:uppercase}
.switch a b{font-family:var(--mono);font-size:15px;font-weight:600}
.switch a:hover,.switch a[aria-current]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
/* Retail story */
.stat-row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:22px 0}
.stat2{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.stat2 .v{font-family:var(--mono);font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);line-height:1.1}
.stat2 .l{font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.45}
.stat2 .s{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:8px;letter-spacing:.03em}
.stat2 .s a{color:var(--faint)}
.chart2 svg text{font-family:var(--mono)}
.chart2 .bar{fill:var(--machine)}
.chart2 .bar:hover,.chart2 .dot:hover{fill:var(--machine-hi)}
.chart2 .dot{fill:var(--machine);stroke:var(--panel);stroke-width:2}
.chart2 .rng{stroke:var(--machine);stroke-width:4;stroke-linecap:round;opacity:.55}
.chart2 .grid{stroke:var(--line)}
.chart2 .lab{fill:var(--muted);font-size:13px}
.chart2 .val{fill:var(--text);font-size:13px;font-weight:600}
.chart2 .ax{fill:var(--faint);font-size:11px}
.waypoint{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--machine);border:1px solid var(--machine-dim);border-radius:4px;padding:3px 8px;margin-top:56px}
.story .waypoint + h3{margin-top:12px}
.sources{font-size:13px;color:var(--muted)}
.sources li{margin-bottom:6px}
.sources a{color:var(--muted)}
/* Shorts: a row of vertical cards and a swipe-up player */
.sh-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,180px);gap:12px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}
.sh-card{position:relative;display:block;padding:0;border:1px solid var(--line-2);border-radius:12px;overflow:hidden;background:var(--panel);cursor:pointer;scroll-snap-align:start;aspect-ratio:9/16;text-align:left}
.sh-card img{display:block;width:100%;height:100%;object-fit:cover}
.sh-card:hover,.sh-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset,0 0 24px color-mix(in srgb,var(--machine) 18%,transparent)}
.sh-card .sh-t{position:absolute;left:0;right:0;bottom:0;padding:28px 10px 10px;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--text);background:linear-gradient(transparent,color-mix(in srgb,var(--void) 92%,transparent))}
.sh-card .sh-dur{position:absolute;top:8px;right:8px;font-family:var(--mono);font-size:11px;color:var(--text);background:color-mix(in srgb,var(--void) 75%,transparent);padding:2px 6px;border-radius:4px}
html.sh-open,html.sh-open body{overflow:hidden}
.sh-player{position:fixed;inset:0;z-index:100;background:#000;display:flex;flex-direction:column}
.sh-bar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:14px;padding:calc(10px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));background:linear-gradient(rgba(0,0,0,.7),transparent)}
.sh-x{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:color-mix(in srgb,var(--void) 70%,transparent);color:var(--text);font-size:16px;cursor:pointer}
.sh-count{font-family:var(--mono);font-size:13px;color:var(--muted)}
.sh-auto{margin-left:auto;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}
.sh-feed{flex:1;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}
.sh-feed::-webkit-scrollbar{display:none}
.sh-slide{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;position:relative}
.sh-video{height:100%;max-height:100%;max-width:100%;aspect-ratio:9/16;object-fit:contain;background:#000}
.sh-side{position:absolute;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px}
.sh-side .btn{height:40px;font-size:12px;padding:0 14px}
@media (min-width:900px){.sh-side{right:calc(50% - 56.25vh/2 - 160px)}}
.sh-end{text-align:center;padding:0 max(24px,env(safe-area-inset-left,0px))}
.sh-end h2{font-size:clamp(26px,5vw,40px);margin:12px 0}
.sh-end p{color:var(--muted);max-width:44ch;margin:0 auto 16px}

/* Shorts player stays out of the way until opened, on any host */
.sh-player[hidden]{display:none}
/* Story page: more cyan. Story 1 swaps the two accents, so cyan leads and orange supports */
#y2033{--accent:var(--machine);--accent-hi:var(--machine-hi);--accent-dim:var(--machine-dim);--accent-ink:var(--machine-ink);--human:var(--machine);--human-hi:var(--machine-hi);--human-dim:var(--machine-dim)}
#y2033 .btn:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--machine) 16%,transparent)}
#y2033 .closer .h{text-shadow:0 0 22px color-mix(in srgb,var(--machine) 35%,transparent)}
#retail .k.m,#retail .closer .h{color:var(--machine)}
.story .switch a:hover{border-color:var(--machine);box-shadow:0 0 0 1px var(--machine) inset}
/* Homepage features: one per band, alternating sides, with room to breathe */
.feature{border-top:1px solid var(--line);padding-block:clamp(96px,16vh,180px)}
.feature .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,96px);align-items:center}
.feature.rev .f-vis{order:-1}
.f-text{display:flex;flex-direction:column;gap:16px;min-width:0}
.f-text .t{font-family:var(--mono);font-size:13px;color:var(--faint);letter-spacing:.1em}
.f-text h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-.02em;line-height:1.1}
.f-text p{color:var(--muted);font-size:18.5px;max-width:44ch;margin:0}
.f-link{font-family:var(--mono);font-size:14px;letter-spacing:.04em;text-decoration:none}
.f-vis{min-width:0}
.f-card{background:var(--panel);border:1px solid var(--line-2);border-radius:16px;padding:28px;box-shadow:0 30px 80px var(--shadow)}
.f-card p{color:var(--muted);font-size:15.5px;margin:12px 0 0}
.f-card h3{font-size:20px;margin:14px 0 0;line-height:1.3}
.mv{display:flex;gap:28px;align-items:center}
.mv-lights{display:flex;flex-direction:column;gap:10px;flex:none}
.mv-lights i{display:block;width:64px;height:38px;border-radius:9px;background:var(--amb-dim)}
.mv-lights i:nth-child(1){background:var(--red-dim)}.mv-lights i:nth-child(3){background:var(--green-dim)}
.mv-lights i.on{background:var(--neon-red);box-shadow:0 0 12px var(--neon-red),0 0 34px rgba(255,59,78,.5)}
.mv-score{font-family:var(--mono);font-size:56px;font-weight:600;line-height:1;margin-top:8px;color:var(--text)}
.mv-score small{font-size:20px;color:var(--faint)}
.wv{display:flex;flex-direction:column;gap:14px}
.wv-row{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--muted);flex-wrap:wrap}
.pill{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.08em;padding:6px 10px;border-radius:5px;min-width:136px;text-align:center}
.p-green{color:var(--green);background:var(--green-dim)}.p-amber{color:var(--amber);background:var(--amb-dim)}.p-red{color:var(--red);background:var(--red-dim)}
.p-glow{color:#fff;background:var(--red);box-shadow:0 0 14px color-mix(in srgb,var(--red) 60%,transparent)}
.rv-in{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line-2);font-size:15px;color:var(--muted)}
.rv-in b{font-family:var(--mono);font-size:34px;color:var(--text)}
.rv-chip{font-family:var(--mono);font-size:12px;border:1px solid var(--accent);color:var(--accent);padding:2px 8px;border-radius:4px}
.rv-row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--muted)}
.rv-row b{font-family:var(--mono);color:var(--text)}
.hv-line{position:relative;height:30px;margin-top:22px;border-top:2px solid var(--line-2)}
.hv-line i{position:absolute;top:-7px;width:12px;height:12px;border-radius:50%;background:var(--faint);transform:translateX(-50%)}
.hv-line i.big{top:-10px;width:18px;height:18px;border-radius:4px;background:var(--amber);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,transparent)}
.pv-bar{display:flex;height:34px;border-radius:6px;overflow:hidden;margin:16px 0;gap:2px}
.pv-bar i{display:block;height:100%}
.pv-bar i.gap,.pv-leg i.gap{background:repeating-linear-gradient(135deg,var(--line-2) 0 5px,var(--panel) 5px 10px)}
.pv-leg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;font-size:14px;color:var(--muted)}
.pv-leg i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:8px;vertical-align:-1px}
.phone{display:block;position:relative;width:min(270px,70%);margin:0 auto;border-radius:28px;border:6px solid var(--line-2);overflow:hidden;box-shadow:0 30px 80px var(--shadow);aspect-ratio:9/16}
.phone img{display:block;width:100%;height:100%;object-fit:cover}
.phone .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-size:22px;padding-left:4px}
.rv-pre{opacity:0;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv-pre.rv-l{transform:translateX(-56px)}.rv-pre.rv-r{transform:translateX(56px)}
[data-reveal]{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
@media (max-width:860px){
  .feature .wrap{grid-template-columns:minmax(0,1fr)}
  .feature.rev .f-vis{order:0}
  .feature{padding-block:80px}
  .rv-pre.rv-l,.rv-pre.rv-r{transform:translateY(32px)}
}
/* Shared watchlist: a delayed-data trading screen */
.term{position:relative;background:var(--panel);border:1px solid var(--line-2);border-radius:12px;overflow:hidden;margin:6px 0 30px;box-shadow:0 0 0 1px color-mix(in srgb,var(--machine) 5%,transparent),0 0 60px color-mix(in srgb,var(--machine) 6%,transparent),0 30px 80px var(--shadow)}
.term::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--text) 2%,transparent) 0 1px,transparent 1px 3px)}
.term-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 16px;background:var(--panel-2);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:var(--faint)}
.term-bar b{color:var(--text);font-weight:600}
.term-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber);animation:pulse 1.6s ease-in-out infinite}
.term-time{margin-left:auto;color:var(--muted)}
.tape{overflow:hidden;border-bottom:1px solid var(--line);background:var(--panel-2);white-space:nowrap}
.tape-in{display:inline-block;padding:8px 0;animation:tape 38s linear infinite}
.tape span{display:inline-block;padding:0 22px;font-family:var(--mono);font-size:13px;color:var(--muted);border-right:1px solid var(--line)}
.tape span b{color:var(--text);margin-right:6px}.tape em{font-style:normal;margin:0 6px}
.tape:hover .tape-in{animation-play-state:paused}
@keyframes tape{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tape-in,.term-dot{animation:none}}
.term-scroll{overflow-x:auto}
.term-t{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:13.5px;font-variant-numeric:tabular-nums;color:var(--text)}
.term-t th{position:sticky;top:0;background:var(--panel-2);color:var(--faint);font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-align:left;padding:9px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.term-t td{padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.term-t tbody tr:nth-child(even){background:color-mix(in srgb,var(--panel-2) 50%,var(--panel))}
.term-t tbody tr:hover{background:var(--panel-2)}
.term-t .c-num{text-align:right}
.c-sym{border-left:3px solid transparent}
.c-sym b{color:var(--text);font-weight:600;letter-spacing:.04em}
tr.w-sell .c-sym,tr.w-open .c-sym{border-left-color:var(--red)}
tr.w-load .c-sym,tr.w-check .c-sym{border-left-color:var(--amber)}
tr.w-shut .c-sym{border-left-color:var(--green)}
.c-name{color:var(--muted);max-width:190px;overflow:hidden;text-overflow:ellipsis}
.c-asof,.c-filing{color:var(--faint);font-size:12.5px}
.c-filing{max-width:190px;overflow:hidden;text-overflow:ellipsis}
.up{color:var(--green)}.down{color:var(--red)}.flat{color:var(--muted)}
.mtr{display:inline-flex;flex-direction:column;gap:2px;margin-right:8px;vertical-align:middle}
.mtr i{display:block;width:12px;height:5px;border-radius:1px;background:var(--line)}
.m-red i:nth-child(1){background:var(--red);box-shadow:0 0 6px var(--red)}
.m-amber i:nth-child(2){background:var(--amber);box-shadow:0 0 6px var(--amber)}
.m-green i:nth-child(3){background:var(--green);box-shadow:0 0 6px var(--green)}
.wpill,.rpill{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.08em;padding:3px 8px;border-radius:3px;border:1px solid transparent}
.w-sell .wpill,.wpill.w-sell{background:var(--red);color:#fff;box-shadow:0 0 10px color-mix(in srgb,var(--red) 45%,transparent)}
.wpill.w-open{border-color:var(--red);color:var(--red)}
.wpill.w-load{background:color-mix(in srgb,var(--amber) 12%,transparent);color:var(--amber)}
.wpill.w-check{border-color:var(--amber);color:var(--amber)}
.wpill.w-shut{background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--green)}
.rpill.r-rare{background:var(--amber);color:var(--accent-ink)}
.rpill.r-occ{border-color:var(--machine);color:var(--machine-hi)}
.rpill.r-rout,.rpill.r-first,.rpill.r-none{color:var(--faint);border-color:var(--line)}
.term-foot{padding:10px 16px;font-size:12.5px;color:var(--faint);background:var(--panel-2);border-top:1px solid var(--line)}
.term-t .c-asof{display:none}
@media (max-width:1100px){.term-t .c-filing{display:none}}
@media (max-width:760px){.term-t .c-name,.term-t .c-shares,.term-t .c-rhy,.term-draw{display:none}.term-t td,.term-t th{padding:10px 10px}}
@media (max-width:480px){.term-t .c-meter{display:none}.term-bar{gap:10px}}
/* Story titles: The Rise climbs in orange; The Risen is inverted, dark on cyan */
.s-title{font-family:var(--mono);font-weight:600;font-size:clamp(56px,10vw,118px);line-height:.95;letter-spacing:-.04em;margin:10px 0 24px}
.s-title.rise{color:var(--amber);background:linear-gradient(0deg,#8A4E1C 0%,var(--amber) 55%,#F0C89A 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 26px color-mix(in srgb,var(--accent) 28%,transparent))}
.s-title.risen{display:inline-block;background:var(--machine);color:var(--machine-ink);padding:.04em .2em .08em;border-radius:6px;box-shadow:0 0 0 1px var(--machine-hi) inset,0 0 48px color-mix(in srgb,var(--machine) 35%,transparent)}
.synopsis{margin:0 0 34px;padding:16px 20px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--line-2);border-radius:0 10px 10px 0}
.synopsis .k{display:block;margin-bottom:8px}
.synopsis p{margin:0;font-size:18px;line-height:1.6;color:var(--text)}
.rise-syn{border-left-color:var(--amber)}.rise-syn .k{color:var(--amber)}
.risen-syn{border-left-color:var(--machine)}.risen-syn .k{color:var(--machine)}
.story .switch a[aria-current]{border-color:var(--line-2);box-shadow:none}
/* The Risen: fiction banner, the seven things, and the real-vs-fiction strip */
.fiction{margin:-14px 0 34px;padding:10px 14px;border:1px dashed var(--machine);border-radius:8px;font-size:14px;line-height:1.5;color:var(--muted)}
.fiction b{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--machine-ink);background:var(--machine);padding:2px 7px;border-radius:3px;margin-right:8px}
.iq-list{counter-reset:iq;list-style:none;padding:0;margin:20px 0 28px;display:grid;gap:10px}
.iq-list li{counter-increment:iq;position:relative;padding:14px 16px 14px 56px;background:var(--panel);border:1px solid var(--line);border-radius:10px;font-size:16.5px;color:var(--muted)}
.iq-list li b{color:var(--text)}
.iq-list li::before{content:counter(iq,decimal-leading-zero);position:absolute;left:16px;top:14px;font-family:var(--mono);font-size:13px;color:var(--machine)}
.road{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 10px}
.road-col{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--line-2);border-radius:10px;padding:14px 16px}
.road-col .k{display:block;margin-bottom:8px}
.road-col ul{margin:0;padding-left:18px;font-size:14.5px;color:var(--muted)}
.road-col li{margin-bottom:6px}
.road-col.real{border-top-color:var(--green)}.road-col.real .k{color:var(--green)}
.road-col.next{border-top-color:var(--amber)}.road-col.next .k{color:var(--amber)}
.road-col.fic{border-top-color:var(--machine);border-style:dashed;border-top-style:solid}.road-col.fic .k{color:var(--machine)}
@media (max-width:760px){.road{grid-template-columns:minmax(0,1fr)}}

.live.off{color:var(--amber)}.live.off::before{background:var(--amber);box-shadow:none;animation:none}
.s-sub{font-family:'IBM Plex Mono',monospace;color:var(--machine);letter-spacing:.08em;text-transform:uppercase;margin:-6px 0 18px;font-size:15px}

/* Home, simple layout: Desk-style heading buttons, the visual, and a "how it works" toggle */
.dq{border-top:1px solid var(--line);padding-block:clamp(56px,9vh,96px)}
.dq-head{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.dq-head p{color:var(--muted);margin:0}
.dq-btn{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:.02em;padding:10px 18px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--text);margin-bottom:22px}
.dq-head .dq-btn{margin:0}
.dq-btn em{font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);border:1px solid color-mix(in srgb,var(--cyan) 45%,transparent);padding:1px 6px}
.dq-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.dq.rev .dq-vis{order:2}
.dq-vis{min-width:0}
.dq-vis .phone{margin:0 auto}
.dq-how{border:1px solid var(--line-2);background:var(--panel);align-self:start}
.dq-how summary{cursor:pointer;list-style:none;padding:14px 18px;font-family:var(--sans);font-size:15px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:12px}
.dq-how summary::-webkit-details-marker{display:none}
.dq-how summary::after{content:"+";font-family:var(--mono);color:var(--accent);font-size:18px;line-height:1}
.dq-how[open] summary::after{content:"−"}
.dq-how summary:hover{color:var(--accent)}
.dq-how>p{color:var(--muted);font-size:16px;margin:0;padding:0 18px 12px}
.dq-how>.f-link{display:inline-block;padding:0 18px 16px}
.dq-more{margin-top:18px}
.dq-more>.tk-grid,.dq-more>.tk-note{margin:0;padding:0 18px 18px}
@media (max-width:820px){.dq-row{grid-template-columns:1fr}.dq.rev .dq-vis{order:0}}

/* Inline charts follow the Desk themes */
main svg [fill="var(--text)"]{fill:var(--text)}main svg [stroke="var(--text)"]{stroke:var(--text)}main svg [stop-color="var(--text)"]{stop-color:var(--text)}
main svg [fill="var(--faint)"]{fill:var(--faint)}main svg [stroke="var(--faint)"]{stroke:var(--faint)}main svg [stop-color="var(--faint)"]{stop-color:var(--faint)}
main svg [fill="var(--muted)"]{fill:var(--muted)}main svg [stroke="var(--muted)"]{stroke:var(--muted)}main svg [stop-color="var(--muted)"]{stop-color:var(--muted)}
main svg [fill="var(--line-2)"]{fill:var(--line-2)}main svg [stroke="var(--line-2)"]{stroke:var(--line-2)}main svg [stop-color="var(--line-2)"]{stop-color:var(--line-2)}
main svg [fill="var(--panel-2)"]{fill:var(--line)}main svg [stroke="var(--panel-2)"]{stroke:var(--line)}main svg [stop-color="var(--panel-2)"]{stop-color:var(--line)}
main svg [fill="var(--void)"]{fill:var(--panel-2)}main svg [stroke="var(--void)"]{stroke:var(--panel-2)}main svg [stop-color="var(--void)"]{stop-color:var(--panel-2)}
main svg [fill="var(--human)"]{fill:var(--amber)}main svg [stroke="var(--human)"]{stroke:var(--amber)}main svg [stop-color="var(--human)"]{stop-color:var(--amber)}
main svg [fill="#5FE1F2"]{fill:var(--machine)}main svg [stroke="#5FE1F2"]{stroke:var(--machine)}main svg [stop-color="#5FE1F2"]{stop-color:var(--machine)}
main svg [fill="var(--cyan)"]{fill:var(--machine-hi)}main svg [stroke="var(--cyan)"]{stroke:var(--machine-hi)}main svg [stop-color="var(--cyan)"]{stop-color:var(--machine-hi)}
main svg [fill="color-mix(in srgb, var(--cyan) 40%, var(--panel))"]{fill:var(--machine-mid)}main svg [stroke="color-mix(in srgb, var(--cyan) 40%, var(--panel))"]{stroke:var(--machine-mid)}main svg [stop-color="color-mix(in srgb, var(--cyan) 40%, var(--panel))"]{stop-color:var(--machine-mid)}
main svg [fill="#0E3238"]{fill:var(--machine-dim)}main svg [stroke="#0E3238"]{stroke:var(--machine-dim)}main svg [stop-color="#0E3238"]{stop-color:var(--machine-dim)}
main svg [fill="var(--human-dim)"]{fill:var(--accent-dim)}main svg [stroke="var(--human-dim)"]{stroke:var(--accent-dim)}main svg [stop-color="var(--human-dim)"]{stop-color:var(--accent-dim)}
main svg [fill="var(--red)"]{fill:var(--red)}main svg [stroke="var(--red)"]{stroke:var(--red)}main svg [stop-color="var(--red)"]{stop-color:var(--red)}
main svg [fill="var(--human-hi)"]{fill:var(--accent-hi)}main svg [stroke="var(--human-hi)"]{stroke:var(--accent-hi)}main svg [stop-color="var(--human-hi)"]{stop-color:var(--accent-hi)}
.theme-btn{font-family:var(--mono);font-size:12px;color:var(--muted);background:none;border:1px solid var(--line-2);padding:6px 10px;cursor:pointer}.theme-btn:hover{color:var(--accent);border-color:var(--accent)}

/* Cyan accents */
.theme-btn{color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 45%,transparent)}.theme-btn:hover{color:var(--cyan);border-color:var(--cyan)}
.status .tick,.status .m{color:var(--cyan)}
@media (max-width:700px){nav.links{flex-wrap:wrap;row-gap:4px;column-gap:16px;font-size:13.5px}}

/* Cyan marks Premium */
.k.prem{color:var(--cyan)}
.dq-prem{border-color:color-mix(in srgb,var(--cyan) 45%,var(--line-2))}

/* Premium page */
.pm-access{color:var(--muted);max-width:70ch;margin:0}
.pm-access a{color:var(--cyan)}
.pm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.pm-card{background:var(--panel);border:1px solid var(--line-2);border-top:3px solid var(--cyan);padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0}
.pm-card.pm-new{box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan) 40%,transparent),0 0 28px color-mix(in srgb,var(--cyan) 12%,transparent)}
.pm-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pm-top h3{font-size:18px}
.pm-badge{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--machine-ink);background:var(--cyan);padding:2px 7px}
.pm-card p{margin:0;color:var(--muted);font-size:15.5px}
.pm-card .pm-where{color:var(--text);font-size:14px}
.pm-card .pm-st{margin-top:auto;font-family:var(--mono);font-size:12px;color:var(--cyan)}
.pm-lessons{display:grid;gap:10px}
.pm-ls{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 18px;background:var(--panel);border:1px solid var(--line-2);text-decoration:none;color:var(--text)}
.pm-ls:hover{border-color:var(--cyan)}
.pm-n{font-family:var(--mono);color:var(--cyan);font-size:14px}
.pm-lt b{display:block;font-weight:600}.pm-lt small{color:var(--muted);font-size:14px}
.pm-lk{font-family:var(--mono);font-size:11.5px;color:var(--faint);text-align:right}
@media (max-width:700px){.pm-ls{grid-template-columns:34px minmax(0,1fr)}.pm-lk{grid-column:2;text-align:left}}
.pm-soon{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.pm-soon li{border:1px dashed var(--line-2);padding:16px;display:grid;gap:4px}
.pm-soon span{color:var(--muted);font-size:15px}

/* The 56 */
.big56{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 28px;align-items:start;margin:34px 0;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.big56 .v{font-family:var(--mono);font-weight:600;font-size:clamp(96px,16vw,168px);line-height:.85;letter-spacing:-.04em;color:var(--amber)}
.big56 .t p{margin:0 0 10px}
.big56 .t b{font-family:var(--mono);font-weight:600;font-size:20px}
.big56 .src56{font-size:13px;color:var(--faint);margin:0}
@media (max-width:620px){.big56{grid-template-columns:minmax(0,1fr)}}

/* Desk learning row on the Learning page */
.dl-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.dl-card{position:relative;display:block;background:var(--panel);border:1px solid var(--line-2);text-decoration:none;color:var(--text)}
.dl-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;max-width:100%}
.dl-card:hover{border-color:var(--accent)}
.dl-n{position:absolute;left:10px;top:10px;font-family:var(--mono);font-size:12px;padding:2px 7px;background:var(--void);color:var(--accent);border:1px solid var(--accent-dim)}
.dl-t{display:block;padding:10px 12px;font-family:var(--mono);font-size:13.5px;font-weight:600}

/* One-line menu: links from the left, theme and Join beta on the right */
nav.links{gap:24px}
@media (max-width:900px){header.top .hrow{flex-wrap:wrap}nav.links{flex-wrap:wrap;row-gap:4px;column-gap:16px}}

/* Home: how it works, the short version */
.howhome{border-top:1px solid var(--line);padding-block:clamp(64px,10vh,110px);background:radial-gradient(900px 380px at 50% 46%,color-mix(in srgb,var(--cyan) 7%,transparent),transparent 70%)}
.hh-head{display:grid;gap:14px;max-width:760px;margin-bottom:34px}
.hh-head .dq-btn{margin:0;justify-self:start}
.hh-head h2{font-size:clamp(30px,4.4vw,52px);letter-spacing:-.02em;line-height:1.05}
.hh-head .cy{color:var(--cyan)}
.hh-head p{color:var(--muted);font-size:18px;margin:0;max-width:60ch}
.feed-art{margin:0 0 34px;padding:22px;background:var(--panel);border:1px solid var(--line-2);border-radius:16px;box-shadow:0 30px 80px var(--shadow)}
.feed{display:block;width:100%;height:auto;max-width:100%}
.feed.tall{display:none}
@media (max-width:720px){.feed.wide{display:none}.feed.tall{display:block}.feed-art{padding:12px}}
.feed text{font-family:var(--mono)}
.feed .cap{font-size:13px;letter-spacing:.18em;fill:var(--faint)}
.feed .cap.c{fill:var(--cyan)}
.feed .pp{fill:var(--raised,var(--panel-2));stroke:var(--line-2);stroke-width:1.5}
.feed .pf{fill:var(--line-2)}
.feed .pc{font-size:15px;font-weight:600;fill:var(--text)}
.feed .pt{font-size:10px;letter-spacing:.14em;fill:var(--amber)}
.feed .pl{fill:var(--line-2)}
.feed .belt{fill:var(--line)}
.feed .mover{opacity:0;animation:feedin 6s linear infinite}
@keyframes feedin{0%{transform:translateX(70px);opacity:0}10%{opacity:1}68%{transform:translateX(236px);opacity:1}78%{transform:translateX(262px);opacity:0}100%{opacity:0}}
.feed .eg{fill:var(--panel-2);stroke:var(--cyan);stroke-width:2;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--cyan) 35%,transparent))}
.feed .slot{fill:var(--bg,var(--void))}
.feed .en{font-size:20px;font-weight:600;fill:var(--text);text-anchor:middle;letter-spacing:.08em}
.feed .ei{font-size:12px;letter-spacing:.3em;fill:var(--cyan);text-anchor:middle}
.feed .scr{fill:color-mix(in srgb,var(--cyan) 8%,var(--panel));stroke:color-mix(in srgb,var(--cyan) 40%,transparent)}
.feed .scan{fill:var(--cyan);opacity:.7;animation:scan 2.4s ease-in-out infinite}
@keyframes scan{0%,100%{transform:translateY(0)}50%{transform:translateY(58px)}}
.feed .sl{font-size:13px;fill:var(--muted)}
.feed .led{fill:var(--cyan);animation:led 1.5s ease-in-out infinite}
@keyframes led{0%,100%{opacity:.25}50%{opacity:1}}
.feed .wire{fill:none;stroke:var(--cyan);stroke-width:2;stroke-dasharray:6 7;opacity:.8;animation:wire 1.2s linear infinite}
@keyframes wire{to{stroke-dashoffset:-26}}
.feed .oc{fill:var(--panel-2);stroke:var(--line-2)}
.feed .ot{font-size:11px;letter-spacing:.16em;fill:var(--faint)}
.feed .ov{font-size:15px;font-weight:600;fill:var(--text)}
.feed .ov.s{font-size:12px;font-weight:400;fill:var(--muted)}
.feed .g{fill:var(--green)}.feed .a{fill:var(--amber)}.feed .r{fill:var(--red)}
.feed .pill{fill:var(--amb-dim);stroke:var(--amber)}
.feed .pv{font-size:11px;font-weight:600;letter-spacing:.08em;fill:var(--amber);text-anchor:middle}
.feed .out{animation:printout 6s ease-in-out infinite}
.feed .o2{animation-delay:.4s}.feed .o3{animation-delay:.8s}
@keyframes printout{0%,8%{opacity:.35}22%,100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.feed .mover{display:none}.feed .scan,.feed .led,.feed .wire,.feed .out{animation:none}}
.rw{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rw li{background:var(--panel);border:1px solid var(--line-2);border-top:3px solid var(--c);padding:20px 20px 18px;min-width:0}
.rw-read{--c:var(--amber)}.rw-iq{--c:var(--cyan)}.rw-write{--c:var(--green)}
.rw-k{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--c)}
.rw h3{font-size:19px;margin:8px 0 8px}
.rw p{margin:0;color:var(--muted);font-size:15.5px}
@media (max-width:820px){.rw{grid-template-columns:minmax(0,1fr)}}
.hh-more{display:flex;flex-wrap:wrap;gap:10px;margin:0}

/* The story as a cinema listing */
.cine{margin:0 0 56px}
.marquee{overflow:hidden;border-block:1px solid var(--line-2);background:var(--panel);margin:0 0 26px;white-space:nowrap}
.mq-in{display:inline-flex;gap:38px;padding:9px 0;animation:mq 26s linear infinite;font-family:var(--mono);font-size:12px;letter-spacing:.24em;color:var(--amber)}
.mq-in span::after{content:"\2605";margin-left:38px;color:var(--cyan)}
@keyframes mq{to{transform:translateX(-50%)}}
.cine-top{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:30px;align-items:start}
.poster{position:relative;aspect-ratio:2/3;max-width:100%;padding:26px 22px;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;
  background:radial-gradient(120% 70% at 50% 8%,color-mix(in srgb,var(--amber) 26%,transparent),transparent 60%),linear-gradient(180deg,var(--panel-2),var(--void));
  border:1px solid var(--line-2);box-shadow:0 30px 70px var(--shadow),inset 0 0 0 6px color-mix(in srgb,var(--void) 60%,transparent)}
.po-bars{display:flex;align-items:flex-end;gap:5px;margin-bottom:auto}.po-bars i{width:12px;border-radius:2px;display:block}
.po-bars i:nth-child(1){height:18px;background:var(--green)}.po-bars i:nth-child(2){height:28px;background:var(--amber)}.po-bars i:nth-child(3){height:40px;background:var(--red)}
.po-pre{font-family:var(--mono);font-size:10.5px;letter-spacing:.3em;color:var(--muted);margin-bottom:6px}
.po-title.s-title{font-size:clamp(32px,3.4vw,40px);line-height:.92;margin:0 0 14px;letter-spacing:-.03em}
.po-tag{font-size:14px;line-height:1.45;color:var(--text);margin-bottom:18px}
.po-foot{font-family:var(--mono);font-size:9.5px;letter-spacing:.24em;color:var(--faint);border-top:1px solid var(--line-2);padding-top:10px}
.cine-info{min-width:0}
.cine-info .k{display:block;margin-bottom:12px}
.cert-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;color:var(--muted)}
.cert{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-family:var(--mono);font-weight:700;font-size:15px}
.facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;margin:0 0 20px;font-size:15px}
.facts dt{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding-top:3px}
.facts dd{margin:0}
.cine .synopsis{margin:0}
.show{margin-top:30px;background:var(--panel);border:1px solid var(--line-2);border-radius:12px;overflow:hidden}
.show-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.show-h{margin:0!important;font-size:20px}
.show-day{font-size:13px;color:var(--muted);margin-top:4px}
.tzs{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line-2)}
.tzs button{font-family:var(--mono);font-size:12px;padding:7px 11px;background:transparent;border:0;color:var(--muted);cursor:pointer}
.tzs button+button{border-left:1px solid var(--line-2)}
.tzs button[aria-pressed="true"]{color:var(--text);background:var(--panel-2);box-shadow:inset 0 -2px 0 var(--cyan)}
.show-now{padding:10px 18px;font-size:14px;color:var(--muted);background:color-mix(in srgb,var(--cyan) 7%,transparent);border-bottom:1px solid var(--line)}
.show-now b{color:var(--cyan)}
.cin-g{border-bottom:1px solid var(--line)}
.cin-gh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:14px 18px 6px}
.cin-gh b{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}
.cin-gh span{font-size:13px;color:var(--faint)}
.cin{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:8px 18px;align-items:center;padding:10px 18px;border-top:1px solid var(--line)}
.cin-n b{display:block;font-family:var(--mono);font-size:14.5px}
.cin-n small{display:block;font-size:12px;color:var(--faint);line-height:1.4}
.cin-t{display:flex;flex-wrap:wrap;gap:6px}
.st{display:inline-flex;flex-direction:column;gap:1px;padding:6px 10px;border:1px solid var(--line-2);border-radius:6px;background:var(--panel-2);min-width:92px}
.st b{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.st i{font-style:normal;font-family:var(--mono);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}
.st-early,.st-late,.st-night{border-style:dashed}
.st-feature{border-color:color-mix(in srgb,var(--amber) 55%,var(--line-2))}
.st.now{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan) inset,0 0 16px color-mix(in srgb,var(--cyan) 25%,transparent)}
.st.now b{color:var(--cyan)}
.show-note{margin:0;padding:14px 18px;font-size:13px!important;color:var(--faint)}
.story .waypoint{counter-increment:scene}
.story{counter-reset:scene}
.story .waypoint::before{content:"SCENE " counter(scene) " \00B7  ";color:var(--amber)}
@media (max-width:760px){.cine-top{grid-template-columns:minmax(0,1fr)}.poster{max-width:300px;margin:0 auto;width:100%}.cin{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.mq-in{animation:none}}

.show{position:relative;width:min(1100px,calc(100vw - 32px));margin-left:calc(50% - min(550px,50vw - 16px))}
.st{min-width:0;padding:5px 9px}
.st i{font-size:13.5px}
.cin{grid-template-columns:minmax(0,210px) minmax(0,1fr)}
@media (max-width:760px){.cin{grid-template-columns:minmax(0,1fr)}}

/* Home: advertisements */
.ads{border-top:1px solid var(--line);padding-block:clamp(64px,10vh,110px)}
.ad-head{display:grid;gap:12px;justify-items:start;margin-bottom:30px;max-width:760px}
.ad-head h2{font-size:clamp(30px,4.4vw,52px);letter-spacing:-.02em;line-height:1.05}
.ad-head .cy{color:var(--cyan)}
.ad-head p{margin:0;color:var(--muted);font-size:18px}
.free-tag{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:4px 10px;border:1px solid var(--green);color:var(--green)}
.free-tag.prem{border-color:var(--cyan);color:var(--cyan)}
.ad-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ad{display:flex;flex-direction:column;gap:8px;padding:30px;background:var(--panel);border:1px solid var(--line-2);border-radius:16px;text-decoration:none;color:var(--text);min-width:0;transition:border-color .2s,transform .2s}
.ad:hover{border-color:var(--amber);transform:translateY(-2px)}
.ad-vis{height:120px;display:flex;align-items:center;gap:22px;margin-bottom:10px}
.ad-bars{display:flex;align-items:flex-end;gap:8px}.ad-bars i{display:block;width:26px;border-radius:4px}
.ad-bars i:nth-child(1){height:40px;background:var(--green)}.ad-bars i:nth-child(2){height:66px;background:var(--amber)}.ad-bars i:nth-child(3){height:96px;background:var(--red);box-shadow:0 0 24px color-mix(in srgb,var(--red) 45%,transparent)}
.ad-score{font-family:var(--mono);font-weight:600;font-size:54px;letter-spacing:-.03em}.ad-score small{font-size:18px;color:var(--faint)}
.ad-pills{display:flex;flex-wrap:wrap;gap:8px}.ad-pills b{font-family:var(--mono);font-size:13px;letter-spacing:.1em;padding:8px 12px;border-radius:5px}
.p-g{color:var(--green);background:var(--green-dim)}.p-a{color:var(--amber);background:var(--amb-dim)}.p-r{color:var(--red);background:var(--red-dim)}.p-x{color:#fff;background:var(--red);box-shadow:0 0 16px color-mix(in srgb,var(--red) 50%,transparent)}
.ad-k{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}
.ad h3{font-size:clamp(22px,2.4vw,28px);margin:0;line-height:1.2}
.ad p{margin:0;color:var(--muted);font-size:16.5px}
.ads-prem{background:radial-gradient(800px 340px at 50% 30%,color-mix(in srgb,var(--cyan) 7%,transparent),transparent 70%)}
.ad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pa{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px;background:var(--panel);border:1px solid var(--line-2);border-top:3px solid var(--cyan);text-decoration:none;color:var(--text);min-width:0;transition:border-color .2s}
.pa:hover{border-color:var(--cyan)}
.pa b{font-family:var(--mono);font-size:16px}
.pa span:last-child{color:var(--muted);font-size:15px;line-height:1.45}
.pa-new{box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan) 40%,transparent),0 0 28px color-mix(in srgb,var(--cyan) 14%,transparent)}
.pa-badge{position:absolute;top:16px;right:16px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;padding:2px 7px;background:var(--cyan);color:var(--machine-ink)}
.pa-ic{height:28px;display:flex;align-items:flex-end;gap:4px;margin-bottom:4px}
.pa-ic i{display:block;width:8px;background:var(--cyan);border-radius:2px}
.pa-ic.dash{width:64px;border:2px dashed var(--amber);border-radius:6px}
.pa-ic.split{gap:0;width:96px;height:12px;align-self:flex-start;margin-top:10px}.pa-ic.split i{height:12px;border-radius:0}
.pa-ic.split i:nth-child(1){width:30%;background:var(--red)}.pa-ic.split i:nth-child(2){width:25%;background:var(--machine)}.pa-ic.split i:nth-child(3){width:45%;background:repeating-linear-gradient(135deg,var(--line-2) 0 4px,transparent 4px 8px)}
.pa-ic.pulse{align-items:center;gap:10px}.pa-ic.pulse i{width:6px;height:6px;border-radius:50%;background:var(--muted)}.pa-ic.pulse i.big{width:14px;height:14px;border-radius:3px;background:var(--amber)}
.pa-ic.mic{width:28px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px var(--red-dim)}
.pa-ic.lens{width:28px;border-radius:50%;border:3px solid var(--cyan);background:transparent}
.ad-cta{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
@media (max-width:860px){.ad-two{grid-template-columns:minmax(0,1fr)}.ad-grid{grid-template-columns:minmax(0,1fr)}}

/* Home: embossed Tell behind the hero */
.hero-tell{position:absolute;left:34%;top:54%;width:min(44vw,600px);aspect-ratio:1;transform:translateY(-50%);z-index:1;pointer-events:none;opacity:.9}
.hero .wrap{z-index:2}
.hero-tell svg{width:100%;height:100%;overflow:visible}
.hero-tell .face rect{fill:color-mix(in srgb,var(--text) 2.5%,var(--void))}
.hero-tell .hi rect{fill:color-mix(in srgb,var(--text) 9%,transparent)}
.hero-tell .sh rect{fill:rgba(0,0,0,.45)}
:root[data-theme="light"] .hero-tell .face rect{fill:color-mix(in srgb,#000 3%,var(--void))}:root[data-theme="light"] .hero-tell .hi rect{fill:rgba(255,255,255,.95)}:root[data-theme="light"] .hero-tell .sh rect{fill:rgba(60,50,30,.12)}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .hero-tell .face rect{fill:color-mix(in srgb,#000 3%,var(--void))}:root:not([data-theme="dark"]) .hero-tell .hi rect{fill:rgba(255,255,255,.95)}:root:not([data-theme="dark"]) .hero-tell .sh rect{fill:rgba(60,50,30,.12)}}
.hero-tell .spark{fill:var(--cyan);opacity:.18;animation:tellGlow 5s ease-in-out infinite}
@keyframes tellGlow{0%,100%{opacity:.10}50%{opacity:.24}}
@media (prefers-reduced-motion: reduce){.hero-tell .spark{animation:none}}
@media (max-width:860px){.hero-tell{width:90vw;left:30vw;top:26%;opacity:.7}}

/* Home: the Desk on screens */
.dev{position:relative;overflow:hidden;border-top:1px solid var(--line);padding-block:clamp(56px,9vh,104px);background:radial-gradient(900px 520px at 78% 55%,color-mix(in srgb,var(--machine) 14%,transparent),transparent 70%),var(--void)}
.dev-pro{background:radial-gradient(900px 520px at 78% 55%,color-mix(in srgb,var(--cyan) 11%,transparent),transparent 70%),var(--void)}
.dev .net{position:absolute;inset:0;width:100%;height:100%;color:var(--machine);opacity:.28;pointer-events:none}
.dev-pro .net{color:var(--cyan);opacity:.22}
.dev-in{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:center}
.dev-copy{display:grid;gap:14px;align-content:center;min-width:0}
.dev-k{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--machine-hi)}
.dev-pro .dev-k{color:var(--cyan)}
.dev-copy h2{margin:0;font-size:clamp(28px,3.6vw,44px);letter-spacing:-.02em;line-height:1.06}
.dev-copy p{margin:0;color:var(--muted);font-size:17.5px;line-height:1.55;max-width:40ch}
.dev-links{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:12px}
.dev-links a{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:600;font-size:18px}
.dev-links a span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--text);color:var(--void);font-size:15px;line-height:1;padding-bottom:2px;transition:transform .15s}
.dev-links a:hover span{transform:translateX(3px)}
.dev-links a:hover{color:var(--cyan)}
.dev-stage{position:relative;min-width:0;padding:0 0 6% 10%}
.laptop{margin:0;position:relative}
.laptop .lid{border:10px solid var(--panel);border-bottom-width:14px;border-radius:14px 14px 4px 4px;background:var(--panel);box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 0 0 1px color-mix(in srgb,var(--text) 10%,transparent);overflow:hidden;aspect-ratio:16/10}
.laptop .base{height:12px;margin:0 -6%;background:linear-gradient(#2A2F33,var(--panel));border-radius:0 0 14px 14px;box-shadow:0 14px 24px -12px rgba(0,0,0,.6)}
.phone{position:absolute;left:0;bottom:0;width:23%;margin:0;border:6px solid var(--panel);border-radius:26px;background:var(--panel);overflow:hidden;aspect-ratio:390/844;box-shadow:0 24px 48px -16px rgba(0,0,0,.6),0 0 0 1px color-mix(in srgb,var(--text) 12%,transparent)}
.scr{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.th-light{display:none}
:root[data-theme="light"] .th-light{display:block}:root[data-theme="light"] .th-dark{display:none}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .th-light{display:block}:root:not([data-theme="dark"]) .th-dark{display:none}}
@media (max-width:860px){.dev-in{grid-template-columns:minmax(0,1fr)}.dev-stage{padding:0 0 8% 14%}.phone{width:28%}}

/* Back button on inner pages */
.page-back-bar{padding-top:18px}
.page-back{font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;padding:7px 12px;border-radius:6px;background:transparent;border:1px solid var(--line-2);color:var(--text);cursor:pointer}
.page-back:hover{border-color:var(--accent);color:var(--accent)}
.ls-series{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.ls-series a.cell.lesson.prem{border-color:color-mix(in srgb,var(--cyan) 35%,var(--line-2))}
.ls-series a.cell.lesson.prem .ls-open{color:var(--cyan)}
.pm-price{margin:0;font-size:15px}.pm-price b{font-family:var(--mono);font-size:22px;color:var(--text)}
.pm-list{margin:0;padding-left:18px;display:grid;gap:4px;font-size:14.5px}
/* ---- Global images ---- */
.globe-band{padding:56px 0}
.gb-head h2{margin:6px 0 18px;font-size:clamp(26px,4vw,38px);text-wrap:balance}
.tzb{margin:0;border:1px solid var(--line);background:var(--panel);padding:16px 18px 12px;display:grid;gap:8px;overflow-x:auto}
.tzb-axis,.tzb-row{display:grid;grid-template-columns:96px minmax(220px,1fr) 104px;gap:12px;align-items:center}
.tzb-axis{font-family:var(--mono);font-size:10.5px;color:var(--faint)}
.tzb-ticks{display:flex;justify-content:space-between}.tzb-ticks i{font-style:normal}
.tzb-row b{font-weight:500;font-size:14px}
.tzb-row.me b{color:var(--cyan)}
.tzb-track{position:relative;height:14px;background:repeating-linear-gradient(90deg,var(--panel-2) 0 calc(25% - 1px),var(--line) calc(25% - 1px) 25%);border:1px solid var(--line)}
.tzb-track i{position:absolute;top:0;bottom:0;background:var(--amber);opacity:.85}
.tzb-track em{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--cyan)}
.tzb-t{font-family:var(--mono);font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.tzb figcaption{font-size:12.5px;color:var(--faint);margin-top:4px}
.gb-more{margin-top:18px}
.globe-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
.globe-wrap canvas{width:100%;max-width:460px;aspect-ratio:1/1;justify-self:center;display:block}
@media (max-width:760px){.globe-wrap{grid-template-columns:1fr}.tzb-axis,.tzb-row{grid-template-columns:78px minmax(160px,1fr) 92px;gap:8px}}
/* ---- Marks on the home page ---- */
.marks-band{padding:48px 0}
.mk-home{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.mk-home li{background:var(--panel);padding:14px;display:grid;gap:4px}
.mk-home .mkh{width:20px;height:20px;display:block}
.mk-home .mkh svg{width:100%;height:100%}
.mk-home b{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.mk-home li > span:last-child{font-size:13.5px;color:var(--muted)}
.mk-open{color:var(--red)}.mk-shift,.mk-clock{color:var(--amber)}.mk-rare{color:#FF6A2B}.mk-paper{color:#6C93B0}.mk-ink{color:var(--cyan)}

/* logo v2 */
.brand{align-items:center;gap:11px}
.brand .word{font-family:var(--sans);font-weight:700;font-size:23px;letter-spacing:-.015em;line-height:1;color:var(--text);text-transform:none}
.brand .word b,.brand .word .q{font-weight:inherit;color:inherit}
.brand.big .word{font-size:34px}

/* home v2: desktop glow around the hero and a lit Desk Pro section (phones keep their layout) */
@keyframes diqDrift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(3%,-4%,0) scale(1.08)}}
@media (min-width:900px){
  .hero .intro{position:relative;isolation:isolate}
  .hero .intro::before{content:"";position:absolute;left:-14%;top:-55%;width:135%;height:230%;z-index:-1;pointer-events:none;
    background:radial-gradient(closest-side at 28% 52%,color-mix(in srgb,var(--amber) 34%,transparent),transparent 72%),
      radial-gradient(closest-side at 74% 62%,color-mix(in srgb,var(--cyan) 20%,transparent),transparent 72%),
      radial-gradient(closest-side at 52% 26%,color-mix(in srgb,var(--red) 16%,transparent),transparent 70%);
    filter:blur(34px);animation:diqDrift 16s ease-in-out infinite alternate}
  .hero h1{font-size:clamp(56px,6.4vw,92px);line-height:.98}
  .hero h1 .h{background:linear-gradient(100deg,var(--amber-hi,var(--human-hi)) 0%,var(--accent) 45%,var(--red) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
    filter:drop-shadow(0 6px 28px color-mix(in srgb,var(--accent) 45%,transparent))}
  .hero .lines p{font-size:19px}

  .ads-prem{position:relative;overflow:hidden;padding-block:96px;
    background:radial-gradient(900px 440px at 12% 0%,color-mix(in srgb,var(--cyan) 15%,transparent),transparent 70%),
      radial-gradient(760px 420px at 92% 100%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),var(--void)}
  .ads-prem .ad-head h2{font-size:clamp(36px,3.8vw,56px);letter-spacing:-.02em}
  .ads-prem .ad-head h2 .cy{background:linear-gradient(95deg,var(--cyan),var(--machine-hi,var(--machine)));-webkit-background-clip:text;background-clip:text;color:transparent}
  .ads-prem .ad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .ads-prem .pa{position:relative;overflow:hidden;border-radius:14px;padding:28px 22px 24px;
    background:linear-gradient(165deg,color-mix(in srgb,var(--cyan) 11%,var(--panel)) 0%,var(--panel) 58%);
    border:1px solid color-mix(in srgb,var(--cyan) 30%,var(--line));
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
  .ads-prem .pa::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}
  .ads-prem .pa:hover,.ads-prem .pa:focus-visible{transform:translateY(-4px);border-color:var(--cyan);
    box-shadow:0 22px 44px -24px color-mix(in srgb,var(--cyan) 70%,transparent),0 0 0 1px var(--cyan)}
  .ads-prem .pa b{font-size:18px}
  .ads-prem .pa-new{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 14%,var(--panel)) 0%,var(--panel) 58%)}
  .ads-prem .pa-new::before{background:linear-gradient(90deg,transparent,var(--accent),transparent)}
}
@media (min-width:900px) and (prefers-reduced-motion:reduce){.hero .intro::before{animation:none}}

/* Desk Pro cards: real screenshots as headings */
.pa .pa-img{display:block;width:calc(100% + 44px);max-width:none;margin:-28px -22px 16px;aspect-ratio:4/3;height:auto;object-fit:cover;object-position:left top;border-bottom:1px solid color-mix(in srgb,var(--cyan) 30%,var(--line));background:#06090B}
@media (max-width:899px){.pa{overflow:hidden}.pa .pa-img{width:calc(100% + 2*22px);margin:calc(-1*22px) calc(-1*22px) 14px}}

/* Pro marks on the home page */
.mk-home li.pro{position:relative;background:linear-gradient(165deg,color-mix(in srgb,var(--cyan) 12%,var(--panel)),var(--panel) 70%);box-shadow:inset 0 2px 0 var(--cyan)}
.mk-home li.pro b::after{content:"PRO";margin-left:8px;padding:1px 5px;font-size:9.5px;letter-spacing:.08em;vertical-align:2px;color:var(--void);background:var(--cyan);border-radius:3px}
.mk-home{background:none;border:0;gap:1px}
.mk-home li{outline:1px solid var(--line)}

/* See what others miss: device shots and big Pro marks */
.pa-grid .pa{gap:6px}
.pa-grid .pa .pa-media{display:grid;place-items:center;aspect-ratio:4/3;margin:-22px -22px 14px;overflow:hidden;
  background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--cyan) 22%,transparent),transparent 65%),#0B1013;border-bottom:1px solid color-mix(in srgb,var(--cyan) 30%,var(--line))}
.ads-prem .pa-grid .pa .pa-media{margin:-28px -22px 16px}
.pa-grid .pa-new .pa-media{background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 65%),#0B1013}
.pa-grid .pa-mark svg{width:42%;height:auto;filter:drop-shadow(0 8px 22px color-mix(in srgb,var(--cyan) 45%,transparent))}
.dev{display:block;background:#05070A;border:1px solid #2A3A46;box-shadow:0 18px 40px -18px rgba(0,0,0,.7),0 0 0 3px #10171B}
.dev img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.dev-tablet{width:78%;aspect-ratio:4/3;border-radius:12px;padding:6px;transform:rotate(-3deg)}
.dev-tablet img{border-radius:7px}
.dev-phone{height:86%;aspect-ratio:9/18;border-radius:18px;padding:5px;transform:rotate(3deg)}
.dev-phone img{border-radius:13px}
.pa-grid .pa b{font-size:17px}
.pa-grid .pa > span:last-child{font-size:14.5px}
.pa-grid .pa-badge{z-index:2}
@media (max-width:899px){
  .pa-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .pa-grid .pa{padding:16px}
  .pa-grid .pa .pa-media{margin:-16px -16px 12px;aspect-ratio:1/1}
  .pa-grid .pa b{font-size:14px}
  .pa-grid .pa > span:last-child{font-size:13px}
  .pa-grid .pa-badge{top:8px;right:8px;font-size:9px}
  .dev-tablet{width:88%}
}

/* globe band intro: logo, flashing cyan dot on amber, then the chart */
.gb-head{display:grid;justify-items:start}
.gb-logo{width:84px;height:auto;margin-bottom:12px;overflow:visible}
.gb-logo rect{transform-origin:bottom;transform-box:fill-box}
.gb-dot{stroke:var(--cyan);animation:gbFlash 1.4s ease-in-out infinite}
@keyframes gbFlash{0%,100%{opacity:1;filter:drop-shadow(0 0 3px var(--cyan))}50%{opacity:.25;filter:none}}
.globe-band.pre .gb-logo rect{transform:scaleY(0);transform-origin:bottom;transform-box:fill-box}
.globe-band.pre .gb-dot{opacity:0;animation:none}
.globe-band.pre .tzb,.globe-band.pre .gb-head h2,.globe-band.pre .gb-head .k{opacity:0;transform:translateY(10px)}
.globe-band.go .gb-logo rect{transform:none;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.globe-band.go .b2{transition-delay:.12s!important}.globe-band.go .b3{transition-delay:.24s!important}
.globe-band.go .gb-head .k,.globe-band.go .gb-head h2{opacity:1;transform:none;transition:opacity .5s .5s,transform .5s .5s}
.globe-band.go .tzb{opacity:1;transform:none;transition:opacity .7s 1.5s,transform .7s 1.5s}
@media (prefers-reduced-motion:reduce){.gb-dot{animation:none}}

/* footer v2: reachable */
footer .wrap{grid-template-columns:minmax(0,1fr);gap:28px}
footer .fbrand-l{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
footer .fbrand .mark{width:26px;height:auto}
footer .fbrand .word{font-family:var(--sans);font-weight:700;font-size:19px}
footer .fbrand p{margin:8px 0 0;max-width:46ch;color:var(--muted);font-size:14px}
footer .fbrand .fsrc{font-family:var(--mono);font-size:12px;color:var(--faint)}
footer .fbrand .fsrc a{color:var(--muted)}
footer nav.fcols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;font-family:var(--sans);padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
footer .fcol h4{margin:0 0 10px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text);font-weight:600}
footer .fcol ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer .fcol a{color:var(--muted);text-decoration:none;font-size:14px}
footer .fcol a:hover{color:var(--text);text-decoration:underline}
footer .fcontact li{display:grid;gap:1px}
footer .fcontact span{font-size:11px;color:var(--faint)}
footer .fcol .soon{color:var(--faint);font-size:14px}
@media (max-width:899px){footer nav.fcols{grid-template-columns:repeat(2,minmax(0,1fr))}footer .fcontact{grid-column:1/-1;order:5}}

/* the Tell ring */
.mk-home .mkh.mk-tell .mk-dot,.mk-tell .mk-dot{animation:gbFlash 1.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.mk-tell .mk-dot{animation:none}}
/* time-zone chart: its own palette, not the brand colours (dark mode) */
.tzb{--tz-bg:#0A1A2F;--tz-grid:#1C3554;--tz-seg:#5FE1F2;--tz-now:#FFFFFF;--tz-panel:#071425}
:root:not([data-theme="light"]) .tzb{background:var(--tz-panel);border-color:var(--tz-grid)}
:root:not([data-theme="light"]) .tzb-track{background:repeating-linear-gradient(90deg,var(--tz-bg) 0 calc(25% - 1px),var(--tz-grid) calc(25% - 1px) 25%);border-color:var(--tz-grid)}
:root:not([data-theme="light"]) .tzb-track i{background:var(--tz-seg);opacity:.9;box-shadow:0 0 8px rgba(95,225,242,.35)}
:root:not([data-theme="light"]) .tzb-track em{background:var(--tz-now);box-shadow:0 0 6px rgba(255,255,255,.6)}
:root:not([data-theme="light"]) .tzb-row b,:root:not([data-theme="light"]) .tzb-t{color:#E8F1FA}
:root:not([data-theme="light"]) .tzb-row.me b{color:var(--tz-seg)}
:root:not([data-theme="light"]) .tzb-axis,:root:not([data-theme="light"]) .tzb p,:root:not([data-theme="light"]) .tzb figcaption{color:#8FA9C6}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .tzb{background:var(--panel);border-color:var(--line)}:root:not([data-theme="dark"]) .tzb-track{background:repeating-linear-gradient(90deg,var(--panel-2) 0 calc(25% - 1px),var(--line) calc(25% - 1px) 25%);border-color:var(--line)}:root:not([data-theme="dark"]) .tzb-track i{background:var(--amber);opacity:.85;box-shadow:none}:root:not([data-theme="dark"]) .tzb-track em{background:var(--cyan);box-shadow:none}:root:not([data-theme="dark"]) .tzb-row b,:root:not([data-theme="dark"]) .tzb-t{color:var(--text)}:root:not([data-theme="dark"]) .tzb-row.me b{color:var(--cyan)}:root:not([data-theme="dark"]) .tzb-axis,:root:not([data-theme="dark"]) .tzb p{color:var(--faint)}}

/* Two lights: the meter box flashes red, the window box green */
@keyframes adRed{0%,100%{border-color:var(--line-2);box-shadow:none}50%{border-color:#C4573F;box-shadow:0 0 0 1px #C4573F,0 0 28px -4px rgba(196,87,63,.55)}}
@keyframes adGreen{0%,100%{border-color:#5CA579;box-shadow:0 0 0 1px #5CA579,0 0 28px -4px rgba(92,165,121,.55)}50%{border-color:var(--line-2);box-shadow:none}}
.ad-two .ad-meter{animation:adRed 2.4s ease-in-out infinite}
.ad-two .ad-window{animation:adGreen 2.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.ad-two .ad{animation:none}}

/* split: logo section, then How it works reveals the chart */
.gb-intro{padding:84px 0 64px;text-align:center}
.gb-intro .gb-head{justify-items:center}
.gb-intro .gb-logo{width:150px;margin-bottom:22px}
.gb-intro .gb-head h2{font-size:clamp(30px,5vw,52px)}
.tz-reveal{padding:8px 0 64px}
.tz-btn{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:30px 34px;background:linear-gradient(120deg,color-mix(in srgb,var(--cyan) 10%,var(--panel)),var(--panel) 60%);border:1px solid var(--line-2);border-radius:18px;color:var(--text);cursor:pointer;text-align:left;font:inherit;transition:border-color .2s,box-shadow .2s}
.tz-btn:hover,.tz-btn[aria-expanded="true"]{border-color:var(--cyan);box-shadow:0 0 36px -10px color-mix(in srgb,var(--cyan) 60%,transparent)}
.tz-btn-k{font-family:var(--mono);font-weight:600;font-size:clamp(22px,3.4vw,34px);letter-spacing:-.01em}
.tz-btn-t{color:var(--muted);font-size:16px}
.tz-btn-i{width:44px;height:44px;border-radius:50%;border:1px solid var(--cyan);color:var(--cyan);display:grid;place-items:center;font-size:24px;transition:transform .3s}
.tz-btn[aria-expanded="true"] .tz-btn-i{transform:rotate(45deg)}
.tz-panel{margin-top:18px;animation:tzIn .5s ease both}
@keyframes tzIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.tz-cap{font-size:clamp(17px,2.2vw,21px);margin:0 0 14px;color:var(--text)}
@media (max-width:700px){.tz-btn{grid-template-columns:1fr auto;padding:22px}.tz-btn-t{grid-column:1/2;font-size:14px}.tz-btn-i{grid-row:1/3;grid-column:2}}
/* marks: matrix grid vortex behind */
.marks-band{position:relative;overflow:hidden;isolation:isolate}
.mx-vortex{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.55;pointer-events:none}
.marks-band .mk-home{box-shadow:0 0 0 1px color-mix(in srgb,#5CA579 40%,transparent),0 0 60px -20px #5CA579}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .mx-vortex{opacity:.28}}
/* marks blend with the vortex: glass boxes */
.marks-band .mk-home{background:color-mix(in srgb,var(--line) 45%,transparent);border-color:color-mix(in srgb,#5CA579 30%,transparent)}
.marks-band .mk-home li{background:color-mix(in srgb,var(--panel) 38%,transparent);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}
.marks-band .mk-home li.pro{background:linear-gradient(165deg,color-mix(in srgb,var(--cyan) 14%,transparent),color-mix(in srgb,var(--panel) 32%,transparent) 70%)}
.marks-band .mk-home b{text-shadow:0 1px 8px var(--void,#000)}
.marks-band .mk-home li>span:last-child{color:var(--text);opacity:.82}
.mx-vortex{opacity:.7}
.marks-band .mk-home{background:transparent}
.marks-band .mk-home li{background:color-mix(in srgb,var(--panel) 22%,transparent);outline:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.marks-band .mk-home li.pro{background:linear-gradient(165deg,color-mix(in srgb,var(--cyan) 12%,transparent),color-mix(in srgb,var(--panel) 18%,transparent) 70%)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .mx-vortex{opacity:.5;mix-blend-mode:multiply}}

/* marks: black vortex, symbols and names only */
.marks-band{background:#000;color:#EDEDED}
.marks-band .ad-head h2{color:#F4F4F4}
.marks-band .ad-head p{color:#9AA3A0}
.marks-band .mk-home li{background:rgba(0,0,0,.35);outline-color:rgba(92,165,121,.28);justify-items:center;text-align:center;padding:18px 10px;gap:10px}
.marks-band .mk-home li.pro{background:linear-gradient(165deg,rgba(95,225,242,.12),rgba(0,0,0,.3) 70%)}
.marks-band .mk-home b{color:#F4F4F4;text-shadow:0 0 10px #000}
.marks-band .mk-home .mkh{width:28px;height:28px}
.marks-band .mx-vortex{opacity:.75;mix-blend-mode:normal}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .marks-band .mx-vortex{opacity:.75;mix-blend-mode:normal}}

/* plus tabs: no words, just the plus */
.tz-btn.plus-tab{grid-template-columns:1fr;justify-items:center;width:64px;height:64px;padding:0;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--cyan) 8%,var(--panel));margin:0 auto}
.tz-btn.plus-tab .tz-btn-i{width:auto;height:auto;border:0;font-size:34px;line-height:1;font-weight:300}
.tz-reveal{text-align:center}
.tz-reveal .tz-panel{text-align:left}
.mk-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.mk-head .plus-tab{margin:0;width:48px;height:48px;background:rgba(0,0,0,.5);border-color:rgba(92,165,121,.45)}
.mk-head .plus-tab .tz-btn-i{font-size:28px;color:#5FE1F2}
.marks-band .mk-note{margin:10px 0 0;color:#C9D2CE;font-size:17px;max-width:60ch;animation:tzIn .4s ease both}

/* plus tab v2: house style. Square 6px tile, mono-terminal corner ticks, plus drawn as two bars, amber base notch */
.tz-btn.plus-tab{--pc:var(--cyan);position:relative;width:58px;height:58px;border-radius:6px;border:1px solid var(--line-2);background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 7%,var(--panel)),var(--panel));box-shadow:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.tz-btn.plus-tab::before{content:"";position:absolute;inset:5px;pointer-events:none;
 background:linear-gradient(var(--pc),var(--pc)) 0 0/8px 1.5px,linear-gradient(var(--pc),var(--pc)) 0 0/1.5px 8px,
 linear-gradient(var(--pc),var(--pc)) 100% 0/8px 1.5px,linear-gradient(var(--pc),var(--pc)) 100% 0/1.5px 8px,
 linear-gradient(var(--pc),var(--pc)) 0 100%/8px 1.5px,linear-gradient(var(--pc),var(--pc)) 0 100%/1.5px 8px,
 linear-gradient(var(--pc),var(--pc)) 100% 100%/8px 1.5px,linear-gradient(var(--pc),var(--pc)) 100% 100%/1.5px 8px;background-repeat:no-repeat;opacity:.55;transition:inset .2s,opacity .2s}
.tz-btn.plus-tab::after{content:"";position:absolute;left:50%;bottom:-1px;width:14px;height:3px;margin-left:-7px;background:var(--amber);border-radius:2px 2px 0 0}
.plus-tab .pt-x{position:relative;width:20px;height:20px;display:block;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.plus-tab .pt-x::before,.plus-tab .pt-x::after{content:"";position:absolute;left:50%;top:50%;background:var(--pc);border-radius:1px;transform:translate(-50%,-50%)}
.plus-tab .pt-x::before{width:20px;height:3px}
.plus-tab .pt-x::after{width:3px;height:20px}
.tz-btn.plus-tab:hover{border-color:var(--pc);box-shadow:0 0 24px -6px color-mix(in srgb,var(--pc) 70%,transparent)}
.tz-btn.plus-tab:hover::before{inset:3px;opacity:1}
.tz-btn.plus-tab[aria-expanded="true"]{border-color:var(--pc);box-shadow:0 0 24px -6px color-mix(in srgb,var(--pc) 70%,transparent)}
.tz-btn.plus-tab[aria-expanded="true"] .pt-x{transform:rotate(45deg)}
.tz-btn.plus-tab:focus-visible{outline:2px solid var(--pc);outline-offset:3px}
.mk-head .plus-tab{--pc:#5FE1F2;width:46px;height:46px;background:rgba(0,0,0,.55);border-color:rgba(92,165,121,.5)}
.mk-head .plus-tab .pt-x{width:16px;height:16px}.mk-head .plus-tab .pt-x::before{width:16px}.mk-head .plus-tab .pt-x::after{height:16px}
@media (prefers-reduced-motion:reduce){.plus-tab .pt-x{transition:none}}
/* plus bars white; cyan ticks and amber notch stay */
.plus-tab .pt-x::before,.plus-tab .pt-x::after{background:#FFFFFF}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) #tz .plus-tab .pt-x::before,:root:not([data-theme="dark"]) #tz .plus-tab .pt-x::after{background:var(--text)}}
:root[data-theme="light"] #tz .plus-tab .pt-x::before,:root[data-theme="light"] #tz .plus-tab .pt-x::after{background:var(--text)}
.tz-btn.plus-tab::after{content:none}

.mk-home .mkh.mk-paper{color:#D5DADF}
@media (min-width:900px){.ads-prem .ad-grid.pa-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:899px){.ads-prem .ad-grid.pa-grid .pa:last-child{grid-column:1/-1}}

/* text size buttons */
.zoom{display:inline-flex;gap:4px;margin-right:6px}
/* left-hand tab + menu, built from the footer headings */
.side-tab{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:60;display:grid;justify-items:center;gap:10px;padding:14px 8px;border:1px solid var(--line-2);border-left:0;border-radius:0 8px 8px 0;background:var(--panel);color:var(--text);cursor:pointer;box-shadow:0 6px 24px -10px rgba(0,0,0,.5)}
.side-tab:hover,.side-tab[aria-expanded="true"]{border-color:var(--cyan)}
.side-tab .pt-x{position:relative;width:14px;height:14px;display:block;transition:transform .25s}
.side-tab .pt-x::before,.side-tab .pt-x::after{content:"";position:absolute;left:50%;top:50%;background:var(--cyan);transform:translate(-50%,-50%);border-radius:1px}
.side-tab .pt-x::before{width:14px;height:2.5px}.side-tab .pt-x::after{width:2.5px;height:14px}
.side-tab[aria-expanded="true"] .pt-x{transform:rotate(45deg)}
.side-tab-t{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.side-nav{position:fixed;left:0;top:0;bottom:0;z-index:59;width:min(320px,86vw);overflow:auto;background:var(--panel);border-right:1px solid var(--line-2);box-shadow:20px 0 60px -20px rgba(0,0,0,.6);padding:76px 22px 28px 48px;animation:sideIn .25s ease both}
@keyframes sideIn{from{transform:translateX(-24px);opacity:0}to{transform:none;opacity:1}}
.side-nav-in{display:grid;gap:22px}
.side-nav .fcol h4{margin:0 0 8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.side-nav .fcol ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.side-nav .fcol a{color:var(--text);text-decoration:none;font-size:16px}.side-nav .fcol a:hover{color:var(--cyan)}
.side-nav .fcontact span{display:block;font-size:11px;color:var(--faint)}.side-nav .soon{color:var(--faint)}
@media (prefers-reduced-motion:reduce){.side-nav{animation:none}}
/* new-trader band */
.plan-band{padding:56px 0}
.plan-band .pb-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center;border:1px solid var(--line-2);border-radius:18px;padding:34px;background:linear-gradient(120deg,color-mix(in srgb,var(--red) 10%,var(--panel)),var(--panel) 55%,color-mix(in srgb,var(--green) 10%,var(--panel)))}
.plan-band h2{margin:0 0 10px;font-size:clamp(28px,4.2vw,46px);line-height:1.08}
.plan-band h2 .r{color:var(--red)}.plan-band h2 .g{color:var(--green)}
.plan-band p{margin:0;color:var(--muted);font-size:17px;max-width:46ch}
.plan-band .pb-price{display:grid;gap:6px;justify-items:start}
.plan-band .pb-price b{font-family:var(--mono);font-size:clamp(40px,6vw,64px);line-height:1}
.plan-band .pb-price span{color:var(--muted)}
@media (max-width:760px){.plan-band .pb-in{grid-template-columns:1fr;padding:24px}}
body.side-open .side-tab{left:min(320px,86vw);border-left:1px solid var(--cyan)}

/* learning cards in the menu */
.lc{border:1px solid var(--line-2);border-radius:12px;padding:14px 14px 10px;background:linear-gradient(170deg,color-mix(in srgb,var(--cyan) 8%,var(--panel)),var(--panel) 60%)}
.lc-top{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--faint);margin-bottom:6px}
.lc h5{margin:0 0 10px;font-family:var(--mono);font-size:18px;line-height:1.2;color:var(--text)}
.lc .lc-sq{display:block;height:auto;max-width:140px;margin:0 0 10px}
.lc p{margin:0 0 8px;font-size:15.5px;line-height:1.5;color:var(--text)}
.lc p b{color:var(--cyan)}
.lc-nav{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
.lc-nav button{width:36px;height:32px;border-radius:6px;border:1px solid var(--line-2);background:none;color:var(--text);font-size:20px;cursor:pointer}
.lc-nav button:disabled{opacity:.3;cursor:default}
.lc-dots{display:flex;gap:5px}.lc-dots i{width:6px;height:6px;border-radius:50%;background:var(--line-2)}.lc-dots i.on{background:var(--cyan)}
.lc-key{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--faint);margin:-4px 0 10px;flex-wrap:wrap}.lc-key i{width:9px;height:9px;border-radius:2px;display:inline-block;margin-left:4px}

.lc-wide{margin:2px 0 10px;font:inherit;font-family:var(--mono);font-size:12px;letter-spacing:.04em;padding:7px 10px;border-radius:6px;border:1px solid var(--cyan);background:none;color:var(--cyan);cursor:pointer}
.rt-modal{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.65);display:grid;place-items:center;padding:16px}
.rt-in{position:relative;width:min(1180px,100%);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line-2);border-radius:16px;padding:26px}
.rt-in h3{margin:4px 0 18px;font-size:clamp(22px,3vw,30px)}
.rt-x{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:6px;border:1px solid var(--line-2);background:none;color:var(--text);font-size:22px;cursor:pointer}
.rt-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rt-col{border:1px solid var(--line-2);border-radius:12px;padding:16px;background:var(--panel-2,var(--panel))}
.rt-n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--cyan);color:var(--void,#000);font-family:var(--mono);font-weight:700;font-size:14px}
.rt-col h4{margin:10px 0 12px;font-size:17px;line-height:1.25}
.rt-col dl{margin:0;display:grid;gap:4px}
.rt-col dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-top:8px}
.rt-col dd{margin:0;font-size:14.5px;line-height:1.45;color:var(--text)}
.rt-note{margin:16px 0 0;color:var(--muted);font-size:14px}
@media (max-width:900px){.rt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.rt-grid{grid-template-columns:1fr}}

/* Dilution impact page */
.di-hero{padding:72px 0 56px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 30%,color-mix(in srgb,#5FE1F2 16%,transparent),transparent 55%),radial-gradient(ellipse at 10% 90%,color-mix(in srgb,#D68A3C 14%,transparent),transparent 50%),linear-gradient(180deg,#081525,#0A1A2F);color:#E8F1FA}
.di-hero h1{margin:10px 0 14px;font-size:clamp(44px,8vw,92px);line-height:.98;letter-spacing:-.02em}
.di-hero .di-in{color:#8FA9C6}.di-hero .di-out{background:linear-gradient(90deg,#5FE1F2,#E8F1FA 70%);-webkit-background-clip:text;background-clip:text;color:transparent}
.di-lede{font-size:clamp(18px,2.4vw,24px);max-width:36ch;color:#C9D8E8;margin:0 0 22px}.di-lede b{color:#5FE1F2}.di-lede.sm{font-size:17px;max-width:60ch}
.di-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 28px}
.di-doc{font-family:var(--mono);font-size:13px;padding:10px 12px;border:1px solid #2A4566;border-radius:6px;background:#0D2238;color:#C9D8E8}
.di-arrow{font-size:26px;color:#5FE1F2;margin:0 6px}
.di-light{font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.08em;padding:12px 16px;border-radius:8px}
.di-light.red{background:rgba(196,87,63,.2);color:#F08A72;box-shadow:0 0 24px -6px #C4573F}.di-light.amb{background:rgba(214,138,60,.2);color:#F0B26A;box-shadow:0 0 24px -6px #D68A3C}
.di-band{padding:64px 0;background:linear-gradient(180deg,#0A1A2F,#0B1726);color:#E8F1FA}
.di-band h2{margin:0 0 22px;font-size:clamp(28px,4.2vw,44px);color:#E8F1FA}
.di-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}
.di-big{display:grid;gap:4px;padding:22px;border-radius:14px;border:1px solid #20395A;background:#0D2238}
.di-big span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8FA9C6}
.di-big b{font-family:var(--mono);font-size:clamp(26px,4vw,40px)}.di-big small{color:#9FB4CC;font-size:14px}
.di-big.red b{color:#F08A72}.di-big.amb b{color:#F0B26A}.di-big.red{box-shadow:inset 0 3px 0 #C4573F}.di-big.amb{box-shadow:inset 0 3px 0 #D68A3C}
.di-shot{margin:0 0 14px;border:1px solid #20395A;border-radius:12px;overflow:hidden;background:#060E18}
.di-shot.pro{border-color:color-mix(in srgb,#5FE1F2 45%,#20395A);box-shadow:0 0 40px -18px #5FE1F2}
.di-shot figcaption{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;color:#9FB4CC;border-bottom:1px solid #20395A}
.di-tag{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;padding:3px 8px;border-radius:4px;background:#1E3350;color:#E8F1FA}.di-tag.pro{background:#5FE1F2;color:#06121F}
.di-scroll{overflow-x:auto}.di-scroll img{display:block;width:100%;min-width:760px;height:auto}
.di-src{font-size:12.5px;color:#7F97B2;margin:12px 0 0}
.fh{list-style:none;margin:0;padding:0;display:grid;gap:0;border-left:2px solid #20395A}
.fh li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:center;padding:11px 0 11px 18px;position:relative}
.fh li::before{content:"";position:absolute;left:-7px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#3A5578}
.fh li.fh-sup::before{background:#D68A3C;box-shadow:0 0 10px #D68A3C}.fh li.fh-ev::before{background:#6C93B0}
.fh-d{font-family:var(--mono);font-size:13px;color:#8FA9C6}
.fh a{color:#E8F1FA;text-decoration:none;font-size:16px}.fh a b{font-family:var(--mono);font-size:13px;padding:3px 7px;border-radius:4px;background:#15304D;margin-right:8px}
.fh li.fh-sup a b{background:rgba(214,138,60,.25);color:#F0B26A}.fh a:hover{color:#5FE1F2}
.di-key{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#9FB4CC;margin-top:14px}.di-key i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.di-key .fh-sup{background:#D68A3C}.di-key .fh-ev{background:#6C93B0}.di-key .fh-own{background:#3A5578}
.ad-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ad-card{border:1px solid #20395A;border-radius:14px;padding:20px;background:#0D2238;display:grid;gap:12px;align-content:start}
.ad-card.key{box-shadow:inset 0 3px 0 #5FE1F2}
.ad-rules{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ad-rules li{display:flex;justify-content:space-between;gap:10px;font-size:15px}.ad-rules li b{font-weight:400;color:#9FB4CC;font-size:13.5px;text-align:right}
.ad-rules li.y::before{content:"✓";color:#5CA579;font-weight:700;margin-right:8px}.ad-rules li.n{color:#7F97B2}.ad-rules li.n::before{content:"·";margin-right:8px}
.ad-rules li{justify-content:flex-start}.ad-rules li b{margin-left:auto}
.ad-score{margin:0;font-size:15px;color:#C9D8E8}.ad-score b{font-family:var(--mono);font-size:22px;color:#5FE1F2}
.ad-notes{margin:0;padding-left:18px;display:grid;gap:10px;font-size:15px;line-height:1.45;color:#D8E4F0}.ad-notes b{font-family:var(--mono);color:#5FE1F2;margin-right:6px}
.kp{width:100%;border-collapse:collapse;font-size:14.5px}.kp td{padding:7px 0;border-bottom:1px solid #20395A;vertical-align:top;color:#C9D8E8}
.kp td:first-child{font-family:var(--mono);font-weight:700;color:#E8F1FA;white-space:nowrap;padding-right:14px}
.kp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kp-grid .cell b{font-family:var(--mono)}.kp-grid .cell p{margin:6px 0 0;color:var(--muted)}
@media (max-width:900px){.ad-grid3,.kp-grid{grid-template-columns:1fr}.di-two{grid-template-columns:1fr}}
.di-band .btn.ghost{color:#E8F1FA;border-color:#2A4566}.di-band .btn.ghost:hover{border-color:#5FE1F2;color:#5FE1F2}

/* three bars = three readings */
.tb{display:grid;grid-template-columns:auto minmax(0,1fr);gap:34px;align-items:center}
.tb-logo{width:clamp(120px,18vw,200px);height:auto}
.tb-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tb-list a{display:grid;gap:2px;padding:16px 18px;border-radius:12px;border:1px solid #20395A;background:#0D2238;text-decoration:none;color:#E8F1FA;transition:border-color .2s,transform .2s}
.tb-list a:hover{transform:translateX(4px)}
.tb-list b{font-family:var(--mono);font-size:clamp(18px,2.4vw,24px)}.tb-list span{color:#9FB4CC;font-size:15px}
.tb-list .g a{box-shadow:inset 4px 0 0 #5CA579}.tb-list .a a{box-shadow:inset 4px 0 0 #D68A3C}.tb-list .r a{box-shadow:inset 4px 0 0 #C4573F}
.tb-list .g a:hover{border-color:#5CA579}.tb-list .a a:hover{border-color:#D68A3C}.tb-list .r a:hover{border-color:#C4573F}
.tb-adam{margin:22px 0 0;font-size:18px;color:#5FE1F2;font-family:var(--mono)}
.tb-n{display:inline-grid;place-items:center;width:1.3em;height:1.3em;border-radius:6px;font-size:.6em;vertical-align:.25em;margin-right:8px;color:#06121F}
.tb-n.g{background:#5CA579}.tb-n.a{background:#D68A3C}.tb-n.r{background:#C4573F}
@media (max-width:700px){.tb{grid-template-columns:1fr;justify-items:start}}
/* symbols history strip */
.sh-scroll{overflow-x:auto;border:1px solid #20395A;border-radius:12px;background:#081525;box-shadow:inset 0 3px 0 #C4573F}
.shx{list-style:none;margin:0;padding:12px;display:grid;grid-template-columns:repeat(21,minmax(58px,1fr));gap:4px;min-width:1240px}
.shx li{display:grid;gap:6px;justify-items:center;align-content:start;padding:8px 2px;border-radius:8px;background:#0D2238;min-height:150px}
.shx li.on{background:linear-gradient(180deg,rgba(196,87,63,.18),#0D2238 70%)}
.sh-day{font-family:var(--mono);font-size:14px;text-align:center;color:#E8F1FA;line-height:1.1}.sh-day small{font-size:10px;color:#7F97B2}
.sh-pct{font-family:var(--mono);font-size:12px}.sh-pct.up{color:#7FD3A0}.sh-pct.dn{color:#F08A72}
.sh-chips{display:grid;gap:4px;justify-items:center}.sh-chips i{width:5px;height:5px;border-radius:50%;background:#2A4566;margin-top:6px}
.sh-c{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.04em;padding:3px 5px;border-radius:4px;text-decoration:none;border:1px solid currentColor}
.sh-run{color:#5CA579}.sh-spike{color:#5FE1F2}.sh-drop{color:#F08A72}.sh-quiet{color:#6C93B0}.sh-paper{color:#D5DADF}.sh-rs{color:#D68A3C}
.sh-c:hover{background:rgba(255,255,255,.08)}
.di-key .sh-c{margin-left:10px}
.mk-home li.mk-hit{outline:2px solid #5FE1F2!important;outline-offset:-2px;animation:mkHit 1.2s ease 2}
@keyframes mkHit{50%{background:rgba(95,225,242,.18)}}
.shx{grid-template-columns:repeat(21,minmax(42px,1fr));min-width:960px;gap:3px}.shx li{padding:8px 0}.shx li:last-child{box-shadow:inset 0 0 0 1px #5FE1F2}

.tb-fig{display:grid;justify-items:center;gap:10px}.tb-lv{display:flex;gap:12px;font-family:var(--mono);font-weight:700;font-size:18px}
.tb-lv .g{color:#5CA579}.tb-lv .a{color:#D68A3C}.tb-lv .r{color:#E07A62}
.tb-list a{grid-template-columns:auto minmax(0,1fr);column-gap:16px}.tb-list a b,.tb-list a span{grid-column:2}
.tb-v{grid-row:1/3;align-self:center;font-style:normal;font-family:var(--mono);font-weight:700;font-size:clamp(22px,3vw,30px);min-width:3.2ch}
.tb-list .g .tb-v{color:#5CA579}.tb-list .a .tb-v{color:#D68A3C}.tb-list .r .tb-v{color:#E07A62}
.tb-adam b{color:#E8F1FA}

.nt-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:24px 26px;border-radius:16px;border:1px solid var(--line-2);background:linear-gradient(120deg,color-mix(in srgb,#5CA579 10%,var(--panel)),var(--panel) 45%,color-mix(in srgb,#C4573F 10%,var(--panel)));text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}
.nt-card:hover{border-color:var(--cyan);transform:translateY(-2px)}.nt-card svg{width:70px}.nt-card b{display:block;font-family:var(--mono);font-size:clamp(20px,2.6vw,28px);margin:4px 0}.nt-card span span{color:var(--muted)}
.nt-go{font-family:var(--mono);font-weight:700;color:var(--cyan);font-size:18px}
@media (max-width:640px){.nt-card{grid-template-columns:1fr}}

/* ---- New Learning page ---- */
.lx-hero{padding:80px 0 60px;background:radial-gradient(ellipse at 80% 20%,rgba(95,225,242,.16),transparent 55%),linear-gradient(180deg,#081525,#0A1A2F);color:#E8F1FA}
.lx-hero h1{margin:10px 0 14px;font-size:clamp(46px,8.5vw,100px);line-height:.95;letter-spacing:-.02em}.lx-hero h1 span{color:#5FE1F2}
.lx-lede{font-size:clamp(19px,2.6vw,26px);max-width:34ch;color:#C9D8E8;margin:0 0 30px}.lx-lede b{color:#E8F1FA}
.lx-demo{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.lx-demo>div{display:grid;gap:8px}.lx-demo small{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8FA9C6}.lx-demo b{font-family:var(--mono);font-size:18px}.lx-demo>span{font-size:34px;color:#5FE1F2}
.lx-sq{display:block;width:auto;height:auto;max-width:100%}.lx-demo .lx-sq{width:180px}
.lx-band{padding:70px 0;background:linear-gradient(180deg,#0A1A2F,#0B1726);color:#E8F1FA}
.lx-band h2{margin:0 0 24px;font-size:clamp(30px,4.6vw,50px);color:#E8F1FA}
.lx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lx-card{position:relative;padding:28px 28px 24px;border-radius:18px;border:1px solid #20395A;background:#0D2238;display:grid;gap:12px;align-content:start}
.lx-card h3{margin:0;font-family:var(--mono);font-size:clamp(22px,2.6vw,30px);line-height:1.15;color:#E8F1FA;padding-right:44px}
.lx-card p{margin:0;font-size:clamp(17px,1.8vw,20px);line-height:1.5;color:#D8E4F0}.lx-card p b{color:#5FE1F2}
.lx-card .lx-sq{width:min(100%,260px)}
.lx-n{position:absolute;top:20px;right:22px;font-family:var(--mono);font-weight:700;font-size:30px;color:#2B4566}
.lx-wide{grid-column:1/-1}
.lx-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lx-routes section{border:1px solid #20395A;border-radius:12px;padding:16px;background:#0A1C30;display:grid;gap:8px;align-content:start}
.lx-routes b{font-family:var(--mono);color:#5FE1F2;font-size:16px}.lx-routes p{font-size:15.5px!important}
.lx-routes dl{margin:0;display:grid;gap:3px}.lx-routes dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#8FA9C6;margin-top:6px}.lx-routes dd{margin:0;font-size:14.5px;color:#E8F1FA}
.lx-key{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#9FB4CC;margin:16px 0 0}.lx-key i{display:inline-block;width:11px;height:11px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.lx-les-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lx-les{display:grid;gap:10px;padding:20px;border-radius:16px;border:1px solid var(--line-2);background:linear-gradient(170deg,color-mix(in srgb,#0A1A2F 55%,var(--panel)),var(--panel));text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}
.lx-les:hover{border-color:var(--cyan);transform:translateY(-3px)}
.lx-les-top{display:flex;align-items:center;justify-content:space-between}.lx-les-top .lx-logo{width:42px;height:auto}
.lx-les-n{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.lx-les h3{margin:4px 0 0;font-size:21px;line-height:1.2}.lx-les p{margin:0;color:var(--muted);font-size:14.5px}
.lx-adam{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:6px;padding-top:12px;border-top:1px solid var(--line)}
.lx-adam small{display:block;font-size:12px;color:var(--muted)}.lx-adam b{font-size:14px}
.lx-av{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#D68A3C;color:#06121F;font-family:var(--mono);font-weight:700;flex:none}
.lx-play{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--cyan);color:#06121F;font-size:14px}
.lx-ex{font-size:16px;color:#C9D8E8;margin:-10px 0 26px}.lx-ex b{color:#5FE1F2}
.lx-plan{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
.lx-pcard{border:1px solid #20395A;border-radius:16px;padding:22px;background:#0D2238;display:grid;gap:14px;align-content:start}
.lx-pcard header{display:flex;align-items:center;gap:12px}.lx-pcard header .lx-logo{width:40px}.lx-pcard header b{display:block;font-family:var(--mono);font-size:19px}.lx-pcard header small{color:#9FB4CC}
.lx-pcard dl{margin:0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 14px;font-size:15px}.lx-pcard dt{color:#8FA9C6;font-family:var(--mono);font-size:12px;letter-spacing:.06em;padding-top:2px}.lx-pcard dd{margin:0;color:#E8F1FA}
.lx-pcard dt.g{color:#5CA579}.lx-pcard dt.a{color:#D68A3C}.lx-pcard dt.r{color:#E07A62}
.lx-adamnote{display:flex;gap:12px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:10px;background:#0A1C30;border-left:3px solid #D68A3C;color:#D8E4F0;font-size:15px}
.lx-pcard .kp td{color:#C9D8E8}.lx-pcard .kp td:first-child{color:#E8F1FA}
.lx-tiny{font-size:12.5px;color:#7F97B2;margin:0}
.lx-h3{margin:40px 0 14px;font-size:24px;color:#E8F1FA}
.lx-tl{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lx-tl li{padding:12px 14px;border-radius:10px;background:#0D2238;border:1px solid #20395A;font-size:14px;color:#C9D8E8}.lx-tl b{display:block;font-family:var(--mono);color:#5FE1F2;font-size:16px}
.lx-sc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px}
.lx-sc{border:1px solid #20395A;border-radius:14px;padding:16px;background:linear-gradient(180deg,#0F2944,#0D2238);display:grid;gap:9px;align-content:start;box-shadow:0 10px 30px -18px #000}
.lx-sc header{display:flex;justify-content:space-between;align-items:baseline}.lx-sc header span{font-family:var(--mono);font-size:11px;color:#8FA9C6}.lx-sc header b{font-family:var(--mono);font-size:22px;color:#E8F1FA}
.lx-sc-p{font-family:var(--mono);font-size:22px;font-weight:700;color:#E8F1FA}.lx-sc-p small{display:block;font-size:10.5px;font-weight:400;color:#8FA9C6;letter-spacing:.1em;text-transform:uppercase}
.lx-sc-l{display:flex;flex-wrap:wrap;gap:6px}.lx-sc-l i{font-style:normal;font-family:var(--mono);font-size:10.5px;font-weight:700;padding:3px 7px;border-radius:4px;background:#15304D;color:#C9D8E8}.lx-sc-l i.l-red{background:rgba(196,87,63,.25);color:#F08A72}.lx-sc-l i.l-amber{background:rgba(214,138,60,.25);color:#F0B26A}
.lx-sc-b{font-family:var(--mono);font-size:12.5px!important;color:#5FE1F2!important}
.lx-sc p{margin:0;font-size:13.5px;line-height:1.45;color:#C9D8E8}.lx-sc footer{font-family:var(--mono);font-size:11.5px;color:#8FA9C6;border-top:1px solid #20395A;padding-top:8px}
@media (max-width:1100px){.lx-sc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lx-les-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-routes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.lx-grid,.lx-plan,.lx-les-grid,.lx-routes{grid-template-columns:1fr}.lx-sc-grid{grid-template-columns:1fr 1fr}.lx-tl{grid-template-columns:1fr 1fr}.lx-pcard dl{grid-template-columns:1fr}}
@media (max-width:460px){.lx-sc-grid{grid-template-columns:1fr}}
/* ---- Dilution learning deck ---- */
.lx-deck{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto auto;gap:14px;padding:34px 0 26px;background:radial-gradient(ellipse at 20% 0%,rgba(95,225,242,.10),transparent 55%),linear-gradient(180deg,#0A1A2F,#081525);color:#E8F1FA}
.lx-deck:fullscreen{padding:24px 0}
.lx-deck-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.lx-deck-top h2{margin:0;font-size:clamp(24px,3.4vw,40px);color:#E8F1FA}
.lx-fs,.lx-btn{font:600 14px var(--mono);color:#E8F1FA;background:#0D2238;border:1px solid #2B4566;border-radius:10px;padding:10px 16px;cursor:pointer}
.lx-fs:hover,.lx-btn:hover:not(:disabled){border-color:#5FE1F2}.lx-btn:disabled{opacity:.35;cursor:default}
.lx-next{background:#5FE1F2;color:#06121F;border-color:#5FE1F2}
.lx-stage{display:grid;width:min(1180px,calc(100% - 32px));margin:0 auto;min-height:0}
.lx-slide{position:relative;display:grid;align-content:center;min-height:min(72svh,760px);padding:clamp(28px,5vw,64px);border-radius:24px;border:1px solid #20395A;background:linear-gradient(160deg,#10294A,#0C1F35 60%);box-shadow:0 30px 80px -40px #000;animation:lxIn .35s ease}
@keyframes lxIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lx-slide{animation:none}}
.lx-face{display:grid;gap:clamp(16px,2.4vw,28px);max-width:900px}
.lx-slide h3{margin:0;font-family:var(--mono);font-size:clamp(34px,5.6vw,72px);line-height:1.02;letter-spacing:-.01em;color:#E8F1FA;padding-right:70px}
.lx-slide .lx-sq{width:min(100%,440px)}
.lx-lines{display:grid;gap:10px}.lx-lines p{margin:0;font-size:clamp(21px,2.7vw,32px);line-height:1.35;color:#D8E4F0}.lx-lines b{color:#5FE1F2}.lx-lines b.r{color:#F08A72}
.lx-slide .lx-n{top:26px;right:30px;font-size:16px;color:#5F7FA3}
.lx-wide .lx-face{max-width:none}.lx-wide .lx-routes{margin-top:4px}.lx-wide .lx-routes p{font-size:16.5px!important;color:#D8E4F0}.lx-wide .lx-routes b{font-size:18px}
.lx-plus{position:absolute;right:clamp(20px,3vw,36px);bottom:clamp(20px,3vw,36px);--pc:#fff;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.45);border:1.5px solid rgba(255,255,255,.35);cursor:pointer;transition:border-color .2s,box-shadow .2s;z-index:2}
.lx-plus:hover,.lx-plus[aria-expanded="true"]{border-color:#5FE1F2;box-shadow:0 0 28px -6px rgba(95,225,242,.7)}
.lx-plus .pt-x{position:relative;width:24px;height:24px;display:block;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.lx-plus .pt-x::before,.lx-plus .pt-x::after{content:"";position:absolute;left:50%;top:50%;background:#fff;border-radius:1px;transform:translate(-50%,-50%)}
.lx-plus .pt-x::before{width:24px;height:3px}.lx-plus .pt-x::after{width:3px;height:24px}
.lx-plus[aria-expanded="true"] .pt-x{transform:rotate(45deg)}
.lx-plus:focus-visible{outline:2px solid #5FE1F2;outline-offset:3px}
.lx-more{position:absolute;inset:0;border-radius:24px;padding:clamp(28px,5vw,64px);padding-bottom:110px;background:rgba(6,16,30,.96);backdrop-filter:blur(6px);overflow:auto;display:grid;align-content:center;gap:16px;animation:lxUp .3s ease}
.lx-more[hidden]{display:none}
@keyframes lxUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.lx-more h3{font-size:clamp(28px,4.2vw,52px);color:#5FE1F2}
.lx-more p{margin:0;font-size:clamp(19px,2.3vw,27px);line-height:1.45;color:#D8E4F0;max-width:46ch}.lx-more b{color:#E8F1FA}.lx-more a{color:#5FE1F2}
.lx-sum{display:flex;flex-wrap:wrap;gap:16px}.lx-sum div{padding:18px 22px;border-radius:14px;background:#0D2238;border:1px solid #2B4566}.lx-sum small{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8FA9C6}.lx-sum b{font-family:var(--mono);font-size:clamp(24px,3vw,36px)}
.lx-desk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px}
.lx-desk h4{margin:0 0 10px;font:600 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8FA9C6}
.lx-row{display:flex;flex-wrap:wrap;gap:8px}
.lx-chip{display:grid;gap:2px;padding:10px 14px;border-radius:10px;font:700 15px var(--mono);color:#fff;background:color-mix(in srgb,var(--c) 26%,#081525);border:1.5px solid var(--c);animation:lxGlow 2.4s ease-in-out infinite}
.lx-chip small{font:400 12px var(--sans,system-ui);color:#C9D8E8}
.lx-chip:nth-child(2){animation-delay:.4s}.lx-chip:nth-child(3){animation-delay:.8s}
@keyframes lxGlow{50%{box-shadow:0 0 18px -4px var(--c)}}
@media (prefers-reduced-motion:reduce){.lx-chip{animation:none}}
.lx-plus-foot{font-size:16px!important;color:#9FB4CC!important}
.lx-ctrl{display:flex;justify-content:space-between;align-items:center;gap:12px}
.lx-dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.lx-dot{width:12px;height:12px;border-radius:50%;border:0;padding:0;background:#2B4566;cursor:pointer}.lx-dot[aria-current="true"]{background:#5FE1F2;width:30px;border-radius:6px}
.lx-deck .lx-key{margin:0}.lx-key span{color:#7F97B2}
.lx-hero-s{padding:64px 0 40px}.lx-hero-s h1{font-size:clamp(42px,7vw,84px)}
.lx-planpage{padding-top:30px}
@media (max-width:760px){.lx-desk{grid-template-columns:1fr}.lx-slide{min-height:70svh;padding:26px 22px 96px}.lx-slide h3{padding-right:52px}.lx-plus{width:56px;height:56px}.lx-more{padding:26px 22px 100px}.lx-deck-top{flex-wrap:wrap}.lx-ctrl .lx-btn{padding:10px 12px}}
.lx-slide[hidden]{display:none}
.lx-slide{padding-bottom:max(110px,clamp(28px,5vw,64px))}
.lx-more{position:relative;inset:auto;padding:0;background:none;backdrop-filter:none;overflow:visible;border-radius:0}
.lx-slide.open .lx-face{display:none}
@media (max-width:760px){.lx-more{padding:0}}

/* ---- Trading plan deck ---- */
.tp-h1{margin:0;font-size:clamp(28px,4vw,46px);color:#E8F1FA}
.tp-big{margin:0;font-size:clamp(21px,2.7vw,32px);line-height:1.35;color:#D8E4F0;max-width:30ch}.tp-big b{color:#5FE1F2}
.tp-tag{margin:0;font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7F97B2}
.tp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tp-stats div{padding:18px;border-radius:14px;background:#0A1C30;border:1px solid #20395A}.tp-stats b{display:block;font:700 clamp(34px,4.6vw,58px) var(--mono);color:#5FE1F2;line-height:1}.tp-stats small{font-size:15px;color:#C9D8E8}
.tp-rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tp-rules li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;background:#0A1C30;border:1px solid #20395A;border-left:5px solid var(--rc);font-size:clamp(17px,1.9vw,22px);color:#E8F1FA}
.tp-rules i{font:700 18px var(--mono);font-style:normal;color:var(--rc);min-width:20px}
.tp-rules .b-g{--rc:#5CA579}.tp-rules .b-a{--rc:#D68A3C}.tp-rules .b-r{--rc:#E07A62}.tp-rules .b-k{--rc:#5FE1F2}
.tp-chk li{font-size:clamp(15px,1.6vw,18px);padding:10px 14px}.tp-chk i{color:#7FD39E}.tp-chk li.miss{opacity:.55}.tp-chk li.miss i{color:#F08A72}
.tp-need{margin:0;font-size:clamp(17px,2vw,22px);color:#C9D8E8}.tp-need b{color:#E8F1FA}.tp-need b.g,.lx-lines b.g{color:#7FD39E}.lx-lines b.r{color:#F08A72}
.tp-huge{font:700 clamp(110px,20vw,240px)/0.9 var(--mono);color:#5FE1F2;letter-spacing:-.04em}
.tp-kp{border-collapse:collapse;width:100%;max-width:820px}.tp-kp td{padding:14px 0;border-bottom:1px solid #20395A;font-size:clamp(17px,2vw,22px);color:#C9D8E8}.tp-kp td:first-child{font:700 clamp(26px,3.4vw,40px) var(--mono);color:#E8F1FA;width:34%;padding-right:20px}.tp-kp b{color:#5FE1F2}
.tp-score{display:flex;align-items:baseline;gap:16px}.tp-score b{font:700 clamp(64px,9vw,110px)/1 var(--mono);color:#7FD39E}.tp-score span{font-size:clamp(18px,2.2vw,26px);color:#C9D8E8}
.tp-buy{display:grid;grid-template-columns:max-content 1fr;gap:12px 30px;margin:0;align-items:baseline}.tp-buy dt{font:600 13px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8FA9C6}.tp-buy dd{margin:0;font:700 clamp(26px,3.6vw,44px) var(--mono);color:#E8F1FA}.tp-buy dd.ok{color:#7FD39E}
.tp-scs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.tp-sc{display:grid;gap:4px;padding:16px;border-radius:12px;background:linear-gradient(180deg,#123056,#0D2238);border:1px solid #2B4566}.tp-sc small{font:12px var(--mono);color:#8FA9C6}.tp-sc b{font:700 24px var(--mono);color:#E8F1FA}.tp-sc span{font:700 18px var(--mono);color:#5FE1F2}.tp-sc em{font-style:normal;font:12px var(--mono);color:#C9D8E8}
.tp-go{display:flex;flex-wrap:wrap;gap:12px}.tp-go .lx-btn{text-decoration:none;font-size:16px;padding:14px 20px}
.tp-slide .lx-tl{margin:0}
@media (max-width:760px){.tp-rules,.tp-stats{grid-template-columns:1fr 1fr}.tp-rules{grid-template-columns:1fr}.tp-scs{grid-template-columns:1fr 1fr}.tp-kp td:first-child{width:40%}}
@media (max-width:760px){.lx-dots{gap:5px}.lx-dot{width:9px;height:9px}.lx-dot[aria-current="true"]{width:20px}.lx-ctrl .lx-btn{white-space:nowrap}}

/* ---- Simulator preview (Trading plan) ---- */
.sp-sec{background:radial-gradient(ellipse at 70% 10%,rgba(95,225,242,.10),transparent 60%),linear-gradient(180deg,#081525,#0A1A2F);color:#E8F1FA}
.sp-sec .sec-head h2{color:#E8F1FA}.sp-sec .sec-head p{color:#C9D8E8}
.sp-stage{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:clamp(18px,4vw,48px);padding:30px 0 10px;user-select:none;pointer-events:none}
.sp-tablet,.sp-phone{position:relative;background:#05101C;border:1px solid #2B4566;box-shadow:0 40px 90px -40px #000,inset 0 0 0 6px #0B1726;overflow:hidden;filter:saturate(.95)}
.sp-tablet{width:min(640px,62vw);aspect-ratio:3/4;border-radius:30px;padding:18px}
.sp-phone{width:min(250px,40vw);aspect-ratio:9/19.5;border-radius:38px;padding:30px 11px 14px}
.sp-notch{position:absolute;top:10px;left:50%;width:70px;height:16px;margin-left:-35px;border-radius:10px;background:#000;z-index:2}
.sp-screen{height:100%;overflow:hidden;display:grid;gap:10px;align-content:start;font-size:12px;color:#E8F1FA;border-radius:16px;background:#0A1622;padding:12px;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
.sp-phone .sp-screen{font-size:10px;padding:9px;gap:8px;border-radius:26px}
.sp-head{display:grid;gap:2px}.sp-head b{font-size:1.6em}.sp-head small{color:#8FA9C6}
.sp-badge{justify-self:start;font:700 .78em var(--mono);padding:2px 6px;border-radius:3px;background:#5FE1F2;color:#06121F}
.sp-acct{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sp-acct div{padding:7px 8px;border-radius:8px;border:1px solid #20395A;background:#0D2238}
.sp-sec small{display:block;font:600 .72em var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8FA9C6}.sp-acct b{font:700 1.3em var(--mono)}
.sp-day{display:flex;align-items:center;gap:8px;padding:8px;border-radius:9px;border:1px solid #20395A}.sp-day b{font:700 1.2em var(--mono)}
.sp-pill{padding:5px 9px;border-radius:7px;border:1px solid #2B4566;font-weight:600}.sp-pill.on{background:#D68A3C;border-color:#D68A3C;color:#06121F;margin-left:auto}
.sp-2{display:grid;grid-template-columns:1fr 1.15fr;gap:8px;align-items:start}
.sp-card{border:1px solid #20395A;border-radius:10px;padding:9px;background:#0C1C2E;display:grid;gap:7px}
.sp-card h5{margin:0;font-size:1.05em}
.sp-sel,.sp-in{padding:6px 8px;border-radius:7px;border:1px solid #2B4566;background:#06121F;font:700 1.1em var(--mono);display:flex;justify-content:space-between}
.sp-px b{font:700 2em var(--mono)}
.sp-met{display:flex;gap:8px;align-items:center;padding:7px;border-radius:9px;border:1.5px solid #5CA579;background:rgba(92,165,121,.12)}.sp-met b{font:700 2em var(--mono);color:#7FD39E}.sp-met span{font-weight:600}
.sp-btns{display:grid;grid-template-columns:1fr 1fr;gap:5px}.sp-b{text-align:center;padding:7px 4px;border-radius:7px;border:1px solid #2B4566;font-weight:600}.sp-b.buy{background:#D68A3C;border-color:#D68A3C;color:#06121F}.sp-b.sh{border-color:#C4573F;color:#F08A72}
.sp-short{display:grid;grid-template-columns:1fr 1fr;gap:5px}.sp-short div{padding:6px;border-radius:7px;background:#06121F;border:1px solid #20395A}.sp-short b{font:700 1.15em var(--mono)}.sp-sec .dn{color:#F08A72}.sp-sec .up{color:#7FD39E}
.sp-rules{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.sp-rules li{display:grid;grid-template-columns:16px 1fr;gap:0 6px;padding:5px 7px;border-radius:7px;border:1px solid #20395A;border-left:3px solid var(--rc)}.sp-rules i{grid-row:span 2;font-style:normal;font-weight:700;color:#7FD39E;align-self:center}.sp-rules span{color:#8FA9C6;font-size:.9em}.sp-rules li.miss{opacity:.55}.sp-rules li.miss i{color:#F08A72}
.sp-rules .b-g{--rc:#5CA579}.sp-rules .b-a{--rc:#D68A3C}.sp-rules .b-r{--rc:#C4573F}.sp-rules .b-k{--rc:#5FE1F2}
.sp-row,.sp-log{display:flex;gap:10px;align-items:center;font-family:var(--mono)}.sp-log em{margin-left:auto;font-style:normal;font-size:.85em;padding:2px 5px;border-radius:4px;background:rgba(92,165,121,.18);color:#7FD39E}.sp-log b{color:#7FD39E}
.sp-lock{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.sp-lk{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:rgba(5,16,28,.86);border:1px solid #5FE1F2;color:#E8F1FA;font:700 14px var(--mono);letter-spacing:.06em;box-shadow:0 0 40px -8px rgba(95,225,242,.6);backdrop-filter:blur(4px)}.sp-lk svg{width:20px;height:20px;color:#5FE1F2}
.sp-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px}.sp-cta span{font-size:13px;color:#8FA9C6}
@media (max-width:760px){.sp-stage{flex-direction:column;align-items:center}.sp-tablet{width:100%;aspect-ratio:auto;height:520px}.sp-phone{width:min(260px,78vw)}}
.sp-lock{place-items:start center;padding-top:0}.sp-lk{transform:translateY(-6px)}
@media (max-width:760px){.sp-tablet{display:none}.sp-stage{padding-top:46px}}
.sp-pill.sm{padding:2px 7px;font-size:.85em;margin-left:auto}.sp-log .sp-pill.sm{margin-left:6px}
/* ---- Homepage: three readings ---- */
.r3-head{display:grid;gap:8px;justify-items:start}.r3-head p{margin:0;max-width:60ch;color:var(--muted);font-size:17px}
.r3-grid{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:none}
.r3-col{display:grid;gap:12px;align-content:start;padding:16px;border-radius:18px;border:1px solid var(--line-2);border-top:4px solid var(--rc);background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 8%,var(--panel)),var(--panel))}
.r3-col.g{--rc:#5CA579}.r3-col.a{--rc:#D68A3C}.r3-col.r{--rc:#C4573F}
.r3-top{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.r3-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--rc);color:#06121F;font:700 20px var(--mono)}
.r3-top b{font-size:19px}.r3-top small{display:block;color:var(--muted);font-size:13.5px}.r3-top em{font:700 22px var(--mono);font-style:normal;color:var(--rc)}
.r3-lights{display:grid!important;grid-template-columns:1fr!important;gap:10px}.r3-lights .ad{padding:16px}.r3-lights .ad h3{font-size:16px;margin:0}
.r3-card{display:grid;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--line-2);background:var(--bg);text-decoration:none;color:var(--text);transition:border-color .2s}.r3-card:hover{border-color:var(--rc)}
.r3-card p{margin:0;color:var(--muted);font-size:14.5px}.r3-go{font:600 13px var(--mono);color:var(--rc)}
.r3-chips{display:flex;flex-wrap:wrap;gap:6px}.r3-chips span{font:700 11.5px var(--mono);padding:6px 9px;border-radius:7px;border:1px solid var(--line-2);color:var(--muted)}
.r3-chips span.on{border-color:var(--rc);color:#fff;background:color-mix(in srgb,var(--rc) 30%,transparent);box-shadow:0 0 16px -6px var(--rc)}
.r3-strip{display:grid;grid-template-columns:repeat(21,1fr);gap:3px}.r3-strip i{aspect-ratio:1;border-radius:3px;background:var(--line-2)}
.r3-strip .h-r{background:#5CA579}.r3-strip .h-p{background:#B9C4D0}.r3-strip .h-u{background:#8A5CF0}.r3-strip .h-d{background:#C4573F}
.r3-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;border-radius:14px;border:1px solid var(--line-2);background:var(--panel)}
.r3-foot .r3-logo{width:34px;height:auto}.r3-foot span{flex:1 1 300px;font-size:15px}.r3-foot b{font-family:var(--mono);margin-left:6px}.r3-foot b.g{color:#5CA579}.r3-foot b.a{color:#D68A3C}.r3-foot b.r{color:#E07A62}
@media (max-width:980px){.r3-grid{grid-template-columns:1fr}}
.r3-strip .h-run{background:#5CA579}.r3-strip .h-paper{background:#B9C4D0}.r3-strip .h-spike{background:#5FE1F2}.r3-strip .h-drop{background:#C4573F}.r3-strip .h-rs{background:#D68A3C}.r3-strip .h-quiet{background:#6F7F95}.r3-strip .h-sub1{background:#8A5CF0}
.di-merged .di-tag+.di-tag{margin-left:4px}.di-merged img{display:block;min-width:900px;width:100%;height:auto}
.di-why{display:grid;gap:8px;margin:18px 0 6px;padding:22px 24px;border-radius:16px;border:1px solid #5FE1F2;background:linear-gradient(110deg,rgba(95,225,242,.12),rgba(10,26,47,.4) 60%);color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}
.di-why:hover{transform:translateY(-2px);box-shadow:0 14px 40px -18px rgba(95,225,242,.7)}
.di-why-k{font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5FE1F2}
.di-why b{font-size:clamp(20px,2.6vw,28px)}.di-why span{max-width:70ch}.di-why-go{font:700 14px var(--mono);color:#5FE1F2}
/* three readings, simple */
.r3-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,70px);align-items:center}
.r3-txt{display:grid;gap:16px;justify-items:start}.r3-txt h2{margin:0}.r3-txt p{margin:0;color:var(--muted);font-size:18px;max-width:40ch}
.r3-legend{display:grid;gap:8px;width:100%;max-width:520px}
.r3-l{display:grid;grid-template-columns:1fr auto;gap:2px 14px;padding:12px 16px;border-radius:12px;border:1px solid var(--line-2);border-left:4px solid var(--rc);text-decoration:none;color:var(--text);transition:border-color .2s}
.r3-l:hover{border-color:var(--rc)}.r3-l.g{--rc:#5CA579}.r3-l.a{--rc:#D68A3C}.r3-l.r{--rc:#C4573F}
.r3-l b{font-size:17px}.r3-l b i{font-style:normal;font-family:var(--mono);color:var(--rc);margin-right:8px}.r3-l span{grid-column:1;color:var(--muted);font-size:13.5px}.r3-l em{grid-row:1/3;grid-column:2;align-self:center;font:700 22px var(--mono);font-style:normal;color:var(--rc)}
.r3-fig{margin:0;display:grid;justify-items:center;gap:8px}.r3-big{width:min(100%,400px);height:auto;overflow:visible}
.r3-fig figcaption{font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.r3v{font:700 24px var(--mono);fill:var(--text)}
.r3f{transform-box:fill-box;transform-origin:bottom;animation:r3Up 1.4s cubic-bezier(.2,.8,.2,1) both}.r3f-a{animation-delay:.25s}.r3f-r{animation-delay:.5s}
@keyframes r3Up{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.r3f{animation:none}}
@media (max-width:860px){.r3-wrap{grid-template-columns:1fr}.r3-fig{order:-1}.r3-big{width:min(78%,320px)}}
.r3-txt h2{font-size:clamp(34px,4.6vw,58px);line-height:1.02}.r3-txt h2 .h{display:block;color:var(--muted)}
.fp-btn{display:inline-grid;place-items:center;padding:0 8px;min-width:32px}.fp-btn svg{width:16px;height:16px}.fp-btn.fp-no{opacity:.45}
.mk-rsplit{color:var(--amber)}
#history .di-merged{margin-top:30px}
/* ---- Dilution impact, clean layout ---- */
.dx{--dx-bg:#0A0E12;--dx-panel:#0F1C27;--dx-line:#1F3445;--dx-text:#E6EEF5;--dx-mute:#9AAAB8;--dx-g:#5FB98E;--dx-a:#E39A4E;--dx-r:#E87561;--dx-c:#5FE1F2;background:var(--dx-bg);color:var(--dx-text)}
:root[data-theme="light"] .dx{--dx-bg:#F6F8FA;--dx-panel:#FFFFFF;--dx-line:#D5DEE6;--dx-text:#0F1A24;--dx-mute:#4E5E6C;--dx-g:#2F8A5E;--dx-a:#B5671D;--dx-r:#B9442F;--dx-c:#0E8FA3}
.dx-sec{padding:clamp(46px,7vw,84px) 0;border-top:1px solid var(--dx-line)}.dx-sec:first-child{border-top:0}
.dx h1{margin:14px 0 18px;font-family:var(--mono);font-weight:600;font-size:clamp(44px,7.4vw,92px);line-height:1;letter-spacing:-.02em;max-width:14ch;color:var(--dx-text)}
.dx h2{margin:10px 0 14px;font-family:var(--mono);font-weight:600;font-size:clamp(30px,4.4vw,48px);line-height:1.08;letter-spacing:-.01em;color:var(--dx-text)}
.dx-k{display:inline-block;font:600 11.5px var(--mono);letter-spacing:.16em;text-transform:uppercase}
.dx-k.g{color:var(--dx-g)}.dx-k.a{color:var(--dx-a)}.dx-k.r{color:var(--dx-r)}.dx-k.c{color:var(--dx-c)}.dx-k.m{color:var(--dx-mute)}
.dx-lede,.dx-sub{margin:0 0 26px;color:var(--dx-mute);font-size:clamp(16px,1.6vw,19px);max-width:62ch}
.dx-term{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;margin-bottom:34px;border:1px solid var(--dx-line);background:var(--dx-panel);font:600 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.dx-term span:first-child{color:var(--dx-c)}.dx-term span:last-child{color:var(--dx-mute)}.dx-term i{display:inline-block;width:7px;height:7px;background:var(--dx-g);margin-right:14px;vertical-align:1px}
.dx-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:18px 24px;margin-bottom:26px;border:1px solid var(--dx-line);background:var(--dx-panel);font:600 16px var(--mono)}
.dx-flow b{color:var(--dx-c);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.dx-arr{color:var(--dx-mute)}
.dx-btn{display:inline-block;padding:16px 24px;background:var(--dx-c);color:#06121F;font-weight:600;text-decoration:none;border:0}.dx-btn:hover{filter:brightness(1.08)}
.dx-link{color:var(--dx-c);font:600 14px var(--mono);text-decoration:none}.dx-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.dx-panel{border:1px solid var(--dx-line);background:var(--dx-panel);padding:26px}
.dx-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:start}
.dx-steps{list-style:none;margin:0;padding:0}
.dx-steps li{padding:18px 0;border-top:1px solid var(--dx-line)}.dx-steps a{display:flex;gap:18px;text-decoration:none;font:600 19px var(--mono)}.dx-steps b{font-weight:600}
.dx-steps li.g a{color:var(--dx-g)}.dx-steps li.a a{color:var(--dx-a)}.dx-steps li.r a{color:var(--dx-r)}
.dx-steps small{display:block;margin-top:6px;color:var(--dx-mute);font-size:15.5px}
.dx-glance{display:grid;gap:18px}.dx-bars{width:100%;height:auto;overflow:visible}.dx-bv{font:600 22px var(--mono)}
.dx-glance figcaption{font:600 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dx-mute)}
.dx-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.dx-light{border-top:2px solid var(--lc);display:grid;gap:12px}.dx-light.r{--lc:var(--dx-r)}.dx-light.a{--lc:var(--dx-a)}
.dx-light b{font:600 clamp(30px,4vw,44px) var(--mono);color:var(--lc)}.dx-light small{color:var(--dx-mute);font-size:16px}
.dx-marks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:1px solid var(--dx-line);border-top:1px solid var(--dx-line)}
.dx-marks li{display:grid;gap:22px;align-content:start;padding:26px 24px 34px;border-right:1px solid var(--dx-line);border-bottom:1px solid var(--dx-line);background:var(--dx-panel);scroll-margin-top:120px;transition:background .3s}
.dx-marks li.mk-hit{background:color-mix(in srgb,var(--dx-c) 14%,var(--dx-panel))}
.dx-marks .mkh{display:block;width:26px;height:26px}.dx-marks .mkh svg{width:26px;height:26px;display:block}
.dx-marks b{font:600 17px var(--mono)}.dx-marks em{font-style:normal;color:var(--dx-mute)}
.dx-hist{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.dx-hist li{display:grid;gap:14px;padding:16px 14px;border:1px solid var(--dx-line);background:var(--dx-panel);min-height:118px;align-content:start}
.dx-hist li.now{border-color:var(--dx-c);background:color-mix(in srgb,var(--dx-c) 8%,var(--dx-panel))}
.dx-d{font:500 12.5px var(--mono);color:var(--dx-mute)}.dx-p{font:600 19px var(--mono)}.dx-p.up{color:var(--dx-g)}.dx-p.dn{color:var(--dx-r)}
.dx-ks{display:flex;flex-wrap:wrap;gap:6px 10px}
.dx-hk{display:inline-flex;align-items:center;gap:5px;font:600 11.5px var(--mono);letter-spacing:.1em;text-decoration:none;color:var(--dx-mute)}
.dx-hk .mkh,.dx-hk .mkh svg{width:14px;height:14px;display:inline-block}
.dx-hk.a{color:var(--dx-a)}.dx-hk.c{color:var(--dx-c)}.dx-hk.g{color:var(--dx-g)}.dx-hk:hover{text-decoration:underline}
.dx-legend{margin:0 0 14px;color:var(--dx-text);font-size:15.5px}.dx-legend b{font:600 13px var(--mono)}.dx-legend .a{color:var(--dx-a)}.dx-legend .c{color:var(--dx-c)}.dx-legend .g{color:var(--dx-g)}.dx-legend .r{color:var(--dx-r)}
.dx-src{margin:0 0 30px;font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dx-mute)}
.dx-ctx{display:grid;gap:16px;text-decoration:none;color:var(--dx-text);transition:border-color .2s}.dx-ctx:hover{border-color:var(--dx-c)}
.dx-ctx-h{font:600 19px var(--mono)}.dx-ctx span{color:var(--dx-text);font-size:15.5px}.dx-ctx em{font-style:normal;text-transform:uppercase;letter-spacing:.04em}
.dx-ctx-f{font:600 17px var(--mono)}
.dx-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}
.dx-three .key{border-top:2px solid var(--dx-c)}
.dx-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:18px;font-size:16px}
.dx-met{display:block;margin-top:22px;font:600 17px var(--mono);color:var(--dx-c)}
@media (max-width:980px){.dx-split,.dx-three{grid-template-columns:1fr}.dx-marks{grid-template-columns:repeat(2,minmax(0,1fr))}.dx-hist{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:620px){.dx-two{grid-template-columns:1fr}.dx-hist{grid-template-columns:repeat(3,minmax(0,1fr))}.dx-flow{grid-template-columns:1fr;text-align:left}.dx-arr{transform:rotate(90deg);justify-self:start}}
.dx h1{max-width:16ch}.dx h2{max-width:none}
@media (min-width:981px){.dx-marks{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Gold plan seal */
.pl-seal{display:inline-grid;place-items:center;width:84px;height:84px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF1B8,#F2C14E 45%,#B8860B 100%);box-shadow:0 0 0 3px #F7D774,0 0 0 6px #9C7208,0 10px 20px -8px rgba(0,0,0,.45);transform:rotate(-8deg);position:relative}
.pl-seal::before{content:"";position:absolute;inset:8px;border-radius:50%;border:1.5px dashed rgba(90,60,0,.55)}
.pl-seal b{font:800 26px var(--mono,monospace);color:#4A3300;letter-spacing:-.02em;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.tp-sealrow{display:flex;align-items:center;gap:16px}.tp-sealrow span{font:700 13px var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:#C99A2E}
.tp-cover .tp-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.tp-sealrow .pl-seal{text-transform:none;letter-spacing:0}.tp-cover .tp-top{padding-right:60px}
/* ---- Company page ---- */
.co-hero{padding:70px 0 50px}.co-hero h1{margin:10px 0 14px;font-size:clamp(40px,6.4vw,76px);line-height:1}
.co-lede{font-size:clamp(18px,2vw,22px);max-width:56ch;color:var(--text);margin:0 0 28px}
.co-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0 0 26px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.co-facts div{padding:16px 14px 16px 0}.co-facts dt{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.co-facts dd{margin:6px 0 0;font-size:15.5px}
.co-jump{display:flex;flex-wrap:wrap;gap:8px}.co-jump a{padding:8px 12px;border:1px solid var(--line-2);text-decoration:none;font-size:14px;color:var(--text)}.co-jump a:hover{border-color:var(--cyan)}
.co-sec h2{margin:8px 0 14px;font-size:clamp(30px,4.4vw,48px)}.co-sub{margin:0 0 24px;color:var(--muted);max-width:62ch}
.co-one{font-size:clamp(20px,2.4vw,28px);line-height:1.35;max-width:40ch;margin:0 0 28px}
.co-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:co}
.co-grid li{counter-increment:co;padding:20px;border:1px solid var(--line-2);background:var(--panel);display:grid;gap:8px;align-content:start}
.co-grid li::before{content:"0" counter(co);font:700 13px var(--mono);color:var(--cyan)}.co-grid b{font-size:17px}.co-grid span{font-size:14.5px;color:var(--muted)}
.co-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
.co-card{padding:24px;border:1px solid var(--line-2);background:var(--panel);display:grid;gap:10px;align-content:start}
.co-lbl{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.co-big{margin:0;font-size:clamp(20px,2.2vw,26px);line-height:1.35}
.co-card b{font-size:18px}.co-card p{margin:0;color:var(--muted);font-size:15px}.co-card ul{margin:0;padding-left:18px;display:grid;gap:8px;font-size:15px}
.co-vals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.co-vals li{padding-top:12px;border-top:2px solid var(--line-2);font-size:14.5px;color:var(--muted)}.co-vals b{display:block;color:var(--text);font-size:16px;margin-bottom:4px}
.co-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:2px solid var(--cyan)}
.co-tl li{padding:18px 16px 0 0;position:relative}.co-tl li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--cyan)}
.co-tl b{display:block;font:700 26px var(--mono);margin-bottom:8px}.co-tl span{font-size:14.5px;color:var(--muted)}
.co-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.co-tbc{display:inline-block;margin-left:6px;padding:2px 7px;font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px dashed #D68A3C;color:#D68A3C;vertical-align:middle}
.co-member{margin:18px 0 0;font-size:14.5px;color:var(--muted)}.co-fine{margin:18px 0 0;font-size:13px;color:var(--muted)}
#story .nt-card svg{width:56px;height:auto;flex:none}
@media (max-width:980px){.co-grid,.co-vals{grid-template-columns:1fr 1fr}.co-tl{grid-template-columns:1fr;border-top:0;border-left:2px solid var(--cyan);padding-left:18px}.co-tl li{padding:0 0 18px}.co-tl li::before{left:-25px;top:6px}.co-facts{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.co-grid,.co-vals,.co-two,.co-grid3{grid-template-columns:1fr}}

/* Ready to Trade masterclass */
.mc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:start}
.mc .pm-card{min-height:0}.mc-usd{font-size:14px;color:var(--muted)}.mc-found{color:var(--text)!important}.mc-found b{color:var(--cyan)}
.mc-not{font-size:14px!important;border-top:1px solid var(--line-2);padding-top:10px}
.mc-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px!important}.mc-cta span{font-size:13px;color:var(--muted)}
.mc-plan h3{margin:0 0 10px;font-size:17px}.mc-plan h3+ol{margin-bottom:22px}
.mc-wk{list-style:none;counter-reset:wk;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mc-wk li{counter-increment:wk;border:1px solid var(--line-2);padding:10px 12px 10px 46px;position:relative;font-size:13.5px;color:var(--muted)}
.mc-wk li::before{content:counter(wk);position:absolute;left:12px;top:10px;font:700 15px var(--mono,monospace);color:var(--cyan)}
.mc-wk li b{display:block;color:var(--text);font-size:14.5px;margin-bottom:2px}
.mc-mo{margin:0;color:var(--muted)}
@media (max-width:900px){.mc{grid-template-columns:1fr}.mc-wk{grid-template-columns:1fr}}

.lx-ldbtn{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0 0}.lx-ldbtn span{font-size:13.5px;color:var(--muted)}

.side-nav .ib-h{margin:14px 0 6px;font:600 11px var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.side-nav .ib{list-style:none;margin:0;padding:0;display:grid;gap:6px}.side-nav .ib li{font-size:13.5px}.side-nav .ib li span{display:block;font-size:12px;color:var(--muted)}