: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}

/* ---------------------------------------
   Utility Classes
---------------------------------------- */
.blurred {
  filter: blur(6px);
  user-select: none;
  pointer-events: none;
}

/* ---------------------------------------
   FX Spaceplane (inline SVG, no assets)
---------------------------------------- */

#fx-hud{
  position: fixed;
  inset: 0;
  z-index: 0;               /* content stays above */
  pointer-events: none;
  isolation: isolate;       /* contain blend/filters to HUD */
}

.fx-jet{
  position: fixed;
  top: 42%;
  left: -240px;             /* start off-screen left */
  width: 180px;
  height: 84px;

  /* Sleeker, more aerodynamic triangular / cranked-delta spaceplane */
  background:
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="420" height="168" viewBox="0 0 420 168"><defs><linearGradient id="spg" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="%2318E0FF" stop-opacity="0.95"/><stop offset="1" stop-color="%2318E0FF" stop-opacity="0.55"/></linearGradient></defs><path d="M16 84 C 46 70, 98 56, 162 50 210 46, 258 46, 306 50 352 54, 388 64, 404 74 L 406 84 C 388 94, 352 104, 306 108 258 112, 210 112, 162 108 98 102, 46 98, 16 84 Z" fill="url(%23spg)"/><path d="M168 68 C 196 64, 218 64, 246 68 L 246 76 C 218 80, 196 80, 168 76 Z" fill="%23AEEBFF" opacity="0.42"/><path d="M158 66 L 88 54 L 56 50 L 54 56 L 74 66 L 158 74 Z" fill="%2318E0FF" opacity="0.48"/><path d="M158 102 L 88 114 L 56 118 L 54 112 L 74 102 L 158 94 Z" fill="%2318E0FF" opacity="0.48"/><path d="M312 60 L 334 56 L 332 70 Z" fill="%2318E0FF" opacity="0.55"/><path d="M312 108 L 334 112 L 332 98 Z" fill="%2318E0FF" opacity="0.55"/><ellipse cx="300" cy="84" rx="60" ry="18" fill="%2318E0FF" opacity="0.16"/></svg>')
    no-repeat center/contain;

  opacity: .24;                 /* subtle HUD presence */
  pointer-events: none;
  mix-blend-mode: screen;       /* radar/telemetry feel */
  filter: drop-shadow(0 0 8px rgba(24,224,255,.30));
  will-change: transform;
  animation: flySpaceplane 13.5s linear infinite;
  z-index: 0;
  contain: paint;
}

@keyframes flySpaceplane{
  0%   { transform: translateX(0) translateY(-28px) scale(.96) rotate(1.8deg); }
  28%  { transform: translateX(42vw) translateY(-44px) scale(1.00) rotate(-1.2deg); }
  62%  { transform: translateX(78vw) translateY(-18px) scale(1.06) rotate(0.8deg); }
  100% { transform: translateX(112vw) translateY(-28px) scale(1.10) rotate(1.8deg); }
}

/* keep page content above HUD */
header.site-header, main, footer.footer{
  position: relative;
  z-index: 1;
}


@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}