.navbar{
  position:fixed;top:0;left:0;right:0;z-index:100;
  padding:16px 0;
  transition:background var(--dur-med), padding var(--dur-med), box-shadow var(--dur-med);
}
.navbar.scrolled{
  background:rgba(8,13,32,.78);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  padding:10px 0;
  box-shadow:0 8px 30px rgba(0,0,0,.25);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.nav-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--white);min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav-brand img{width:34px;height:34px;flex-shrink:0;}
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-links a{
  padding:9px 12px;border-radius:var(--r-pill);
  font-size:.85rem;font-weight:500;color:var(--ink-300);
  transition:background var(--dur-fast), color var(--dur-fast);
  position:relative;white-space:nowrap;
}
.nav-links a:hover{color:var(--white);background:rgba(255,255,255,.06);}
.nav-links a.active{color:var(--white);}
.nav-cta{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.nav-toggle{display:none;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.06);align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);flex-shrink:0;}
.nav-toggle span{display:block;width:18px;height:2px;background:#fff;position:relative;}
.nav-toggle span::before,.nav-toggle span::after{content:'';position:absolute;left:0;width:18px;height:2px;background:#fff;transition:transform var(--dur-fast);}
.nav-toggle span::before{top:-6px;}
.nav-toggle span::after{top:6px;}
.nav-toggle.open span{background:transparent;}
.nav-toggle.open span::before{transform:translateY(6px) rotate(45deg);}
.nav-toggle.open span::after{transform:translateY(-6px) rotate(-45deg);}

.mobile-drawer{
  position:fixed;inset:0;z-index:99;
  background:var(--navy-950);
  display:flex;flex-direction:column;
  padding:100px 28px 40px;
  transform:translateX(100%);
  transition:transform var(--dur-med) var(--ease-out);
  overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
}
.mobile-drawer.open{transform:translateX(0);}

html.menu-open,body.menu-open{overflow:hidden;height:100%;touch-action:none;}
.mobile-drawer a{
  display:block;padding:16px 4px;font-size:1.3rem;font-family:var(--font-display);
  border-bottom:1px solid rgba(255,255,255,.08);color:#fff;
}
.mobile-drawer .btn{margin-top:28px;}

@media (max-width:1180px){
  .nav-links{display:none;}
  .nav-toggle{display:flex;}
  .nav-cta .btn-outline{display:none;}
}
@media (max-width:480px){
  .nav-brand{font-size:.95rem;gap:7px;}
  .nav-brand img{width:28px;height:28px;}
  .nav-cta{gap:8px;}
  .nav-cta .btn-wa span{display:none;}
  .nav-cta .btn-wa{padding:10px;}
  .nav-cta .btn-wa svg{margin:0;}
}