/* Header */
.utility-bar{background:#1f2c66;color:#dce8f3;font-size:13px}.utility-inner{display:flex;min-height:38px;align-items:center;justify-content:space-between}.utility-inner p{margin:0}.utility-inner div{display:flex;gap:28px}.utility-inner a{color:#fff;font-weight:700}
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid #e7ebf0;background:rgba(255,255,255,.98);transition:box-shadow .18s ease}.site-header.is-scrolled{box-shadow:0 8px 24px rgba(16,36,60,.08)}
.header-inner{display:grid;min-height:92px;grid-template-columns:220px minmax(0,1fr) auto;gap:24px;align-items:center}.brand{display:inline-flex;width:200px;align-items:center}.brand img{display:block;width:100%;height:auto}
.desktop-nav{display:flex;min-width:0;gap:28px!important;align-items:center;justify-content:center}.desktop-nav a{position:relative;padding:34px 0;color:#2c3440;font-size:16px;font-weight:500;white-space:nowrap}.desktop-nav a::after{position:absolute;right:0;bottom:22px;left:0;height:2px;background:#1f2c66;content:"";transform:scaleX(0);transition:transform .18s ease}.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after,.desktop-nav a.is-active::after{transform:scaleX(1)}.desktop-nav a.is-active{color:#1f2c66;font-weight:600}
.header-call{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:0 20px;background:#1f2c66;color:#fff;font-size:15px;font-weight:700;transition:opacity .18s ease}.header-call svg{fill:#fff;stroke:#fff;stroke-width:1.2}.header-call:hover,.header-call:focus-visible{background:#1f2c66;opacity:.9;transform:none}
.menu-button{display:none;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;background:#fff}.mobile-nav{display:none;position:fixed;inset:93px 0 0;z-index:99;overflow-y:auto;padding:26px 24px 110px;background:#fff}.mobile-nav[hidden]{display:none}.mobile-nav a{display:block;border-bottom:1px solid var(--line);padding:17px 4px;color:var(--ink);font-size:18px;font-weight:700}.mobile-nav a.is-active{color:#1f2c66}
@media(max-width:1100px){.header-inner{grid-template-columns:190px minmax(0,1fr) auto;gap:18px}.brand{width:180px}.desktop-nav{gap:18px!important}.desktop-nav a{font-size:15px}.header-call span{display:none}.header-call{width:48px;padding:0}}@media(max-width:900px){.utility-bar{display:none}.header-inner{min-height:72px;grid-template-columns:minmax(0,1fr) auto}.desktop-nav,.header-call{display:none}.menu-button{display:inline-flex}.mobile-nav{inset:73px 0 0}}@media(max-width:680px){.brand{width:175px;max-width:calc(100vw - 96px)}}


/* Mobile centered logo with horizontal navigation */
@media(max-width:900px){
 .site-header{background:#fff}
 .header-inner{display:flex;min-height:72px;align-items:center;justify-content:center}
 .brand{justify-content:center;margin:0 auto}
 .menu-button{display:none!important}
 .mobile-nav,.mobile-nav[hidden]{position:static;inset:auto;display:flex!important;width:100%;gap:0;overflow-x:auto;overflow-y:hidden;border-top:1px solid #edf0f4;padding:0 max(18px,calc((100vw - 640px)/2));background:#fff;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .mobile-nav::-webkit-scrollbar{display:none}
 .mobile-nav a{display:flex;min-height:52px;flex:0 0 auto;align-items:center;border:0;padding:0 18px;color:#2c3440;font-size:15px;font-weight:500;white-space:nowrap}
 .mobile-nav a.is-active{position:relative;color:#1f2c66;font-weight:700}
 .mobile-nav a.is-active::after{position:absolute;right:18px;bottom:0;left:18px;height:2px;background:#1f2c66;content:""}
}
@media(max-width:480px){.mobile-nav a{padding-right:15px;padding-left:15px;font-size:14px}.mobile-nav a.is-active::after{right:15px;left:15px}}
@media(max-width:680px){.mobile-nav,.mobile-nav[hidden]{padding-left:4px}.mobile-nav a:first-child{padding-left:8px}.mobile-nav a:first-child.is-active::after{left:8px}}
@media(max-width:900px){.mobile-nav,.mobile-nav[hidden]{scroll-behavior:auto}}

/* Reserve header media and icon space before assets initialize */
.brand img { aspect-ratio: 901 / 192; }
.header-call > i { display: block; width: 24px; height: 24px; flex: 0 0 24px; }