/* Shared header isolation: page styles must not alter this component. */
html body{zoom:1!important;transform:none!important;transform-origin:initial!important;width:auto!important}
.shared-site-header{
  position:fixed!important;inset:0 0 auto!important;z-index:1000!important;
  min-height:108px!important;margin:0!important;padding:0!important;zoom:1!important;transform:none!important;
  background:rgba(3,21,34,.98)!important;color:#fff!important;border:0!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 28px rgba(0,0,0,.15)!important;
  backdrop-filter:blur(16px)!important;font-family:Manrope,Inter,"Segoe UI",sans-serif!important
}
.shared-site-header .shared-header-row{
  position:relative!important;display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;
  align-items:center!important;gap:30px!important;width:min(1420px,calc(100% - 64px))!important;
  min-height:108px!important;margin:0 auto!important;padding:0!important
}
.shared-site-header .shared-header-brand{
  position:static!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  justify-self:start!important;width:292px!important;min-width:0!important;max-width:none!important;height:auto!important;
  margin:0!important;padding:0!important;border:0!important;overflow:visible!important;transform:none!important
}
.shared-site-header .shared-header-brand img,
.shared-site-header .shared-header-brand .hyperware-header-full-logo{
  display:block!important;width:292px!important;min-width:292px!important;max-width:none!important;height:auto!important;
  max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;
  object-position:left center!important;filter:none!important;transform:none!important
}
.shared-site-header .shared-main-nav{
  position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;
  gap:42px!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  transform:none!important;font-family:Manrope,Inter,"Segoe UI",sans-serif!important
}
.shared-site-header .shared-main-nav>a,
.shared-site-header .nav-mega>summary{
  position:relative!important;display:flex!important;align-items:center!important;min-height:48px!important;
  margin:0!important;padding:14px 0!important;border:0!important;border-bottom:0!important;border-radius:0!important;
  background:transparent!important;color:rgba(255,255,255,.86)!important;
  font-family:Manrope,Inter,"Segoe UI",sans-serif!important;font-size:16px!important;font-weight:750!important;
  font-style:normal!important;line-height:1.25!important;letter-spacing:0!important;text-transform:none!important;
  text-decoration:none!important;white-space:nowrap!important
}
.shared-site-header .shared-main-nav>a::after,
.shared-site-header .nav-mega>summary::after{
  content:""!important;position:absolute!important;left:50%!important;right:50%!important;bottom:5px!important;
  display:block!important;width:auto!important;height:3px!important;border-radius:3px!important;
  background:#1682ef!important;transition:left .2s ease,right .2s ease!important
}
.shared-site-header .shared-main-nav>a:hover,
.shared-site-header .shared-main-nav>a:focus-visible,
.shared-site-header .shared-main-nav>a.active,
.shared-site-header .nav-mega:hover>summary,
.shared-site-header .nav-mega[open]>summary,
.shared-site-header .nav-mega.active>summary{color:#fff!important;font-weight:750!important}
.shared-site-header .shared-main-nav>a:hover::after,
.shared-site-header .shared-main-nav>a:focus-visible::after,
.shared-site-header .shared-main-nav>a.active::after,
.shared-site-header .nav-mega:hover>summary::after,
.shared-site-header .nav-mega[open]>summary::after,
.shared-site-header .nav-mega.active>summary::after{left:0!important;right:0!important}
.shared-site-header .nav-mega{
  position:static!important;margin:0!important;padding:0!important;
  font-family:Manrope,Inter,"Segoe UI",sans-serif!important
}
.shared-site-header .nav-service[aria-current="page"]{border-color:#cfdae0!important;background:#f4f8fa!important}
.shared-site-header .nav-service[aria-current="page"]>i{opacity:1!important;transform:none!important}
.shared-site-header .menu-toggle{display:none!important;margin:0!important;font-family:Manrope,Inter,"Segoe UI",sans-serif!important}
@media(max-width:1450px) and (min-width:1200px){
  .shared-site-header .shared-header-row{grid-template-columns:230px minmax(0,1fr)!important;gap:18px!important}
  .shared-site-header .shared-header-brand{width:250px!important}
  .shared-site-header .shared-header-brand img,
  .shared-site-header .shared-header-brand .hyperware-header-full-logo{width:245px!important;min-width:245px!important}
  .shared-site-header .shared-main-nav{gap:20px!important}
  .shared-site-header .shared-main-nav>a,
  .shared-site-header .nav-mega>summary{font-size:14px!important;font-weight:750!important}
}
@media(max-width:1199px){
  .shared-site-header{min-height:76px!important}
  .shared-site-header .shared-header-row{grid-template-columns:1fr auto!important;gap:12px!important;min-height:76px!important}
  .shared-site-header .shared-header-brand{width:205px!important}
  .shared-site-header .shared-header-brand img,
  .shared-site-header .shared-header-brand .hyperware-header-full-logo{width:200px!important;min-width:200px!important}
  .shared-site-header .menu-toggle{
    display:block!important;padding:8px 0!important;border:0!important;background:transparent!important;
    color:#fff!important;font-size:16px!important;font-weight:750!important;line-height:1.2!important
  }
  .shared-site-header .shared-main-nav{
    position:absolute!important;top:76px!important;left:0!important;right:0!important;display:none!important;
    flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
    width:auto!important;max-width:none!important;max-height:calc(100vh - 76px)!important;margin:0!important;
    padding:12px!important;overflow-y:auto!important;border:1px solid #294b5c!important;border-top:0!important;
    border-radius:0 0 10px 10px!important;background:#061a28!important;
    box-shadow:0 20px 38px rgba(0,0,0,.28)!important;transform:none!important
  }
  .shared-site-header .shared-main-nav.open{display:flex!important}
  .shared-site-header .shared-main-nav>a,
  .shared-site-header .nav-mega>summary{min-height:auto!important;padding:13px 12px!important;font-size:15px!important;font-weight:750!important}
  .shared-site-header .shared-main-nav>a::after,
  .shared-site-header .nav-mega>summary::after{display:none!important}
  .shared-site-header .nav-mega{width:100%!important}
  .shared-site-header .nav-mega-panel{top:auto!important;max-height:65vh!important}
}
@media(max-width:680px){
  .shared-site-header{min-height:70px!important}
  .shared-site-header .shared-header-row{grid-template-columns:1fr auto!important;width:calc(100% - 32px)!important;min-height:70px!important}
  .shared-site-header .shared-header-brand{width:176px!important}
  .shared-site-header .shared-header-brand img,
  .shared-site-header .shared-header-brand .hyperware-header-full-logo{width:172px!important;min-width:172px!important}
  .shared-site-header .shared-main-nav{top:70px!important;max-height:calc(100vh - 70px)!important}
}

/* Keep the navigation shell identical even on pages with scoped container rules. */
html body .shared-site-header.site-header .shared-header-row.container.header-row{
  grid-template-columns:270px minmax(0,1fr)!important;
  gap:30px!important;
  width:min(1420px,calc(100% - 64px))!important;
  min-height:108px!important;
  margin-inline:auto!important;
}
@media(max-width:1450px) and (min-width:1200px){
  html body .shared-site-header.site-header .shared-header-row.container.header-row{
    grid-template-columns:230px minmax(0,1fr)!important;
    gap:18px!important;
    width:calc(100% - 48px)!important
  }
}
@media(max-width:1199px){
  html body .shared-site-header.site-header .shared-header-row.container.header-row{
    grid-template-columns:1fr auto!important;
    gap:12px!important;
    width:calc(100% - 36px)!important;
    min-height:76px!important
  }
}
@media(max-width:680px){
  html body .shared-site-header.site-header .shared-header-row.container.header-row{
    width:calc(100% - 32px)!important;
    min-height:70px!important
  }
}