/* Header palette and typography extend the existing engineering theme. */
.top{background:#091722;border-bottom:1px solid #263b4d;color:#9db2c2}
.top .wrap{padding-top:8px;padding-bottom:8px;font-size:12px;letter-spacing:.025em}
.top a{color:#c2d4df;transition:color .18s ease}
.top a:hover{color:#73ebdc}
.nav{position:relative;z-index:20;width:100%;height:108px;gap:24px;padding:0 max(20px,calc((100% - 1180px)/2));background:linear-gradient(110deg,#132c3e,#0d1e2d 75%);border-bottom:1px solid #294354}
.nav::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 4%,#46d7c5 35%,#2676ef 68%,transparent 96%);pointer-events:none}
.nav .logo-brand{width:300px!important;min-height:64px;flex-shrink:0;justify-content:center;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;mix-blend-mode:lighten}
/* Show only the approved sheet's dark variant, without redrawing the logo. */
.nav .logo-window{position:relative;display:block;width:100%;aspect-ratio:69/14;overflow:hidden}
.nav .logo-window img{position:absolute;left:-20.434783%;top:-155.357143%;width:140.724638%;max-width:none;height:auto;pointer-events:none}
.nav .logo-brand::after{display:none}
.nav .links{gap:10px}
.nav .links a{position:relative;justify-content:center;min-height:44px;padding:10px 12px;border-radius:7px;color:#d7e5ee;font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.025em;line-height:1.4;white-space:nowrap;transition:color .18s ease,background .18s ease}
.nav .links a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:#46d7c5;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.nav .links a:hover,.nav .links a:focus-visible{color:#91f1e5;background:#ffffff06}
.nav .links a:hover::after,.nav .links a:focus-visible::after{transform:scaleX(1)}
.nav .header-phones{padding-left:22px;border-left:1px solid #385166;row-gap:5px}
.nav .header-phones .tel{color:#f0f6fa;font-size:14px;font-weight:800;line-height:1.4;letter-spacing:.02em;transition:color .18s ease}
.nav .header-phones .tel:hover{color:#73ebdc}
.nav .header-phones .tel-icon{color:#73dfd0}
.nav .phone-hours{grid-column:1 / -1;margin-top:3px;color:#b5c9d6;font:500 12px/1.45 Manrope,Arial,sans-serif;text-align:right}
.nav .phone-hours b{display:block;color:#73dfd0;font-weight:700;font-variant-numeric:tabular-nums}
.nav :focus-visible{outline:2px solid #73ebdc;outline-offset:4px}
.nav .menu-toggle{flex-shrink:0;min-height:44px;margin:0 0 0 auto;padding:10px 15px;border:1px solid #426478;border-radius:8px;background:#ffffff04;color:#dff8f4;font-family:Manrope,Arial,sans-serif;font-size:14px;letter-spacing:.02em}
.nav .menu-toggle[aria-expanded=true]{border-color:#46d7c5;background:#46d7c512}
@keyframes headerLineReveal{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes headerContentReveal{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.nav::after{animation:headerLineReveal .8s ease-out both}.nav>.logo-brand,.nav>.header-phones{animation:headerContentReveal .45s ease-out both}}
@media(min-width:801px) and (max-width:1100px){.nav{gap:12px;height:96px}.nav .logo-brand{width:210px!important}.nav .links{gap:2px}.nav .links a{padding:10px 7px;font-size:13px;letter-spacing:0}.nav .header-phones{padding-left:12px}.nav .header-phones .tel{letter-spacing:0}}
@media(max-width:800px){.top{display:none}.nav{height:88px;gap:16px;padding:0 20px}.nav .logo-brand{width:clamp(168px,calc(100vw - 152px),256px)!important}.nav .menu-toggle{width:96px}.nav .links.open{z-index:21;top:calc(100% + 8px);left:20px;right:20px;gap:4px;padding:10px;border:1px solid #38566a;border-radius:12px;background:#132b3d;box-shadow:0 16px 32px #0005;overflow-y:auto;max-height:70vh}.nav .links a{justify-content:flex-start;min-height:48px;padding:12px 14px;font-size:15px}.nav .links a::after{left:14px;right:14px}.nav>.header-phones{display:none}}
@media(prefers-reduced-motion:reduce){.nav::after,.nav>.logo-brand,.nav>.header-phones{animation:none}.nav .links a,.nav .links a::after,.nav .header-phones .tel,.top a{transition:none}}