*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1019;color:#f5ead3;font:17px/1.7 system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #ecc374;outline-offset:5px}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #2a3039}header img{width:144px;height:auto;image-rendering:pixelated}nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}nav a{text-decoration:none}nav a:hover{color:#ecc374}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:68px 0 56px}.eyebrow{font:700 12px/1.5 monospace;letter-spacing:2px;color:#ecc374}h1{font-size:clamp(42px,6vw,78px);line-height:1.06;letter-spacing:-2px;margin:24px 0}h1 span{color:#ecc374}p{color:#c0c5ce}.lead{font-size:19px;max-width:540px}.cta{display:inline-block;padding:13px 22px;background:#ecc374;color:#0b1019;font-weight:700;text-decoration:none;border:2px solid #ecc374}.note{font-size:13px;margin-top:10px;color:#a6acb8}.hero-art{position:relative;min-width:0}.hero-art img{width:100%;height:auto;display:block;border:1px solid #5c4d37;box-shadow:18px 18px 0 #121b28}.numbers{display:flex;gap:36px;border-top:1px solid #30353c;border-bottom:1px solid #30353c;padding:24px 0;flex-wrap:wrap}.numbers strong{display:block;font-size:28px;color:#ecc374;line-height:1.2}.numbers span{font-size:14px;color:#b9bec8}.intro{padding:64px 0 28px;max-width:740px}h2{font-size:32px;line-height:1.2;margin:12px 0 20px}h3{font-size:20px}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}figure{margin:0;min-width:0}figure img{width:100%;height:auto;display:block;border:1px solid #3c414b;background:#141c29}figcaption{font-size:14px;margin-top:12px;color:#c0c5ce}.modes{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #30353c;margin-top:60px;padding-top:24px}.details{border-top:1px solid #30353c;padding-top:24px;margin-top:32px;max-width:780px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid #30353c;font-size:14px;color:#a6acb8}footer img{width:130px;height:auto;image-rendering:pixelated}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:#0b1019;padding:10px}::selection{background:#ecc374;color:#0b1019}@media(max-width:680px){header,main,footer{padding:20px}header{align-items:flex-start}header img{width:118px}nav{gap:12px;justify-content:flex-end;font-size:13px}.hero{grid-template-columns:1fr;gap:30px;padding:34px 0 40px}h1{letter-spacing:-1px}.hero-art img{box-shadow:8px 8px 0 #121b28}.numbers{gap:24px}.numbers strong{font-size:25px}.screens{gap:12px}.modes{grid-template-columns:1fr;gap:8px}.intro{padding-top:44px}figcaption{font-size:12px}.lead{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}