@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./pixelify-sans-latin-600-normal-Dd_Dy7u5.woff2)format("woff2"),url(./pixelify-sans-latin-600-normal-BNlgYbDL.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(./barlow-latin-400-normal-fsAxiSwU.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(./barlow-latin-600-normal-CNwfPWQD.woff)format("woff")}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(./silkscreen-latin-400-normal-CtPo2yA5.woff2)format("woff2"),url(./silkscreen-latin-400-normal-D0DfPJut.woff)format("woff")}:root{--bg:#121211;--panel:#1b1b19;--raise:#262623;--ink:#efede4;--muted:#b5b3aa;--line:#3a3934;--line-strong:#5d5b53;--accent:#ff6b1f;--on-accent:#121211;--select:#ff6b1f;--rec:#ff3b30;--screen:#070707;--hud:#f5f2e8;--lift:6px 6px 0 #000;--notch:polygon(0 6px, 6px 6px, 6px 0, calc(100% - 6px) 0, calc(100% - 6px) 6px, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 6px calc(100% - 6px), 0 calc(100% - 6px));--notch-sm:polygon(0 3px, 3px 3px, 3px 0, calc(100% - 3px) 0, calc(100% - 3px) 3px, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 3px calc(100% - 3px), 0 calc(100% - 3px));--display:"Pixelify Sans", system-ui, sans-serif;--micro:"Silkscreen", "Pixelify Sans", monospace;--body:"Barlow", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=classic]{--bg:#f4f2ea;--panel:#fffdf7;--raise:#e7e4d8;--ink:#111;--muted:#55534c;--line:#c9c5b8;--line-strong:#111;--accent:#111;--on-accent:#f4f2ea;--select:#111;--lift:6px 6px 0 #111;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=pocket]{--bg:#a3b373;--panel:#b5c387;--raise:#8e9f5f;--ink:#1c2812;--muted:#344523;--line:#839455;--line-strong:#2d421c;--accent:#2d421c;--on-accent:#d4e0a8;--select:#1c2812;--screen:#1c2812;--lift:6px 6px 0 #2d421c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=arcade]{--bg:#0f1230;--panel:#171b45;--raise:#242a60;--ink:#f6f0ff;--muted:#c1bfe4;--line:#2b3070;--line-strong:#5b62b8;--accent:#46e6d6;--on-accent:#0f1230;--select:#ff5fc8;--screen:#06071c;--lift:6px 6px 0 #ff5fc8}:root[data-theme=terminal]{--bg:#0b0a07;--panel:#14120c;--raise:#221e12;--ink:#ffcf7a;--muted:#d3ac68;--line:#2e2817;--line-strong:#6b5626;--accent:#ffb000;--on-accent:#0b0a07;--select:#ffb000;--screen:#050403;--hud:#ffd88f;--lift:6px 6px 0 #6b5626}:root[data-theme=candy]{--bg:#fbe4ef;--panel:#fff4f9;--raise:#f5cde0;--ink:#43215e;--muted:#674574;--line:#ecbfd4;--line-strong:#43215e;--accent:#ff4f9a;--on-accent:#351443;--select:#7a3bd1;--screen:#251231;--lift:6px 6px 0 #43215e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--ink);font:400 17px/1.5 var(--body);-webkit-font-smoothing:antialiased;margin:0;transition:background-color .25s,color .25s}img,canvas{max-width:100%;display:block}h1,h2,h3,p,ol,dl,dd{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:3px solid var(--select);outline-offset:3px}::selection{background:var(--accent);color:var(--on-accent)}.wrap{width:min(100% - 64px,1320px);margin-inline:auto}.accent{color:var(--accent)}.skip-link{z-index:50;background:var(--accent);color:var(--on-accent);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.kicker{color:var(--accent);font:400 11px/1 var(--micro);letter-spacing:.14em}.fine{color:var(--muted);margin-top:18px;font-size:14px}.fine a{text-underline-offset:3px;text-decoration:underline}.sprite{flex:none;width:1em;height:1em;display:inline-block}.sprite svg{width:100%;height:100%;display:block}.btn{min-height:54px;font:600 17px/1.1 var(--display);clip-path:var(--notch-sm);justify-content:space-between;align-items:center;gap:22px;padding:14px 20px;transition:transform .12s steps(2,end),filter .12s;display:inline-flex}.btn:active{transform:translateY(2px)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{filter:brightness(1.12)}.btn-ghost{box-shadow:inset 0 0 0 2px var(--line-strong)}.btn-ghost:hover{box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent)}.btn-arrow{clip-path:polygon(0 43%,57% 43%,57% 14%,71% 14%,71% 29%,86% 29%,86% 43%,100% 43%,100% 57%,86% 57%,86% 71%,71% 71%,71% 86%,57% 86%,57% 57%,0 57%);background:currentColor;width:14px;height:14px}.btn:hover .btn-arrow{transform:translate(3px)}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:72px;display:flex}.brand{font:600 19px/1 var(--display);letter-spacing:.12em;align-items:center;gap:10px;display:inline-flex}.brand img{width:44px;height:44px}.site-header nav{font:600 15px/1 var(--body);align-items:center;gap:28px;display:flex}.site-header nav a{padding-block:12px}.site-header nav a:hover{color:var(--accent)}.nav-cta{background:var(--accent);font-family:var(--display);clip-path:var(--notch-sm);color:var(--on-accent)!important;padding:12px 16px!important}.showreel{background:var(--screen);height:calc(100svh - 73px);min-height:600px;max-height:1080px;position:relative;overflow:hidden}.showreel-stage{position:absolute;inset:0}.showreel-canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.showreel-stage.developed .showreel-canvas{cursor:crosshair}.band-labels{pointer-events:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:absolute;inset:0}.showreel-stage[data-layout=rows] .band-labels{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:1fr}.band-label{color:#f5f2e8;clip-path:var(--notch-sm);opacity:0;background:#0a0a0ad9;grid-template-columns:auto 1fr;place-self:start;align-items:center;gap:2px 8px;margin:16px;padding:9px 12px 8px;transition:opacity .3s steps(3,end);display:grid}.developed .band-label{opacity:1}.band-label i{background:var(--rec);grid-row:span 2;width:8px;height:8px;animation:1.2s step-end infinite blink}.band-label b{font:600 16px/1 var(--display)}.band-label small{font:400 9px/1 var(--micro);letter-spacing:.08em;text-transform:uppercase;opacity:.75}.band-label.cut{animation:.36s steps(4,end) label-cut}@keyframes label-cut{0%{clip-path:inset(0 100% 0 0)}to{clip-path:var(--notch-sm)}}.hero-hint{color:#f5f2e8;font:400 10px/1 var(--micro);letter-spacing:.1em;text-transform:uppercase;clip-path:var(--notch-sm);opacity:0;pointer-events:none;background:#0a0a0ad9;padding:9px 12px 8px;transition:opacity .4s steps(3,end) .6s;position:absolute;bottom:16px;right:16px}@media (hover:hover) and (pointer:fine){.developed .hero-hint{opacity:1}}.hero-panel{z-index:2;background:var(--bg);width:min(640px,100% - 32px);clip-path:var(--notch);filter:drop-shadow(var(--lift));padding:clamp(22px,2.6vw,38px);position:absolute;bottom:clamp(16px,5vh,56px);left:clamp(16px,3.4vw,56px)}.eyebrow{background:var(--raise);font:400 11px/1 var(--micro);letter-spacing:.1em;clip-path:var(--notch-sm);align-items:center;gap:10px;padding:8px 12px 7px;display:inline-flex}.blink{background:var(--rec);width:8px;height:8px;animation:1.2s step-end infinite blink}@keyframes blink{50%{opacity:0}}h1{font:600 clamp(52px, 6.2vw, 104px)/.9 var(--display);letter-spacing:-.03em;margin-top:20px}h1 .line{animation:.7s steps(9,end) .2s both wipe-in;display:block}h1 .line:nth-child(2){animation-delay:.34s}@keyframes wipe-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -10% 0 0)}}.lede{max-width:520px;color:var(--muted);margin-top:20px;font-size:clamp(17px,1.35vw,20px);line-height:1.45}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.vf{background:var(--panel);width:clamp(300px,min(29vw,75svh - 285px),420px);clip-path:var(--notch);box-shadow:inset 0 0 0 2px var(--line-strong);filter:drop-shadow(var(--lift));padding:10px}.vf-bar{justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:0 4px 8px;display:flex}.vf-live{font:400 10px/1 var(--micro);letter-spacing:.1em;color:var(--muted);align-items:center;gap:7px;display:inline-flex}.vf-live i{background:var(--rec);width:7px;height:7px;animation:1.2s step-end infinite blink}.vf-look{text-align:right;justify-items:end;gap:3px;min-width:0;display:grid}.vf-look strong{font:600 18px/1 var(--display)}.vf-look span{color:var(--muted);font:400 9px/1 var(--micro);letter-spacing:.08em;white-space:nowrap}.vf-screen{aspect-ratio:3/4;background:var(--screen);clip-path:var(--notch-sm);position:relative;overflow:hidden}.vf-screen canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.vf-screen.mirrored #vf-canvas{transform:scaleX(-1)}.vf-prev{opacity:0}.vf-prev.wipe{opacity:1;animation:.42s steps(12,end) forwards scan-wipe}@keyframes scan-wipe{0%{clip-path:inset(0)}to{clip-path:inset(100% 0 0)}}.vf-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.vf-flash.on{animation:.32s steps(4,end) forwards flash}@keyframes flash{0%{opacity:.95}to{opacity:0}}.vf-boot{background:var(--screen);pointer-events:none;animation:.9s steps(6,end) .1s forwards boot;position:absolute;inset:0}@keyframes boot{0%{clip-path:inset(0)}40%{clip-path:inset(49% 0);background:var(--hud)}to{clip-path:inset(50% 0)}}.vf-scenes{clip-path:var(--notch-sm);background:#0a0a0acc;gap:2px;padding:2px;display:flex;position:absolute;bottom:8px;left:8px}.vf-scenes button{color:#f5f2e8;min-height:30px;font:400 9px/1 var(--micro);letter-spacing:.06em;padding:6px 9px 5px}.vf-scenes button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.vf-note{color:#f5f2e8;background:#0a0a0add;padding:8px 10px;font-size:13px;line-height:1.35;position:absolute;top:8px;left:8px;right:8px}.vf-rail{scrollbar-width:none;scroll-snap-type:x proximity;gap:4px;margin:8px -10px 0;padding:4px 10px;display:flex;overflow-x:auto}.vf-rail::-webkit-scrollbar{display:none}.look-chip{scroll-snap-align:center;width:54px;color:var(--muted);flex:none;justify-items:center;gap:5px;padding:3px 2px 4px;display:grid;position:relative}.look-chip canvas{width:42px;height:56px;image-rendering:pixelated;box-shadow:0 0 0 1px var(--line)}.look-chip span{white-space:nowrap;text-overflow:ellipsis;max-width:56px;font:400 10.5px/1.1 var(--body);overflow:hidden}.look-chip[aria-pressed=true]{color:var(--ink)}.look-chip[aria-pressed=true] canvas{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--accent)}.look-chip[aria-pressed=true] span{font-weight:600}.look-chip.timing:after{content:"";background:var(--accent);transform-origin:0;height:2px;animation:timer var(--dwell,2.8s) steps(14) forwards;position:absolute;bottom:-3px;left:6px;right:6px}@keyframes timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.vf-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:6px 4px 0;display:grid}.film{align-items:center;gap:4px;min-height:40px;display:flex}.film-empty{color:var(--muted);font:400 9px/1.3 var(--micro);letter-spacing:.06em}.film button{width:30px;height:40px;box-shadow:0 0 0 1px var(--line-strong);animation:.3s steps(4,end) both drop}.film canvas{width:100%;height:100%;image-rendering:pixelated}@keyframes drop{0%{opacity:0;transform:translateY(-12px)scale(1.3)}}.shutter{background:var(--ink);clip-path:polygon(16px 0,48px 0,48px 4px,56px 4px,56px 8px,60px 8px,60px 16px,64px 16px,64px 48px,60px 48px,60px 56px,56px 56px,56px 60px,48px 60px,48px 64px,16px 64px,16px 60px,8px 60px,8px 56px,4px 56px,4px 48px,0 48px,0 16px,4px 16px,4px 8px,8px 8px,8px 4px,16px 4px);width:64px;height:64px;padding:4px;position:relative}.shutter span{background:var(--accent);clip-path:polygon(12px 0,40px 0,40px 4px,44px 4px,44px 8px,48px 8px,48px 12px,52px 12px,52px 40px,48px 40px,48px 44px,44px 44px,44px 48px,40px 48px,40px 52px,12px 52px,12px 48px,8px 48px,8px 44px,4px 44px,4px 40px,0 40px,0 12px,4px 12px,4px 8px,8px 8px,8px 4px,12px 4px);transition:inset .1s steps(2,end);position:absolute;inset:6px}.shutter:hover span{filter:brightness(1.12)}.shutter:active span{inset:9px}.shutter:focus-visible{background:var(--select);outline:0}.vf-auto{min-height:36px;color:var(--muted);font:400 9px/1 var(--micro);letter-spacing:.08em;box-shadow:inset 0 0 0 1px var(--line-strong);clip-path:var(--notch-sm);justify-self:end;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.vf-auto .sprite{font-size:14px}.vf-auto[aria-pressed=true]{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ticker{background:var(--accent);color:var(--on-accent);border-block:2px solid var(--line-strong);overflow:hidden}.ticker.is-idle .ticker-track,.document-hidden .ticker-track{animation-play-state:paused}.ticker-track{width:max-content;font:400 14px/1 var(--micro);letter-spacing:.1em;align-items:center;gap:28px;padding:16px 0 14px;animation:38s linear infinite ticker;display:flex}.ticker-track i{clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%);background:currentColor;width:10px;height:10px}@keyframes ticker{to{transform:translate(-50%)}}.section{padding-block:clamp(80px,11vw,150px)}.section-head{gap:22px;max-width:760px;display:grid}h2{font:600 clamp(44px, 5.6vw, 86px)/.95 var(--display);letter-spacing:-.025em}.section-lede{max-width:580px;color:var(--muted);font-size:clamp(18px,1.4vw,20px);line-height:1.45}.reveal{clip-path:inset(0 0 100%)}.reveal.in{animation:.55s steps(8,end) forwards reveal}@keyframes reveal{to{clip-path:inset(0 0 -20%)}}.wall-filters{flex-wrap:wrap;gap:6px;margin-top:44px;display:flex}.wall-filters button{background:var(--panel);min-height:40px;font:400 11px/1 var(--micro);letter-spacing:.08em;text-transform:uppercase;clip-path:var(--notch-sm);padding:10px 14px 9px}.wall-filters button span{color:var(--muted);margin-left:4px}.wall-filters button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.wall-filters button[aria-pressed=true] span{color:inherit}.wall{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.tile{text-align:left;transition:transform .14s steps(2,end);display:block;position:relative}.tile canvas{aspect-ratio:3/4;background:var(--screen);width:100%;image-rendering:pixelated}.tile-cap{justify-content:space-between;align-items:baseline;gap:8px;padding:9px 2px 0;display:flex}.tile-cap strong{font:600 16px/1.15 var(--display)}.tile-cap small{color:var(--muted);font:400 8px/1 var(--micro);letter-spacing:.1em;text-transform:uppercase}.tile-blurb{aspect-ratio:3/4;color:#fff;opacity:0;background:linear-gradient(0deg,#000c 0,#0000 55%);align-items:flex-end;padding:10px;font-size:13px;line-height:1.3;transition:opacity .15s steps(3,end);display:flex;position:absolute;top:0;left:0;right:0}.tile:hover,.tile:focus-visible{transform:translate(-3px,-3px)}.tile:hover canvas,.tile:focus-visible canvas{box-shadow:6px 6px 0 var(--accent)}.tile:hover .tile-blurb,.tile:focus-visible .tile-blurb{opacity:1}.tile[hidden]{display:none}.palettes{background:var(--panel);border-block:1px solid var(--line)}.palette-stage{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,5vw,72px);margin-top:52px;display:grid}.cartridges{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.cart{background:var(--raise);text-align:left;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);gap:8px;padding:10px 10px 12px;transition:transform .12s steps(2,end);display:grid;position:relative}.cart:after{content:"";background:repeating-linear-gradient(90deg, var(--line-strong) 0 3px, transparent 3px 6px);opacity:.6;height:3px;position:absolute;bottom:4px;left:10px;right:10px}.cart-stripes{height:40px;box-shadow:0 0 0 1px var(--line-strong);display:flex}.cart-stripes i{flex:1}.cart b{white-space:nowrap;text-overflow:ellipsis;font:600 14px/1.1 var(--display);overflow:hidden}.cart small{color:var(--muted);font:400 8px/1 var(--micro);letter-spacing:.1em;padding-bottom:6px}.cart:hover{transform:translateY(-3px)}.cart[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.cart[aria-pressed=true] small{color:inherit;opacity:.8}.palette-preview{grid-template-columns:repeat(3,1fr);align-items:start;gap:12px;padding-bottom:54px;display:grid;position:relative}.palette-preview canvas{aspect-ratio:3/4;width:100%;image-rendering:pixelated;box-shadow:var(--lift);background:#fffdf5;padding:6px 6px 22px}.palette-preview canvas:first-child{transform:rotate(-4deg)translateY(10px)}.palette-preview canvas:nth-child(2){z-index:1;transform:rotate(2deg)}.palette-preview canvas:nth-child(3){transform:rotate(-1deg)translateY(18px)}.palette-readout{align-items:baseline;gap:12px;display:flex;position:absolute;bottom:0;left:0}.palette-readout strong{font:600 24px/1 var(--display)}.palette-readout span{color:var(--muted);font:400 10px/1 var(--micro);letter-spacing:.1em}.bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:56px;display:grid}.card{background:var(--panel);min-height:230px;box-shadow:inset 0 0 0 1px var(--line);clip-path:var(--notch);align-content:start;gap:12px;padding:26px 24px;display:grid}.card .sprite{color:var(--accent);margin-bottom:18px;font-size:48px}.card h3{font:600 24px/1.05 var(--display)}.card p{color:var(--muted);font-size:16px;line-height:1.45}.card-wide{grid-column:span 2}.card-full{grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:24px;min-height:0}.card-full .sprite{margin:0}.card-accent{background:var(--accent);color:var(--on-accent);box-shadow:none}.card-accent .sprite,.card-accent p{color:inherit}.gif-card{grid-template-columns:minmax(0,1fr) minmax(110px,.6fr);gap:20px}.gif-copy,.gif-sample{align-content:start;gap:10px;display:grid}.gif-sample img{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto;image-rendering:pixelated;border:4px solid var(--on-accent)}.gif-sample button{background:var(--on-accent);min-height:44px;color:var(--accent);font:600 14px/1.1 var(--display);padding:8px}.gif-sample small{font:400 9px/1.4 var(--micro)}.card-ink{background:var(--ink);color:var(--bg);box-shadow:none}.card-ink .sprite{color:var(--bg)}.card-ink p{color:var(--bg);opacity:.78}.themes-inner{grid-template-columns:1fr auto;align-items:center;gap:clamp(40px,8vw,120px);display:grid}.themes-copy{gap:22px;display:grid}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:520px;margin-top:18px;display:grid}.theme-options button{background:var(--panel);min-height:56px;font:600 16px/1 var(--display);text-align:left;box-shadow:inset 0 0 0 1px var(--line);clip-path:var(--notch-sm);align-items:center;gap:10px;padding:10px 12px;display:flex}.theme-options button:hover{box-shadow:inset 0 0 0 1px var(--accent)}.theme-options button[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--select)}.sw{background:var(--sw);width:22px;height:22px;box-shadow:0 0 0 1px var(--line-strong);flex:none}.graphite{--sw:linear-gradient(135deg, #121211 50%, #ff6b1f 50%)}.classic{--sw:linear-gradient(135deg, #f4f2ea 50%, #111 50%)}.pocket{--sw:linear-gradient(135deg, #a3b373 50%, #2d421c 50%)}.arcade{--sw:linear-gradient(135deg, #0f1230 50%, #46e6d6 50%)}.terminal{--sw:linear-gradient(135deg, #0b0a07 50%, #ffb000 50%)}.candy{--sw:linear-gradient(135deg, #fbe4ef 50%, #ff4f9a 50%)}.phone{clip-path:polygon(0 16px,8px 16px,8px 8px,16px 8px,16px 0,calc(100% - 16px) 0,calc(100% - 16px) 8px,calc(100% - 8px) 8px,calc(100% - 8px) 16px,100% 16px,100% calc(100% - 16px),calc(100% - 8px) calc(100% - 16px),calc(100% - 8px) calc(100% - 8px),calc(100% - 16px) calc(100% - 8px),calc(100% - 16px) 100%,16px 100%,16px calc(100% - 8px),8px calc(100% - 8px),8px calc(100% - 16px),0 calc(100% - 16px));width:clamp(250px,24vw,320px);filter:drop-shadow(var(--lift));background:#050505;padding:12px;transform:rotate(3deg)}.phone img{aspect-ratio:412/892;object-fit:cover;background:var(--bg);width:100%}.phone img.swap{animation:.35s steps(6,end) phone-swap}@keyframes phone-swap{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.beta{background:var(--raise);padding-block:clamp(80px,10vw,140px);overflow:hidden}.beta-inner{grid-template-columns:1fr auto;align-items:center;gap:48px;display:grid}.beta-copy{gap:24px;max-width:680px;display:grid}.beta h2{color:var(--select)}.beta-copy>p:not(.kicker):not(.fine){color:var(--muted);font-size:20px;line-height:1.45}.steps{gap:12px;padding:0;list-style:none;display:grid}.steps li{align-items:center;gap:16px;font-size:17px;display:flex}.steps b{background:var(--bg);width:40px;height:40px;color:var(--accent);font:600 20px/1 var(--display);clip-path:var(--notch-sm);flex:none;place-items:center;display:grid}.beta-actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.btn-invert{background:var(--accent);color:var(--on-accent)}.btn-invert:hover{filter:brightness(1.12)}.btn-outline{box-shadow:inset 0 0 0 2px var(--line-strong);background:var(--bg)}.btn-outline:hover{box-shadow:inset 0 0 0 2px var(--accent)}.beta-mark img{width:clamp(200px,26vw,340px);height:auto;filter:drop-shadow(var(--lift));animation:2.4s steps(4,end) infinite alternate hover}@keyframes hover{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-14px)rotate(2deg)}}.site-footer{border-top:1px solid var(--line)}.footer-inner{align-items:center;gap:24px;min-height:96px;display:flex}.footer-inner .brand{font-size:16px}.footer-inner .brand img{width:36px;height:36px}.footer-inner p{color:var(--muted);font-size:14px}.footer-inner>a:last-child{margin-left:auto;font-size:14px;font-weight:600}.footer-inner>a:last-child:hover{color:var(--accent)}@media (width<=1100px){.wall{grid-template-columns:repeat(4,minmax(0,1fr))}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-stage{grid-template-columns:1fr}.palette-preview{max-width:560px}}@media (width<=900px){.wrap{width:calc(100% - 40px)}.site-header nav a:not(.nav-cta){display:none}.showreel{background:var(--bg);height:auto;min-height:0;max-height:none;overflow:visible}.showreel-stage{height:58svh;min-height:380px;position:relative}.band-label{margin:10px;padding:7px 9px 6px}.band-label b{font-size:14px}.hero-panel{width:auto;margin:-36px 16px 0;position:relative;bottom:auto;left:auto}.themes-inner,.beta-inner{grid-template-columns:1fr}.phone{justify-self:center}.beta-mark{display:none}}@media (width<=600px){.wrap{width:calc(100% - 32px)}.brand span{font-size:16px}.brand img{width:38px;height:38px}h1{margin-top:16px;font-size:clamp(46px,13.5vw,72px)}.showreel-stage{height:54svh}.lede{margin-top:18px;font-size:17px}.hero-actions .btn{width:100%}.stats{grid-template-columns:repeat(2,auto);gap:18px 40px}.wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cartridges{grid-template-columns:repeat(2,minmax(0,1fr))}.bento{grid-template-columns:1fr}.card-wide{grid-column:auto}.card-full{grid-template-columns:1fr}.card{min-height:0}.gif-card{grid-template-columns:minmax(0,1fr) minmax(110px,.7fr);gap:14px}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.beta-actions .btn{width:100%}.footer-inner{flex-wrap:wrap;gap:10px;padding-block:24px}.footer-inner p{order:3;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{clip-path:none}.vf-boot{display:none}.band-label,.hero-hint{opacity:1}}.mirror{background:var(--bg)}.mirror-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(32px,7vw,110px);display:grid}.mirror-copy .mirror-cam{justify-self:start;margin-top:6px}.mirror .vf{width:clamp(300px,min(34vw,75svh - 225px),500px)}.collapse{background:var(--panel);border-block:2px solid var(--line-strong);height:360vh;position:relative}.collapse-pin{align-items:center;height:calc(100svh - 72px);display:flex;position:sticky;top:72px;overflow:hidden}.collapse-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(32px,7vw,110px);display:grid}.collapse-copy{align-content:center;gap:22px;display:grid}.collapse-copy>p:not(.kicker){max-width:520px;color:var(--muted);font-size:clamp(18px,1.4vw,20px);line-height:1.45}.collapse-count{align-items:baseline;gap:16px;display:flex}.collapse-count strong{color:var(--accent);font:600 clamp(96px, 13vw, 210px)/.82 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.collapse-count span{font:400 12px/1 var(--micro);letter-spacing:.12em}.collapse-swatch{max-width:520px;height:28px;clip-path:var(--notch-sm);display:flex}.collapse-swatch i{flex:1}.collapse-steps{gap:6px;display:flex}.collapse-steps i{background:var(--line-strong);width:44px;height:6px}.collapse-steps i.on{background:var(--accent)}.collapse-figure{margin:0}.collapse-figure canvas{aspect-ratio:3/4;width:auto;height:min(100svh - 170px,760px);image-rendering:pixelated;clip-path:var(--notch);filter:drop-shadow(var(--lift))}.glitch{animation:.34s steps(4,end) glitch}@keyframes glitch{0%{clip-path:inset(0 0 55%);transform:translate(-8px)}34%{clip-path:inset(45% 0 0);transform:translate(6px)}67%{clip-path:inset(20% 0 30%);transform:translate(-3px)}to{clip-path:none;transform:none}}.sound-inner{grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:center;gap:clamp(32px,7vw,110px);display:grid}.walkie{background:var(--panel);clip-path:var(--notch);box-shadow:inset 0 0 0 2px var(--line-strong);filter:drop-shadow(var(--lift));justify-items:center;gap:18px;padding:clamp(20px,2.4vw,32px);display:grid}.walkie-styles{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;display:grid}.walkie-styles button{background:var(--raise);min-height:72px;font:400 10px/1 var(--micro);letter-spacing:.06em;text-transform:uppercase;clip-path:var(--notch-sm);justify-items:center;gap:8px;padding:12px 4px 10px;display:grid}.walkie-styles .sprite{font-size:30px}.walkie-styles button[aria-checked=true]{background:var(--accent);color:var(--on-accent)}.walkie-meter{width:100%;height:auto;image-rendering:pixelated}.walkie-talk{background:var(--accent);width:176px;height:176px;color:var(--on-accent);font:600 18px/1 var(--display);touch-action:none;-webkit-user-select:none;user-select:none;clip-path:polygon(30% 0,70% 0,70% 5%,85% 5%,85% 15%,95% 15%,95% 30%,100% 30%,100% 70%,95% 70%,95% 85%,85% 85%,85% 95%,70% 95%,70% 100%,30% 100%,30% 95%,15% 95%,15% 85%,5% 85%,5% 70%,0 70%,0 30%,5% 30%,5% 15%,15% 15%,15% 5%,30% 5%);align-content:center;place-items:center;gap:8px;transition:transform .1s steps(2,end);display:grid}.walkie-talk .sprite{font-size:44px}.walkie-talk:active,.is-recording .walkie-talk{transform:scale(.94)}.is-recording .walkie-talk{background:var(--rec);color:#fff;animation:.8s steps(2,end) infinite talk-pulse}@keyframes talk-pulse{50%{filter:brightness(1.25)}}.walkie-status{max-width:360px;min-height:2.9em;color:var(--muted);text-align:center;font-size:15px;line-height:1.45}.walkie-sample{min-height:44px;color:var(--accent);font:600 15px/1 var(--body);text-underline-offset:4px;padding:0 8px;text-decoration:underline}.sticky-cta{z-index:30;background:var(--ink);color:var(--bg);clip-path:var(--notch-sm);filter:drop-shadow(var(--lift));align-items:center;gap:12px;padding:8px 8px 8px 12px;transition:transform .3s steps(4,end);display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%,calc(100% + 32px))}.sticky-cta.on{transform:translate(-50%)}.sticky-cta img{width:28px;height:28px}.sticky-cta span:not(.btn-arrow){font:600 15px/1 var(--display);white-space:nowrap}.sticky-cta b{box-shadow:inset 0 0 0 2px var(--bg);background:var(--accent);color:var(--on-accent);font:600 15px/1 var(--display);white-space:nowrap;clip-path:var(--notch-sm);align-items:center;gap:12px;padding:12px 14px;display:inline-flex}@media (width<=600px){.sticky-cta{bottom:12px;left:12px;right:12px;transform:translateY(calc(100% + 24px))}.sticky-cta.on{transform:none}.sticky-cta b{margin-left:auto}.walkie-talk{width:156px;height:156px}}@media (width<=900px){.mirror-inner,.sound-inner{grid-template-columns:minmax(0,1fr)}.mirror .vf{justify-self:center;width:min(100%,440px)}.collapse-pin{align-items:stretch}.collapse-inner{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:14px;height:100%;padding-block:18px}.collapse-copy{gap:10px;position:relative}.collapse-copy>p:not(.kicker),.collapse-steps{display:none}.collapse h2{font-size:clamp(30px,8vw,46px)}.collapse-count{gap:10px}.collapse-count strong{font-size:clamp(56px,16vw,84px)}.collapse-swatch{height:14px}.collapse-figure{justify-self:center;height:100%;min-height:0}.collapse-figure canvas{height:100%;max-height:none}}