:root{color-scheme:dark;--bg:#101a24;--panel:#192631;--text:#f0f2eb;--muted:#b5c2c7;--accent:#b8e173;--line:#344753}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.7}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.header{height:90px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #324550;background:#111c26}
.logo,.footer>span:first-child{font-family:'Barlow Condensed',Impact,sans-serif;font-size:33px;font-weight:800;letter-spacing:.1em;line-height:1}
.logo-dot{color:var(--accent)}
nav{display:flex;align-items:center;gap:clamp(20px,3vw,50px);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
nav a:hover,.text-link:hover,.footer a:hover{color:var(--accent)}
.nav-steam{border:1px solid #647a81;padding:12px 20px}
.nav-steam span{margin-left:14px;color:var(--accent)}
.hero{min-height:700px;position:relative;overflow:hidden;display:flex;align-items:center;padding:90px clamp(24px,9vw,160px) 140px;background:radial-gradient(ellipse at 75% 65%,#325047 0,#1b333a 34%,#101b27 72%)}
.hero:before,.hero:after{content:"";position:absolute;inset:0;pointer-events:none}
.hero:before{background-image:radial-gradient(#bcd7c0 1px,transparent 1px),radial-gradient(#d5dcce 1px,transparent 1px);background-size:109px 121px,183px 173px;background-position:11px 9px,71px 39px;opacity:.22}
.hero:after{background:linear-gradient(90deg,#111c26 0%,#111c26dd 30%,transparent 70%)}
.hero-copy{position:relative;z-index:3;max-width:670px}
.eyebrow{margin:0 0 24px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.signal{display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;line-height:.98;letter-spacing:.012em}
h1{font-size:clamp(68px,9vw,144px);font-weight:800;margin-bottom:32px}
h1 em{font-style:normal;color:var(--accent)}
.intro{font-size:clamp(16px,1.3vw,19px);max-width:490px;color:#d3dfdd;line-height:1.8}
.hero-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:37px}
.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:214px;gap:20px;padding:16px 23px;background:var(--accent);color:#14221d;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-3px);background:#d1f496}
.button span,.text-link span{font-size:19px;line-height:1}
.text-link{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.text-link span{margin-left:8px;color:var(--accent)}
.hero-art{position:absolute;inset:0 0 0 42%;overflow:hidden}
.planet{position:absolute;width:min(53vw,800px);aspect-ratio:1;right:-4vw;top:7%;border-radius:50%;background:radial-gradient(circle at 35% 27%,#9caf84 0 6%,#758f76 9%,#435c55 34%,#314a48 50%,#182f38 68%,#0d1b26 84%);box-shadow:-55px -50px 140px #b2d7aa55,inset -80px -50px 95px #0a1726}
.planet:after{content:"";position:absolute;inset:12%;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 35%,transparent 0 48px,#b7d9b00d 49px 65px);transform:rotate(-25deg)}
.planet-ring{position:absolute;width:min(75vw,1130px);height:160px;right:-16vw;top:50%;border:28px solid #acba9a66;border-left-color:#a1b89711;border-bottom-color:#cad3b555;border-radius:50%;transform:rotate(-23deg);filter:blur(2px)}
.moon{position:absolute;width:68px;height:68px;right:9%;top:12%;border-radius:50%;background:linear-gradient(125deg,#d3d9a7,#394f51);box-shadow:0 0 40px #d1e4ad66}
.orbit{position:absolute;border:1px solid #b2cdac4b;border-radius:50%;transform:rotate(-24deg)}
.orbit-one{width:800px;height:350px;right:-180px;top:31%}.orbit-two{width:1030px;height:520px;right:-320px;top:23%}
.landing-point{position:absolute;right:24%;top:54%;width:22px;height:22px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 11px #b8e17333,0 0 0 28px #b8e17316,0 0 38px var(--accent)}
.landing-point span{position:absolute;width:170px;height:1px;background:#c7e29888;left:-170px;top:10px}
.hero-footer{position:absolute;left:clamp(24px,5vw,80px);right:clamp(24px,5vw,80px);bottom:26px;z-index:3;display:flex;justify-content:space-between;color:#b9c9c5;font-size:11px;font-weight:700;letter-spacing:.16em}
.section-shell{padding:110px clamp(24px,9vw,160px)}
.section-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:800}.section-label span{display:inline-block;border:1px solid var(--accent);padding:5px 10px;margin-right:12px}
.mission{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-bottom:1px solid var(--line)}
.mission-content{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:end}
.mission h2{font-size:clamp(56px,6vw,96px);margin:0}.mission p{max-width:400px;color:var(--muted);font-size:17px;line-height:1.9;margin-bottom:6px}
.worlds{background:#15222c}.worlds h2{font-size:clamp(55px,6vw,92px);margin:35px 0 50px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.feature{min-height:270px;padding:34px;background:#1b2b35}.feature-number{font-size:11px;letter-spacing:.14em;color:var(--accent);font-weight:800}.feature h3{font-size:34px;margin:50px 0 13px}.feature p{color:var(--muted);max-width:320px;margin:0}
.closing{background:#accf79;color:#17251e;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing .eyebrow{color:#325039}.closing h2{font-size:clamp(54px,6vw,88px);margin-bottom:14px}.closing p:last-child{margin:0}.button-light{background:#17251e;color:white}.button-light:hover{background:#2f4737}
.footer{min-height:140px;padding:40px clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#afc0bd;font-size:13px}.footer>span:first-child{color:white}.footer a{font-weight:800;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){.hero{min-height:650px}.hero-art{left:23%;opacity:.68}.mission,.mission-content{grid-template-columns:1fr}.mission-content{gap:18px}.feature-grid{grid-template-columns:1fr}.feature{min-height:190px}.feature h3{margin-top:25px}.closing{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.header{height:72px}.logo{font-size:27px}nav>a:not(.nav-steam){display:none}.nav-steam{padding:8px 10px;font-size:11px}.nav-steam span{margin-left:3px}.hero{min-height:700px;padding:75px 24px 100px;align-items:flex-start}.hero:after{background:linear-gradient(180deg,#111c26ee 0%,#111c26aa 58%,transparent)}.hero-art{inset:28% -40% 0 0;opacity:.55}.planet{width:600px;right:-190px;top:5%}.planet-ring{width:750px;right:-280px;top:45%}.moon{right:35%;top:8%}.hero-copy{z-index:3}h1{font-size:clamp(64px,15vw,95px)}.intro{font-size:16px}.hero-actions{align-items:flex-start;gap:20px}.hero-footer{left:24px;right:24px;font-size:9px}.hero-footer span:first-child{max-width:170px}.section-shell{padding:75px 24px}.mission h2{font-size:64px}.worlds h2{font-size:58px}.footer{align-items:flex-start;flex-direction:column;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}