@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");
/* Shared navigation only; page content keeps its own styles. */
#siteHeader, #mobileNav { font-family: 'Plus Jakarta Sans', Arial, sans-serif; color: #17203a; line-height: 1.5; }
#siteHeader *, #mobileNav * { box-sizing: border-box; }
#siteHeader { position: sticky; top: 0; z-index: 1000; padding: 18px 0; background: #fff; border: 0; transition: none; }
#siteHeader .container { display: block; width: 100%; max-width: 1440px; margin: auto; padding: 0 24px; }
#siteHeader .header-inner { display: grid !important; grid-template-columns: minmax(180px, auto) 1fr auto; gap: 15px; align-items: center; width: 100%; height: auto; padding: 12px 0 !important; background: transparent !important; border: 0 !important; border-radius: 0; box-shadow: none !important; backdrop-filter: none !important; }
#siteHeader .header-section-logo { display: flex; align-items: center; justify-self: start; }
#siteHeader .header-section-logo img { display: block; height: 60px !important; width: auto; max-width: none; }
#siteHeader .header-section-nav { display: flex; justify-self: center; margin: auto; padding: 10px 0; }
#siteHeader .nav-desktop { display: flex; align-items: center; gap: clamp(16px, 1.7vw, 24px); margin: 0; padding: 0; list-style: none; }
#siteHeader a, #mobileNav a { text-decoration: none; }
#siteHeader .nav-desktop > li > a, #siteHeader .nav-product { display: flex; align-items: center; gap: 5px; padding: 11px 4px; color: #17203a; font: 500 14.5px/1.5 'Plus Jakarta Sans', Arial, sans-serif; white-space: nowrap; border: 0; background: transparent; cursor: pointer; }
#siteHeader .header-section-cta, #siteHeader .header-cta-buttons { display: flex; align-items: center; gap: 8px; opacity: 1; max-width: none; overflow: visible; pointer-events: auto; }
#siteHeader .header-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px !important; margin-right: 0 !important; white-space: nowrap; font-size: 16px; }
#siteHeader.scrolled { padding: 18px 0; background: #fff; border: 0; box-shadow: 0 4px 20px #17203a0d; backdrop-filter: none; }
#siteHeader .burger { display: none; flex-direction: column; gap: 5px; width: 44px; height: 44px; padding: 10px; border: 0; background: transparent; cursor: pointer; }
#siteHeader .burger span { display: block; height: 2px; width: 24px; background: #17203a; border-radius: 2px; }
#siteHeader .burger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
#siteHeader .burger.open span:nth-child(2) { opacity: 0; }
#siteHeader .burger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
:is(#siteHeader, #mobileNav) .deliverables-nav { position: relative; }
:is(#siteHeader, #mobileNav) .deliverables-dropdown { position: absolute; top: 100%; left: -14px; z-index: 50; width: 280px; margin: 0; padding: 8px; list-style: none; border: 1px solid #ede7e2; border-radius: 14px; background: #fff; box-shadow: 0 12px 32px #17213b1f; opacity: 0; visibility: hidden; transform: translateY(6px); pointer-events: none; }
:is(#siteHeader, #mobileNav) .deliverables-dropdown :is(a, button) { display: block; width: 100%; padding: 11px 12px; border: 0; border-radius: 8px; background: transparent; color: #17203a; font: 500 13px/1.4 'Plus Jakarta Sans', Arial, sans-serif; text-align: left; white-space: normal; cursor: pointer; }
:is(#siteHeader, #mobileNav) .deliverables-dropdown :is(a, button):hover { background: #fff4ed; color: #b44b29; }
:is(#siteHeader, #mobileNav) .deliverables-nav.is-open > .deliverables-dropdown { opacity: 1; visibility: visible; transform: none; pointer-events: auto; }
:is(#siteHeader, #mobileNav) .deliverables-nav.is-open .deliverables-chevron { transform: rotate(180deg); }
:is(#siteHeader, #mobileNav) :is(a, button):focus-visible { outline: 2px solid #e6673e; outline-offset: 3px; }
#mobileNav { position: fixed; inset: 120px 0 0; z-index: 999; background: #fff; padding: 20px 30px 40px; overflow-y: auto; visibility: hidden; transform: none; pointer-events: none; }
#mobileNav.open { visibility: visible; pointer-events: auto; }
#mobileNav .mobile-nav-list { list-style: none; margin: 0; padding: 0; }
#mobileNav .mobile-nav-list > li { border-bottom: 1px solid #e3e6ef; }
#mobileNav .mobile-nav-list > li > a, #mobileNav .nav-product { display: flex; width: 100%; padding: 16px 4px; color: #17203a; font: 500 18px/1.5 'Plus Jakarta Sans', Arial, sans-serif; border: 0; background: transparent; align-items: center; gap: 6px; cursor: pointer; }
#mobileNav .deliverables-dropdown { position: static; display: none; width: 100%; box-shadow: none; }
#mobileNav .deliverables-nav.is-open > .deliverables-dropdown { display: block; }
@media (max-width: 1240px) {
 #siteHeader .header-section-nav, #siteHeader .header-cta-buttons { display: none; }
 #siteHeader .burger { display: flex; }
 #siteHeader .header-inner { grid-template-columns: 1fr auto !important; }
}
@media (min-width: 1241px) { #mobileNav { display: none; } }
@media (max-width: 600px) {
 #siteHeader { padding: 8px 0; }
 #siteHeader .header-section-logo img { height: 48px !important; }
 #mobileNav { top: 88px; }
}