:root{
  --bg:#050505;--bg2:#09090a;--panel:#0c0c0e;--panel2:#111114;--line:#1b1b1f;--line2:#26262c;
  --ink:#f2e8dc;--cream:#f2e8dc;--dim:#9b9ba3;--mute:#63636b;--lime:#ff2e93;--blue:#8ab4ff;--red:#ff5a5a;--white:#ffffff;
  --sans:'Geist',system-ui,-apple-system,sans-serif;--mono:'Space Mono','Geist Mono',ui-monospace,monospace;--disp:'Archivo Black',Impact,sans-serif;--hand:'Baloo 2',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip;scroll-padding-top:80px}
body{background:var(--bg);color:var(--ink);font:400 15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
::selection{background:rgba(255,46,147,.25)}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.mono{font-family:var(--mono)}
.lime{color:var(--lime)}.blue{color:var(--blue)}.red{color:var(--red)}.dim{color:var(--dim)}.mute{color:var(--mute)}

/* header */
header.top{position:sticky;top:0;z-index:50;background:rgba(5,5,5,.78);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.hrow{display:flex;align-items:center;gap:28px;height:64px}
.logo{display:flex;align-items:center;gap:10px;font:700 19px var(--sans);letter-spacing:-.02em}
.logo svg{width:26px;height:26px}
nav.nav{display:flex;gap:26px;font-size:14px;color:var(--dim)}nav.nav a:hover{color:var(--ink)}
.hsp{flex:1}
.pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 13px;border:1px solid var(--line2);border-radius:99px;font:500 12.5px var(--mono);color:var(--dim);background:var(--panel);cursor:pointer;white-space:nowrap}
.pill b{color:var(--ink);font-weight:500}
.dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(255,46,147,.15),0 0 10px var(--lime);animation:pulse 1.6s infinite;flex:none}
.dot.off{background:var(--mute);box-shadow:none;animation:none}
@keyframes pulse{50%{opacity:.4}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:42px;padding:0 18px;border-radius:10px;border:1px solid var(--line2);background:var(--panel);font:500 14px var(--sans);color:var(--ink);cursor:pointer;white-space:nowrap;transition:border-color .2s,background .2s,transform .15s}
.btn:hover{border-color:#3a3a42}
.btn.pri{background:var(--lime);color:#fff;border-color:var(--lime);font-weight:600}.btn.pri:hover{background:#ff5aa9}
.btn.w{background:#f4f4f2;color:#060606;border-color:#f4f4f2;font-weight:600}
.btn.sm{height:34px;padding:0 13px;font-size:13px;border-radius:8px}
.btn .k{font:500 11px var(--mono);opacity:.6}

/* hero */
.hero{position:relative;padding:54px 0 30px;min-height:690px}
.hero .brainCv{position:absolute;right:-90px;top:-10px;width:780px;height:700px;z-index:0}
.hero .txt{position:relative;z-index:1;max-width:620px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 12.5px var(--mono);color:var(--dim);border:1px solid var(--line2);border-radius:99px;padding:6px 13px 6px 11px;background:rgba(12,12,14,.7);backdrop-filter:blur(6px)}
h1.hl{font:600 84px/.98 var(--sans);letter-spacing:-.045em;margin:26px 0 22px}
h1.hl span{color:var(--lime)}
.lede{font-size:18px;line-height:1.6;color:var(--dim);max-width:560px}
.lede b{color:var(--ink);font-weight:500}
.ctas{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0 40px}
.kpis{display:grid;grid-template-columns:repeat(4,auto);gap:34px;justify-content:start}
.kpis b{display:block;font:600 30px var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.kpis span{font:500 12px var(--mono);color:var(--mute);letter-spacing:.02em}
.ca{position:relative;z-index:2;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;background:rgba(12,12,14,.85);backdrop-filter:blur(8px);padding:10px 12px 10px 16px;margin-top:22px}
.ca .t{font:500 12px var(--mono);color:var(--lime);letter-spacing:.06em}
.ca code{font:500 13.5px var(--mono);color:var(--ink);overflow-wrap:anywhere}
.ca .sp{flex:1}

/* ticker of decisions */
.tape{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2);overflow:hidden;height:46px;position:relative}
.tape .tr{position:absolute;display:flex;gap:10px;align-items:center;height:46px;white-space:nowrap;padding-left:10px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.chip{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px;border:1px solid var(--line2);border-radius:7px;font:500 12px var(--mono);color:var(--dim);background:var(--panel);white-space:nowrap}
.chip b{color:var(--ink);font-weight:500}
.chip i{font-style:normal;font-size:10.5px;padding:1px 6px;border-radius:4px;letter-spacing:.04em}
.chip i.c{background:rgba(255,46,147,.12);color:var(--lime)}.chip i.s{background:rgba(138,180,255,.12);color:var(--blue)}.chip i.n{background:rgba(255,255,255,.08);color:#fff}
.chip .us{color:var(--mute)}
.chip.tok{border-color:transparent;background:transparent;color:var(--ink);font-weight:600}

/* sections */
section.sec{padding:110px 0 0}
.kick{font:700 12px var(--mono);color:var(--lime);letter-spacing:.08em;text-transform:uppercase}
h2.h{font:400 50px/1.04 var(--disp);letter-spacing:-.01em;color:var(--cream);margin:14px 0 16px;max-width:860px}
h2.h span{color:#5f5a56}
p.sub{font-size:17px;color:var(--dim);max-width:640px}

/* the split */
.split{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:0;margin-top:44px;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.split>div{padding:30px 28px;background:var(--panel);border-right:1px solid var(--line);position:relative}
.split>div:last-child{border-right:0}
.split .mid{background:linear-gradient(180deg,rgba(255,46,147,.07),rgba(255,46,147,.015)),var(--panel)}
.split .mid:before{content:"";position:absolute;inset:-1px;border:1px solid rgba(255,46,147,.45);border-radius:2px;pointer-events:none}
.split small{font:500 12px var(--mono);color:var(--mute);letter-spacing:.05em}
.split h3{font:600 26px var(--sans);letter-spacing:-.03em;margin:10px 0 8px}
.split .mid h3{color:var(--lime)}
.split p{color:var(--dim);font-size:14.5px}
.split ul{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:7px}
.split li{font:500 12.5px var(--mono);color:var(--dim);border:1px solid var(--line2);border-radius:7px;padding:7px 10px;background:var(--bg2)}

/* the three answers */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.card{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:26px;position:relative;overflow:hidden}
.card .tg{display:inline-flex;font:500 11.5px var(--mono);padding:3px 9px;border-radius:6px;letter-spacing:.05em}
.card h3{font:600 30px var(--sans);letter-spacing:-.03em;margin:16px 0 6px}
.card p{color:var(--dim);font-size:14.5px;min-height:46px}
.card .ex{margin-top:20px;border:1px solid var(--line2);border-radius:10px;background:var(--bg2);padding:14px;font:500 12.5px/1.75 var(--mono);color:var(--dim);min-height:150px}
.card .ex .q{color:var(--ink)}
.bar{height:6px;border-radius:4px;background:#1a1a1e;overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;border-radius:4px;transition:width .5s}
.opt{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:3px 0}
.opt.on{color:var(--ink)}
.opt .b{flex:1;height:4px;border-radius:3px;background:#1a1a1e;overflow:hidden;max-width:110px}.opt .b i{display:block;height:100%}

/* cortex */
.cortex{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-top:44px}
.panel{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}
.ph{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);font:500 12.5px var(--mono);color:var(--dim)}
.ph b{color:var(--ink);font-weight:500}
.stream{height:560px;overflow:hidden;position:relative}
.stream:after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(transparent,var(--panel));pointer-events:none}
.row{display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:center;padding:12px 18px;border-bottom:1px solid rgba(27,27,31,.8)}
.row.new{animation:slidein .55s cubic-bezier(.2,.8,.2,1)}
@keyframes slidein{from{opacity:0;transform:translateY(-10px);background:rgba(255,46,147,.06)}}
.row .t{font:500 12px var(--mono);color:var(--mute)}
.row .nm{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .nm small{font:500 12px var(--mono);color:var(--mute);margin-left:6px}
.row .ds{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.row .us{font:500 12px var(--mono);color:var(--lime);text-align:right;white-space:nowrap}
.row .us small{display:block;color:var(--mute)}
.row.mig .nm{color:var(--blue)}
.side{display:flex;flex-direction:column;gap:16px}
.metric{padding:18px}
.metric .big{font:600 40px var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.metric .big small{font:500 15px var(--mono);color:var(--mute);margin-left:4px;letter-spacing:0}
.metric .lbl{font:500 12px var(--mono);color:var(--mute)}
.spark{width:100%;height:90px;display:block;margin-top:10px}
.dist{padding:14px 18px 18px}
.dist .d{display:grid;grid-template-columns:80px 1fr 44px;gap:10px;align-items:center;font:500 12.5px var(--mono);color:var(--dim);padding:5px 0}
.dist .d .b{height:8px;border-radius:4px;background:#17171b;overflow:hidden}.dist .d .b i{display:block;height:100%;background:var(--lime);border-radius:4px;transition:width .6s}
.dist .d span:last-child{text-align:right;color:var(--ink)}

/* playground */
.play{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px}
.play textarea{width:100%;height:220px;resize:none;border:0;outline:0;background:transparent;padding:18px;font:400 15px/1.6 var(--sans);color:var(--ink)}
.play .acts{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--line);flex-wrap:wrap}
.exs{display:flex;gap:6px;flex-wrap:wrap}
.exs button{border:1px solid var(--line2);background:var(--bg2);border-radius:99px;padding:5px 11px;font:500 12px var(--mono);color:var(--dim);cursor:pointer}.exs button:hover{color:var(--ink);border-color:#3a3a42}
.out{padding:6px 18px 18px}
.ans{padding:14px 0;border-bottom:1px solid var(--line)}
.ans:last-child{border-bottom:0}
.ans .top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ans .q{font:500 13px var(--mono);color:var(--dim)}.ans .q i{font-style:normal;margin-right:8px;font-size:10.5px;padding:2px 6px;border-radius:4px}
.ans .v{font:600 20px var(--sans);letter-spacing:-.02em;margin-top:4px}
.ans .cf{font:500 12px var(--mono);color:var(--mute);text-align:right}
.ans .cf b{display:block;font-size:15px;color:var(--ink)}
.json{font:500 12px/1.7 var(--mono);color:var(--dim);background:var(--bg2);border-top:1px solid var(--line);padding:14px 18px;white-space:pre;overflow:auto;max-height:170px}
.json .k{color:var(--blue)}.json .s{color:var(--lime)}.json .n{color:#ffcf6b}

/* model + token */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px}
.facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.facts div{padding:18px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.facts div:nth-child(2n){border-right:0}
.facts b{display:block;font:600 28px var(--sans);letter-spacing:-.03em}
.facts span{font:500 12px var(--mono);color:var(--mute)}
.topics{display:flex;flex-wrap:wrap;gap:6px;padding:18px}
.tokenc{padding:26px;background:radial-gradient(500px 260px at 100% 0%,rgba(255,46,147,.09),transparent 70%),var(--panel)}
.tokenc h3{font:600 44px var(--sans);letter-spacing:-.04em}
.tokenc p{color:var(--dim);margin:10px 0 22px;max-width:460px}
.tokenc .row2{display:flex;gap:10px;flex-wrap:wrap}

/* faq */
.faq{margin-top:40px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:20px 0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font:500 18px var(--sans);letter-spacing:-.01em}
.faq summary:after{content:"+";color:var(--mute);font-weight:400}.faq details[open] summary:after{content:"–"}
.faq p{color:var(--dim);margin-top:10px;max-width:780px}

footer{margin-top:120px;border-top:1px solid var(--line);padding:34px 0 50px;color:var(--mute);font-size:13px}
footer .fr{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a:hover{color:var(--ink)}
.rv{opacity:0;transform:translateY(16px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}

@media (max-width:1100px){
  nav.nav{display:none}.hero .brainCv{position:relative;right:auto;top:auto;width:100%;height:420px;margin:-10px 0 -30px}.hero{min-height:0;display:flex;flex-direction:column-reverse}
  .split,.trio,.cortex,.play,.duo{grid-template-columns:1fr}.split>div{border-right:0;border-bottom:1px solid var(--line)}
  h1.hl{font-size:58px}h2.h{font-size:38px}.kpis{grid-template-columns:repeat(2,auto)}
}
@media (max-width:640px){.wrap{padding:0 16px}h1.hl{font-size:46px}.hpills .pill{display:none}.stream{height:460px}.row{grid-template-columns:1fr auto}.row .t{display:none}}

/* ---- the article look: grain, halftone, block type ---- */
body:after{content:"";position:fixed;inset:-50%;z-index:100;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero2{position:relative;padding:40px 0 34px;min-height:720px}
.hero2 .bgcv{position:absolute;inset:0 calc(50% - 50vw);width:100vw;height:100%;z-index:0;pointer-events:none}
.hero2 .scene{position:absolute;right:-60px;top:20px;width:760px;height:620px;z-index:1}
.hero2 .txt{position:relative;z-index:2;max-width:600px}
.corner{font:700 12px/1.6 var(--mono);color:#c9c0b6;letter-spacing:.06em;text-transform:uppercase}
.corner.r{position:absolute;right:0;bottom:36px;text-align:left;z-index:2}
.wordmark{font:400 230px/.82 var(--disp);letter-spacing:-.02em;color:var(--cream);margin:26px 0 10px;position:relative;
  -webkit-mask-image:linear-gradient(#000 58%,transparent 100%),radial-gradient(circle,#000 1.6px,transparent 1.9px);-webkit-mask-size:100% 100%,6px 6px;-webkit-mask-composite:source-over;
  mask-image:linear-gradient(#000 58%,transparent 100%),radial-gradient(circle,#000 1.6px,transparent 1.9px);mask-size:100% 100%,6px 6px;mask-composite:add}
.tagline{font:700 46px/1.1 var(--hand);color:var(--cream);letter-spacing:-.01em;display:inline-block;position:relative;padding-bottom:12px}
.tagline span{color:var(--lime)}
.tagline:after{content:"";position:absolute;left:0;right:30%;bottom:0;height:4px;border-radius:4px;background:var(--lime);box-shadow:0 0 14px rgba(255,46,147,.6)}
.hero2 .lede{margin-top:22px}
.fcs{position:absolute;left:0;bottom:-14px;z-index:2;border:1.5px solid #c9c0b6;border-radius:4px;padding:10px 14px;font:700 13px/1.75 var(--mono);color:var(--cream);display:none}
.fcs div{display:flex;justify-content:space-between;gap:40px}
.split .mid h3,.card h3,.split h3{font-family:var(--disp);font-weight:400;letter-spacing:-.005em}
.card h3{font-size:34px}
.tokenc h3{font:400 64px var(--disp)}
.facts b,.kpis b,.metric .big{font-family:var(--disp);font-weight:400;letter-spacing:0}
@media (max-width:1100px){.hero2 .scene{position:relative;right:auto;top:auto;width:100%;height:440px}.hero2{display:flex;flex-direction:column}.wordmark{font-size:150px}.tagline{font-size:34px}.corner.r{display:none}}
@media (max-width:640px){.wordmark{font-size:118px}.tagline{font-size:28px}.hero2 .scene{height:320px}}.rw{display:flex;gap:12px;align-items:flex-start;min-width:0}.rw>div{min-width:0}.ci{width:40px;height:40px;border-radius:9px;object-fit:cover;background:#16131a;border:1px solid var(--line2);flex:none;margin-top:2px}.row a.nm{display:block}.row a.nm:hover{color:var(--lime)}.row .mc{color:var(--lime)!important;margin-left:8px}.stream{height:640px}