/* Superposition Capital — grey field, black type, electric blue, dithered pixels. */
:root{
  --paper:#F1F1F1; --paper-2:#E8E8E8; --card:#FFFFFF;
  --ink:#000000; --ink-2:#3D3D42; --ink-3:#8B8B93;
  --rule:#E2E2E2; --rule-2:#D2D2D6;
  --gold:#1414F0; --gold-soft:#7D7DFF; --blue:#1414F0; --blue-2:#4545F5; --lav:#C9C9FF; --lav-2:#E4E4FF;
  --ox:#E5484D; --ok:#12915A;
  --vault:#000000; --vault-2:#0D0D10; --vault-line:#26262C; --vault-ink:#FFFFFF; --vault-dim:#9B9BA5;
  --serif:"General Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sans:"General Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --w:1680px; --gut:clamp(18px,4vw,64px); --r:10px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);font-feature-settings:"tnum" 1,"ss01" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
img,svg,canvas{display:block;max-width:100%}
button,input{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--gut)}
.num{font-variant-numeric:tabular-nums lining-nums}
.hash{font:400 13px/1.5 var(--mono);word-break:break-all;color:var(--ink-2)}
.ket{font-family:var(--serif);font-style:normal;white-space:nowrap}
.muted{color:var(--ink-2)} .faint{color:var(--ink-3)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* type scale (perfect fourth-ish) */
h1,h2,h3{font-family:var(--serif);font-weight:300;margin:0;letter-spacing:-.012em;color:var(--ink)}
h1{font-size:clamp(42px,6.2vw,80px);line-height:1.02;font-variation-settings:"opsz" 72}
h2{font-size:clamp(30px,3.6vw,46px);line-height:1.08;font-variation-settings:"opsz" 48}
h3{font-size:22px;line-height:1.25;font-weight:400}
p{margin:0}
.lede{font-size:19px;line-height:1.6;color:var(--ink-2);max-width:34em}
.body{max-width:36em;color:var(--ink-2)}

/* nav */
.nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--serif);font-size:20px;font-weight:400;letter-spacing:-.01em;white-space:nowrap}
.brand canvas{width:28px;height:28px}
.links{display:flex;gap:4px;margin-left:auto}
.links a{text-decoration:none;font-size:14.5px;color:var(--ink-2);padding:8px 11px;white-space:nowrap;border-radius:999px}
.links a:hover{color:var(--ink);background:var(--paper-2)}
.links a[aria-current="page"]{color:var(--ink);background:var(--paper-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-weight:500;font-size:15px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn.solid{background:var(--ink);color:var(--paper)}
.btn.solid:hover{background:#1F3058}
.btn.small{height:36px;padding:0 14px;font-size:14px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn .dot{width:7px;height:7px;border-radius:50%;background:var(--ink-3)} .btn .dot.ok{background:var(--ok)}
#navWal{margin-left:8px}
.burger{display:none;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer}
.burger span{display:block;width:22px;height:1.5px;background:var(--ink);margin:5px 0}

/* sections */
section{padding:clamp(64px,9vw,120px) 0}
section + section{border-top:1px solid var(--rule)}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.kicker{font-size:14px;color:var(--gold);margin-bottom:18px;font-weight:500}

/* hero */
.hero{padding:clamp(48px,7vw,96px) 0 clamp(56px,7vw,88px)}
.hero .split{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center}
.hero h1{max-width:9.5em}
.hero .lede{margin-top:26px}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.plate{position:relative;aspect-ratio:1;max-width:520px;width:100%;margin-left:auto}
.plate canvas{width:100%;height:100%}
.plate figcaption{margin-top:14px;font-size:14px;color:var(--ink-2);text-align:center}

/* figures row */
.figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}
.fig{padding:22px 24px 24px 0}
.fig + .fig{padding-left:24px;border-left:1px solid var(--rule)}
.fig .v{font-family:var(--serif);font-weight:300;font-size:clamp(30px,3.4vw,44px);line-height:1.05;font-variant-numeric:tabular-nums lining-nums}
.fig .v small{font-family:var(--sans);font-size:15px;color:var(--ink-2);margin-left:4px;font-weight:400}
.fig .k{margin-top:8px;font-size:14px;color:var(--ink-2)}

/* steps (a real sequence) */
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{display:grid;grid-template-columns:52px 1fr;gap:4px 18px;padding:24px 0;border-top:1px solid var(--rule);counter-increment:s}
.steps li:last-child{border-bottom:1px solid var(--rule)}
.steps li::before{content:counter(s);grid-row:span 2;font-family:var(--serif);font-size:28px;font-weight:300;color:var(--gold);line-height:1.1}
.steps b{font-weight:500;font-size:17px}
.steps p{color:var(--ink-2);max-width:36em}

/* coherence chart */
.chart{background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:26px 28px 20px}
.chart svg{width:100%;height:auto;overflow:visible}
.chart .cap{display:flex;justify-content:space-between;font-size:13.5px;color:var(--ink-2);margin-top:10px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);margin-top:48px}
.pair h3{margin-bottom:10px}
.pair p{color:var(--ink-2)}

/* verify strip */
.verify{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:end;padding:28px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);margin-top:40px}
.verify .lbl{font-size:14px;color:var(--ink-2);margin-bottom:6px}

/* letter excerpt */
.letter{background:var(--card);border:1px solid var(--rule);padding:clamp(28px,4vw,52px);border-radius:2px;max-width:760px}
.letter .meta{font-size:14px;color:var(--ink-2);margin-bottom:22px}
.letter .txt{font-family:var(--serif);font-size:20px;line-height:1.65;color:var(--ink)}
.letter .txt p + p{margin-top:1em}
.letter .sig{margin-top:28px;font-family:var(--serif);font-style:italic;color:var(--ink-2)}

/* footer */
footer{border-top:1px solid var(--ink);padding:48px 0 56px;margin-top:0;background:var(--paper);color:var(--ink)}
footer .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
footer .brand{margin-bottom:12px}
footer p{font-size:14px;color:var(--ink-2);max-width:30em}
footer h4{margin:0 0 10px;font:500 14px/1.4 var(--sans)}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin:6px 0;font-size:14px}
footer li a{color:var(--ink-2);text-decoration:none} footer li a:hover{color:var(--ink);text-decoration:underline}
.ca{display:flex;align-items:center;gap:10px;margin-top:14px;font:400 13px/1.4 var(--mono);color:var(--ink-2);cursor:pointer;background:none;border:0;padding:0;text-align:left;word-break:break-all}
.ca:hover{color:var(--ink)}
.fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:20px;font-size:13px;color:var(--ink-3);max-width:none}

/* page header (inner pages) */
.phead{padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(28px,4vw,40px)}
.phead p{margin-top:16px}

/* tables */
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl th{font-weight:500;text-align:left;color:var(--ink-2);font-size:13.5px;padding:0 12px 12px 0;border-bottom:1px solid var(--ink)}
.tbl td{padding:14px 12px 14px 0;border-bottom:1px solid var(--rule);vertical-align:middle}
.tbl tr.click{cursor:pointer} .tbl tr.click:hover td{background:var(--paper-2)}
.tbl .r{text-align:right}
.tag{display:inline-block;font-size:12.5px;padding:2px 9px;border-radius:999px;border:1px solid var(--rule-2);color:var(--ink-2)}
.tag.glitch{border-color:var(--gold);color:var(--gold)}
.tag.paid{border-color:var(--ok);color:var(--ok)}
.empty{padding:48px 0;color:var(--ink-2)}

/* the collapse room (the one dark room) */
.vault{background:var(--vault);color:var(--vault-ink);border-top:0!important}
.vault h1,.vault h2,.vault h3{color:var(--vault-ink)}
.vault .muted{color:var(--vault-dim)}
.vault .btn{border-color:var(--vault-line);color:var(--vault-ink)}
.vault .btn:hover{background:var(--vault-ink);color:var(--vault)}
.vault .btn.solid{background:var(--gold-soft);border-color:var(--gold-soft);color:var(--vault)}
.vault .btn.solid:hover{background:#D9C185}
.vbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:28px 0 22px}
.daynav{display:flex;align-items:center;gap:10px}
.daynav b{font-family:var(--serif);font-weight:400;font-size:22px;min-width:10.5em;text-align:center}
.stage{position:relative;border:1px solid var(--vault-line);border-radius:4px;background:var(--vault-2);overflow:hidden}
.stage canvas{width:100%;height:440px}
.stage .note{position:absolute;left:20px;top:16px;font-size:13.5px;color:var(--vault-dim)}
.stage .big{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px}
.stage .big h2{font-size:clamp(28px,3.4vw,40px)}
.stage .big p{margin-top:10px;color:var(--vault-dim)}
.vfigs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px;border-top:1px solid var(--vault-line)}
.vfigs div{padding:18px 18px 0 0}
.vfigs div + div{padding-left:18px;border-left:1px solid var(--vault-line)}
.vfigs b{display:block;font-family:var(--serif);font-weight:300;font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}
.vfigs > div > span{font-size:13.5px;color:var(--vault-dim)}
.vtbl{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:8px}
.vtbl th{font-weight:500;text-align:left;color:var(--vault-dim);font-size:13px;padding:0 10px 10px 0;border-bottom:1px solid var(--vault-line)}
.vtbl td{padding:10px 10px 10px 0;border-bottom:1px solid var(--vault-line)}
.vtbl .r{text-align:right}
.vtbl tr.top td{color:var(--gold-soft)}
.bar{height:6px;background:var(--vault-line);border-radius:3px;overflow:hidden;min-width:80px}
.bar i{display:block;height:100%;background:var(--gold-soft)}
.proof{margin-top:48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 48px}
.proof .hash{color:var(--vault-dim)}
.proof .lbl{font-size:13.5px;color:var(--vault-dim);margin-bottom:6px}
.vres{margin-top:12px;font-size:14.5px}
.vres.ok{color:#9CC9A9} .vres.bad{color:#E39A9A}

/* position certificate */
.cert{position:relative;background:var(--card);border:1px solid var(--rule-2);padding:clamp(28px,5vw,64px);border-radius:2px}
.cert::before{content:"";position:absolute;inset:10px;border:1px solid var(--gold-soft);pointer-events:none;border-radius:1px}
.cert canvas.border{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55}
.cert .inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:40px;align-items:start}
.cert h2{font-size:clamp(28px,3.2vw,40px)}
.cert .wal{margin-top:8px;font:400 14px/1.4 var(--mono);color:var(--ink-2);word-break:break-all}
.cert dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px;margin:34px 0 0}
.cert dt{font-size:13.5px;color:var(--ink-2)}
.cert dd{margin:4px 0 0;font-family:var(--serif);font-size:28px;font-weight:300;line-height:1.15}
.cert .seal{width:220px;height:220px}
.meter{height:4px;background:var(--rule);border-radius:2px;margin-top:10px;overflow:hidden}
.meter i{display:block;height:100%;background:var(--gold)}
.panel{border-top:1px solid var(--ink);padding-top:22px}
.panel h3{margin-bottom:8px}
.panel p{color:var(--ink-2);max-width:34em}
.panel .row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;align-items:center}
.inp{height:44px;border:1px solid var(--rule-2);background:var(--card);border-radius:999px;padding:0 18px;min-width:0;width:180px;letter-spacing:.08em;text-transform:uppercase}
.inp:focus{outline:2px solid var(--gold);outline-offset:1px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,48px);margin-top:56px}
.okmsg{color:var(--ok);font-size:14.5px;margin-top:10px} .errmsg{color:var(--ox);font-size:14.5px;margin-top:10px}

/* letters */
.letters{display:grid;gap:40px;margin-top:8px}

/* modal (wallet) */
.modal{position:fixed;inset:0;background:rgba(13,23,41,.45);display:none;place-items:center;z-index:60;padding:20px}
.modal.on{display:grid}
.sheet{background:var(--card);border:1px solid var(--rule-2);border-radius:6px;width:100%;max-width:420px;padding:26px;max-height:86vh;overflow:auto}
.mh{display:flex;justify-content:space-between;align-items:center}
.mh .h{font-family:var(--serif);font-weight:400;font-size:24px}
.x{background:none;border:0;font-size:18px;cursor:pointer;color:var(--ink-2);padding:6px}
.mp{font-size:14.5px;color:var(--ink-2);margin:8px 0 18px}
.grp{font-size:13px;color:var(--ink-3);margin:14px 0 6px}
.nodet{font-size:14px;color:var(--ink-2);padding:8px 0}
.wrow{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);margin-bottom:8px;cursor:pointer;text-align:left}
.wrow:hover{border-color:var(--ink)}
.wrow img{width:26px;height:26px;border-radius:6px}
.wrow span{flex:1;font-weight:500}
.wrow em{font-style:normal;font-size:13px;color:var(--ink-3)} .wrow .dtag{color:var(--ok)}
.wrow.more{justify-content:center;color:var(--ink-2)}
.err{color:var(--ox);font-size:14px;margin-top:8px}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:999px;font-size:14.5px;opacity:0;transition:.25s;z-index:70;pointer-events:none}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

