.zs-home{--zs-bg:var(--background);--zs-surface:var(--surface);--zs-card:var(--card);--zs-elev:var(--surface-elevated);--zs-border:var(--border);--zs-border-strong:var(--border-strong);--zs-text:var(--foreground);--zs-text-2:var(--soft);--zs-muted:var(--muted-foreground);--zs-subtle:var(--subtle);--zs-ember:var(--primary);--zs-ember-soft:var(--ember-soft);--zs-ember-deep:var(--ember-deep);--zs-ok:var(--ok);--zs-chamfer:18px;background:var(--zs-bg);color:var(--zs-text)}.zs-display{font-family:var(--font-manrope), var(--font-inter), sans-serif;letter-spacing:-.045em;font-weight:800}.zs-mono{font-family:var(--font-jetbrains), ui-monospace, monospace}.zs-ember-text{color:var(--zs-ember)}.zs-pixel{image-rendering:pixelated}.zs-hero-runway{height:160svh}.zs-hero-stage{height:calc(100svh - 4rem);min-height:560px;position:sticky;top:4rem}.zs-hero-stage h1{font-size:clamp(2.5rem,8.4vw,9rem)}.zs-logo-tilt{height:min(38svh,17rem)}@media (min-width:1024px){.zs-logo-tilt{height:2.15em}}.zs-hero-grid{background-image:linear-gradient(90deg,#ffffff0b 1px,#0000 1px),linear-gradient(#ffffff0b 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(70% 60%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60%,#000 20%,#0000 75%)}.zs-hero-glow{aspect-ratio:1;filter:blur(20px);background:radial-gradient(circle,#ff5a0052,#ff5a0014 45%,#0000 70%);width:min(70vw,760px);translate:-50% -50%}.zs-voxel-mark{filter:drop-shadow(0 30px 40px #0000008c)}.zs-scroll-cue{background:var(--zs-border)}.zs-btn{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);align-items:center;gap:.5rem;height:3rem;padding:0 1.4rem;font-size:.95rem;font-weight:600;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.zs-btn-lg{height:3.75rem;padding:0 2rem;font-size:1.05rem}.zs-btn-primary{background:var(--zs-ember);color:#0b0c0e}.zs-btn-primary:hover{background:var(--zs-ember-soft)}.zs-btn-ghost{background:var(--zs-card);color:var(--zs-text);box-shadow:inset 0 0 0 1px var(--zs-border-strong)}.zs-btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--zs-ember)}.zs-btn:focus-visible,.zs-card:focus-visible,.zs-link:focus-visible{outline:2px solid var(--zs-ember-soft);outline-offset:3px}.zs-link{color:var(--zs-text-2)}.zs-link:hover{color:var(--zs-ember-soft)}.zs-marquee{background:var(--zs-surface)}.zs-marquee-track{animation:42s linear infinite zs-marquee}@keyframes zs-marquee{to{transform:translate(-50%)}}.zs-card{background:var(--zs-card);box-shadow:inset 0 0 0 1px var(--zs-border);clip-path:polygon(0 0, calc(100% - var(--zs-chamfer)) 0, 100% var(--zs-chamfer), 100% 100%, 0 100%);transition:box-shadow .4s}.zs-card[data-active],.zs-card:hover{box-shadow:inset 0 0 0 1px #ff5a008c}.zs-card-art{background:radial-gradient(circle at 50% 60%, #ff5a0038, transparent 62%), linear-gradient(180deg, var(--zs-elev), var(--zs-surface));border-bottom:1px solid var(--zs-border)}.zs-card-arrow{box-shadow:inset 0 0 0 1px var(--zs-border-strong);transition:background-color .3s,color .3s}.zs-card:hover .zs-card-arrow{background:var(--zs-ember);color:#0b0c0e;box-shadow:none}.zs-stack-card{background:linear-gradient(160deg, var(--zs-elev), var(--zs-card) 55%);box-shadow:inset 0 0 0 1px var(--zs-border), 0 -24px 60px #00000073;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}.zs-visual{background:var(--zs-bg);box-shadow:inset 0 0 0 1px var(--zs-border)}.zs-check{background:var(--zs-surface);box-shadow:inset 0 0 0 1px var(--zs-border)}.zs-bubble{background:var(--zs-elev);color:var(--zs-text)}.zs-bubble-dev{color:var(--zs-text);background:#ff5a0024;box-shadow:inset 0 0 0 1px #ff5a0066}.zs-window{background:var(--zs-surface);box-shadow:inset 0 0 0 1px var(--zs-border), 0 40px 80px #0006;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}.zs-finale{background:radial-gradient(60% 50% at 50% 100%,#ff5a0029,#0000 70%)}.zs-fill-text{background-image:linear-gradient(var(--zs-ember), var(--zs-ember)), linear-gradient(#5f6670, #5f6670);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#0000;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:reduce){.zs-hero-runway{height:auto}.zs-hero-stage{position:relative;top:0}.zs-marquee-track{animation:none}}
