/* TurtleTrader customer platform - premium, futuristic, calm. Dark by default, light on request. */
:root{
--bg:#05070B; --bg2:#0A0E15; --panel:rgba(16,22,32,.72); --panel-solid:#101620; --panel2:#151C28; --line:rgba(140,170,220,.12); --line2:rgba(140,170,220,.22);
--text:#EAF0F7; --muted:#9AA8BC; --faint:#66748A; --gold:#F5C45B; --pos:#4CF2A6; --neg:#FF6B7A;
/* the accent (the customer's choice, html[data-accent]): --a1/--a2/--a3 are the raw colours; --c1..3 derive from them per mode */
--a1:#3BE3F5; --a2:#8B7CFF; --a3:#4CF2A6; --c1:var(--a1); --c2:var(--a2); --c3:var(--a3); --ink:#041018;
--grad:linear-gradient(120deg,var(--c1),var(--c2)); --glow:0 0 0 1px color-mix(in srgb,var(--c1) 18%,transparent),0 18px 60px -22px color-mix(in srgb,var(--c1) 45%,transparent);
--r:18px; --r-sm:12px; --sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; --disp:"Space Grotesk","Inter",sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
}
[data-accent="ember"]{--a1:#FF9A3C;--a2:#FF4D6D;--a3:#FFD166} [data-accent="jade"]{--a1:#2EE6A6;--a2:#19B3C7;--a3:#A3F06A} [data-accent="royal"]{--a1:#7C8CFF;--a2:#C06CFF;--a3:#5EE0FF}
[data-accent="rose"]{--a1:#FF6FB5;--a2:#B36CFF;--a3:#FFC2E2} [data-accent="mono"]{--a1:#E6EDF7;--a2:#9AA8BC;--a3:#CFE3FF}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="black"]){--bg:#F4F6FA;--bg2:#EAEEF5;--panel:rgba(255,255,255,.78);--panel-solid:#fff;--panel2:#F1F4F9;--line:rgba(20,40,80,.10);--line2:rgba(20,40,80,.18);--text:#0C1424;--muted:#4D5B72;--faint:#7A8699;
--c1:color-mix(in srgb,var(--a1) 70%,#0C1424);--c2:color-mix(in srgb,var(--a2) 72%,#0C1424);--c3:color-mix(in srgb,var(--a3) 62%,#0C1424);--pos:#0E9F6E;--neg:#D33A4C;--ink:#fff;--glow:0 0 0 1px color-mix(in srgb,var(--c1) 18%,transparent),0 18px 50px -24px color-mix(in srgb,var(--c2) 35%,transparent)}}
:root[data-theme="light"]{--bg:#F4F6FA;--bg2:#EAEEF5;--panel:rgba(255,255,255,.78);--panel-solid:#fff;--panel2:#F1F4F9;--line:rgba(20,40,80,.10);--line2:rgba(20,40,80,.18);--text:#0C1424;--muted:#4D5B72;--faint:#7A8699;
--c1:color-mix(in srgb,var(--a1) 70%,#0C1424);--c2:color-mix(in srgb,var(--a2) 72%,#0C1424);--c3:color-mix(in srgb,var(--a3) 62%,#0C1424);--pos:#0E9F6E;--neg:#D33A4C;--ink:#fff;--glow:0 0 0 1px color-mix(in srgb,var(--c1) 18%,transparent),0 18px 50px -24px color-mix(in srgb,var(--c2) 35%,transparent)}
:root[data-theme="light"][data-accent="mono"],:root:not([data-theme="dark"]):not([data-theme="black"])[data-accent="mono"]{--c1:#0C1424;--c2:#4D5B72;--c3:#2B3A55}
:root[data-theme="black"]{--bg:#000;--bg2:#050608;--panel:rgba(8,10,14,.82);--panel-solid:#07090D;--panel2:#0E1218;--line:rgba(140,170,220,.10);--line2:rgba(140,170,220,.2)}
:root[data-theme="black"] body{background:#000} :root[data-theme="black"] body::before{opacity:.3} :root[data-theme="black"] body::after{opacity:.4}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
body{min-height:100vh;background:
radial-gradient(1200px 600px at 85% -10%,rgba(139,124,255,.14),transparent 60%),
radial-gradient(900px 500px at -10% 10%,rgba(59,227,245,.10),transparent 60%),var(--bg)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;
background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;
-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%)}
a{color:inherit;text-decoration:none} button{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--disp);letter-spacing:-.02em;margin:0;line-height:1.1}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums} .num{font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.pos{color:var(--pos)} .neg{color:var(--neg)} .muted{color:var(--muted)} .faint{color:var(--faint)} .small{font-size:13px} .xs{font-size:12px}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 24px}
.eyebrow{font:600 11.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--c1)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--line2);background:var(--panel2);cursor:pointer;font-weight:600;font-size:14.5px;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s;white-space:nowrap}
.btn:hover{border-color:var(--c1)} .btn:active{transform:translateY(1px)}
.btn.primary{border:0;background:var(--grad);color:var(--ink);box-shadow:var(--glow)} .btn.primary:hover{box-shadow:0 0 0 1px rgba(59,227,245,.35),0 18px 60px -18px rgba(59,227,245,.6)}
.btn.ghost{background:transparent} .btn.sm{height:34px;padding:0 14px;font-size:13px} .btn.block{width:100%} .btn.danger{color:var(--neg);border-color:color-mix(in srgb,var(--neg) 45%,transparent)}
.btn[disabled]{opacity:.55;cursor:not-allowed}
:focus-visible{outline:2px solid var(--c1);outline-offset:2px}
/* surfaces */
.glass{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.card{padding:22px 24px;position:relative;min-width:0}
.card.lit{border:1px solid transparent;background:linear-gradient(var(--panel-solid),var(--panel-solid)) padding-box,linear-gradient(150deg,rgba(59,227,245,.45),rgba(139,124,255,.15) 40%,var(--line) 70%) border-box}
.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--line2);font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.chip.live{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 50%,transparent)} .chip.paper{color:var(--c1);border-color:color-mix(in srgb,var(--c1) 45%,transparent)}
.chip.off{color:var(--faint)} .chip.ok{color:var(--pos);border-color:color-mix(in srgb,var(--pos) 45%,transparent)} .chip.test{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 45%,transparent)}
.dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.grid{display:grid;gap:18px}
.g2,.g3,.g4{display:flex;flex-wrap:wrap;align-items:stretch} /* rows fill evenly: a short last row stretches, never leaves a gap */
.g2>*{flex:1 1 320px} .g3>*{flex:1 1 280px} .g4>*{flex:1 1 200px}
.grid>*{min-width:0}
.stat .k{font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.stat .v{font:600 clamp(24px,2vw + 12px,34px)/1.1 var(--disp);margin-top:10px;letter-spacing:-.02em}
.stat .s{margin-top:6px;font-size:13px;color:var(--muted)}
hr{border:0;border-top:1px solid var(--line);margin:22px 0}
/* site header (signed out) */
.top{position:sticky;top:0;z-index:30;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb,var(--bg) 70%,transparent);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:18px;height:68px}
.brand{display:flex;align-items:center;gap:11px;font:700 17px/1 var(--disp);letter-spacing:-.01em}
.brand .mk{width:30px;height:30px;border-radius:9px;background:var(--grad);display:grid;place-items:center;box-shadow:var(--glow)}
.brand .mk svg{width:16px;height:16px}
.brand small{display:block;font:600 9.5px/1 var(--mono);letter-spacing:.22em;color:var(--faint);margin-top:4px;text-transform:uppercase}
.nav{display:flex;gap:4px;margin-left:24px}.nav a{padding:8px 14px;border-radius:999px;color:var(--muted);font-weight:500;font-size:14.5px}.nav a:hover,.nav a.on{color:var(--text);background:var(--panel2)}
.top .sp{flex:1}
@media (max-width:860px){.nav{display:none}}
/* landing */
.hero{padding-top:84px;padding-bottom:64px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center}
.hero h1{font-size:clamp(40px,5vw,72px);font-weight:700;max-width:14ch;margin:20px 0 0}
.hero p.lead{max-width:56ch;margin:22px 0 0;color:var(--muted);font-size:clamp(16px,1.2vw + 10px,19px)}
.hero .cta,.cta{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
@media (max-width:980px){.hero{grid-template-columns:1fr;gap:40px;padding-top:56px}}
.pulse{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;border-radius:999px;border:1px solid var(--line2);background:var(--panel);font-size:13px;color:var(--muted)}
.pulse .dot{color:var(--c3);animation:bl 1.8s infinite}@keyframes bl{50%{opacity:.35}}
.ticker{margin-top:0;overflow:hidden;border-block:1px solid var(--line);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker .rail{display:flex;gap:44px;padding:16px 0;width:max-content;animation:tk 48s linear infinite}
.ticker .it{display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:14px}.ticker .it b{font-family:var(--mono);font-weight:500}
@keyframes tk{to{transform:translateX(-50%)}}
.sec{padding-top:84px;padding-bottom:84px}.sec h2{font-size:clamp(28px,2.6vw + 12px,44px);max-width:22ch}.sec .sub{color:var(--muted);max-width:62ch;margin-top:14px}
.feat .ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,rgba(59,227,245,.18),rgba(139,124,255,.18));border:1px solid var(--line2);margin-bottom:16px}
.feat .ico svg{width:20px;height:20px;stroke:var(--c1)}
.feat h3{font-size:19px}.feat p{color:var(--muted);margin:10px 0 0;font-size:14.5px}
.steps{counter-reset:s}.step{position:relative;padding-left:56px}.step::before{counter-increment:s;content:counter(s,decimal-leading-zero);position:absolute;left:0;top:0;font:600 13px/1 var(--mono);color:var(--c1);width:38px;height:38px;border-radius:11px;border:1px solid var(--line2);display:grid;place-items:center}
.step h3{font-size:18px}.step p{color:var(--muted);margin:8px 0 0;font-size:14.5px}
/* engine tiles */
.eng{display:flex;flex-direction:column;gap:14px;height:100%;transition:transform .18s,box-shadow .2s;cursor:pointer}
.eng:hover{transform:translateY(-3px);box-shadow:var(--glow)}
.eng .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.eng .code{font:600 11px/1 var(--mono);letter-spacing:.14em;color:var(--faint)}
.eng h3{font-size:19px;margin-top:8px}
.eng .meta{display:flex;gap:6px;flex-wrap:wrap}
.eng .meta span{font-size:12px;color:var(--muted);padding:4px 9px;border-radius:8px;background:var(--panel2);border:1px solid var(--line)}
.eng .nums{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.eng .nums b{display:block;font:600 18px/1.2 var(--disp)}
.spark{width:100%;height:56px;display:block}
/* pricing */
.plans{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));align-items:stretch}
.plan{display:flex;flex-direction:column;gap:16px;height:100%}
.plan.pop{border:1px solid transparent;background:linear-gradient(var(--panel-solid),var(--panel-solid)) padding-box,var(--grad) border-box;box-shadow:var(--glow)}
.plan .price{font:700 clamp(34px,2vw + 20px,46px)/1 var(--disp);letter-spacing:-.03em}.plan .price small{font:500 14px/1 var(--sans);color:var(--muted);letter-spacing:0}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.plan li{display:flex;gap:10px;font-size:14.5px;color:var(--muted)}
.plan li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;background:var(--c3);
-webkit-mask:url("data:image/svg+xml;utf8,") center/16px no-repeat;
mask:url("data:image/svg+xml;utf8,") center/16px no-repeat}
.cycle{display:inline-flex;padding:4px;border-radius:999px;border:1px solid var(--line2);background:var(--panel)}
.cycle button{border:0;background:transparent;height:34px;padding:0 16px;border-radius:999px;cursor:pointer;color:var(--muted);font-weight:600;font-size:13.5px}
.cycle button.on{background:var(--grad);color:var(--ink)}
/* faq + footer */
details.faq{border-bottom:1px solid var(--line);padding:18px 0}details.faq summary{cursor:pointer;font:600 17px/1.3 var(--disp);list-style:none;display:flex;justify-content:space-between;gap:12px}
details.faq summary::after{content:"+";color:var(--c1);font-weight:400}details.faq[open] summary::after{content:"–"}details.faq p{color:var(--muted);margin:12px 0 0}
.foot{border-top:1px solid var(--line);padding:46px 0 60px;margin-top:40px;color:var(--faint);font-size:13px}
.foot .cols{display:flex;gap:40px;flex-wrap:wrap;justify-content:space-between}.foot a{color:var(--muted)}.foot a:hover{color:var(--text)}
.disclaim{max-width:90ch;margin-top:26px;line-height:1.6}
/* auth */
.auth{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:40px 18px}
.auth .box{width:100%;max-width:440px;padding:34px 32px}
.auth h1{font-size:30px}.auth p{color:var(--muted);margin:8px 0 26px}
.field{display:grid;gap:7px;margin-bottom:16px}.field span{font-size:13px;color:var(--muted);font-weight:500}
.field input,.field select,.field textarea{height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);color:var(--text);font:inherit;outline:0;transition:border-color .15s,box-shadow .15s}
.field textarea{height:110px;padding:12px 14px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--c1);box-shadow:0 0 0 4px rgba(59,227,245,.12)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted);margin:4px 0 18px}.check input{margin-top:3px;accent-color:var(--c1)}
.err{color:var(--neg);font-size:13.5px;min-height:20px;margin:-4px 0 10px}.ok-msg{color:var(--pos);font-size:13.5px}
/* app shell (signed in) */
.app{position:relative;z-index:1;display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:22px}
.side nav{display:grid;gap:3px}
.side nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;color:var(--muted);font-weight:500;font-size:14.5px}
.side nav a svg{width:18px;height:18px;stroke:currentColor;flex:none}
.side nav a:hover{color:var(--text);background:var(--panel2)}
.side nav a.on{color:var(--text);background:linear-gradient(120deg,rgba(59,227,245,.14),rgba(139,124,255,.10));box-shadow:inset 0 0 0 1px var(--line2)}
.side .planbox{margin-top:auto;padding:16px}
.main{min-width:0;padding:26px 34px 60px}
.bar{display:flex;align-items:center;gap:14px;margin-bottom:26px}.bar h1{font-size:clamp(24px,1.6vw + 14px,32px)}
.bar .sp{flex:1}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:var(--ink);font:700 14px/1 var(--disp);cursor:pointer;border:0}
.menu{position:absolute;right:34px;top:72px;z-index:40;min-width:230px;padding:8px}.menu a,.menu button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:0;background:transparent;cursor:pointer;font-size:14px}
.menu a:hover,.menu button:hover{background:var(--panel2)}
.preview{position:sticky;top:0;z-index:50;display:flex;justify-content:center;gap:14px;align-items:center;flex-wrap:wrap;padding:9px 16px;font-size:13px;
background:linear-gradient(90deg,rgba(245,196,91,.16),rgba(139,124,255,.12)),var(--bg);border-bottom:1px solid color-mix(in srgb,var(--gold) 35%,transparent);color:var(--gold)}
.preview a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.mob-nav{display:none}
@media (max-width:960px){
.app{grid-template-columns:1fr}.side{display:none}.main{padding:18px 16px 96px}
.mob-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--line)}
.mob-nav a{display:grid;justify-items:center;gap:4px;font-size:11px;color:var(--muted);padding:4px 8px;border-radius:10px}.mob-nav a svg{width:20px;height:20px;stroke:currentColor}.mob-nav a.on{color:var(--c1)}
.menu{right:16px;top:64px}
}
/* tables */
.tbl{overflow-x:auto;margin:0 -6px}.tbl table{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);text-align:left;padding:10px 6px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:12px 6px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl tr:last-child td{border-bottom:0}.tbl .r{text-align:right}
.empty{padding:34px;text-align:center;color:var(--muted);border:1px dashed var(--line2);border-radius:var(--r)}
/* modal (checkout) */
.scrim{position:fixed;inset:0;z-index:80;background:rgba(2,4,8,.66);backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px;animation:fd .2s ease}
@keyframes fd{from{opacity:0}}
.modal{width:100%;max-width:880px;max-height:calc(100vh - 36px);overflow:auto;display:grid;grid-template-columns:1fr 1.15fr;animation:up .25s ease}
@keyframes up{from{transform:translateY(12px);opacity:0}}
.modal .sumy{padding:30px;border-right:1px solid var(--line);background:linear-gradient(160deg,rgba(59,227,245,.08),rgba(139,124,255,.06))}
.modal .payp{padding:30px}
.line-it{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:14.5px;color:var(--muted)}.line-it b{color:var(--text);font-weight:600}
.line-it.total{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;font-size:17px;color:var(--text)}
.tabs{display:flex;gap:6px;padding:4px;border-radius:14px;border:1px solid var(--line2);background:var(--panel2);margin-bottom:18px}
.tabs button{flex:1;height:38px;border:0;border-radius:10px;background:transparent;cursor:pointer;color:var(--muted);font-weight:600;font-size:13.5px}.tabs button.on{background:var(--panel-solid);color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)}
.qr{width:148px;height:148px;border-radius:14px;background:#fff;padding:10px;margin:6px auto 12px;display:block}
.secure{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--faint);margin-top:16px}.secure svg{flex:none;width:16px;height:16px;stroke:var(--faint);margin-top:1px}
.done{display:grid;justify-items:center;text-align:center;gap:10px;padding:20px 0}
.done .tick{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,rgba(76,242,166,.25),rgba(59,227,245,.2));box-shadow:0 0 40px rgba(76,242,166,.35)}
.done .tick svg{width:30px;height:30px;stroke:var(--pos)}
@media (max-width:760px){.modal{grid-template-columns:1fr}.modal .sumy{border-right:0;border-bottom:1px solid var(--line)}}
/* toast */
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:90;padding:12px 18px;border-radius:14px;font-size:14px;animation:up .2s ease}
.toast.bad{color:var(--neg)}
@media (max-width:960px){.toast{bottom:86px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* charts, month strip, portfolio lab */
.chart{width:100%;height:auto;display:block}
.chart .ax{font:500 10.5px/1 var(--mono);fill:var(--muted)}
.months{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.mo{flex:1 1 88px;min-width:0;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel2)}
.mo span{display:block;font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.mo b{display:block;margin-top:7px;font:600 15px/1.1 var(--disp)}
.mo.pos{border-color:color-mix(in srgb,var(--pos) 30%,var(--line))}.mo.neg{border-color:color-mix(in srgb,var(--neg) 30%,var(--line))}
.lab{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}
.lab>.card{position:sticky;top:20px}
@media (max-width:1100px){.lab{grid-template-columns:1fr}.lab>.card{position:static}}
.pick{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.pick:last-child{border-bottom:0}
.stepper{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;border:1px solid var(--line2);background:var(--panel2);flex:none}
.stepper button{width:30px;height:30px;border-radius:50%;border:0;background:transparent;cursor:pointer;font-size:16px;color:var(--muted)}
.stepper button:hover{background:var(--panel-solid);color:var(--text)}
.stepper b{min-width:26px;text-align:center;font:600 14px/1 var(--mono)}
@media (max-width:620px){.g4>*{flex-basis:150px}.stat .v{font-size:22px}.card{padding:18px}}
.trial{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
/* two-factor */
.tfa-set{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:520px){.tfa-set{grid-template-columns:1fr}}
.tfa-qr{background:#fff;border-radius:12px;padding:6px;width:150px;height:150px;display:grid;place-items:center}.tfa-qr svg{width:100%;height:100%}
.key{display:block;padding:10px 12px;border-radius:10px;background:var(--panel2);border:1px solid var(--line2);font-size:13px;word-break:break-all}
.code-in{height:40px;flex:1 1 120px;min-width:0;width:auto;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:var(--panel2);color:var(--text);font:600 17px/1 var(--mono);letter-spacing:.2em}
.backup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.backup code{padding:9px 10px;border-radius:9px;background:var(--panel2);border:1px solid var(--line);text-align:center;font-size:13.5px}
.share{width:100%;max-width:720px;padding:24px;animation:up .25s ease}
/* ================================================================== premium layer (Oct 2026): aurora, HUD frames, LEDs, desk console, loop, palette */
:root{--acc:var(--c1)}
body::after{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;opacity:.55;filter:blur(60px);
background:radial-gradient(40% 35% at 20% 30%,rgba(59,227,245,.13),transparent 70%),radial-gradient(35% 40% at 80% 20%,rgba(139,124,255,.16),transparent 70%),radial-gradient(30% 30% at 60% 85%,rgba(76,242,166,.07),transparent 70%);
animation:aur 38s ease-in-out infinite alternate}
@keyframes aur{to{transform:translate3d(-4%,3%,0) rotate(8deg) scale(1.08)}}
:root[data-theme="light"] body::after{opacity:.35}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) body::after{opacity:.35}}
main,.app,.top,.foot{position:relative;z-index:1}
.btn.lg{height:52px;padding:0 26px;font-size:15.5px}
/* reveal on scroll */
.rv{opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .5s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.rv.in{opacity:1;transform:none}
/* HUD corner brackets */
.hud{position:relative}
.hud::before{content:"";position:absolute;inset:9px;pointer-events:none;border-radius:6px;opacity:.75;--b:color-mix(in srgb,var(--acc) 70%,transparent);
background:linear-gradient(var(--b),var(--b)) top left/12px 1.5px,linear-gradient(var(--b),var(--b)) top left/1.5px 12px,linear-gradient(var(--b),var(--b)) top right/12px 1.5px,linear-gradient(var(--b),var(--b)) top right/1.5px 12px,
linear-gradient(var(--b),var(--b)) bottom left/12px 1.5px,linear-gradient(var(--b),var(--b)) bottom left/1.5px 12px,linear-gradient(var(--b),var(--b)) bottom right/12px 1.5px,linear-gradient(var(--b),var(--b)) bottom right/1.5px 12px;background-repeat:no-repeat}
/* cursor spotlight on cards */
.spot{overflow:hidden}
.spot::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;border-radius:inherit;
background:radial-gradient(320px circle at var(--mx,50%) var(--my,0),color-mix(in srgb,var(--acc) 13%,transparent),transparent 65%)}
.spot:hover::after{opacity:1}
/* status LEDs and the session chip */
.led{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--faint);margin-right:8px;vertical-align:1px}
.led.live{background:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 18%,transparent),0 0 12px var(--gold);animation:bl 2s infinite}
.led.paper{background:var(--c1);box-shadow:0 0 10px color-mix(in srgb,var(--c1) 70%,transparent)}
.led.off{background:var(--line2)}
.sess{display:inline-flex;align-items:center;font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sess[data-st="open"] .led{background:var(--pos);box-shadow:0 0 0 3px color-mix(in srgb,var(--pos) 20%,transparent),0 0 12px var(--pos);animation:bl 1.6s infinite}
.sess[data-st="open"]{color:var(--pos)} .sess[data-st="preopen"]{color:var(--gold)} .sess[data-st="preopen"] .led{background:var(--gold);box-shadow:0 0 10px var(--gold)}
/* hero extras */
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px}
.trust span{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.trust svg{width:16px;height:16px;stroke:var(--c3);flex:none}
.hero-r{min-width:0}
/* desk console */
.console{padding:20px;border-radius:22px;box-shadow:0 30px 80px -40px rgba(59,227,245,.35),inset 0 1px 0 rgba(255,255,255,.04)}
.c-hd{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 0}
.c-clock{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:14px 6px 16px;border-bottom:1px solid var(--line)}
.c-clock b{font-size:clamp(34px,4vw,46px);font-weight:500;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.c-list{display:grid;padding:8px 0}
.c-row{display:flex;align-items:center;gap:6px;padding:10px 8px;border-radius:12px;transition:background .15s}.c-row:hover{background:var(--panel2)}
.c-nm{flex:1;min-width:0;display:grid;gap:3px}.c-nm b{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-ft{display:flex;gap:16px;align-items:center;padding:14px 8px 4px;border-top:1px solid var(--line)}.c-ft b{display:block;font:600 20px/1.2 var(--disp);margin-top:4px}
/* metrics band */
.band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:64px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--line)}
.band>div{background:var(--panel-solid);padding:26px 24px;display:grid;gap:8px}
.band b{font:700 clamp(30px,3vw,44px)/1 var(--disp);letter-spacing:-.03em}.band span{font-size:13px;color:var(--muted)}
@media (max-width:760px){.band{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* the decision loop */
.loop{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:40px}
.node{position:relative;z-index:1;padding:20px 18px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(14px)}
.node h3{font-size:17px;margin-top:6px}.node p{margin:8px 0 0;font-size:13.5px;color:var(--muted)}
.n-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;margin-bottom:14px;background:linear-gradient(140deg,rgba(59,227,245,.16),rgba(139,124,255,.16));border:1px solid var(--line2)}
.n-ic svg{width:21px;height:21px;stroke:var(--c1)}
.loop-run{position:absolute;left:40px;right:40px;top:41px;height:2px;z-index:0;border-radius:2px;
background:linear-gradient(90deg,transparent 0,var(--c1) 8%,var(--c2) 14%,transparent 22%) 0 0/300% 100%,var(--line2);animation:run 5s linear infinite}
@keyframes run{from{background-position:120% 0,0 0}to{background-position:-180% 0,0 0}}
@media (max-width:1100px){.loop{grid-template-columns:repeat(3,minmax(0,1fr))}.loop-run{display:none}}
@media (max-width:620px){.loop{grid-template-columns:repeat(2,minmax(0,1fr))}.node{padding:16px 14px}}
/* engine tiles: an accent line per market, filter chips */
.eng::before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--acc),transparent);opacity:.8}
.eng .code{display:flex;align-items:center}
.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.row-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:14px 18px;flex-wrap:wrap}
.filters{display:flex;gap:6px;flex-wrap:wrap;padding:4px;border-radius:999px;border:1px solid var(--line2);background:var(--panel)}
.filters button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:0;border-radius:999px;background:transparent;cursor:pointer;color:var(--muted);font-weight:600;font-size:13px}
.filters button.on{background:var(--panel2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)}
[data-eng][hidden]{display:none!important}
/* proof + final call */
.proof{display:grid;gap:12px;align-content:start}.p-hd{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.big{font:700 clamp(36px,3.4vw,52px)/1.05 var(--disp);letter-spacing:-.03em}
.final{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:40px 44px;border-radius:26px;margin:40px 0 0;
background:linear-gradient(120deg,rgba(59,227,245,.10),rgba(139,124,255,.12)),var(--panel)}
@media (max-width:620px){.final{padding:28px 22px}}
/* search button + palette */
.kbtn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 12px;border-radius:999px;border:1px solid var(--line2);background:var(--panel);color:var(--muted);cursor:pointer;font-size:13px}
.kbtn svg{width:15px;height:15px;stroke:currentColor}.kbtn:hover{color:var(--text);border-color:var(--c1)}
kbd{font:600 10.5px/1 var(--mono);padding:4px 6px;border-radius:6px;border:1px solid var(--line2);background:var(--panel2);color:var(--faint)}
.pal-s{place-items:start center;padding-top:12vh}
.pal{width:100%;max-width:620px;padding:10px;border-radius:20px;animation:up .2s ease;--acc:var(--c2)}
.pal-in{display:flex;align-items:center;gap:12px;padding:6px 12px 12px;border-bottom:1px solid var(--line)}
.pal-in svg{width:18px;height:18px;stroke:var(--c1);flex:none}
.pal-in input{flex:1;min-width:0;height:44px;border:0;outline:0;background:transparent;color:var(--text);font:500 17px/1 var(--sans)}
.pal-l{max-height:min(420px,56vh);overflow:auto;padding:8px 2px 2px;display:grid;gap:2px}
.pal-l a{display:flex;align-items:center;gap:6px;padding:11px 12px;border-radius:12px}.pal-l a span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pal-l a em{font-style:normal;margin-left:10px}.pal-l a.on,.pal-l a:hover{background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line2)}
/* signed-in: sidebar desk box, command centre, engine page */
.deskbox{margin-top:auto;padding:14px 16px;display:grid;gap:6px}.deskbox b{font-size:22px;font-weight:500}
.side .deskbox+.planbox{margin-top:0}
.cmd{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0;padding:0;border-radius:22px;overflow:hidden}
.cmd-l{display:grid;align-content:center;gap:8px;padding:24px 26px;border-right:1px solid var(--line);background:linear-gradient(160deg,rgba(59,227,245,.08),rgba(139,124,255,.06))}
.cmd-clock{font-size:34px;font-weight:500;letter-spacing:-.02em}
.cmd-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.cmd-k .stat{padding:22px 22px;border-right:1px solid var(--line)}.cmd-k .stat:last-child{border-right:0}
@media (max-width:1180px){.cmd{grid-template-columns:1fr}.cmd-l{border-right:0;border-bottom:1px solid var(--line);grid-auto-flow:column;justify-content:start;align-items:center;gap:16px}.cmd-clock{font-size:26px}}
@media (max-width:760px){.cmd-k{grid-template-columns:repeat(2,minmax(0,1fr))}.cmd-k .stat:nth-child(2){border-right:0}.cmd-k .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.cmd-l{grid-auto-flow:row}}
.eng-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;padding:30px 32px;margin:14px 0 18px;border-radius:24px;
background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--acc) 12%,transparent),transparent 55%),var(--panel)}
.eng-hero h1{font-size:clamp(30px,3vw,44px);margin-top:12px}.eng-hero .eyebrow{display:flex;align-items:center}.eng-hero p{margin:12px 0 0;max-width:62ch}
.eh-act{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}
.eh-r{display:grid;gap:6px;align-content:center;justify-items:end;text-align:right}.eh-r .spark{height:60px;margin-top:6px}
@media (max-width:860px){.eng-hero{grid-template-columns:1fr;padding:24px 20px}.eh-r{justify-items:start;text-align:left}}
.strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin-bottom:18px}.strip .stat{padding:20px 22px;border-right:1px solid var(--line)}.strip .stat:last-child{border-right:0}
.strip .stat .v{font-size:24px}
@media (max-width:760px){.strip{grid-template-columns:repeat(2,minmax(0,1fr))}.strip .stat{border-bottom:1px solid var(--line)}.strip .stat:nth-child(even){border-right:0}}
.eng-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:1000px){.eng-grid{grid-template-columns:1fr}}
.facts{display:grid;gap:14px}.facts>div{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line)}.facts>div:last-child{border-bottom:0;padding-bottom:0}.facts b{font-weight:500;font-size:14px}
/* chart read-out */
.chartw{position:relative;touch-action:pan-y}
.cx{position:absolute;width:1px;background:var(--line2);pointer-events:none}
.hov{position:absolute;top:-6px;transform:translate(-50%,-100%);display:grid;gap:2px;padding:8px 12px;border-radius:12px;background:var(--panel-solid);border:1px solid var(--line2);box-shadow:0 12px 30px -12px rgba(0,0,0,.5);pointer-events:none;white-space:nowrap;z-index:2}
.hov b{font:600 15px/1.2 var(--disp)}
@media (max-width:620px){.hide-s{display:none!important}.bar h1{font-size:22px}}
.hov[hidden],.cx[hidden]{display:none}
.egrid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.side .planbox{margin-top:auto}.side .deskbox+.planbox{margin-top:0}
/* ================================================================== live-ready layer: logo motion, risk and tier chips, locks, capital controls, sign-in, appearance */
.brand .mk svg{width:18px;height:18px;overflow:visible}
.brand .mk .orbd{transform-origin:16px 16px;animation:orb 9s linear infinite}.brand .mk .orb{transform-origin:16px 16px;animation:orb 9s linear infinite}
@keyframes orb{to{transform:rotate(360deg)}}
.chip.risk{gap:7px;text-transform:none;letter-spacing:.02em;font:600 11.5px/1 var(--sans)}.chip.risk i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.chip.risk.lo{color:var(--pos);border-color:color-mix(in srgb,var(--pos) 45%,transparent)}.chip.risk.md{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.chip.risk.hi{color:var(--neg);border-color:color-mix(in srgb,var(--neg) 45%,transparent)}
.chip.xs2{height:22px;padding:0 8px;font-size:10.5px}
.chip.tier{gap:5px}.chip.tier svg{width:11px;height:11px;stroke:currentColor}.chip.tier.free{color:var(--c3);border-color:color-mix(in srgb,var(--c3) 45%,transparent)}
.chip.tier.pro{color:var(--c2);border-color:color-mix(in srgb,var(--c2) 50%,transparent)}.chip.tier.elite{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 50%,transparent)}
.eng .hd-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.eng.locked{--acc:var(--faint)}.eng.locked .spark,.eng.locked .nums{opacity:.55}.eng.locked::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 14px,color-mix(in srgb,var(--line) 60%,transparent) 14px 15px);opacity:.5}
.eng-hero.locked{--acc:var(--faint)}
.btn svg{width:15px;height:15px;stroke:currentColor}
.caprow{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}
.caprow>div{display:grid;gap:3px;min-width:0}.caprow b{font:600 15px/1.2 var(--disp)}.caprow>div:nth-child(2){flex:1}
.caprow.faint{display:flex;align-items:center;gap:6px}.caprow.faint svg{width:13px;height:13px;stroke:currentColor}
.capf{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%}.capf input{flex:1 1 140px;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:var(--panel-solid);color:var(--text);font:600 15px var(--mono)}
.capin{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);flex:none}
.capin button{width:30px;height:30px;border-radius:9px;border:0;background:transparent;cursor:pointer;font-size:16px;color:var(--muted)}.capin button:hover{background:var(--panel-solid);color:var(--text)}
.capin input{width:92px;height:30px;border:0;background:transparent;color:var(--text);font:600 13.5px var(--mono);text-align:right;outline:0}
.capin input::-webkit-outer-spin-button,.capin input::-webkit-inner-spin-button{-webkit-appearance:none}
.lockbox{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:30px 32px}.lb-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(140deg,color-mix(in srgb,var(--c1) 18%,transparent),color-mix(in srgb,var(--c2) 18%,transparent));border:1px solid var(--line2)}.lb-ic svg{width:24px;height:24px;stroke:var(--c1)}
.lockbox>div:nth-child(2){flex:1 1 320px}
.vbox{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:18px;border-color:color-mix(in srgb,var(--c1) 35%,var(--line))}.vbox>div:first-child svg{width:22px;height:22px;stroke:var(--c1)}
.kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.kv:last-of-type{border-bottom:0}
/* comparison table */
.compare td,.compare th{text-align:center}.compare td:first-child,.compare th:first-child{text-align:left;white-space:normal}
.compare .yes svg{width:16px;height:16px;stroke:var(--pos)}.compare .no{color:var(--faint)}
.plan.cur{border-color:color-mix(in srgb,var(--pos) 45%,var(--line))}
/* sign-in */
.auth{position:relative;min-height:calc(100vh - 68px);display:grid;place-items:center;padding:40px 18px;overflow:hidden}
.auth .hero-art,.hero .hero-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.7}
.hero{position:relative}.hero>*{position:relative;z-index:1}
.auth-wrap{position:relative;z-index:1;width:100%;max-width:980px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:stretch}
.auth-wrap.one{max-width:460px;grid-template-columns:1fr}
.auth-side{display:flex;flex-direction:column;gap:18px;padding:12px 8px}.auth-side h2{font-size:clamp(26px,2.6vw,36px);margin-top:14px}.auth-side .trust.v{flex-direction:column;align-items:flex-start;gap:12px;margin-top:8px}
.auth-box{padding:30px 32px}.auth-box h1{font-size:28px;margin-top:14px}.auth-box p{color:var(--muted);margin:8px 0 20px}
.auth .tabs{margin-bottom:6px}.auth .tabs a{flex:1;height:38px;display:grid;place-items:center;border-radius:10px;color:var(--muted);font-weight:600;font-size:13.5px}.auth .tabs a.on{background:var(--panel-solid);color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)}
.methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 18px}
.methods button{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);color:var(--muted);cursor:pointer;font-weight:600;font-size:13px}
.methods button svg{width:15px;height:15px;stroke:currentColor}.methods button.on{color:var(--text);border-color:var(--c1);box-shadow:0 0 0 3px color-mix(in srgb,var(--c1) 14%,transparent)}
.af .two{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--faint);font-size:12px}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.gbtn{gap:10px;background:var(--panel-solid)}.gbtn svg{width:18px;height:18px}
.code-big{font:600 24px/1 var(--mono)!important;letter-spacing:.32em;text-align:center}
@media (max-width:860px){.auth-wrap{grid-template-columns:1fr}.auth-side{display:none}.auth-box{padding:26px 20px}.af .two{grid-template-columns:1fr}.methods button span{display:none}}
/* appearance picker */
.seg{display:inline-flex;padding:4px;border-radius:999px;border:1px solid var(--line2);background:var(--panel2);flex-wrap:wrap}
.seg button{height:32px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-weight:600;font-size:13px}.seg button.on{background:var(--panel-solid);color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)}
.swatches{display:flex;gap:10px;flex-wrap:wrap}
.swatches button{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer;background:linear-gradient(135deg,var(--sa),var(--sb));box-shadow:0 4px 14px -6px var(--sa);transition:transform .15s}
.swatches button:hover{transform:scale(1.08)}.swatches button.on{border-color:var(--text);box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--sa)}
.menu button svg{width:14px;height:14px;stroke:currentColor;vertical-align:-2px;margin-right:6px}
/* loading bar and page transition */
#loadbar{position:fixed;left:0;top:0;height:2px;width:0;z-index:100;background:var(--grad);opacity:0;transition:opacity .2s}
#loadbar.on{opacity:1;animation:lb 1.4s ease-out forwards}
@keyframes lb{0%{width:0}60%{width:70%}100%{width:92%}}
.pg-in{animation:pg .35s ease}@keyframes pg{from{opacity:.001;transform:translateY(6px)}}
.pick{flex-wrap:wrap}.pick>div:first-child{flex:1 1 150px}
/* builder, strategy page, market page */
.tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:18px}
.tplc{display:grid;gap:5px;text-align:left;padding:14px 16px;border-radius:14px;cursor:pointer;color:var(--text);border:1px solid var(--line);transition:transform .15s,border-color .2s}.tplc:hover{border-color:var(--c1);transform:translateY(-2px)}.tplc b{font-size:14px}
.bld{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;align-items:start}@media (max-width:1000px){.bld{grid-template-columns:1fr}}
.af .two,.two{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 12px}
@media (max-width:620px){.two,.three{grid-template-columns:1fr}}
.dayz{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.dayz label{cursor:pointer}.dayz input{position:absolute;opacity:0;width:0;height:0}
.dayz span{display:inline-grid;place-items:center;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:var(--panel2);font-size:13px;color:var(--muted)}.dayz input:checked+span{color:var(--text);border-color:var(--c1);background:color-mix(in srgb,var(--c1) 14%,transparent)}
.legs{display:grid;gap:8px}.leg{display:grid;grid-template-columns:78px 72px 86px 128px minmax(70px,1fr) 118px 36px;gap:6px;align-items:center}
.leg select,.leg input{height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--line2);background:var(--panel2);color:var(--text);font:inherit;font-size:13px;min-width:0;width:100%}
.leg .lots{display:flex;align-items:center;gap:6px;color:var(--faint);font-size:12px}.leg .lots input{width:52px;text-align:center}
@media (max-width:760px){.leg{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:auto}.leg .lots{grid-column:span 1}.leg select[data-lf="expiry"]{grid-column:span 2}}
.bar2{height:6px;border-radius:6px;background:var(--panel2);margin-top:12px;overflow:hidden}.bar2 i{display:block;height:100%;background:var(--grad)}
.meter{position:relative;height:8px;border-radius:8px;margin-top:14px;background:linear-gradient(90deg,var(--neg),var(--faint) 50%,var(--pos))}.meter i{position:absolute;top:-5px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--text);box-shadow:0 0 0 3px var(--bg)}
.evid{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.evid>div{display:flex;gap:10px;align-items:flex-start}.evid i{font-style:normal;flex:none;width:18px;color:var(--faint)}.evid i.pos{color:var(--pos)}.evid i.neg{color:var(--neg)}
.eh-act .chip svg{width:11px;height:11px;stroke:currentColor;margin-right:4px}
.seg button svg{width:12px;height:12px;stroke:currentColor;vertical-align:-1px;margin-right:5px}
/* broker page */
.bsteps{display:grid;gap:18px;margin-top:18px}
.bstep{position:relative}.bs-hd{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.bs-k{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid var(--line2);font:600 13px/1 var(--mono);color:var(--c1);flex:none}.bs-k svg{width:16px;height:16px;stroke:var(--pos)}
.bstep.done .bs-k{border-color:color-mix(in srgb,var(--pos) 50%,transparent)}
.howto{margin:0 0 16px;padding-left:20px;display:grid;gap:8px}.howto code.key{display:inline-block;padding:4px 8px;font-size:12px;margin:0 6px 0 2px;word-break:break-all}
.refer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(120deg,color-mix(in srgb,var(--c3) 10%,transparent),transparent 60%),var(--panel)}
.refer .btn svg{width:15px;height:15px;stroke:currentColor}
.chip[href]{cursor:pointer}
/* ---- Trading Calendar (#/calendar) */
.cal-f{gap:8px;align-items:center}.cal-f select{height:36px;border-radius:10px;border:1px solid var(--line2);background:var(--panel2);color:var(--text);padding:0 10px;font:inherit;font-size:13px}
.cal-split{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}@media(max-width:1180px){.cal-split{grid-template-columns:1fr}}
.cal-year{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px 16px}
.cal-mh{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:5px}.cal-mh span{font-size:11px}
.cal-g{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}
.cal-c{position:relative;aspect-ratio:1;border:0;border-radius:5px;background:var(--panel2);color:var(--faint);font:10px var(--mono);padding:0;cursor:pointer;display:flex;align-items:flex-start;justify-content:flex-end;transition:transform .12s,box-shadow .12s}
.cal-c span{padding:2px 3px 0 0;line-height:1}.cal-c.pad{background:transparent;cursor:default}.cal-c.act{color:var(--text)}
.cal-c.hol{background:repeating-linear-gradient(135deg,var(--panel2) 0 3px,transparent 3px 6px);color:var(--muted)}.cal-c.fut{opacity:.4;cursor:default}
.cal-c.today{box-shadow:inset 0 0 0 1.5px var(--acc,var(--c1))}.cal-c.sel{box-shadow:0 0 0 2px var(--acc,var(--c1));transform:scale(1.08);z-index:1}.cal-c:not(.pad):not(.fut):hover{transform:scale(1.1);z-index:1}
.cal-leg{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;align-items:center}.cal-leg i{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-2px;margin-right:5px;background:var(--panel2)}
.cal-leg i.hol{background:repeating-linear-gradient(135deg,var(--panel2) 0 3px,transparent 3px 6px);border:1px solid var(--line)}.cal-leg i.fut{opacity:.4;border:1px solid var(--line)}
.cal-by{display:grid;gap:6px;margin-top:12px}.cal-by>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline;padding:6px 0;border-top:1px dashed var(--line)}
.cal-reg{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.cal-hol{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.cal-hl{display:grid;gap:4px;max-height:220px;overflow:auto;font-size:12px}.cal-hl>div{display:grid;grid-template-columns:48px 36px 1fr;gap:8px;padding:3px 0}
.cal-bars{display:grid;gap:6px;margin-top:8px}.cal-br{display:grid;grid-template-columns:minmax(80px,1.1fr) 2fr auto;gap:3px 10px;align-items:center;font-size:12px;padding:5px 0;border-bottom:1px dashed var(--line)}
.cal-br .b{height:8px;border-radius:4px;background:var(--panel2);overflow:hidden}.cal-br .b i{display:block;height:100%}.cal-br .xs{grid-column:1/-1;margin-top:-3px}
.cal-lb{display:grid;gap:6px;margin-top:8px}.cal-lb>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px dashed var(--line)}
.cal-kpi{padding:0;overflow:hidden}.cal-kpi-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.cal-kpi-g .stat{padding:20px 22px;border-right:1px solid var(--line);min-width:0}.cal-kpi-g .stat:last-child{border-right:0}
.cal-kpi-g .stat .v{font-size:clamp(22px,1.6vw + 8px,30px);overflow-wrap:anywhere}
@media (max-width:760px){.cal-kpi-g{grid-template-columns:repeat(2,minmax(0,1fr))}.cal-kpi-g .stat:nth-child(2){border-right:0}.cal-kpi-g .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}}
/* ---- dashboard: positions bar, market reads, next session */
.posbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:center;margin-top:18px;text-decoration:none;color:inherit;padding:14px 18px}
.posbar .stat{min-width:0}.posbar .pb-go{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--c2);white-space:nowrap}.posbar .pb-go svg{width:14px;height:14px;stroke:currentColor}
@media(max-width:900px){.posbar{grid-template-columns:repeat(2,minmax(0,1fr))}.posbar .pb-go{grid-column:1/-1}}
.rd-list{display:grid;gap:8px;margin-top:12px}.rd{padding:10px 12px;border-radius:12px;border:1px solid var(--line);border-left:3px solid var(--muted);background:color-mix(in srgb,var(--panel2) 60%,transparent)}
.rd.edge{border-left-color:var(--pos)}.rd.caution{border-left-color:var(--neg)}.rd-h{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.rd-k{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.rd-tag{font:700 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:3px 7px;border-radius:999px;background:var(--panel2);color:var(--muted)}
.rd.edge .rd-tag{color:var(--pos);background:color-mix(in srgb,var(--pos) 14%,transparent)}.rd.caution .rd-tag{color:var(--neg);background:color-mix(in srgb,var(--neg) 14%,transparent)}
.rd p{margin:6px 0 0;font-size:13.5px;line-height:1.45}.rd-f{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.rd-f code{font:11px var(--mono);padding:2px 7px;border-radius:6px;background:var(--panel2);color:var(--muted)}
.chip.warn{color:var(--neg);border-color:color-mix(in srgb,var(--neg) 40%,var(--line))}
.plan-t{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--muted)}.plan-t b{color:var(--text);margin-right:5px}
.plan-l{display:grid;gap:6px;margin-top:14px}.plan-l>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px dashed var(--line);font-size:13.5px}
/* ---- engine fact sheet */
.eng .meta span svg{width:12px;height:12px;stroke:currentColor;vertical-align:-2px;margin-right:4px}.eng .meta .fl{color:var(--pos)}
.fs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:12px}.fs-grid>div{display:grid;gap:3px}.fs-grid b{font-weight:600;font-size:13.5px}
.fs-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.fs-cols ul{margin:8px 0 0;padding-left:18px;font-size:13px;color:var(--muted);display:grid;gap:4px}
.eyebrow.ok{color:var(--pos)}.eyebrow.bad{color:var(--neg)}
/* ---- positions page */
.eng-book .code{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.eng-book .kv{display:grid;gap:8px;margin-top:10px;font-size:13px}.eng-book .kv>div{display:flex;justify-content:space-between;gap:10px}
@media print{.side,.mob-nav,.top,.btn,.seg,select,.toast,.cal-f{display:none!important}.app{display:block}.main{padding:0}.glass{box-shadow:none;background:#fff;color:#000}}
/* ---- find your fit, journey, guardrails, learn */
.fit-bar{height:6px;border-radius:999px;background:var(--panel2);overflow:hidden;margin-top:12px}.fit-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--c1),var(--c3));transition:width .4s}
.fit-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:20px}
.fit-o{display:grid;gap:4px;text-align:left;padding:16px 18px;border-radius:14px;border:1px solid var(--line2);background:var(--panel2);color:var(--text);cursor:pointer;font:inherit;transition:transform .12s,border-color .12s}
.fit-o:hover{transform:translateY(-2px);border-color:var(--c1)}.fit-o.on{border-color:var(--c1);box-shadow:inset 0 0 0 1px var(--c1)}.fit-o b{font-size:15px}
.journey .jsteps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-top:14px}
.jstep{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px dashed var(--line2);color:var(--text);text-decoration:none;font-size:13px}
.jstep.done{border-style:solid;color:var(--muted)}.jstep .jn{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--panel2);font:600 12px var(--mono);flex:none}
.jstep.done .jn{background:color-mix(in srgb,var(--pos) 18%,transparent);color:var(--pos)}.jstep .jn svg{width:12px;height:12px;stroke:currentColor}
.grail-hit{display:flex;gap:14px;align-items:center;border-color:color-mix(in srgb,var(--neg) 45%,var(--line))}.grail-hit>svg{width:22px;height:22px;stroke:var(--neg);flex:none}
.grail .chip svg{width:11px;height:11px;stroke:currentColor;margin-right:4px}
.learn-c{position:relative}
.filters .fsep{width:1px;height:18px;background:var(--line2);margin:0 4px;align-self:center}.filters .rk{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--muted)}.filters .rk.lo{background:var(--pos)}.filters .rk.md{background:var(--c3)}.filters .rk.hi{background:var(--neg)}
/* ---- account: sidebar identity, account menu, session card */
.side-me{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 60%,transparent)}
.side-me .who{display:grid;min-width:0}.side-me .who b{font-size:13px}.side-me .who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.avatar.sm{width:30px;height:30px;font-size:12px}
.outlink{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--muted);cursor:pointer;font:600 12px var(--sans,inherit)}
.outlink:hover{color:var(--neg);border-color:color-mix(in srgb,var(--neg) 50%,var(--line2))}.outlink svg{width:13px;height:13px;stroke:currentColor}
.menu{min-width:300px;padding:10px;border-radius:18px}
.m-head{display:flex;gap:12px;align-items:center;padding:8px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.m-head .avatar{cursor:default}
.m-sec{padding:4px 0;border-bottom:1px solid var(--line)}.m-sec:last-child{border-bottom:0}
.menu .m-sec a,.menu .m-sec button{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:center;padding:9px 10px;color:var(--text);font:inherit;font-size:13.5px;line-height:1.25}
.menu .m-sec a svg,.menu .m-sec button svg{width:16px;height:16px;stroke:currentColor;color:var(--muted);margin:0}
.menu .m-sec a span,.menu .m-sec button span{display:grid}.menu .m-sec b{font-weight:600}
.m-out button[data-signout]{color:var(--neg)}.m-out button[data-signout] svg{color:var(--neg)}
.sesscard .btn svg{width:14px;height:14px;stroke:currentColor;margin-right:6px;vertical-align:-2px}
.chip.xs2{font-size:10px;padding:2px 7px;margin-left:6px}.chip.xs2 svg{width:10px;height:10px;stroke:currentColor;margin-right:3px}
@media (max-width:900px){.side-me{display:none}.menu{right:12px;left:12px;min-width:0}}
/* ---- Build (rebuilt 25 Oct 2026): three-panel builder */
.bld3{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:18px;align-items:start}@media (max-width:1100px){.bld3{grid-template-columns:1fr}}
.pay-card{position:sticky;top:84px}@media (max-width:1100px){.pay-card{position:static}}
.fs{border:1px solid var(--line);border-radius:14px;padding:14px 16px 12px;margin:0 0 14px;min-width:0}.fs legend{display:flex;gap:10px;align-items:baseline;padding:0 6px;font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);width:calc(100% - 12px)}
.fs .field{margin-bottom:10px}.field .fmsg{display:block;min-height:0;color:var(--neg);font-size:12px;margin-top:4px}.field.bad input,.field.bad select{border-color:var(--neg)}
.legs2{display:grid;gap:8px}.leg-head{display:none}
.leg2{display:grid;grid-template-columns:22px minmax(118px,1.1fr) minmax(118px,1.1fr) minmax(108px,1fr) minmax(132px,1.2fr);grid-template-areas:"ln side type lots act" "ln mode val exp prem";gap:8px 8px;align-items:center}
.leg2>.ln{grid-area:ln}.leg2>.lseg:nth-of-type(1){grid-area:side}.leg2>.lseg:nth-of-type(2){grid-area:type}.leg2>.stepper[aria-label=Lots]{grid-area:lots}.leg2>select[data-lf=mode]{grid-area:mode}.leg2>.stepper[aria-label*=Offset],.leg2>select[data-lf=value],.leg2>.atm{grid-area:val}.leg2>select[data-lf=expiry]{grid-area:exp}.leg2>.lprem{grid-area:prem}.leg2>.lact{grid-area:act}
.stepper.lots{grid-template-columns:28px 1fr auto 28px}.stepper.lots .cap{font-size:10px;color:var(--faint);padding-right:6px}
.leg2 .ln{font-size:11px;color:var(--faint);text-align:center}.leg2 select,.leg2 input{height:36px;padding:0 8px;border-radius:9px;border:1px solid var(--line2);background:var(--panel);color:var(--text);font:inherit;font-size:13px;min-width:0;width:100%}
.lseg{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--line2);background:var(--panel)}.lseg button{height:28px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:600 12px/1 inherit;cursor:pointer}
.lseg button.on{background:var(--panel-solid);color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)}.lseg button.on.sell{color:var(--neg)}.lseg button.on.buy{color:var(--pos)}.lseg button:focus-visible{outline:2px solid var(--c1);outline-offset:1px}
.stepper{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;border:1px solid var(--line2);border-radius:9px;background:var(--panel);overflow:hidden}.stepper button{height:34px;border:0;background:transparent;color:var(--muted);font-size:16px;cursor:pointer}.stepper button:hover{background:var(--panel2);color:var(--text)}
.stepper input{height:34px;border:0;border-radius:0;text-align:center;background:transparent;padding:0;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none}
.leg2 .atm{text-align:center}.lprem{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lact{display:flex;gap:4px;justify-content:flex-end}.lact button{width:28px;height:28px;border-radius:8px;border:1px solid var(--line2);background:var(--panel);color:var(--muted);cursor:pointer;font-size:13px}.lact button:hover{color:var(--text);border-color:var(--c1)}.lact button.del:hover{color:var(--neg);border-color:var(--neg)}.lact button:disabled{opacity:.4;cursor:default}
.leg-foot{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.legs-empty{margin:4px 0}
.btn.danger{color:var(--neg)}.btn.danger:hover{border-color:var(--neg)}
.checks{margin:4px 0 10px}.chk-l{display:flex;gap:6px;flex-wrap:wrap}.chk{display:inline-flex;gap:6px;align-items:center;padding:5px 10px;border-radius:999px;font-size:12px;border:1px solid var(--line)}.chk i{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700}
.chk.ok{color:var(--muted)}.chk.ok i{background:color-mix(in srgb,var(--pos) 18%,transparent);color:var(--pos)}.chk.ok i svg{width:9px;height:9px;stroke:currentColor}.chk.bad{color:var(--neg);border-color:color-mix(in srgb,var(--neg) 40%,var(--line))}.chk.bad i{background:color-mix(in srgb,var(--neg) 18%,transparent);color:var(--neg)}
.chk-issues,.chk-warn{margin:10px 0 0;padding-left:18px;font-size:12.5px;display:grid;gap:4px}.chk-issues{color:var(--neg)}.chk-warn{color:var(--c3)}
.bld-save{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.bld-save kbd{margin-left:auto;font:11px var(--mono);padding:2px 6px;border:1px solid var(--line2);border-radius:6px}
.pay-legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);margin-bottom:6px}.pay-legend i{display:inline-block;width:14px;height:3px;border-radius:2px;vertical-align:middle;margin-right:5px}
.pay-wrap{position:relative}.pay-tip{position:absolute;pointer-events:none;padding:8px 10px;border-radius:10px;font-size:12px;min-width:150px;z-index:5}.pay-tip div{display:flex;justify-content:space-between;gap:10px;margin-top:3px}
.pay-k{margin-top:12px}.pay-k .stat{padding:10px 12px;border:1px solid var(--line);border-radius:12px}.pay-k .stat .v{margin-top:6px}
.whatif{display:grid;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.whatif label{display:grid;grid-template-columns:130px 1fr 72px;gap:10px;align-items:center;font-size:12.5px;color:var(--muted)}.whatif input[type=range]{width:100%;accent-color:var(--c1)}.whatif b{text-align:right}.whatif .btn{justify-self:start}
.sc-act{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}
@media (max-width:760px){.leg2{grid-template-columns:1fr 1fr;grid-template-areas:"side type" "lots act" "mode val" "exp prem"}.leg2 .ln{display:none}.leg2 .lprem{text-align:left}.lact{justify-content:flex-end}.whatif label{grid-template-columns:1fr;gap:4px}.whatif b{text-align:left}}
.fs legend{flex-wrap:wrap;row-gap:4px;line-height:1.3}@media (max-width:760px){.fs legend span[style*="margin-left"]{margin-left:0!important;flex-basis:100%}}
.pay-k .stat .v{overflow-wrap:anywhere}
/* ---- Set up your desk (wizard) */
.su-top{margin-bottom:18px}.su-steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.su-s{display:inline-flex;gap:8px;align-items:center;height:34px;padding:0 12px 0 6px;border-radius:999px;border:1px solid var(--line2);background:var(--panel2);color:var(--muted);font:600 12.5px/1 inherit;cursor:pointer}
.su-s i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--panel);font:700 11px var(--mono);font-style:normal}.su-s i svg{width:11px;height:11px;stroke:currentColor}
.su-s.on{color:var(--text);border-color:var(--c1);box-shadow:inset 0 0 0 1px var(--c1)}.su-s.on i{background:var(--c1);color:var(--ink)}.su-s.done{color:var(--text)}.su-s.done i{background:color-mix(in srgb,var(--pos) 18%,transparent);color:var(--pos)}.su-s:disabled{opacity:.5;cursor:default}
.su-head h1{font-size:clamp(24px,2.6vw,34px);margin:6px 0 0}
.su-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.su-card{display:grid;gap:6px}.su-card b{font-size:15px}
.su-nav{display:flex;gap:10px;align-items:center;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.su-eng{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.su-e{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;cursor:pointer;transition:border-color .15s,transform .15s}.su-e:hover{transform:translateY(-2px)}.su-e.on{border-color:var(--c1);box-shadow:inset 0 0 0 1px var(--c1)}.su-e.locked{opacity:.6;cursor:default}
.su-e input{width:18px;height:18px;margin-top:4px;accent-color:var(--c1)}.su-e .code{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.su-e b{display:block;font-size:16px;margin:4px 0 2px}.su-e .su-n{text-align:right;display:grid;gap:2px}.su-e .meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted)}.su-e .meta .fl{color:var(--pos)}
.su-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:16px;align-items:start}@media (max-width:980px){.su-two{grid-template-columns:1fr}}
.su-quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:-4px}
.su-brk .row-hd .eyebrow{display:flex;align-items:center}
.su-mode{display:grid;gap:10px}.su-all{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.su-m{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.su-m .code{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.su-m b{display:block;font-size:15px;margin:3px 0}.su-m .seg button svg{width:11px;height:11px;stroke:currentColor;margin-right:4px}
.su-go{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-top:14px}.btn.big{height:52px;padding:0 28px;font-size:16px}.btn.big svg{width:16px;height:16px;stroke:currentColor;margin-right:6px}
.su-cta{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.chip.live{color:var(--pos)}.chip.off{color:var(--faint)}
.grail .two,.fsheet .fs-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.side-me .who span{display:block}
/* ======================================================================================================================
SUPER-INTELLIGENCE LAYER (Sai 25 Oct 2026): cyberpunk, futuristic, with motion. Overrides above; honours reduced motion.
====================================================================================================================== */
:root{--neon:color-mix(in srgb,var(--c1) 85%,#fff);--neon2:color-mix(in srgb,var(--c2) 85%,#fff);--scan:rgba(255,255,255,.028)}
:root[data-theme="light"],:root:not([data-theme="dark"]):not([data-theme="black"]):not([data-theme="system"]){--scan:rgba(0,0,0,.018)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="black"]){--scan:rgba(0,0,0,.018)}}
/* living background: two slow aurora blobs + fine scanlines over the grid */
body::after{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;opacity:.55;filter:blur(60px);
background:radial-gradient(38% 30% at 20% 25%,color-mix(in srgb,var(--c1) 22%,transparent),transparent 70%),radial-gradient(34% 28% at 80% 70%,color-mix(in srgb,var(--c2) 20%,transparent),transparent 70%),radial-gradient(26% 22% at 60% 10%,color-mix(in srgb,var(--c3) 14%,transparent),transparent 70%);
animation:si-aur 48s ease-in-out infinite alternate}
@keyframes si-aur{to{transform:translate3d(4%,-3%,0) rotate(6deg) scale(1.08)}}
.app::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,var(--scan) 0 1px,transparent 1px 4px);mix-blend-mode:overlay;opacity:.6}
.side,.main,.page{position:relative;z-index:1}
/* brand: the tagline reads as a signature line, not a wrapped label */
.brand small{font:600 9px/1.35 var(--mono);letter-spacing:.14em;text-transform:uppercase;max-width:150px;white-space:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:saturate(1.2)}
.brand .mk{box-shadow:var(--glow),0 0 24px -4px color-mix(in srgb,var(--c1) 60%,transparent);animation:si-breathe 4.5s ease-in-out infinite}
@keyframes si-breathe{50%{box-shadow:var(--glow),0 0 34px -2px color-mix(in srgb,var(--c2) 70%,transparent)}}
/* surfaces: hairline gradient edge + a neon top light; hover lifts and glows */
.glass{position:relative;background:color-mix(in srgb,var(--panel) 92%,transparent);border-color:color-mix(in srgb,var(--line2) 70%,transparent);box-shadow:0 1px 0 color-mix(in srgb,#fff 6%,transparent) inset,0 24px 60px -36px rgba(0,0,0,.6)}
.glass.card::after,.glass.hud::after{content:"";position:absolute;left:12%;right:12%;top:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c1) 70%,transparent),color-mix(in srgb,var(--c2) 70%,transparent),transparent);opacity:.65}
.eng,.tplc,.su-e,.learn-c,.su-card,.fit-o{transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
.eng:hover,.tplc:hover,.su-e:hover,.learn-c:hover,.fit-o:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c1) 55%,var(--line2));box-shadow:0 0 0 1px color-mix(in srgb,var(--c1) 25%,transparent),0 22px 50px -24px color-mix(in srgb,var(--c1) 55%,transparent)}
.eng{min-height:100%}.eng .spark{min-height:56px}.eng h3{min-height:2.3em;display:flex;align-items:flex-end} /* equal tiles: the title block and spark reserve their height */
/* HUD corners: brighter, with a one-off scan sweep when a HUD mounts */
.hud::before{opacity:.95;--b:color-mix(in srgb,var(--acc,var(--c1)) 85%,transparent)}
.hud{overflow:hidden}
.hud .si-scan,.hud::after{}
.eng-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--c1) 10%,transparent) 48%,transparent 60%);transform:translateX(-120%);animation:si-sweep 1.6s .25s cubic-bezier(.4,.1,.2,1) 1 forwards;opacity:.9}
@keyframes si-sweep{to{transform:translateX(130%)}}
/* type: display headings carry a soft neon halo; eyebrows get a live tick */
.main .bar h1,.eng-hero h1,.su-head h1,.hero h1{text-shadow:0 0 28px color-mix(in srgb,var(--c1) 22%,transparent)}
.eyebrow{display:inline-flex;align-items:center;gap:8px}.eyebrow::before{content:"";width:14px;height:1px;background:linear-gradient(90deg,var(--c1),var(--c2));box-shadow:0 0 8px var(--c1)}
.stat .v{text-shadow:0 0 18px color-mix(in srgb,currentColor 25%,transparent)}
.stat .v.pos,.stat .v .pos{text-shadow:0 0 18px color-mix(in srgb,var(--pos) 35%,transparent)}.stat .v.neg,.stat .v .neg{text-shadow:0 0 18px color-mix(in srgb,var(--neg) 35%,transparent)}
/* sidebar: sliding neon indicator on the active item, icon glow on hover */
.side nav a{position:relative;transition:color .18s,background .18s,padding-left .18s}
.side nav a::before{content:"";position:absolute;left:0;top:50%;height:0;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--c1),var(--c2));box-shadow:0 0 12px var(--c1);transform:translateY(-50%);transition:height .22s cubic-bezier(.2,.7,.2,1)}
.side nav a.on::before{height:60%}.side nav a.on{padding-left:18px;background:linear-gradient(90deg,color-mix(in srgb,var(--c1) 14%,transparent),transparent 70%);box-shadow:none}
.side nav a:hover svg{filter:drop-shadow(0 0 6px var(--c1))}
.side .planbox,.side .deskbox,.side-me{border-color:color-mix(in srgb,var(--line2) 80%,transparent)}
.deskbox .mono{text-shadow:0 0 14px color-mix(in srgb,var(--c1) 40%,transparent)}
/* buttons: primary carries a moving light; ghost gains a neon edge on hover */
.btn.primary{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--c1),var(--c2),var(--c1));background-size:200% 100%;transition:background-position .6s,box-shadow .25s,transform .15s}
.btn.primary:hover{background-position:100% 0;box-shadow:0 0 0 1px color-mix(in srgb,var(--c1) 45%,transparent),0 16px 44px -14px color-mix(in srgb,var(--c1) 70%,transparent)}
.btn.primary::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s}
.btn.primary:hover::after{transform:translateX(120%)}
.btn:not(.primary):hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--c1) 35%,transparent),0 0 18px -6px color-mix(in srgb,var(--c1) 50%,transparent)}
.chip.live,.chip.ok,.chip.paper{box-shadow:0 0 14px -6px currentColor}
.led{box-shadow:0 0 10px currentColor}
/* tables and lists: row light on hover */
.tbl tbody tr{transition:background .15s}.tbl tbody tr:hover{background:color-mix(in srgb,var(--c1) 7%,transparent)}
.tbl th{letter-spacing:.14em}
/* reveal: a touch more lift and a staggered feel */
.rv{transform:translateY(16px) scale(.995)}
/* market reads + calendar cells glow softly */
.rd.edge{box-shadow:inset 3px 0 12px -8px var(--pos)}.rd.caution{box-shadow:inset 3px 0 12px -8px var(--neg)}
.cal-c.act{box-shadow:0 0 12px -6px currentColor}
/* inputs: neon focus */
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--c1)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--c1) 18%,transparent),0 0 18px -6px var(--c1)}
/* the loading bar and skeletons */
#loadbar{height:2px;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3));box-shadow:0 0 12px var(--c1)}
/* light theme: keep neon tasteful */
:root[data-theme="light"] body::after{opacity:.35}:root[data-theme="light"] .app::before{opacity:.3}
:root[data-theme="light"] .main .bar h1,:root[data-theme="light"] .eng-hero h1,:root[data-theme="light"] .stat .v{text-shadow:none}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="black"]) body::after{opacity:.35}:root:not([data-theme="dark"]):not([data-theme="black"]) .main .bar h1,:root:not([data-theme="dark"]):not([data-theme="black"]) .eng-hero h1,:root:not([data-theme="dark"]):not([data-theme="black"]) .stat .v{text-shadow:none}}
@media (prefers-reduced-motion:reduce){body::after,.brand .mk,.eng-hero::after{animation:none!important}}
/* ================================================================== premium layer (Sai 25 Oct 2026): landing v2, bell, skeletons, Performance, Reports, Alerts, Help */
.sec-head{max-width:760px}
.why .feat h3{font-size:20px}.why .feat p{font-size:15px;line-height:1.6}
.tour-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;margin-top:54px}
.tour-row.flip .t-txt{order:2}.tour-row.flip .t-mock{order:1}
.t-txt h3{font-size:clamp(22px,2vw + 8px,30px);margin-top:12px}.t-txt p{color:var(--muted);margin:12px 0 16px;font-size:15.5px;line-height:1.6;max-width:46ch}
.t-mock{padding:14px;border-radius:22px;--acc:var(--c1);box-shadow:0 30px 80px -40px color-mix(in srgb,var(--c1) 45%,transparent)}
.mock{display:grid;gap:12px;padding:12px;border-radius:14px;background:var(--panel-solid);border:1px solid var(--line);min-width:0}
.m-bar{display:flex;align-items:center;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--line);font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.m-bar i{width:9px;height:9px;border-radius:50%;background:var(--line2)}.m-bar i:first-child{background:var(--neg);opacity:.7}.m-bar i:nth-child(2){background:var(--gold);opacity:.7}.m-bar i:nth-child(3){background:var(--pos);opacity:.7}.m-bar span{margin-left:8px}
.m-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.m-k>div{padding:10px 12px;border-radius:10px;background:var(--panel2);min-width:0}.m-k span{display:block;font:600 9.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-k b{display:block;margin-top:7px;font:600 16px/1.1 var(--disp);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-ch .spark{height:70px}.m-ch .chartw .lg{display:none}
.m-rows{display:grid;gap:4px}.m-rows>div{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--panel2);font-size:13px}.m-rows span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.m-cal i{aspect-ratio:1;border-radius:7px;background:var(--panel2);border:1px solid var(--line)}
.m-cal i.pos{background:color-mix(in srgb,var(--pos) 28%,var(--panel2));border-color:color-mix(in srgb,var(--pos) 40%,transparent)}.m-cal i.neg{background:color-mix(in srgb,var(--neg) 28%,var(--panel2));border-color:color-mix(in srgb,var(--neg) 40%,transparent)}.m-cal i.flat{background:color-mix(in srgb,var(--gold) 22%,var(--panel2))}
.m-leg{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.m-leg span{display:inline-flex;align-items:center;gap:6px}.m-leg i{width:10px;height:10px;border-radius:3px;background:var(--panel2);border:1px solid var(--line)}.m-leg i.pos{background:var(--pos)}.m-leg i.neg{background:var(--neg)}.m-leg i.flat{background:var(--gold)}
.m-legs{display:flex;gap:6px;flex-wrap:wrap}.m-legs span{font:500 11.5px/1 var(--mono);padding:6px 9px;border-radius:8px;background:var(--panel2);border:1px solid var(--line);color:var(--muted)}
.m-pay{width:100%;height:auto;display:block}
.tour-more{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:54px}.tour-more>div{display:grid;gap:4px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:var(--panel)}.tour-more b{font-size:14.5px}.tour-more span{font-size:13px;color:var(--muted)}
.cmp .tbl td,.cmp .tbl th{white-space:normal}.cmp th.me,.cmp td.me{background:color-mix(in srgb,var(--c1) 8%,transparent)}.cmp th.me{color:var(--c1)}
.cmp .yes svg,.cmp .no svg{width:20px;height:20px}.cmp .yes{color:var(--pos)}.cmp .no{color:var(--faint)}.cmp .yes svg,.cmp .no svg{stroke:currentColor}
.sec-cards .feat h3{font-size:17px}
@media (max-width:900px){.tour-row{grid-template-columns:1fr;gap:22px;margin-top:40px}.tour-row.flip .t-txt{order:1}.tour-row.flip .t-mock{order:2}.tour-more{grid-template-columns:repeat(2,minmax(0,1fr))}.m-k{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.tour-more{grid-template-columns:1fr}}
/* page head, segments, empty states, skeletons */
.phead{display:flex;justify-content:space-between;align-items:flex-end;gap:14px 22px;flex-wrap:wrap;margin:-6px 0 20px}
.ph-t{font-size:clamp(20px,1.4vw + 12px,26px)}.ph-s{color:var(--muted);margin:6px 0 0;max-width:70ch;font-size:14px}.ph-a{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.seg{display:inline-flex;padding:4px;border-radius:999px;border:1px solid var(--line2);background:var(--panel)}
.seg button{border:0;background:transparent;height:32px;padding:0 14px;border-radius:999px;cursor:pointer;color:var(--muted);font-weight:600;font-size:13px;transition:background .15s,color .15s}
.seg button.on{background:var(--grad);color:var(--ink)}.seg button:hover:not(.on){color:var(--text)}
.sel{height:36px;padding:0 36px 0 14px;border-radius:999px;border:1px solid var(--line2);background:var(--panel2) url("data:image/svg+xml;utf8,") no-repeat right 12px center/14px;color:var(--text);font:inherit;font-weight:600;font-size:13.5px;appearance:none;-webkit-appearance:none}
.empty2{display:grid;justify-items:center;text-align:center;gap:8px;padding:48px 24px;border-style:dashed;border-color:var(--line2)}
.empty2 .e-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(140deg,rgba(59,227,245,.16),rgba(139,124,255,.16));border:1px solid var(--line2);margin-bottom:6px}.empty2 .e-ic svg{width:24px;height:24px;stroke:var(--c1)}
.empty2 b{font:600 18px/1.2 var(--disp)}.empty2 p{margin:0;color:var(--muted);max-width:46ch;font-size:14px}.empty2 .btn{margin-top:8px}
.skel{animation:fd .3s ease}.sk{display:block;border-radius:8px;background:linear-gradient(90deg,var(--panel2) 25%,color-mix(in srgb,var(--line2) 60%,var(--panel2)) 50%,var(--panel2) 75%);background-size:200% 100%;animation:sk 1.3s ease-in-out infinite;margin:8px 0}
@keyframes sk{from{background-position:200% 0}to{background-position:-200% 0}}
.sk-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.sk-strip>div{padding:20px 22px;background:var(--panel)}
.sk-c{display:grid;align-content:start}
@media (max-width:760px){.sk-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* the bell */
.bellw{position:relative}
.bell{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:var(--panel);display:grid;place-items:center;cursor:pointer;color:var(--muted);transition:color .15s,border-color .15s}
.bell:hover,.bell[aria-expanded="true"]{color:var(--text);border-color:var(--c1)}.bell svg{width:18px;height:18px;stroke:currentColor}
.badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--neg);color:#fff;font:700 10.5px/18px var(--mono);text-align:center;box-shadow:0 0 0 2px var(--bg)}
.ntf-panel{position:absolute;right:0;top:48px;z-index:45;width:min(380px,calc(100vw - 32px));padding:0;overflow:hidden;box-shadow:0 24px 70px -30px rgba(0,0,0,.6)}
.np-h{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.np-h button{border:0;background:none;cursor:pointer;font-weight:600}
.np-l{max-height:min(60vh,420px);overflow:auto;display:grid}.np-l .empty{margin:12px;padding:20px}
.np-f{display:block;padding:12px 16px;text-align:center;border-top:1px solid var(--line);color:var(--c1);font-weight:600;font-size:13.5px}
.ntf{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);transition:background .15s;position:relative}.ntf:last-child{border-bottom:0}.ntf:hover{background:var(--panel2)}
.ntf.new::before{content:"";position:absolute;left:6px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--c1);transform:translateY(-50%);box-shadow:0 0 8px var(--c1)}
.n-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line)}.n-ic svg{width:16px;height:16px;stroke:var(--muted)}
.ntf.pos .n-ic{border-color:color-mix(in srgb,var(--pos) 40%,transparent)}.ntf.pos .n-ic svg{stroke:var(--pos)}.ntf.neg .n-ic svg{stroke:var(--neg)}.ntf.warn .n-ic svg{stroke:var(--gold)}.ntf.warn .n-ic{border-color:color-mix(in srgb,var(--gold) 40%,transparent)}
.n-b{display:grid;gap:3px;min-width:0}.n-b b{font-size:14px}.n-b span{font-size:13px;color:var(--muted)}.n-b i{font-style:normal;margin-top:2px}
.al-day{margin-bottom:18px}.al-d{font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0 0 8px 4px}.al-l{overflow:hidden}.al-l .ntf{padding:14px 18px 14px 22px}
@media (max-width:620px){.ntf-panel{position:fixed;right:12px;left:12px;top:70px;width:auto}}
/* Performance */
.strip6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0}.strip6 .stat{padding:18px 20px;border-right:1px solid var(--line);min-width:0}.strip6 .stat:last-child{border-right:0}
.strip6 .stat .v{font-size:clamp(18px,1.3vw + 8px,26px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip6 .stat .s{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1100px){.strip6{grid-template-columns:repeat(3,minmax(0,1fr))}.strip6 .stat:nth-child(3){border-right:0}.strip6 .stat:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media (max-width:560px){.strip6{grid-template-columns:repeat(2,minmax(0,1fr))}.strip6 .stat{border-right:1px solid var(--line)}.strip6 .stat:nth-child(2n){border-right:0}.strip6 .stat:nth-child(3){border-right:1px solid var(--line)}.strip6 .stat:nth-child(-n+4){border-bottom:1px solid var(--line)}}
.chartw .lg{display:flex;gap:16px;font-size:12.5px;color:var(--muted);margin-bottom:6px}.chartw .lg span{display:inline-flex;align-items:center;gap:6px}.chartw .lg i{width:14px;height:3px;border-radius:2px}
.chart.dd,.chart.bars{width:100%;height:auto}
.heat{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.hc{display:grid;gap:3px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel2)}
.hc.pos{background:color-mix(in srgb,var(--pos) calc(var(--a) * 100%),var(--panel2))}.hc.neg{background:color-mix(in srgb,var(--neg) calc(var(--a) * 100%),var(--panel2))}
.hc span{font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.hc b{font:600 15px/1.1 var(--disp)}.hc i{font-style:normal;color:var(--muted)}
.sharebar{width:100%;min-width:70px;height:6px;border-radius:3px;background:var(--panel2);overflow:hidden}.sharebar i{display:block;height:100%;border-radius:3px}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.facts>div{display:grid;gap:4px;padding:12px 14px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);min-width:0}
.facts .k{font:600 10.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.facts b{font:600 17px/1.2 var(--disp);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.chip.warn{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 45%,transparent)}
/* Reports: the statement */
.statement{padding:30px 34px}.st-h{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:flex-start}.st-for{text-align:right;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--panel2)}.st-for b{display:block;font-size:15px;margin-top:2px}
.statement .strip6 .stat{padding:16px 18px}.statement h3{margin-top:0}.tbl tr.tot td{border-top:1px solid var(--line2);background:color-mix(in srgb,var(--c1) 5%,transparent)}
.st-f{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--faint);line-height:1.6}
@media (max-width:620px){.statement{padding:20px 16px}.st-for{text-align:left;width:100%}}
@media print{body{background:#fff!important;color:#000}body::before,body::after,.side,.bar,.mob-nav,.preview,.phead .ph-a,#loadbar,.toast{display:none!important}.app{display:block}.main{padding:0}.glass{background:#fff;border-color:#ccc;backdrop-filter:none}.statement{box-shadow:none}.chip{color:#000!important;border-color:#999!important}.pos{color:#0a7d50!important}.neg{color:#b3261e!important}.muted,.faint,.xs{color:#555!important}.chart .ax{fill:#555}}
/* Help centre */
.help-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start}.h-side{display:grid;gap:6px;justify-items:start;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--panel2);min-width:220px}
.h-search{display:flex;align-items:center;gap:10px;margin-top:18px;max-width:520px;height:48px;padding:0 16px;border-radius:999px;border:1px solid var(--line2);background:var(--panel2)}.h-search svg{width:18px;height:18px;stroke:var(--muted);flex:none}
.h-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;outline:0}.h-search:focus-within{border-color:var(--c1);box-shadow:0 0 0 4px rgba(59,227,245,.12)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.help-c .h-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,rgba(59,227,245,.18),rgba(139,124,255,.18));border:1px solid var(--line2);margin-bottom:12px}.help-c .h-ic svg{width:18px;height:18px;stroke:var(--c1)}
.h-qs{margin-top:8px}details.faq.sm{padding:12px 0}details.faq.sm summary{font-size:14.5px}details.faq.sm p{font-size:13.5px;margin-top:8px}details.faq.sm[hidden]{display:none}
@media (max-width:760px){.help-hero{grid-template-columns:1fr}.h-side{width:100%}}
.hero h1{font-size:clamp(38px,4.6vw,66px);max-width:13ch}
/* Market v2 */
.mk-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0;padding:0;overflow:hidden}
.mk-px{padding:26px 28px;border-right:1px solid var(--line);background:linear-gradient(160deg,color-mix(in srgb,var(--c3) 8%,transparent),transparent)}
.mk-read{padding:26px 28px;min-width:0}
.mk-big{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:10px}.mk-big b{font:600 clamp(36px,3.4vw,52px)/1 var(--disp);letter-spacing:-.03em}.mk-chg{font:600 15px/1 var(--sans)}
.mk-range{margin-top:22px}.mk-rl{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted)}.mk-rl b{color:var(--text);margin-left:4px}
.mk-bar{position:relative;height:8px;border-radius:8px;margin-top:8px;background:linear-gradient(90deg,var(--neg),var(--panel2) 50%,var(--pos));opacity:.95}
.mk-bar i.now{position:absolute;top:-5px;width:18px;height:18px;border-radius:50%;background:var(--text);border:3px solid var(--bg);transform:translateX(-50%);box-shadow:0 0 0 1px var(--line2),0 0 14px color-mix(in srgb,var(--c1) 60%,transparent)}
.mk-bar i.prev{position:absolute;top:-4px;width:2px;height:16px;background:var(--gold);transform:translateX(-50%)}
.mk-state{display:flex;align-items:center;gap:14px;margin-top:10px}.mk-state .mk-arrow{font-size:30px;line-height:1}.mk-state b{display:block;font:700 clamp(26px,2.4vw,36px)/1 var(--disp);letter-spacing:-.02em}.mk-state.pos .mk-arrow,.mk-state.pos b{color:var(--pos)}.mk-state.neg .mk-arrow,.mk-state.neg b{color:var(--neg)}.mk-state span{display:block;margin-top:6px}
.mk-rg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.mk-rg>div{display:grid;gap:4px;padding:12px 14px;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}.mk-rg .k{font:600 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.mk-rg b{font:600 16px/1.2 var(--disp);white-space:nowrap}
.mk-emo{text-transform:capitalize;color:var(--text)}
.chart.mk{width:100%;height:auto}.mk-leg{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--muted)}.mk-leg span{display:inline-flex;align-items:center;gap:6px}.mk-leg i{width:14px;height:3px;border-radius:2px;display:inline-block}
.mk-tally{display:flex;height:8px;border-radius:8px;overflow:hidden;margin-top:14px;background:var(--panel2);gap:2px}.mk-tally i.pos{background:var(--pos)}.mk-tally i.neg{background:var(--neg)}.mk-tally i.flat{background:var(--line2)}
.mk-ev{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.mk-ev>div{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);min-width:0}
.mk-ev i{font-style:normal;flex:none;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:11px;background:var(--panel)}.mk-ev .pos i{color:var(--pos)}.mk-ev .neg i{color:var(--neg)}.mk-ev .flat i{color:var(--faint)}
.mk-ev b{display:block;font-size:13.5px}.mk-ev span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.mk-rows{display:grid;gap:12px;margin-top:16px}.mk-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}
.mk-rk b{display:block;font-size:14px}.mk-rv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:center}.mk-rv>b{font:600 22px/1 var(--disp);grid-row:span 2}
.mk-ci{position:relative;height:10px;border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--neg) 25%,var(--panel)),var(--panel) 50%,color-mix(in srgb,var(--pos) 25%,var(--panel)))}
.mk-ci .coin{position:absolute;top:-4px;width:2px;height:18px;background:var(--faint)}.mk-ci .band{position:absolute;top:1px;height:8px;border-radius:4px;background:color-mix(in srgb,var(--c1) 35%,transparent)}.mk-ci .dot{position:absolute;top:-2px;width:14px;height:14px;border-radius:50%;background:var(--text);transform:translateX(-50%);border:2px solid var(--bg)}.mk-ci .dot.pos{background:var(--pos)}.mk-ci .dot.neg{background:var(--neg)}
.mk-yard{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--muted)}.mk-yard span{display:inline-flex;align-items:center;gap:6px}.mk-yard i{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--text)}.mk-yard .coin{width:2px;height:12px;border-radius:1px;background:var(--faint)}.mk-yard .band{width:16px;height:6px;border-radius:3px;background:color-mix(in srgb,var(--c1) 35%,transparent)}
.mk-tl{display:grid;gap:0;margin-top:12px}.mk-tl>div{display:grid;grid-template-columns:48px 14px minmax(0,1fr);gap:10px;align-items:center;padding:8px 0;font-size:13.5px}.mk-tl i{width:10px;height:10px;border-radius:50%;background:var(--line2);justify-self:center;position:relative}.mk-tl .pos i{background:var(--pos);box-shadow:0 0 8px var(--pos)}.mk-tl .neg i{background:var(--neg);box-shadow:0 0 8px var(--neg)}
.tbl tr.near td{background:color-mix(in srgb,var(--gold) 8%,transparent)}
.mk-about{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width:980px){.mk-hero{grid-template-columns:1fr}.mk-px{border-right:0;border-bottom:1px solid var(--line)}.mk-about{grid-template-columns:1fr}}
@media (max-width:620px){.mk-ev{grid-template-columns:1fr}.mk-row{grid-template-columns:1fr}.mk-rg{grid-template-columns:1fr}}
.mk-tl>div{grid-template-columns:48px 14px minmax(0,1fr)}.mk-tl>div>span:last-child{min-width:0}
/* polish (Sai 25 Oct 2026): phone widths */
.cal-g{grid-template-columns:repeat(5,minmax(0,1fr))}.cal-c{min-width:0}
.howto{text-align:left}.howto li{text-align:left}.howto code.key{display:block;margin:6px 0 0;white-space:normal;overflow-wrap:anywhere;max-width:100%}
@media (max-width:620px){.af .two,.grail .two{grid-template-columns:1fr}}
@media (max-width:1100px){.pay-card{position:static;top:auto}}
.mk-narrow{display:none}@media (max-width:700px){.mk-wide{display:none}.mk-narrow{display:block}.mk-leg{gap:10px 14px;font-size:12px}}
.mk-nl{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;color:var(--muted)}.mk-nl i{display:inline-block;width:10px;height:2px;background:var(--gold);opacity:.7;vertical-align:middle;margin-right:6px}.mk-nl b{color:var(--text)}
#bldLimit{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;min-width:0}
/* brand mark A, the shell of steps (Sai 25 Oct 2026) */
.brand .mk{width:38px;height:38px;border-radius:0;background:none;box-shadow:none;display:grid;place-items:center;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--c1) 45%,transparent))}
.brand .mk svg{width:38px;height:38px;overflow:visible;animation:none}
.brand .mk .comb{transform-origin:32px 30px;transform-box:view-box;animation:ttspin 14s linear infinite}@keyframes ttspin{to{transform:rotate(360deg)}}.brand .mk .step{animation:ttstep 2.6s ease-in-out infinite}@keyframes ttstep{50%{opacity:.55}}
.brand small{display:grid;gap:3px;margin-top:3px;text-transform:none;letter-spacing:0;font:600 9.5px/1 var(--mono)}
.brand small b{font:700 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand small span{font:600 8.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
@media (prefers-reduced-motion:reduce){.brand .mk .step,.brand .mk .comb{animation:none}}
.brand{flex:none}.brand small b{white-space:nowrap}.brand small span{max-width:26ch;line-height:1.3}
.top .brand small span{white-space:nowrap;max-width:none}.side .brand small span{max-width:24ch}
.brand .mk{animation:none}
/* brand lines: tagline and descriptor set to the width of the name; the ASI link; the ASI popup; Work in progress */
.brand>span:last-child{display:grid;gap:0}
.brand small{display:grid;gap:3px;margin-top:3px;width:max-content}
.brand small b{font:700 8.6px/1 var(--mono);letter-spacing:.105em;text-transform:uppercase;white-space:nowrap}
.brand small span{font:600 7.9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);white-space:nowrap;max-width:none}
.top .brand small span,.side .brand small span{white-space:nowrap;max-width:none}
.brand small .asi{color:#FFB366;font-weight:800;border-bottom:1px dotted color-mix(in srgb,#FFB366 60%,transparent);cursor:help;padding-bottom:1px}.brand small .asi:hover{color:#FFD1A3;border-bottom-style:solid}
.asi-wrap{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(8px);animation:fd .2s ease}
.asi-pop{position:relative;width:min(560px,100%);padding:30px 32px;--acc:var(--c1);animation:up .25s ease}
.asi-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line2);background:var(--panel2);display:grid;place-items:center;cursor:pointer;color:var(--muted)}.asi-x svg{width:16px;height:16px;stroke:currentColor}.asi-x:hover{color:var(--text);border-color:var(--c1)}
.asi-mk{width:56px;height:56px;margin-bottom:14px}.asi-mk svg{width:56px;height:56px;overflow:visible}.asi-mk .comb{transform-origin:32px 30px;transform-box:view-box;animation:ttspin 14s linear infinite}
.asi-pts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.asi-pts>div{display:grid;gap:4px;padding:12px 14px;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}.asi-pts b{font-size:13.5px;color:var(--c1)}.asi-pts span{font-size:12.5px;color:var(--muted);line-height:1.45}
@media (max-width:560px){.asi-pts{grid-template-columns:1fr}.asi-pop{padding:24px 20px}}
.wip{display:grid;justify-items:start;padding:40px 44px}.wip-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(140deg,color-mix(in srgb,var(--c1) 18%,transparent),color-mix(in srgb,var(--c2) 18%,transparent));border:1px solid var(--line2);margin-bottom:16px}.wip-ic svg{width:24px;height:24px;stroke:var(--c1)}
.wip-list{display:grid;gap:8px;margin-top:18px}.wip-list>div{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--muted)}.wip-list svg{width:16px;height:16px;stroke:var(--c3);flex:none}
@media (max-width:620px){.wip{padding:26px 20px}}
/* trust layer (Sai 25 Oct 2026): three-up numbers on tiles, the fund table, the calendar grid by breakpoint */
.eng .nums.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.eng .nums.n3 b{font-size:16px;white-space:nowrap}
.fund .amt{display:grid;gap:4px}.fund .amt-in{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);font:600 15px/1 var(--mono)}
.fund .amt-in input{width:120px;border:0;background:transparent;color:var(--text);font:inherit;outline:0}
.cal-year{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1500px){.cal-year{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1180px){.cal-year{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.cal-year{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.cal-year{grid-template-columns:repeat(2,minmax(0,1fr))}}
.eng .nums.n3 b{font-size:15px}.eng .nums.n3 .xs{white-space:nowrap}