@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap");
:root{--ink:#30354a;--muted:#6f7180;--paper:#f1eee5;--cream:#e0d9c7;--blue:#596f7b;--coral:#9b6b63;--mint:#b5c3b3;--line:#cbc7ba;--shadow:0 18px 45px rgba(48,53,74,.14)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Space Grotesk",system-ui,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.site-header{max-width:1180px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.04em}.brand-mark{width:34px;height:34px;border:2px solid var(--ink);border-radius:9px;background:var(--coral);display:grid;place-items:center;font:500 12px "DM Mono",monospace;box-shadow:3px 3px 0 var(--ink)}nav{display:flex;gap:24px;align-items:center;font-size:14px;color:var(--muted)}nav a:hover{color:var(--ink)}.nav-cta{padding:10px 14px;border-radius:999px;background:var(--ink);color:#f8f5ed}.hero{max-width:1180px;margin:45px auto 70px;padding:0 28px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.eyebrow{font:500 11px/1.2 "DM Mono",monospace;letter-spacing:.13em;color:var(--blue);margin:0 0 14px}.hero h1{font-size:clamp(54px,8vw,94px);line-height:.95;letter-spacing:-.08em;margin:0 0 24px}.hero h1 em{font-style:normal;color:var(--coral)}.lede{font-size:20px;max-width:600px;color:var(--muted)}.actions{display:flex;gap:12px;margin:28px 0 14px}.button{display:inline-block;padding:13px 19px;border-radius:999px;font-weight:600;font-size:14px}.button:hover{text-decoration:none;transform:translateY(-1px)}.primary{background:var(--blue);color:#f8f5ed;box-shadow:4px 4px 0 var(--ink)}.secondary{border:1px solid var(--line);background:#f8f5ed}.micro{font:11px "DM Mono",monospace;color:var(--muted)}.hero-card{background:var(--mint);border:2px solid var(--ink);border-radius:28px;padding:40px 35px 28px;text-align:center;position:relative;box-shadow:var(--shadow);transform:rotate(2deg)}.sticker{position:absolute;right:-17px;top:-22px;background:var(--coral);border:2px solid var(--ink);border-radius:50%;width:90px;height:90px;display:grid;place-content:center;line-height:1.1;font:12px "DM Mono",monospace;transform:rotate(9deg)}.sticker strong{font-size:17px}.pixel-console{width:240px;height:165px;border-radius:20px 20px 35px 35px;background:#d8d2c2;border:3px solid var(--ink);margin:15px auto 25px;padding:20px;box-shadow:8px 8px 0 rgba(22,35,59,.22)}.screen{height:78px;background:#9aaa9b;border:3px solid var(--ink);font:700 18px/1.3 "DM Mono",monospace;padding:14px;color:#303d3c}.screen span{font-size:12px}.controls{display:flex;justify-content:space-around;align-items:center;padding-top:15px}.controls i{width:20px;height:20px;border-radius:50%;background:var(--coral);border:2px solid var(--ink)}.controls b{width:34px;height:11px;background:var(--ink);display:block;position:relative}.controls b:after{content:"";position:absolute;height:34px;width:11px;background:var(--ink);left:11px;top:-11px}.hero-card p{font-weight:600}.hero-card small{font-weight:400;color:#42615a}.notice{max-width:1124px;margin:0 auto 90px;padding:18px 22px;border-left:4px solid var(--coral);background:#f8f5ed;border-radius:0 12px 12px 0;font-size:14px}.notice a{color:var(--blue);font-weight:600}.section{max-width:1124px;margin:0 auto 90px;padding:0 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2,.bottom-cta h2{font-size:38px;letter-spacing:-.06em;line-height:1.05;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:18px;padding:25px;background:#f8f5ed}.icon{font:500 12px "DM Mono",monospace;color:var(--coral);margin-bottom:30px}.card h3{margin:0 0 8px;font-size:22px}.card p{color:var(--muted);min-height:72px}.card a,.promo a{font-weight:600;color:var(--blue);font-size:14px}.promo-grid{max-width:1124px;margin:0 auto 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.promo{background:var(--cream);border-radius:18px;overflow:hidden;border:1px solid var(--line)}.promo img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;filter:saturate(.68) contrast(.96)}.promo div{padding:20px}.promo h3{font-size:20px;line-height:1.1;margin:0 0 15px;letter-spacing:-.04em}.bottom-cta{max-width:1124px;margin:0 auto 90px;background:var(--ink);color:#f8f5ed;border-radius:24px;padding:48px;text-align:center}.bottom-cta .eyebrow{color:var(--mint)}.bottom-cta h2{max-width:630px;margin:0 auto 14px}.bottom-cta p{color:#d0cfc8}.bottom-cta .button{margin-top:10px}footer{max-width:1124px;border-top:1px solid var(--line);margin:auto;padding:24px 0 40px;display:flex;justify-content:space-between;color:var(--muted);font:11px "DM Mono",monospace}footer a{color:var(--ink)}@media(max-width:800px){.site-header{padding:18px 20px}nav{gap:10px}nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;margin-top:30px;padding:0 20px}.hero-card{max-width:420px;margin:auto}.notice,.section,.promo-grid,.bottom-cta{margin-left:20px;margin-right:20px}.section-head{display:block}.cards,.promo-grid{grid-template-columns:1fr}.section h2{margin-top:8px}.bottom-cta{padding:35px 22px}footer{margin:0 20px;display:block}footer span{display:block;margin-bottom:10px}}
.footer-grid{max-width:1124px;margin:auto;padding:38px 0 24px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:26px}.footer-grid h3{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px;color:var(--ink)}.footer-grid p{margin:0 0 12px;color:var(--muted);font-size:13px}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin:7px 0;font-size:13px;color:var(--muted)}.footer-grid a{color:var(--ink)}.footer-grid a:hover{color:var(--blue)}.footer-bottom{max-width:1124px;border-top:1px solid var(--line);padding:18px 0 38px;margin:auto;display:flex;justify-content:space-between;color:var(--muted);font:11px "DM Mono",monospace}.footer-bottom a{color:var(--ink)}@media(max-width:800px){.footer-grid{margin:0 20px;grid-template-columns:repeat(2,1fr);gap:24px}.footer-bottom{margin:0 20px;display:block}.footer-bottom span{display:block;margin-bottom:10px}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}