:root{color-scheme:dark;--ink: #14121a;--ink-deep: #0e0d14;--red: #e34949;--red-lit: #f4665f;--teal: #2fa894;--rose: #e8629b;--amber: #e8a33d;--text: #f4eef0;--text-dim: #b3a9b4;--hairline: rgb(255 255 255 / 12%);--panel: rgb(22 19 28 / 62%);--shell: min(72rem, 100% - 3rem);--font: ui-rounded, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font:400 1rem/1.7 var(--font);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}#bubble-canvas{position:fixed;inset:0;z-index:0;display:block;width:100%;height:100%;touch-action:auto}#scrim{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 0 28%,rgb(10 9 14 / 55%) 78%),linear-gradient(180deg,#0e0d141a,#0e0d14d1);opacity:0;transition:opacity .12s linear}.topbar{position:fixed;top:0;left:0;z-index:10;display:flex;gap:1rem;align-items:center;justify-content:space-between;width:100%;padding:1.05rem calc((100% - var(--shell)) / 2);background:linear-gradient(180deg,#121018bd,#1210181a);-webkit-mask-image:linear-gradient(180deg,#000 52%,rgb(0 0 0 / 45%) 78%,transparent);mask-image:linear-gradient(180deg,#000 52%,rgb(0 0 0 / 45%) 78%,transparent)}.wordmark{display:inline-flex;gap:.55rem;align-items:center;color:var(--text);font-weight:600;font-size:.95rem;letter-spacing:.01em;text-decoration:none}.wordmark .dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--red);box-shadow:0 0 .9rem #e34949e5}.topbar nav{display:flex;gap:.35rem;align-items:center}.topbar nav a{padding:.45rem .8rem;border-radius:999px;color:var(--text-dim);font-size:.9rem;text-decoration:none;transition:color .16s,background .16s}.topbar nav a:hover{background:#ffffff14;color:var(--text)}.topbar nav a.ghost{border:1px solid var(--hairline);color:var(--text)}main,footer{position:relative;z-index:3}main,.hero,.hero .cta{pointer-events:none}a,button,#features,#quickstart,.hero h1,.hero .tagline,.hero .lede,.hero .eyebrow{pointer-events:auto}.hero{width:var(--shell);margin-inline:auto}.label{margin:0 0 .5rem;color:var(--red-lit);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.hero{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100svh;padding-block:clamp(7rem,20vh,14rem) 5rem;text-align:center}.hero:before{content:"";position:absolute;z-index:-1;inset:22% 0 2%;pointer-events:none;background:radial-gradient(ellipse 79% 54% at 50% 50%,rgb(10 9 14 / 87%) 0%,rgb(10 9 14 / 68%) 44%,transparent 74%)}.hero .tagline,.hero .lede,.hero .eyebrow,.hero .scroll-hint{text-shadow:0 1px 1.4rem rgb(8 7 12 / 92%),0 0 .5rem rgb(8 7 12 / 80%)}.eyebrow{margin:0 0 1.5rem;color:var(--text-dim);font-size:.82rem;letter-spacing:.06em}.hero h1{margin:0;font-size:clamp(2.4rem,7vw,4.6rem);font-weight:700;letter-spacing:-.02em;line-height:1.05;background:linear-gradient(96deg,var(--amber),var(--red) 34%,var(--rose) 72%,var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:.9rem 0 0;font-size:clamp(1.05rem,2.4vw,1.5rem);font-weight:600}.lede{max-width:40rem;margin:1.1rem auto 0;color:var(--text-dim);text-wrap:pretty}.cta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:2.2rem}.btn{padding:.72rem 1.5rem;border:1px solid var(--hairline);border-radius:999px;color:var(--text);font-size:.95rem;font-weight:500;text-decoration:none;background:#14111a6b;transition:transform .16s,background .16s,box-shadow .16s}.btn:hover{background:#3a34479e;transform:translateY(-2px)}.btn.primary{border-color:transparent;background:var(--red);box-shadow:0 .6rem 2rem #e3494961}.btn.primary:hover{background:var(--red-lit);box-shadow:0 .8rem 2.4rem #f4665f85}.scroll-hint{margin:3.4rem 0 0;color:var(--text-dim);font-size:.78rem;letter-spacing:.2em;animation:drift 2.6s ease-in-out infinite}@keyframes drift{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(.35rem)}}#quickstart{width:var(--shell);margin-inline:auto;padding-block:0 clamp(11rem,22vh,17rem)}.section-head{margin-bottom:2rem;text-align:center}.section-head h2{margin:0;font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:700;letter-spacing:-.01em}#features{width:var(--shell);margin-inline:auto;padding-block:2rem 6rem}.orbit{--ring-out: clamp(14.5rem, 34vw, 23.5rem);--ring-in: clamp(8.5rem, 18vw, 12rem);position:relative;aspect-ratio:1;width:min(100%,58rem);margin-inline:auto}.orbit:before,.orbit:after{content:"";position:absolute;top:50%;left:50%;border-radius:50%;translate:-50% -50%;-webkit-mask-image:conic-gradient(from 0deg,#000,#0000009e 16%,#0000001f 38%,#00000014 52%,#0000007a 74%,#000 92% 100%);mask-image:conic-gradient(from 0deg,#000,#0000009e 16%,#0000001f 38%,#00000014 52%,#0000007a 74%,#000 92% 100%)}.orbit:before{width:calc(var(--ring-out) * 2);height:calc(var(--ring-out) * 2);border:1px dashed rgb(255 236 236 / 32%);animation:ring-sweep-cw 56s linear infinite}.orbit:after{width:calc(var(--ring-in) * 2);height:calc(var(--ring-in) * 2);border:1px solid rgb(255 240 240 / 24%);animation:ring-sweep-ccw 40s linear infinite}@keyframes ring-sweep-cw{to{rotate:360deg}}@keyframes ring-sweep-ccw{to{rotate:-360deg}}.orbit:hover:before,.orbit:hover:after,.orbit:focus-within:before,.orbit:focus-within:after{animation-play-state:paused}.orbit-core{position:absolute;top:50%;left:50%;width:clamp(9rem,21vw,13rem);height:clamp(9rem,21vw,13rem);translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgb(227 73 73 / 16%) 0%,rgb(227 73 73 / 6%) 46%,transparent 70%);box-shadow:0 0 5rem #e3494938}.orbit-ring{margin:0;padding:0;list-style:none}@property --spin{syntax: "<angle>"; inherits: true; initial-value: 0deg;}.orbit-ring li{position:absolute;top:50%;left:50%;transform:rotate(calc(var(--a) + var(--spin))) translate(var(--r)) rotate(calc(-1 * (var(--a) + var(--spin)))) translate(-50%,-50%)}.orbit-ring li.ring-out{--r: var(--ring-out);animation:orbit-cw 56s linear infinite;opacity:.9}.orbit-ring li.ring-in{--r: var(--ring-in);animation:orbit-ccw 40s linear infinite;opacity:1}.orbit-ring li:hover,.orbit-ring li:focus-within{opacity:1}@keyframes orbit-cw{to{--spin: 360deg}}@keyframes orbit-ccw{to{--spin: -360deg}}.orbit:hover .orbit-ring li,.orbit:focus-within .orbit-ring li{animation-play-state:paused}.orbit[data-paused] .orbit-ring li,.orbit[data-paused]:before,.orbit[data-paused]:after{animation-play-state:paused}.orbit-ring li:before{content:"";position:absolute;top:50%;left:50%;width:var(--r);height:1px;pointer-events:none;transform:rotate(calc(var(--a) + var(--spin) + 180deg));transform-origin:0 50%;background:linear-gradient(90deg,transparent 0 14%,var(--pip) 52%,transparent 88%);opacity:.16;transition:opacity .16s ease}.orbit-ring li:hover:before,.orbit-ring li:focus-within:before{opacity:.72}.node{position:relative;width:max-content;padding:.6rem 1.1rem .6rem 1.75rem;border-radius:999px;background:repeating-linear-gradient(180deg,rgb(255 255 255 / 4%) 0 1px,transparent 1px 3px),radial-gradient(130% 170% at 50% 26%,#342a3efc,#261f2ff7 42%,#1a1621e5),#14111ad1;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0000004d,0 .12rem .4rem #00000061,0 .6rem 1.5rem #0006,0 1.5rem 3.6rem #00000042;transition:background .15s,transform .15s,box-shadow .16s,border-radius .15s}.node:focus-visible{outline:2px solid var(--pip);outline-offset:3px}.node:before{content:"";position:absolute;top:1.12rem;left:.85rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--pip);box-shadow:0 0 .7rem var(--pip)}.node h3{margin:0;font-size:.88rem;font-weight:600;white-space:nowrap}.node p{margin:0;width:0;max-height:0;color:var(--text-dim);font-size:.8rem;line-height:1.55;opacity:0;overflow:hidden;transition:max-height .15s ease-out,opacity .11s ease-out,margin .15s ease-out}.orbit-ring li:hover,.orbit-ring li:focus-within{z-index:5}.orbit-ring li:hover .node,.orbit-ring li:focus-within .node{background:repeating-linear-gradient(180deg,rgb(255 255 255 / 4.5%) 0 1px,transparent 1px 3px),radial-gradient(130% 170% at 50% 26%,#40334c,#2e2538fc 42%,#1f1a27f5),#16131ceb;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pip) 46%,transparent),inset 0 1px #ffffff29,0 .12rem .4rem #0006,0 .6rem 1.5rem #00000073,0 0 1.4rem color-mix(in srgb,var(--pip) 40%,transparent),0 0 3.2rem color-mix(in srgb,var(--pip) 22%,transparent);border-radius:1.4rem;transform:translateY(-3px)}.orbit-ring li:hover .node p,.orbit-ring li:focus-within .node p{width:12.5rem;max-height:7rem;margin-top:.4rem;opacity:1}@media(width<=58rem){.orbit{aspect-ratio:auto;width:100%}.orbit:before,.orbit:after,.orbit-core{display:none}.orbit-ring{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.orbit-ring li{position:static;transform:none}.orbit-ring li:before{display:none}.node{width:auto;border-radius:1.4rem}.node p{width:auto;max-height:7rem;margin-top:.4rem;opacity:1}}.start-grid{display:grid;gap:2.5rem;align-items:start;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}.terminal{border-radius:1rem;background:#0a090ee0;box-shadow:inset 0 1px #ffffff12,0 1rem 3rem #00000073;overflow:hidden}.terminal-bar{display:flex;gap:.75rem;align-items:center;padding:.7rem .85rem .7rem 1rem;background:#ffffff08}.dots{display:inline-flex;gap:.4rem}.dots i{width:.62rem;height:.62rem;border-radius:50%;background:#ffffff24}.dots i:first-child{background:var(--red)}.term-title{flex:1;color:var(--text-dim);font:.78rem var(--mono);letter-spacing:.08em}.copy{padding:.28rem .7rem;border:1px solid var(--hairline);border-radius:999px;background:transparent;color:var(--text-dim);font:inherit;font-size:.75rem;cursor:pointer;transition:background .16s,color .16s,border-color .16s}.copy:hover{background:#ffffff14;color:var(--text)}.copy[data-copied]{border-color:var(--teal);color:var(--teal)}.term-body{padding:1.15rem 1.2rem 1.35rem;overflow-x:auto}.term-body code{display:block;color:#e6dfe6;font:.86rem/2.1 var(--mono)}.line{display:block;width:calc((var(--ch) + 2) * 1ch);white-space:pre;overflow:hidden;clip-path:inset(0 0 0 0)}.line:before{content:"$ ";color:var(--red-lit)}.term-body.typing .line{animation:type calc(var(--ch) * 38ms) var(--delay) both}@keyframes type{0%{clip-path:inset(0 100% 0 0)}}.term-body.typing .line.last:after{content:"";display:inline-block;width:.55ch;height:1.05em;margin-left:.15ch;translate:0 .2em;background:var(--red-lit);animation:caret 1.05s steps(1) infinite;animation-delay:calc(var(--delay) + var(--ch) * 38ms)}@keyframes caret{0%,50%{opacity:1}50.01%,to{opacity:0}}.term-body[data-paused] .line,.term-body[data-paused] .line.last:after{animation-play-state:paused}.requirements{padding-top:.5rem}.req-title{margin:0 0 1.1rem;color:var(--text-dim);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.requirements dl{margin:0}.requirements dl div{display:flex;gap:1rem;align-items:baseline;justify-content:space-between;padding:.85rem 0;border-bottom:1px solid rgb(255 255 255 / 7%)}.requirements dl div:first-child{border-top:1px solid rgb(255 255 255 / 7%)}.requirements dt{font-size:.95rem;font-weight:600}.requirements dd{margin:0;color:var(--red-lit);font:.95rem var(--mono)}.req-note{margin:1.2rem 0 0;color:var(--text-dim);font-size:.85rem}@media(width<=58rem){.start-grid{grid-template-columns:minmax(0,1fr);gap:2rem}}footer{width:var(--shell);margin-inline:auto;padding-block:clamp(4rem,9vh,6rem) 5.5rem}.foot-grid{display:grid;gap:2.75rem 2rem;grid-template-columns:1.5fr repeat(3,minmax(0,1fr))}.foot-col{display:flex;flex-direction:column;align-items:start}.foot-title{margin:0 0 .9rem;font-size:.95rem;font-weight:600;letter-spacing:0}.foot-col a{padding:.3rem 0;color:var(--text-dim);font-size:.9rem;text-decoration:none;transition:color .16s}.foot-col a:hover{color:var(--text)}.wordmark.static{margin:0 0 .35rem;font-weight:600}.muted{margin:0;color:var(--text-dim);font-size:.9rem}.disclaimer{margin:3.5rem 0 0;color:#b3a9b4b8;font-size:.78rem;line-height:1.8}@media(width<=52rem){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-brand{grid-column:1 / -1}}#webgl-error{position:fixed;z-index:20;inset:auto auto 1.5rem 50%;width:min(28rem,calc(100% - 3rem));margin:0;padding:.85rem 1.1rem;transform:translate(-50%);border:1px solid var(--hairline);border-radius:.9rem;background:#281828eb;font-size:.85rem;text-align:center;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.reveal{opacity:0;transform:translateY(1.6rem);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.reveal.shown{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-hint{animation:none}.reveal{opacity:1;transform:none;transition:none}.orbit-ring li.ring-out,.orbit-ring li.ring-in,.orbit:before,.orbit:after{animation:none}}@media(width<=40rem){:root{--shell: calc(100% - 2rem) }.topbar nav a:not(.ghost){display:none}.copy{top:.7rem}.term-body{padding:1rem 1rem 1.15rem}.term-body code{font-size:.78rem;line-height:1.85}.line{width:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding-left:2ch;text-indent:-2ch}.term-body.typing .line{animation:none;clip-path:none}.term-body.typing .line.last:after{content:none}}