:root{--ink:#092236;--navy:#071b2b;--green:#35d18a;--mint:#b9f5d9;--ice:#eef8f5;--white:#fff;--muted:#587080;--line:#dce9e6;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.nav{height:78px;max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.18rem;letter-spacing:-.02em}.mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--green);color:var(--navy);font-size:.8rem;font-weight:900;box-shadow:0 7px 20px #35d18a45}.nav nav{display:flex;align-items:center;gap:28px;font-size:.92rem;font-weight:650}.nav nav>a:not(.nav-cta):hover{color:#168a5b}.nav-cta{background:var(--ink);color:white;padding:10px 18px;border-radius:999px}.hero{min-height:660px;background:radial-gradient(circle at 75% 25%,#2d5775 0,#0a2b41 35%,var(--navy) 72%);color:white;padding:78px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:80px;overflow:hidden}.hero-copy{max-width:600px}.eyebrow{font-size:.76rem;font-weight:850;letter-spacing:.17em;color:var(--green);margin:0 0 16px}.hero h1{font-size:clamp(3.25rem,6vw,5.8rem);line-height:.95;letter-spacing:-.07em;margin:0 0 26px;max-width:650px}.hero h1 span{color:var(--green)}.lead{font-size:1.18rem;line-height:1.65;color:#d5e4e9;max-width:590px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:0 23px;border-radius:14px;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:var(--navy);box-shadow:0 12px 30px #35d18a35}.secondary{border:1px solid #ffffff3d;color:white;background:#ffffff0b}.availability{font-size:.84rem;color:#9fb5c0;margin:17px 0 0}.game-preview{background:#f7fbfa;color:var(--ink);border:1px solid #ffffff45;border-radius:28px;padding:20px;box-shadow:0 32px 80px #00101f8a;transform:rotate(1.5deg);max-width:490px}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.preview-logo{font-size:.76rem;font-weight:900;letter-spacing:.12em}.streak{background:white;padding:6px 11px;border-radius:999px;font-weight:800;font-size:.82rem}.question small{display:block;color:#6c8390;font-size:.62rem;font-weight:800;letter-spacing:.12em}.question strong{font-size:1.22rem}.map-card{height:230px;margin:14px 0;background:linear-gradient(135deg,#dff4ef,#cde8f1);border-radius:18px;position:relative;overflow:hidden;display:grid;place-items:center}.map-card svg{width:95%}.map-card path{fill:#fff;stroke:#bbd7d2;stroke-width:2}.map-card .target{fill:var(--green);stroke:#169764}.pin{position:absolute;top:42%;left:62%;display:grid;place-items:center;width:34px;height:34px;border:4px solid white;background:var(--ink);color:white;border-radius:50% 50% 50% 0;transform:rotate(-45deg);font-weight:900}.pin::first-letter{transform:rotate(45deg)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:9px}.answers button{font:inherit;font-weight:700;padding:11px;border:1px solid var(--line);border-radius:11px;background:white;color:var(--ink)}.answers .selected{border-color:var(--green);background:#e6fbf1}.stats{max-width:var(--max);margin:0 auto;padding:34px 24px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.stats div{text-align:center;padding:8px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong,.stats span{display:block}.stats strong{font-size:1.05rem}.stats span{color:var(--muted);font-size:.88rem}.section{max-width:var(--max);margin:auto;padding:110px 24px}.section-heading{max-width:620px;margin-bottom:48px}.section-heading h2,.final-cta h2{font-size:clamp(2.35rem,4vw,4rem);line-height:1.05;letter-spacing:-.055em;margin:0 0 17px}.section-heading>p:last-child{color:var(--muted);font-size:1.08rem}.step-grid,.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-grid article{padding:30px 8px 20px 0;border-top:2px solid var(--ink)}.step-grid article>span{font-size:.78rem;font-weight:900;color:#179a64}.step-grid h3,.mode-grid h3{font-size:1.3rem;margin:30px 0 9px;letter-spacing:-.025em}.step-grid p,.mode-grid p{color:var(--muted);margin:0}.modes{max-width:none;background:var(--ice);padding-left:max(24px,calc((100% - var(--max))/2));padding-right:max(24px,calc((100% - var(--max))/2))}.mode-grid article{background:white;padding:30px;border:1px solid var(--line);border-radius:20px;min-height:280px;position:relative}.mode-grid .featured{background:var(--ink);color:white;border-color:var(--ink)}.mode-grid .featured p{color:#c7d8df}.mode-icon{font-size:1.7rem;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--mint);color:var(--ink)}.soon{position:absolute;right:22px;top:22px;background:#e8f0ee;color:#526970;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:850}.final-cta{max-width:var(--max);margin:110px auto;padding:55px 60px;border-radius:28px;background:var(--green);display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta .eyebrow{color:#075b3d}.final-cta h2{margin-bottom:8px}.final-cta p{margin:0}.light{background:white;color:var(--ink);white-space:nowrap}footer{max-width:var(--max);margin:auto;padding:45px 24px 34px;display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--line)}footer>p{margin:0;color:var(--muted);text-align:right}footer>div{display:flex;flex-wrap:wrap;gap:20px;font-size:.86rem}footer>div a:hover{text-decoration:underline}footer small{text-align:right;color:#7c8f99}@media(max-width:860px){.nav nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:58px;gap:55px}.hero-copy{text-align:center;margin:auto}.actions{justify-content:center}.game-preview{margin:auto;transform:none}.stats{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--line)}.step-grid,.mode-grid{grid-template-columns:1fr}.section{padding-top:80px;padding-bottom:80px}.final-cta{margin:70px 20px;padding:42px 30px;flex-direction:column;align-items:flex-start}footer{grid-template-columns:1fr}footer>p,footer small{text-align:left}}@media(max-width:520px){.nav{height:68px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:3.2rem}.lead{font-size:1.03rem}.actions{display:grid}.button{width:100%}.game-preview{padding:14px;border-radius:21px}.map-card{height:185px}.answers button{font-size:.86rem}.section{padding-left:20px;padding-right:20px}.mode-grid article{min-height:245px}.final-cta{margin-left:12px;margin-right:12px}.nav-cta{padding:8px 14px}}