/* ── NAVIGATION ── */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .3s ease;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(9,9,11,0.85);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom-color:var(--border-subtle)}
.nav-inner{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}
.nav-logo{height:28px}
.nav-logo-link{display:flex;align-items:center}
.nav-links{display:flex;gap:.25rem;align-items:center}

/* ── NAV ITEMS ── */
.nav-item{position:relative}
.nav-item-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--surface-600);transition:color .2s;border-radius:.5rem;background:none;border:none;cursor:pointer}
.nav-item-btn:hover,.nav-item.active .nav-item-btn{color:var(--surface-900)}
.nav-item-btn svg{width:12px;height:12px;transition:transform .2s}
.nav-item.active .nav-item-btn svg{transform:rotate(180deg)}
.nav-link{display:flex;align-items:center;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--surface-600);transition:color .2s;border-radius:.5rem}
.nav-link:hover,.nav-link.current{color:var(--surface-900)}
.nav-ctas{display:flex;gap:.5rem;align-items:center;margin-left:.75rem}

/* ── MEGA DROPDOWN ── */
.nav-dropdown{position:absolute;top:calc(100% + .5rem);left:50%;transform:translateX(-50%);min-width:220px;background:rgba(15,15,18,0.95);border:1px solid var(--border-default);border-radius:.75rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,0.4);padding:.5rem;z-index:200;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-8px);transition:all .2s ease;pointer-events:none}
.nav-item.active .nav-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto}
.nav-dropdown a{display:block;padding:.5rem .75rem;border-radius:.5rem;font-size:.8125rem;color:var(--surface-600);transition:all .15s}
.nav-dropdown a:hover{background:rgba(255,255,255,0.06);color:var(--surface-800)}

/* ── MOBILE HAMBURGER ── */
.nav-hamburger{display:none;flex-direction:column;gap:5px;padding:.5rem;cursor:pointer;background:none;border:none}
.nav-hamburger span{width:22px;height:2px;background:var(--surface-700);border-radius:2px;transition:all .3s}
.nav-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-hamburger.active span:nth-child(2){opacity:0}
.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* ── MOBILE DRAWER ── */
.nav-drawer{position:fixed;top:0;right:-100%;width:min(380px,85vw);height:100vh;background:rgba(9,9,11,0.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border-subtle);z-index:250;transition:right .3s ease;overflow-y:auto;padding:5rem 1.5rem 2rem}
.nav-drawer.open{right:0}
.nav-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:240;opacity:0;visibility:hidden;transition:all .3s}
.nav-drawer-overlay.open{opacity:1;visibility:visible}
.nav-drawer-close{position:absolute;top:1rem;right:1.5rem;background:none;border:none;color:var(--surface-600);font-size:1.5rem;cursor:pointer;padding:.5rem}
.nav-drawer-group{margin-bottom:1.5rem}
.nav-drawer-group-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--surface-400);margin-bottom:.5rem;padding:0 .5rem}
.nav-drawer-link{display:block;padding:.625rem .75rem;font-size:.9375rem;color:var(--surface-600);border-radius:.5rem;transition:all .15s}
.nav-drawer-link:hover{background:rgba(255,255,255,0.06);color:var(--surface-800)}
.nav-drawer-ctas{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}

@media(max-width:1024px){
  .nav-links{display:none}
  .nav-ctas{display:none}
  .nav-hamburger{display:flex}
}