/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);display:flex;align-items:center;transition:all var(--t) var(--ease);background:transparent}
.nav.scrolled{background:rgba(11,17,32,.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 2px 40px rgba(0,0,0,.2)}
.nav__inner{max-width:var(--container);margin:0 auto;padding:0 clamp(20px,4vw,40px);width:100%;display:flex;align-items:center;justify-content:space-between}
.nav__logo{height:44px;transition:transform var(--t)}
.nav__logo:hover{transform:scale(1.04)}
.nav__logo img{height:100%;width:auto;filter:brightness(0) invert(1)}
.nav__links{display:flex;align-items:center;gap:4px}
.nav__link{color:rgba(255,255,255,.65);font-size:.88rem;font-weight:600;padding:8px 16px;border-radius:8px;transition:all var(--t)}
.nav__link:hover,.nav__link.active{color:var(--white);background:rgba(255,255,255,.06)}
.nav__ctas{display:flex;gap:12px;margin-left:12px}
.nav__ctas .btn{padding:10px 24px;font-size:.82rem}
.burger{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;z-index:1001}
.burger span{display:block;width:24px;height:2px;background:var(--white);transition:all var(--t);border-radius:2px}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* MOBILE MENU */
.mob-menu{position:fixed;inset:0;background:var(--bg-dark);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;visibility:hidden;transition:all .4s var(--ease)}
.mob-menu.open{opacity:1;visibility:visible}
.mob-menu__link{font-family:var(--font-display);font-size:2.2rem;font-weight:700;color:var(--white);padding:10px 24px;transition:color var(--t);opacity:0;transform:translateY(20px)}
.mob-menu.open .mob-menu__link{opacity:1;transform:translateY(0);transition:opacity .5s var(--ease),transform .5s var(--ease),color var(--t)}
.mob-menu.open .mob-menu__link:nth-child(1){transition-delay:.1s}
.mob-menu.open .mob-menu__link:nth-child(2){transition-delay:.15s}
.mob-menu.open .mob-menu__link:nth-child(3){transition-delay:.2s}
.mob-menu.open .mob-menu__link:nth-child(4){transition-delay:.25s}
.mob-menu.open .mob-menu__link:nth-child(5){transition-delay:.3s}
.mob-menu__link:hover{color:var(--accent)}
.mob-menu__ctas{display:flex;gap:16px;margin-top:28px;opacity:0;transform:translateY(20px)}
.mob-menu.open .mob-menu__ctas{opacity:1;transform:translateY(0);transition:all .5s var(--ease) .35s}

@media(max-width:768px){
  .nav__links,.nav__ctas{display:none}
  .burger{display:flex}
}