/* MPC universal header: the one place that controls how the site menu looks.
   Linked last on every page so it wins over any older per-page copies.
   Change the header here and it changes everywhere. Menu links live in each page's <nav>. */
html .site-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;display:flex;align-items:center;background:rgba(11,11,11,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #242424;transition:box-shadow .22s}
html .site-nav.scrolled{box-shadow:0 4px 32px rgba(0,0,0,.55)}
html .site-nav .nav-inner{width:100%;max-width:1140px;margin:0 auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between}
html .site-nav .nav-logo img{height:42px;width:auto;display:block}
html .site-nav .nav-links{display:flex;align-items:center;gap:20px}
html .site-nav .nav-links a{font-family:"DM Sans",sans-serif;font-size:13px;font-weight:500;color:#c8c0b0;letter-spacing:.3px;line-height:1.75;text-decoration:none;transition:color .2s;touch-action:manipulation}
html .site-nav .nav-links a:hover,html .site-nav .nav-links > a.active{color:#f2ede4}
html .site-nav .nav-links > a.active{position:relative}
html .site-nav .nav-links > a.active::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#c9a84c}

/* Get Started button */
html .site-nav .nav-links a.btn-nav{font-family:"Bebas Neue",sans-serif!important;font-size:13px!important;letter-spacing:3px!important;padding:11px 26px!important;background:#c9a84c!important;color:#0b0b0b!important;border:0!important;border-radius:0!important;text-transform:none!important;line-height:normal;transition:background .2s!important;box-shadow:0 0 0 1px rgba(201,168,76,.55),0 6px 18px rgba(201,168,76,.18)!important}
html .site-nav .nav-links a.btn-nav:hover{background:#e2c47a!important}

/* Resources dropdown */
html .site-nav .nav-drop{position:relative;display:flex;align-items:center}
html .site-nav .nav-drop-toggle{display:inline-flex;align-items:center;gap:5px}
html .site-nav .nav-drop-caret{font-size:8px;opacity:.65;transform:translateY(1px)}
html .site-nav .nav-drop-menu{position:absolute;top:100%;left:-12px;padding-top:18px;display:none;z-index:120}
html .site-nav .nav-drop:hover .nav-drop-menu{display:block}
html .site-nav .nav-drop-inner{background:#111;border:1px solid #2e2e2e;min-width:235px;padding:6px 0;box-shadow:0 18px 40px rgba(0,0,0,.55)}
html .site-nav .nav-drop-inner a{display:block;padding:10px 18px;font-size:12px;line-height:1.75;color:#c8c0b0}
html .site-nav .nav-drop-inner a:hover{background:#181818;color:#f2ede4}
html .site-nav .nav-drop-inner a.nav-drop-book{border-top:1px solid #242424;color:#c9a84c!important}
html .site-nav .nav-drop-inner a.nav-drop-book:hover{color:#e2c47a!important}

/* Phone menu button */
html .site-nav .hamburger,html .site-nav .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:0;-webkit-tap-highlight-color:transparent}
html .site-nav .hamburger span,html .site-nav .nav-hamburger span{display:block;width:24px;height:1.5px;background:#c8c0b0}

@media (max-width:960px){
  html .site-nav .nav-inner{padding:0 24px}
  html .site-nav .nav-links{display:none}
  html .site-nav .hamburger,html .site-nav .nav-hamburger{display:flex}
  html body.nav-open .site-nav .nav-links{display:flex;flex-direction:column;position:fixed;top:72px;left:0;right:0;width:100%;align-items:flex-start;background:#111;border-bottom:1px solid #242424;padding:24px;gap:20px;z-index:99}
  html .site-nav .nav-drop{flex-direction:column;align-items:flex-start;width:100%}
  html .site-nav .nav-drop-menu{position:static;display:block;padding-top:6px}
  html .site-nav .nav-drop-inner{border:none;background:transparent;box-shadow:none;min-width:0;padding:0 0 0 16px}
  html .site-nav .nav-drop-inner a{padding:8px 0}
  html body.nav-open .site-nav .nav-links a.btn-nav{display:block;width:100%;text-align:center;margin-top:6px;padding:16px 26px!important;font-size:16px!important;box-sizing:border-box}
}
