@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#0d110b;--panel:#151b12;--olive:#27311f;--yellow:#f1c542;--yellow2:#d99e1d;--cream:#f2f1e8;--muted:#a8ad9e;--line:rgba(255,255,255,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--cream);background:radial-gradient(circle at 15% 15%,rgba(92,103,57,.12),transparent 28%),linear-gradient(#0c100b,#11150e 60%,#090c08);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}main{overflow:hidden}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:fixed;z-index:50;top:0;left:0;right:0;background:linear-gradient(to bottom,#080b08f5,#080b08ad);border-bottom:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{font-family:Barlow Condensed;font-weight:900;letter-spacing:-.02em;font-size:25px}.brand span{color:var(--yellow)}nav{display:flex;gap:30px;color:#c7c9bf;font:700 13px Barlow Condensed;letter-spacing:.12em}nav a:hover{color:#fff}.small-cta,.primary-cta{display:inline-flex;align-items:center;gap:8px;font:800 15px Barlow Condensed;letter-spacing:.06em;background:linear-gradient(180deg,#f5d25c,#d8a51f);color:#16170f;padding:14px 18px;border:1px solid #ffe07b;box-shadow:0 7px 30px #cf9d1729;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:120px 6vw 70px}.hero-bg{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background:linear-gradient(90deg,#080b07e0,#080b078f 42%,#080b071f 72%),linear-gradient(0deg,#0d110b 0%,transparent 33%),url(/join/assets/hero-battlefield-BEwe0a5J.jpg) center/cover;filter:saturate(.72) contrast(1.08)}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.014),rgba(255,255,255,.014) 1px,transparent 1px,transparent 4px)}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 180px #000;pointer-events:none}.hero-grid{width:min(1420px,100%);margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:5vw;position:relative;z-index:2}.hero-copy{align-self:center}.kicker,.eyebrow{font:800 13px Barlow Condensed;letter-spacing:.18em;color:var(--yellow)}h1,h2,h3{font-family:Barlow Condensed;margin:0;text-transform:uppercase}h1{font-size:clamp(64px,8vw,126px);line-height:.82;letter-spacing:-.035em;max-width:920px;text-shadow:0 12px 28px rgba(0,0,0,.45)}h1 span{color:var(--yellow)}.lead{max-width:690px;font-size:clamp(18px,1.5vw,23px);line-height:1.55;color:#d4d6cc;margin:28px 0 34px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.primary-cta{font-size:20px;padding:18px 24px}.trailer{display:flex;align-items:center;gap:9px;padding:16px 18px;border:1px solid rgba(255,255,255,.14);background:#11150eb8;color:#fff;cursor:pointer}.proof{display:flex;gap:28px;margin-top:35px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);max-width:760px}.proof div{display:flex;flex-direction:column;gap:5px}.proof strong{font:800 14px Barlow Condensed;letter-spacing:.1em}.proof span{font-size:12px;color:#979d8f}.hero-art{position:relative;min-height:520px}.three-wrap{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.92;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}.intel-card{position:absolute;right:4%;bottom:10%;width:320px;padding:22px;background:#12180fe0;border:1px solid rgba(241,197,66,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.intel-card span,.intel-card strong,.intel-card small{display:block}.intel-card span{font:700 11px Barlow Condensed;letter-spacing:.2em;color:var(--yellow)}.intel-card strong{font:900 28px Barlow Condensed;margin:7px 0}.intel-card small{color:#adb2a5;line-height:1.5}.embers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.embers span{width:3px;height:3px;border-radius:50%;background:#f2c13b;position:absolute;box-shadow:0 0 10px #efb730}.scroll-mark{position:absolute;bottom:22px;left:50%;transform:translate(-50%);font:700 10px Barlow Condensed;letter-spacing:.22em;color:#6f7769;z-index:3}.section{width:min(1360px,90vw);margin:0 auto;padding:130px 0}.feature-intro{text-align:center}.feature-intro h2,.split-section h2,.final-cta h2{font-size:clamp(52px,6vw,88px);line-height:.9;margin:14px 0 22px}.feature-intro>p{max-width:760px;margin:0 auto 46px;color:#adb3a3;line-height:1.75;font-size:18px}.screen-frame{height:min(62vw,720px);position:relative;border:1px solid rgba(241,197,66,.28);background:linear-gradient(#0d110b40,#0d110b80),url(/join/assets/gameplay-BqCf6JSj.jpg) center/cover;box-shadow:0 40px 100px #00000073,inset 0 0 0 7px #00000057;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.screen-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff3;font:900 26px Barlow Condensed;letter-spacing:.12em}.hud-label{position:absolute;background:#11170f;border:1px solid rgba(241,197,66,.38);padding:10px 14px;font:800 11px Barlow Condensed;letter-spacing:.17em;color:#e7c34d}.hud-label.tl{top:14px;left:14px}.hud-label.br{bottom:14px;right:14px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:36px;min-height:330px;background:linear-gradient(150deg,#2a34219e,#12170fcc);border:1px solid var(--line);position:relative}.feature-card:before{content:"";position:absolute;top:0;left:0;width:58px;height:3px;background:var(--yellow)}.feature-card svg{color:var(--yellow);margin-bottom:36px}.feature-card h3{font-size:37px;line-height:.95;margin:12px 0 18px}.feature-card p,.split-section p{color:#aeb3a5;line-height:1.7}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.split-section p{font-size:18px;max-width:620px}.text-cta{display:inline-flex;gap:8px;align-items:center;margin-top:20px;color:var(--yellow);font:800 16px Barlow Condensed;letter-spacing:.09em}.mode-stack{display:grid;gap:10px}.mode-stack div{display:grid;grid-template-columns:64px 1fr auto;align-items:center;padding:23px 24px;border:1px solid rgba(255,255,255,.1);background:#141a11}.mode-stack span{color:var(--yellow);font:800 14px Barlow Condensed}.mode-stack strong{font:900 28px Barlow Condensed}.mode-stack small{color:#838b7c}.final-cta{text-align:center;padding:140px 20px 150px;position:relative;background:linear-gradient(180deg,#131a10,#202a18 60%,#12170f);border-top:1px solid rgba(255,255,255,.08)}.final-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 35%,rgba(241,197,66,.13),transparent 32%);pointer-events:none}.final-cta svg{color:var(--yellow);margin-bottom:15px}.final-cta p{color:#aeb3a5;margin:0 0 28px}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 5vw;border-top:1px solid rgba(255,255,255,.08);color:#737a6d;font-size:12px}footer>div:last-child{display:flex;gap:20px}@media (max-width:900px){nav{display:none}.hero{padding-top:105px}.hero-grid,.split-section{grid-template-columns:1fr}.hero-art{display:none}h1{font-size:68px}.proof{display:grid;grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr}.screen-frame{height:58vw}.mode-stack{margin-top:25px}}@media (max-width:560px){.topbar{padding:0 18px}.small-cta{font-size:12px;padding:11px 12px}.hero{padding-left:20px;padding-right:20px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions>*{justify-content:center}h1{font-size:54px}.proof{grid-template-columns:1fr}.section{padding:90px 0}footer{flex-direction:column;gap:18px;text-align:center}}