/* Shared navigation - the only source of navbar styling across the site. */
.navbar{position:fixed;top:0;width:100%;z-index:1000;padding:1rem 2rem;transition:all var(--transition-smooth);background:rgba(254,254,254,.9);backdrop-filter:blur(10px)}
.navbar.scrolled{background:rgba(254,254,254,.98);border-bottom:1px solid rgba(148,163,184,.2);padding:.75rem 2rem;box-shadow:0 6px 20px rgba(15,23,42,.08)}
.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}
.nav-overlay{position:fixed;inset:0;background:rgba(15,23,42,.2);opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:900}.nav-overlay.active{opacity:1;visibility:visible}
.brand{display:inline-flex;align-items:center;color:var(--text-main)}.nav-logo-image{height:40px;width:auto;display:block}
.nav-menu{display:flex;list-style:none;gap:1.75rem;align-items:center}.nav-close-item{display:none}.nav-close{background:transparent;border:0;font-size:2rem;line-height:1;color:var(--text-main);cursor:pointer}
.nav-item{position:relative;padding-bottom:0}.nav-item:after{content:'';position:absolute;left:0;right:0;top:100%;height:12px}
.nav-dropdown-toggle{background:none;border:0;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:6px}.nav-dropdown-icon{width:12px;height:12px;transition:transform .2s ease}.nav-item.open .nav-dropdown-icon{transform:rotate(-180deg)}
.nav-dropdown{position:absolute;top:100%;left:0;background:var(--card-bg);border:1px solid rgba(148,163,184,.25);border-radius:14px;padding:.75rem 0;min-width:260px;display:none;flex-direction:column;gap:.5rem;box-shadow:0 14px 30px rgba(15,23,42,.12);z-index:1100;list-style:none;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}
.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown,.nav-item:has(.nav-dropdown:hover) .nav-dropdown{display:flex;opacity:1;transform:translateY(0)}
.nav-dropdown .nav-link{padding:.5rem 1.25rem;width:100%;white-space:nowrap}.nav-dropdown .nav-link:after,.nav-link.nav-dropdown-toggle:after,.nav-cta .nav-link:after{content:none}
.nav-link{font-family:'Montserrat',sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.3px;color:var(--text-secondary);transition:color var(--transition-fast);position:relative}.nav-link:after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:2px;background:var(--primary-purple);transition:width var(--transition-fast)}.nav-link:hover{color:var(--primary-purple)}.nav-link:hover:after{width:100%}
.cta-btn{white-space:nowrap;padding:10px 24px!important;background:var(--primary-purple)!important;color:#0f172a!important;border-radius:999px;transition:all var(--transition-fast)}.cta-btn:hover{background:#8dd7ff!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,204,255,.3)}
.hamburger{display:none;flex-direction:column;cursor:pointer;gap:6px;background:transparent;border:0}.hamburger span{width:25px;height:3px;background:var(--text-main);border-radius:2px;transition:all var(--transition-fast)}
@media(min-width:769px){.nav-item:hover .nav-dropdown-icon,.nav-item:focus-within .nav-dropdown-icon,.nav-item:has(.nav-dropdown:hover) .nav-dropdown-icon{transform:rotate(-180deg)}}
@media(max-width:768px){.hamburger{display:flex}.nav-menu{position:fixed;right:-100%;top:0;height:100vh;flex-direction:column;background:rgba(254,254,254,.98);width:min(80vw,360px);text-align:center;transition:.3s;gap:1.5rem;padding:2rem;border-left:1px solid rgba(148,163,184,.2);box-shadow:-20px 0 40px rgba(15,23,42,.12);align-items:center}.nav-close-item{display:flex;justify-content:flex-end;margin-bottom:1rem}.nav-dropdown{position:static;border:0;box-shadow:none;padding:.5rem 0;background:transparent;opacity:0;transform:translateY(-6px);max-height:0;overflow:hidden;transition:opacity .2s ease,transform .2s ease,max-height .2s ease}.nav-item.open .nav-dropdown,.nav-item.open:hover .nav-dropdown,.nav-item.open:focus-within .nav-dropdown{display:flex;opacity:1;transform:translateY(0);max-height:500px}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{display:none;opacity:0;transform:translateY(-6px)}.nav-menu.active{right:0}.navbar.scrolled .nav-menu,.navbar:not(.scrolled) .nav-menu.active,.navbar.scrolled .nav-menu.active,.navbar:not(.scrolled):has(.nav-menu.active){top:0;background:rgba(254,254,254,.98);backdrop-filter:blur(10px)}}