:root{--bg:#1c1c1f;--anthracite:#2b2b2e;--panel:#333337;--line:#19191b;--text:#f3eee6;--muted:#a9a39a;--fire:#ff8f00;--fire-dark:#c35d1b;--gold:#facc3c;--gold-dark:#c88c1e;--pixel-font:"Pixelify Sans Variable", ui-monospace, monospace;--bevel:inset -4px -4px 0 #00000059, inset 4px 4px 0 #ffffff12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 50% 0%, #ff8f001f, transparent 60%), repeating-linear-gradient(0deg, transparent 0 31px, #0000002e 31px 32px), repeating-linear-gradient(90deg, transparent 0 31px, #0000002e 31px 32px), var(--bg);margin:0}h1,h2,h3,.btn,.logo{font-family:var(--pixel-font);line-height:1.2}a{color:var(--gold)}.px{image-rendering:pixelated;flex-shrink:0;display:block}.wrap{max-width:960px;margin:0 auto;padding:0 16px}.site-head{justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.logo{color:var(--fire);text-shadow:2px 2px 0 var(--fire-dark);align-items:center;gap:8px;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.btn{color:#1c1c1f;background:var(--fire);border:3px solid var(--line);box-shadow:var(--bevel);align-items:center;gap:8px;padding:10px 18px;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover,.btn:focus-visible{background:var(--gold)}.btn:focus-visible{outline:3px solid var(--text);outline-offset:2px}.btn.big{padding:14px 28px;font-size:1.5rem}.hero{grid-template-columns:auto 1fr;align-items:center;gap:32px;padding:32px 0 48px;display:grid}.hero h1{color:var(--fire);text-shadow:4px 4px 0 var(--fire-dark);margin:0 0 12px;font-size:clamp(2.2rem,7vw,3.6rem)}.hero p{margin:0 0 20px;font-size:1.15rem}.hero-johnny{align-items:flex-end;gap:8px;display:flex}.reassure{color:var(--muted);margin-top:12px;font-size:.95rem}section{padding:24px 0}section h2{color:var(--gold);margin:0 0 16px;font-size:1.6rem}.features{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.features li{background:var(--anthracite);border:3px solid var(--line);box-shadow:var(--bevel);align-items:flex-start;gap:12px;padding:12px;display:flex}.features h3{margin:0 0 4px;font-size:1.15rem}.features p{color:var(--muted);margin:0;font-size:.95rem}.shots{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.shots figure{margin:0}.shots img{border:3px solid var(--line);width:100%;height:auto;display:block}.shots figcaption{color:var(--muted);margin-top:4px;font-size:.9rem}.origin{background:var(--anthracite);border:3px solid var(--line);padding:16px}.origin p{margin:0}.cta{text-align:center;padding:32px 0 48px}.legal{max-width:760px;padding-bottom:48px}.legal h1{color:var(--fire);font-size:2rem}.legal h2{color:var(--gold);margin-top:28px;font-size:1.3rem}.todo{color:#1c1c1f;background:var(--gold);padding:0 4px}.site-foot{border-top:3px solid var(--line);color:var(--muted);padding:20px 0 32px;font-size:.9rem}.site-foot nav{flex-wrap:wrap;gap:16px;margin-bottom:6px;display:flex}@media (width<=640px){.hero{text-align:center;grid-template-columns:1fr;justify-items:center;gap:16px}}code{background:var(--panel);padding:0 4px;font-size:.9em}