:root{--night: #000000;--panel: #0E0E10;--panel-2: #151518;--line: #232328;--fg: #F5F5F7;--muted: #A1A1A6;--dim: #6E6E73;--violet: #A78BFA;--violet-deep: #8B5CF6;--paper: #F5F5F7;--paper-ink: #1D1D1F;--paper-muted: #6E6E73;--paper-faint: #86868B;--display: "Geist", "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--body: "Geist", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--mono: "Geist Mono", "SF Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html{overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{margin:0;background:var(--night);color:var(--fg);font:17px/1.5 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:#000c}a{color:inherit}.wrap{max-width:1120px;margin:0 auto;padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(22px,env(safe-area-inset-right,0px))}:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:8px}header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:#000000a8;backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:52px}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand svg{height:21px;width:auto;display:block}nav.links{display:flex;align-items:center;gap:24px;font-size:12.5px;color:#f5f5f7cc}nav.links a{text-decoration:none;transition:color .2s}nav.links a:hover{color:#fff}.pill{display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;white-space:nowrap;font:500 12.5px/1 var(--body);color:#000;background:var(--fg);border-radius:999px;padding:7px 13px;border:0}.pill:hover{background:#fff}.hero{padding-block:84px 24px;position:relative;text-align:center;isolation:isolate}.hero-copy{will-change:transform,opacity}.name{font:600 21px/1 var(--display);letter-spacing:-.01em;color:var(--fg);margin:0;display:inline-flex;gap:10px;align-items:center}.name svg{height:26px;width:auto}h1{font:600 clamp(44px,8vw,96px)/1 var(--display);letter-spacing:-.05em;margin:18px auto 0;max-width:12ch;text-wrap:balance}h1 .l1,h1 .l2{display:block}h1 .l2{color:#8e8e93}.lit{--lx: -9999px;--ly: -9999px}html.can-lit .lit{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(circle var(--lr, 230px) at var(--lx) var(--ly),var(--hi, #FFFFFF) 0%,var(--hi, #FFFFFF) 20%,var(--base, #8E8E93) 100%)}html.can-lit .lit b,html.can-lit .lit code{color:transparent}h1 .l1{--base: #C9C9CE;--lr: 340px}h1 .l2{--base: #626267;--hi: #F5F5F7;--lr: 340px}.lede{--base: #86868B}h2.lit{--base: #B8B8BD;--lr: 300px}.card h3.lit{--base: #C9C9CE}.intro.lit,.card p.lit,.fact .lit{--base: #7C7C82;--hi: #F5F5F7}.lede{font-size:clamp(19px,2vw,23px);line-height:1.38;color:var(--muted);max-width:40ch;margin:22px auto 0;letter-spacing:-.01em}.lede b{color:var(--fg);font-weight:500}.cta{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:32px;justify-content:center;align-items:center}.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;font:500 17px/1 var(--body);border-radius:999px;padding:15px 24px;border:0;color:#000;background:var(--fg);will-change:transform}.btn:hover{background:#fff}.btn svg{width:17px;height:17px}.more{font-size:17px;color:var(--violet);text-decoration:none;display:inline-flex;gap:6px;align-items:center}.more:hover{text-decoration:underline;text-underline-offset:4px}.more span{transition:transform .25s cubic-bezier(.2,0,0,1);display:inline-block}.more:hover span{transform:translate(3px)}.screen-wrap{margin:64px auto 0;max-width:1040px;perspective:1800px;position:relative;will-change:transform}.screen{position:relative;border-radius:28px;overflow:hidden;border:1px solid #2A2A30;background:#1a1a1f;box-shadow:0 60px 140px -60px #8b5cf673,0 40px 90px -40px #000000f2,inset 0 1px #ffffff0f;transform-style:preserve-3d;will-change:transform}.screen svg{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none}.screen .sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:radial-gradient(600px circle at var(--sx, 50%) var(--sy, 0%),rgba(255,255,255,.14),transparent 45%);mix-blend-mode:soft-light}.hint{margin:22px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font:400 13px/1.4 var(--mono);color:var(--dim)}.hint span{display:inline-flex;align-items:center;gap:8px}.hint i{width:6px;height:6px;border-radius:50%;background:var(--violet);display:inline-block}.hint .now{color:var(--muted)}.statement{padding-block:140px 120px}.statement p{font:600 clamp(30px,4.6vw,56px)/1.12 var(--display);letter-spacing:-.035em;margin:0;max-width:22ch;text-wrap:balance;color:var(--dim)}.statement .w{transition:color .35s linear}.statement .w.on{color:var(--fg)}.statement .w.hot{color:var(--violet)}section.band{padding-block:120px}.kicker{font:500 13px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--violet)}h2{font:600 clamp(36px,5.4vw,64px)/1.03 var(--display);letter-spacing:-.045em;margin:14px 0 0;max-width:16ch;text-wrap:balance}.intro{color:var(--muted);max-width:52ch;margin:20px 0 0;font-size:19px;line-height:1.45}.center{text-align:center}.center h2,.center .intro{margin-left:auto;margin-right:auto}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:64px}.card{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:26px;min-width:0;display:grid;gap:22px;align-content:start;will-change:transform}.card .vis{border-radius:18px;background:radial-gradient(120% 140% at 50% 0%,#1d1d23,#08080a 70%);border:1px solid rgba(255,255,255,.05);height:170px;overflow:hidden}.card .vis svg{width:100%;height:100%;display:block}.card h3{font:600 22px/1.15 var(--display);letter-spacing:-.02em;margin:0}.card p{margin:8px 0 0;color:var(--muted);font-size:16px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.tag{font:400 12px/1 var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 10px}section.light{background:var(--paper);color:var(--paper-ink);padding-block:120px}section.light .kicker{color:#6d3fe0}section.light .intro{color:var(--paper-muted)}.scrolly{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:64px;margin-top:40px;align-items:start}.steps{display:grid}.step{min-height:64vh;display:flex;flex-direction:column;justify-content:center;padding-block:24px}.step .tag2{font:500 12.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--paper-faint);transition:color .4s}.step h3{font:600 clamp(26px,3vw,36px)/1.1 var(--display);letter-spacing:-.03em;margin:12px 0 0;color:var(--paper-faint);transition:color .4s;text-wrap:balance}.step p{margin:12px 0 0;color:var(--paper-faint);font-size:17px;max-width:40ch;transition:color .4s}.step.on .tag2{color:#6d3fe0}.step.on h3{color:var(--paper-ink)}.step.on p{color:var(--paper-muted)}.sticky{position:sticky;top:calc(env(safe-area-inset-top,0px) + 100px)}.stage-big{border-radius:32px;background:radial-gradient(90% 80% at 50% 0%,#1b1b21,#000 70%);aspect-ratio:4 / 3.3;box-shadow:0 50px 100px -50px #0000008c;position:relative;overflow:hidden}.stage-big svg{width:100%;height:100%;display:block}.stage-big .caption{position:absolute;left:0;right:0;bottom:22px;text-align:center;font:400 13px/1 var(--mono);color:var(--dim)}.dots{display:flex;gap:8px;justify-content:center;margin-top:18px}.dots i{width:7px;height:7px;border-radius:50%;background:#c7c7cc;transition:background .3s,transform .3s}.dots i.on{background:var(--paper-ink);transform:scale(1.15)}.eng{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:start;margin-top:56px}.facts{display:grid;border-top:1px solid var(--line)}.fact{display:grid;grid-template-columns:11em minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.fact dt{font:500 14px/1.4 var(--mono);color:var(--fg)}.fact dd{margin:0;color:var(--muted);font-size:16px}code.inline{font-family:var(--mono);color:var(--fg);font-size:.92em}.aside{display:block;margin-top:6px;font:400 12.5px/1.5 var(--mono);color:#55555b}.lab{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:24px;display:grid;gap:16px;min-width:0}.lab-head,.bp-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 16px;align-items:center}.lab-head b,.bp-head b{font:600 18px/1.2 var(--display);letter-spacing:-.01em}.lab-head span,.bp-head span{font:400 12px/1.4 var(--mono);color:var(--dim)}.bp-head span{display:block;margin-top:4px}.rail-row{display:grid;grid-template-columns:11.5em minmax(0,1fr);gap:14px;align-items:center;font-size:14px}.rail-row em{display:block;font:normal 400 11.5px/1.3 var(--mono);color:var(--dim)}.rail{position:relative;overflow:hidden;height:30px;border-radius:999px;background:#070708;border:1px solid rgba(255,255,255,.06)}.rail-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.holder{position:absolute;left:4px;top:3px;width:calc(100% - 30px);height:22px;will-change:transform}.holder i{position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--fg)}.holder.css{animation:slide 1.6s cubic-bezier(.65,0,.35,1) infinite alternate}.holder.css i{background:var(--violet)}@keyframes slide{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.holder.css{animation:none}}.lab-btn{justify-self:start;font:500 14px/1 var(--body);color:var(--fg);background:#1a1a1e;border:1px solid #2E2E34;border-radius:999px;padding:12px 16px;cursor:pointer}.lab-btn:hover{background:#222227}.lab-btn[disabled]{color:#ff9f8a;border-color:#5a2e26;cursor:progress}.lab-out{margin:0;font:400 13px/1.55 var(--mono);color:var(--muted);min-height:3.1em}.blueprint{margin-top:18px;background:#060608;border:1px solid var(--line);border-radius:28px;padding:24px;min-width:0}.blueprint svg{display:block;width:100%;height:auto;margin-top:12px}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;background:#111114;border:1px solid var(--line);border-radius:999px;padding:3px}.seg button{font:500 12.5px/1 var(--body);color:var(--muted);background:none;border:0;border-radius:999px;padding:8px 12px;cursor:pointer}.seg button[aria-pressed=true]{color:#000;background:var(--fg)}.bp-foot{margin:6px 0 0;font:400 12.5px/1.5 var(--mono);color:var(--dim)}.term{margin-top:48px;border-radius:18px;border:1px solid #2B2B31;background:#0c0c0e;overflow:hidden;box-shadow:0 40px 100px -50px #000000e6}.term-top{display:flex;justify-content:space-between;align-items:center;background:#1b1b1f;height:40px;padding-left:8px}.term-tab{display:inline-flex;gap:8px;align-items:center;height:32px;margin-top:8px;padding:0 14px;border-radius:8px 8px 0 0;background:#0c0c0e;font:400 12.5px/1 var(--body);color:var(--fg)}.term-tab svg{width:16px;height:12px}.term-ctl{display:flex;height:100%}.term-ctl i{width:46px;display:grid;place-items:center;font:normal 400 12px/1 var(--body);color:var(--muted)}.term-island{background:linear-gradient(135deg,#c9d3e8,#e4ddf1 55%,#f3e9e1);border-bottom:1px solid #222}.term-island svg{display:block;width:100%;height:auto;max-height:132px}.term-body{padding:14px 18px 16px;max-height:300px;min-height:220px;overflow-y:auto;font:13.5px/1.65 var(--mono);color:#ccc;cursor:text}.tl{white-space:pre-wrap;word-break:break-word}.tl.cmd{color:#f5f5f7}.tl.ok{color:#9fe3b4}.tl.err{color:#ff9f8a}.tl.dim{color:#6e6e73}.tl.cat{color:var(--violet)}.ps{color:#6aa6ff}.prompt{display:flex;gap:8px;align-items:baseline}.prompt input{flex:1;min-width:0;background:none;border:0;outline:none;color:#f5f5f7;font:inherit;caret-color:var(--violet);padding:0}.prompt input::placeholder{color:#4a4a50}.suggest{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.suggest button{font:400 12.5px/1 var(--mono);color:var(--muted);background:#0e0e10;border:1px solid var(--line);border-radius:999px;padding:9px 12px;cursor:pointer;text-align:left}.suggest button:hover{color:var(--fg);border-color:#3a3a42}.dl{border-radius:36px;border:1px solid var(--line);padding:clamp(32px,6vw,72px);background:radial-gradient(90% 120% at 15% 0%,#8b5cf62e,#8b5cf600 55%),var(--panel);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}.dl h2{margin-top:12px}.dl .cta{justify-content:flex-start}.dl .reqs{margin:18px 0 0;color:var(--dim);font:400 13px/1.6 var(--mono)}.dl .mark{width:clamp(140px,20vw,230px)}footer{padding-block:40px 60px;color:var(--dim);font-size:13px;border-top:1px solid rgba(255,255,255,.06)}footer .wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}footer svg{height:18px;width:auto;display:block}@media(max-width:860px){nav.links a:not(.pill){display:none}.features{grid-template-columns:minmax(0,1fr)}.scrolly{grid-template-columns:minmax(0,1fr);gap:0}.scrolly .sticky{order:-1;top:calc(env(safe-area-inset-top,0px) + 60px);z-index:2}.stage-big{aspect-ratio:16 / 10}.step{min-height:52vh}.eng{grid-template-columns:minmax(0,1fr)}.rail-row{grid-template-columns:minmax(0,1fr);gap:6px}.fact{grid-template-columns:minmax(0,1fr);gap:4px}.dl{grid-template-columns:minmax(0,1fr)}.dl .mark{display:none}section.band,section.light{padding-block:88px}.statement{padding-block:96px 80px}}.features.three{grid-template-columns:repeat(3,minmax(0,1fr))}.features.three .vis{height:auto;aspect-ratio:320 / 150}.fade{transition:opacity .28s cubic-bezier(.2,0,0,1)}.fade-fill{transition:fill .35s ease}.slide{transition:transform .6s cubic-bezier(.34,1.3,.64,1)}.karaoke{transition:fill .25s linear}.blink{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.bar{transform-box:fill-box;transform-origin:left center}.bar.grow{animation:grow 4s cubic-bezier(.3,0,.4,1) forwards}@keyframes grow{0%{transform:scaleX(.05)}to{transform:scaleX(1)}}.draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .6s cubic-bezier(.3,0,.2,1) forwards}.draw.late{animation-delay:.35s}@keyframes draw{to{stroke-dashoffset:0}}.shackle{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.shackle.open{transform:translateY(-5px)}.file-drop{animation:file-drop 1.2s cubic-bezier(.45,0,.2,1) forwards}@keyframes file-drop{0%{transform:translate(214px,112px) scale(1);opacity:0}15%{opacity:1}70%{transform:translate(84px,30px) scale(.7);opacity:1}to{transform:translate(72px,14px) scale(.15);opacity:0}}.also{list-style:none;padding:0;margin:40px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:900px}.also li{font:400 13px/1 var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:9px 13px}@media(max-width:1000px){.features.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.features.three{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.draw{animation:none;stroke-dashoffset:0}.bar.grow,.file-drop,.blink{animation:none}}.play{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:96px}.play-stage{position:relative;border-radius:32px;background:radial-gradient(90% 80% at 50% 0%,#1b1b21,#000 70%);box-shadow:0 50px 100px -50px #0000008c;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:manipulation}.play-stage svg{display:block;width:100%;height:auto}.play-line{position:absolute;left:0;right:0;bottom:18px;margin:0;text-align:center;font:400 12.5px/1.4 var(--mono);color:var(--dim);padding:0 16px}.play-side h3{font:600 clamp(26px,3vw,36px)/1.1 var(--display);letter-spacing:-.03em;margin:0;color:var(--paper-ink)}.play-side>p{color:var(--paper-muted);font-size:17px;margin:12px 0 0;max-width:42ch}.outfits{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.outfits button{font:500 13px/1 var(--body);color:var(--paper-ink);background:#fff;border:1px solid #DCDCE0;border-radius:999px;padding:9px 13px;cursor:pointer}.outfits button:hover{border-color:#b9b9c0}.outfits button[aria-pressed=true]{background:var(--paper-ink);color:#fff;border-color:var(--paper-ink)}.outfit-note{margin:14px 0 0;font:400 13px/1.5 var(--mono);color:var(--paper-faint)}@media(max-width:860px){.play{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:64px}}.pz{margin-top:56px;display:grid;gap:22px}.pz-stage{position:relative;height:300px;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#cdbfe8}.pz-wall{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#c9d3e8,#e4ddf1 55%,#f3e9e1)}.pz-wall i{position:absolute;border-radius:50%;filter:blur(30px);opacity:.9;animation:drift 14s ease-in-out infinite alternate}.pz-wall i:nth-child(1){width:300px;height:300px;left:18%;top:-120px;background:#ff5fa2}.pz-wall i:nth-child(2){width:260px;height:260px;left:48%;top:-90px;background:#4d8cff;animation-delay:-5s}.pz-wall i:nth-child(3){width:220px;height:220px;left:34%;top:60px;background:#ffb340;animation-delay:-9s}@keyframes drift{to{transform:translate(60px,30px) scale(1.15)}}.pz-window{position:absolute;left:50%;top:24px;width:min(560px,88%);transform:translate(-50%);padding:26px 26px 20px;background:#ffffffc7;border-radius:14px;color:#1d1d1f;display:grid;gap:8px;box-shadow:0 20px 50px -30px #0006}.pz-window b{font:600 20px/1.2 var(--display);letter-spacing:-.02em}.pz-window span{font-size:14px;line-height:1.45;color:#3a3a3f}.pz-island,.pz-glow{position:absolute;left:50%;top:0;transform:translate(-50%)}.pz-island{transition:background-color .35s ease,backdrop-filter .35s ease}.pz-island svg{display:block;width:100%;height:100%}.pz-island.solid{background:#000}.pz-island.smoke{background:#0a0a0cb8}.pz-island.glass{background:#16141e8f;backdrop-filter:blur(18px) saturate(1.7);-webkit-backdrop-filter:blur(18px) saturate(1.7)}.pz-glow{overflow:visible;filter:blur(16px);opacity:.42;transition:opacity .3s}.pz-controls{display:flex;flex-wrap:wrap;gap:18px 48px;justify-content:center}.pz-label{display:block;font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}.pz-note{margin:10px 0 0;font:400 12.5px/1.4 var(--mono);color:var(--muted)}.swatches{display:flex;gap:10px}.swatches button{width:30px;height:30px;border-radius:50%;border:0;background:var(--c);cursor:pointer;box-shadow:0 0 0 2px var(--night),0 0 0 3px transparent;transition:box-shadow .2s,transform .2s}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--night),0 0 0 4px var(--c);transform:scale(1.06)}@media(max-width:640px){.pz-stage{height:240px}.pz-island{transform:translate(-50%) scale(.82);transform-origin:top center}.pz-glow{transform:translate(-50%) scale(.82);transform-origin:50% 48px}}@media(prefers-reduced-motion:reduce){.pz-wall i{animation:none}}.keys{margin-top:56px}.keys h3{font:600 22px/1.15 var(--display);letter-spacing:-.02em;margin:0 0 18px}.keys ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.keys li{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px;color:var(--muted);font-size:15px}.combo{display:inline-flex;gap:5px;flex:none}kbd{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:8px;font:500 12.5px/1 var(--body);color:var(--fg);background:linear-gradient(#26262b,#1b1b1f);border:1px solid #34343A;box-shadow:inset 0 -2px #00000073,0 1px #ffffff0a}kbd svg{width:12px;height:12px}@media(max-width:1000px){.keys ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.keys ul{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.pz-controls>div{text-align:center}.swatches{justify-content:center}}