.plh{padding:72px 0 28px}.plh .kick{font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ok);margin-bottom:14px}
.plh h1{font-size:clamp(28px,4.6vw,52px);line-height:1.08;margin:0 0 18px;max-width:15ch}.plh .lead{max-width:56ch}
.plh .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn2{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:1px solid var(--line);border-radius:8px;color:var(--fg);text-decoration:none;font-size:14px}.btn2:hover{border-color:#555}
.hg{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.orbw{perspective:1100px;height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.orb{position:relative;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-16deg)}
.ring{position:absolute;left:0;top:0;transform-style:preserve-3d}
.ring.a{animation:spinY 38s linear infinite}.ring.b{animation:spinY 52s linear infinite reverse}
.ring i{position:absolute;left:-26px;top:-26px;width:52px;height:52px;border:1px solid #2c2c36;border-radius:14px;background:linear-gradient(160deg,#16161c,#0b0b0e);display:grid;place-items:center;color:#e8e8ee;box-shadow:0 10px 30px #0008}
.ring i svg{width:24px;height:24px;fill:currentColor}.ring i b{font:600 13px ui-monospace,monospace;color:#cfcfd8}
.core{position:absolute;left:-44px;top:-30px;width:88px;height:60px;transform:rotateX(16deg);opacity:.95}
.orb:after{content:"";position:absolute;left:-150px;top:-150px;width:300px;height:300px;border-radius:50%;border:1px dashed #26262e;transform:rotateX(90deg)}
@keyframes spinY{to{transform:rotateY(360deg)}}
.fl{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:34px 0 8px}
.fl button{font:inherit;font-size:13px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--mut);cursor:pointer}
.fl button[aria-pressed=true]{background:var(--fg);color:#050506;border-color:var(--fg)}
.fl input{margin-left:auto;min-width:200px;padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:var(--s1);color:var(--fg);font:inherit;font-size:14px}
.cat{margin:44px 0 0}.cat h2{font-size:20px;margin:0 0 4px}.cat>p{color:var(--mut);margin:0 0 18px;font-size:14px}
.ig3{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.it{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--s1);padding:18px;transition:transform .25s,border-color .25s;transform-style:preserve-3d;will-change:transform}
.it:hover{border-color:#4a4a55}
.lg{width:42px;height:42px;border-radius:10px;border:1px solid #2a2a33;background:#0b0b0e;display:grid;place-items:center;margin-bottom:14px;color:#fff}
.lg svg{width:22px;height:22px;fill:currentColor}.lg b{font:600 12px ui-monospace,monospace;letter-spacing:.02em}
.it h3{font-size:15px;margin:0 0 4px}.it p{margin:0;color:var(--mut);font-size:13px;line-height:1.5}
.tg{position:absolute;top:16px;right:16px;font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid #1f3a2e;color:var(--ok);background:#0c1a14}
.tg.s{border-color:#3a3320;color:#e8c26a;background:#17130a}
.it.hide{display:none}.cat.hide{display:none}
.band2{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;margin:56px 0 0;overflow:hidden}
.band2 div{padding:26px 24px;border-right:1px solid var(--line)}.band2 div:last-child{border:0}
.band2 b{display:block;margin-bottom:6px}.band2 span{color:var(--mut);font-size:14px}
.dwrap{perspective:1400px}
.dc{background:#0d0d11;border:1px solid #26262e;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:150px 1fr;transform:rotateY(-12deg) rotateX(5deg);transition:transform .6s;box-shadow:30px 30px 60px #000a;font-size:13px}
.dwrap:hover .dc{transform:rotateY(-2deg) rotateX(1deg)}
.dc aside{background:#09090c;border-right:1px solid #1c1c22;padding:14px 10px;color:var(--mut)}
.dc aside b{display:block;color:var(--fg);font-size:13px;margin-bottom:12px}.dc aside p{margin:0 0 4px;padding:5px 8px;border-radius:6px}
.dc aside p.on{background:#1b1b22;color:var(--fg)}
.dm{padding:16px;display:flex;flex-direction:column;gap:14px;min-height:340px}
.msg{display:flex;gap:10px;opacity:0;transform:translateY(8px)}
.msg .av{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:#5865F2;color:#fff}.msg .av svg{width:18px;height:18px;fill:currentColor}
.msg .av.u{background:#2a2a33;font-size:12px}
.msg h5{margin:0 0 3px;font-size:13px;color:var(--fg)}.msg h5 em{font-style:normal;font-size:10px;background:#5865F2;color:#fff;padding:1px 5px;border-radius:3px;margin-left:6px}
.msg p{margin:0;color:#b9b9c4}.cmd{color:#9bb7ff}
.emb{margin-top:6px;border-left:3px solid var(--ok);background:#13131a;border-radius:4px 8px 8px 4px;padding:10px 12px;max-width:290px}
.emb b{display:block;color:var(--fg);margin-bottom:4px}.emb span{display:block;color:#a3a3b0;font-size:12px}
.emb u{display:inline-block;margin-top:8px;text-decoration:none;background:#5865F2;color:#fff;padding:5px 12px;border-radius:5px;font-size:12px}
@keyframes up{to{opacity:1;transform:none}}
.dwrap.go .msg{animation:up .5s forwards}.dwrap.go .msg:nth-child(2){animation-delay:.9s}.dwrap.go .msg:nth-child(3){animation-delay:1.9s}.dwrap.go .msg:nth-child(4){animation-delay:3s}
.stk{perspective:1200px;height:400px;display:grid;place-items:center}
.stk div{position:relative;width:260px;height:170px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-32deg);transition:transform .6s}
.stk section{position:absolute;inset:0;border:1px solid #34343f;border-radius:14px;background:linear-gradient(145deg,#17171d,#0a0a0d);display:flex;align-items:flex-end;padding:12px 14px;font:600 12px ui-monospace,monospace;color:#cfcfd8;transition:transform .6s;animation:flt 6s ease-in-out infinite}
.stk section:nth-child(1){transform:translateZ(0)}.stk section:nth-child(2){transform:translateZ(46px);animation-delay:-1.5s}.stk section:nth-child(3){transform:translateZ(92px);animation-delay:-3s}.stk section:nth-child(4){transform:translateZ(138px);border-color:var(--ok);color:var(--ok);animation-delay:-4.5s}
.stk:hover section:nth-child(2){transform:translateZ(70px)}.stk:hover section:nth-child(3){transform:translateZ(140px)}.stk:hover section:nth-child(4){transform:translateZ(210px)}
@keyframes flt{50%{margin-top:-8px}}
.gf{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0 0}
.gf article{border:1px solid var(--line);border-radius:12px;background:var(--s1);padding:22px}
.gf svg.vi{width:26px;height:26px;margin-bottom:12px}.gf h3{font-size:15px;margin:0 0 6px}.gf p{margin:0;color:var(--mut);font-size:14px}
.cmds{width:100%;border-collapse:collapse;margin-top:14px}.cmds td,.cmds th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px}.cmds td:first-child{font-family:ui-monospace,Menlo,monospace;color:#9bb7ff;white-space:nowrap}.cmds th{color:var(--mut);font-weight:500}
.stp{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.stp div{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--s1)}.stp em{font:600 12px ui-monospace,monospace;color:var(--ok);font-style:normal}.stp b{display:block;margin:8px 0 6px}.stp span{color:var(--mut);font-size:14px}
@media(max-width:900px){.hg{grid-template-columns:1fr}.ig3{grid-template-columns:repeat(2,1fr)}.gf,.stp,.band2{grid-template-columns:1fr}.band2 div{border-right:0;border-bottom:1px solid var(--line)}.orbw{height:340px;transform:scale(.8)}.dc{transform:none;grid-template-columns:1fr}.dc aside{display:none}.fl input{margin-left:0;width:100%}}
@media(max-width:520px){.ig3{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ring,.stk section{animation:none}.dwrap .msg{opacity:1;transform:none;animation:none!important}}

header nav{white-space:nowrap}header .nav{gap:18px}header nav a{font-size:13.5px}header .nav>.btn{white-space:nowrap}
.orbw{height:460px}.orb{transform:rotateX(-16deg) scale(1.2)}
@media(max-width:900px){.orbw{height:360px}.orb{transform:rotateX(-16deg) scale(.95)}.plh{padding-top:44px}}
.it,.dc,.stk,.band2,.gf,.stp{max-width:100%}body{overflow-x:hidden}
.hg>*,.dm,.dc{min-width:0}.cmds{display:block;overflow-x:auto}.emb{max-width:100%}
.cmds{display:table;table-layout:fixed}@media(max-width:600px){.cmds td:first-child{white-space:normal;word-break:break-all;width:42%}.cmds td,.cmds th{padding:10px 8px;font-size:13px}}
.cmds{min-width:0!important;width:100%!important}
.plt{padding:80px 0 24px}.plt h2{font-size:clamp(24px,3.4vw,38px);line-height:1.12;max-width:20ch;margin:0 0 14px}.plt .lead{max-width:58ch;margin:0 0 34px}
.flow{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:0 0 14px;background:var(--s1)}
.flow div{flex:1;padding:16px 14px;border-right:1px solid var(--line);font-size:13px;position:relative;min-width:0}
.flow div:last-child{border:0}.flow em{display:block;font:600 10px ui-monospace,monospace;color:var(--ok);font-style:normal;letter-spacing:.12em;margin-bottom:6px}
.flow b{display:block;font-weight:500}.flow span{color:var(--mut);font-size:12px}
.flow div:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,transparent,var(--ok),transparent);transform:translateX(-100%);animation:fl 5s linear infinite;animation-delay:calc(var(--i)*.8s)}
@keyframes fl{0%{transform:translateX(-100%);opacity:0}15%{opacity:1}45%{transform:translateX(100%);opacity:1}46%,100%{transform:translateX(100%);opacity:0}}
.pill{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pill a{display:block;border:1px solid var(--line);border-radius:12px;background:var(--s1);padding:24px 22px;text-decoration:none;color:var(--fg);transition:transform .25s,border-color .25s;position:relative}
.pill a:hover{border-color:#4a4a55;transform:translateY(-4px)}
.pill svg{width:28px;height:28px;fill:currentColor;margin-bottom:16px}
.pill h3{font-size:16px;margin:0 0 6px}.pill p{margin:0;color:var(--mut);font-size:14px;line-height:1.5}
.pill small{position:absolute;top:22px;right:22px;font:600 11px ui-monospace,monospace;color:#55555f}
.pill a:after{content:"→";position:absolute;right:22px;bottom:20px;color:var(--mut);transition:transform .25s,color .25s}.pill a:hover:after{transform:translateX(4px);color:var(--ok)}
@media(max-width:900px){.pill{grid-template-columns:1fr}.flow{flex-direction:column}.flow div{border-right:0;border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){.flow div:after{animation:none}}
.hero .g>*{min-width:0}.co.bw{width:100%;max-width:460px;justify-self:end}@media(max-width:860px){.co.bw{justify-self:center}}
.hero .co.bw{left:0}

.plt .pill{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.plt .pill{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.plt .pill{grid-template-columns:1fr}}