/* ═══ SHARED NAV — single source of truth for all pages ═══ */

/* NAV BAR */
nav{background:var(--cream);border-bottom:1px solid var(--border);height:72px;min-height:72px;max-height:72px;display:flex;align-items:center;padding:0 64px;position:sticky;top:0;z-index:100;transition:box-shadow 0.3s}
nav.scrolled{box-shadow:0 1px 24px rgba(0,0,0,0.06)}
.nav-logo{margin-right:auto;display:flex;align-items:center}
.nav-logo img{height:32px;width:auto}
.nav-links{display:flex;gap:36px;align-items:center}
.nav-link{font-size:12px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);transition:color 0.2s}
.nav-link:hover{color:var(--blue)}
.nav-link.active{color:var(--blue);font-weight:700}
.nav-cta{background:var(--blue);color:var(--black);font-size:12px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;padding:12px 24px 12px 18px;margin-left:40px;border-radius:50px;border:1.5px solid var(--black);box-shadow:3px 4px 4px 0px #000;transition:background 0.2s,transform 0.15s,box-shadow 0.2s;display:inline-flex;align-items:center;gap:9px}
.nav-cta::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--black);flex-shrink:0}
.nav-cta:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:4px 6px 4px 0px #000}

/* HAMBURGER */
.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;margin-left:16px;flex-shrink:0}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--dark);margin:5px 0;transition:transform 0.3s ease,opacity 0.3s ease}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* MOBILE MENU OVERLAY */
.nav-mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:var(--cream);z-index:99;padding:32px 32px;flex-direction:column;gap:0;border-top:1px solid var(--border);overflow-y:auto}
.nav-mobile-menu.open{display:flex}
.nav-mobile-link{font-family:var(--in);font-size:14px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);padding:18px 0;border-bottom:1px solid var(--border);transition:color 0.2s;text-decoration:none}
.nav-mobile-link:hover,.nav-mobile-link.active{color:var(--blue)}
.nav-mobile-label{font-family:var(--in);font-size:14px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);padding:18px 0;border-bottom:1px solid var(--border)}
.nav-mobile-sub{font-size:13px;font-weight:400;letter-spacing:1px;padding:16px 0 16px 24px;color:var(--muted);border-bottom:1px solid var(--border);text-decoration:none;transition:color 0.2s}
.nav-mobile-sub:hover,.nav-mobile-sub.active{color:var(--blue)}
.nav-mobile-cta{margin-top:24px;text-align:center}

/* DROPDOWN */
.nav-item{position:relative;display:flex;align-items:center}
.nav-trigger{
  display:flex;align-items:center;gap:5px;
  font-size:12px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--muted);cursor:pointer;user-select:none;white-space:nowrap;
  transition:color 0.2s;border:none;background:none;padding:0;font-family:var(--in);
}
.nav-trigger:hover,.nav-trigger.open{color:var(--blue)}
.nav-trigger svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform 0.25s cubic-bezier(.22,1,.36,1);flex-shrink:0}
.nav-trigger.open svg{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);width:280px;background:var(--white);border:1px solid var(--border);z-index:200;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.2s ease,transform 0.25s cubic-bezier(.22,1,.36,1),visibility 0s linear 0.2s}
.nav-dropdown.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);transition:opacity 0.2s ease,transform 0.25s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}
.nav-dropdown::before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%) rotate(45deg);width:8px;height:8px;background:var(--white);border-left:1px solid var(--border);border-top:1px solid var(--border)}
.dropdown-item{display:flex;align-items:flex-start;gap:14px;padding:20px 22px;transition:background 0.15s;border-bottom:1px solid var(--border);text-decoration:none}
.dropdown-item:last-child{border-bottom:none}
.dropdown-item:hover{background:var(--cream)}
.dropdown-icon{width:32px;height:32px;background:var(--blue);border:1.5px solid var(--black);border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}
.dropdown-icon svg{width:14px;height:14px;stroke:var(--black);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dropdown-label{font-size:12px;font-weight:700;color:var(--dark);margin-bottom:4px;transition:color 0.15s}
.dropdown-item:hover .dropdown-label{color:var(--blue)}
.dropdown-sublabel{font-size:11px;color:var(--muted);line-height:1.5}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
  nav{padding:0 32px;height:72px;min-height:72px;max-height:72px}
  .nav-links{display:none}
  .nav-hamburger{display:block}
}
@media(max-width:768px){
  nav{padding:0 20px;height:60px;min-height:60px;max-height:60px}
  .nav-logo img{height:26px}
  .nav-cta{padding:10px 18px;font-size:11px;margin-left:auto}
  .nav-mobile-menu{top:60px}
}