:root{ 
 --bg:#0b0f14;--panel:#111723;--text:#e6edf3;--muted:#9fb3c8;--brand:#63b3ed;--border:#1f2a37;
 --aviation-blue:#0C1E3A;--aviation-ink:#102A4C;--runway-white:#E6EDF3;--telemetry-cyan:#18E0FF;--telemetry-wash:rgba(24,224,255,.08);--grid-ink:rgba(180,210,255,.075)
}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text)}
.container{width:min(1100px,92%);margin:0 auto}
/* Header 3-column */
.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(6px);background:color-mix(in srgb,var(--bg) 88%, transparent);border-bottom:1px solid var(--border)}
.header-grid-3{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.65rem 0}
.site-nav-left{justify-self:start}
.nav-left{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.nav-left a{color:var(--text);text-decoration:none;padding:.4rem .6rem;border-radius:.5rem}
.nav-left a:hover{background:color-mix(in srgb,var(--panel) 85%, transparent)}
.center-brand{justify-self:center}
.logo{display:block;height:48px;width:auto}
@media(min-width:768px){.logo{height:56px}}
@media(min-width:1200px){.logo{height:64px}}
.header-actions{justify-self:end;display:flex;align-items:center;gap:.5rem}
.theme-toggle{border:1px solid var(--border);background:transparent;color:var(--text);padding:.4rem .6rem;border-radius:.5rem}
.btn{display:inline-block;padding:.6rem .9rem;border:1px solid var(--border);border-radius:.6rem;color:var(--text);text-decoration:none;background:color-mix(in srgb,var(--panel) 85%,transparent)}
.btn.primary{background:var(--brand);color:#081018}
/* Aviation + Space technical background */
body{
 background:
 radial-gradient(1600px 1100px at 50% -20%, rgba(255,255,255,0.025), transparent 65%),
 linear-gradient(180deg, rgba(18,28,48,.30) 0%, rgba(8,14,28,.12) 40%, rgba(6,10,20,.00) 100%),
 radial-gradient(circle at 72% 22%, rgba(255,255,255,.09) 0.5px, transparent 1.2px),
 radial-gradient(circle at 28% 18%, rgba(255,255,255,.07) 0.4px, transparent 1.1px),
 radial-gradient(circle at 62% 46%, rgba(255,255,255,.06) 0.5px, transparent 1.3px),
 radial-gradient(circle at 14% 61%, rgba(255,255,255,.08) 0.5px, transparent 1.2px),
 repeating-linear-gradient( 90deg, var(--grid-ink) 0 1px, transparent 1px 56px),
 repeating-linear-gradient( 0deg, var(--grid-ink) 0 1px, transparent 1px 56px),
 repeating-linear-gradient( 90deg, rgba(180,210,255,.10) 0 1px, transparent 1px 224px),
 repeating-linear-gradient( 0deg, rgba(180,210,255,.10) 0 1px, transparent 1px 224px),
 linear-gradient(180deg, var(--aviation-blue) 0%, #091425 40%, #050A14 100%);
 background-attachment: fixed;background-size: cover;line-height:1.6
}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0.035) 0%,rgba(0,0,0,0.0) 40%,rgba(0,0,0,0.16) 100%);mix-blend-mode:soft-light}
/* HUD Telemetry accent */
#fx-hud{position:fixed;inset:0;z-index:0;pointer-events:none}
#fx-hud::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(24,224,255,.14) 0px,rgba(24,224,255,0) 2px,rgba(24,224,255,.04) 4px,transparent 7px),radial-gradient(1100px 1100px at 58% 42%, var(--telemetry-wash), transparent 70%);mix-blend-mode:screen;opacity:.14}
#fx-hud::after{content:"";position:absolute;inset:-10% -10%;pointer-events:none;background:conic-gradient(from 0deg at 50% 50%, rgba(24,224,255,.12) 0deg, rgba(24,224,255,0) 25deg);mix-blend-mode:screen;opacity:.20;transform-origin:50% 50%;animation:hudSweep 9.6s linear infinite}
@media (prefers-reduced-motion: reduce){#fx-hud::after{animation:none;opacity:.12}}
@keyframes hudSweep{from{transform:rotate(0)}to{transform:rotate(360deg)}}
/* Runway ticks */
#fx-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--runway-white) 90%, transparent) 0 4px,transparent 4px 28px);background-size:2px 100%;background-repeat:no-repeat;background-position:50% 0;opacity:.10}
@media(prefers-reduced-motion: reduce){#fx-grid{opacity:.08}}
/* Cards / layout */
.hero{padding:5rem 0 2.5rem}
.lead{color:var(--muted)}
.two-col{display:grid;gap:1rem}
.left-col{display:grid;gap:1rem}
.right-col{display:grid;gap:1rem}
.about-box,.hud-card,.media-notes,.contact-card{border:1px solid var(--border);background:var(--panel);padding:1rem;border-radius:.75rem;position:relative}
.hud-card.glow{box-shadow:0 0 28px -14px color-mix(in srgb, var(--brand) 65%, transparent), inset 0 0 12px -10px color-mix(in srgb, var(--brand) 45%, transparent)}
.service-list,.facts-list{display:grid;grid-template-columns:1fr;gap:.45rem .75rem;padding-left:1rem}
.footer{padding:2rem 0;border-top:1px solid var(--border);background:color-mix(in srgb,var(--panel) 70%,transparent);margin-top:2rem}
.footer-flex{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(min-width:900px){.two-col{grid-template-columns:1.1fr .9fr}}
/* Vertical contact form */
.contact-form.vertical{display:grid;gap:1rem;max-width:720px;margin:0 auto}
.contact-form.vertical .form-row{display:grid;gap:.4rem}
.contact-form.vertical label{font-weight:600}
.contact-form.vertical input,.contact-form.vertical select,.contact-form.vertical textarea{background:color-mix(in srgb,var(--panel) 85%, transparent);border:1px solid var(--border);border-radius:.6rem;color:var(--text);padding:.7rem .8rem}
.contact-form.vertical textarea{resize:vertical}
.contact-form.vertical .phone-input{display:grid;grid-template-columns:110px 1fr;gap:.5rem}
.contact-form.vertical .help{color:var(--muted)}
.contact-form.vertical .form-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.4rem}
.contact-form.vertical .btn{padding:.7rem 1rem}