:root{--void:#07090c;--glass:#0b151b;--cyan:#33e6e3;--orange:#ff5b27;--white:#ecf4ee;--grid:#20323a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--white);font-family:Arial,sans-serif}a,button{font:inherit}header{height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26343a;position:sticky;top:0;background:#07090cee;backdrop-filter:blur(10px);z-index:9}.logo{color:#fff;text-decoration:none;font-weight:900;letter-spacing:.16em;display:grid;grid-template-columns:20px auto;gap:1px 10px}.logo i{grid-row:1/3;width:17px;height:17px;border:4px solid var(--orange);border-radius:50%;box-shadow:0 0 20px var(--orange)}.logo small{color:#71828a;font:9px monospace;letter-spacing:.16em}header nav{display:flex;gap:30px}header nav a,header button{color:#96a5aa;background:none;border:0;text-decoration:none;text-transform:uppercase;font:10px monospace;letter-spacing:.18em}.hero{min-height:calc(100vh - 78px);display:flex;align-items:center;background-image:linear-gradient(90deg,#07090c 1%,#07090ce8 37%,#07090c12 70%),url("../assets/images/observatory.png");background-size:cover;background-position:center}.hero-copy{margin-left:7vw;width:min(620px,86vw)}.hero-copy>p,.lab-title p,.brief>div>p{font:700 10px monospace;color:var(--cyan);letter-spacing:.24em}.hero h1{font:900 clamp(62px,9.5vw,140px)/.74 Arial Black,sans-serif;letter-spacing:-.07em;margin:24px 0}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>span{display:block;color:#a8b4b7;max-width:480px;font-size:17px;line-height:1.6}.hero-copy>a{display:inline-flex;gap:55px;margin-top:28px;border:1px solid var(--cyan);color:var(--cyan);padding:15px 20px;text-decoration:none;font:700 11px monospace;letter-spacing:.15em}.lab{padding:100px max(4vw,16px);background-color:#080d10;background-image:linear-gradient(#14212855 1px,transparent 1px),linear-gradient(90deg,#14212855 1px,transparent 1px);background-size:34px 34px}.lab-title{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:end}.lab h2{font:900 clamp(32px,5vw,64px)/1 Arial Black;margin:8px 0}.lab h2 span{color:var(--orange)}.telemetry{display:flex;gap:25px}.telemetry span{font:10px monospace;color:#73868d}.telemetry b{display:block;color:var(--cyan);font-size:18px;margin-top:5px}.scope-wrap{position:relative;max-width:1200px;margin:30px auto 0;border:2px solid #34464d;padding:12px;background:#030708;box-shadow:0 0 80px #00cfd515}canvas{display:block;width:100%;height:auto;aspect-ratio:1000/620;cursor:crosshair;background:#061116}.scope-note{position:absolute;top:30px;left:30px;display:grid;font:10px monospace;letter-spacing:.14em;pointer-events:none}.scope-note strong{color:var(--orange);margin-bottom:5px}.scope-note span{color:#789097}.launch-start{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:var(--orange);color:white;border:0;padding:18px 24px;font:800 12px monospace;letter-spacing:.14em}.scope-controls{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:180px 1fr 180px;align-items:center;border:1px solid #34464d;border-top:0;padding:12px}.scope-controls button{background:#101b20;border:1px solid #41555d;color:#d6e3df;padding:13px;font:700 10px monospace;letter-spacing:.1em}.scope-controls button:disabled{opacity:.3}.scope-controls p{text-align:center;color:#819399;font-size:13px}.brief{padding:120px 7vw;display:grid;grid-template-columns:1fr 1.5fr;gap:80px;background:#f1eee3;color:#0d1618}.brief h2{font:900 clamp(44px,6vw,86px)/.85 Arial Black;letter-spacing:-.06em}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #0d1618}.facts article{padding:25px 18px;border-right:1px solid #9da19b}.facts i{font:900 36px Arial;color:var(--orange)}.facts h3{font:800 15px monospace;text-transform:uppercase}.facts p{color:#536064;line-height:1.6}footer{padding:40px 5vw;display:flex;justify-content:space-between;color:#74858a;font:10px monospace}footer b{color:#fff}dialog{background:transparent;border:0;color:white}dialog::backdrop{background:#000d}dialog>div{width:min(500px,90vw);padding:50px;background:#0b151b;border:1px solid var(--cyan);text-align:center}dialog small{color:var(--cyan);letter-spacing:.2em}dialog h2{font:900 48px Arial Black;margin:15px 0}dialog button{background:var(--orange);color:#fff;border:0;padding:15px 25px;font:bold 11px monospace}@media(max-width:760px){header nav,header>button{display:none}.hero{background-position:65% center}.hero-copy{padding-top:220px;margin:auto}.lab-title{display:block}.telemetry{margin-top:20px}.scope-controls{grid-template-columns:1fr 1fr}.scope-controls p{grid-column:1/3;grid-row:1}.brief{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.facts article{border-bottom:1px solid #aaa}.scope-note{display:none}footer{flex-direction:column;gap:15px}}
