@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root { --ink:#081659; --blue:#0b9eea; --warm:#f6f4ef; --muted:#637089; --line:#dbe0e7; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--warm); color:var(--ink); font-family:Manrope,Arial,sans-serif; }
.page-shell { max-width:1440px; margin:auto; padding:0 6.7vw; overflow:hidden; }
.nav { height:116px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand img { width:135px; height:82px; object-fit:cover; object-position:center; mix-blend-mode:multiply; }
.nav-phone { color:var(--ink); text-decoration:none; font-size:13px; font-weight:600; letter-spacing:.02em; }
.nav-phone span { margin-left:10px; color:var(--blue); }
.hero { min-height:555px; display:grid; grid-template-columns:1.04fr .96fr; align-items:center; gap:30px; border-bottom:1px solid var(--line); }
.hero-copy { padding:76px 0 70px; position:relative; z-index:2; }
.eyebrow,.section-label { color:var(--muted); font:500 11px 'DM Mono',monospace; letter-spacing:.12em; }
.eyebrow span { display:inline-block; width:26px; height:1px; background:var(--blue); vertical-align:middle; margin:0 9px 0 1px; }
h1 { font-size:clamp(48px,5vw,76px); letter-spacing:-.065em; line-height:1.04; margin:18px 0 24px; font-weight:800; }
h1 em { color:var(--blue); font-family:'Playfair Display',serif; font-weight:600; letter-spacing:-.075em; }
.intro { color:var(--muted); line-height:1.75; font-size:16px; max-width:520px; margin:0; }
.actions { display:flex; gap:12px; margin-top:34px; flex-wrap:wrap; }
.button { align-items:center; display:inline-flex; gap:28px; text-decoration:none; font-size:13px; font-weight:700; padding:15px 20px; transition:transform .2s, background .2s; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--ink); color:white; }
.button-primary span { color:#72cbf6; font-size:16px; }
.button-secondary { color:var(--ink); border:1px solid #b9c1cd; }
.hero-art { min-height:420px; position:relative; }
.orbit { position:absolute; border:1px solid #d1e5f0; border-radius:50%; }
.orbit-one { width:420px; height:420px; right:-70px; top:8px; }.orbit-two { width:290px; height:290px; right:40px; top:73px; border-color:#b5dceb; }
.panel { background:var(--blue); position:absolute; transform:rotate(-13deg); }.panel-one { height:124px; width:184px; opacity:.12; right:75px; top:74px; }.panel-two { height:83px; width:123px; opacity:.25; right:218px; bottom:64px; }
.launch-card { position:absolute; width:252px; padding:28px 27px 23px; background:#fff; box-shadow:17px 22px 0 #d8edf7; right:101px; top:126px; transform:rotate(4deg); }
.card-icon { color:var(--blue); font-size:27px; }.launch-card p { font:500 10px 'DM Mono',monospace; letter-spacing:.13em; color:var(--muted); margin:22px 0 7px; }.launch-card strong { font:600 26px 'Playfair Display',serif; letter-spacing:-.04em; }.launch-card i { display:inline-block; width:7px; height:7px; background:var(--blue); margin:25px 6px 0 0; }.launch-card i:nth-last-child(2) { opacity:.5; }.launch-card i:last-child { opacity:.2; }
.coverage { padding:58px 0; display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:30px; border-bottom:1px solid var(--line); }.coverage h2 { font:700 28px/1.2 'Playfair Display',serif; letter-spacing:-.04em; margin:9px 0 0; }.locations { list-style:none; display:flex; gap:10px 12px; flex-wrap:wrap; margin:0; padding:0; }.locations li { padding:8px 13px; font:500 12px 'DM Mono',monospace; color:var(--ink); border:1px solid #cbd3dd; }
.contact-strip { padding:33px 0; display:flex; align-items:center; justify-content:space-between; gap:24px; }.contact-strip p { margin:0; font:500 16px 'Playfair Display',serif; }.contact-strip strong { color:var(--blue); }.social-links { display:flex; gap:20px; flex-wrap:wrap; }.social-links a,footer a { color:var(--ink); text-decoration:none; font-size:12px; font-weight:700; }.social-links a:hover,footer a:hover { color:var(--blue); }.social-links a::after { content:' ↗'; color:var(--blue); }
footer { padding:24px 0 32px; border-top:1px solid var(--line); display:flex; gap:20px; align-items:center; flex-wrap:wrap; }footer p { margin:0 auto 0 0; color:var(--muted); font-size:11px; }
@media (max-width:760px) { .page-shell { padding:0 7vw; }.nav { height:94px; }.nav-phone { font-size:11px; }.nav-phone span { display:block; margin:4px 0 0; }.hero { grid-template-columns:1fr; min-height:0; }.hero-copy { padding:58px 0 18px; }.hero-art { min-height:285px; }.orbit-one { width:310px; height:310px; right:-70px; }.orbit-two { width:210px; height:210px; right:15px; top:58px; }.launch-card { transform:rotate(3deg) scale(.87); transform-origin:center; top:65px; right:33px; }.panel-one { right:35px; top:43px; }.panel-two { right:175px; bottom:28px; }.coverage { grid-template-columns:1fr; padding:40px 0; }.contact-strip { align-items:flex-start; flex-direction:column; }.social-links { gap:13px 18px; } }