/* ── NAV ── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:26px 64px;
  transition:background .35s,border-color .35s;
  border-bottom:1px solid transparent;
}
nav.dn{background:var(--dark);border-color:rgba(255,255,255,.06)}
nav.ln{background:#f7f7f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:var(--bl)}
.nav-name{font-size:14px;font-weight:700;color:#fff;letter-spacing:-.01em;text-decoration:none}
nav.ln .nav-name{color:var(--ink)}
.nav-links{display:flex;gap:32px;list-style:none;position:relative;left:auto;transform:none}
.nav-links a{font-family: Montserrat;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer !important;transition:color .2s;color:rgba(255,255,255,.85)}
nav.ln .nav-links a{color:var(--ink2)}
.nav-links a:hover{color:var(--y)}
nav.ln .nav-links a:hover{color:var(--ink)}
.nav-cta{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--y);color:var(--dark);
  padding:10px 22px;border-radius:999px;
  font-size:13px;font-weight:700;letter-spacing:.01em;
  text-decoration:none;cursor:pointer !important;
  transition:opacity .2s,transform .15s;
  font-family: Montserrat;
}
.nav-cta:hover{opacity:.88;transform:translateY(-1px)}

/* Mobile responsive */
@media(max-width:768px){
  nav{
    padding:14px 20px;
  }
  .nav-links{
    gap:20px;
  }
  .nav-links a{
    font-size:12px;
  }
  .nav-cta{
    padding:7px 14px;
    font-size:10px;
    gap:4px;
  }
}

@media(max-width:480px){
  nav{
    padding:12px 16px;
  }
  .nav-links{
    display:none;
  }
  .nav-cta{
    padding:6px 12px;
    font-size:9px;
  }
}