/* ── NAVBAR ── */
    nav {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(255,255,255,0.85);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border-bottom: 1px solid rgba(30,90,173,0.08);
      transition: box-shadow .3s ease;
    }
    nav:hover { box-shadow: 0 4px 24px rgba(30,90,173,0.07); }

    .nav-link {
      position: relative;
      color: var(--text-muted);
      font-size: .875rem;
      font-weight: 500;
      text-decoration: none;
      padding: 4px 0;
      transition: color .25s ease;
    }
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: -2px; left: 0;
      width: 0; height: 2px;
      background: var(--blue-bright);
      border-radius: 2px;
      transition: width .3s ease;
    }
    .nav-link:hover { color: var(--blue-deep); }
    .nav-link:hover::after { width: 100%; }

    .btn-primary {
      background: var(--blue-deep);
      color: #fff;
      font-size: .875rem;
      font-weight: 600;
      padding: 10px 22px;
      border-radius: 50px;
      border: none;
      cursor: pointer;
      transition: background .25s ease, transform .2s ease, box-shadow .25s ease;
      text-decoration: none;
      display: inline-block;
    }
    .btn-primary:hover {
      background: var(--blue-bright);
      transform: translateY(-1px);
      box-shadow: 0 6px 20px rgba(40,114,212,0.35);
    }

    .btn-outline {
      background: transparent;
      color: var(--blue-deep);
      font-size: .875rem;
      font-weight: 600;
      padding: 10px 22px;
      border-radius: 50px;
      border: 1.5px solid rgba(30,58,107,0.25);
      cursor: pointer;
      transition: border-color .25s ease, background .25s ease, transform .2s ease;
      text-decoration: none;
      display: inline-block;
    }
    .btn-outline:hover {
      border-color: var(--blue-bright);
      background: rgba(40,114,212,0.06);
      transform: translateY(-1px);
    }


    /* =========================================
   NAV RESPONSIVE
========================================= */

.nav-container{
  height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
}

.nav-brand{
  display:flex;
  align-items:center;
  gap:.75rem;
}

.nav-links{
  display:flex;
  align-items:center;
  gap:2rem;
}

.nav-toggle{
  display:none;
  width:42px;
  height:42px;
  border:none;
  background:none;
  cursor:pointer;
  padding:0;
}

.nav-toggle span{
  display:block;
  width:24px;
  height:2px;
  background:var(--blue-deep);
  margin:5px auto;
  transition:.3s;
}

.mobile-menu{
  max-height:0;
  overflow:hidden;

  background:#fff;

  transition:max-height .35s ease;

  border-top:1px solid rgba(0,0,0,.06);
}

.mobile-menu.active{
  max-height:500px;
}

.mobile-link{
  display:block;

  padding:1rem 1.5rem;

  color:var(--text-main);

  text-decoration:none;

  border-bottom:1px solid rgba(0,0,0,.04);
}

.mobile-link:hover{
  background:#f8fafc;
}

.mobile-cta{
  margin:1rem;
  text-align:center;
  display:block;
}

@media (max-width: 992px){

  .nav-links{
    display:none;
  }

  .nav-cta{
    display:none;
  }

  .nav-toggle{
    display:block;
  }

}

.nav-toggle.active span:nth-child(1){
  transform:
    translateY(7px)
    rotate(45deg);
}

.nav-toggle.active span:nth-child(2){
  opacity:0;
}

.nav-toggle.active span:nth-child(3){
  transform:
    translateY(-7px)
    rotate(-45deg);
}