.header-icon{display:block;width:24px;height:24px;flex:none}
.site-header{position:sticky;top:-60px;z-index:50;background:var(--page);transition:box-shadow .3s}
.site-header.is-sticky{background:var(--page);backdrop-filter:none;box-shadow:0 8px 25px rgba(0,23,51,.08)}
.utility{width:min(1200px,calc(100% - 60px));height:60px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px;line-height:26px}
.utility-left{display:flex;align-items:center;gap:24px}
.utility-location,.utility-audience{display:flex;align-items:center;gap:10px;white-space:nowrap}
.utility-left .header-icon{color:var(--blue);width:26px;height:26px}
.nav-wrap{position:relative;display:flex;align-items:stretch;gap:0;margin:0 30px;min-height:90px;background:#fff;border-radius:0 30px 0 0}
.brand{position:relative;display:flex;align-items:center;flex:none;min-width:0;padding:15px 30px 15px 0;background:var(--page);border-radius:0 0 30px 0}
.brand img{width:252px;height:56px;object-fit:contain}
.brand::after,.header-end::before{content:"";position:absolute;top:0;width:30px;height:30px;pointer-events:none}
.brand::after{right:-30px;background:radial-gradient(circle at 100% 100%,transparent 29.7px,var(--page) 30px)}
.nav-pill{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;min-height:90px;gap:30px;padding:20px;background:#fff;border-radius:0 30px 0 0}
.main-nav{display:flex;align-items:center;gap:30px;margin-left:15px;flex:none}
.nav-item{position:relative}
.nav-link,.nav-item>button{display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--navy);font:600 13px/30px Sora,Arial,sans-serif;text-transform:uppercase;white-space:nowrap}
.nav-chevron{width:12px;height:12px;stroke-width:1.8}
.nav-link.active,.nav-link:hover,.nav-item>button:hover{color:var(--blue)}
.nav-dropdown{top:calc(100% + 24px);left:-15px;min-width:245px;padding:15px;border-radius:12px;box-shadow:0 15px 45px rgba(0,23,51,.12);transform:translateY(12px)}
.nav-dropdown::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.nav-dropdown a{font-size:13px;line-height:1.6;padding:10px 12px}
.nav-actions{display:flex;align-items:center;gap:0;margin-left:auto;flex:none}
.nav-contact{display:flex;align-items:center;gap:10px;margin:0 20px 0 0;padding:0 20px 0 0;border-left:0;border-right:1px solid #edf0f3}
.nav-contact>.header-icon{width:36px;height:36px;color:var(--blue);stroke-width:1.05}
.nav-contact span{display:block;font:600 12px/1.5 Sora,Arial,sans-serif;text-transform:uppercase}
.nav-contact a{display:block;font:600 15px/1.5 Sora,Arial,sans-serif;white-space:nowrap}
.info-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:var(--navy)}
.grid-icon{display:block;width:40px;height:40px;fill:currentColor;transition:transform .35s}
.info-trigger:hover .grid-icon{transform:rotate(90deg)}
.header-end{position:relative;display:flex;align-items:center;flex:none;padding:20px 0 20px 20px;background:var(--page);border-radius:0 0 0 30px}
.header-end::before{left:-30px;background:radial-gradient(circle at 0 100%,transparent 29.7px,var(--page) 30px)}
.header-cta{min-width:174px;min-height:50px;padding:12px 30px;gap:12px;font-size:13px;font-weight:500;line-height:26px}
.header-cta .header-icon{width:13px;height:13px;stroke-width:1.3}
.menu-toggle{display:none}
.header-overview{position:fixed;inset:0;z-index:100;visibility:hidden;pointer-events:none;transition:visibility .4s}
.header-overview.open{visibility:visible;pointer-events:auto}
.overview-backdrop{position:absolute;inset:0;background:rgba(0,23,51,.55);opacity:0;transition:opacity .4s}
.open .overview-backdrop{opacity:1}
.overview-panel{position:absolute;right:0;top:0;bottom:0;width:min(470px,100%);padding:70px 45px 45px;background:#fff;overflow:auto;transform:translateX(100%);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.open .overview-panel{transform:none}
.overview-close{position:absolute;right:25px;top:25px;width:36px;height:36px;display:grid;place-items:center;background:var(--page);border:0;border-radius:50%}
.overview-panel>img{width:230px;margin-bottom:40px}
.overview-panel h2{font-size:2.4rem;margin:20px 0}
.overview-panel p{color:var(--muted);font-size:14px}
.overview-panel h3{font-size:1.1rem;margin:35px 0 12px}
.overview-service{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 0;border-bottom:1px solid #e8edf2;font-size:13px;line-height:1.5}
.overview-service:hover{color:var(--blue)}
.overview-service .header-icon{width:16px;height:16px}
.overview-panel>.btn{margin-top:35px;gap:16px}
.overview-panel>.btn .header-icon{width:15px;height:15px}
body.overview-open{overflow:hidden}
.no-js .info-trigger,.no-js .header-overview{display:none}
@media(min-width:1200px) and (max-width:1599px){
  .brand img{width:210px;height:auto}.brand{padding-right:25px}.main-nav{gap:23px;margin-left:10px}.nav-pill{gap:20px}.nav-contact{display:none}
}
@media(min-width:1200px) and (max-width:1349px){
  .brand img{width:180px}.brand{padding-right:20px}.main-nav{gap:20px;margin-left:5px}.nav-link,.nav-item>button{font-size:12px}.nav-pill{padding-inline:20px}.header-cta{min-width:155px;padding-inline:22px}
}
@media(max-width:1199px){
  .site-header{top:0}.utility,.main-nav,.nav-actions,.header-end{display:none}
  .nav-wrap{margin:0 20px;min-height:80px;background:transparent;border-radius:0;align-items:center}
  .brand{padding:0;background:transparent;border-radius:0;min-width:0}.brand img{width:210px;height:auto}
  .brand::after,.header-end::before{display:none}
  .nav-pill{min-height:80px;padding:0;gap:20px;background:transparent;border-radius:0;justify-content:flex-end}
  .menu-toggle{display:flex;width:35px;height:40px;padding:0;align-items:center;justify-content:center;border:0;background:transparent;color:var(--navy)}
  .menu-toggle .header-icon{width:30px;height:30px;stroke-width:1.4}
  .mobile-panel{position:fixed;top:80px;left:0;right:0;bottom:0;z-index:55;display:block;visibility:hidden;padding:20px;overflow:auto;background:#fff;transform:translateX(100%);transition:transform .3s,visibility .3s}
  .menu-open .mobile-panel{transform:none;visibility:visible}
  .mobile-panel a,.mobile-panel summary{display:block;padding:14px 6px;border-bottom:1px solid #e8edf2;font-weight:600;text-transform:uppercase;font-size:13px}
  .mobile-panel details a{padding-left:25px;text-transform:none}.mobile-panel summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}
  .mobile-panel details summary .mobile-group-link{display:block;flex:1;min-width:0;padding:0;border:0;color:inherit;font:inherit;text-transform:inherit}
  .mobile-panel summary::-webkit-details-marker{display:none}
  .mobile-panel .mobile-chevron{width:18px;height:18px;flex:none;transition:transform .2s ease}
  .mobile-panel details[open] .mobile-chevron{transform:rotate(180deg)}
  .no-js .mobile-panel{position:static;visibility:visible;transform:none}
}
@media(max-width:600px){
  .nav-wrap{margin-inline:20px}.brand img{width:185px}.nav-pill{gap:16px}
  .overview-panel{padding:70px 30px 35px}
}
@media(max-width:360px){.brand img{width:165px}.nav-pill{gap:10px}}
@media(prefers-reduced-motion:reduce){.header-overview,.overview-backdrop,.overview-panel,.mobile-panel .mobile-chevron{transition:none}}
