:root{--color-primary:#f8e303;--color-primary-shadow:#dcad43;--color-primary-highlight:#ffff43;--color-primary-lowlight:#988300;--color-accent:#ce7448;--color-ink:#000;--color-bg:#fff;--color-surface:#fff9db;--color-muted:#7a7367;--color-border:#ead9a0;--font-pixel:"Press Start 2P", "Courier New", monospace;--font-body:"Geist Mono", "Courier New", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-surface);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.page{flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.grain{pointer-events:none;z-index:0;background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);opacity:.35;background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at top,#000,#0000 75%);mask-image:radial-gradient(at top,#000,#0000 75%)}.header,.hero,.features,.footer{z-index:1;width:100%;max-width:720px;padding-left:var(--space-lg);padding-right:var(--space-lg);position:relative}.header{padding-top:var(--space-xl);justify-content:center;display:flex}.header__logo{width:auto;height:28px}.hero{text-align:center;flex-direction:column;align-items:center;padding-top:64px;padding-bottom:56px;display:flex}.hero__eyebrow{font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin:0 0 var(--space-lg);font-size:10px}.hero__title{font-family:var(--font-pixel);margin:0 0 var(--space-lg);text-transform:lowercase;font-size:clamp(28px,6vw,48px);line-height:1.5}.hero__subtitle{font-family:var(--font-body);color:#3d3a33;max-width:480px;margin:0 0 var(--space-xl);font-size:16px;line-height:1.6}.hero__cta{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.hero__cta-note{font-family:var(--font-body);color:var(--color-muted);margin:0;font-size:12px}.pixel-btn{cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;display:inline-block;position:relative}.pixel-btn:disabled{cursor:default;opacity:.55}.pixel-btn__shadow{background:var(--color-primary-shadow);position:absolute;inset:4px 0 0}.pixel-btn--secondary .pixel-btn__shadow{background:var(--color-ink)}.pixel-btn__face{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:.02em;color:var(--color-ink);background:var(--color-primary);border:3px solid var(--color-primary-shadow);border-top-color:var(--color-primary-highlight);border-bottom-color:var(--color-primary-lowlight);padding:14px 28px;font-size:12px;transition:transform 80ms ease-out;display:block;position:relative;transform:translateY(-4px)}.pixel-btn--secondary .pixel-btn__face{background:var(--color-bg);border-color:var(--color-ink)}.pixel-btn:not(:disabled):active .pixel-btn__face{transform:translateY(0)}.pixel-btn:not(:disabled):hover .pixel-btn__face{filter:brightness(1.03)}.features{gap:var(--space-lg);grid-template-columns:1fr;padding-bottom:64px;display:grid}.feature{background:var(--color-bg);border:2px solid var(--color-border);padding:var(--space-lg);padding-left:44px;position:relative}.feature__dot{top:var(--space-lg);left:var(--space-lg);background:var(--color-primary);border:2px solid var(--color-ink);width:12px;height:12px;position:absolute}.feature__title{font-family:var(--font-pixel);text-transform:uppercase;margin:0 0 var(--space-sm);font-size:12px;line-height:1.6}.feature__body{font-family:var(--font-body);color:#3d3a33;margin:0;font-size:14px;line-height:1.6}.footer{align-items:center;gap:var(--space-sm);padding-top:var(--space-xl);padding-bottom:var(--space-xl);border-top:2px dashed var(--color-border);flex-direction:column;display:flex}.footer__logo{opacity:.7;width:auto;height:16px}.footer__text{font-family:var(--font-body);color:var(--color-muted);margin:0;font-size:12px}@media (width>=640px){.features{grid-template-columns:repeat(3,1fr)}.feature{padding-left:var(--space-lg);padding-top:44px}.feature__dot{top:var(--space-lg);left:var(--space-lg)}}