@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080916;--ink:#fafaff;--muted:#b6b4ce;--line:#302d46;--lime:#d4ff4f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--lime)}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--lime);outline-offset:6px}header,main,footer{max-width:1440px;margin:auto}header{padding:20px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:800 32px/1 'Barlow Condensed',Impact,sans-serif;text-decoration:none;letter-spacing:-.02em}nav{display:flex;gap:32px}nav a{font-size:16px;text-decoration:none}.hero{display:grid;grid-template-columns:1.22fr 1fr;align-items:center;gap:12px;padding:48px 48px 38px;min-height:590px}.product{color:#c7b7ff;font:700 22px/1.2 'Barlow Condensed',sans-serif;letter-spacing:.04em;margin:0 0 12px}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;letter-spacing:-.025em;line-height:.98;margin:0}h1{font-size:clamp(56px,7.15vw,104px)}h1 span{display:block;white-space:nowrap}.lead{font-size:20px;line-height:1.55;color:var(--muted);max-width:610px;margin:22px 0 28px}.hero-art{width:100%;height:auto;max-height:530px;object-fit:contain;display:block}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.cta{background:var(--lime);color:#10130a;font:700 22px/1.2 'Barlow Condensed',sans-serif;padding:18px 26px;border-radius:6px;text-decoration:none;display:inline-block}.cta:hover{background:#e7ff98;color:#10130a}.text-link{font-weight:500}.pricing{font-size:14px;color:var(--muted);margin:18px 0 0}.gameplay{display:grid;grid-template-columns:.85fr 1.35fr;gap:40px;padding:38px 48px 46px;border-top:1px solid var(--line);align-items:center}h2{font-size:clamp(44px,4.5vw,66px)}.gameplay p{font-size:18px;color:var(--muted)}.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shots figure{margin:0}.shots img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:8px}.shots figcaption{font-size:13px;color:var(--muted);margin-top:8px}.kit-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px}.kit-links a:first-child{color:var(--lime)}footer{border-top:1px solid var(--line);padding:26px 48px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px}footer div{display:flex;gap:26px}.skip{position:absolute;top:-90px;left:20px;background:var(--lime);color:black;padding:8px;z-index:10}.skip:focus{top:10px}dialog{width:min(92vw,460px);padding:18px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px}dialog::backdrop{background:#000c}dialog video{display:block;max-height:72vh;width:100%}dialog button{display:block;margin:0 0 12px auto;background:var(--lime);color:#111;border:0;border-radius:4px;padding:10px 18px;font:600 16px Inter,sans-serif;cursor:pointer}.document{max-width:820px;padding:52px 28px 80px}.document h1{font-size:56px;line-height:1.03;margin-bottom:30px}.document p{font-size:18px;color:var(--muted)}.document h2{font-size:32px;line-height:1.15;margin-top:32px}.document .date{color:var(--lime);font-size:14px}.document nav{margin-bottom:30px}.print{margin-top:24px}@media(max-width:800px){header{padding:20px 22px}.brand{font-size:27px}nav{gap:20px}.hero{grid-template-columns:1fr;padding:40px 22px 30px;gap:12px}.hero-copy{z-index:1}h1{font-size:clamp(46px,10.7vw,82px)}.hero-art{max-height:360px;width:90%;margin:12px auto 0}.lead{font-size:18px}.cta{font-size:22px;padding:17px 23px}.actions{gap:22px}.pricing{max-width:330px}.gameplay{grid-template-columns:1fr;padding:34px 22px;gap:28px}h2{font-size:48px}.shots{gap:10px}.shots figcaption{font-size:12px}.gameplay p{max-width:520px}footer{padding:24px 22px;flex-wrap:wrap}.document h1{font-size:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,footer,.print{display:none}body{background:white;color:black}.document p{color:#222}.document{max-width:none;padding:0}.document h1{font-size:30px}.document h2{font-size:20px}}
@media(max-width:380px){header{padding:20px 18px}.brand{font-size:24px}nav{gap:14px}nav a{font-size:14px}h1{font-size:clamp(35px,11.6vw,44px)}h2{font-size:42px}.hero,.gameplay{padding-left:18px;padding-right:18px}.cta{padding:17px 20px}}
