/* Existing midnight palette, with a clear site hierarchy and real brand mark. */
.header{gap:24px;padding:21px 32px;background:#060b16e8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header .brand{font-size:20px;gap:10px;min-height:44px;flex:none}
.header .brand-logo{display:block;width:42px;height:38px;object-fit:contain;mix-blend-mode:screen;flex:none}
.header .desktop-nav{display:none;align-items:center;gap:22px}
.header .desktop-nav>a,.header .nav-services>summary{display:flex;align-items:center;min-height:44px;font-size:13px;line-height:1.5;color:#cbd5e9;white-space:nowrap}
.header .desktop-nav>a:hover,.header .nav-services>summary:hover{color:#fff}
.nav-services{position:relative}
.header .nav-services>summary{gap:8px;cursor:pointer;list-style:none;user-select:none}
.nav-services>summary::-webkit-details-marker{display:none}
.nav-chevron{width:15px;height:15px;transition:transform .2s}
.nav-services[open]>summary{color:#fff}
.nav-services[open]>summary .nav-chevron{transform:rotate(180deg)}
.services-menu{position:absolute;top:calc(100% + 15px);left:-21px;width:268px;padding:10px;background:#111b2c;border:1px solid #a7bada40;border-radius:5px;box-shadow:0 18px 45px #0006}
.header .services-menu>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 15px;min-height:49px;color:#e3ebfc;font-size:14px;border-radius:3px;line-height:1.5}
.header .services-menu>a:hover,.header .services-menu>a:focus-visible{background:#bbcfff12;color:#fff}
.header .services-menu .services-all{margin-top:6px;padding-top:16px;border-top:1px solid #acc1e42b;border-radius:0;font-size:12px;color:#b7c8e5}
.header .header-actions{gap:10px}
.header .header-cta{font-size:12px;min-height:46px;gap:20px;white-space:nowrap}
.header .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:10px}
.header .menu-toggle>span{margin:0;width:20px;transition:transform .2s}
.header .menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}
.header .menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.header #mobile-nav{padding:14px 24px 22px;border-top:1px solid #c3cfff20;max-height:calc(100svh - 88px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 40px #0006;background:#0a1222}
.header #mobile-nav>a,.header #mobile-nav .nav-services>summary{min-height:51px;font-size:15px;border-bottom:1px solid #c3cfff20;display:flex;align-items:center;justify-content:space-between}
.header #mobile-nav .services-menu{position:static;width:100%;padding:8px 0 8px 16px;border:0;border-left:1px solid #b8c8e54d;border-radius:0;box-shadow:none;background:none;margin:9px 0 10px 1px}
.header #mobile-nav .services-menu>a{font-size:14px;min-height:48px;padding:11px 14px;border:0}
.header #mobile-nav .services-menu .services-all{font-size:12px;margin-top:2px}
.header #mobile-nav .mobile-nav-contact{font-size:13px;color:#aebfdd;margin-top:12px;border-bottom:0}
@media(min-width:1101px){.header .desktop-nav{display:flex}.header .menu-toggle{display:none}.header #mobile-nav{display:none}}
@media(min-width:1400px){.header{padding-inline:40px}.header .desktop-nav{gap:32px}.header .header-cta{padding-inline:20px}}
@media(max-width:680px){
 .header{padding:14px 20px;gap:10px}
 .header.scrolled{padding-block:12px}
 .header .brand{font-size:16px;gap:7px}
 .header .brand-logo{width:32px;height:30px}
 .header .header-actions{gap:8px}
 .header .header-cta{min-height:44px;font-size:10px;padding:9px 11px;gap:0;white-space:normal}
 .header .header-cta>span{max-width:72px;line-height:1.35}
 .header #mobile-nav{padding-inline:20px;max-height:calc(100svh - 72px)}
}
@media(max-width:370px){
 .header{padding-inline:14px;gap:8px}
 .header .brand{font-size:14px;gap:5px}
 .header .brand-logo{width:29px;height:28px}
 .header .header-actions{gap:6px}
 .header .header-cta{font-size:9px;padding-inline:9px;max-width:80px}
 .header #mobile-nav{padding-inline:18px}
}
@media(prefers-reduced-motion:reduce){.nav-chevron,.header .menu-toggle>span{transition:none}}