:root{
  --bg:#0b0f14; --fg:#eaf2ff; --muted:#9fb3c8;
  --accent:#2fb3ff; --accent2:#00d3a7; --card:#121922; --border:#1c2632;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;background:var(--bg);color:var(--fg);line-height:1.6}
a{color:var(--accent);text-decoration:none}
a.btn,.btn{display:inline-block;background:var(--accent);color:#000;padding:12px 18px;border-radius:10px;font-weight:700}
header.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
header.hero .hero-inner{backdrop-filter: brightness(.95); padding:24px}
header.hero .logo{max-width:160px;margin-bottom:14px}
section{padding:64px 20px}
.container{max-width:1200px;margin:0 auto}
h1,h2,h3{margin:0 0 12px}
.grid{display:grid;gap:24px}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.35)}
.card img{width:100%;height:200px;object-fit:cover;display:block}
.card .p{padding:16px}
input,textarea,select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:#0e1622;color:var(--fg)}
label{display:block;margin:10px 0 6px;color:var(--muted)}
button{background:var(--accent);color:#000;padding:12px 18px;border:none;border-radius:10px;font-weight:700;cursor:pointer}
button:hover{filter:brightness(1.05)}
.footer{background:#0e1622;border-top:1px solid var(--border);padding:32px 20px;color:var(--muted)}
.badge{display:inline-block;padding:6px 10px;border:1px solid var(--border);border-radius:999px;margin-right:8px;color:var(--muted)}
nav.site{position:sticky;top:0;background:#0e1622;border-bottom:1px solid var(--border);z-index:50}
nav.site .nav-inner{display:flex;gap:18px;align-items:center;justify-content:center;padding:10px}
nav.site a{color:var(--fg);opacity:.85}
nav.site a:hover{opacity:1;color:var(--accent)}
.form-row{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.success{color:#29ff9a}
.error{color:#ff6b6b}
.small{font-size:.9rem;color:var(--muted)}
/* contact form marker */
#contactForm{max-width:900px;margin:0 auto}


/* === Aerovisus header brand (logo + stacked text) === */
#av-nav .brand{
  display:flex; align-items:center; gap:12px; text-decoration:none;
  font-family:'Century Gothic', CenturyGothic, AppleGothic, 'URW Gothic L', Arial, sans-serif;
  color:var(--fg);
}
#av-nav .brand .av-mark{height:36px; width:auto; display:block}
#av-nav .brand .av-stack{display:flex; flex-direction:column; line-height:1.05}
#av-nav .brand .av-title{font-weight:800; letter-spacing:.08em; font-size:20px}
#av-nav .brand .av-tag{font-weight:400; font-size:12px; color:var(--muted)}
#av-nav .brand .av-tag .pos{font-style:italic; color:var(--fg); opacity:.9}
@media (max-width: 640px){
  #av-nav .brand .av-mark{height:28px}
  #av-nav .brand .av-title{font-size:16px; letter-spacing:.06em}
  #av-nav .brand .av-tag{font-size:11px}
}


/* === Aerovisus brand (universal nav selector) === */
nav .brand{
  display:flex !important; align-items:center; gap:12px; text-decoration:none;
  font-family:'Century Gothic', CenturyGothic, AppleGothic, 'URW Gothic L', Arial, sans-serif;
  color:var(--fg);
}
nav .brand .av-mark{height:36px; width:auto; display:block}
nav .brand .av-stack{display:flex; flex-direction:column; line-height:1.05}
nav .brand .av-title{font-weight:800; letter-spacing:.08em; font-size:20px}
nav .brand .av-tag{font-weight:400; font-size:12px; color:var(--muted)}
nav .brand .av-tag .pos{font-style:italic; color:var(--fg); opacity:.9}
@media (max-width: 640px){
  nav .brand .av-mark{height:28px}
  nav .brand .av-title{font-size:16px; letter-spacing:.06em}
  nav .brand .av-tag{font-size:11px}
}


/* === Aerovisus brand polish === */
header, nav{ position:relative; z-index:1000; }
nav .brand{
  display:flex !important; align-items:center; gap:12px; text-decoration:none;
  font-family:'Century Gothic', CenturyGothic, AppleGothic, 'URW Gothic L', Arial, sans-serif;
  color:var(--fg); white-space:nowrap; max-width:86vw; overflow:hidden;
}
nav .brand .av-mark{height:26px; width:auto; display:block}
nav .brand .av-stack{display:flex; flex-direction:column; line-height:1.05}
nav .brand .av-title{font-weight:800; letter-spacing:.08em; font-size:18px}
nav .brand .av-tag{font-weight:400; font-size:12px; color:var(--muted)}
nav .brand .av-tag .pos{font-style:italic; color:var(--fg); opacity:.9}
nav .brand .av-tag-short{display:none}
@media (max-width: 1024px){
  nav .brand .av-mark{height:22px}
  nav .brand .av-title{font-size:16px; letter-spacing:.06em}
  nav .brand .av-tag-long{display:none}
  nav .brand .av-tag-short{display:block}
}
@media (max-width: 640px){
  nav .brand{gap:8px}
  nav .brand .av-mark{height:20px}
  nav .brand .av-title{font-size:15px; letter-spacing:.05em}
  nav .brand .av-tag{display:none}
}


/* === Brand grid with tagline spanning under logo + title === */
nav .brand-grid{
  display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto;
  grid-template-areas:"mark title";
  align-items:center; column-gap:12px; row-gap:2px;
  text-decoration:none; color:var(--fg);
  font-family:'Century Gothic', CenturyGothic, AppleGothic, Arial, sans-serif;
}
.brand-mark{ grid-area:mark; height:28px; width:auto; display:block; }
.brand-title{ grid-area:title; font-size:18px; font-weight:800; letter-spacing:.08em; margin:0; }
.brand-tag{ grid-area:tag; font-size:12px; color:var(--muted); }
.brand-tag .pos{ font-style:italic; color:var(--fg); opacity:.9; }
@media (max-width: 960px){
  .brand-mark{ height:24px }
  .brand-title{ font-size:16px; letter-spacing:.06em }
  .brand-tag{ font-size:12px }
}
@media (max-width: 560px){
  .brand-mark{ height:22px }
  .brand-title{ font-size:15px }
  .brand-tag{ display:none } /* can flip to inline if you want it visible on tiny phones */
}

.brand-tag{display:none!important}


/* === Final header lockup (single image) === */
.av-brand{ display:flex; align-items:center; text-decoration:none; }
.brand-lockup{ height:56px; width:auto; display:block; }
@media (max-width:640px){ .brand-lockup{ height:44px; } }