@font-face{font-family:'Inter Tight';src:url(/assets/fonts/inter-tight.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/fonts/manrope.woff2) format('woff2');font-weight:200 800;font-display:swap}
:root{--bg:#000;--bg1:#0b0b0d;--bg2:#121215;--fg:#F5F5F7;--mut:#A1A1A6;--dim:#8A8A90;--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.18);--or:#F26722;--or2:#FF9A5C;--ok:#7EE2A8;--hy:#FFC67D;--ex:#B9B2FF;--max:1280px;--pad:clamp(20px,4vw,48px);--d:'Inter Tight',system-ui,sans-serif;--ease:cubic-bezier(.2,.7,.1,1)}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}
body{background:var(--bg);color:var(--fg);font:400 17px/1.6 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}img,svg,canvas{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
:focus-visible{outline:2px solid var(--or2);outline-offset:3px;border-radius:4px}
.sr,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;clip:auto;background:#fff;color:#000;padding:10px 14px;z-index:99;border-radius:8px}
/* header */
.hd{position:fixed;inset:0 0 auto;z-index:40;transition:background .4s,border-color .4s;border-bottom:1px solid transparent}
.hd.s,.hd.open{background:rgba(0,0,0,.72);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-color:var(--line)}
.nav{display:flex;justify-content:space-between;align-items:center;height:72px;gap:24px}.logo{height:26px;width:auto}
.menu{display:flex;align-items:center;gap:36px;font-size:15px;color:var(--mut)}.menu a:not(.pill):hover,.menu a[aria-current=page]{color:var(--fg)}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);position:relative}
.burger i{position:absolute;left:13px;right:13px;height:1.5px;background:var(--fg);transition:transform .3s var(--ease)}.burger i:first-child{top:18px}.burger i:last-child{top:25px}
.hd.open .burger i:first-child{transform:translateY(3.5px) rotate(45deg)}.hd.open .burger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
/* buttons */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 26px;border-radius:999px;font:600 15px Manrope;white-space:nowrap;transition:background .3s,color .3s,border-color .3s}
.pill-w{background:var(--fg);color:#000}.pill-w:hover{background:var(--or2)}.pill-o{border:1px solid var(--line2);color:var(--fg)}.pill-o:hover{border-color:#fff}
.sm{height:38px;padding:0 18px;font-size:14px}
/* type */
.k{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--or2);display:block;margin-bottom:20px;font-weight:600}
.h1{font-family:var(--d);font-weight:200;font-size:clamp(48px,8vw,124px);line-height:.92;letter-spacing:-.05em}
.h2{font-family:var(--d);font-weight:300;font-size:clamp(38px,5vw,72px);line-height:1;letter-spacing:-.045em}
.h2 b,.h1 b{font-weight:500}
.lead{font-size:clamp(18px,1.5vw,21px);color:var(--mut);line-height:1.55;max-width:620px}
.sh{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:56px}.sh p{color:var(--mut);max-width:400px}
section{position:relative}
.sec{padding:160px 0}
.sec::before{content:"";position:absolute;left:50%;top:0;width:min(1100px,90%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(242,103,34,.5),transparent)}
/* tags */
.tag{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.cat{color:var(--or2)}.lab{color:var(--dim)}.lab.f{color:var(--ok)}.lab.h{color:var(--hy)}.lab.p{color:var(--ex)}
.str{display:inline-flex;gap:3px;vertical-align:middle}.str i{width:6px;height:6px;border-radius:50%;background:#2c2c30}.str i.on{background:var(--or)}
/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity 1s ease,transform 1.2s var(--ease)}.rv.in{opacity:1;transform:none}
/* hero */
.hero{position:relative;height:100vh;min-height:680px;max-height:1040px;overflow:hidden}
.hero canvas{position:absolute;inset:0;width:100%;height:100%}
.hero .bird{position:absolute;left:50%;top:41%;width:clamp(80px,8.5vw,124px);transform:translate(-50%,-50%);filter:drop-shadow(0 0 30px rgba(242,103,34,.55));pointer-events:none}
.hx{position:absolute;left:0;right:0;bottom:clamp(40px,8vh,88px);text-align:center;will-change:transform,opacity}
.hx h1{margin-bottom:22px}.hx h1 b{background:linear-gradient(180deg,#fff 30%,#8a8a90);-webkit-background-clip:text;background-clip:text;color:transparent}
.tri{font-family:var(--d);font-size:clamp(18px,1.6vw,22px);color:var(--mut)}.tri b{color:var(--fg);font-weight:500}
.hx .ctas{display:flex;gap:12px;justify-content:center;margin-top:30px}
.vign{position:absolute;inset:0;background:radial-gradient(ellipse 80% 62% at 50% 42%,transparent 40%,#000 100%);pointer-events:none}
.scroll-cue{position:absolute;left:50%;bottom:16px;width:1px;height:28px;background:linear-gradient(var(--dim),transparent);transform:translateX(-50%)}
/* sequence */
.seq{height:340vh}
.seq .stick{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:48px;max-width:var(--max);margin:0 auto;padding:72px var(--pad) 0}
.seq canvas{width:100%;height:min(72vh,680px)}
.steps{position:relative;height:340px}
.step{position:absolute;inset:0;opacity:.0;transform:translateY(20px);transition:opacity .6s ease,transform .8s var(--ease)}.step.on{opacity:1;transform:none}
.step .n{font-family:var(--d);font-size:14px;color:var(--dim);letter-spacing:.1em}.step .n b{color:var(--or2);font-weight:500}
.step h2{font-family:var(--d);font-weight:300;font-size:clamp(56px,7vw,104px);letter-spacing:-.05em;line-height:1;margin:16px 0 20px}
.step p{color:var(--mut);font-size:19px;max-width:440px}
.prog{display:flex;gap:8px;margin-top:4px}.prog i{height:3px;width:48px;border-radius:2px;background:#3a3a40;position:relative;overflow:hidden}.prog i b{position:absolute;inset:0;background:var(--or);transform-origin:left;transform:scaleX(0)}
/* constellation */
.const{position:relative;border:1px solid var(--line);border-radius:28px;background:radial-gradient(120% 90% at 50% 0%,#141418,#050506);padding:28px 28px 16px;overflow:hidden}
.const svg{width:100%;height:auto;overflow:visible}
.const .lane{stroke:rgba(255,255,255,.06)}.const .lname{fill:var(--dim);font:600 12px Manrope;letter-spacing:.14em;text-transform:uppercase}
.const .axis{fill:var(--dim);font:500 12px Manrope}
.const .link{fill:none;stroke:rgba(242,103,34,.45);stroke-width:1;stroke-dasharray:var(--l);stroke-dashoffset:var(--l);transition:stroke-dashoffset 1.6s var(--ease),opacity .4s}
.const.in .link{stroke-dashoffset:0}
.const .star{cursor:pointer;opacity:0;transition:opacity .6s ease,transform .4s var(--ease)}.const.in .star{opacity:1}
.const .star circle.c{fill:var(--or)}.const .star circle.h{fill:url(#sg);opacity:.8}
.const .star text{pointer-events:none}.const .star .src{fill:var(--mut);font:500 13px Manrope}.const .star .tt{fill:var(--fg);font:500 16px Manrope;opacity:0;transition:opacity .25s;paint-order:stroke;stroke:#0a0a0c;stroke-width:8px;stroke-linejoin:round}
.const .star:hover .tt,.const .star:focus .tt{opacity:1}.const .star:hover .src,.const .star:focus .src{opacity:0}.const .star:hover circle.c,.const .star:focus circle.c{fill:#fff}
.const .star:focus{outline:none}.const .star:focus-visible circle.c{stroke:#fff;stroke-width:3}
.const .dim{opacity:.15!important}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 8px}
.chip{height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line2);font-size:14px;color:var(--mut);display:inline-flex;align-items:center;gap:8px;transition:all .25s}
.chip:hover{color:var(--fg);border-color:rgba(255,255,255,.4)}.chip[aria-pressed=true]{background:var(--fg);color:#000;border-color:var(--fg)}
.chip small{font-size:12px;opacity:.7}
/* news list */
.nl{list-style:none;border-top:1px solid var(--line);margin-top:24px}
.ni{border-bottom:1px solid var(--line)}.ni[hidden]{display:none}
.ni a{display:grid;grid-template-columns:150px 1fr 220px;gap:32px;padding:30px 0;align-items:start;transition:background .3s}
.ni a:hover h2,.ni a:hover h3{color:var(--or2)}
.ni .m{display:flex;flex-direction:column;gap:6px;padding-top:4px}.ni time{color:var(--mut);font-size:14px}
.ni h2,.ni h3{font-family:var(--d);font-weight:400;font-size:clamp(22px,2vw,28px);line-height:1.18;letter-spacing:-.025em;transition:color .25s}
.ni h2+p,.ni p{color:var(--mut);margin-top:10px;font-size:16px;max-width:720px}
.ni .s{display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right;font-size:14px;color:var(--mut);padding-top:4px}
/* figures */
.figs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fig{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#111114,#08080a);padding:28px;display:flex;flex-direction:column;min-height:420px}
.fig .viz{height:180px;margin:8px 0 20px;display:flex;align-items:center;justify-content:center}
.fig .viz svg{width:100%;height:100%;overflow:visible}
.fig .big{font-family:var(--d);font-weight:300;font-size:56px;letter-spacing:-.04em;line-height:1}
.fig .big small{font-size:24px;color:var(--mut);margin-left:4px}
.fig .cap{color:var(--mut);font-size:15px;margin-top:10px;flex:1}
.fig .src{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--dim);display:flex;justify-content:space-between;gap:12px}
.fig .src a:hover{color:var(--fg)}
.g-track{fill:none;stroke:#222226;stroke-width:12}.g-val{fill:none;stroke:var(--or);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset 1.8s var(--ease)}
.bar-b{fill:#1d1d21}.bar-v{fill:var(--or);transform-box:fill-box;transform-origin:left;transform:scaleX(0);transition:transform 1.6s var(--ease)}.bar-v.alt{fill:#5a5a60}
.fig.in .bar-v{transform:scaleX(1)}.bar-t{fill:var(--mut);font:500 13px Manrope}.bar-n{fill:var(--fg);font:500 15px var(--d)}
.dot{fill:#26262a;transition:fill .4s}.fig.in .dot.on{fill:var(--or)}
/* orbit system */
.sys{display:grid;grid-template-columns:8fr 4fr;gap:32px;align-items:center}
.sys svg{width:100%;height:auto;overflow:visible}
.sys .o{fill:none;stroke:rgba(255,255,255,.1)}.sys .o.live{stroke:rgba(242,103,34,.55)}
.sys .pl{cursor:pointer}.sys .pl circle.b{fill:#2e2e33;stroke:rgba(255,255,255,.3);stroke-width:1;transition:fill .3s}
.sys .pl.live circle.b{fill:var(--or);stroke:none}.sys .pl .rg{fill:none;stroke:var(--or);opacity:.5;transform-box:fill-box;transform-origin:center;animation:ping 2.6s ease-out infinite}
@keyframes ping{from{transform:scale(1);opacity:.6}to{transform:scale(3.2);opacity:0}}
.sys .pl text{fill:var(--mut);font:600 16px Manrope;paint-order:stroke;stroke:#000;stroke-width:6px;stroke-linejoin:round}
.sys .pl.live text{fill:var(--fg)}.sys .pl.act circle.b{fill:#fff}.sys .pl.act text{fill:var(--fg)}
.sys .pl:focus{outline:none}.sys .pl:focus-visible circle.b{stroke:var(--or2);stroke-width:3}
.panel{border:1px solid var(--line);border-radius:24px;padding:32px;background:linear-gradient(180deg,#111114,#08080a);min-height:280px}
.panel .st{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--dim)}
.panel .st i{width:8px;height:8px;border-radius:50%;border:1px solid var(--dim)}.panel.live .st{color:var(--ok)}.panel.live .st i{background:var(--ok);border-color:var(--ok)}
.panel h3{font-family:var(--d);font-weight:300;font-size:40px;letter-spacing:-.035em;margin:18px 0 10px}.panel p{color:var(--mut)}
.panel .pill{margin-top:24px}
.plist{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
/* forms */
.follow{text-align:center}.follow p.lead{margin:20px auto 40px}
.nf{display:flex;gap:8px;max-width:500px;margin:0 auto;padding:6px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.03)}
.nf:focus-within{border-color:var(--or2)}.nf input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--fg);font:inherit;padding:0 20px}
input::placeholder,textarea::placeholder{color:#7a7a80}
.fine{color:var(--dim);font-size:14px;margin-top:14px;min-height:1.6em}.fine.ok{color:var(--ok)}.fine.err{color:#FF8A80}
.hp{position:absolute;left:-9999px}
.cf{display:grid;gap:16px;max-width:640px}
.cf label{display:block;font-size:14px;color:var(--mut);margin-bottom:8px}
.cf input,.cf textarea{width:100%;background:var(--bg1);border:1px solid var(--line2);border-radius:14px;color:var(--fg);font:inherit;padding:14px 16px;outline:0;transition:border-color .2s}
.cf input:focus,.cf textarea:focus{border-color:var(--or2)}.cf textarea{min-height:150px;resize:vertical}
.cf .pill{justify-self:start}
/* footer */
.ft{border-top:1px solid var(--line);color:var(--dim);font-size:14px;padding:56px 0 40px}
.ft .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.ft .logo{height:22px;margin-bottom:16px}
.ft .fh{color:var(--fg);font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;font-weight:600}
.ft ul{list-style:none;display:grid;gap:8px}.ft a:hover{color:var(--fg)}.ft .bot{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:16px;flex-wrap:wrap;gap:12px}
/* page heads */
.ph{padding:168px 0 72px;position:relative;overflow:hidden}.ph .lead{margin-top:24px}
.ph canvas{position:absolute;right:-10%;top:0;width:70%;height:100%;opacity:.9;pointer-events:none}
/* article */
.art{max-width:820px;margin:0 auto;padding:0 var(--pad)}
.crumb{font-size:14px;color:var(--dim);margin-bottom:28px}.crumb a:hover{color:var(--fg)}
.art .meta{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;color:var(--mut);font-size:15px}
.art h1{font-family:var(--d);font-weight:300;font-size:clamp(38px,5.2vw,68px);line-height:1.04;letter-spacing:-.04em;margin:24px 0 28px}
.art .ess{font-size:clamp(20px,1.8vw,24px);line-height:1.5;color:var(--fg);font-family:var(--d);font-weight:300;letter-spacing:-.01em}
.art .sum{color:var(--mut);margin-top:24px;font-size:18px}
.blocks{display:grid;gap:16px;margin:56px 0}
.blk{border:1px solid var(--line);border-radius:20px;padding:28px;background:var(--bg1)}.blk h2{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--or2);margin-bottom:10px;font-weight:600}
.blk p{font-size:18px}
.srcbox{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;flex-wrap:wrap}
.srcbox small{display:block;color:var(--dim);font-size:13px;letter-spacing:.14em;text-transform:uppercase}.srcbox b{font-weight:500;font-size:18px}
.note{color:var(--dim);font-size:14px;margin-top:16px}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:56px 0 0}.pn a{border:1px solid var(--line);border-radius:20px;padding:22px;transition:border-color .3s}.pn a:hover{border-color:var(--or2)}
.pn small{color:var(--dim);font-size:13px;display:block;margin-bottom:6px}.pn span{font-family:var(--d);font-size:19px;line-height:1.25;letter-spacing:-.015em}.pn a:last-child{text-align:right}
.prose{max-width:760px}.prose h2{font-family:var(--d);font-weight:400;font-size:30px;letter-spacing:-.03em;margin:48px 0 14px}.prose p,.prose li{color:var(--mut);margin-bottom:10px}.prose ul,.prose ol{padding-left:22px}.prose strong{color:var(--fg);font-weight:600}
/* about */
.about{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.photo{aspect-ratio:4/5;border-radius:28px;border:1px dashed var(--line2);background:radial-gradient(80% 60% at 50% 30%,#18181c,#060607);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--dim);font-size:14px;text-align:center;padding:24px}
.photo svg{width:72px;opacity:.9}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}.vals div{border-top:1px solid var(--line);padding-top:20px}.vals b{display:block;font-family:var(--d);font-weight:400;font-size:20px;margin-bottom:6px}.vals p{color:var(--mut);font-size:15px}
/* responsive */
@media (max-width:1100px){.figs{grid-template-columns:repeat(2,1fr)}.ni a{grid-template-columns:130px 1fr}.ni .s{grid-column:2;align-items:flex-start;text-align:left;flex-direction:row;gap:16px}}
@media (max-width:860px){
.burger{display:block}.menu{position:fixed;inset:72px 0 auto 0;height:calc(100dvh - 72px);background:#000;flex-direction:column;align-items:stretch;gap:0;padding:16px var(--pad) 32px;font-size:28px;font-family:var(--d);color:var(--fg);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .3s,transform .4s var(--ease),visibility .3s}
.menu a:not(.pill){padding:18px 0;border-bottom:1px solid var(--line)}.menu .pill{margin-top:28px;height:56px;font-size:17px}
.hd.open .menu{opacity:1;transform:none;visibility:visible}
.hero{height:100svh;min-height:620px}.hero .bird{top:36%}.hx .ctas{flex-direction:column;align-items:stretch;padding:0 var(--pad)}
.sec{padding:110px 0}.sh{flex-direction:column;align-items:start;margin-bottom:32px}
.seq{height:330vh}.seq .stick{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0;padding-top:88px;align-items:start}.seq canvas{height:44vh;order:-1}.steps{height:260px}.step h2{font-size:56px;margin:8px 0 12px}.step p{font-size:17px}
.const{padding:16px 10px 8px;border-radius:20px}.const .lname{font-size:20px}.const .axis{font-size:20px}
.figs{grid-template-columns:1fr}.fig{min-height:0}
.ni a{grid-template-columns:1fr;gap:12px;padding:24px 0}.ni .m{flex-direction:row;flex-wrap:wrap;gap:6px 14px}.ni .s{grid-column:1}
.sys{grid-template-columns:1fr}.sys .pl text{font-size:30px;stroke-width:10px}
.ft .wrap{grid-template-columns:1fr 1fr}.ft .wrap>div:first-child{grid-column:1/-1}
.about{grid-template-columns:1fr;gap:40px}.photo{max-width:340px}.vals{grid-template-columns:1fr}
.pn{grid-template-columns:1fr}.pn a:last-child{text-align:left}.ph{padding:128px 0 48px}.ph canvas{width:100%;right:-30%;opacity:.5}}
@media (max-width:420px){.nf{flex-direction:column;border-radius:20px}.nf input{height:48px}}
@media (prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.const .star{opacity:1}.const .link{stroke-dashoffset:0}.bar-v{transform:none}}
.figs{grid-template-columns:repeat(3,1fr)}
.g-val{stroke-dasharray:var(--L);stroke-dashoffset:var(--L)}.fig.in .g-val{stroke-dashoffset:var(--o)}
@media (max-width:1100px){.figs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.figs{grid-template-columns:1fr}.const svg.h{display:none}.const svg.v{display:block}}
@media (prefers-reduced-motion:reduce){.g-val{stroke-dashoffset:var(--o)}}
.const svg.v{display:none}
@media (max-width:860px){.const svg.h{display:none}.const svg.v{display:block;max-width:420px;margin:0 auto}}
[hidden]{display:none!important}
/* ===== worlds system ===== */
body{--ac:#F26722}.w-news{--ac:#F26722}.w-labs{--ac:#5CE1E6}.w-earth{--ac:#7EE2A8}.w-select{--ac:#E8C872}.w-reality{--ac:#B9B2FF}.w-ai-agentai{--ac:#6EA8FF}
body:not(.w-news):not(.w-portal) .k{color:var(--ac)}body:not(.w-news) .h1 b{color:var(--ac)}
.menu a[aria-current=page]{color:var(--ac)!important}
body:not(.w-portal) main{animation:warpin .7s cubic-bezier(.2,.7,.2,1)}@keyframes warpin{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
/* portal */
.w-portal{overflow:hidden;height:100svh}.w-portal .hd{background:none!important;border:0}
.bell{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 12px;border:1px solid var(--line2);border-radius:999px;font-size:14px;color:var(--mut);transition:color .3s,border-color .3s}.bell:hover{color:#fff;border-color:#fff}.bell svg{width:20px;height:20px}
.portal{position:relative;height:100svh;overflow:hidden}.portal canvas{position:absolute;inset:0;width:100%;height:100%}
.core{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:15}
.core .bird{width:clamp(72px,7vw,108px);margin:0 auto;filter:drop-shadow(0 0 32px rgba(242,103,34,.6))}
.tag{margin-top:18px;font:300 13px var(--d);letter-spacing:.42em;text-transform:uppercase;color:var(--mut);padding-left:.42em}
.worlds{list-style:none}.wd{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;color:var(--fg);will-change:transform;transition:opacity .4s}
.orb{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:var(--ac);border:1px solid color-mix(in srgb,var(--ac) 45%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--ac) 18%,transparent),rgba(0,0,0,.6) 70%);transition:box-shadow .4s,transform .4s var(--ease),border-color .4s}
.gl{width:30px;height:30px}.nm{font:500 15px var(--d);letter-spacing:.02em;white-space:nowrap}
.hint{font-size:12px;letter-spacing:.08em;color:var(--ac);opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s;white-space:nowrap;height:0}
.wd:hover .orb,.wd:focus-visible .orb{box-shadow:0 0 0 1px var(--ac),0 0 40px color-mix(in srgb,var(--ac) 70%,transparent);transform:scale(1.15);border-color:var(--ac)}
.wd:hover .hint,.wd:focus-visible .hint{opacity:1;transform:none;height:auto}.wd:focus-visible{outline:none}.wd:focus-visible .nm{text-decoration:underline;text-underline-offset:4px}
.worlds.hov .wd:not(:hover):not(:focus-visible){opacity:.35!important}
.wd.go .orb{transform:scale(3);box-shadow:0 0 120px var(--ac);transition:transform .9s cubic-bezier(.6,0,.2,1),box-shadow .9s}
.warping .core,.warping .wd:not(.go),.warping .hd{opacity:0;transition:opacity .5s}
#veil{position:fixed;inset:0;pointer-events:none;z-index:60;background:radial-gradient(circle at var(--vx) var(--vy),var(--vc),#000 55%);clip-path:circle(0 at var(--vx) var(--vy));transition:clip-path .9s cubic-bezier(.7,0,.3,1)}
#veil.on{clip-path:circle(150% at var(--vx) var(--vy))}
.static .worlds{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 var(--pad) 32px;max-width:900px;margin:0 auto;z-index:20}
.static .wd{position:static;transform:none!important;opacity:1!important}.static .hint{opacity:1;transform:none;height:auto}.static .core{top:36%}
@media(max-width:760px){.static .worlds{grid-template-columns:1fr 1fr;gap:4px 8px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.static .core{top:30%}.orb{width:54px;height:54px}.gl{width:26px;height:26px}.nm{font-size:14px}.hint{font-size:11px}.wd{padding:6px;gap:6px}.bell span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.bell{padding:0;width:44px;justify-content:center}}
@media(max-height:640px) and (max-width:760px){.static .hint{display:none}.static .core{top:24%}}
/* world pages */
.world{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}.world canvas{position:absolute;inset:0;width:100%;height:100%}
.world::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.45) 40%,transparent 65%),linear-gradient(180deg,rgba(0,0,0,.35),transparent 30%,transparent 55%,rgba(0,0,0,.8));pointer-events:none}
.wbody{position:relative;z-index:2;width:100%;padding-bottom:clamp(48px,9vh,110px)}.wbody .lead{margin:20px 0 36px;color:#d0d0d5}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid var(--ac);margin-right:10px;vertical-align:1px}
.hud{position:absolute;z-index:3;top:96px;right:var(--pad);display:grid;grid-template-columns:auto auto;gap:4px 18px;font:500 11px ui-monospace,Menlo,monospace;letter-spacing:.14em;color:var(--dim);padding:14px 16px;border:1px solid var(--line);border-left:2px solid var(--ac);background:rgba(0,0,0,.5);backdrop-filter:blur(8px)}
.hud b{color:var(--fg);font-weight:500}.hud .live{color:var(--ok)}.blink{color:var(--ac)!important;animation:bl 1.6s steps(2) infinite}@keyframes bl{50%{opacity:.35}}
.wform{max-width:520px}.fh2{font:600 12px Manrope;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}
.w-labs .pill-w:hover,.w-earth .pill-w:hover,.w-select .pill-w:hover,.w-reality .pill-w:hover,.w-ai-agentai .pill-w:hover{background:var(--ac)}
.w-labs .hud{border-radius:0}.w-earth .hud{border-radius:16px}.w-select .hud{border-left-width:6px}.w-reality .hud{transform:skewX(-6deg)}.w-ai-agentai .hud{border-radius:4px 20px}
.nsys{position:relative}.nsys .hud{top:110px}
@media(max-width:760px){.hud{top:84px;right:auto;left:var(--pad);font-size:10px}.nsys .hud{display:none}.world{align-items:flex-end}}
@media(prefers-reduced-motion:reduce){body:not(.w-portal) main{animation:none}.blink{animation:none}}

.wd.hot .orb{box-shadow:0 0 28px color-mix(in srgb,var(--ac) 55%,transparent);border-color:var(--ac)}.dot.on{background:var(--ac)}
.w-ai-agentai .h1{font-size:clamp(44px,6.4vw,100px)}.wbody .ctas{display:flex;gap:12px;flex-wrap:wrap}
.vid{border:1px solid var(--line2);border-radius:20px;overflow:hidden;background:#0b0b0d}.vid video{width:100%;height:auto;display:block}
.steps3{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps3 li{border:1px solid var(--line);border-top:2px solid var(--ac);border-radius:16px;padding:28px;background:#0b0b0d}
.steps3 span{font:500 14px var(--d);color:var(--ac)}.steps3 h3{font:400 26px var(--d);letter-spacing:-.02em;margin:12px 0 10px}.steps3 p{color:var(--mut)}
.ex{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.exc{border:1px solid var(--line);border-radius:16px;padding:24px;background:#0b0b0d}.exc.ai{border-color:var(--ac)}
.exl{display:block;font:600 12px Manrope;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}.exc.ai .exl{color:var(--ac)}
.exc p{color:#d0d0d5}.exc ul{list-style:none;color:#d0d0d5}.exc li{padding:6px 0;border-bottom:1px solid var(--line)}.exa{display:block;margin-top:16px;font-size:13px;color:var(--dim)}
.exc mark{background:color-mix(in srgb,var(--ac) 22%,transparent);color:#fff;padding:0 4px;border-radius:4px}
.cf select{width:100%;height:52px;padding:0 16px;background:#0b0b0d;color:var(--fg);border:1px solid var(--line2);border-radius:12px;font:inherit}
@media(max-width:860px){.steps3,.ex{grid-template-columns:1fr}}
.cf .gd{font-size:13px;color:var(--dim);line-height:1.5}