/* ProbaAI landing v2 · version A layout (glass panels, centred hero) in the dashboard palette. */
@font-face{font-family:Geist;src:url(fonts/Geist-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(fonts/GeistMono-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#0b0f14;--bg-1:#0e141c;--bg-2:#111821;--line:#1f2a36;--line-2:#2b3a4a;--line-3:#3a4d60;
--fg:#d6e2ee;--fg-2:#7d8fa3;--fg-3:#56677a;--p:#2ee6a6;--up:#2ee6a6;--down:#ff5c7a;--ink:#06120d;
--sans:Geist,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
--ease:cubic-bezier(.23,1,.32,1);--gut:max(16px,env(safe-area-inset-left,0px))}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;padding-inline:var(--gut);overflow-x:clip}
a{color:var(--p);text-decoration:none}a:hover{text-decoration:underline}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--p);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:100;background:var(--bg-2);padding:8px 12px;border-radius:8px}
.wrap{max-width:1200px;margin-inline:auto}
.bleed{margin-inline:calc(-1*var(--gut))}
canvas.cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.muted{color:var(--fg-3)}.center{text-align:center}.small{font-size:14px}
.up{color:var(--up)}.dn{color:var(--down)}
.gb{position:relative;isolation:isolate;box-shadow:inset 0 0 0 1px var(--line)}
.spot::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),#2ee6a60f,transparent 60%);pointer-events:none}
@media (hover:hover){.spot:hover::after{opacity:1}}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border:0;border-radius:12px;font:560 14px/1 var(--sans);white-space:nowrap;cursor:pointer;text-decoration:none!important;transition:transform .16s,background-color .2s}
.btn:active{transform:scale(.97)}
.btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s var(--ease)}
.btn.up{color:#06120d;background:#2ee6a6}.btn.up:hover{background:#2ee6a6;filter:brightness(1.08)}
.btn.ghost{color:var(--fg);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn.lg{height:52px;padding:0 24px;border-radius:14px;font-size:15px}
.btn.sm{height:36px;padding:0 14px;border-radius:10px;font-size:13px}
.btn:disabled{opacity:.45;cursor:not-allowed}
@media (hover:hover){.btn:hover svg{transform:translateX(2px)}.btn.ghost:hover{background:#162130}}
.nav-wrap{position:sticky;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:50;display:flex;justify-content:center;margin-top:12px;pointer-events:none}
.nav-pill{pointer-events:auto;width:min(100%,1120px);height:58px;display:flex;align-items:center;gap:28px;padding:0 9px 0 18px;border-radius:17px;background:#111821e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.brand{display:inline-flex;align-items:center;gap:9px;color:var(--fg);font-weight:640;font-size:17px;letter-spacing:-.03em;text-decoration:none!important}
.brand .ai{color:var(--up)}
.mark{width:18px;height:18px;border-radius:6px;background:var(--up);position:relative}
.mark::after{content:"";position:absolute;inset:5px;border-radius:3px;background:var(--bg)}
.nav-links{display:flex;gap:24px;font-size:14px}
.nav-links a{color:var(--fg-2);text-decoration:none}.nav-links a:hover{color:var(--fg)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:14px}
.signin{color:var(--fg-2);font-size:14px}
.burger{display:none;width:40px;height:36px;border:0;background:var(--bg-2);border-radius:10px;cursor:pointer;position:relative}
.burger i{position:absolute;left:12px;right:12px;height:1.5px;background:var(--fg);transition:transform .25s var(--ease)}
.burger i:first-child{top:14px}.burger i:last-child{top:21px}
.nav-wrap.open .burger i:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-wrap.open .burger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
@media (max-width:960px){.nav-links{position:absolute;top:66px;left:0;right:0;flex-direction:column;gap:2px;padding:10px;border-radius:16px;background:#111821f5;box-shadow:0 0 0 1px var(--line-2);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s,transform .25s var(--ease)}
.nav-links a{padding:10px 12px;border-radius:10px}.nav-wrap.open .nav-links{opacity:1;transform:none;pointer-events:auto}.burger{display:block}.nav-pill{position:relative}}
@media (max-width:520px){.signin{display:none}.nav-pill{gap:10px}}
.hero{position:relative;isolation:isolate;padding-top:clamp(56px,8vw,100px)}
.hero-bg{display:none}
.hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center}
.kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--up)}
.kicker::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--up)}
h1{margin:6px 0 0;font-size:clamp(42px,7.6vw,108px);font-weight:620;line-height:.94;letter-spacing:-.06em;text-wrap:balance}
h1 span{display:block;padding-bottom:.06em}
h1 .l1{color:var(--fg)}h1 .l2{color:var(--up)}
.lede{margin:24px auto 0;max-width:36em;font-size:clamp(16px,1.5vw,19px);color:var(--fg-2)}
.wl{margin:18px 0 0;font:500 13px/1.5 var(--mono);color:var(--fg-3);display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--up);box-shadow:0 0 0 0 #2ee6a6aa;animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px #2ee6a600}100%{box-shadow:0 0 0 0 #2ee6a600}}
.cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap;justify-content:center}
.rise{animation:rise .9s var(--ease) both}.d1{animation-delay:80ms}.d2{animation-delay:170ms}.d3{animation-delay:260ms}.d4{animation-delay:360ms}
@keyframes rise{from{opacity:0;transform:translateY(16px)}}
.viz-wrap{margin-top:56px;perspective:1600px}
.viz{position:relative;margin:0;height:clamp(320px,46vw,560px);border-radius:24px;overflow:hidden;background:var(--bg);transform-origin:50% 0;animation:untilt 1.4s var(--ease) .3s both}
@keyframes untilt{from{transform:rotateX(16deg) scale(.95);opacity:.2}}
.viz-top{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:8px;z-index:4;pointer-events:none}
.chip{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 11px;border-radius:9px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2);font:500 12px/1 var(--mono);color:var(--fg-2)}
.chip.ghost{background:transparent}
.dotlive{width:7px;height:7px;border-radius:50%;background:var(--up);animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.35}}
.viz-cap{position:absolute;left:14px;right:14px;bottom:12px;z-index:4;font:400 12px/1.45 var(--mono);color:var(--fg-3);pointer-events:none}
@media (max-width:640px){.viz{height:420px;border-radius:18px}.flow{height:560px!important}.hide-s{display:none}.viz-cap{font-size:10.5px}}
.tape{position:relative;margin-top:64px;overflow:hidden;border-block:1px solid var(--line)}
.tape-track{display:flex;width:max-content;animation:tape 70s linear infinite}
.tape-item{display:inline-flex;align-items:baseline;gap:10px;padding:14px 26px;font:500 12.5px/1 var(--mono);color:var(--fg-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.tape-item+.tape-item{box-shadow:-1px 0 0 var(--line)}
.tape-item b{color:var(--fg);font-weight:500}
@keyframes tape{to{transform:translateX(-50%)}}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:56px}
.stat{padding:8px 22px;border-left:1px solid var(--line)}.stat:first-child{border-left:0}
.stat b{display:block;font-size:clamp(28px,3.4vw,44px);font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--fg)}
.stat b.pos{color:var(--up)}.stat b.neg{color:var(--down)}
.stat span{font:500 12px/1.4 var(--mono);color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em}
@media (max-width:760px){.stats{grid-template-columns:1fr 1fr;row-gap:22px}.stat:nth-child(3){border-left:0}.stat{padding:6px 14px}}
.sec{padding-top:clamp(96px,11vw,160px)}
h2{margin:0;font-size:clamp(32px,4.6vw,62px);font-weight:620;line-height:1.02;letter-spacing:-.05em;text-wrap:balance;color:var(--fg);max-width:15em}
h2 .dim{color:var(--fg-3)}
.sub{margin:14px 0 0}
.body{color:var(--fg-2);font-size:17px;max-width:34em}.body b{color:var(--fg);font-weight:560}
.card{border-radius:20px;padding:26px;background:var(--bg-2)}
.card>b{display:block;font-size:19px;font-weight:600;letter-spacing:-.02em;margin:12px 0 8px}
.card p{margin:0;color:var(--fg-2);font-size:15px}
.ico{width:34px;height:34px;padding:7px;border-radius:10px;background:#2ee6a612;box-shadow:inset 0 0 0 1px #2ee6a633}
.ico.dn{background:#ff5c7a12;box-shadow:inset 0 0 0 1px #ff5c7a33}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}
@media (max-width:860px){.cards3{grid-template-columns:1fr}}
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .9s var(--ease)}.js .rv.in{opacity:1;transform:none}
.flow{position:relative;height:clamp(240px,30vw,360px);margin-top:44px;border-radius:22px;overflow:hidden;background:var(--bg)}
.glabel{position:absolute;z-index:4;transform:translate(-50%,calc(-100% - 14px));font:500 11.5px/1 var(--mono);color:var(--fg-2);white-space:nowrap;pointer-events:none;padding:4px 7px;border-radius:6px;background:var(--bg)}
.glabel.gate,.glabel.out{color:var(--up)}
.steps{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.steps li{border-radius:18px;padding:20px;background:var(--bg-2);display:flex;flex-direction:column;gap:8px}
.steps em{font:500 12px/1 var(--mono);font-style:normal;color:var(--up)}
.steps b{font-size:16px;letter-spacing:-.02em}
.steps span{color:var(--fg-2);font-size:14px}
@media (max-width:1060px){.steps{grid-template-columns:1fr 1fr}}@media (max-width:600px){.steps{grid-template-columns:1fr}}
.split{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}
.board{position:relative;margin:0;height:clamp(340px,40vw,480px);border-radius:22px;overflow:hidden;background:var(--bg)}
.board figcaption{position:absolute;left:16px;right:16px;bottom:10px;display:flex;justify-content:space-between;font:500 11px/1 var(--mono);color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;z-index:4}
.ticks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px;color:var(--fg-2)}
.ticks li,.plan li{display:flex;gap:10px;align-items:flex-start}.ticks li>span,.plan li>span{flex:1;min-width:0}
.ticks svg,.plan li svg{flex:none;width:18px;height:18px;margin-top:3px;color:var(--up)}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:28px}}
.trk{margin-top:36px;border-radius:22px;background:var(--bg-2);overflow:hidden}
.trk-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.trk-bar .chip{height:auto;min-height:28px;padding:6px 11px;line-height:1.35;white-space:normal}
.trk-stats{display:grid;grid-template-columns:repeat(9,1fr);border-bottom:1px solid var(--line)}
.trk-stats div{padding:16px;border-left:1px solid var(--line)}.trk-stats div:first-child{border-left:0}
.trk-stats small{display:block;font:500 11px/1.3 var(--mono);color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em}
.trk-stats b{display:block;margin-top:6px;font-size:24px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.trk-stats b.pos{color:var(--up)}.trk-stats b.neg{color:var(--down)}
@media (max-width:1100px){.trk-stats{grid-template-columns:repeat(4,1fr)}.trk-stats div:nth-child(5){border-left:0}.trk-stats div:nth-child(n+5){border-top:1px solid var(--line)}}
@media (max-width:480px){.trk-stats{grid-template-columns:1fr 1fr}.trk-stats div{border-left:0;border-top:1px solid var(--line)}.trk-stats div:nth-child(-n+2){border-top:0}.trk-stats div:nth-child(even){border-left:1px solid var(--line)}}
.trk-chart{position:relative;height:clamp(260px,32vw,380px)}
.trk-noscript{padding:20px;color:var(--fg-2)}
.tip{position:absolute;left:0;top:0;z-index:5;display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:10px;background:var(--bg-2);box-shadow:0 0 0 1px var(--line-2);font:500 12px/1.3 var(--mono);color:var(--fg-2);pointer-events:none;white-space:nowrap}
.tip b{color:var(--fg)}
.tip[hidden]{display:none}
.note{margin-top:14px;color:var(--fg-3);font-size:14px}
.tl{list-style:none;margin:40px 0 0;padding:0 0 0 28px;position:relative;max-width:820px}
.tl::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:1px;background:var(--line-2)}
.tl li{position:relative;padding:0 0 30px 18px}
.tl li::before{content:"";position:absolute;left:-26px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 2px var(--up)}
.tl li:first-child::before{background:var(--up);animation:blink 1.6s infinite}
.tl .d{font:500 12px/1 var(--mono);color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em}
.tl li.nx::before{background:var(--bg);box-shadow:0 0 0 2px var(--fg-3);animation:none}
.tl li.nx+li:not(.nx)::before{background:var(--up);animation:blink 1.6s infinite}
.tl li.nx .d{color:var(--up)}
.tl li.nx .t b{color:var(--fg-2)}
.tl .t{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin-top:8px}
.tl .t b{font-size:19px;font-weight:600;letter-spacing:-.02em}
.tl .m{font:500 12.5px/1 var(--mono);color:var(--up);padding:5px 8px;border-radius:7px;background:#2ee6a614;box-shadow:inset 0 0 0 1px #2ee6a640}
.tl p{margin:8px 0 0;color:var(--fg-2);font-size:15px;max-width:40em}
.bento{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin-top:44px}
.bento .big{grid-row:span 2;display:flex;flex-direction:column}
.mini{position:relative;flex:1;min-height:200px;margin:-26px -26px 18px;border-radius:20px 20px 0 0;overflow:hidden;background:var(--bg)}
.mini-l{position:absolute;left:14px;top:12px;z-index:4;font:500 11.5px/1 var(--mono);color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em}
.mini-l b{color:var(--down)}
.bento .card:nth-child(4){grid-column:2/4}
@media (max-width:900px){.bento{grid-template-columns:1fr}.bento .big{grid-row:auto}.bento .card:nth-child(4){grid-column:auto}}
.riskbox{margin-top:14px;border-radius:18px;padding:20px 22px;background:#1a1016;box-shadow:inset 0 0 0 1px #5a2a35;color:var(--fg-2);font-size:14.5px}
.riskbox b{color:#ffb0bf}
.bill{position:relative;display:grid;grid-template-columns:1fr 1fr;width:fit-content;margin:30px auto 0;padding:4px;border-radius:999px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;isolation:isolate}
.bill::before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:#2ee6a6;box-shadow:0 2px 10px rgba(46,230,166,.35);transition:transform .32s cubic-bezier(.23,1,.32,1)}
.bill:has([data-bill=y][aria-pressed=true])::before{transform:translateX(100%)}
#bill.bill button,#bill.bill button[aria-pressed=true]{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;min-width:150px;padding:0 18px;border:0!important;border-radius:999px;background:transparent!important;box-shadow:none!important;cursor:pointer;color:var(--fg-2)!important;font:560 14px/1 var(--sans);white-space:nowrap;transition:color .25s}
#bill.bill button[aria-pressed=true]{color:#06120d!important}
#bill.bill button:focus-visible{outline:2px solid #2ee6a6;outline-offset:2px}
.save{display:inline-block;padding:3px 7px;border-radius:999px;font:600 10.5px/1 var(--mono);color:#2ee6a6;background:rgba(46,230,166,.14);transition:color .25s,background-color .25s}
#bill [aria-pressed=true] .save{color:#06120d;background:rgba(6,18,13,.16)}
@media (max-width:420px){#bill.bill button,#bill.bill button[aria-pressed=true]{min-width:0;padding:0 12px;font-size:13px}}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px auto 0;max-width:900px}
.plan{border-radius:22px;padding:28px;background:var(--bg-2);display:flex;flex-direction:column}
.plan.hot{box-shadow:inset 0 0 0 1px var(--up)}
.ribbon{position:absolute;top:18px;right:18px;font:500 11px/1 var(--mono);color:var(--ink);background:var(--up);padding:6px 9px;border-radius:7px}
.tag{font:500 12px/1 var(--mono);color:var(--up);letter-spacing:.08em}
.amt{margin:14px 0 6px;font-size:44px;font-weight:620;letter-spacing:-.045em;overflow:hidden}
.amt .num{display:inline-block;font-variant-numeric:tabular-nums}
.amt small{font-size:15px;color:var(--fg-3);font-weight:400;letter-spacing:0}
.plan ul{list-style:none;padding:0;margin:14px 0 24px;display:grid;gap:10px;color:var(--fg-2);font-size:14.5px;flex:1}
@media (max-width:760px){.plans{grid-template-columns:1fr}}
.final{padding-top:clamp(96px,11vw,160px)}
.final-in{position:relative;border-radius:28px;overflow:hidden;background:var(--bg);min-height:640px}
.final-copy{position:relative;z-index:4;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.final-copy .kicker,.final-copy h2,.final-copy>.body{grid-column:1}
.wform{grid-column:2;grid-row:1/span 4;border-radius:20px;padding:24px;background:#111821f2;display:grid;gap:14px}
.wform label{display:grid;gap:6px;font-size:14px;color:var(--fg)}
.wform label small{color:var(--fg-3)}
.wform input[type=email],.wform input[inputmode]{height:46px;padding:0 14px;border-radius:11px;border:0;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--fg);font:15px var(--sans)}
.wform input:focus{outline:0;box-shadow:inset 0 0 0 1px var(--up)}
.wform fieldset{border:0;margin:0;padding:0;display:grid;gap:8px}
.wform legend{font-size:14px;margin-bottom:6px}
.opt{grid-template-columns:auto 1fr!important;align-items:start;padding:12px;border-radius:12px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;font-size:13.5px!important;color:var(--fg-2)!important}
.opt:has(input:checked){box-shadow:inset 0 0 0 1px var(--up)}
.opt b{color:var(--fg);margin-right:6px}
.chk{grid-template-columns:auto 1fr!important;align-items:start;font-size:13.5px!important;color:var(--fg-2)!important}
.wform input[type=radio],.wform input[type=checkbox]{accent-color:var(--up);width:16px;height:16px;margin:3px 0 0}
.hint{margin:0;font-size:13px;color:var(--fg-3)}
.err{margin:-6px 0 0;font-size:13px;color:var(--down)}
.wform .btn{width:100%}
@media (max-width:900px){.final-copy{grid-template-columns:1fr}.wform{grid-column:1;grid-row:auto}}
.foot{margin-top:100px;padding:36px 0 50px;border-top:1px solid var(--line);color:var(--fg-2);font-size:14px}
.foot p{margin:12px 0 0}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .rv{opacity:1;transform:none}}

/* consent bar (shared /app/static/consent.js sets inline styles; override on home only) */
body>div[aria-label="Cookie and analytics consent"]{left:16px!important;right:auto!important;bottom:16px!important;margin:0!important;max-width:380px!important;width:calc(100% - 32px)!important;padding:12px 14px!important;background:rgba(9,16,14,.96)!important;color:var(--fg)!important;border:1px solid rgba(46,230,166,.22)!important;border-radius:10px!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important;font:12.5px/1.45 var(--sans)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body>div[aria-label="Cookie and analytics consent"]>div:first-child{font:600 10.5px/1 var(--mono)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--p)!important;margin-bottom:6px!important}
body>div[aria-label="Cookie and analytics consent"]>div:nth-child(2){color:var(--fg-2)!important}
body>div[aria-label="Cookie and analytics consent"] a{color:var(--fg)!important;text-decoration:underline;text-decoration-color:var(--fg-3)}
body>div[aria-label="Cookie and analytics consent"]>div:last-child{margin-top:10px!important;gap:8px!important;justify-content:flex-start!important}
body>div[aria-label="Cookie and analytics consent"] button{font:600 12.5px/1 var(--sans)!important;padding:8px 14px!important;min-width:0!important;border-radius:7px!important;border:1px solid var(--fg-3)!important;background:transparent!important;color:var(--fg)!important}
body>div[aria-label="Cookie and analytics consent"] button:last-child{background:var(--p)!important;border-color:var(--p)!important;color:var(--ink)!important}
body:has(>div[aria-label="Cookie and analytics consent"]){padding-bottom:190px}
@media (max-width:640px){
body>div[aria-label="Cookie and analytics consent"]{left:0!important;right:0!important;bottom:0!important;width:auto!important;max-width:none!important;border-radius:0!important;border-width:1px 0 0!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))!important;display:flex;align-items:center;gap:10px;font-size:11.5px!important}
body>div[aria-label="Cookie and analytics consent"]>div:first-child{display:none}
body>div[aria-label="Cookie and analytics consent"]>div:nth-child(2){flex:1;font-size:11px!important;line-height:1.3!important}
body>div[aria-label="Cookie and analytics consent"]>div:last-child{margin:0!important;flex-direction:column-reverse;flex-wrap:nowrap!important;gap:5px!important}
body>div[aria-label="Cookie and analytics consent"] button{padding:6px 12px!important;font-size:12px!important}
body:has(>div[aria-label="Cookie and analytics consent"]){padding-bottom:96px}}
/* odds machine (from version D), namespaced od- */
.od{margin:0;border-radius:24px;overflow:hidden;background:var(--bg-1);display:flex;flex-direction:column}
.od-top{display:flex;gap:8px;padding:14px 14px 0}
.od-plot{position:relative}
#od-cv{display:block;width:100%;height:clamp(280px,32vw,420px);cursor:ns-resize;touch-action:pan-y}
.od-lab{position:absolute;right:12px;font:500 11px/1 var(--mono);letter-spacing:.06em;padding:4px 6px;pointer-events:none;transform:translateY(-130%)}
.od-lab b{font-weight:600}.od-t{color:var(--up);top:30%}.od-s{color:var(--down);top:70%}
.od-read{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.od-read div{padding:14px 16px}.od-read div+div{border-left:1px solid var(--line)}
.od-read small{display:block;font:500 11px/1.3 var(--mono);color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em}
.od-read div b{font:600 clamp(22px,2.2vw,30px)/1.3 var(--sans);letter-spacing:-.03em;color:var(--fg)}
.od-pos{color:var(--up)!important}.od-neg{color:var(--down)!important}
.od-tally{grid-column:1/-1;margin:0;padding:10px 16px;border-top:1px solid var(--line);font:400 11px/1.4 var(--mono);color:var(--fg-2);text-transform:uppercase;letter-spacing:.05em}
.od-tally b{font-weight:500}
.od-ctl{display:flex;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid var(--line);flex-wrap:wrap}
.od-ctl label{font:500 11px/1 var(--mono);text-transform:uppercase;color:var(--fg-2);letter-spacing:.06em}
.od-ctl input[type=range]{flex:1;min-width:120px;accent-color:var(--up)}
.od-seg{display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.od-seg button{background:none;border:0;border-radius:7px;color:var(--fg-2);font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;padding:8px 11px;cursor:pointer}
.od-seg button[aria-pressed=true]{background:var(--up);color:var(--ink)}
.od-cap{font:400 12px/1.5 var(--mono);color:var(--fg-3);padding:12px 16px 14px;border-top:1px solid var(--line)}
@media (max-width:640px){.od{border-radius:18px}#od-cv{height:240px}.od-cap{font-size:10.5px}.od-read div{padding:12px}.od-tally{font-size:10px}}

#risk-title .wb{color:#2ee6a6 !important}

/* the gate (2026-10-20) */
.gate-col{display:flex;flex-direction:column;gap:0}
.gate-board{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
#gatecv{display:block;width:100%;height:100%}
.gate-cap{top:14px;bottom:auto!important;justify-content:flex-start!important;gap:10px}
.gate-figs{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;border-top:1px solid var(--line)}
.gate-figs div{padding:14px 0}.gate-figs div+div{border-left:1px solid var(--line);padding-left:16px}
.gate-figs b{display:block;font:500 clamp(22px,2.2vw,30px)/1.1 var(--mono);letter-spacing:-.04em;color:var(--up);font-variant-numeric:tabular-nums}
.gate-figs span{font:500 11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-3)}
@media (max-width:520px){.gate-figs b{font-size:20px}}
@media (max-width:520px){.hero-copy>.kicker{flex-wrap:nowrap;justify-content:center;white-space:nowrap;gap:7px;max-width:100%;font-size:10px;letter-spacing:.03em}.hero-copy>.kicker::before{flex:0 0 6px}}
@media (max-width:359px){.hero-copy>.kicker{font-size:9px;letter-spacing:.01em}}
@media (max-width:520px){.hero-copy>.wl{display:block;font-size:11.5px}.hero-copy>.wl .pulse{display:inline-block;vertical-align:middle;margin:-2px 8px 0 0}}

/* AI trading floor companion diagram */
.aifloor{margin-top:28px}
.aif-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 10px;font-size:15px}
.aif-badge{font:500 11px/1.3 var(--mono,ui-monospace,monospace);letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid rgba(255,196,84,.45);color:#ffc454;background:rgba(255,196,84,.08)}
.flow.flow-ai{height:clamp(190px,22vw,270px);margin-top:0}
.aif-cap{margin:10px 0 0;font-size:13.5px;color:var(--fg-2,#8b97a6);max-width:720px}
@media (max-width:640px){.flow.flow-ai{height:440px!important}.aif-badge{font-size:10px}}

/* ProbaAI unified 2-style button system (2026-10-20). Hexes = /workspace/btn-colors.txt (cumulative R chart). */
:root{--btn-primary:#2ee6a6;--btn-primary-text:#06120d;--btn-secondary-bg:#0d151d;--btn-secondary-border:#2ee6a6;--btn-secondary-text:#2ee6a6;--btn-secondary-active:rgba(46,230,166,.14);--btn-danger:#f85149}
/* (2) secondary: default for every button / link-button */
:where(button:not(.burger,.goal-sum,.cx-link)),.btn,.btn.ghost,.btn.line,.bt-tab,.lt-btn,.lg-edit-btn,.st-more,.tc-sh,.tabs .tab,#acct-bar a{background:var(--btn-secondary-bg)!important;color:var(--btn-secondary-text)!important;border:1px solid var(--btn-secondary-border)!important;box-shadow:none!important;cursor:pointer}
:where(button:not(.burger,.goal-sum,.cx-link)):hover,.btn:hover,.bt-tab:hover,.lt-btn:hover,.lg-edit-btn:hover,.st-more:hover,.tabs .tab:hover,#acct-bar a:hover{background:var(--btn-secondary-active)!important}
/* active secondary: selected tab / toggle */
:where(button.on:not(.burger,.goal-sum),button[aria-pressed=true]:not(.burger)),.bt-tab.on,.eq-tog button.on,.od-seg button[aria-pressed=true],.bill button[aria-pressed=true],.tabs .tab.on,#tab-live.on,#acct-bar a.on,#acct-bar a.on.live,#acct-bar a.on.demo{background:var(--btn-secondary-active)!important;color:var(--btn-secondary-text)!important;border-color:var(--btn-secondary-border)!important}
/* (1) primary actions */
.btn.up,.btn-primary,.lt-btn.lt-en,#oc-save,#oc-start,#lg-save-btn,.wform .btn,
body>div[aria-label="Cookie and analytics consent"] button:last-child{background:var(--btn-primary)!important;color:var(--btn-primary-text)!important;border:1px solid var(--btn-primary)!important}
.btn.up:hover,.btn-primary:hover,.lt-btn.lt-en:hover,#oc-save:hover,#oc-start:hover,#lg-save-btn:hover{background:var(--btn-primary)!important;filter:brightness(1.08)}
/* destructive only: kill switch, close all, stop, delete, reject */
.lt-btn.lt-dis,#ca-btn,#oc-stop,.btn-danger,button.danger,button.del,button.reject,button[data-danger]{background:var(--btn-danger)!important;color:#fff!important;border:1px solid var(--btn-danger)!important;filter:none}
button:disabled,.btn:disabled{opacity:.45;cursor:not-allowed}

/* 2026-10-20 riskR: risk-per-trade + Total R */
.trk-bar{flex-wrap:wrap}.trk-bar .chip:first-child{flex:1 1 260px}
.trk-bar .chip.riskchip{background:var(--btn-secondary-active,rgba(46,230,166,.14));box-shadow:inset 0 0 0 1px var(--btn-secondary-border,#2ee6a6);color:var(--btn-secondary-text,#2ee6a6);font-weight:600;white-space:nowrap}
.trk-stats div.hl{background:var(--btn-secondary-active,rgba(46,230,166,.14));box-shadow:inset 0 0 0 1px var(--btn-secondary-border,#2ee6a6)}
.trk-stats div.hl small,.trk-stats b.risk{color:var(--btn-secondary-text,#2ee6a6)}
.trk-stats small{min-height:2.6em}
.trk-rx{margin:0;padding:12px 16px;border-bottom:1px solid var(--line);font:500 12.5px/1.5 var(--mono);color:var(--fg-2)}.trk-rx:empty{display:none}
@media (max-width:480px){.trk-stats b{font-size:20px}.trk-bar .chip.riskchip{white-space:normal}}

.su-line{margin-top:14px;color:var(--fg-2);font-size:15px}.su-line b{color:#2ee6a6}
.su-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px auto 0;padding:16px 20px;border-radius:16px;box-shadow:inset 0 0 0 1px #2ee6a666;background:linear-gradient(90deg,#2ee6a614,transparent)}
.su-strip b{color:#2ee6a6}.nav-su{display:none}
@media (max-width:960px){.nav-su{display:block;color:#2ee6a6!important;font-weight:600}}
@media (max-width:640px){.su-strip{flex-direction:column;align-items:stretch;text-align:center}}

.has-fb{position:relative;overflow:visible}.nav-pill,.nav-right,.cta{overflow:visible}
.fbadge{position:absolute;top:-14px;right:-12px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;background:#ffb547;color:#1a1204;font:800 8.5px/1.05 system-ui,sans-serif;letter-spacing:.02em;text-transform:uppercase;transform:rotate(12deg);box-shadow:0 3px 10px #0008,0 0 0 2px #0b0f14;pointer-events:none;z-index:3}
.btn.lg .fbadge{width:48px;height:48px;font-size:10px;top:-20px;right:-16px}
@media (max-width:520px){.fbadge{width:34px;height:34px;font-size:7.5px;top:-12px;right:-9px}}
.nav-right .has-fb{margin-right:16px}.nav-right .fbadge{right:-24px;top:-13px;width:34px;height:34px;font-size:7.5px}

.su-line{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;margin:22px auto 0;padding:12px 22px;border-radius:999px;background:#2ee6a61a;box-shadow:inset 0 0 0 1px #2ee6a680;color:#eef3f8;font-size:17.5px;font-weight:500;opacity:1!important;transform:none!important;animation:none!important}
.su-line b{color:#2ee6a6;font-weight:800}.su-line span{white-space:nowrap}
.su-strip{font-size:17px;color:#eef3f8;padding:20px 24px}.su-strip b{font-size:18px}
@media (max-width:640px){.su-line{border-radius:18px;font-size:16px;flex-direction:column;gap:4px}.su-strip{font-size:16px}}

/* 2026-10-21 lbR: 9 boxes (Total R closed + open) */
@media (max-width:1100px){.trk-stats{grid-template-columns:repeat(3,1fr)}.trk-stats div{border-left:1px solid var(--line);border-top:0}.trk-stats div:nth-child(3n+1){border-left:0}.trk-stats div:nth-child(n+4){border-top:1px solid var(--line)}}
@media (max-width:480px){.trk-stats{grid-template-columns:1fr 1fr}.trk-stats div{border-left:0;border-top:1px solid var(--line)}.trk-stats div:nth-child(-n+2){border-top:0}.trk-stats div:nth-child(even){border-left:1px solid var(--line)}.trk-stats div:last-child:nth-child(odd){grid-column:1/-1}}
/* 2026-10-21 harm: values on one baseline when labels wrap */
.trk-stats div{display:flex;flex-direction:column}.trk-stats b{margin-top:auto;padding-top:6px}

/* 2026-10-21 active: one strong selected state for every toggle, tab, segmented control, filter chip and nav tab (solid green, dark text) */
html body :is(button[aria-pressed=true],[role=tab][aria-selected=true],button.on,a.on,button.active,a.active,.tab.on,.tab.active,.bt-tab.on,.chip.on,.chip.active,button.sel,a.sel,.is-active,a.btn.cur,button.cur,a[aria-current=page]):not(.pn-logo,.pn-cta,.burger,.pn-burger,.goal-sum){background:#2ee6a6!important;color:#06120d!important;border-color:#2ee6a6!important;font-weight:700!important;box-shadow:0 0 0 1px #2ee6a6,0 0 12px rgba(46,230,166,.35)!important;text-shadow:none!important}
html body :is(button[aria-pressed=true],button.on,a.on,a.btn.cur,a[aria-current=page],.is-active) :is(span,b,small,svg):not(.adm-bd,.fbadge,.save){color:inherit!important}
html body .pn-links a[aria-current=page],html body .pn-links a.on{padding:5px 10px!important;border-radius:8px}
html body :is(.seg,.od-seg,.eq-tog,.tabs,#acct-bar) :is(button,a,.tab)[aria-pressed=false]{color:#9fb0c2}

/* 2026-10-21 spots: live Free spots-left badge */
.spots{display:inline-flex;align-items:center;gap:.4em;margin:.5rem .6rem;padding:.45em .95em;border-radius:999px;background:#ffb020;color:#111;font-weight:700;font-size:1rem;line-height:1.2;box-shadow:0 0 0 3px rgba(255,176,32,.25),0 4px 18px rgba(255,176,32,.35);white-space:nowrap;vertical-align:middle}
.spots b{font-size:1.45em;font-weight:900}
.spots[hidden]{display:none!important}
.spots.full{background:#ff5a5a;color:#fff}
.spots-hero{display:flex;width:max-content;max-width:100%;margin:0 0 1rem;font-size:1.15rem}
.spots-sm{font-size:.78rem;padding:0 .65em;margin:0 .4rem 0 0;box-shadow:none;align-self:center;height:2.1em}
.spots-sm b{font-size:1.15em}
.nav-pill a,.nav-right a{white-space:nowrap}
@media(max-width:1180px){.nav-right .spots-sm{display:none!important}}
@media(max-width:700px){.spots-hero{margin:0 auto 1rem;font-size:1.05rem}}

/* 2026-10-21 activestrat: 10 tiles -> 5x2 on desktop, 2 cols on narrow */
@media (min-width:761px){.trk-stats{grid-template-columns:repeat(5,1fr)}.trk-stats div{border-left:1px solid var(--line);border-top:0}.trk-stats div:nth-child(5n+1){border-left:0}.trk-stats div:nth-child(n+6){border-top:1px solid var(--line)}}
@media (min-width:481px) and (max-width:760px){.trk-stats{grid-template-columns:1fr 1fr}.trk-stats div{border-left:0;border-top:1px solid var(--line)}.trk-stats div:nth-child(-n+2){border-top:0}.trk-stats div:nth-child(even){border-left:1px solid var(--line)}.trk-stats div:last-child:nth-child(odd){grid-column:1/-1}}

/* 2026-10-21 urgency: Founding 50 pulse dot + hero line */
.spots .sdot{display:inline-block;width:.55em;height:.55em;border-radius:50%;background:#e0201b;flex:none;animation:sdot 1.6s ease-out infinite}
.spots.full .sdot{display:none}
@keyframes sdot{0%{box-shadow:0 0 0 0 rgba(224,32,27,.6)}70%{box-shadow:0 0 0 .5em rgba(224,32,27,0)}100%{box-shadow:0 0 0 0 rgba(224,32,27,0)}}
@media(prefers-reduced-motion:reduce){.spots .sdot{animation:none}}
.urg{margin:.7rem 0 0;font-size:.92rem;opacity:.8}
.urg[hidden]{display:none}
@media(max-width:700px){.urg{text-align:center}}

/* 2026-10-21 mobx: stop pricing cards and the waitlist form from widening the page on phones (grid min-width:auto) */
.plans>*,.final-copy>*{min-width:0}
.wform{max-width:100%;box-sizing:border-box}.wform *{min-width:0}
@media(max-width:700px){.plan *,.wform *{overflow-wrap:anywhere}}

/* 2026-10-22 statusnav */
.stnav{display:inline-flex;align-items:center;gap:7px}.stnav-dot{width:8px;height:8px;border-radius:50%;background:#6b7280;flex:none}.stnav-dot.st-green{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.7)}.stnav-dot.st-yellow{background:#eab308;box-shadow:0 0 6px rgba(234,179,8,.7)}.stnav-dot.st-red{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.7)}
.nav .row .stnav{margin-left:auto;margin-right:16px;color:inherit;text-decoration:none;font-size:.95rem}.nav .row .stnav+.push-r{margin-left:0}