/* responsive */
@media (max-width:960px){
  .split,.hero .split{grid-template-columns:1fr}
  .plate{margin:0 auto;max-width:440px}
  .figs,.vfigs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fig:nth-child(3){padding-left:0;border-left:0}
  .fig:nth-child(n+3),.vfigs div:nth-child(n+3){border-top:1px solid var(--rule)}
  .vfigs div:nth-child(3){padding-left:0;border-left:0}
  .proof,.pair,.grid3{grid-template-columns:1fr}
  .cert .inner{grid-template-columns:1fr}
  .cert .seal{width:160px;height:160px}
  footer .wrap{grid-template-columns:1fr 1fr}
  footer .wrap > div:first-child{grid-column:1/-1}
}
@media (max-width:1080px){
  .links{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:var(--paper);border-bottom:1px solid var(--rule);padding:10px var(--gut) 18px}
  .links.open{display:flex}
  .burger{display:block}
  #navWal{margin-left:0}
  .nav .wrap{gap:12px}
}
@media (max-width:560px){
  body{font-size:15.5px}
  .brand{font-size:17px;gap:8px} .brand canvas{width:24px;height:24px}
  #navWal{height:34px;padding:0 12px;font-size:13.5px}
  .lede{font-size:17.5px}
  .tbl .hide-s{display:none}
  .stage canvas{height:340px}
  .cert dl{grid-template-columns:1fr}
  .verify{grid-template-columns:1fr}
  #navWal .lbl{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* dark chrome on the collapse room */
body.dark{background:var(--vault)}
body.dark .nav{background:color-mix(in srgb,var(--vault) 90%,transparent);border-bottom-color:var(--vault-line)}
body.dark .brand,body.dark .links a[aria-current="page"],body.dark .links a:hover{color:var(--vault-ink)}
body.dark .links a{color:var(--vault-dim)}
body.dark .links a:hover,body.dark .links a[aria-current="page"]{background:var(--vault-2)}
body.dark #navWal{border-color:var(--vault-line);color:var(--vault-ink)}
body.dark #navWal:hover{background:var(--vault-ink);color:var(--vault)}
body.dark .burger span{background:var(--vault-ink)}
@media (max-width:1080px){body.dark .links{background:var(--vault);border-bottom-color:var(--vault-line)}}

/* ---------- v3 additions ---------- */
.btn.ghost{border-color:transparent;padding:0 12px} .btn.ghost:hover{background:var(--paper-2);color:var(--ink)}
.cachip{display:inline-flex;align-items:center;gap:12px;margin-top:22px;max-width:100%;border:1px solid var(--rule);background:var(--card);border-radius:999px;padding:9px 16px;font:inherit;color:var(--ink);cursor:pointer;text-align:left}
.cachip[disabled]{cursor:default}
.cachip .k{font-size:13px;color:var(--ink-3);flex:none}
.cachip .v{font:400 13px/1.3 var(--mono);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cachip .cp{font-size:13px;font-weight:500;color:var(--gold);flex:none}
.cachip:not([disabled]):hover{border-color:var(--ink-3)}
/* estimator */
.est{border-top:1px solid var(--ink);padding-top:8px}
.erow{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--rule)}
.erow label{color:var(--ink-2);font-size:15px} .erow label b{color:var(--ink);font-weight:500;margin-left:6px}
.erow .inp{width:100%;text-transform:none;letter-spacing:0;text-align:right}
.erow.chk{grid-template-columns:1fr} .erow.chk label{display:flex;gap:10px;align-items:center;cursor:pointer}
.erow input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink)}
input[type=range]{width:100%;accent-color:var(--gold)}
.eout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:24px}
.eout div{background:var(--card);padding:18px 20px}
.eout span{display:block;font-size:13.5px;color:var(--ink-2)}
.eout b{display:block;font-family:var(--serif);font-weight:300;font-size:30px;line-height:1.2;margin-top:4px}
/* leaderboards */
.lead{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,48px);margin-top:44px}
.lead h3{padding-bottom:12px;border-bottom:1px solid var(--ink);font-size:22px}
.lead ol{list-style:none;margin:0;padding:0;counter-reset:l}
.lead li{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--rule);counter-increment:l;font-size:15px}
.lead li::before{content:counter(l);width:20px;color:var(--gold);font-family:var(--serif);font-size:17px}
.lead li b{margin-left:auto;font-weight:500}
.lead li.empty::before,.lead li.muted::before{content:none}
.lead li.empty{color:var(--ink-3)}
/* faq */
.faq details{border-top:1px solid var(--rule)} .faq details:last-child{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;font-size:17px;font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:28px;width:9px;height:9px;border-right:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg);top:32px}
.faq details p{color:var(--ink-2);padding:0 40px 22px 0;max-width:40em;margin:0}
/* gallery */
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(16px,2.4vw,28px)}
.gcard{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--rule);padding:18px 18px 16px;transition:border-color .15s,transform .15s}
.gcard:hover{border-color:var(--ink-3);transform:translateY(-2px)}
.gcard canvas{display:block;width:100%;aspect-ratio:1/1}
.gcard .gm{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--rule);font-size:14px;color:var(--ink-2)}
.gcard .gm .ket{font-size:18px;color:var(--ink)}
/* treasury */
.sbar{display:flex;height:10px;border-radius:999px;overflow:hidden;margin:22px 0 14px;background:var(--rule)}
.sbar i{display:block;height:100%} .sbar .p{background:var(--ink)} .sbar .b{background:var(--ox)} .sbar .o{background:var(--gold-soft)}
.skey{display:flex;gap:22px;flex-wrap:wrap;font-size:14px;color:var(--ink-2)} .skey span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:currentColor;vertical-align:1px}
.skey .p::before{background:var(--ink)} .skey .b::before{background:var(--ox)} .skey .o::before{background:var(--gold-soft)}
.walbox{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);margin-top:40px}
.amt.in{color:var(--ok)} .amt.out{color:var(--ink)}
@media (max-width:960px){ .lead{grid-template-columns:1fr} }
@media (max-width:560px){ .erow{grid-template-columns:1fr;gap:8px} .eout b{font-size:21px} .gal{grid-template-columns:repeat(2,minmax(0,1fr))} .gcard{padding:10px} .gcard .gm{font-size:12.5px} .cachip .k{display:none} }
[hidden]{display:none!important}
body.dark footer .brand{color:var(--ink)}

