/* Navigation follows the surface beneath it: quiet over a hero, clear over content. */
.premium-site{
  --overlay-header-height:94px;--nav-surface:var(--surface-white,#fff);
  --nav-panel-surface:rgb(255 255 255 / 97%);
  --nav-glass-filter:blur(22px) saturate(115%);
  --nav-glass-line:rgb(52 88 212 / 12%);
}
.premium-site:not(.immersive-header) #site-header{position:sticky;top:0;z-index:60}
.premium-site .site-header{
  --header-surface:0;--header-open-surface:0;
  --header-state:max(var(--header-surface),var(--header-open-surface));
  --nav-text:var(--text-strong,#243454);--nav-muted:var(--text-body,#52627d);--nav-active:var(--brand-blue,#3458d4);
  --nav-hover:rgb(52 88 212 / 7%);--nav-panel-line:rgb(44 67 92 / 12%);
  position:relative;height:var(--overlay-header-height);z-index:60;
  isolation:isolate;background:transparent;border:0;box-shadow:none;
}
.premium-site.immersive-header .site-header{position:fixed;inset:0 0 auto}
.premium-site .site-header::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:rgb(255 255 255 / 94%);
  box-shadow:inset 0 -1px var(--nav-glass-line),0 3px 18px rgb(8 30 55 / 4%);
  backdrop-filter:var(--nav-glass-filter);-webkit-backdrop-filter:var(--nav-glass-filter);
  transition:background-color .28s ease,box-shadow .28s ease;
}
.premium-site .site-header.is-over-hero{
  --nav-text:#fff;--nav-muted:var(--on-blue-muted,#e2eaff);--nav-active:#fff;
  --nav-panel-surface:rgb(32 59 136 / 97%);--nav-glass-line:rgb(210 230 255 / 14%);
  --nav-hover:rgb(184 213 255 / 9%);--nav-panel-line:rgb(210 230 255 / 13%);
}
.premium-site .site-header.is-over-hero::before{
  background:rgb(32 59 136 / calc(.12 + var(--header-surface) * .32 + var(--header-open-surface) * .4));
  box-shadow:inset 0 -1px rgb(224 237 255 / calc(.08 + var(--header-state) * .04));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.premium-site .site-header.has-open-menu,
.premium-site .site-header.has-open-submenu,
.premium-site .site-header.has-open-language{--header-open-surface:1}
.premium-site .site-header .brand,.premium-site .site-header .language-button{color:var(--nav-text)}
.premium-site .site-header .brand-caption{color:var(--nav-muted)}
.premium-site .site-header .header-nav .nav-menu-row>a{color:var(--nav-text)}
.premium-site .site-header .header-nav .nav-menu-row>a:hover,
.premium-site .site-header .header-nav .nav-menu-row>a.active{color:var(--nav-active)}
.premium-site .site-header .header-nav a.active:after{background:var(--nav-active)}
.premium-site .site-header .header-tools>.button{
  background:var(--brand-blue,#3458d4);border:1px solid var(--brand-blue,#3458d4);color:#fff;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.premium-site .site-header .header-tools>.button:hover{background:var(--brand-blue-hover,#2847ba);border-color:var(--brand-blue-hover,#2847ba)}
.premium-site .site-header.is-over-hero .header-tools>.button{background:rgb(255 255 255 / 9%);border-color:rgb(255 255 255 / 40%);color:#fff}
.premium-site .site-header.is-over-hero .header-tools>.button:hover{background:#fff;border-color:#fff;color:var(--brand-deep,#203b88)}
.premium-site .site-header .mobile-menu-button span{background:var(--nav-text)}
.premium-site .site-header :focus-visible{outline:2px solid var(--nav-active);outline-offset:5px}
.premium-site .site-header .language-menu{
  background:var(--nav-panel-surface);border-color:var(--nav-glass-line);color:var(--nav-text);
  box-shadow:0 12px 30px #07182d14;
  backdrop-filter:var(--nav-glass-filter);-webkit-backdrop-filter:var(--nav-glass-filter);
}
.premium-site .site-header .language-menu button{color:inherit}
.premium-site .site-header .language-menu button:hover,
.premium-site .site-header .language-menu button[aria-pressed=true]{background:var(--nav-hover);color:var(--nav-active)}
.premium-site .site-header .brand,.premium-site .site-header .brand-caption,
.premium-site .site-header .language-button{transition:color .24s ease}

/* Preserve the original content positions while extending the image to the top. */
.premium-site.immersive-header .enterprise-hero{height:100svh;min-height:734px;max-height:944px}
.premium-site.immersive-header .enterprise-hero-inner{padding-top:164px}
.premium-site.immersive-header .service-premium-hero-main{padding-top:calc(51px + var(--overlay-header-height))}
.premium-site.immersive-header .page-service-section,
.premium-site.immersive-header .page-service-dark{scroll-margin-top:0}

@media(max-width:1000px){
  .premium-site.immersive-header .enterprise-hero{height:764px;min-height:764px}
  .premium-site.immersive-header .enterprise-hero-inner{padding-top:159px}
}
@media(max-width:900px){
  .premium-site .site-header .header-nav{
    top:var(--overlay-header-height);background:var(--nav-panel-surface);border-bottom-color:var(--nav-glass-line);
    backdrop-filter:var(--nav-glass-filter);-webkit-backdrop-filter:var(--nav-glass-filter);
    box-shadow:0 18px 30px #0000000f;max-height:calc(100dvh - var(--overlay-header-height));overflow:auto;
  }
  .premium-site .site-header .header-nav.is-open{gap:0}
}
@media(max-width:760px){
  .premium-site.immersive-header .service-premium-hero-main{padding-top:calc(44px + var(--overlay-header-height))}
}
@media(max-width:700px){
  .premium-site{--overlay-header-height:76px}
  .premium-site.immersive-header .enterprise-hero{height:auto;min-height:756px;max-height:none}
  .premium-site.immersive-header .enterprise-hero-inner{min-height:756px;padding-top:158px}
}
@media(prefers-reduced-motion:reduce){
  .premium-site .site-header::before,.premium-site .site-header .brand,
  .premium-site .site-header .brand-caption,.premium-site .site-header .language-button,
  .premium-site .site-header .header-tools>.button{transition:none}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .premium-site .site-header::before{background:#fff}
  .premium-site .site-header.is-over-hero::before{background:rgb(32 59 136 / 97%)}
}