@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Rajdhani:wght@500;700&display=swap');
:root{--carbon:#0D0F12;--steel:#1A1F26;--metal:#8A8F87;--red:#9B2432;--bone:#D8D0BE;--blue:#4DA3C7;--muted:rgba(216,208,190,.72);--line:rgba(138,143,135,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 22%,rgba(77,163,199,.12),transparent 26%),radial-gradient(circle at 18% 78%,rgba(155,36,50,.18),transparent 28%),linear-gradient(135deg,#07080a,#0D0F12 48%,#050607);color:var(--bone);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(138,143,135,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(138,143,135,.055) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.16),rgba(0,0,0,.16) 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply}.hud-frame{position:fixed;inset:18px;border:1px solid rgba(138,143,135,.18);pointer-events:none;z-index:2}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(22px,5vw,74px);background:linear-gradient(to bottom,rgba(13,15,18,.96),rgba(13,15,18,.72));border-bottom:1px solid rgba(138,143,135,.18);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--bone)}.k-mark{width:46px;height:46px;display:grid;place-items:center;font:800 26px Rajdhani,sans-serif;background:linear-gradient(145deg,#1A1F26,#0D0F12);border:1px solid rgba(138,143,135,.38);box-shadow:inset 0 4px 0 var(--red)}.brand-copy{font-family:Rajdhani,sans-serif;font-size:1.35rem;letter-spacing:.08em}.brand-copy em{font-style:normal;color:var(--metal)}nav{display:flex;gap:24px}nav a{color:var(--muted);text-decoration:none;text-transform:uppercase;font-size:.85rem;letter-spacing:.12em}nav a:hover{color:var(--bone)}main,footer{position:relative;z-index:3}.hero,.section{width:min(1180px,calc(100% - 42px));margin:auto}.hero{min-height:76vh;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:70px 0}.signal,.overline{font-family:Rajdhani,sans-serif;color:var(--metal);text-transform:uppercase;font-weight:700;letter-spacing:.11em}.signal{display:flex;align-items:center;gap:12px}.signal span{width:96px;height:8px;background:var(--red)}h1,h2,h3,h4{font-family:Rajdhani,sans-serif;letter-spacing:.06em}h1{font-size:clamp(4.5rem,10vw,8.4rem);line-height:.84;margin:20px 0 0}h1 span{color:var(--metal)}h2{font-size:clamp(2rem,4vw,3rem);margin:20px 0;color:var(--bone)}.lead{max-width:690px;color:var(--muted);line-height:1.75;font-size:1.08rem}.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{min-height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;font:800 1rem Rajdhani,sans-serif;letter-spacing:.08em;text-decoration:none;color:var(--bone);border:1px solid rgba(138,143,135,.3);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.primary{background:var(--red)}.ghost{background:rgba(26,31,38,.75)}.hero-visual{min-height:520px;position:relative;background:linear-gradient(145deg,rgba(26,31,38,.76),rgba(13,15,18,.55));border:1px solid var(--line);box-shadow:0 24px 90px rgba(0,0,0,.46);clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,42px 100%,0 calc(100% - 42px))}.hero-visual:before{content:"";position:absolute;inset:26px;border:1px solid rgba(138,143,135,.15)}.radar{position:absolute;inset:58px 58px 120px;border:1px solid rgba(138,143,135,.18);background:radial-gradient(circle,rgba(77,163,199,.08),transparent 55%)}.orbit{position:absolute;inset:14%;border:1px solid rgba(138,143,135,.24);border-radius:50%}.orbit-b{inset:28%;border-color:rgba(155,36,50,.28)}.sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,rgba(77,163,199,.32),transparent 62deg);border-radius:50%;animation:spin 8s linear infinite;mix-blend-mode:screen}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;display:grid;place-items:center;border:1px solid rgba(138,143,135,.45);background:#0D0F12;font:800 52px Rajdhani,sans-serif;box-shadow:inset 0 6px 0 var(--red)}.radar i{position:absolute;left:var(--x);top:var(--y);width:8px;height:8px;background:var(--red);box-shadow:0 0 18px var(--red)}.telemetry{position:absolute;left:42px;right:42px;bottom:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.telemetry p{margin:0;padding:15px;border:1px solid rgba(138,143,135,.16);background:rgba(13,15,18,.54)}.telemetry span{display:block;color:var(--metal);font:700 .78rem Rajdhani,sans-serif;letter-spacing:.1em}.telemetry strong{font:800 1rem Rajdhani,sans-serif}.section{padding:72px 0}.section h3{font-size:clamp(2rem,4vw,3.1rem);line-height:1;margin:8px 0 18px}.section p{color:var(--muted);line-height:1.75}.live-grid,.comms{display:grid;grid-template-columns:.82fr 1.18fr;gap:32px;align-items:center}.stream-card,.tile,.link-panel,.steps{background:linear-gradient(145deg,rgba(26,31,38,.78),rgba(13,15,18,.65));border:1px solid var(--line);box-shadow:0 20px 80px rgba(0,0,0,.32)}.stream-card{padding:22px;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))}.screen{min-height:330px;border:1px solid rgba(138,143,135,.18);background:linear-gradient(135deg,rgba(77,163,199,.08),rgba(155,36,50,.08)),#090b0e}.screen-top{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(138,143,135,.16);font-family:Rajdhani,sans-serif;color:var(--metal)}.screen-top span{width:74px;height:8px;background:var(--red)}.screen-body{min-height:270px;display:grid;place-items:center;text-align:center}.play-triangle{width:0;height:0;border-top:42px solid transparent;border-bottom:42px solid transparent;border-left:70px solid rgba(216,208,190,.82);filter:drop-shadow(0 0 26px rgba(216,208,190,.1))}.arsenal{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:18px}.tile{min-height:260px;padding:26px;position:relative;overflow:hidden}.tile:before{content:"";position:absolute;left:26px;top:22px;width:88px;height:8px;background:var(--red)}.tile:after{content:"";position:absolute;right:-80px;bottom:-80px;width:220px;height:220px;border:1px solid rgba(138,143,135,.12);transform:rotate(35deg)}.tile span{display:block;margin-top:28px;color:var(--metal);font:800 .85rem Rajdhani,sans-serif}.tile h4{font-size:1.75rem;margin:12px 0}.tile.big{min-height:320px}.link-panel{display:grid;gap:10px;padding:18px}.link-panel a{display:flex;justify-content:space-between;gap:12px;padding:18px;border:1px solid rgba(138,143,135,.17);background:rgba(13,15,18,.42);color:var(--bone);text-decoration:none}.link-panel b{color:var(--metal);font-family:Rajdhani,sans-serif;text-transform:uppercase}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:24px}.step{padding:24px;border-right:1px solid rgba(138,143,135,.15);min-height:190px}.step:last-child{border-right:0}.step span{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(138,143,135,.24);font:800 1rem Rajdhani,sans-serif;color:var(--metal);margin-bottom:18px}.step.done span,.step.active span{border-color:rgba(155,36,50,.8);color:var(--bone);box-shadow:inset 0 5px 0 var(--red)}.step b{font-family:Rajdhani,sans-serif;font-size:1.25rem;text-transform:uppercase}footer{width:min(1180px,calc(100% - 42px));margin:auto;padding:42px 0 62px;border-top:1px solid rgba(138,143,135,.16);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--muted)}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:950px){.hero,.live-grid,.comms{grid-template-columns:1fr}.hero-visual{min-height:430px}.arsenal,.steps{grid-template-columns:1fr}.telemetry{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}nav{flex-wrap:wrap}h1{font-size:clamp(3.7rem,18vw,5.4rem)}}