/* Modern header (loads after design.css). Structure: .site-header > .topbar + .navrow */
.site-header,.site-header.scrolled{background:rgba(255,255,255,.92)!important;-webkit-backdrop-filter:saturate(1.6) blur(16px)!important;backdrop-filter:saturate(1.6) blur(16px)!important;
  border-bottom:0!important;box-shadow:0 10px 30px rgba(10,42,110,.08)!important;position:sticky;top:0;z-index:50}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#0a2a6e,#0b63f6 35%,#18a0ff 62%,#f28c0f 100%);pointer-events:none}
.site-header.scrolled{box-shadow:0 14px 34px rgba(10,42,110,.16)!important}

/* ---- top info bar (desktop/tablet only) ---- */
.topbar{display:none;background:linear-gradient(100deg,#06173d,#0a2a6e 55%,#0d3a8a);color:#cfe0ff;font:500 .8rem var(--ui,'Inter',sans-serif);
  max-height:40px;overflow:hidden;transition:max-height .35s var(--ease),opacity .25s}
.site-header.scrolled .topbar{max-height:0;opacity:0}
.topbar .wrap{max-width:1380px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:0;min-height:38px}
.tb-left,.tb-right{display:flex;align-items:center;gap:6px}
.topbar a{display:inline-flex;align-items:center;gap:8px;color:#cfe0ff;padding:4px 10px;border-radius:99px;transition:background .2s,color .2s}
.topbar a:hover{background:rgba(255,255,255,.1);color:#fff}
.topbar .ico{width:14px;height:14px;color:#18a0ff}
.tb-soc{padding:6px!important}.tb-soc .ico{width:15px;height:15px;color:#cfe0ff}.tb-soc:hover .ico{color:#fff}
.tb-status{border:1px solid rgba(255,255,255,.16);margin-right:6px;font-weight:600}
.tb-status i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:tbp 2s infinite}
.tb-status.s-issue i{background:#f59e0b;box-shadow:none;animation:none}.tb-status.s-maintenance i{background:#18a0ff;box-shadow:none;animation:none}
@keyframes tbp{70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media(min-width:760px){.topbar{display:block}}
@media(max-width:1000px){.tb-mail span{display:none}}
@media(prefers-reduced-motion:reduce){.tb-status i{animation:none}}

/* ---- main row ---- */
.site-header .navrow{max-width:1380px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:10px;transition:padding .3s var(--ease)}
.brand{display:flex;align-items:center;flex:none;padding:2px 0}
.brand img{display:block;height:40px;width:auto;max-width:none;transition:height .3s var(--ease)}
.site-header.scrolled .navrow{padding-block:6px}
.site-header.scrolled .brand img{height:36px}
@media(min-width:760px){.brand img{height:46px}.site-header.scrolled .brand img{height:38px}}
@media(min-width:1200px){.site-header .navrow{padding-block:12px;padding-inline:40px}.brand img{height:54px}.site-header.scrolled .navrow{padding-block:7px}.site-header.scrolled .brand img{height:42px}}

/* ---- desktop navigation ---- */
.nav{display:flex;align-items:center;gap:10px}
.nav a.link{font:600 .95rem var(--ui,'Inter',sans-serif);color:#0b1f4d;padding:10px 14px;border-radius:99px;min-height:0;transition:background .2s,color .2s}
.nav a.link::after{display:none!important}
.nav a.link:hover{background:#eef4ff;color:var(--blue);transform:none}
.nav a.link.active{background:#eaf2ff;color:var(--blue)}
.nav a.link .chev{width:.85em;height:.85em;margin-left:6px;transition:transform .25s var(--ease)}
.nav .has-sub:hover>a.link .chev,.nav .has-sub:focus-within>a.link .chev{transform:rotate(180deg)}
.nav .head-cta{font:700 .95rem var(--ui,'Inter',sans-serif)!important;padding:12px 24px!important;min-height:0!important;gap:10px;white-space:nowrap}
.nav .head-cta .ico{transition:transform .25s var(--ease)}.nav .head-cta:hover .ico{transform:translateX(4px)}
.m-cta{display:none}

/* ---- dropdown cards ---- */
.nav ul.sub-menu{list-style:none;margin:0}
.nav ul.sub-menu li{opacity:1;transform:none}
.nav ul.sub-menu a{display:flex!important;align-items:center;gap:12px;min-height:0;padding:10px 12px;border-radius:12px;font-family:var(--ui,'Inter',sans-serif)}
.nav ul.sub-menu .mi{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);transition:background .2s,color .2s,transform .25s var(--ease)}
.nav ul.sub-menu .mi .ico{width:19px;height:19px}
.nav ul.sub-menu a:hover .mi{transform:scale(1.06)}
.nav ul.sub-menu .mt{display:flex;flex-direction:column;line-height:1.25}
.nav ul.sub-menu .mt b{font-weight:700;font-size:.92rem}
.nav ul.sub-menu .mt small{font-weight:500;font-size:.76rem;opacity:.7}

@media(min-width:1200px){
  .nav>ul{gap:2px}
  .nav ul.sub-menu{min-width:300px;padding:10px;border-radius:18px!important;top:calc(100% + 10px)!important;left:50%!important;transform:translate(-50%,8px)!important;
    box-shadow:0 26px 60px rgba(10,42,110,.2)!important;transition:opacity .22s,transform .28s var(--ease),visibility .22s}
  .nav ul.sub-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}/* hover bridge */
  .nav ul.sub-menu::after{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;background:var(--dd-bg,#fff);border-left:1px solid var(--dd-border,#dfe8f6);border-top:1px solid var(--dd-border,#dfe8f6);transform:translateX(-50%) rotate(45deg)}
  .has-sub:hover>.sub-menu,.has-sub:focus-within>.sub-menu{transform:translate(-50%,0)!important}
}

/* ---- phones / tablets: slide-down panel ---- */
.d-cta{display:none}
.menu-btn{width:44px;height:44px;border-radius:14px;background:#eef4ff;border:1px solid #d9e6fb;color:#0a2a6e}
@media(min-width:760px) and (max-width:1199px){.d-cta{display:inline-flex;padding:10px 20px!important}}
@media(min-width:1200px){.d-cta{display:inline-flex}}
@media(max-width:1199px){
  .nav ul#menu{top:100%;left:0;right:0;margin:0;padding:12px 16px 20px;max-height:calc(100dvh - 70px);overflow-y:auto;background:#fff;
    border-top:1px solid #e3ebf8;box-shadow:0 24px 50px rgba(10,42,110,.18);flex-direction:column;gap:2px;align-items:stretch}
  .nav ul#menu>li>a.link{width:100%;padding:13px 14px;font-size:1.02rem;border-radius:14px;justify-content:space-between}
  .nav ul#menu .chev{display:none}
  .nav ul.sub-menu{display:block!important;position:static!important;padding:0 0 6px 12px!important;margin:0 0 6px 18px!important;border:0!important;border-left:2px solid var(--dd-border,#dfe8f6)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
  .nav ul.sub-menu a{padding:8px 10px}
  .nav ul.sub-menu .mt small{display:none}
  .nav ul.sub-menu .mi{width:32px;height:32px;border-radius:10px}
  .m-cta{display:block!important;margin-top:10px}.m-cta .btn{width:100%;justify-content:center;padding:14px 22px!important}
}

/* footer logo on a white tile (the logo has dark text) */
.fbrand .flogo{display:inline-flex;background:#fff;border-radius:14px;padding:8px 14px;margin-bottom:10px;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.fbrand .flogo img{height:40px;width:auto;display:block}