/* Nav — Fixed, clean, pill buttons */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  padding:16px 0;transition:all .5s cubic-bezier(.16,1,.3,1);
}
.admin-bar .nav{top:32px}
@media(max-width:782px){.admin-bar .nav{top:46px}}
.nav.scrolled{
  background:rgba(255,255,255,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  padding:10px 0;box-shadow:0 1px 0 rgba(0,0,0,.06);
}
.nav .wrap{display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center;gap:10px;position:relative}
.nav-logo-img{height:40px;width:auto;transition:opacity .3s}
.nav-logo-white{opacity:1}
.nav-logo-color{opacity:0;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.nav.scrolled .nav-logo-white{opacity:0}
.nav.scrolled .nav-logo-color{opacity:1}
.nav-links{display:flex;gap:4px}
.nav-links>a,
.nav-links .nav-drop-trigger{
  font-size:.82rem;font-weight:500;color:#fff;
  padding:8px 16px;border-radius:var(--radius-pill);transition:.3s;
  background:none;border:none;cursor:pointer;font-family:'Inter';
}
.nav-links>a:hover,
.nav-links .nav-drop-trigger:hover{background:rgba(255,255,255,.1);color:#fff}
.nav.scrolled .nav-links>a,
.nav.scrolled .nav-links .nav-drop-trigger{color:var(--gray)}
.nav.scrolled .nav-links>a:hover,
.nav.scrolled .nav-links .nav-drop-trigger:hover{background:var(--light);color:var(--dark)}
.nav-actions{display:flex;gap:8px;align-items:center}
.btn-nav{
  font-family:'Inter';font-size:.82rem;font-weight:600;
  padding:10px 24px;border-radius:24px;border:1.5px solid transparent;
  cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;
  text-decoration:none;
}
.btn-nav-outline{
  background:transparent;color:#fff;border-color:#fff;
}
.btn-nav-outline:hover{color:var(--dark);border-color:#fff;background:#fff}
.nav.scrolled .btn-nav-outline{color:var(--dark);border-color:rgba(0,0,0,.12)}
.nav.scrolled .btn-nav-outline:hover{border-color:var(--blue);color:var(--blue);background:rgba(3,66,142,.04)}
.btn-nav-fill{background:var(--gold);color:var(--dark);border-color:var(--gold)}
.btn-nav-fill:hover{background:#ffe44d;transform:translateY(-1px);box-shadow:0 8px 24px rgba(255,214,0,.25)}

/* Mega menu */
.nav-dropdown{position:static}
.nav-drop-trigger{display:inline-flex;align-items:center;gap:4px}
.nav-drop-trigger svg{transition:transform .3s;opacity:.5}
.nav-dropdown:hover .nav-drop-trigger svg{transform:rotate(180deg);opacity:1}
.nav-drop-menu{
  position:absolute;top:100%;left:0;right:0;
  background:#fff;border-radius:0 0 var(--radius-lg) var(--radius-lg);
  box-shadow:0 20px 60px rgba(0,0,0,.1),0 1px 0 rgba(0,0,0,.04);
  padding-top:12px;opacity:0;visibility:hidden;pointer-events:none;
  transition:all .35s cubic-bezier(.16,1,.3,1);z-index:300;
  transform:translateY(-8px);
}
.nav-dropdown:hover .nav-drop-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.nav-drop-menu::before{
  content:'';position:absolute;top:-20px;left:0;right:0;height:20px;
}
.mega-inner{max-width:1280px;margin:0 auto;padding:32px clamp(20px,4vw,60px);display:flex;gap:20px}
.mega-col-label{
  min-width:200px;padding-right:24px;border-right:1px solid rgba(0,0,0,.05);
}
.mega-col-label h4{
  font-family:'Sora';font-size:1.1rem;font-weight:700;color:var(--dark);
  margin-bottom:6px;letter-spacing:-.02em;
}
.mega-col-label p{font-size:.78rem;color:var(--gray);line-height:1.5}
.mega-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;padding:0}
.nav-drop-menu--wide .mega-grid{grid-template-columns:repeat(4,1fr);max-height:70vh;overflow-y:auto}
.nav-drop-menu--wide .mega-inner{padding:28px clamp(20px,3vw,48px) 20px}
@media(max-width:1200px){
  .nav-drop-menu--wide .mega-grid{grid-template-columns:repeat(3,1fr)}
}
.mega-item{
  display:flex;align-items:flex-start;gap:12px;padding:14px 16px;
  border-radius:var(--radius-md);transition:all .25s;cursor:pointer;
}
.mega-item:hover{background:rgba(3,66,142,.04)}
.mega-item .mi-ico{
  width:40px;height:40px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  transition:.3s;
}
.mega-item:hover .mi-ico{transform:scale(1.08)}
.mi-ico-blue{background:rgba(3,66,142,.07);color:var(--blue)}
.mi-ico-gold{background:rgba(255,214,0,.12);color:#b89a00}
.mi-ico-green{background:rgba(0,135,67,.07);color:#008743}
.mi-ico--img{background:transparent;padding:0}
.mi-ico--img img{width:100%;height:100%;object-fit:contain;display:block}
.mega-item h5{font-family:'Sora';font-size:.82rem;font-weight:600;color:var(--dark);margin-bottom:2px}
.mega-item p{font-size:.72rem;color:var(--gray);line-height:1.4}
.mega-footer{
  border-top:1px solid rgba(0,0,0,.04);padding:14px clamp(20px,4vw,60px);
  max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:16px;
}
.mega-footer span{font-size:.72rem;color:var(--gray)}
.mega-footer a{font-size:.72rem;font-weight:600;color:var(--blue);transition:.2s}
.mega-footer a:hover{color:var(--blue-light)}

/* Hamburger */
.nav-hamburger{
  display:none;background:none;border:none;cursor:pointer;padding:8px;
  flex-direction:column;gap:5px;z-index:310;
}
.nav-hamburger span{
  display:block;width:22px;height:2px;background:#fff;border-radius:2px;
  transition:all .3s cubic-bezier(.16,1,.3,1);
}
.nav.scrolled .nav-hamburger span{background:var(--dark)}
.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 menu */
.mobile-menu{
  position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);
  z-index:299;opacity:0;visibility:hidden;transition:all .3s;
}
.mobile-menu.open{opacity:1;visibility:visible}
.mobile-menu-inner{
  position:absolute;top:0;right:0;width:min(360px,85vw);height:100%;
  background:#fff;padding:80px 24px 24px;overflow-y:auto;
  transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);
}
.mobile-menu.open .mobile-menu-inner{transform:none}
.mobile-link{
  display:block;padding:14px 0;font-family:'Sora';font-size:1rem;font-weight:600;
  color:var(--dark);border-bottom:1px solid rgba(0,0,0,.05);
}
.mobile-accordion{
  display:flex;align-items:center;justify-content:space-between;width:100%;
  padding:14px 0;font-family:'Sora';font-size:1rem;font-weight:600;
  color:var(--dark);background:none;border:none;border-bottom:1px solid rgba(0,0,0,.05);
  cursor:pointer;
}
.mobile-accordion svg{transition:transform .3s}
.mobile-accordion.active svg{transform:rotate(180deg)}
.mobile-sub{
  max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1);
}
.mobile-sub.open{max-height:400px}
.mobile-sub a{
  display:block;padding:10px 0 10px 16px;font-size:.85rem;color:var(--gray);
  border-bottom:1px solid rgba(0,0,0,.03);transition:.2s;
}
.mobile-sub a:hover{color:var(--blue);padding-left:20px}

@media(max-width:768px){
  .nav-links{display:none!important}
  .nav-actions{display:none!important}
  .nav-hamburger{display:flex}
}