/* ============================================================
   NAV
   ============================================================ */
.nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3rem;
  transition: background 0.4s ease, box-shadow 0.4s ease, backdrop-filter 0.4s ease;
}

.nav.scrolled {
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(14px);
  box-shadow: 0 1px 0 var(--border);
}

.nav-logo {
  display: flex;
  align-items: center;
}

.nav-logo-img {
  height: 44px;
  width: 44px;
  border-radius: 10px;
  object-fit: cover;
  display: block;
  transition: transform 0.3s var(--ease-out-expo), box-shadow 0.3s ease;
}
.nav-logo-img:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 16px rgba(4,106,129,0.35);
}

.nav-scrolled-only { opacity:0; transition: opacity 0.4s; }
.nav.scrolled .nav-scrolled-only { opacity:1; }

.nav-cta {
  background: var(--teal);
  color: #fff;
  padding: 11px 26px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  transition: background 0.2s, transform 0.2s;
}
.nav-cta:hover { background: var(--teal-dark); transform: translateY(-1px); }