/* ---------- v4: the observation chamber ---------- */
.qhero{position:relative;min-height:max(680px,100svh);margin-top:-69px;background:var(--vault);color:var(--vault-ink);overflow:hidden;display:flex;align-items:center;padding:0;border:0}
.qhero canvas#qcv{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;animation:qfade 2.4s .5s both}
.qhero::after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(transparent,var(--vault));pointer-events:none}
.qinner{position:relative;z-index:2;width:100%;padding-top:130px;padding-bottom:110px;pointer-events:none}
.qinner a,.qinner button{pointer-events:auto}
.qtext{max-width:640px}
.qh{color:#F3EEDF;font-size:clamp(40px,4.3vw,64px);line-height:1.02;letter-spacing:-.025em;font-weight:300}
.qh .ln{display:block;white-space:nowrap;animation:qrise 1.1s cubic-bezier(.2,.7,.1,1) both}
.qh .ln:nth-child(2){animation-delay:.12s} .qh .ln:nth-child(3){animation-delay:.24s;color:var(--gold-soft)}
.qhero .lede{color:#B9BFCD;margin-top:26px;max-width:31em;animation:qrise 1.1s .4s cubic-bezier(.2,.7,.1,1) both}
.qhero .ctas{animation:qrise 1.1s .52s cubic-bezier(.2,.7,.1,1) both}
.qhero .btn{border-color:var(--vault-line);color:var(--vault-ink)} .qhero .btn:hover{background:var(--vault-ink);color:var(--vault)}
.qhero .btn.solid{background:var(--gold-soft);border-color:var(--gold-soft);color:var(--vault)} .qhero .btn.solid:hover{background:#E2C77E}
.btn.glow{box-shadow:0 0 0 0 rgba(201,174,106,.5);animation:qpulse 2.6s infinite}
.cachip.dark{background:rgba(22,34,58,.7);border-color:var(--vault-line);color:var(--vault-ink);backdrop-filter:blur(6px);animation:qrise 1.1s .62s cubic-bezier(.2,.7,.1,1) both}
.cachip.dark .v{color:#B9BFCD} .cachip.dark .k{color:var(--vault-dim)} .cachip.dark .cp{color:var(--gold-soft)}
.qread{display:flex;align-items:center;gap:16px;margin-top:34px;animation:qrise 1.1s .58s cubic-bezier(.2,.7,.1,1) both}
.qread .ring{width:58px;height:58px;flex:none;transform:rotate(-90deg)}
.qread .trk{fill:none;stroke:var(--vault-line);stroke-width:5}
.qread .prog{fill:none;stroke:var(--gold-soft);stroke-width:5;stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 6px rgba(201,174,106,.55))}
.qcd{text-align:left}
.qcd b{display:block;font-family:var(--serif);font-weight:300;font-size:38px;line-height:1;color:#F3EEDF;font-variant-numeric:tabular-nums lining-nums}
.qcd span{display:block;font-size:13.5px;color:var(--vault-dim);margin-top:4px}
.qcap{position:absolute;z-index:2;right:var(--gut);bottom:34px;max-width:420px;margin:0;text-align:right;font-size:14px;color:#9AA3B8;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s;pointer-events:none}
.qcap.on{opacity:1;transform:none} .qcap .ket{color:var(--gold-soft);font-size:16px}
@media (min-width:1300px){.qcap{right:calc((100vw - var(--w)) / 2 + var(--gut))}}
/* live tape */
.tape{background:var(--vault);border-top:1px solid var(--vault-line);border-bottom:1px solid var(--vault-line);overflow:hidden;white-space:nowrap;color:#C9CEDA;font-size:14px}
.tape-in{display:inline-flex;padding:15px 0;animation:qtape 60s linear infinite}
.tape:hover .tape-in{animation-play-state:paused}
.tape-in > span{padding:0 28px;position:relative} .tape-in > span::after{content:"";position:absolute;right:-3px;top:50%;width:5px;height:5px;margin-top:-2.5px;background:var(--gold-soft);transform:rotate(45deg);opacity:.7}
.tape .ket{color:var(--gold-soft)}
/* nav over the chamber */
.nav{transition:background .3s,border-color .3s}
.nav.ondark{background:transparent;backdrop-filter:none;border-bottom-color:transparent}
.nav.ondark .brand,.nav.ondark .links a[aria-current="page"],.nav.ondark .links a:hover{color:var(--vault-ink)}
.nav.ondark .links a{color:#AEB5C5} .nav.ondark .links a:hover,.nav.ondark .links a[aria-current="page"]{background:rgba(38,50,76,.6)}
.nav.ondark #navWal{border-color:var(--vault-line);color:var(--vault-ink)} .nav.ondark #navWal:hover{background:var(--vault-ink);color:var(--vault)}
.nav.ondark .burger span{background:var(--vault-ink)}
@media (max-width:1080px){.nav.ondark .links{background:var(--vault);border-bottom-color:var(--vault-line)}}
#figs{border-top:0}
@keyframes qrise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes qfade{from{opacity:0}to{opacity:1}}
@keyframes qpulse{0%{box-shadow:0 0 0 0 rgba(201,174,106,.45)}70%{box-shadow:0 0 0 14px rgba(201,174,106,0)}100%{box-shadow:0 0 0 0 rgba(201,174,106,0)}}
@keyframes qtape{to{transform:translateX(-50%)}}
@media (max-width:820px){
  .qhero{align-items:flex-start;min-height:auto}
  .qinner{padding-top:calc(min(84vw,460px) + 214px);padding-bottom:64px}
  .qh .ln{white-space:normal} .qcd b{font-size:32px}
  .qcap{left:var(--gut);right:var(--gut);top:calc(min(84vw,460px) + 134px);bottom:auto;text-align:center;max-width:none;font-size:13px}
}
@media (prefers-reduced-motion:reduce){.tape-in{animation:none}.btn.glow{animation:none}}

/* =================== v5 theme: grey field, black type, electric blue =================== */
body{font:400 16px/1.55 var(--sans);letter-spacing:-.005em;font-feature-settings:"tnum" 1,"cv11" 1}
h1,h2,h3{font-family:var(--sans);font-weight:600;color:var(--ink)}
h1{font-size:clamp(44px,5.6vw,104px);line-height:.98;letter-spacing:-.058em}
h2{font-size:clamp(34px,3.8vw,60px);line-height:1;letter-spacing:-.05em}
h3{font-size:21px;line-height:1.2;letter-spacing:-.025em;font-weight:600}
.lede{font-size:clamp(18px,1.35vw,23px);line-height:1.38;color:var(--ink);letter-spacing:-.012em;max-width:38em}
.body{color:var(--ink-2);font-size:17px;line-height:1.5}
.ket{font-family:var(--sans);font-weight:500;letter-spacing:-.01em}
.blue{color:var(--blue)}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.lbl-caps{font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
/* buttons */
.btn{height:48px;padding:0 22px;border-radius:8px;border:1px solid var(--rule-2);background:var(--card);color:var(--ink);font-weight:500;font-size:16px;letter-spacing:-.01em}
.btn:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.btn.solid{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.solid:hover{background:#0B0BC4;border-color:#0B0BC4}
.btn.small{height:38px;padding:0 14px;font-size:14.5px;border-radius:7px}
.btn.ghost{border-color:transparent;background:transparent}
/* top bar */
.nav{display:none!important}
.top{position:sticky;top:0;z-index:30;padding:20px 0 0;pointer-events:none}
.top .wrap{display:flex;align-items:flex-start;gap:12px}
.navcard{pointer-events:auto;flex:0 1 790px;background:var(--card);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.navrow{display:flex;align-items:center;height:62px;padding:0 18px 0 16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--sans);font-weight:600;font-size:22px;letter-spacing:-.045em;color:var(--ink);white-space:nowrap}
.brand svg{width:34px;height:34px;flex:none}
.menubtn{margin-left:auto;display:flex;align-items:center;gap:12px;background:none;border:0;cursor:pointer;font-size:16px;color:var(--ink-2);padding:8px 2px}
.menubtn i{display:block;width:34px;height:10px;position:relative}
.menubtn i::before,.menubtn i::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:var(--ink);transition:transform .25s,top .25s}
.menubtn i::before{top:1px} .menubtn i::after{top:7px}
.navcard.open .menubtn i::before{top:4px;transform:rotate(12deg)} .navcard.open .menubtn i::after{top:4px;transform:rotate(-12deg)}
.menu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.3,.7,.1,1)}
.navcard.open .menu{grid-template-rows:1fr}
.menu > div{overflow:hidden}
.menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;padding:6px 16px 22px;border-top:1px solid var(--rule)}
.menu nav a{display:flex;justify-content:space-between;align-items:baseline;text-decoration:none;font-size:28px;font-weight:600;letter-spacing:-.05em;padding:12px 2px;border-bottom:1px solid var(--rule)}
.menu nav a small{font-size:13px;font-weight:400;letter-spacing:0;color:var(--ink-3)}
.menu nav a:hover,.menu nav a[aria-current="page"]{color:var(--blue)}
.topcta{pointer-events:auto;margin-left:auto;display:flex;gap:0}
.topcta #navWal{height:64px;padding:0 34px;border-radius:var(--r) 0 0 var(--r);background:var(--blue);border:0;color:#fff;font-size:17px;font-weight:500;margin:0}
.topcta #navWal:hover{background:#0B0BC4}
.topcta .arrow{width:64px;height:64px;display:grid;place-items:center;background:var(--card);border:1px solid var(--rule);border-left:0;border-radius:0 var(--r) var(--r) 0;text-decoration:none;font-size:22px;color:var(--ink);transition:background .2s}
.topcta .arrow:hover{background:var(--ink);color:#fff}
.topcta .arrow svg{width:20px;height:20px;transition:transform .25s} .topcta .arrow:hover svg{transform:translate(2px,2px)}
main{margin-top:-84px}
main > :first-child{padding-top:150px}
/* hero */
.xh{position:relative;background:var(--paper);overflow:hidden;padding-bottom:0}
.xh canvas#bloch{position:absolute;top:0;right:0;width:62%;height:100%;display:block;cursor:crosshair}
.xh .wrap{position:relative;z-index:2;pointer-events:none}
.xh .wrap a,.xh .wrap button{pointer-events:auto}
.xbadge{display:inline-flex;align-items:center;gap:10px;background:var(--card);border-radius:4px;padding:7px 9px 7px 10px;font-weight:600;font-size:17px;letter-spacing:-.025em}
.xbadge svg{width:26px;height:26px}
.xbadge .tag{border:0;border-radius:3px;background:#000;color:#fff;font-size:12px;font-weight:600;padding:4px 9px;letter-spacing:0}
.xh h1{margin-top:36px;max-width:10.4em}
.xh h1 .ln{display:block;animation:xrise .9s cubic-bezier(.2,.7,.1,1) both}
.xh h1 .ln:nth-child(2){animation-delay:.08s} .xh h1 .ln:nth-child(3){animation-delay:.16s}
.xh .lede{margin-top:34px;max-width:36em;animation:xrise .9s .25s cubic-bezier(.2,.7,.1,1) both}
.xh .ctas{margin-top:34px;align-items:center;animation:xrise .9s .32s cubic-bezier(.2,.7,.1,1) both}
.cachip{margin-top:0;border-radius:8px;background:var(--card);border:1px solid var(--rule);height:48px;padding:0 16px}
.cachip .v{font-family:var(--mono);font-size:13px}
.cachip .cp{color:var(--blue);font-weight:600}
.xlow{position:relative;z-index:3;margin-top:88px}
.xlow::before{content:"";position:absolute;left:-50vw;right:-50vw;top:150px;bottom:-1px;background:var(--card);z-index:-1}
.xlowin{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:end}
.rec{background:#000;color:#fff;border-radius:var(--r);padding:20px 24px 6px}
.rec .lbl-caps{color:#A1A1AA}
.rec dl{margin:12px 0 0}
.rec dl > div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-top:1px solid #2A2A2F}
.rec dl > div:first-child{border-top:0}
.rec dt{font-size:30px;font-weight:600;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.rec dt .ket{font-weight:600}
.rec dd{margin:0;text-align:right;color:#C9C9D1;font-size:15.5px;line-height:1.3;max-width:15em}
.rec .live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blue-2);margin-right:8px;vertical-align:2px;box-shadow:0 0 0 0 rgba(69,69,245,.6);animation:xping 1.8s infinite}
.lastm{padding:0 0 28px}
.lastm p{font-size:16.5px;color:var(--ink)}
.lastm canvas{width:100%;height:190px;margin-top:20px}
.lastm .meta{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:14px;color:var(--ink-3)}
@keyframes xrise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes xping{0%{box-shadow:0 0 0 0 rgba(69,69,245,.6)}80%,100%{box-shadow:0 0 0 9px rgba(69,69,245,0)}}
/* sections on white / grey */
section{border-top:0!important}
.band-w{background:var(--card)}
.steps li{border-color:var(--rule);grid-template-columns:64px 1fr}
.steps li::before{font-family:var(--sans);font-weight:600;font-size:15px;color:#fff;background:var(--blue);width:34px;height:34px;border-radius:6px;display:grid;place-items:center;line-height:1;margin-top:2px}
.steps b{font-weight:600;font-size:19px;letter-spacing:-.025em}
.steps p{font-size:16.5px}
.chart{border-radius:var(--r);border-color:var(--rule);background:var(--card)}
.pair > div{background:var(--card);border-radius:var(--r);padding:28px 30px;border:1px solid var(--rule)}
.band-w .pair > div,.band-w .chart{background:var(--paper);border-color:transparent}
.verify{border-top:0;border-bottom:0;background:#000;color:#fff;border-radius:var(--r);padding:28px 30px}
.verify .lbl{color:#A1A1AA} .verify .hash{color:#fff;font-size:14px}
.verify .btn{background:var(--blue);border-color:var(--blue);color:#fff}
.est{border-top:0;background:var(--card);border-radius:var(--r);padding:8px 26px 26px;border:1px solid var(--rule)}
.erow{border-color:var(--rule)}
.erow .inp{border-radius:8px;letter-spacing:-.01em;background:var(--paper);border-color:transparent;font-weight:500;height:46px}
.eout{border-radius:8px;overflow:hidden;background:var(--rule);border:0}
.eout div{background:var(--paper)}
.eout b{font-family:var(--sans);font-weight:600;letter-spacing:-.045em;font-size:30px;color:var(--ink)}
.eout div:nth-child(3) b,.eout div:nth-child(4) b{color:var(--blue)}
input[type=range]{accent-color:var(--blue)}
.lead h3{border-bottom:0;background:#000;color:#fff;border-radius:8px 8px 0 0;padding:16px 20px;font-size:19px}
.lead ol{background:var(--card);border-radius:0 0 8px 8px;padding:4px 20px 8px}
.band-w .lead ol{background:var(--paper)}
.lead li::before{color:var(--blue);font-family:var(--sans);font-weight:600;font-size:15px}
.letter{border-radius:var(--r);border-color:var(--rule)}
.letter .txt{font-family:var(--sans);font-size:18.5px;line-height:1.55;letter-spacing:-.012em}
.letter .sig{font-family:var(--sans);font-style:normal;font-weight:500}
.faq details{border-color:var(--rule)}
.faq summary{font-size:20px;font-weight:600;letter-spacing:-.03em;padding:22px 48px 22px 0}
.faq summary::after{border-color:var(--blue)}
.faq details p{font-size:16.5px}
.figs{border-top:0;border-bottom:0;background:var(--card);border-radius:var(--r);padding:0 24px}
.fig{padding:22px 24px 24px 0}
.fig .v{font-family:var(--sans);font-weight:600;letter-spacing:-.05em}
.fig .v small{font-weight:500;letter-spacing:0}
.tbl th{border-bottom-color:var(--ink);font-weight:500}
.tag{border-radius:4px}
.tag.glitch{border-color:var(--blue);color:var(--blue)}
.panel{border-top:0;background:var(--card);border-radius:var(--r);padding:24px 26px 26px;border:1px solid var(--rule)}
.inp{border-radius:8px}
.cert{border-radius:var(--r);border-color:var(--rule);background:var(--card)}
.cert::before{border-color:var(--lav);border-radius:6px}
.cert dd{font-family:var(--sans);font-weight:600;letter-spacing:-.045em}
.meter i{background:var(--blue)}
.gcard{border-radius:var(--r);border-color:var(--rule);background:var(--card)}
.gcard:hover{border-color:var(--blue)}
.sbar .p{background:var(--blue)} .sbar .b{background:#000} .sbar .o{background:var(--lav)}
.skey .p::before{background:var(--blue)} .skey .b::before{background:#000} .skey .o::before{background:var(--lav)}
.walbox{border-top-color:var(--ink)}
.phead h1{font-size:clamp(44px,5.4vw,88px)!important}
.sheet{border-radius:var(--r)}
.sheet .mh .h{font-family:var(--sans);font-weight:600;letter-spacing:-.04em}
.toast{background:#000;color:#fff;border-radius:8px}
.modal{background:rgba(0,0,0,.45)}
/* collapse room: black */
body.dark{background:#000}
.vault{background:#000}
.stage{background:#0B0B0F;border-color:#1E1E24;border-radius:var(--r)}
.vault .btn{background:transparent;border-color:#33333A;color:#fff} .vault .btn:hover{background:#fff;color:#000}
.vault .btn.solid{background:var(--blue);border-color:var(--blue);color:#fff} .vault .btn.solid:hover{background:#0B0BC4}
.daynav b{font-family:var(--sans);font-weight:600;letter-spacing:-.035em}
.vfigs b{font-family:var(--sans);font-weight:600;letter-spacing:-.05em}
.vtbl tr.top td{color:#8C8CFF}
.bar i{background:var(--blue-2)}
.vres.ok{color:#7CE0AE}
body.dark .navcard,body.dark .topcta .arrow{background:#111114;border-color:#26262C;color:#fff}
body.dark .brand,body.dark .menu nav a{color:#fff} body.dark .menubtn{color:#B5B5BE} body.dark .menubtn i::before,body.dark .menubtn i::after{background:#fff}
body.dark .menu nav,body.dark .menu nav a{border-color:#26262C}
/* footer: black */
footer{background:#000;color:#fff;border-top:0;padding:64px 0 48px}
footer .brand{color:#fff} footer p{color:#A1A1AA} footer h4{color:#fff;font-family:var(--sans);font-weight:600}
footer li a{color:#B5B5BE} footer li a:hover{color:#fff}
footer .ca{color:#C9C9D1;font-family:var(--mono)} footer .ca:hover{color:#fff}
footer .fine{border-top-color:#26262C;color:#7A7A84}
body.dark footer .brand{color:#fff}
@media (max-width:960px){
  .xh canvas#bloch{position:relative;width:100%;height:min(92vw,440px);margin-top:-20px}
  .xh{display:flex;flex-direction:column}
  .xh .wrap.xtop{order:0} .xh canvas#bloch{order:1} .xh .wrap.xbot{order:2}
  .xlow{margin-top:0}
  .xlow::before{top:120px}
  .xlowin{grid-template-columns:1fr}
  .menu nav{grid-template-columns:1fr}
  .topcta .arrow{display:none}
  .topcta #navWal{border-radius:var(--r);height:62px;padding:0 20px}
}
@media (max-width:560px){
  .top{padding-top:12px}
  .navrow{height:56px;padding:0 12px}
  .brand{font-size:18px} .brand svg{width:28px;height:28px}
  .menubtn span{display:none}
  .topcta #navWal{height:58px;padding:0 16px;font-size:15px}
  .rec dt{font-size:24px} .rec dd{font-size:14px}
  main > :first-child{padding-top:120px}
  .menu nav a{font-size:24px}
}
.xh canvas#bloch{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 22%);mask-image:linear-gradient(to right,transparent 0,#000 22%)}
@media (max-width:960px){.xh canvas#bloch{-webkit-mask-image:none;mask-image:none}}
.rec dt{white-space:nowrap}

/* =================== v6: pixel type, motion, pinned anatomy =================== */
:root{--px:"Pixelify Sans", "General Sans", system-ui, sans-serif; --bit:"Silkscreen", ui-monospace, monospace}
h1,h2,.px{font-family:var(--px);font-weight:600;letter-spacing:-.02em}
h1{font-size:clamp(46px,5.8vw,108px);line-height:.98;letter-spacing:-.03em}
h2{font-size:clamp(36px,4vw,64px);line-height:1;letter-spacing:-.025em}
h3.px{font-size:23px;letter-spacing:-.01em;font-weight:600}
.phead h1{font-size:clamp(46px,5.6vw,92px)!important;letter-spacing:-.03em}
.eyebrow,.lbl-caps{font-family:var(--bit);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--blue);font-weight:400;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:8px;height:8px;background:var(--blue);box-shadow:10px 0 0 var(--lav)}
.rec .lbl-caps{color:#A1A1AA;margin-bottom:0}
.lnk{font-weight:500;text-decoration:none;border-bottom:2px solid var(--blue);padding-bottom:2px} .lnk:hover{color:var(--blue)}
.tag,.xbadge .tag{font-family:var(--bit);font-size:10.5px;letter-spacing:.02em}
.xbadge{font-family:var(--px);font-weight:600;font-size:18px}
.rec dt{font-family:var(--px);font-weight:600;letter-spacing:-.01em;font-size:34px}
.fig .v,.cert dd,.vfigs b,.daynav b,.eout b{font-family:var(--px);font-weight:600;letter-spacing:-.01em}
.brand{font-family:var(--px);font-weight:600;letter-spacing:-.01em}
.menu nav a{font-family:var(--px);font-weight:600;letter-spacing:-.01em}
.faq summary{font-family:var(--px);font-weight:500;letter-spacing:0;font-size:21px}
.lead h3{font-family:var(--px);letter-spacing:0}
.btn{font-weight:500}
/* film grain over everything */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.07;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
body.dark::after{mix-blend-mode:screen;opacity:.05}
/* reveal */
.rv{opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity .9s cubic-bezier(.2,.7,.1,1),transform .9s cubic-bezier(.2,.7,.1,1),filter .9s;transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none;filter:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;filter:none;transition:none}}
/* dithered section seams */
.pxedge{height:40px;position:relative;z-index:1}
.pxedge canvas{display:block;width:100%;height:100%}
.sec-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,6vw,96px);align-items:end;margin-bottom:48px}
.sec-head .body{max-width:40em}
section{padding:clamp(72px,9vw,132px) 0}
/* ---------- pinned anatomy ---------- */
.pin{padding:0;height:560vh;position:relative}
.pin-stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.pin-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center;width:100%}
.pin-head .body{margin-top:18px;max-width:30em}
.pin-idx{list-style:none;margin:40px 0 0;padding:0;counter-reset:pi}
.pin-idx li{counter-increment:pi;display:flex;align-items:center;gap:14px;padding:11px 0;border-top:1px solid var(--rule);font-size:16px;color:var(--ink-3);transition:color .4s}
.pin-idx li:last-child{border-bottom:1px solid var(--rule)}
.pin-idx li::before{content:counter(pi, decimal-leading-zero);font-family:var(--bit);font-size:11px;width:30px}
.pin-idx li::after{content:"";margin-left:auto;width:10px;height:10px;background:var(--rule);transition:background .4s,box-shadow .4s}
.pin-idx li.on{color:var(--ink);font-weight:500} .pin-idx li.on::after{background:var(--blue);box-shadow:0 0 0 4px var(--lav-2)}
.pin-idx li.done{color:var(--ink-2)} .pin-idx li.done::after{background:#000}
.pin-cards{position:relative;height:min(600px,74vh)}
.pcard{position:absolute;inset:0;background:var(--paper);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;
  transition:transform .85s cubic-bezier(.2,.75,.1,1),opacity .6s,filter .6s;transform:translateY(105%);opacity:0;will-change:transform}
.pcard.on{transform:none;opacity:1}
.pcard.past{transform:translateY(-34px) scale(.93);opacity:.5;filter:blur(3px)}
.pcard.past2{transform:translateY(-62px) scale(.86);opacity:0;filter:blur(6px)}
.pscene{flex:1;width:100%;min-height:0;display:block;background:#000}
.pc-txt{padding:24px 28px 28px;background:var(--paper)}
.pc-n{font-family:var(--bit);font-size:11px;color:var(--blue)}
.pc-txt h3{margin:8px 0 8px;font-size:clamp(24px,2.2vw,32px)}
.pc-txt p{color:var(--ink-2);font-size:16.5px;max-width:40em}
.pin-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--rule)} .pin-bar i{display:block;height:100%;width:0;background:var(--blue)}
html{scroll-snap-type:y proximity}
.snap{position:absolute;left:0;width:1px;height:100vh;scroll-snap-align:start;pointer-events:none}
/* ---------- coherence lab ---------- */
.coh{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2px;background:var(--rule);border-radius:14px;overflow:hidden}
.coh-main{background:var(--card);padding:22px 24px 18px}
.coh-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.seg{display:flex;background:var(--paper);border-radius:9px;padding:4px;gap:2px}
.seg button{border:0;background:transparent;padding:9px 14px;border-radius:7px;font-size:14px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:background .2s,color .2s}
.seg button[aria-selected="true"]{background:#000;color:#fff}
.coh-read{display:flex;gap:24px;font-size:14px;color:var(--ink-3)} .coh-read b{font-size:28px;color:var(--ink);margin-left:6px;font-weight:600}
#cohCv{width:100%;height:320px;display:block;cursor:crosshair}
#chSlider{width:100%;margin-top:10px}
.coh-side{display:grid;grid-template-rows:repeat(3,1fr);gap:2px}
.cs{background:#000;color:#fff;padding:20px 22px;display:flex;flex-direction:column;justify-content:center}
.cs span{font-family:var(--bit);font-size:11px;color:#8C8CFF}
.cs b{font-size:40px;line-height:1.1;margin:6px 0 4px;font-weight:600}
.cs i{font-style:normal;color:#A1A1AA;font-size:14px;line-height:1.35}
.pair{margin-top:2px;gap:2px;background:var(--rule);border-radius:0 0 14px 14px;overflow:hidden}
#coherence .coh{border-radius:14px 14px 0 0}
.pair > div{border-radius:0!important;border:0!important;background:var(--card)!important;padding:30px 32px}
.pair .ico{width:40px;height:40px;margin-bottom:16px}
.pair h3{margin-bottom:8px}
/* ---------- allocation terminal ---------- */
.term{background:#000;color:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px -40px rgba(20,20,240,.55)}
.term-h{display:flex;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid #222;font-family:var(--bit);font-size:11px;color:#8B8B93}
.term-h .dots{display:flex;gap:6px} .term-h .dots i{width:9px;height:9px;background:#2A2A30} .term-h .dots i:first-child{background:var(--blue)}
.live-s{margin-left:auto;display:flex;align-items:center;gap:8px;color:#C9C9FF}
.term-b{padding:22px 24px 24px;display:grid;gap:18px}
.tf{display:grid;gap:8px;font-size:13.5px;color:#A1A1AA}
.tf b{color:#fff;font-size:18px;font-weight:600}
.tin{display:flex;align-items:center;background:#111114;border:1px solid #26262C;border-radius:8px;padding:0 14px;height:50px;transition:border-color .2s}
.tin:focus-within{border-color:var(--blue)}
.tin input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font:600 20px var(--px)}
.tin em{font-style:normal;font-family:var(--bit);font-size:11px;color:#8C8CFF}
.term input[type=range]{accent-color:var(--blue)}
.tcheck{display:flex;align-items:center;gap:12px;font-size:14.5px;color:#D4D4DA;cursor:pointer;position:relative}
.tcheck input{position:absolute;opacity:0}
.tcheck .sw{width:40px;height:22px;background:#26262C;position:relative;transition:background .2s;flex:none}
.tcheck .sw::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#fff;transition:transform .2s}
.tcheck input:checked + .sw{background:var(--blue)} .tcheck input:checked + .sw::after{transform:translateX(18px)}
.tcheck input:focus-visible + .sw{outline:2px solid #8C8CFF;outline-offset:2px}
.meter-px{background:#0B0B0F;border:1px solid #1E1E24;border-radius:8px;padding:14px 14px 12px}
.mp-h{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:#A1A1AA;margin-bottom:10px} .mp-h b{color:#fff;font-size:22px}
#shareCv{width:100%;height:44px;display:block}
.tout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#1E1E24;border-radius:8px;overflow:hidden}
.tout div{background:#0B0B0F;padding:14px 16px}
.tout span{display:block;font-size:12.5px;color:#8B8B93}
.tout b{display:block;font-size:26px;line-height:1.2;margin-top:2px;color:#fff;font-weight:600}
.tout b.blue{color:#8C8CFF}
#projCv{width:100%;height:110px;display:block}
.tnote{font-size:12.5px;color:#6B6B73}
/* misc polish */
.verify{position:relative;overflow:hidden}
.verify .hash{font-size:15px;letter-spacing:.02em}
.lead > div{border-radius:10px;overflow:hidden}
.lead li{transition:background .2s} .lead li:hover{background:var(--lav-2)}
.letter{border:0}
.xh .lede{max-width:34em}
.cachip{transition:border-color .2s}
@media (max-width:960px){
  .pin{height:auto;padding:72px 0}
  .pin-stage{position:relative;height:auto;overflow:visible}
  .pin-grid{grid-template-columns:1fr}
  .pin-idx,.pin-bar,.snap{display:none}
  .pin-cards{height:auto;display:grid;gap:18px}
  .pcard,.pcard.past,.pcard.past2{position:relative;transform:none;opacity:1;filter:none}
  .pscene{height:220px;flex:none}
  .coh{grid-template-columns:1fr} .coh-side{grid-template-rows:none;grid-template-columns:1fr}
  .sec-head{grid-template-columns:1fr;gap:18px}
  #cohCv{height:240px}
  html{scroll-snap-type:none}
}
@media (max-width:560px){ .seg button{padding:8px 9px;font-size:12.5px} .coh-read b{font-size:22px} .tout b{font-size:21px} .cs b{font-size:32px} }
/* numerals: dot-matrix, unambiguous digits */
:root{--dg:"DotGothic16", "General Sans", monospace}
.rec dt,.tout b,.cs b,.coh-read b,.mp-h b,.tin input,#eDaysV,.fig .v,.vfigs b,.cert dd,.daynav b,.qcd b,.eout b,.lead li b,.tf b{font-family:var(--dg)!important;font-weight:400!important;letter-spacing:0!important}
.rec dt{font-size:36px} .tout b{font-size:28px} .cs b{font-size:42px}
.rec dt .ket,.vfigs b .ket{font-family:var(--dg)}
/* v7 type: squared tech headings, mono figures */
:root{--px:"Chakra Petch", "General Sans", system-ui, sans-serif; --bit:"Geist Mono", ui-monospace, monospace; --dg:"Geist Mono", ui-monospace, monospace}
h1,h2,.px{font-family:var(--px);font-weight:700;letter-spacing:-.035em}
h1{letter-spacing:-.045em;line-height:.95}
h3.px,.pc-txt h3{font-weight:600;letter-spacing:-.02em}
.eyebrow,.lbl-caps{font-family:var(--bit);font-size:12.5px;font-weight:500;letter-spacing:.06em}
.rec dt,.tout b,.cs b,.coh-read b,.mp-h b,.tin input,#eDaysV,.fig .v,.vfigs b,.cert dd,.daynav b,.qcd b,.eout b,.lead li b,.tf b{font-family:var(--dg)!important;font-weight:500!important;letter-spacing:-.04em!important}
.brand,.menu nav a,.xbadge,.faq summary,.lead h3{font-family:var(--px)}
.brand{font-weight:700;letter-spacing:-.03em}
.faq summary{font-weight:600;letter-spacing:-.015em}
.tag,.xbadge .tag,.pc-n,.cs span,.term-h,.tin em{font-family:var(--bit)}

/* =================== v8: lab × terminal × launch =================== */
:root{--sec:clamp(84px,9vw,128px)}
section{padding:var(--sec) 0}
.eyebrow{font-family:var(--bit);font-size:12.5px;font-weight:500;letter-spacing:.08em;color:var(--blue);margin-bottom:16px}
.eyebrow::before{content:none}
.eyebrow.light{color:#9C9CFF}
.body{font-size:17.5px;line-height:1.55;color:var(--ink-2)}
.sec-head{margin-bottom:44px}
.dim{color:#8C8CFF}
.mono{font-family:var(--bit)}
/* ---- unified top bar ---- */
.top{padding-top:16px}
.top .wrap{display:block}
.bar{pointer-events:auto;position:relative;display:flex;align-items:center;gap:8px;height:64px;padding:0 10px 0 16px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid var(--rule);border-radius:12px;box-shadow:0 10px 30px -18px rgba(0,0,0,.25)}
.bar .brand{font-size:20px;margin-right:10px}
.ilinks{display:flex;gap:2px;margin-right:auto}
.ilinks a{text-decoration:none;font-size:15px;color:var(--ink-2);padding:8px 12px;border-radius:8px;white-space:nowrap;transition:background .2s,color .2s}
.ilinks a:hover{background:var(--paper);color:var(--ink)} .ilinks a[aria-current="page"]{color:var(--ink);background:var(--paper)}
.livepill{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:8px;background:#000;color:#fff;text-decoration:none;font-family:var(--bit);font-size:13px;margin-left:auto}
.livepill i{width:7px;height:7px;border-radius:50%;background:#33D17A;box-shadow:0 0 0 0 rgba(51,209,122,.6);animation:xping 1.8s infinite}
.livepill .lp-k{color:#9B9BA5} .livepill b{font-weight:500;min-width:44px}
.bar .navwal{height:44px;margin-left:6px;border-radius:8px;padding:0 18px}
.bar .menubtn{display:none;margin-left:6px}
.bar .menu{position:absolute;left:-1px;right:-1px;top:calc(100% + 8px);background:#fff;border:1px solid var(--rule);border-radius:12px;box-shadow:0 30px 60px -30px rgba(0,0,0,.35);overflow:hidden;grid-template-rows:0fr;display:grid;opacity:0;pointer-events:none;transition:grid-template-rows .35s cubic-bezier(.3,.7,.1,1),opacity .25s}
.bar.open .menu{grid-template-rows:1fr;opacity:1;pointer-events:auto}
.bar .menu nav{border-top:0;padding:10px 18px 18px}
.bar.open .menubtn i::before{top:4px;transform:rotate(12deg)} .bar.open .menubtn i::after{top:4px;transform:rotate(-12deg)}
body.dark .bar{background:rgba(17,17,20,.92);border-color:#26262C} body.dark .bar .brand{color:#fff} body.dark .ilinks a{color:#A1A1AA} body.dark .ilinks a:hover,body.dark .ilinks a[aria-current="page"]{background:#1C1C22;color:#fff}
body.dark .livepill{background:#1C1C22}
@media (max-width:1180px){ .ilinks{display:none} .bar .menubtn{display:flex} .livepill{margin-left:auto} }
@media (max-width:560px){ .livepill .lp-k{display:none} .livepill{padding:0 10px} .bar{padding:0 8px 0 12px;height:58px} .bar .navwal{height:40px;padding:0 12px} .bar .brand span{display:none} }
/* ---- hero ---- */
.home .xh{padding-bottom:28px;background:var(--paper)}
.xgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(24px,3vw,56px);align-items:center;position:relative;z-index:2}
.xtext h1{margin-top:28px}
.xbadge{background:#fff;border-radius:8px;padding:8px 12px 8px 12px;font-size:15px;gap:10px}
.xbadge .pulse{width:8px;height:8px;border-radius:50%;background:var(--blue);animation:xping 1.8s infinite}
.xart{position:relative;height:min(64vh,600px);min-height:420px}
.xart canvas{width:100%;height:100%;display:block;cursor:crosshair}
.readout{display:grid;grid-template-columns:1.25fr repeat(3,1fr) 1.2fr;background:#000;color:#fff;border-radius:14px;margin-top:34px;overflow:hidden;position:relative;z-index:2}
.ro{padding:22px 24px;display:flex;flex-direction:column;gap:6px;border-left:1px solid #1E1E24;min-width:0}
.ro:first-child{border-left:0}
.ro-k{font-family:var(--bit);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#9B9BA5;display:flex;align-items:center;gap:8px}
.ro b{font-family:var(--dg);font-weight:500;font-size:28px;letter-spacing:-.03em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ro.big b{font-size:44px}
.ro em{font-style:normal;font-size:13.5px;color:#A1A1AA}
.ro .ok{width:8px;height:8px;border-radius:50%;background:#33D17A;animation:xping 1.8s infinite}
.ro.sys b{font-size:22px}
@media (max-width:1180px){ .readout{grid-template-columns:repeat(3,1fr)} .ro:nth-child(4){border-left:0} .ro:nth-child(n+4){border-top:1px solid #1E1E24} }
@media (max-width:960px){ .xgrid{grid-template-columns:1fr} .xart{height:340px;min-height:0;margin:8px -8px 0} .readout{grid-template-columns:1fr 1fr} .ro{border-left:0;border-top:1px solid #1E1E24} .ro:first-child{grid-column:1/-1;border-top:0} .ro.big b{font-size:38px} .ro b{font-size:22px} }
/* ---- anatomy rail + event logs ---- */
.rail{list-style:none;margin:36px 0 0;padding:0 0 0 22px;position:relative;counter-reset:rl}
.rail::before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:2px;background:var(--rule)}
.rail::after{content:"";position:absolute;left:4px;top:8px;width:2px;height:calc((100% - 16px) * var(--rail-p,0));background:var(--blue);transition:height .2s}
#how{--rail-p:0}
.rail li{position:relative;padding:12px 0 12px 14px;cursor:pointer;counter-increment:rl}
.rail li::before{content:"";position:absolute;left:-23px;top:17px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--rule-2);transition:all .3s}
.rail li b{display:block;font-family:var(--px);font-weight:600;font-size:18px;color:var(--ink-3);transition:color .3s}
.rail li span{display:block;font-size:14px;color:var(--ink-3)}
.rail li.done::before{background:#000;border-color:#000} .rail li.done b{color:var(--ink-2)}
.rail li.on::before{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 5px var(--lav-2)} .rail li.on b{color:var(--ink)} .rail li.on span{color:var(--ink-2)}
.pviz{position:relative;flex:1;min-height:0;background:#000}
.pviz canvas{width:100%;height:100%;display:block}
.evlog{position:absolute;left:16px;right:16px;bottom:12px;margin:0;font:400 12px/1.6 var(--bit);color:#C9C9D1;white-space:pre-wrap;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.85) 30%);padding-top:16px}
.evlog span{color:#6B6B73}
.pc-n{font-size:12px;letter-spacing:.06em}
@media (max-width:960px){ .rail{display:none} .pviz{height:260px;flex:none} .evlog{font-size:11px} }
/* ---- coherence additions ---- */
.coh-read b{font-family:var(--dg);font-size:28px}
.coh-note{margin-top:12px;font-size:14.5px;color:var(--ink-2)}
#cohCv{height:340px}
.msl{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.msl li{display:flex;justify-content:space-between;font-family:var(--dg);font-size:17px;color:#fff;border-bottom:1px solid #1E1E24;padding-bottom:6px}
.msl i{font-style:normal;color:#9C9CFF}
.pair{margin-top:2px}
/* ---- allocation model ---- */
.am{background:#000;color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 40px 90px -50px rgba(20,20,240,.6)}
.am-h{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid #1E1E24;font-family:var(--bit);font-size:12px;color:#8B8B93}
.am-h .dots{display:flex;gap:6px} .am-h .dots i{width:9px;height:9px;background:#2A2A30} .am-h .dots i:first-child{background:var(--blue)}
.am-h .seg{margin-left:auto}
.seg.dark{background:#16161B} .seg.dark button{color:#A1A1AA} .seg.dark button[aria-selected="true"]{background:#fff;color:#000}
.am-b{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.am-in{padding:24px;border-right:1px solid #1E1E24;display:grid;gap:16px;align-content:start}
.am-out{padding:24px 26px;display:grid;gap:16px;align-content:start}
.am-k{font-family:var(--bit);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#8C8CFF}
.am .tf{font-size:14px;color:#B5B5BE} .am .tf b{color:#fff;font-family:var(--dg);font-weight:500}
.am-share{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.am-share b{font-family:var(--dg);font-weight:500;font-size:clamp(56px,6vw,88px);letter-spacing:-.05em;line-height:1;color:#fff}
.am-share span{font-size:15px;color:#A1A1AA}
#shareCv{height:44px;width:100%}
.am .tout b{font-size:24px}
#projCv{height:120px;width:100%}
.am .tnote{font-size:13.5px;color:#8B8B93}
.am-math{border-top:1px solid #1E1E24}
.am-math summary{list-style:none;cursor:pointer;padding:16px 24px;font-family:var(--bit);font-size:13px;color:#C9C9FF}
.am-math summary::-webkit-details-marker{display:none} .am-math summary::before{content:"+ "} .am-math[open] summary::before{content:"− "}
.mathx{padding:0 24px 22px;display:grid;gap:8px}
.mathx div{display:grid;grid-template-columns:120px 1fr;gap:14px;font-size:14px}
.mathx span{font-family:var(--bit);font-size:12px;color:#8B8B93;padding-top:2px}
.mathx code{font-family:var(--bit);font-size:13px;color:#D4D4DA;line-height:1.55} .mathx b{color:#8C8CFF;font-weight:500}
@media (max-width:960px){ .am-b{grid-template-columns:1fr} .am-in{border-right:0;border-bottom:1px solid #1E1E24} .mathx div{grid-template-columns:1fr;gap:2px} .am-h > span:nth-child(2){display:none} }
/* ---- verification workstation ---- */
.ws{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:#000;color:#fff;border-radius:16px;overflow:hidden}
.ws-l{padding:24px;border-right:1px solid #1E1E24}
.ws-r{padding:24px;display:grid;gap:14px;align-content:start}
.ws-k{font-family:var(--bit);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#8C8CFF}
.ws-rounds{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 22px}
.chip{display:flex;gap:8px;align-items:center;background:#111114;border:1px solid #26262C;color:#D4D4DA;border-radius:7px;padding:7px 10px;font:500 12.5px var(--bit);cursor:pointer;transition:border-color .2s,background .2s}
.chip em{font-style:normal;color:#8C8CFF} .chip.on{border-color:var(--blue);background:#0D0D2A;color:#fff} .chip:hover{border-color:#55555E}
.ws-dl{margin:0;display:grid;gap:14px}
.ws-dl dt{font-size:12.5px;color:#8B8B93;margin-bottom:4px}
.ws-dl dd{margin:0;font:400 13px/1.5 var(--bit);color:#fff;word-break:break-all}
.ws-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ws-log{margin:0;background:#0B0B0F;border:1px solid #1E1E24;border-radius:10px;padding:14px 16px;min-height:190px;max-height:240px;overflow:auto;font:400 12.5px/1.65 var(--bit);color:#C9C9D1;white-space:pre-wrap}
#wsCv{width:100%;height:150px;display:block}
.ws-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ws-foot .lnk{color:#fff;border-color:var(--blue)}
.ws-v{font-family:var(--bit);font-size:13px;padding:6px 12px;border-radius:6px}
.ws-v.ok{background:var(--blue);color:#fff} .ws-v.bad{background:#E5484D;color:#fff}
@media (max-width:960px){ .ws{grid-template-columns:1fr} .ws-l{border-right:0;border-bottom:1px solid #1E1E24} }
/* ---- standings ---- */
.lb .seg{margin-bottom:22px;width:max-content}
.pod{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.pod .p{background:#000;color:#fff;border-radius:14px;padding:20px 22px;position:relative;overflow:hidden}
.pod .p1{min-height:230px;background:var(--blue)} .pod .p2{min-height:190px} .pod .p3{min-height:160px}
.pod .p span{font-family:var(--bit);font-size:13px;color:rgba(255,255,255,.7)}
.pod .p b{display:block;font-family:var(--dg);font-weight:500;font-size:36px;letter-spacing:-.03em;margin-top:8px}
.pod .p em{font-style:normal;font-size:14px;color:rgba(255,255,255,.8)}
.pod.ghost .p{background:var(--paper);color:var(--ink-3);border:1px dashed var(--rule-2)} .pod.ghost .p span{color:var(--ink-3)}
.lb-empty{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:end}
.lb-note b{font-size:26px;display:block;margin-bottom:10px} .lb-note p{color:var(--ink-2)}
.lbt{width:100%;border-collapse:collapse;margin-top:18px;font-size:15px}
.lbt td{padding:12px 4px;border-bottom:1px solid var(--rule)} .lbt td:first-child{color:var(--ink-3);width:60px} .lbt .r{text-align:right}
@media (max-width:760px){ .lb-empty{grid-template-columns:1fr} .pod .p b{font-size:24px} .pod .p{padding:14px} }
/* ---- dispatches ---- */
.dg{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:16px}
.dc{background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--rule);transition:transform .3s,box-shadow .3s}
.dc:hover{transform:translateY(-3px);box-shadow:0 24px 50px -30px rgba(0,0,0,.3)}
.dc-cv{width:100%;height:150px;display:block}
.dc.big .dc-cv{height:200px}
.dc-b{padding:20px 22px 22px;display:grid;gap:10px}
.dc-m{font-family:var(--bit);font-size:12px;color:var(--blue)}
.dc h3{font-size:22px} .dc p{color:var(--ink-2);font-size:15.5px}
@media (max-width:960px){ .dg{grid-template-columns:1fr} }
/* ---- closing ---- */
.close{background:#000;color:#fff;text-align:left}
.close h2{color:#fff;font-size:clamp(40px,5.4vw,84px);max-width:16em;margin-top:6px}
.close .blue2{color:#8C8CFF;font-family:var(--dg);font-weight:500;letter-spacing:-.04em}
.close p{margin-top:18px;color:#A1A1AA;font-size:15px} .close .mono{color:#fff}
.close .ctas{margin-top:34px}
.btn.ghostw{background:transparent;border-color:#33333A;color:#fff} .btn.ghostw:hover{background:#fff;color:#000}
footer{border-top:1px solid #1E1E24}
/* ---- personal quantum terminal ---- */
.qt{position:fixed;inset:0;z-index:80;pointer-events:none}
.qt-scrim{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .35s}
.qt-panel{position:absolute;top:0;right:0;bottom:0;width:min(480px,100vw);background:#000;color:#fff;transform:translateX(102%);transition:transform .5s cubic-bezier(.2,.75,.1,1);display:flex;flex-direction:column;box-shadow:-30px 0 80px -30px rgba(20,20,240,.5)}
.qt.on{pointer-events:auto} .qt.on .qt-scrim{opacity:1} .qt.on .qt-panel{transform:none}
.qt-h{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #1E1E24}
.qt-k{font-family:var(--bit);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8C8CFF}
.qt-x{background:none;border:0;color:#fff;font-size:16px;cursor:pointer;padding:6px}
.qt-b{padding:18px 20px 24px;overflow:auto;display:grid;gap:16px;align-content:start}
.qt-wal{display:flex;align-items:center;gap:8px;font-family:var(--bit);font-size:14px} .qt-wal span{margin-right:auto}
.qt-mini{background:#16161B;border:1px solid #26262C;color:#D4D4DA;border-radius:6px;padding:5px 9px;font:500 12px var(--bit);cursor:pointer} .qt-mini:hover{border-color:#55555E}
.qt-load{color:#A1A1AA}
.qt-field{position:relative;border:1px solid #1E1E24;border-radius:12px;overflow:hidden;background:#05050A}
.qt-field canvas{width:100%;height:220px;display:block}
.qt-state{position:absolute;left:14px;bottom:12px;display:grid;gap:2px;background:rgba(0,0,0,.75);padding:8px 12px;border-radius:8px}
.qt-state span{font-family:var(--bit);font-size:11px;color:#8B8B93} .qt-state b{font-family:var(--dg);font-weight:500;font-size:26px} .qt-state em{font-style:normal;font-size:12px;color:#8B8B93}
.qt-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1E1E24;border-radius:12px;overflow:hidden}
.qt-grid > div{background:#0B0B0F;padding:14px 16px;display:grid;gap:3px}
.qt-grid .wide{grid-column:1/-1}
.qt-grid span{font-size:12.5px;color:#8B8B93} .qt-grid b{font-family:var(--dg);font-weight:500;font-size:24px;letter-spacing:-.03em} .qt-grid b small{font-size:14px;color:#8B8B93} .qt-grid b.blue{color:#8C8CFF}
.qt-grid em{font-style:normal;font-size:12.5px;color:#8B8B93}
.qt-ms{margin-top:10px;padding-bottom:16px} .qt-msbar{position:relative;height:6px;background:#1E1E24;border-radius:3px}
.qt-msbar u{position:absolute;left:0;top:0;bottom:0;background:var(--blue);border-radius:3px;text-decoration:none}
.qt-msbar i{position:absolute;top:-3px;width:2px;height:12px;background:#33333A} .qt-msbar i.hit{background:#fff}
.qt-msbar i em{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-family:var(--bit);font-size:10.5px;color:#8B8B93}
.qt-act{display:flex;gap:10px;flex-wrap:wrap} .qt-act .btn{flex:1} .qt .btn:not(.solid){background:transparent;border-color:#33333A;color:#fff} .qt .btn:not(.solid):hover{background:#fff;color:#000}
.qt-msg{font-size:13.5px;color:#E5484D}
/* ---- polish ---- */
.pair > div{padding:28px 30px}
.pcard{border-radius:16px}
.letter{border-radius:14px}
.faq details p{font-size:16px}
.tf span{font-size:14px}
@media (prefers-reduced-motion:reduce){ .livepill i,.ro .ok,.xbadge .pulse{animation:none} .qt-panel{transition:none} }
.xh .xart,.xh .xart canvas,.xh .readout{pointer-events:auto}
.home .xtext h1{font-size:clamp(44px,4.6vw,84px);line-height:.96}
.home .xtext h1 .ln{white-space:nowrap}
.home .xh{padding-top:128px}
@media (max-width:960px){ .home .xtext h1 .ln{white-space:normal} }
/* ---- collapse chamber ---- */
.ch{padding-top:128px!important;padding-bottom:96px!important}
.ch-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.ch-head h1{color:#fff;font-size:clamp(40px,4.6vw,76px);max-width:12em}
.ch-nav{display:flex;align-items:center;gap:10px} .ch-nav b{font-family:var(--dg);font-weight:500;font-size:18px;min-width:11em;text-align:center;color:#fff}
.stages{list-style:none;margin:34px 0 14px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.stages li{position:relative;padding:12px 14px 14px;background:#0B0B0F;border:1px solid #1E1E24;border-radius:10px;color:#6B6B73;font-family:var(--px);font-weight:600;font-size:16px;cursor:pointer;transition:all .35s;overflow:hidden}
.stages li span{display:block;font-family:var(--bit);font-weight:500;font-size:11px;color:#55555E;margin-bottom:2px}
.stages li::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:#1414F0;transition:width .4s}
.stages li.done{color:#C9C9D1} .stages li.done::after{width:100%;background:#2E2E52}
.stages li.on{color:#fff;border-color:#1414F0;background:#0A0A22} .stages li.on::after{width:100%} .stages li.on span{color:#8C8CFF}
.chamber-box{background:#05050A;border:1px solid #1E1E24;border-radius:16px;overflow:hidden}
.cb-top,.cb-bot{display:flex;align-items:center;gap:20px;padding:14px 20px;flex-wrap:wrap}
.cb-top{border-bottom:1px solid #1E1E24}
.cb-k{display:block;font-family:var(--bit);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6B6B73}
.cb-top b{font-family:var(--dg);font-weight:500;font-size:20px;color:#fff}
.cb-m{margin-left:auto;text-align:right} .cb-r{display:flex;gap:8px}
.stage2{position:relative} .stage2 canvas{width:100%;height:min(62vh,560px);min-height:400px;display:block}
.stage2 .big{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(closest-side,rgba(5,5,10,.92),rgba(5,5,10,.55))}
.sealed{text-align:center;display:grid;gap:12px;max-width:620px;padding:20px}
.sealed b{font-family:var(--dg);font-weight:500;font-size:clamp(64px,9vw,128px);letter-spacing:-.05em;line-height:1;color:#fff}
.sealed code{font-family:var(--bit);font-size:12.5px;color:#9C9CFF;word-break:break-all}
.sealed p{color:#A1A1AA;font-size:15px}
.cb-bot{border-top:1px solid #1E1E24;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:16px}
.cb-bot b{font-family:var(--dg);font-weight:500;font-size:22px;color:#fff} .cb-bot code{font-family:var(--bit);font-size:12px;color:#C9C9D1;word-break:break-all}
.ch-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}
.panel-d{background:#05050A;border:1px solid #1E1E24;border-radius:16px;padding:20px 22px;display:grid;gap:14px;align-content:start;transition:border-color .5s,box-shadow .5s}
.panel-d.lit{border-color:#1414F0;box-shadow:0 0 0 1px #1414F0,0 30px 80px -40px rgba(20,20,240,.7)}
.pd-h{display:flex;justify-content:space-between;align-items:center}
.panel-d .ws-dl dd a{color:#9C9CFF}
.ch-fine{margin-top:22px;font-size:13.5px;color:#6B6B73;max-width:70em}
@media (max-width:960px){ .stages{grid-template-columns:repeat(5,minmax(0,1fr))} .stages li{font-size:12px;padding:8px} .ch-grid{grid-template-columns:1fr} .cb-bot{grid-template-columns:1fr 1fr} .cb-bot > div:first-child{grid-column:1/-1} .stage2 canvas{min-height:340px} .cb-r .btn{padding:0 10px} }
.qt-grid b.txt{font-family:var(--sans);font-size:18px;font-weight:500;letter-spacing:-.01em}
@media (max-width:560px){
  .home .xtext h1{font-size:38px}
  .stages li{font-size:0;padding:8px 6px;text-align:center} .stages li span{font-size:12px;margin:0}
  .bar .menubtn span{display:none} .bar .menubtn i{width:22px}
}
.hwtag{font-style:normal;font-size:10px;background:var(--blue);color:#fff;padding:1px 5px;border-radius:3px}
.xbadges{display:flex;gap:8px;flex-wrap:wrap}
.xbadge.ibm svg{width:18px;height:18px}
.xbadge.ibm .tag{background:var(--blue)}

/* ---- v9: collapse chamber on the light page (instrument stays black) ---- */
body.chl{background:var(--paper)}
.chl .ch-head h1,.chl .ch-nav b{color:#000}
.chl .ch-nav .btn{background:#fff;border-color:var(--rule-2);color:#000} .chl .ch-nav .btn:hover{background:#000;color:#fff}
.chl .stages li{background:#fff;border-color:var(--rule);color:#8B8B93}
.chl .stages li span{color:#A1A1AA}
.chl .stages li.done{color:#3D3D42} .chl .stages li.done::after{background:var(--lav)}
.chl .stages li.on{background:#000;border-color:#000;color:#fff} .chl .stages li.on span{color:#9C9CFF}
.chl .chamber-box{background:#000;border-color:#000;box-shadow:0 40px 90px -50px rgba(0,0,0,.45)}
.chl .chamber-box .btn{background:transparent;border-color:#33333A;color:#fff} .chl .chamber-box .btn:hover{background:#fff;color:#000}
.chl .panel-d{background:#fff;border-color:var(--rule)}
.chl .panel-d .cb-k{color:#8B8B93}
.chl .panel-d .ws-dl dt{color:#8B8B93} .chl .panel-d .ws-dl dd{color:#000} .chl .panel-d .ws-dl dd a{color:var(--blue)}
.chl .panel-d .ws-dl dd b{color:var(--blue)!important}
.chl .vtbl th{color:#8B8B93;border-color:var(--rule)} .chl .vtbl td{border-color:var(--rule);color:#000}
.chl .vtbl tr.top td{color:var(--blue);font-weight:600}
.chl .ws-foot .lnk{color:#000}
.chl .ws-foot .btn.solid{background:var(--blue);border-color:var(--blue);color:#fff}
.chl .ch-fine{color:#8B8B93}
.chl .panel-d.lit{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),0 30px 80px -50px rgba(20,20,240,.5)}
.vbar{height:6px;background:#E6E6EA;border-radius:3px;overflow:hidden;min-width:80px} .vbar i{display:block;height:100%;background:var(--blue)}
.chl .vtbl td{padding:9px 10px 9px 0;line-height:1.3;vertical-align:middle}

/* ---- v10: sound toggle, live ticker, share sheet, wallet lookup ---- */
.sndbtn{pointer-events:auto;flex:none;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--rule);border-radius:10px;background:#fff;color:#8B8B93;cursor:pointer;transition:all .2s}
.sndbtn svg{width:19px;height:19px} .sndbtn .w1,.sndbtn .w2{display:none} .sndbtn .x{display:inline}
.sndbtn.on{color:var(--blue);border-color:var(--lav)} .sndbtn.on .w1,.sndbtn.on .w2{display:inline} .sndbtn.on .x{display:none}
.sndbtn:hover{color:#000;border-color:#000}
body.chl .sndbtn,body.dark .sndbtn{background:#fff}
@media (max-width:560px){ .sndbtn{width:36px;height:36px;border-radius:9px} }

.ticker{position:fixed;left:0;right:0;bottom:0;z-index:40;height:34px;display:flex;align-items:center;background:#000;color:#C9C9D1;font:500 12px/1 var(--bit);border-top:1px solid #1E1E24}
body.has-ticker{padding-bottom:34px}
.tk-k{flex:none;display:flex;align-items:center;gap:8px;height:100%;padding:0 14px 0 16px;color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:11px;background:#000;position:relative;z-index:1;box-shadow:12px 0 16px -6px #000}
.tk-k i{width:7px;height:7px;border-radius:50%;background:#2BD576;box-shadow:0 0 0 3px rgba(43,213,118,.18);animation:tkp 1.6s ease-in-out infinite}
@keyframes tkp{50%{opacity:.35}}
.tk-track{flex:1;min-width:0;overflow:hidden;display:flex;height:100%;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.tk-run{flex:none;display:flex;align-items:center;gap:34px;padding-right:34px;animation:tkm var(--tk-dur,60s) linear infinite}
.ticker:hover .tk-run{animation-play-state:paused}
@keyframes tkm{to{transform:translateX(-100%)}}
.tk-run span{white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
.tk-run i{font-style:normal;color:#5C5CFF} .tk-run em{font-style:normal;color:#55555E}
.tk-run a{color:#fff;text-decoration:none;border-bottom:1px solid #33333A} .tk-run a:hover{border-color:#8C8CFF}
.tk-r{color:#fff} .tk-m i{color:#2BD576}
.tk-x{flex:none;width:34px;height:100%;background:none;border:0;border-left:1px solid #1E1E24;color:#6B6B73;font-size:18px;cursor:pointer} .tk-x:hover{color:#fff}
@media (prefers-reduced-motion:reduce){ .tk-run{animation:none} .tk-track{overflow-x:auto} .tk-run[aria-hidden]{display:none} }
@media (max-width:560px){ .ticker{height:30px;font-size:11px} body.has-ticker{padding-bottom:30px} .tk-k{padding:0 10px} }

.shr{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(10,10,14,.55);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.shr.on{opacity:1}
.shr-box{width:min(720px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:16px;padding:18px;box-shadow:0 40px 120px -30px rgba(0,0,0,.5);transform:translateY(10px);transition:transform .3s}
.shr.on .shr-box{transform:none}
.shr-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px} .shr-h b{font-family:var(--px);font-size:20px}
.shr-x{width:34px;height:34px;border-radius:9px;border:1px solid var(--rule);background:#fff;font-size:20px;cursor:pointer}
.shr-img{position:relative;aspect-ratio:1200/630;background:var(--paper);border-radius:10px;overflow:hidden;border:1px solid var(--rule)}
.shr-img img{display:block;width:100%;height:100%;object-fit:cover}
.shr-load{position:absolute;inset:0;display:grid;place-items:center;font:500 12px var(--bit);letter-spacing:.1em;text-transform:uppercase;color:#8B8B93}
.shr-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.shr-note{margin:10px 0 0;font-size:13px;color:#8B8B93}
@media (max-width:560px){ .shr-act .btn{flex:1 1 calc(50% - 8px)} }

.lookup{margin-top:26px;max-width:720px}
.lookup label{display:block;font:500 11px var(--bit);letter-spacing:.1em;text-transform:uppercase;color:#8B8B93;margin-bottom:8px}
.lookup > div{display:flex;gap:8px} .lookup .inp{flex:1;min-width:0;height:48px;font-family:var(--bit);font-size:13px}
.lookup .errmsg{margin-top:8px}
@media (max-width:560px){ .lookup > div{flex-direction:column} .lookup .btn{height:46px} }
.viewbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:12px 16px;border-radius:10px;background:#000;color:#C9C9D1;font-size:14px}
.viewbar b{color:#fff} .viewbar .lnk{color:#fff}
#pos.readonly .grid3 > .panel:nth-child(-n+2){display:none}
#pos.readonly .grid3{grid-template-columns:1fr}
.certact{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.certact .btn.on,.qt-mini.on{background:var(--blue);border-color:var(--blue);color:#fff}
.qt-act2{display:flex;gap:8px;margin-top:10px}
.lbt a,.pod a{color:inherit;text-decoration:none;border-bottom:1px dashed currentColor} .lbt a:hover,.pod a:hover{color:var(--blue)}
.pod .p a{display:block;font-size:13px;margin-top:4px;border:0}
.lookup .inp{width:auto;text-transform:none;letter-spacing:0;border-radius:10px;padding:0 16px}
.pod .p a{font-size:14px;color:rgba(255,255,255,.8)}
.bar .sndbtn{margin-left:auto} .bar .sndbtn + .livepill{margin-left:0}
.viewbar b{font:500 14px var(--bit);color:#fff}
@media (max-width:960px){ .am-b{grid-template-columns:minmax(0,1fr)} .am-in > *,.am-out > *{min-width:0} .am .inp,.am input{max-width:100%;min-width:0} }
.chamber-box .btn.solid{background:var(--blue);border-color:var(--blue);color:#fff}
@media (max-width:560px){ .chl .vtbl th:last-child,.chl .vtbl td:last-child{display:none} .chl .vtbl td{padding:8px 8px 8px 0} .chl .vtbl{font-size:13.5px} }
.am .tf{grid-template-columns:minmax(0,1fr)} .am .tin{min-width:0;max-width:100%;box-sizing:border-box}
@media (max-width:560px){ .lookup .inp{flex:none;width:100%;height:48px} }

/* ---- v11: compute (open job queue) ---- */
.cmp-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}
.cmp-head h1{font-size:clamp(44px,5.4vw,84px)}
.cmp-stats{display:grid;grid-template-columns:repeat(3,auto);gap:0;background:#000;border-radius:14px;overflow:hidden}
.cmp-stats div{padding:16px 22px;border-left:1px solid #1E1E24} .cmp-stats div:first-child{border-left:0}
.cmp-stats span{display:block;font:500 11px var(--bit);letter-spacing:.1em;text-transform:uppercase;color:#8B8B93}
.cmp-stats b{display:block;margin-top:6px;font:500 26px var(--dg);color:#fff}
.rig{background:#000;color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 40px 90px -50px rgba(20,20,240,.55)}
.rig-top{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;padding:16px 20px;border-bottom:1px solid #1E1E24}
.rig-g{display:flex;align-items:center;gap:12px;min-width:0} .rig-pre{flex:1}
.rig .cb-k{color:#6B6B73;flex:none}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.rig .chip{background:#111116;border:1px solid #26262C;color:#D4D4DA;border-radius:999px;padding:6px 12px;font:500 12.5px var(--sans);cursor:pointer;transition:all .2s}
.rig .chip:hover{border-color:#5C5CFF;color:#fff}
.rig-pal{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #1E1E24;background:#05050A}
.pal{display:flex;flex-wrap:wrap;gap:6px}
.gate{min-width:46px;height:38px;padding:0 10px;border-radius:7px;border:1px solid #26262C;background:#111116;color:#fff;font:600 13px var(--bit);cursor:pointer;transition:all .15s}
.gate:hover{border-color:#8C8CFF} .gate.on{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,20,240,.35)}
.gate.g-cx,.gate.g-cz,.gate.g-swap{color:#C9C9FF}
.ang{display:flex;align-items:center;gap:10px;color:#B5B5BE;font:500 13px var(--bit)} .ang input{width:160px;accent-color:#5C5CFF} .ang b{color:#fff;min-width:4.5em}
.rig-wires{overflow-x:auto;padding:10px 6px;background:radial-gradient(#15151c 1px,transparent 1px) 0 0/16px 16px}
#wires{display:block}
#wires .wire{cursor:crosshair} #wires .wire line{stroke:#3A3A44;stroke-width:1.5} #wires .wire:hover line{stroke:#8C8CFF}
#wires .wire.pend line{stroke:#5C5CFF;stroke-width:2.5}
#wires text{font:500 12px var(--bit);fill:#8B8B93} #wires .k0{fill:#55555E}
#wires .op{cursor:pointer} #wires .op rect{fill:#1414F0;stroke:#3C3CFF} #wires .op text{fill:#fff;text-anchor:middle;font:600 12px var(--bit)} #wires .op text.sub{font-size:8.5px;fill:#C9C9FF}
#wires .op.g-rx rect,#wires .op.g-ry rect,#wires .op.g-rz rect{fill:#2A2AB8}
#wires .op.g-s rect,#wires .op.g-t rect,#wires .op.g-z rect{fill:#26264A;stroke:#4A4A8A}
#wires .op:hover rect{fill:#E5484D;stroke:#E5484D}
#wires .two line,#wires .two path{stroke:#C9C9FF;stroke-width:2;fill:none} #wires .two .dot{fill:#C9C9FF} #wires .two .tgt{fill:#000;stroke:#C9C9FF;stroke-width:2}
#wires .two .hit{fill:transparent} #wires .two:hover line,#wires .two:hover path{stroke:#E5484D} #wires .two:hover .dot{fill:#E5484D}
.rig-hint{margin:0;padding:10px 20px;font-size:13px;color:#8B8B93;border-top:1px solid #1E1E24}
.rig-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;padding:14px 20px;border-top:1px solid #1E1E24}
.rig-l,.rig-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rig .btn{background:transparent;border-color:#33333A;color:#fff} .rig .btn:hover{background:#fff;color:#000} .rig .btn.solid{background:var(--blue);border-color:var(--blue)} .rig .btn.solid:hover{background:#0B0BC4;color:#fff}
.rig .btn:disabled{opacity:.45;cursor:not-allowed}
.rig-n{color:#8B8B93;font-size:13px;margin-left:6px}
.rig .inp{width:240px;text-transform:none;letter-spacing:0;background:#111116;border-color:#26262C;color:#fff;border-radius:10px}
.rig .seg.dark button{min-width:38px}
.cmp-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin-top:16px;scroll-margin-top:110px}
.panel-c{background:#fff;border:1px solid var(--rule);border-radius:16px;padding:20px 22px;display:grid;gap:14px;align-content:start;min-width:0}
.panel-c .cb-k{color:#8B8B93}
.panel-c.dark{background:#000;border-color:#000;color:#fff} .panel-c.dark .cb-k{color:#6B6B73}
.panel-c.dark .ws-dl dt{color:#8B8B93} .panel-c.dark .ws-dl dd{color:#fff}
.panel-c.dark .btn{background:transparent;border-color:#33333A;color:#fff} .panel-c.dark .btn.solid{background:var(--blue);border-color:var(--blue)} .panel-c.dark .btn:disabled{opacity:.45}
.qasm{margin:0;max-height:180px;overflow:auto;font:400 12px/1.6 var(--bit);color:#C9C9FF;white-space:pre}
.hist{--n:8;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:4px;height:260px;align-items:end}
.hb{display:grid;grid-template-rows:1fr auto auto;height:100%;min-width:0;text-align:center}
.hb-col{position:relative;border-bottom:1.5px solid #000}
.hb-col i{position:absolute;left:12%;right:12%;bottom:0;border-radius:3px 3px 0 0;transition:height .6s cubic-bezier(.2,.7,.1,1)}
.hb-col i.id{background:var(--blue);opacity:.9}
.hb-col i.ms{background:#000;left:24%;right:24%}
.hb.top .hb-col i.ms{background:var(--blue)} .hb.top .hb-col i.id{opacity:.25}
.hb-col:has(i.ms) i.id{opacity:.22}
.hb-v{font-size:11px;color:#3D3D42;margin-top:4px} .hb-k{font-size:10px;color:#8B8B93;writing-mode:vertical-rl;transform:rotate(180deg);margin:4px auto 0;letter-spacing:.04em}
.hist:not(.many) .hb-k{writing-mode:horizontal-tb;transform:none}
.hb.top .hb-v,.hb.top .hb-k{color:var(--blue);font-weight:600}
.cmp-note{margin:0;font-size:13.5px;color:#8B8B93}
.proc{margin-top:56px} .proc .pd-h{margin-bottom:14px} .proc h2{font-size:clamp(26px,3vw,36px)} .proc .cmp-note{margin-top:14px}
@media (max-width:960px){ .cmp-head{grid-template-columns:1fr} .cmp-grid{grid-template-columns:minmax(0,1fr)} .cmp-stats{grid-template-columns:repeat(3,minmax(0,1fr))} .cmp-stats div{padding:12px 14px} .cmp-stats b{font-size:20px} }
@media (max-width:560px){ .rig-top,.rig-pal,.rig-bot{padding:12px 14px} .rig .inp{width:100%} .rig-r{width:100%} .rig-r .btn{flex:1} .gate{min-width:40px;height:36px;padding:0 8px} .ang input{width:120px} .hist{height:200px;gap:2px} .hb-v{font-size:9.5px} }
.cmp section.rig,.cmp section.proc{padding:0} .cmp section.panel-c{padding:20px 22px}
.cmp .cmp-grid{align-items:start}
#wires .two .hit{stroke:none}

/* ---- v11: the machine (system monitor) ---- */
.mach{background:#000;color:#fff;padding:clamp(72px,9vw,128px) 0!important}
.mach-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:end;margin-bottom:36px}
.mach-h h2{color:#fff;font-size:clamp(42px,5.4vw,84px);line-height:.95}
.mach-h p{margin:0;color:#A1A1AA;font-size:18px;line-height:1.55;max-width:34em}
.mach-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mod{position:relative;background:#0A0A0E;border:1px solid #1E1E24;border-radius:14px;padding:18px 18px 16px;display:grid;align-content:start;gap:4px;overflow:hidden;transition:border-color .4s}
.mod:hover{border-color:#3C3CFF}
.mod::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 60% at 100% 0%,rgba(20,20,240,.16),transparent 60%);pointer-events:none}
.mod-k{display:flex;align-items:center;gap:8px;font:500 11px var(--bit);letter-spacing:.12em;text-transform:uppercase;color:#8B8B93;margin-bottom:10px}
.mod-k i{font-style:normal;color:#5C5CFF}
.mod > b{font:500 34px/1.05 var(--dg);color:#fff;letter-spacing:-.02em}
.mod > em{font-style:normal;color:#8B8B93;font-size:13px}
.mod dl{margin:14px 0 0;display:grid;gap:8px;border-top:1px solid #1E1E24;padding-top:12px}
.mod dl div{display:flex;justify-content:space-between;gap:10px;font-size:13px} .mod dt{color:#6B6B73} .mod dd{margin:0;color:#E4E4EA;text-align:right;font-family:var(--bit);font-size:12.5px}
.mod-viz{position:relative;margin-top:14px;height:64px;display:flex;align-items:center;gap:12px}
.mod-viz svg{height:64px;width:64px;flex:none} .mod-viz > span{font:500 13px var(--bit);color:#9C9CFF}
.mod-viz .rg0{fill:none;stroke:#1E1E24;stroke-width:5} .mod-viz .rg1{fill:none;stroke:var(--blue);stroke-width:5;stroke-linecap:butt;transition:stroke-dasharray 1s linear} .mod-viz .rgt{fill:#55555E}
.mod-viz.circ svg{width:100%;height:62px}
.circ .cw{stroke:#26262C;stroke-width:1} .circ .cu{fill:var(--blue)} .circ .cx{stroke:#C9C9FF;stroke-width:1.2} .circ .cd{fill:#C9C9FF} .circ .ct{fill:none;stroke:#C9C9FF;stroke-width:1.2}
.memg{display:grid;grid-template-columns:repeat(32,1fr);gap:2px;width:100%}
.memg i{aspect-ratio:1;background:#16161C;border-radius:1px} .memg i.c{background:var(--blue)} .memg i.j{background:#C9C9FF}
#vIO{overflow:hidden} #vIO::before{content:"FEES";font:500 10px var(--bit);color:#6B6B73;letter-spacing:.1em} #vIO::after{content:"HOLDERS";font:500 10px var(--bit);color:#6B6B73;letter-spacing:.1em;margin-left:auto}
#vIO{background:
  radial-gradient(circle,#5C5CFF 0 2.5px,transparent 3px) 0 50%/34px 8px repeat-x,
  linear-gradient(90deg,transparent 18%,#1E1E24 18% 82%,transparent 82%) center/100% 1px no-repeat;animation:iof 1.6s linear infinite;-webkit-mask:linear-gradient(90deg,transparent 18%,#000 26% 74%,transparent 82%)}
@keyframes iof{to{background-position:34px 50%,center}}
.kern{margin-top:10px;background:#05050A;border:1px solid #1E1E24;border-radius:14px;overflow:hidden}
.kern-h{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid #1E1E24;font:500 12px var(--bit);color:#8B8B93}
.kern-h span:first-child{display:flex;align-items:center;gap:8px;color:#fff} .kern-h i{width:7px;height:7px;border-radius:50%;background:#2BD576;box-shadow:0 0 0 3px rgba(43,213,118,.18);animation:tkp 1.6s ease-in-out infinite}
#kLog{margin:0;height:300px;overflow:auto;padding:14px 18px;font:400 12.5px/1.75 var(--bit);color:#C9C9D1;white-space:pre-wrap}
#kLog em{font-style:normal;color:#55555E} #kLog b{font-weight:500} .k-clock{color:#8C8CFF} .k-proc,.k-qpu{color:#fff} .k-qpu{background:var(--blue);padding:0 3px} .k-ledger{color:#2BD576} .k-job{color:#C9C9FF} .k-seal{color:#E5B04D} .k-io,.k-mem{color:#A1A1AA}
.kcur{color:#5C5CFF;animation:tkp 1s steps(1) infinite}
.kern-f{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid #1E1E24;color:#A1A1AA;font-size:14px}
.kern-f .btn.solid{background:var(--blue);border-color:var(--blue);color:#fff}
@media (max-width:1100px){ .mach-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:760px){ .mach-h{grid-template-columns:1fr} .mach-grid{grid-template-columns:minmax(0,1fr)} #kLog{height:260px;font-size:11.5px} .mod > b{font-size:30px} }
.rig-pre{min-width:0} .rig-pre .chips{min-width:0;flex:1}
@media (max-width:760px){ .rig-g{flex-wrap:wrap;width:100%} .rig-pre .chips{flex-basis:100%} }

/* ---- v12: apps, ask the machine, intensity ---- */
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
.rig,.appwin,.ask,.kern{position:relative;isolation:isolate}
.rig::after,.appwin::after,.ask::after,.kern::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:3;pointer-events:none;
  background:conic-gradient(from var(--ang),transparent 0 70%,#1414F0 80%,#9C9CFF 86%,transparent 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 7s linear infinite}
@keyframes spin{to{--ang:360deg}}
.rig::before,.appwin::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;background:linear-gradient(180deg,transparent 0,rgba(140,140,255,.07) 50%,transparent 100%) 0 -100%/100% 40% no-repeat;animation:scan 6s linear infinite;mix-blend-mode:screen}
@keyframes scan{to{background-position:0 260%}}
@media (prefers-reduced-motion:reduce){ .rig::after,.appwin::after,.ask::after,.kern::after,.rig::before,.appwin::before{animation:none} }
.rig-lane{position:absolute;top:14px;right:18px;z-index:3;font:600 11px var(--bit);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#1414F0,#7D7DFF);padding:6px 10px;border-radius:6px;box-shadow:0 0 24px rgba(20,20,240,.6)}
.cmp section.apps,.cmp section.ask{padding:0}
.apps{margin-top:72px}
.apps-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:end;margin-bottom:24px}
.apps-h h2{font-size:clamp(40px,5vw,76px);line-height:.95} .apps-h p{margin:0;color:var(--ink-2);font-size:18px;max-width:32em}
.dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px}
.dock button{position:relative;overflow:hidden;text-align:left;display:grid;gap:2px;padding:16px 18px;background:#fff;border:1px solid var(--rule);border-radius:12px;cursor:pointer;font:inherit;color:var(--ink);transition:all .25s}
.dock button i{font:500 11px var(--bit);color:var(--blue);font-style:normal;letter-spacing:.1em} .dock button b{font:600 18px var(--px)} .dock button em{font-style:normal;font-size:13px;color:#8B8B93}
.dock button u{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.dock button:hover{border-color:#000} .dock button[aria-selected="true"]{background:#000;color:#fff;border-color:#000} .dock button[aria-selected="true"] em{color:#A1A1AA} .dock button[aria-selected="true"] i{color:#9C9CFF} .dock button[aria-selected="true"] u{transform:none}
.appwin{background:#000;color:#fff;border-radius:16px;overflow:hidden}
.aw-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid #1E1E24;font-size:12px;color:#8B8B93} .aw-bar .dots{display:flex;gap:6px} .aw-bar .dots i{width:9px;height:9px;border-radius:50%;background:#26262C} .aw-bar .dots i:first-child{background:#1414F0}
#awStat{margin-left:auto}
.app{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:420px;animation:appin .45s cubic-bezier(.2,.7,.1,1)}
@keyframes appin{from{opacity:0;transform:translateY(8px)}}
.app[hidden]{display:none}
.app-l{padding:26px 28px;border-right:1px solid #1E1E24;display:grid;gap:14px;align-content:start}
.app-r{padding:26px 28px;display:grid;gap:12px;align-content:start;background:radial-gradient(120% 80% at 100% 0%,rgba(20,20,240,.18),transparent 60%)}
.app h3{font:600 clamp(24px,2.4vw,32px)/1.05 var(--px);color:#fff;margin:0} .app p{margin:0;color:#A1A1AA;font-size:15px;line-height:1.55} .app p b{color:#fff}
.fld{display:grid;gap:6px} .fld span{font:500 11px var(--bit);letter-spacing:.1em;text-transform:uppercase;color:#6B6B73}
.fld-row{display:flex;gap:10px} .fld-row .grow{flex:1}
.app .inp{width:100%;background:#0B0B10;border:1px solid #26262C;color:#fff;border-radius:10px;text-transform:none;letter-spacing:0;padding:10px 14px;height:auto;font:400 14px var(--sans)}
.app .inp.area{font:400 13px/1.6 var(--bit);resize:vertical;min-height:150px}
.app #drK{width:90px}
.app-act{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.app .btn{background:transparent;border-color:#33333A;color:#fff} .app .btn:hover{background:#fff;color:#000} .app .btn.solid{background:var(--blue);border-color:var(--blue)} .app .btn.solid:hover{background:#0B0BC4;color:#fff} .app .btn:disabled{opacity:.45}
.app .btn.ghost{border-color:transparent;color:#9C9CFF}
.app .muted{color:#8B8B93;font-size:13px}
.app-empty{height:100%;min-height:300px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:#6B6B73;font-size:14px}
.app-empty b{font:500 64px var(--dg);color:#1E1E24} .app-empty.spin b{color:#5C5CFF;animation:pulseq 1s ease-in-out infinite}
@keyframes pulseq{50%{opacity:.35;transform:scale(.96)}}
.dr-res{display:grid;gap:14px} .dr-h{display:flex;justify-content:space-between}
.dr-win{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dr-win li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid #26262C;border-radius:12px;background:#0B0B10;animation:winin .6s var(--d) cubic-bezier(.2,.7,.1,1) both}
.dr-win li:first-child{border-color:var(--blue);background:linear-gradient(90deg,rgba(20,20,240,.35),#0B0B10);box-shadow:0 0 40px -10px rgba(20,20,240,.8)}
@keyframes winin{from{opacity:0;transform:translateX(-12px) scale(.98);filter:blur(4px)}}
.dr-win span{color:#6B6B73;font-size:13px} .dr-win b{font:600 20px var(--px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dr-win em{font-style:normal;color:#9C9CFF;font-size:13px}
.dr-note{font-size:13px!important;color:#6B6B73!important}
.pr-head{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#8B8B93} .pr-head b{color:#fff;font-size:15px}
.pr-grid{--n:16;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.pr-s{position:relative;overflow:hidden;height:64px;border:1px solid #26262C;border-radius:9px;background:#0B0B10;color:#C9C9D1;cursor:pointer;display:grid;align-content:space-between;padding:7px 6px;font:inherit;transition:all .2s}
.pr-s span{position:relative;z-index:1;font-size:11.5px} .pr-s em{position:relative;z-index:1;font-style:normal;font-size:11px;color:#6B6B73;text-align:right}
.pr-s i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(20,20,240,.55),rgba(20,20,240,.1));transition:height .5s}
.pr-s:hover{border-color:#8C8CFF} .pr-s.on{border-color:#fff;background:#1414F0;color:#fff} .pr-s.on em{color:#C9C9FF} .pr-s.locked{box-shadow:0 0 0 2px #fff,0 0 30px rgba(20,20,240,.7)}
.pr-s:disabled{cursor:default}
.pr-card{border:1px solid #26262C;border-radius:12px;padding:16px 18px;display:grid;gap:4px;background:#0B0B10} .pr-card b{font:500 28px var(--dg)} .pr-card em{font-style:normal;color:#8B8B93;font-size:13px}
.pr-hist{display:flex;flex-wrap:wrap;gap:6px} .pr-hist span{font:500 12px var(--bit);padding:5px 8px;border-radius:6px;border:1px solid #26262C;color:#8B8B93} .pr-hist .hit{border-color:#2BD576;color:#2BD576} .pr-hist .miss{color:#E5484D;border-color:#3A1E22}
.perks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.perks li{border:1px solid #26262C;border-radius:12px;padding:14px;display:grid;gap:4px;background:#0B0B10} .perks b{font:500 30px var(--dg);color:#fff} .perks span{font-size:13px;color:#8B8B93}
.ln-state{border:1px solid #26262C;border-radius:14px;padding:22px;display:grid;gap:6px;background:#0B0B10;transition:all .4s} .ln-state b{font:500 36px var(--dg)} .ln-state em{font-style:normal;color:#8B8B93}
.ln-state.on{border-color:var(--blue);box-shadow:0 0 60px -12px rgba(20,20,240,.9)}
.ln-meter{height:6px;background:#16161C;border-radius:3px;overflow:hidden;margin-top:10px} .ln-meter i{display:block;height:100%;background:linear-gradient(90deg,#1414F0,#9C9CFF);transition:width .8s}
.gl-big{display:grid;gap:4px} .gl-big b{font:500 clamp(48px,6vw,84px)/1 var(--dg);letter-spacing:-.03em} .gl-big span{color:#8B8B93;font-size:14px} .gl-big span b{font-size:14px;color:#fff;letter-spacing:0}
.gl-bar{height:10px;border-radius:5px;background:#16161C;overflow:hidden} .gl-bar i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#1414F0 0 6px,#3C3CFF 6px 8px);box-shadow:0 0 20px rgba(20,20,240,.8);transition:width 1s}
.gl-ladder{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.gl-ladder li{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid #1E1E24;border-radius:10px;color:#6B6B73;font-size:13px} .gl-ladder li span{font-size:16px}
.gl-ladder li.done{border-color:#1E3A2A;color:#2BD576} .gl-ladder li.done span{color:#fff} .gl-ladder li.next{border-color:var(--blue);color:#C9C9FF;background:rgba(20,20,240,.12)} .gl-ladder li.next span{color:#fff}
.ask{margin-top:16px;background:#000;color:#fff;border-radius:16px;overflow:hidden}
.ask-h{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #1E1E24}
.ask-k{display:flex;align-items:center;gap:10px;font:600 13px var(--bit);letter-spacing:.1em;text-transform:uppercase} .ask-k i{width:8px;height:8px;border-radius:50%;background:#9C9CFF;box-shadow:0 0 0 4px rgba(156,156,255,.18),0 0 16px #5C5CFF;animation:tkp 1.4s ease-in-out infinite}
.ask .cb-k{color:#6B6B73}
.ask-log{max-height:440px;min-height:180px;overflow:auto;padding:18px 20px;display:grid;gap:12px;align-content:start}
.msg{max-width:min(720px,92%);padding:14px 16px;border-radius:14px;font-size:15px;line-height:1.55;animation:appin .35s ease both}
.msg p{margin:0} .msg b{display:block;font:600 11px var(--bit);letter-spacing:.12em;text-transform:uppercase;color:#9C9CFF;margin-bottom:6px}
.msg.m{background:#0B0B10;border:1px solid #1E1E24;color:#E4E4EA} .msg.u{justify-self:end;background:var(--blue);color:#fff;border-bottom-right-radius:4px}
.msg .mini-q{margin:10px 0 0;padding:10px 12px;background:#05050A;border-radius:8px;font:400 12px/1.6 var(--bit);color:#C9C9FF;white-space:pre-wrap;word-break:break-word}
.msg .mini{margin-top:8px;color:#A1A1AA;font-size:13px}
.msg-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} .msg .btn{background:transparent;border-color:#33333A;color:#fff} .msg .btn.solid{background:var(--blue);border-color:var(--blue)}
.think{display:flex;align-items:center;gap:5px;color:#8B8B93;font:500 12px var(--bit)} .think span{width:6px;height:6px;border-radius:50%;background:#5C5CFF;animation:tkp .9s infinite} .think span:nth-child(2){animation-delay:.15s} .think span:nth-child(3){animation-delay:.3s}
.ask-sugg{display:flex;gap:6px;flex-wrap:wrap;padding:0 20px 12px}
.chip-l{background:#0B0B10;border:1px solid #26262C;color:#C9C9D1;border-radius:999px;padding:7px 12px;font:500 12.5px var(--sans);cursor:pointer;transition:all .2s} .chip-l:hover{border-color:#5C5CFF;color:#fff}
.ask-f{display:flex;gap:10px;padding:14px 20px;border-top:1px solid #1E1E24}
.ask-f .inp{flex:1;min-width:0;width:auto;height:auto;resize:none;background:#0B0B10;border:1px solid #26262C;color:#fff;border-radius:12px;padding:12px 14px;text-transform:none;letter-spacing:0;font:400 15px var(--sans)}
.ask-f .inp:focus{outline:none;border-color:#5C5CFF;box-shadow:0 0 0 3px rgba(92,92,255,.25)}
.ask-f .btn.solid{background:var(--blue);border-color:var(--blue);color:#fff;align-self:stretch;height:auto}
.kind{font:600 10px var(--bit);letter-spacing:.08em;text-transform:uppercase;background:#000;color:#fff;padding:2px 6px;border-radius:4px}
.mod > b{text-shadow:0 0 24px rgba(92,92,255,.45)}
.mach .mod::after{content:"";position:absolute;left:0;right:0;top:-40%;height:40%;background:linear-gradient(180deg,transparent,rgba(92,92,255,.08),transparent);animation:modscan 5s linear infinite;pointer-events:none}
.mach .mod:nth-child(2)::after{animation-delay:1.2s} .mach .mod:nth-child(3)::after{animation-delay:2.4s} .mach .mod:nth-child(4)::after{animation-delay:3.6s}
@keyframes modscan{to{top:140%}}
@media (prefers-reduced-motion:reduce){ .mach .mod::after{animation:none;display:none} }
@media (max-width:960px){ .apps-h{grid-template-columns:1fr} .dock{grid-template-columns:repeat(2,minmax(0,1fr))} .app{grid-template-columns:minmax(0,1fr)} .app-l{border-right:0;border-bottom:1px solid #1E1E24} .pr-grid{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media (max-width:560px){ .app-l,.app-r{padding:18px} .perks{grid-template-columns:1fr 1fr 1fr} .perks b{font-size:22px} .dock button{padding:12px} .dock button b{font-size:15px} .ask-f{flex-direction:column} .msg{max-width:100%} }
.brand img.mark{width:40px;height:40px;flex:none;object-fit:contain;image-rendering:auto;margin:-4px 0}
@media (max-width:560px){ .brand img.mark{width:34px;height:34px} }
footer .brand img.mark{width:44px;height:44px}
.xbtn{text-decoration:none} .xbtn svg{width:16px;height:16px}
.bar .xbtn{margin-left:0} .bar .xbtn + .livepill{margin-left:0}
@media (max-width:560px){ .bar .xbtn{display:none} }