/* ICS 2026 header: navy utility bar (.icsub) + restyled mega-nav (.mhwrap.nv26).
   Loaded after css/ics-nav.css and css/ics-nav-laptop.css on every modern-header page.
   Same nine menu items and dropdowns; 2026 fonts, phone block and orange "Book free IT assessment" button.
   Layout: one row >= 1860px; 961-1859px logo + CTA row over a menu row; <= 960px hamburger + mobile CTA bar. */

/* ---------- Utility bar ---------- */
.icsub{background:#06163a;color:#cdd8f2;font:400 13.5px/1 "Public Sans","Segoe UI",Arial,sans-serif;height:36px}
.icsub-in{display:flex;align-items:center;justify-content:space-between;height:100%;gap:16px}
.icsub p{margin:0;padding:0;display:flex;align-items:center;gap:18px;white-space:nowrap;color:#cdd8f2;font-size:13.5px!important;line-height:1!important}
.icsub .icsub-status{gap:10px;overflow:hidden;min-width:0}
.icsub-right{display:flex;align-items:center;gap:22px}
.icsub a{color:#cdd8f2;text-decoration:none}
.icsub a:hover{color:#fff}
.icsub .icsub-social{gap:14px;padding-left:22px;border-left:1px solid rgba(205,216,242,.25)}
.icsub-social a{display:inline-flex;font-size:17px;line-height:1}
.icsub-live{width:9px;height:9px;border-radius:50%;background:#1fa971;flex:none;animation:icsublive 2.4s infinite}
@keyframes icsublive{0%{box-shadow:0 0 0 0 rgba(31,169,113,.55)}70%{box-shadow:0 0 0 8px rgba(31,169,113,0)}100%{box-shadow:0 0 0 0 rgba(31,169,113,0)}}
@media (prefers-reduced-motion:reduce){.icsub-live{animation:none}}
@media (max-width:1140px){.icsub .icsub-links{display:none}.icsub .icsub-social{border-left:0;padding-left:0}}
@media (max-width:600px){.icsub p{font-size:12.5px!important}.icsub .icsub-social{display:none}.icsub-right{display:none}}

/* ---------- Header / mega-nav ---------- */
@font-face{font-family:"ICS Archivo";src:url("../fonts/ics/archivo-var.woff2") format("woff2-variations"),url("../fonts/ics/archivo-var.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:"ICS Public Sans";src:url("../fonts/ics/public-sans-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
.nv26{--n-navy:#0a1f4e;--n-blue:#2b5fd9;--n-ink:#1d47b3;--n-soft:#e8effd;--n-orange:#f26a1b;--n-orange-d:#d4570c;--n-muted:#53607b;--n-line:#dce3f0;--n-head:"ICS Archivo","Archivo",ui-sans-serif,"Segoe UI",Arial,sans-serif;--n-body:"ICS Public Sans","Public Sans",ui-sans-serif,"Segoe UI",Arial,sans-serif}
.nv26-chev{width:16px;height:16px;fill:currentColor;opacity:.6;flex:none;transition:transform .2s}
.nv26 .hp-ic{width:40px;height:40px;border-radius:50%;background:var(--n-soft);display:grid;place-items:center;color:var(--n-ink);flex:none}
.nv26 .hp-ic svg{width:19px;height:19px;fill:currentColor}
.nv26 .hp-txt{display:flex;flex-direction:column;line-height:1.15;text-align:left}
.nv26 .hp-lab{font:400 12px/1.15 var(--n-body)!important;color:var(--n-muted)!important;text-transform:none!important;letter-spacing:0!important}
.nv26 .hp-num{font:800 19px/1.1 var(--n-head)!important;font-stretch:106%!important;letter-spacing:-.01em!important;white-space:nowrap;color:var(--n-navy)!important;margin:0!important}
.nv26-phone{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--n-navy)}
.nv26-phone:hover .hp-num{color:var(--n-blue)!important}
.nv26-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:2px solid transparent;border-radius:10px;background:var(--n-orange);color:#fff!important;font:700 15px/1 var(--n-head);text-decoration:none!important;white-space:nowrap;box-shadow:0 6px 18px rgba(242,106,27,.32);transition:background .15s}
.nv26-btn:hover{background:var(--n-orange-d);color:#fff!important}

@media (min-width:961px){
  .nv26 .mega-header-bar{border-bottom:1px solid var(--n-line);box-shadow:none}
  .nv26 .mega-header-inner{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo nav cta";align-items:stretch;column-gap:20px;height:78px!important;width:100%!important;max-width:none!important;margin:0 auto!important;padding:0 24px!important;box-sizing:border-box}
  .nv26 .mega-logo{grid-area:logo;position:static!important;transform:none!important;padding:0!important;background:none!important}
  .nv26 .mega-logo::before{display:none!important}
  .nv26 .mega-logo img{height:44px!important;width:auto!important}
  .nv26 .mega-toggle{display:none!important}
  .nv26 .mega-nav{grid-area:nav;display:flex!important;justify-content:center;flex:none!important;align-self:stretch!important;min-width:0}
  .nv26 .mega-nav>ul{height:100%!important;flex-wrap:nowrap!important}
  .nv26 .mega-item{position:relative}
  .nv26 .mega-item .nv26-chev{width:14px;height:14px}
  .nv26 .mega-nav>ul>li:first-child>a{border-left:0}
  .nv26 .mega-item>a{height:100%!important;gap:2px;padding:0 9px!important;font:650 14px/1 var(--n-head)!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;color:var(--n-navy)!important;background:none!important;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:0!important;border-right:0!important}
  .nv26 .mega-item:hover>a,.nv26 .mega-item:focus-within>a{color:var(--n-ink)!important;border-bottom-color:var(--n-orange)}
  .nv26 .mega-item:hover .nv26-chev,.nv26 .mega-item:focus-within .nv26-chev{transform:rotate(180deg)}
  .nv26 .mega-panel{top:100%;left:0;right:auto;width:max-content;max-width:calc(100vw - 48px);min-width:0!important;border:1px solid var(--n-line);border-radius:0 0 12px 12px;box-shadow:0 24px 50px rgba(10,31,78,.16);padding:24px 28px 26px;gap:10px 36px;box-sizing:border-box}
  /* items on the right open toward the left so the panel stays on screen */
  .nv26 .mega-nav>ul>.mega-item:nth-last-child(-n+4) .mega-panel{left:auto;right:0}
  .nv26 .mega-item:hover .mega-panel,.nv26 .mega-item:focus-within .mega-panel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,max-content)}
  .nv26 .mega-col{min-width:0}
  .nv26 .mega-col-head{font:750 14px/1.3 var(--n-head)!important;letter-spacing:0!important;text-transform:none!important;color:var(--n-navy)!important;padding:0 0 10px!important;margin:0 0 6px!important;border-bottom:2px solid var(--n-soft)!important;white-space:normal!important}
  .nv26 .mega-col ul li{margin:0}
  .nv26 .mega-col ul li a{padding:5px 0!important;font:400 14.5px/1.35 var(--n-body)!important;color:var(--n-muted)!important;background:none!important;border-radius:0;white-space:normal!important}
  .nv26 .mega-col ul li a:hover{color:var(--n-ink)!important;background:none!important}
  .nv26 .mega-right{grid-area:cta;display:flex!important;align-items:center;gap:14px;padding:0!important;background:none!important;flex:none!important;position:static!important}
  .nv26 .mega-right::after{display:none}
  .nv26 .mega-mobile-cta{display:none!important}
}
/* Below 1860px the nine menu items + phone + button don't fit one row (measured: 1839px needed at 14px), so the menu gets its own row under the logo/CTA row */
@media (min-width:961px) and (max-width:1859px){
  .nv26 .mega-header-inner{grid-template-areas:"logo . cta" "nav nav nav";grid-template-rows:72px 52px;height:auto!important;max-width:1720px!important}
  .nv26 .mega-nav{border-top:1px solid var(--n-line);margin:0 -24px;padding:0 24px}
  .nv26 .mega-item>a{padding:0 11px!important;font-size:14.5px!important;gap:4px}
  .nv26 .mega-item .nv26-chev{width:16px;height:16px}
}
@media (min-width:2200px){
  .nv26 .mega-item>a{padding:0 12px!important;font-size:15px!important;gap:4px}
  .nv26 .mega-item .nv26-chev{width:16px;height:16px}
}
@media (min-width:961px) and (max-width:1365px){
  .nv26 .mega-item>a{padding:0 7px!important;font-size:13.5px!important;gap:2px}
  .nv26 .mega-item .nv26-chev{width:14px;height:14px}
}
@media (min-width:961px) and (max-width:1180px){
  .nv26 .mega-item>a{padding:0 6px!important;font-size:13px!important}
  .nv26 .mega-item .nv26-chev{width:12px;height:12px}
  .nv26 .mega-nav{padding:0 12px}
}
@media (min-width:961px) and (max-width:1100px){
  .nv26 .mega-item>a{font-size:12.5px!important}
  .nv26 .mega-item .nv26-chev{display:none}
}
@media (max-width:960px){
  .nv26 .mega-mobile-cta{display:flex;align-items:stretch;background:#fff;border-top:1px solid var(--n-line)}
  .nv26 .mob-phone{flex:none;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px;padding:8px 14px!important;background:#fff!important;color:var(--n-navy)!important;text-decoration:none!important}
  .nv26 .mob-phone .hp-ic{width:36px;height:36px}
  .nv26 .mob-phone .hp-ic svg{width:17px;height:17px}
  .nv26 .mob-phone .hp-lab{font-size:11px!important}
  .nv26 .mob-phone .hp-num{font-size:17px!important}
  .nv26 .mob-assess{flex:1;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px 12px!important;background:var(--n-orange)!important;color:#fff!important;font:700 14.5px/1.15 var(--n-head)!important;text-transform:none!important;letter-spacing:0!important;text-align:center;text-decoration:none!important;white-space:normal}
  .nv26 .mob-assess:hover{background:var(--n-orange-d)!important}
  .nv26 .mega-nav .mega-item>a{justify-content:space-between;font:650 16px/1.3 var(--n-head)!important;color:var(--n-navy)!important;text-transform:none!important;letter-spacing:0!important}
  .nv26 .mega-item.open .nv26-chev{transform:rotate(180deg)}
  .nv26 .mega-col-head{font:750 13px/1.3 var(--n-head)!important;text-transform:none!important;letter-spacing:0!important;color:var(--n-navy)!important}
  .nv26 .mega-col ul li a{font:400 14.5px/1.35 var(--n-body)!important;color:var(--n-muted)!important}
}
@media (max-width:380px){.nv26 .mob-phone .hp-lab{display:none}.nv26 .mob-phone{padding:8px 10px!important}}