@font-face{font-family:Pixel;src:url('/pixel.woff2') format('woff2');font-display:swap;font-weight:400}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button[hidden]{display:none}p,h1,h2{margin-top:0}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:var(--focus-ring);outline-offset:5px}.wrap{width:min(var(--width-page),calc(100% - var(--space-12)));margin-inline:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:29px 0}.wordmark{font:22px/1.4 var(--font-pixel);letter-spacing:-2px}.wordmark span{color:var(--accent)}.nav-link{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.hero{padding-top:28px;text-align:center}.eyebrow{font:9px/1.8 var(--font-pixel);letter-spacing:.01em;color:var(--muted);margin-bottom:23px}h1{font-size:clamp(42px,6vw,65px);font-weight:650;line-height:1.22;letter-spacing:-.055em;margin-bottom:22px}.pixel-word{font:clamp(24px,3.5vw,36px)/1.7 var(--font-pixel);letter-spacing:-.04em}.hero-copy{font-size:17px;color:var(--muted);line-height:1.7;margin-bottom:23px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:11px 22px;border:1px solid transparent;border-radius:var(--radius-control);font-size:14px;font-weight:600;transition:transform var(--duration-press),background var(--duration-press)}.primary{background:var(--accent);color:var(--color-on-action);border:2px solid var(--color-action-hover);box-shadow:4px 4px 0 var(--color-action-shadow);font:10px/1.8 var(--font-pixel);padding:14px 21px}.primary:hover{background:var(--color-action-hover);transform:translate(-1px,-1px)}.primary:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--color-action-shadow)}.micro{font-size:12px;color:var(--muted);margin:15px 0 0}.demo-stage{max-width:820px;margin:35px auto 0;text-align:left}.demo-top,.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 4px}.demo-top{font:8px/1.7 var(--font-pixel);color:var(--muted)}.demo-label{border:0;background:none;color:var(--muted);font:12px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;padding:5px;text-decoration:underline;text-underline-offset:4px}.macbook-device{position:relative;width:100%;aspect-ratio:2200/1340}.macbook-frame{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;clip-path:polygon(11% .5%,89% .5%,90.5% 1%,91% 3%,91% 92.7%,100% 92.7%,100% 97%,99.5% 99%,98% 99.5%,2% 99.5%,.5% 99%,0% 97%,0% 92.7%,9% 92.7%,9% 3%,9.5% 1%)}.desktop-preview{position:absolute;left:9.45%;top:1.82%;width:81.1%;height:87.2%;border-radius:2.1% 2.1% 0 0;background:#1271be url('/desktop.jpg') center/cover;container-type:inline-size;overflow:hidden}.mac-menu{display:flex;justify-content:space-between;align-items:center;height:3.25cqw;padding:.9cqw 1.6cqw;font-size:1.05cqw;line-height:1.4;background:#eee9dc80;color:#343733}.mac-menu b{font-weight:400;margin-left:1.2cqw}.apple-menu{margin-right:1cqw}.notch{position:absolute;left:50%;top:0;transform:translateX(-50%);width:17.4%;height:3.25cqw;border:0;padding:0;border-radius:0 0 1.2cqw 1.2cqw;background:#000;z-index:3;transition:height .22s cubic-bezier(.2,.9,.3,1)}.notch:hover,.notch:focus-visible,.desktop-preview.peeking .notch{height:5.4cqw}.notch canvas{position:absolute;width:2cqw;height:2.25cqw;left:calc(50% - 1cqw);top:2.75cqw;opacity:0;transition:opacity .15s}.notch:hover canvas,.notch:focus-visible canvas,.desktop-preview.peeking .notch canvas{opacity:1}.desktop-preview.open .notch{height:3.25cqw}.desktop-preview.open .notch canvas{opacity:0}.arcade{position:absolute;top:0;left:50%;width:60%;padding:1cqw 2cqw 1.5cqw;border-radius:0 0 2.5cqw 2.5cqw;background:#000;color:#d8d9cc;z-index:2;box-shadow:0 1.8cqw 3cqw #272a2540;transform:translateX(-50%) scale(.4,.15);transform-origin:50% 0;clip-path:inset(0 0 100% 0 round 0 0 2.5cqw 2.5cqw);opacity:0;transition:transform .38s cubic-bezier(.22,1,.36,1),clip-path .32s cubic-bezier(.22,1,.36,1),opacity .18s}.desktop-preview.open .arcade{clip-path:inset(0 round 0 0 2.5cqw 2.5cqw);transform:translateX(-50%) scale(1);opacity:1}.game-scores{display:flex;justify-content:space-between;font:.85cqw/1.5 var(--font-pixel);height:2.25cqw;padding:0 .25cqw}.game-scores>span:first-child{color:#a0a594}canvas{display:block;width:100%;height:auto;aspect-ratio:840/260;image-rendering:pixelated}.game-status{text-align:center;position:absolute;top:8.5cqw;left:0;right:0;font:.85cqw/1.8 var(--font-pixel);pointer-events:none;color:#d6d8c8}.arcade-footer{display:flex;justify-content:space-between;font:.58cqw/1.5 var(--font-pixel);color:#a4aa99;margin-top:.2cqw;white-space:nowrap}.arcade-footer i{font-style:normal;color:#a4aa99;margin-left:.4cqw}.work-window{position:absolute;width:55%;top:42%;left:22.5%;background:#eeede8ef;border:1px solid #ffffffa6;border-radius:1.1cqw;box-shadow:0 2cqw 5cqw #30382c25;color:#64665e}.work-title{display:flex;align-items:center;justify-content:space-between;gap:1cqw;border-bottom:1px solid #d1d0c8;padding:.9cqw 1.2cqw;font-size:1cqw;color:#77796f}.traffic-lights{display:flex;gap:.5cqw}.traffic-lights i{width:.8cqw;height:.8cqw;display:block;background:#ff6159;border-radius:50%}.traffic-lights i:nth-child(2){background:#ffbd2e}.traffic-lights i:nth-child(3){background:#28c840}.work-window{color-scheme:light}.work-body{padding:2.7cqw 3.5cqw 3cqw}.work-prompt{display:block;font-size:1.7cqw;color:#5e6258;letter-spacing:-.02em}.waiting-note{display:flex;margin:1.7cqw 0;font-size:1.55cqw;gap:.8cqw}.waiting-note>span:first-child{font-size:2.2cqw}.dots{margin-left:-.8cqw}.thinking-lines{display:grid;gap:.7cqw}.thinking-lines i{display:block;width:83%;height:.6cqw;background:#d5d8cd;border-radius:1cqw}.thinking-lines i:nth-child(2){width:95%}.thinking-lines i:nth-child(3){width:61%}.mac-dock{position:absolute;bottom:1.4cqw;left:50%;transform:translateX(-50%);display:flex;gap:.65cqw;align-items:center;padding:.55cqw .7cqw;background:#eceee561;border:1px solid #ffffff5c;border-radius:1.3cqw;filter:none}.mac-dock img{width:4.1cqw;height:4.1cqw;object-fit:contain}.dock-lite{display:flex;align-items:center;justify-content:center;background:#373a32;color:#d6d8c8;border-radius:.9cqw;width:3.75cqw;height:3.75cqw;margin-inline:.25cqw;font:1.8cqw/1 var(--font-pixel);padding-top:.2cqw}.demo-bottom{font-size:12px;color:var(--muted);padding-top:18px}.demo-controls{display:flex;align-items:center;gap:8px}.small-button{background:var(--paper);border:1px solid var(--muted);border-radius:var(--radius-control);padding:8px 15px;min-height:38px;color:var(--ink);font-size:12px;font-weight:550;white-space:nowrap;box-shadow:3px 3px 0 var(--line)}.small-button:hover{border-color:var(--color-coin);color:var(--color-coin)}.sound-button{background:none;border:0;color:var(--muted);font:11px/1.5 monospace;padding:8px}.sound-button[aria-pressed=true]{color:var(--accent)}.faq{max-width:var(--width-reading);padding:58px 0 55px}.faq h2{font-size:22px;font-weight:600;letter-spacing:-.03em;margin-bottom:22px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:18px 28px 18px 0;cursor:pointer;list-style:none;font-size:14px;position:relative;font-weight:500}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;color:var(--muted);font:18px/1.4 monospace}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);line-height:1.8;padding-right:20px;margin-bottom:20px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 0 32px;font-size:11px;color:var(--muted)}.footer .wordmark{font-size:14px;color:var(--ink)}.skip{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;z-index:10;padding:10px 20px}.skip:focus{top:15px}dialog{width:min(460px,calc(100% - 32px));border:1px solid var(--line);border-radius:var(--radius-control);background:var(--paper);padding:30px;color:var(--ink);box-shadow:0 15px 50px #27232133}dialog::backdrop{background:#27232188;backdrop-filter:blur(3px)}dialog h2{font-size:30px;letter-spacing:-.04em}dialog p{font-size:14px;color:var(--muted)}.close-dialog{float:right;border:0;background:none;color:var(--muted);font-size:26px;line-height:1}.checkout-price{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line)}dialog .button{width:100%;margin-top:10px}button:disabled{cursor:default;box-shadow:none;transform:none;opacity:.6}textarea{display:block;width:100%;margin:8px 0 13px;font:12px/1.6 monospace;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:10px;resize:vertical}#license-result{margin-top:24px}#license-result label{font-size:14px;font-weight:600}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.nav{padding:25px 0}.wordmark{font-size:19px}.hero{padding-top:25px}.eyebrow{font-size:8px;margin-bottom:18px}.hero h1{font-size:45px}.pixel-word{font-size:25px}.hero-copy{font-size:16px}.micro{font-size:11px}.demo-stage{margin-top:28px;width:calc(100% + 12px);margin-left:-6px}.demo-top{font-size:7px;padding-inline:8px}.demo-bottom{flex-direction:column;gap:12px;text-align:center;font-size:11px}.arcade{width:68%}.game-scores{font-size:1cqw}.game-status{font-size:1cqw;top:10cqw}.arcade-footer{font-size:.65cqw}.work-window{top:46%}.desktop-preview .notch{width:19%}.faq{padding:42px 0}.faq h2{font-size:21px}.footer{flex-wrap:wrap;gap:12px}.footer>span:nth-child(2){order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Arcade components use tokens; the MacBook retains native proportions. */
.nav{border-bottom:1px solid var(--line);padding-block:var(--space-6)}
.wordmark{color:var(--ink)}.wordmark span{color:var(--color-action)}
.hero{padding-top:var(--space-8)}.eyebrow{color:var(--color-coin);margin-bottom:var(--space-4)}
.hero h1{font-size:clamp(42px,5.5vw,62px);letter-spacing:-.05em;line-height:1.28;margin-bottom:var(--space-4)}
.hero .pixel-word{font-size:clamp(18px,3.1vw,34px);line-height:1.9;letter-spacing:-.04em;color:var(--color-text)}
.hero-copy{margin-bottom:var(--space-6)}.hero-actions{padding-bottom:var(--space-1)}
.arcade-emblem{display:block;width:112px;height:48px;margin:0 auto var(--space-6);image-rendering:pixelated}
.demo-stage{margin-top:var(--space-8)}.demo-top{border-top:1px solid var(--line);margin-bottom:var(--space-3);padding-block:var(--space-4)}
.demo-title{margin:0;font:9px/1.8 var(--font-pixel);font-weight:400;color:var(--color-sky)}
.demo-label{font-size:12px}.demo-bottom{border-bottom:1px solid var(--line);padding-bottom:var(--space-6)}
.small-button{font:9px/1.8 var(--font-pixel);padding:10px 14px;min-height:40px}.small-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--line)}
.faq h2{font:13px/1.9 var(--font-pixel);color:var(--color-coin);letter-spacing:0;margin-bottom:var(--space-6)}
summary:after{font-family:var(--font-pixel);font-size:12px;line-height:2;color:var(--color-coin)}
.footer{padding-block:var(--space-6)}.footer .wordmark{color:var(--color-action)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.hero{padding-top:var(--space-8)}.hero h1{font-size:41px}.hero .pixel-word{font-size:clamp(17px,5vw,24px)}.arcade-emblem{width:98px;height:42px;margin-bottom:var(--space-4)}.demo-title{font-size:7px}.demo-top{padding-inline:8px}.faq h2{font-size:12px}.primary{font-size:9px;padding:14px 17px}}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}.secondary{border:1px solid var(--muted);background:transparent;color:var(--ink);min-height:50px;padding:13px 20px}.secondary:hover{border-color:var(--accent);color:var(--accent)}.release-note{font-size:11px;color:var(--muted);margin:6px 0 0}.hero-actions .primary:disabled:hover{background:var(--accent);transform:none}
@media(max-width:600px){.hero-actions{gap:12px}.hero-actions .button{width:min(100%,310px)}}
[hidden]{display:none!important}.license-actions{display:flex;flex-wrap:wrap;gap:10px}.checkout-terms{font-size:11px}.checkout-terms a{text-decoration:underline;text-underline-offset:3px}