.nav{position:fixed;top:0;left:0;right:0;z-index:10000;padding:1.5rem 0;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1)}
.nav.scrolled{padding:0.75rem 0;background:rgba(5,5,5,0.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--bd)}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.nav-logo{font-family:var(--f-head);font-size:1.25rem;font-weight:500;letter-spacing:0;color:var(--t1);display:flex;align-items:center;gap:0.5rem}
.nav-logo i{color:var(--ac)}
.nav-links{display:flex;align-items:center;gap:3rem;list-style:none}
.nav-links a{font-family:var(--f-body);font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--t2);transition:color 0.4s}
.nav-links a:hover{color:var(--t1)}
.nav-cta{font-family:var(--f-body);font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ac);transition:color 0.4s}
.nav-cta:hover{color:var(--ach)}
.nav-toggle{display:none;background:none;border:none;color:var(--t1);font-size:2rem;cursor:pointer;transition:color 0.3s}
.nav-toggle:hover{color:var(--ac)}
@media (max-width:768px){
  .nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background:rgba(5,5,5,0.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);flex-direction:column;padding:2rem;gap:2rem;border-bottom:1px solid var(--bd)}
  .nav-links.active{display:flex}
  .nav-cta{display:none}
  .nav-toggle{display:block}
}