/* ─────────────────────────────────────────────────────────────────────────────
   Airwynn — Navigation
   ───────────────────────────────────────────────────────────────────────────── */

/* Navigation — fixed at the top of the viewport from initial page load. */
.nav{
  position:fixed;
  top:0;left:0;right:0;
  z-index:100;
  padding:0 24px;
  background:#011021; /* sampled from the official logo's navy background */
  border-bottom:1px solid var(--border);
  box-shadow:0 1px 0 rgba(255,255,255,.04);
}

.nav-inner{
  display:flex;align-items:center;justify-content:space-between;
  height:60px;max-width:1160px;margin:0 auto;
}

/* Brand */
.nav-brand{
  display:flex;align-items:center;gap:9px;
  text-decoration:none;
  transition:opacity .18s;
}
.nav-brand:hover{opacity:.82;}
.nav-brand img,.nav-brand svg{width:26px;height:26px;display:block;}
.nav-brand-name{
  font-size:.875rem;font-weight:700;letter-spacing:.14em;color:#fff;
}

/* Links */
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-link{
  position:relative;
  font-size:.875rem;color:var(--text2);
  padding:6px 12px;border-radius:8px;
  transition:color .2s ease, background .2s ease;
  text-decoration:none;
}
.nav-link::after{
  content:'';
  position:absolute;bottom:2px;left:12px;right:12px;
  height:1px;background:var(--blue);
  transform:scaleX(0);transform-origin:center;
  transition:transform .2s cubic-bezier(.16,1,.3,1);
  border-radius:99px;
}
.nav-link:hover{color:#fff;background:var(--surface);}
.nav-link:hover::after{transform:scaleX(1);}

/* CTA button */
.nav-cta{
  font-size:.875rem;font-weight:600;
  padding:8px 18px;border-radius:8px;
  background:var(--blue);color:#fff;border:none;
  text-decoration:none;display:inline-flex;align-items:center;
  transition:opacity .18s ease, transform .18s ease, box-shadow .18s ease;
  box-shadow:0 0 0 0 rgba(59,130,246,.4);
}
.nav-cta:hover{
  opacity:.9;
  transform:translateY(-1px);
  box-shadow:0 4px 16px rgba(59,130,246,.3);
}
.nav-cta:active{transform:translateY(0);}

@media(max-width:640px){
  .nav-links{display:none;}
}