/* Shared header dimensions. Page styles retain their background and scroll behavior. */
.site-header{--header-height:96px;--header-gutter:4.3vw;--header-logo-size:32px;--header-nav-size:15px;--header-nav-gap:clamp(24px,2.4vw,40px);--header-quote-size:14px;height:var(--header-height);padding:0 var(--header-gutter);font-family:Manrope,Arial,sans-serif}
.site-header .brand{flex-shrink:0}
.site-header .wordmark{font-size:var(--header-logo-size);font-weight:800;line-height:1.6;letter-spacing:-.06em;padding-right:23px}
.site-header .spark{font-size:27px;top:-8px}
.site-header nav{gap:var(--header-nav-gap)}
.site-header nav a{font-size:var(--header-nav-size);font-weight:600;line-height:1.4;letter-spacing:-.015em;padding:8px 0}
.site-header nav a:after{bottom:3px}
.site-header .nav-product{gap:3px}
.site-header .product-menu-toggle{width:24px;height:36px;padding:7px 2px;margin-left:0}
.site-header .product-menu-toggle svg{width:16px;height:16px}
.site-header .header-quote{font-size:var(--header-quote-size);font-weight:600;line-height:1.4;letter-spacing:normal;min-height:46px;padding:11px 20px;gap:20px;margin:0;flex-shrink:0}
.site-header .header-quote .arrow-icon{width:17px;height:17px}
.site-header .menu-toggle{font-size:13px;font-weight:600;line-height:1.2;min-height:44px;padding:12px 0;gap:12px;justify-content:center;flex-shrink:0}
.site-header .menu-toggle i{border-color:currentColor}
.site-header .menu-toggle[aria-expanded=true] i:after{background:currentColor}
.site-header .product-mega-menu{top:calc(100% - 3px)}
@media(min-width:1700px){.site-header{--header-gutter:6vw}}
@media(min-width:1001px) and (max-width:1200px){.site-header{--header-logo-size:30px;--header-nav-size:14px;--header-nav-gap:25px;--header-quote-size:13px}.site-header .header-quote{padding-left:17px;padding-right:17px;gap:15px}}
@media(max-width:1000px){.site-header{--header-height:90px;--header-gutter:28px;--header-logo-size:30px;--header-nav-size:42px;--header-nav-gap:28px;--header-quote-size:13px}.site-header nav{top:var(--header-height);padding:40px var(--header-gutter)}.site-header nav a{line-height:1.2;letter-spacing:-.055em;padding:0}.site-header nav a:after{bottom:-6px}.site-header .product-menu-toggle{width:44px;height:44px;margin-left:10px}.site-header .product-menu-toggle svg{width:25px;height:25px}.site-header .header-quote{min-height:44px;padding:10px 17px;gap:16px;margin-left:auto;margin-right:24px}.site-header .product-mega-menu{top:var(--header-height)}}
@media(max-width:600px){.site-header{--header-height:84px;--header-gutter:22px;--header-logo-size:27px;--header-nav-size:38px;--header-quote-size:11px}.site-header .wordmark{padding-right:21px}.site-header .spark{font-size:24px;top:-7px}.site-header nav{padding:35px var(--header-gutter)}.site-header .nav-product{gap:5px}.site-header .product-menu-toggle{margin-left:8px}.site-header .header-quote{min-height:40px;padding:8px 12px;gap:8px;margin-right:16px}.site-header .header-quote .arrow-icon{width:13px;height:13px}.site-header .menu-toggle{width:36px;font-size:11px;gap:8px}.site-header .menu-toggle>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(max-width:360px){.site-header{--header-gutter:17px;--header-logo-size:24px}.site-header .wordmark{padding-right:20px}.site-header .spark{font-size:23px}.site-header .header-quote{margin-right:10px}}

/* Mobile controls share the same touch sizes on every page. */
@media(max-width:600px){
 .site-header .header-quote{min-height:44px;margin-right:12px}
 .site-header .menu-toggle{width:44px;min-width:44px;min-height:44px}
}
@media(max-width:360px){
 .site-header .header-quote{padding-left:10px;padding-right:10px;gap:6px;margin-right:8px}
}