:root{
  --bg:#0A0B0D; --surface:#111318; --surface2:#15181E; --raise:#1A1D24;
  --border:rgba(255,255,255,.08); --border2:rgba(255,255,255,.14);
  --ink:#FFFFFF; --ink2:#A6AEBB; --ink3:#828A98;
  --accent:#00E5A8; --accent-dim:rgba(0,229,168,.12); --neg:#F87171;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:"SF Mono","Cascadia Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:18px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth; scroll-padding-top:80px}
body{background:var(--bg); color:var(--ink2); font-family:var(--sans); font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(1000px 560px at 50% -140px, rgba(0,229,168,.07), transparent 70%)}
h1,h2,h3,h4{color:var(--ink); line-height:1.15; letter-spacing:-.02em; font-weight:680}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--accent); outline-offset:3px; border-radius:4px}
.wrap{max-width:1280px; margin:0 auto; padding:0 28px}
.small{font-size:14px}
.mono{font-family:var(--mono)}
.skip{position:absolute; left:-9999px; top:0; background:var(--accent); color:#00281c; padding:8px 16px; border-radius:0 0 8px 0; z-index:100}
.skip:focus{left:0}

/* ---------- nav ---------- */
.nav{position:sticky; top:0; z-index:40; background:rgba(10,11,13,.8); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid var(--border)}
.navin{max-width:1280px; margin:0 auto; padding:0 28px; height:68px; display:flex; align-items:center; gap:32px}
.brand{display:flex; align-items:center; gap:10px; color:var(--ink); font-weight:700; font-size:15.5px; letter-spacing:-.01em; white-space:nowrap}
.navlinks{display:flex; gap:24px; margin-left:auto; align-items:center}
.navlinks a{color:var(--ink2); font-size:14px; font-weight:500}
.navlinks a:hover{color:var(--ink); text-decoration:none}
.navlinks a[aria-current="page"]{color:var(--accent); font-weight:650}
.menubtn{display:none; margin-left:auto; background:transparent; border:1px solid var(--border2); border-radius:10px; color:var(--ink); padding:8px 12px; cursor:pointer; font-size:14px}
.crumbs{font-size:13px; color:var(--ink3); padding:18px 0 0}
.crumbs a{color:var(--ink3)}
.crumbs a:hover{color:var(--accent)}
.crumbs span[aria-current]{color:var(--ink2)}
.pagehero{padding:36px 0 4px}
.pagehero h1{font-size:clamp(1.9rem,3.4vw,2.8rem); max-width:940px; margin:0}
.pagehero .sub{max-width:760px; margin-top:14px; font-size:17px; color:var(--ink2)}
.xlinks{display:flex; gap:14px; flex-wrap:wrap; margin-top:18px; font-size:14px; font-weight:600}
.navcta{background:var(--accent); color:#04281d !important; font-weight:650; font-size:13.5px; padding:9px 18px; border-radius:10px}
.navcta:hover{text-decoration:none; opacity:.9}
.livechip{display:flex; align-items:center; gap:7px; font-size:12px; font-family:var(--mono); color:var(--ink3);
  border:1px solid var(--border); border-radius:999px; padding:5px 12px; white-space:nowrap}
.livechip .d{width:7px; height:7px; border-radius:50%; background:var(--ink3)}
.livechip.on{color:var(--accent); border-color:rgba(0,229,168,.3)}
.livechip.on .d{background:var(--accent); animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion: reduce){ .livechip.on .d{animation:none} html{scroll-behavior:auto} }

/* ---------- hero ---------- */
.hero{padding:40px 0 30px; text-align:center}
.eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:650; letter-spacing:.1em; text-transform:uppercase; color:var(--accent);
  border:1px solid rgba(0,229,168,.3); background:var(--accent-dim); border-radius:999px; padding:7px 16px; margin-bottom:22px}
h1{font-size:clamp(2.3rem,4.6vw,3.6rem); font-weight:720; max-width:880px; margin:0 auto}
.herosub{max-width:640px; margin:16px auto 0; font-size:18px; color:var(--ink2)}
.ctas{display:flex; gap:14px; justify-content:center; margin-top:26px; flex-wrap:wrap}
.btn{display:inline-flex; align-items:center; gap:8px; font-size:15.5px; font-weight:650; border-radius:12px; padding:15px 30px; cursor:pointer; border:1px solid transparent; transition:opacity .15s, background .15s, box-shadow .15s}
.btn.primary{background:var(--accent); color:#04281d; box-shadow:0 0 28px rgba(0,229,168,.35), 0 4px 14px rgba(0,0,0,.4)}
.btn.primary:hover{opacity:.9; text-decoration:none; box-shadow:0 0 36px rgba(0,229,168,.45)}
.btn.ghost{background:var(--surface); color:var(--ink); border-color:var(--border2)}
.btn.ghost:hover{background:var(--surface2); text-decoration:none}
.heronote{margin-top:16px; font-size:13.5px; color:var(--ink3)}
.heronote a{color:var(--ink3); text-decoration:underline}
.heronote a:hover{color:var(--accent)}

/* ---------- cards & metrics (elevated) ---------- */
.card{background:linear-gradient(180deg, var(--surface2), var(--surface)); border:1px solid var(--border); border-radius:var(--r); padding:26px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 30px rgba(0,0,0,.35)}
.metrics{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:16px; align-items:stretch}
.metric{text-align:left; min-width:0; display:flex; flex-direction:column; justify-content:center; padding:24px 26px}
.metric .mv{font-size:clamp(1.45rem, 0.8vw + 1.05rem, 2rem); font-weight:730; color:var(--ink); font-variant-numeric:tabular-nums; letter-spacing:-.02em; white-space:nowrap}
.metric .mv.up{color:var(--accent); text-shadow:0 0 24px rgba(0,229,168,.25)}
.metric .ml{font-size:14px; color:var(--ink2); margin-top:8px; font-weight:550}
.metric .msub{font-size:12px; color:var(--ink3); font-family:var(--mono); margin-top:3px}

/* ---------- sections (double whitespace) ---------- */
section{padding:84px 0 0}
.sechead{max-width:720px; margin-bottom:40px}
.sechead.center{margin-left:auto; margin-right:auto; text-align:center}
.kick{font-size:13px; font-weight:650; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin-bottom:14px}
h2{font-size:clamp(1.8rem,3.6vw,2.6rem)}
.sechead p{margin-top:16px; color:var(--ink2); font-size:17px}
.prelaunch{display:inline-flex; margin-left:0; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color:var(--ink2);
  border:1px solid var(--border2); background:var(--surface); border-radius:999px; padding:6px 14px}
.prelaunch i{width:7px; height:7px; border-radius:50%; background:var(--accent); display:inline-block}

/* ---------- quant math typography (self-contained, no CDN) ---------- */
.math{font-family:Georgia,"Times New Roman",STIXGeneral,serif; font-style:italic; color:var(--ink); letter-spacing:.01em}
.math .rm{font-style:normal}
.math sub,.math sup{font-size:.62em; font-style:normal}
.formula{background:linear-gradient(180deg, var(--surface2), var(--surface)); border:1px solid var(--border); border-radius:var(--r);
  padding:22px 26px; margin:14px 0; overflow-x:auto; box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 30px rgba(0,0,0,.3)}
.formula .fx{font-family:Georgia,"Times New Roman",serif; font-style:italic; font-size:19px; color:var(--ink); white-space:nowrap; display:block}
.formula .fx .rm{font-style:normal}
.formula .fx sub,.formula .fx sup{font-size:.6em; font-style:normal}
.formula .note{font-size:13px; color:var(--ink3); margin-top:10px; font-style:normal; white-space:normal}
.formula .note b{color:var(--ink2)}
.formula .tag2{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin-bottom:10px; display:block; font-style:normal}
.frac{display:inline-block; vertical-align:-.9em; text-align:center; line-height:1.15; margin:0 3px}
.frac > span{display:block; padding:0 5px}
.frac > span:first-child{border-bottom:1px solid currentColor}
.bignum{font-family:var(--mono); font-weight:730; color:var(--accent); font-variant-numeric:tabular-nums}
.bignum sup{font-size:.55em}
.mathgrid{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.mathgrid > *{min-width:0; margin:0}
.algo{background:#0D0F13; border:1px solid var(--border); border-radius:var(--r); padding:22px 26px; overflow-x:auto; margin:14px 0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.algo pre{font-family:var(--mono); font-size:13px; line-height:1.75; color:var(--ink2); margin:0}
.algo .kw{color:var(--accent); font-weight:700}
.algo .cm{color:var(--ink3)}
.algo .var{color:#C9D4F5}
.histwrap{margin-top:10px}
.histcap{font-size:12.5px; color:var(--ink3); font-family:var(--mono); margin-top:8px}
.statrow{display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:16px; margin:16px 0}
.statrow .card{padding:20px 22px}
.statrow .sv{font-family:var(--mono); font-size:clamp(1.05rem, 0.6vw + 0.85rem, 1.45rem); font-weight:720; color:var(--ink); font-variant-numeric:tabular-nums}
.statrow .sv sup{font-size:.55em}
.statrow .sv.mint{color:var(--accent)}
.statrow .sl{font-size:12.5px; color:var(--ink3); margin-top:6px}
@media (max-width:960px){ .mathgrid{grid-template-columns:1fr} }

/* ---------- the gauntlet ---------- */
.gaunt{max-width:860px; margin:0 auto}
.grow{padding:26px 0; border-bottom:1px solid var(--border)}
.grow:last-of-type{border-bottom:none}
.grow .gtop{display:flex; align-items:baseline; gap:18px; flex-wrap:wrap}
.grow .gnum{font-family:var(--mono); font-size:clamp(1.9rem,4.2vw,3.1rem); font-weight:740; color:var(--ink); font-variant-numeric:tabular-nums; letter-spacing:-.03em}
.grow.final .gnum{color:var(--accent); text-shadow:0 0 32px rgba(0,229,168,.35)}
.grow .glbl{font-size:15px; color:var(--ink2); font-weight:600}
.grow .gkill{margin-left:auto; font-size:13px; color:var(--ink3); font-family:var(--mono); text-align:right}
.grow .gkill b{color:var(--neg); font-weight:650}
.grow .gbar{height:6px; border-radius:3px; background:rgba(255,255,255,.05); margin-top:16px; overflow:hidden}
.grow .gbar i{display:block; height:100%; border-radius:3px; background:linear-gradient(90deg, rgba(139,147,167,.7), rgba(139,147,167,.25)); width:0; transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.grow.final .gbar i{background:var(--accent); box-shadow:0 0 14px rgba(0,229,168,.5)}
.gsurv{text-align:center; margin-top:34px; font-size:15px; color:var(--ink2)}
.gsurv b{font-family:var(--mono); font-size:clamp(1.5rem,3vw,2.1rem); color:var(--accent); display:block; margin-bottom:4px; text-shadow:0 0 28px rgba(0,229,168,.3)}

/* ---------- validation flex strip ---------- */
.vstrip{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:44px}
.vchip{text-align:left}
.vchip .vv{font-family:var(--mono); font-size:clamp(1.2rem, 0.7vw + 0.95rem, 1.7rem); font-weight:730; color:var(--accent); font-variant-numeric:tabular-nums}
.vchip .vv sup{font-size:.55em}
.vchip .vl{font-size:13px; color:var(--ink2); margin-top:8px}
.vchip .vsub{font-size:12px; color:var(--ink3); font-family:var(--mono); margin-top:2px}

/* ---------- how it works ---------- */
.steps{display:grid; grid-template-columns:repeat(5,1fr); gap:14px}
.step{background:linear-gradient(180deg, var(--surface2), var(--surface)); border:1px solid var(--border); border-radius:var(--r); padding:26px 22px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 30px rgba(0,0,0,.3)}
.step .n{width:36px; height:36px; border-radius:11px; background:var(--accent-dim); color:var(--accent); display:flex; align-items:center; justify-content:center; font-weight:720; font-size:15px; margin-bottom:18px}
.step h3{font-size:16px; margin-bottom:8px}
.step p{font-size:13.5px; color:var(--ink2)}
.feegrid{display:grid; grid-template-columns:1.1fr 1fr; gap:16px; margin-top:16px}
.feegrid h3{font-size:17px; margin-bottom:12px}
.feegrid p{font-size:14.5px}
.feegrid ul{list-style:none; margin-top:10px}
.feegrid li{padding:8px 0 8px 28px; position:relative; font-size:14.5px; border-bottom:1px solid var(--border)}
.feegrid li:last-child{border-bottom:none}
.feegrid li::before{content:"✓"; position:absolute; left:2px; color:var(--accent); font-weight:700}
.feenote{font-size:12.5px; color:var(--ink3); margin-top:14px}

/* ---------- live portfolio ---------- */
.pfgrid{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.pfgrid > *{min-width:0}
.allocbar{display:flex; gap:2px; height:16px; border-radius:8px; overflow:hidden; margin:16px 0 18px}
.allocbar i{display:block; height:100%; min-width:3px; transition:width .9s ease}
.alrow{display:flex; align-items:baseline; gap:10px; padding:9px 0; border-bottom:1px solid var(--border); font-size:14.5px; min-width:0}
.alrow:last-child{border-bottom:none}
.alrow .sw{width:11px; height:11px; border-radius:3px; flex:none; align-self:center}
.alrow .nm2{color:var(--ink); font-weight:600; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.alrow .pv{margin-left:auto; font-family:var(--mono); font-size:14px; color:var(--ink2)}
.rlrow{padding:11px 0; border-bottom:1px solid var(--border)}
.rlrow:last-child{border-bottom:none}
.rlrow .rltop{display:flex; align-items:baseline; gap:10px; font-size:14px; margin-bottom:8px}
.rlrow .rlname{color:var(--ink); font-weight:600}
.rlrow .rlval{margin-left:auto; font-family:var(--mono); font-size:12.5px; color:var(--ink3)}
.rlbar{height:6px; border-radius:3px; background:rgba(255,255,255,.06); overflow:hidden}
.rlbar i{display:block; height:100%; border-radius:3px; background:var(--accent); width:0; transition:width .9s ease}
.rlbar i.hot{background:var(--neg)}
.sidep{font-family:var(--mono); font-size:11px; font-weight:700; padding:2px 8px; border-radius:6px; background:rgba(255,255,255,.07); color:var(--ink2); white-space:nowrap}
.pfstats{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px}

/* ---------- trade cards ---------- */
.tradecards{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:start}
.tradecards > *{min-width:0}
.tradecard{background:linear-gradient(180deg, var(--surface2), var(--surface)); border:1px solid var(--border); border-radius:var(--r); padding:24px;
  display:flex; flex-direction:column; gap:14px; box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 30px rgba(0,0,0,.3)}
.tradecard.new{border-color:rgba(0,229,168,.35)}
.tc-top{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.tc-time{margin-left:auto; font-size:12px; color:var(--ink3); font-family:var(--mono); white-space:nowrap}
.tc-market{font-weight:640; color:var(--ink); font-size:15.5px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.tc-meta{display:flex; gap:12px; align-items:baseline; font-size:13px; color:var(--ink3); flex-wrap:wrap}
.tc-meta b{color:var(--ink2); font-weight:600}
.tc-px{font-family:var(--mono); font-size:13px; color:var(--ink2); font-weight:600}
.tc-cred{display:flex; align-items:center; gap:8px; font-size:12px; color:var(--ink3); border-top:1px solid var(--border); padding-top:12px; margin-top:2px; line-height:1.45}
.tier-badge{font-family:var(--mono); font-size:11px; font-weight:700; width:22px; height:22px; border-radius:6px; display:inline-flex; align-items:center; justify-content:center; flex:none; border:1px solid}
.tier-badge.S{color:var(--accent); border-color:rgba(0,229,168,.5); background:var(--accent-dim)}
.tier-badge.A{color:#7DD3FC; border-color:rgba(125,211,252,.4); background:rgba(125,211,252,.08)}
.tier-badge.B{color:#C4B5FD; border-color:rgba(196,181,253,.4); background:rgba(196,181,253,.08)}
.tier-badge.C{color:var(--ink2); border-color:var(--border2)}
.tc-link{margin-top:auto; font-size:13.5px; font-weight:600}
.pill{font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.04em; padding:4px 10px; border-radius:7px; white-space:nowrap}
.pill.ENTERED,.pill.BUY,.pill.ADDED{background:var(--accent-dim); color:var(--accent)}
.pill.SELL,.pill.EXITED{background:rgba(248,113,113,.12); color:var(--neg)}
.pill.TRIMMED{background:rgba(255,255,255,.08); color:var(--ink2)}
.pill.MOVE{background:rgba(255,255,255,.06); color:var(--ink3)}
.pill.chain{background:transparent; border:1px solid var(--border2); color:var(--ink2)}

/* ---------- feeds (wide radar) ---------- */
.feed{background:linear-gradient(180deg, var(--surface2), var(--surface)); border:1px solid var(--border); border-radius:var(--r); overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 30px rgba(0,0,0,.3)}
.feedhead{display:flex; align-items:center; gap:10px; padding:18px 24px; border-bottom:1px solid var(--border); font-size:13.5px; font-weight:650; color:var(--ink); flex-wrap:wrap}
.feedhead .right{margin-left:auto; font-family:var(--mono); font-size:12px; color:var(--ink3); font-weight:400}
.feedbody{max-height:380px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--border2) transparent}
.frow{display:flex; align-items:baseline; gap:12px; padding:12px 24px; border-bottom:1px solid var(--border); font-size:14px}
.frow:last-child{border-bottom:none}
.frow .t{font-family:var(--mono); font-size:12px; color:var(--ink3); white-space:nowrap}
.frow .who{font-weight:600; color:var(--ink); white-space:nowrap}
.frow .mkt{color:var(--ink2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; min-width:0}
.frow .mkt a{font-family:var(--mono); font-size:11.5px}
.frow.new{animation:arrive 2.2s ease}
@keyframes arrive{0%{background:rgba(0,229,168,.09)}100%{background:transparent}}
@media (prefers-reduced-motion: reduce){ .frow.new{animation:none} }
.emptyst{padding:52px 24px; text-align:center; color:var(--ink3); font-size:14px}
.emptyst .pulse{color:var(--accent); font-family:var(--mono); font-size:13px; margin-bottom:8px}
.catp{font-size:11px; font-family:var(--mono); background:rgba(255,255,255,.07); color:var(--ink2); border-radius:7px; padding:2px 8px; white-space:nowrap; flex:none}
/* wallet-level qualifier chip — deliberately muted so it never reads as a trade verdict */
.wchip{font-size:10.5px; font-family:var(--mono); color:var(--ink3); border:1px solid var(--border); border-radius:6px; padding:1px 6px; white-space:nowrap; flex:none}
/* entry-price banding: low entries are the interesting calls; high entries are muted */
.pxchip{font-family:var(--mono); font-size:12px; font-weight:700; padding:2px 9px; border-radius:7px; white-space:nowrap; flex:none}
.pxchip.low{background:var(--accent-dim); color:var(--accent)}
.pxchip.mid{background:rgba(255,255,255,.07); color:var(--ink)}
.pxchip.high{background:rgba(255,255,255,.04); color:var(--ink3)}
.frow.dim{opacity:.55}
.churnbtn{font-family:var(--mono); font-size:11.5px; color:var(--ink2); background:transparent; border:1px solid var(--border2); border-radius:8px; padding:4px 10px; cursor:pointer; white-space:nowrap}
.churnbtn:hover{color:var(--ink)}
.churnbtn.on{color:var(--accent); border-color:rgba(0,229,168,.35)}

/* ---------- tables ---------- */
.tbl{width:100%; border-collapse:collapse; font-size:14px}
.tbl th{font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink3); font-weight:600; text-align:left; padding:11px 14px; border-bottom:1px solid var(--border)}
.tbl td{padding:13px 14px; border-bottom:1px solid var(--border); color:var(--ink2); font-variant-numeric:tabular-nums}
.tbl tr:last-child td{border-bottom:none}
.tbl .pos{color:var(--accent)} .tbl .negv{color:var(--neg)}
.tbl b{color:var(--ink); font-weight:600}
.tblwrap{overflow-x:auto; border:1px solid var(--border); border-radius:var(--r); background:var(--surface)}

/* ---------- live P&L board ---------- */
.flash-up{animation:fup 1.4s ease}
.flash-dn{animation:fdn 1.4s ease}
@keyframes fup{0%{background:rgba(0,229,168,.18)}100%{background:transparent}}
@keyframes fdn{0%{background:rgba(248,113,113,.16)}100%{background:transparent}}
@media (prefers-reduced-motion: reduce){ .flash-up,.flash-dn{animation:none} }
.tiergroup{margin-bottom:18px}
.tierhead{display:flex; align-items:baseline; gap:12px; padding:16px 24px; border-bottom:1px solid var(--border); flex-wrap:wrap}
.tierbadge{font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.06em; padding:4px 11px; border-radius:8px}
.tierbadge.validated{background:var(--accent-dim); color:var(--accent); border:1px solid rgba(0,229,168,.3)}
.tierbadge.credible{background:rgba(255,255,255,.07); color:var(--ink2); border:1px solid var(--border2)}
.tierhead .tsum{margin-left:auto; font-family:var(--mono); font-size:12.5px; color:var(--ink3)}
.tierhead .tsum b{color:var(--ink); font-weight:700}
.prow{display:flex; align-items:baseline; gap:14px; padding:13px 24px; border-bottom:1px solid var(--border); font-size:14px; min-width:0}
.prow:last-child{border-bottom:none}
.prow .pmkt{color:var(--ink); font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; min-width:0}
.prow .pmkt .sub2{display:block; font-size:12px; color:var(--ink3); font-weight:400; font-family:var(--mono)}
.prow .pmath{font-family:var(--mono); font-size:13px; color:var(--ink2); white-space:nowrap}
.prow .ppnl{font-family:var(--mono); font-size:15px; font-weight:720; white-space:nowrap; text-align:right; min-width:86px; border-radius:8px; padding:2px 8px}
.prow .ppnl .sub2{display:block; font-size:11px; font-weight:400; color:var(--ink3); text-align:right}
.ppnl.pos{color:var(--accent)} .ppnl.neg{color:var(--neg)} .ppnl.flat{color:var(--ink3)}

/* ---------- charts / perf ---------- */
.perfcards{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px}
.pfc .lbl{display:flex; align-items:center; gap:8px; font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink3); font-weight:600}
.pfc .dot{width:9px; height:9px; border-radius:3px}
.pfc .ret{font-size:clamp(1.5rem, 0.9vw + 1.1rem, 2.1rem); white-space:nowrap; font-weight:720; color:var(--ink); margin:12px 0 5px; font-variant-numeric:tabular-nums}
.pfc .ret.pos{color:var(--accent); text-shadow:0 0 24px rgba(0,229,168,.2)} .pfc .ret.neg{color:var(--neg)}
.pfc .st{font-size:13px; color:var(--ink3); font-family:var(--mono)}
.legend{display:flex; gap:18px; margin-top:14px; font-size:12.5px; color:var(--ink3)}
.legend i{display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:6px; vertical-align:-1px}
.duo{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.duo > *{min-width:0}
.duo .card h3{font-size:15.5px; margin-bottom:6px}
.duo .card .sub{font-size:13px; color:var(--ink3); margin-bottom:16px}

/* ---------- trader cards ---------- */
.traders{display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:16px}
.traders > *{min-width:0}
.tcard{background:linear-gradient(180deg, var(--surface2), var(--surface)); border:1px solid var(--border); border-radius:var(--r); padding:26px;
  display:flex; flex-direction:column; gap:18px; transition:border-color .15s, transform .15s;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 30px rgba(0,0,0,.3)}
.tcard:hover{border-color:var(--border2); transform:translateY(-2px)}
.tcard.top{border-color:rgba(0,229,168,.35)}
.thead{display:flex; align-items:center; gap:12px}
.avatar{width:44px; height:44px; border-radius:13px; background:var(--raise); border:1px solid var(--border2); display:flex; align-items:center; justify-content:center; font-weight:720; color:var(--accent); font-size:15px; flex:none}
.tname{font-weight:680; color:var(--ink); font-size:16px; line-height:1.3}
.stars{color:var(--accent); font-size:13px; letter-spacing:2px}
.stars .off{color:rgba(255,255,255,.16)}
.tstats{display:grid; grid-template-columns:1fr 1fr; gap:12px 16px}
.tstat .v{font-size:19px; font-weight:720; color:var(--ink); font-variant-numeric:tabular-nums}
.tstat .v.up{color:var(--accent)}
.tstat .l{font-size:12px; color:var(--ink3)}
.tmeta{display:flex; gap:8px; flex-wrap:wrap}
.tag{font-size:11.5px; font-family:var(--mono); color:var(--ink2); background:rgba(255,255,255,.06); border-radius:7px; padding:3px 9px}
.tag.grn{color:var(--accent); background:var(--accent-dim)}
.tag.red{color:var(--neg); background:rgba(248,113,113,.1)}
.tbar{height:5px; border-radius:3px; background:rgba(255,255,255,.06); overflow:hidden}
.tbar i{display:block; height:100%; border-radius:3px; background:var(--accent); width:0; transition:width .9s ease}
.tfoot{display:flex; gap:14px; font-size:13.5px; font-weight:600; border-top:1px solid var(--border); padding-top:14px; margin-top:auto}

/* ---------- recent wins ---------- */
.wingrid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.wingrid > *{min-width:0}
.wincard{background:linear-gradient(180deg, var(--surface2), var(--surface)); border:1px solid var(--border); border-radius:var(--r); padding:24px;
  display:flex; flex-direction:column; gap:14px; box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 30px rgba(0,0,0,.3)}
.wincard.hero1{border-color:rgba(0,229,168,.35)}
.wc-top{display:flex; align-items:center; gap:10px}
.wc-title{font-weight:650; color:var(--ink); font-size:15px; line-height:1.35}
.wc-stats{display:flex; gap:22px; align-items:flex-end; flex-wrap:wrap}
.wc-entry .v{font-family:var(--mono); font-size:27px; font-weight:720; color:var(--ink); letter-spacing:-.01em}
.wc-entry .l{font-size:11.5px; color:var(--ink3); letter-spacing:.05em; text-transform:uppercase}
.wc-mini .v{font-family:var(--mono); font-size:16px; font-weight:700; color:var(--accent)}
.wc-mini .l{font-size:11.5px; color:var(--ink3); letter-spacing:.05em; text-transform:uppercase}
.wc-foot{display:flex; align-items:baseline; gap:10px; font-size:12.5px; color:var(--ink3); border-top:1px solid var(--border); padding-top:12px; flex-wrap:wrap}
.wc-foot b{color:var(--ink2); font-weight:600}
.respill{font-family:var(--mono); font-size:11px; font-weight:700; padding:3px 9px; border-radius:7px; background:var(--accent-dim); color:var(--accent); white-space:nowrap}

/* ---------- leaderboard rows / research ---------- */
.lrow{display:flex; align-items:baseline; gap:10px; padding:11px 0; border-bottom:1px solid var(--border); font-size:14px; min-width:0}
.lrow:last-child{border-bottom:none}
.lrow .rk{font-family:var(--mono); font-size:12px; color:var(--ink3); width:18px; text-align:right; flex:none}
.lrow .nm{color:var(--ink); font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; flex:1}
.lrow .sub2{display:block; font-size:12px; color:var(--ink3); font-weight:400; font-family:var(--mono)}
.lrow .val{margin-left:auto; font-family:var(--mono); font-size:13.5px; color:var(--accent); white-space:nowrap; text-align:right}
.research details{border:1px solid var(--border); border-radius:var(--r); background:var(--surface); margin-bottom:14px; overflow:hidden}
.research summary{cursor:pointer; padding:22px 26px; font-weight:650; color:var(--ink); font-size:16.5px; list-style:none; display:flex; align-items:center}
.research summary::-webkit-details-marker{display:none}
.research summary::after{content:"↓"; margin-left:auto; color:var(--ink3); transition:transform .2s}
.research details[open] summary::after{transform:rotate(180deg)}
.research .rbody{padding:0 26px 26px}
.scanline{display:flex; align-items:center; gap:14px; margin-top:16px; font-size:13px; color:var(--ink3); flex-wrap:wrap}
.scanline .bar{flex:1; height:4px; border-radius:2px; background:rgba(255,255,255,.06); overflow:hidden; min-width:80px}
.scanline .bar i{display:block; height:100%; width:0; background:var(--accent); border-radius:2px; transition:width 1.2s ease}
.scanline b{color:var(--ink2); font-weight:600}

/* ---------- faq deep-dive ---------- */
.faqtoc{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:34px}
.faqtoc a{font-family:var(--mono); font-size:12.5px; color:var(--ink2); border:1px solid var(--border2); border-radius:999px; padding:7px 14px}
.faqtoc a:hover{color:var(--accent); border-color:rgba(0,229,168,.4); text-decoration:none}
.faqcat{font-size:clamp(1.2rem,2.4vw,1.6rem); margin:44px 0 16px; scroll-margin-top:90px}
.faqwide{max-width:860px}
.faq details{scroll-margin-top:90px}
.faq .a p{margin-bottom:10px}
.faq .a p:last-child{margin-bottom:0}
.faq .a .fml{display:block; font-family:Georgia,"Times New Roman",serif; font-style:italic; font-size:18px; color:var(--ink);
  margin:14px 0; overflow-x:auto; white-space:nowrap; padding:14px 18px; background:rgba(255,255,255,.03);
  border:1px solid var(--border); border-radius:12px}
.faq .a .fml .rm{font-style:normal}
.faq .a .fml sub,.faq .a .fml sup{font-size:.6em; font-style:normal}
.faq .a .qlink{margin-top:12px}
.faq .a .qlink a{font-family:var(--mono); color:var(--ink3); font-size:12px}
.faq .a .bignum{font-size:1.05em}

/* ---------- faq / waitlist / footer ---------- */
.faq{max-width:760px; margin:0 auto}
.faq details{border:1px solid var(--border); border-radius:15px; background:var(--surface); margin-bottom:12px; overflow:hidden}
.faq summary{cursor:pointer; padding:20px 24px; font-weight:600; color:var(--ink); font-size:15.5px; list-style:none; display:flex; align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; margin-left:auto; color:var(--ink3); font-size:18px; font-weight:400}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 24px 22px; font-size:14.5px; color:var(--ink2)}
.waitwrap{max-width:560px; margin:0 auto; text-align:center}
.waitform{display:flex; gap:10px; margin-top:30px}
.waitform input{flex:1; min-width:0; background:var(--surface); border:1px solid var(--border2); border-radius:12px; padding:15px 18px; color:var(--ink); font-size:15px; font-family:var(--sans)}
.waitform input::placeholder{color:var(--ink3)}
.waitform input:focus{outline:2px solid var(--accent); outline-offset:0; border-color:transparent}
.waitmsg{margin-top:14px; font-size:13.5px; min-height:20px}
.waitmsg.ok{color:var(--accent)} .waitmsg.err{color:var(--neg)}
.waitprivacy{margin-top:14px; font-size:12px; color:var(--ink3); line-height:1.5}
.waitprivacy a{color:var(--ink3); text-decoration:underline}
.waitprivacy a:hover{color:var(--accent)}
.closing{padding:96px 0; margin-top:96px; text-align:center; background:linear-gradient(180deg, var(--surface) 0%, var(--bg) 100%); border-top:1px solid var(--border)}
footer{padding:48px 0 60px}
.footgrid{display:flex; gap:24px; flex-wrap:wrap; align-items:center; font-size:13px; color:var(--ink3)}
.footgrid a{color:var(--ink3)}
.footgrid a:hover{color:var(--accent)}
.footnote{margin-top:20px; font-size:12px; color:var(--ink3)}
.errline{display:none; margin:12px 0; padding:10px 16px; border:1px solid rgba(248,113,113,.3); border-radius:10px; color:var(--neg); font-size:13px; font-family:var(--mono)}
/* CLS guards: reserve space for content that arrives from the live files,
   so the page doesn't shift when data lands */
#feedcards,#winCards{min-height:280px}
#widebody{min-height:240px}
#positions,#rosterlist,#pbList,#fpList{min-height:200px}
/* /live gets exact reservations — its containers fill with dozens of rows */
#livepage #widebody{height:320px; min-height:320px}
#livepage .tradecards{min-height:560px}
#livepage #rosterlist,#livepage #positions{min-height:430px}
@media (max-width:960px){ #livepage .tradecards{min-height:600px} #feedcards{min-height:600px} }
#pnlBoard{min-height:180px}
#orcCounts{min-height:130px}
#winTable{min-height:100px}
.mt{margin-top:16px}

@media (max-width:960px){
  .steps{grid-template-columns:1fr 1fr}
  .pfgrid,.duo,.perfcards,.feegrid,.tradecards,.wingrid,.vstrip{grid-template-columns:1fr}
  .vstrip > *{min-width:0}
  .menubtn{display:block}
  .navlinks{display:none; position:absolute; top:68px; left:0; right:0; flex-direction:column; gap:0; align-items:stretch;
    background:rgba(10,11,13,.98); border-bottom:1px solid var(--border); padding:8px 0; z-index:50}
  .navlinks.open{display:flex}
  .navlinks a{padding:13px 24px; border-bottom:1px solid var(--border)}
  .navlinks a:last-of-type{border-bottom:none}
  .navlinks .navcta{margin:10px 24px; text-align:center; border-bottom:none}
  section{padding:76px 0 0}
  .hero{padding:56px 0 52px}
  .closing{padding:76px 0; margin-top:76px}
  .sechead{margin-bottom:36px}
}
@media (max-width:560px){
  .steps{grid-template-columns:1fr}
  .metrics{grid-template-columns:1fr 1fr; gap:12px}
  .card{padding:22px}
  .frow{flex-wrap:wrap; row-gap:4px}
  .frow .mkt{flex-basis:100%; white-space:normal}
  .wrap{padding:0 16px}
  .navin{padding:0 16px; gap:12px}
  .brand span{display:none}
  .waitform{flex-direction:column}
  .pfstats{grid-template-columns:1fr 1fr; gap:12px}
}

/* ============================================================
   DENSITY + IMPACT + ENGAGEMENT LAYER
   Real data only. Motion is purposeful; prefers-reduced-motion
   degrades to a designed static state, never a blank one.
   ============================================================ */

/* ---- display numbers: the cheapest excitement there is ---- */
.bigstat{text-align:center; padding:20px 0 4px}
.bigstat .bn{font-family:var(--mono); font-weight:750; letter-spacing:-.04em; font-variant-numeric:tabular-nums;
  font-size:clamp(3.2rem, 11vw, 8.5rem); line-height:.92; color:var(--ink);
  text-shadow:0 0 60px rgba(0,229,168,.12)}
.bigstat .bn.mint{color:var(--accent); text-shadow:0 0 70px rgba(0,229,168,.45)}
.bigstat .bl{font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink3); margin-top:12px; font-weight:600}
.bigpair{display:grid; grid-template-columns:1fr auto 1fr; gap:24px; align-items:center; margin:8px 0 4px}
.bigpair .arrow{font-family:var(--mono); font-size:clamp(1.4rem,3vw,2.4rem); color:var(--ink3)}
.punch{text-align:center; margin-top:18px; font-size:clamp(1rem,2vw,1.35rem); color:var(--ink2)}
.punch b{font-family:var(--mono); color:var(--accent); font-weight:750; font-size:1.15em}

/* ---- live pulse / status ---- */
.pulsedot{width:9px; height:9px; border-radius:50%; background:var(--accent); display:inline-block; flex:none;
  box-shadow:0 0 0 0 rgba(0,229,168,.7); animation:pulsering 2.4s infinite}
@keyframes pulsering{0%{box-shadow:0 0 0 0 rgba(0,229,168,.55)}70%{box-shadow:0 0 0 12px rgba(0,229,168,0)}100%{box-shadow:0 0 0 0 rgba(0,229,168,0)}}
.livebar{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin:20px 0 0}
.livecell{background:linear-gradient(180deg, var(--surface2), var(--surface)); border:1px solid var(--border); border-radius:var(--r);
  padding:22px 24px; position:relative; overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 34px rgba(0,0,0,.36)}
.livecell.hot{border-color:rgba(0,229,168,.34); box-shadow:inset 0 1px 0 rgba(0,229,168,.14), 0 12px 40px rgba(0,229,168,.07)}
.livecell .lv-top{display:flex; align-items:center; gap:8px; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink3); font-weight:650}
.livecell .lv-v{font-family:var(--mono); font-weight:740; font-variant-numeric:tabular-nums; letter-spacing:-.02em;
  font-size:clamp(1.7rem,3.2vw,2.5rem); color:var(--ink); margin:10px 0 2px; line-height:1; white-space:nowrap}
.livecell .lv-v.mint{color:var(--accent)}
.livecell .lv-sub{font-size:12.5px; color:var(--ink3); line-height:1.5}
.livecell .lv-sub b{color:var(--ink2); font-weight:600}
.lv-reset{animation:resetflash 1.1s ease}
@keyframes resetflash{0%{color:var(--accent); text-shadow:0 0 30px rgba(0,229,168,.6)}100%{}}
.spark{display:block; width:100%; height:34px; margin-top:10px}

/* ---- ticker: real detections scrolling ---- */
.tickerwrap{border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:rgba(255,255,255,.015);
  overflow:hidden; margin:22px 0 0; position:relative}
.tickerwrap::before,.tickerwrap::after{content:""; position:absolute; top:0; bottom:0; width:80px; z-index:2; pointer-events:none}
.tickerwrap::before{left:0; background:linear-gradient(90deg,var(--bg),transparent)}
.tickerwrap::after{right:0; background:linear-gradient(270deg,var(--bg),transparent)}
.tickertrack{display:flex; gap:0; white-space:nowrap; will-change:transform; animation:tickscroll 64s linear infinite}
.tickerwrap:hover .tickertrack{animation-play-state:paused}
@keyframes tickscroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.tick{display:inline-flex; align-items:center; gap:10px; padding:13px 22px; font-size:13px; color:var(--ink2); flex:none}
.tick .tk-act{font-family:var(--mono); font-size:10.5px; font-weight:700; letter-spacing:.06em; padding:3px 8px; border-radius:6px;
  background:var(--accent-dim); color:var(--accent)}
.tick .tk-act.sell{background:rgba(248,113,113,.12); color:var(--neg)}
.tick .tk-m{color:var(--ink); font-weight:600}
.tick .tk-px{font-family:var(--mono); color:var(--ink3)}
.tick .tk-sep{color:var(--border2)}

/* ---- category heat ---- */
.heatgrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px}
.heat{background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:16px 18px; position:relative; overflow:hidden}
.heat .h-n{font-size:13.5px; color:var(--ink); font-weight:640}
.heat .h-c{font-family:var(--mono); font-size:22px; font-weight:740; color:var(--accent); margin-top:6px; font-variant-numeric:tabular-nums}
.heat .h-l{font-size:11.5px; color:var(--ink3); margin-top:2px}
.heat .h-bar{position:absolute; left:0; bottom:0; height:3px; background:var(--accent); opacity:.85; transition:width 1s cubic-bezier(.2,.8,.2,1)}

/* ---- data tables: sortable, dense, scannable ---- */
.dtwrap{border:1px solid var(--border); border-radius:var(--r); overflow:hidden; background:var(--surface)}
.dtscroll{overflow-x:auto}
.dt{width:100%; border-collapse:collapse; font-size:13.5px}
.dt th{position:sticky; top:0; background:var(--surface2); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink3);
  font-weight:650; text-align:left; padding:13px 14px; border-bottom:1px solid var(--border2); white-space:nowrap; z-index:1}
.dt th.sortable{cursor:pointer; user-select:none}
.dt th.sortable:hover{color:var(--ink)}
.dt th .caret{opacity:.35; margin-left:5px; font-size:9px}
.dt th.on{color:var(--accent)} .dt th.on .caret{opacity:1}
.dt td{padding:12px 14px; border-bottom:1px solid var(--border); color:var(--ink2); font-variant-numeric:tabular-nums; white-space:nowrap}
.dt tbody tr:last-child td{border-bottom:none}
.dt tbody tr{transition:background .15s}
.dt tbody tr:hover{background:rgba(255,255,255,.028)}
.dt tbody tr.top1 td{background:rgba(0,229,168,.045)}
.dt .num{font-family:var(--mono); color:var(--ink)}
.dt .mint{color:var(--accent); font-weight:650}
.dt .neg{color:var(--neg)}
.dt .code{font-family:var(--mono); font-weight:650; color:var(--ink)}
.dt .mkt{max-width:340px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ink)}
.dt .rankcell{color:var(--ink3); font-family:var(--mono); width:44px}
.dt .microbar{display:block; height:4px; border-radius:2px; background:rgba(255,255,255,.07); margin-top:5px; overflow:hidden}
.dt .microbar i{display:block; height:100%; background:var(--accent); border-radius:2px}
.dtfoot{padding:12px 16px; font-size:12px; color:var(--ink3); border-top:1px solid var(--border); background:var(--surface2)}

/* ---- funnel showpiece ---- */
.funnel{margin:8px 0 0}
.fstage{position:relative; padding:20px 0; border-bottom:1px solid var(--border)}
.fstage:last-child{border-bottom:none}
.fstage .fs-top{display:flex; align-items:baseline; gap:16px; flex-wrap:wrap}
.fstage .fs-n{font-family:var(--mono); font-weight:740; font-variant-numeric:tabular-nums; letter-spacing:-.03em;
  font-size:clamp(1.7rem,4.4vw,3.2rem); line-height:1; color:var(--ink2); transition:color .6s}
.fstage .fs-l{font-size:14px; color:var(--ink2); font-weight:600}
.fstage .fs-cut{margin-left:auto; font-size:12px; color:var(--ink3); font-family:var(--mono); text-align:right}
.fstage .fs-track{height:8px; border-radius:4px; background:rgba(255,255,255,.05); margin-top:16px; overflow:hidden; position:relative}
.fstage .fs-fill{display:block; height:100%; border-radius:4px; width:0;
  background:linear-gradient(90deg, rgba(139,147,167,.5), rgba(139,147,167,.22)); transition:width 1.4s cubic-bezier(.2,.85,.2,1)}
.fstage.final .fs-n{color:var(--accent); text-shadow:0 0 44px rgba(0,229,168,.4)}
.fstage.final .fs-fill{background:linear-gradient(90deg, var(--accent), rgba(0,229,168,.55)); box-shadow:0 0 22px rgba(0,229,168,.5)}
.fstage.dim .fs-n{color:var(--ink3)}
.freveal{opacity:0; transform:translateY(14px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.85,.2,1)}
.freveal.in{opacity:1; transform:none}

/* ---- engagement layer ---- */
.demo-note{display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:600; color:var(--ink2);
  border:1px dashed var(--border2); border-radius:999px; padding:6px 14px; margin-bottom:18px}
.pulsecard{background:linear-gradient(180deg, rgba(0,229,168,.05), var(--surface)); border:1px solid rgba(0,229,168,.24);
  border-radius:var(--r); padding:26px; box-shadow:inset 0 1px 0 rgba(0,229,168,.16), 0 16px 42px rgba(0,0,0,.4)}
.evfeed{display:flex; flex-direction:column}
.ev{display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid var(--border); font-size:14px}
.ev:last-child{border-bottom:none}
.ev .ev-ico{width:30px; height:30px; border-radius:9px; display:flex; align-items:center; justify-content:center; flex:none;
  font-family:var(--mono); font-size:12px; font-weight:700; border:1px solid}
.ev .ev-ico.win{color:var(--accent); border-color:rgba(0,229,168,.45); background:var(--accent-dim)}
.ev .ev-ico.loss{color:var(--neg); border-color:rgba(248,113,113,.4); background:rgba(248,113,113,.1)}
.ev .ev-ico.move{color:var(--ink2); border-color:var(--border2); background:rgba(255,255,255,.05)}
.ev .ev-b{flex:1; min-width:0}
.ev .ev-t{color:var(--ink); font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ev .ev-s{font-size:12px; color:var(--ink3); font-family:var(--mono); margin-top:2px}
.ev .ev-r{font-family:var(--mono); font-size:13px; white-space:nowrap; color:var(--ink2)}
.ev.new{animation:evin .8s cubic-bezier(.2,.85,.2,1)}
@keyframes evin{0%{opacity:0; transform:translateX(-10px); background:rgba(0,229,168,.09)}100%{opacity:1; transform:none; background:transparent}}
.streaks{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px}
.streak{background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:16px 18px; text-align:left}
.streak .s-v{font-family:var(--mono); font-size:24px; font-weight:740; color:var(--ink); font-variant-numeric:tabular-nums}
.streak .s-v.mint{color:var(--accent)}
.streak .s-l{font-size:12px; color:var(--ink3); margin-top:4px; line-height:1.45}
.oracleworking{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:12px}
.ow{background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:16px 18px; display:flex; gap:12px; align-items:flex-start}
.ow .ow-av{width:34px; height:34px; border-radius:10px; background:var(--raise); border:1px solid var(--border2); flex:none;
  display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:11px; font-weight:700; color:var(--accent)}
.ow .ow-n{font-weight:650; color:var(--ink); font-size:14px}
.ow .ow-s{font-size:12px; color:var(--ink3); margin-top:3px; line-height:1.5}
.ow .ow-m{font-size:12.5px; color:var(--ink2); margin-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

/* ---- scroll reveal (staggered, subtle) ---- */
.reveal{opacity:0; transform:translateY(16px); transition:opacity .65s ease, transform .65s cubic-bezier(.2,.85,.2,1)}
.reveal.in{opacity:1; transform:none}

/* ---- reduced motion: designed static state, never blank ---- */
@media (prefers-reduced-motion: reduce){
  .tickertrack{animation:none; transform:none}
  .pulsedot{animation:none; box-shadow:0 0 0 3px rgba(0,229,168,.22)}
  .ev.new,.lv-reset{animation:none}
  .reveal,.freveal{opacity:1; transform:none; transition:none}
  .fstage .fs-fill{transition:none}
  .heat .h-bar{transition:none}
}

@media (max-width:960px){
  .bigpair{grid-template-columns:1fr; gap:10px}
  .bigpair .arrow{transform:rotate(90deg)}
  .dt .mkt{max-width:200px}
}
@media (max-width:560px){
  .bigstat .bn{font-size:clamp(2.8rem,17vw,4.4rem)}
  .livecell{padding:18px 18px}
  .tick{padding:11px 16px; font-size:12.5px}
  .dt th,.dt td{padding:11px 12px}
  .dt .mkt{max-width:150px}
}

/* ---- pool explainer (inlined, classes namespaced pe-*) ---- */
.poolwrap{background:linear-gradient(180deg, var(--surface2), var(--surface)); border:1px solid var(--border);
  border-radius:var(--r); padding:18px; box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 14px 40px rgba(0,0,0,.36); overflow:hidden}
.poolwrap .poolsvg{display:block; width:100%; height:auto}
@media (max-width:720px){
  .poolwrap{padding:10px; overflow-x:auto; -webkit-overflow-scrolling:touch}
  .poolwrap .poolsvg{width:900px; max-width:none}   /* keep labels legible; scroll instead of shrinking to mush */
}
/* ---- P&L: mint on gains, equally clear on losses, sample size always attached ---- */
.pnlrow{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap}
.pnlv{font-family:var(--mono); font-weight:750; font-variant-numeric:tabular-nums; letter-spacing:-.02em;
  font-size:clamp(1.6rem,3vw,2.4rem); line-height:1}
.pnlv.up{color:var(--accent)} .pnlv.down{color:var(--neg)} .pnlv.flat{color:var(--ink2)}
.samplenote{font-size:12.5px; color:var(--ink3); font-family:var(--mono)}
.samplenote b{color:var(--ink2)}
.earlybadge{display:inline-flex; align-items:center; gap:7px; font-size:11.5px; font-weight:650; letter-spacing:.06em;
  text-transform:uppercase; color:var(--ink2); border:1px solid var(--border2); border-radius:999px; padding:5px 12px}
.allocbar2{display:flex; height:14px; border-radius:8px; overflow:hidden; background:rgba(255,255,255,.05); margin-top:12px}
.allocbar2 i{display:block; height:100%; transition:width 1s cubic-bezier(.2,.8,.2,1)}

/* ---- Sierra-style score line: a real metric wearing a joke ---- */
.sqscore{font-family:var(--mono); font-size:11.5px; color:var(--ink3); letter-spacing:.04em;
  border:1px solid var(--border); border-radius:8px; padding:6px 12px; display:inline-flex; gap:8px; align-items:center}
.sqscore b{color:var(--ink2); font-weight:650}
.sqscore .sq-l{color:var(--ink3); text-transform:uppercase; font-size:10px; letter-spacing:.12em}
/* ---- retro easter egg: opt-in, no layout impact ---- */
body.retro{--accent:#33FF66; --accent-dim:rgba(51,255,102,.12)}
body.retro .sqbox{display:block}
.sqbox{display:none; position:fixed; left:50%; bottom:26px; transform:translateX(-50%); z-index:70;
  background:#0A0B0D; border:2px solid #33FF66; border-radius:4px; padding:16px 22px; max-width:min(560px,92vw);
  font-family:var(--mono); font-size:13px; color:#33FF66; line-height:1.6; box-shadow:0 0 40px rgba(51,255,102,.25)}
.sqbox b{color:#8CFFA8}
.sqbox .sq-close{color:#8CFFA8; cursor:pointer; float:right; margin-left:14px}
@media (prefers-reduced-motion: reduce){ .sqbox{transition:none} }