:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#edf4f7;background:#081625;--cyan:#70eaf3;--gold:#f6ce79}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}.skip{position:absolute;top:-80px;left:20px;padding:14px;background:#fff;color:#081625;z-index:9}.skip:focus{top:12px}.top,main,footer{max-width:1280px;margin:auto}.top{min-height:96px;display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-bottom:1px solid #304454}.brand{text-decoration:none;font-weight:900;letter-spacing:2px;font-size:19px}.brand span{color:#91a9b9;font-size:12px;letter-spacing:1px}.top nav{display:flex;gap:28px;font-size:13px}.top nav a{text-decoration:none;color:#c6d6df}.hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center;padding:64px 40px 72px}.identity{display:flex;gap:16px;align-items:center}.identity img{border-radius:14px}.identity p{font-size:11px;line-height:1.9;letter-spacing:2px;color:var(--gold);font-weight:700}.identity span{color:#b2c2cc;font-weight:400}h1{font-size:clamp(74px,7.3vw,104px);font-weight:900;line-height:.9;letter-spacing:-5px;margin:32px 0 10px}h1 span{color:var(--cyan)}.subtitle{font-size:18px;letter-spacing:6px;text-transform:uppercase;margin:18px 0 30px;color:#d6e1e9}.lead{font-size:25px;line-height:1.3;font-weight:700}.description{max-width:410px;color:#b2c2cc;font-size:16px;line-height:1.75}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--gold);color:#142130;text-decoration:none;font-size:14px;font-weight:800;padding:19px 24px;border-radius:5px;margin-top:15px;transition:background .15s}.button:hover{background:#ffe3a3}.button span{font-size:22px}.store-note{max-width:330px;color:#b2c2cc;font-size:12px;line-height:1.6}.art{margin:0;min-width:0}.art img{width:100%;height:auto;display:block;border-radius:4px;border:1px solid #3c6e7d}.art figcaption{font-size:10px;letter-spacing:1.8px;color:var(--gold);line-height:1.7;margin-top:16px}.gameplay{padding:64px 40px 80px;border-top:1px solid #304454}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--gold)}h2{font-size:clamp(33px,4vw,51px);letter-spacing:-1.5px;line-height:1.05;margin:16px 0 0}.section-heading>p{color:#b2c2cc;font-size:15px;line-height:1.8}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.screens figure{margin:0;min-width:0}.screens img{display:block;width:100%;height:auto;border:1px solid #3c5765;border-radius:6px}.screens figcaption{font-size:20px;font-weight:700;margin-top:22px;line-height:1.4}.screens figcaption span{display:block;font-size:10px;letter-spacing:2px;color:var(--cyan);margin-bottom:10px}.closing{padding:60px 40px 80px;display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid #304454}.closing p:last-child{color:#b2c2cc;line-height:1.8;max-width:500px}footer{display:flex;justify-content:space-between;gap:25px;padding:32px 40px;border-top:1px solid #304454;color:#b2c2cc;font-size:12px}footer div{display:flex;gap:24px}footer p{margin:0}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:40px;gap:40px}.intro{max-width:600px}.art{max-width:700px}h1{font-size:86px}.section-heading{align-items:start;flex-direction:column;gap:10px}.screens{gap:16px}.screens figcaption{font-size:16px}.closing{align-items:start;flex-direction:column}.closing .button{margin-top:0}}@media(max-width:520px){.top,footer{padding:24px}.top{gap:20px;align-items:start}.brand span{display:block;margin-top:8px}.top nav{gap:13px;font-size:12px;flex-wrap:wrap;justify-content:end}.hero,.gameplay,.closing{padding:40px 24px}.subtitle{letter-spacing:4px;font-size:15px}.lead{font-size:23px}h1{font-size:82px}.screens{grid-template-columns:1fr;gap:36px}.screens figure{max-width:350px;margin:auto}.screens figcaption{font-size:21px}footer{flex-direction:column}footer div{flex-wrap:wrap;gap:18px}.art figcaption{font-size:9px}}
