/* ECC Patch 004 — shared homepage typography/palette for the five standby pages.
   Header geometry and its type scale continue to come from home-v1-exact.css. */
:root{
  --ec-navy:var(--navy,#071a2d);
  --ec-blue:var(--blue,#0b8fdc);
  --ec-bright:#7dd1fb;
  --ec-royal:var(--navy,#071a2d);
  --ec-ink:var(--ink,#112237);
  --ec-muted:var(--muted,#64778a);
  --ec-soft:var(--soft,#f4f8fb);
  --ec-line:var(--line,#dce6ee);
  --ec-white:#fff;
  --ec-on-dark:#c6dbe7;
  /* Same horizontal navy gradient as the current homepage hero. */
  --ec-dark-gradient:linear-gradient(110deg,#030f1b 0%,#051b2d 58%,#07283e 100%);
  --ecc-header-height:112px;
}
body.ecc-custom-preview{
  color:var(--ec-ink);
  font-family:var(--ecc-font-body,"DM Sans",sans-serif);
  font-weight:400;
  letter-spacing:-.006em;
}
.ecc-custom-preview .x-page{color:var(--ec-ink)}
.ecc-custom-preview .x-page h1,
.ecc-custom-preview .x-page h2,
.ecc-custom-preview .x-page h3{
  font-family:var(--ecc-font-display,"Manrope",sans-serif);
  font-weight:700;
  letter-spacing:-.038em;
}
.ecc-custom-preview .x-page h1 em,
.ecc-custom-preview .x-page h1 .ecc-heritage-highlight{font-weight:inherit}
.ecc-custom-preview .x-page h2,
.ecc-custom-preview .x-page h3{color:var(--ec-ink)}
.ecc-custom-preview .x-page p{font-family:var(--ecc-font-body,"DM Sans",sans-serif)}
.ecc-custom-preview .x-page .x-eyebrow,
.ecc-custom-preview .x-page .oc-eyebrow{
  font-family:var(--ecc-font-display,"Manrope",sans-serif);
  color:var(--ec-blue);
}
.ecc-custom-preview .x-page .x-btn{
  font-family:var(--ecc-font-display,"Manrope",sans-serif);
  background:var(--ec-blue);
  color:var(--ec-white)!important;
}
.ecc-custom-preview .x-page .x-link-arrow{color:var(--ec-blue)}
.ecc-custom-preview .x-page .x-link-arrow:hover{color:var(--ec-navy)}
.ecc-custom-preview .x-page a:focus-visible,
.ecc-custom-preview .x-page button:focus-visible,
.ecc-custom-preview .x-page input:focus-visible{outline-color:var(--ec-bright)}

/* White opening content keeps its existing layout beneath a header-height cap. */
.ecc-custom-preview .oc-hero,
.ecc-custom-preview .ab-hero,
.ecc-custom-preview .cr-hero{
  background:linear-gradient(115deg,var(--ec-white) 48%,var(--ec-soft) 100%);
}
.ecc-custom-preview .pt-hero{background:var(--ec-white)}
.ecc-custom-preview .oc-hero::before{
  background:radial-gradient(circle at 92% 9%,rgba(125,209,251,.08),transparent 32%);
}

/* Large dark areas follow the homepage navy, with light-blue/white details. */
.ecc-custom-preview .oc-hero-side,
.ecc-custom-preview .oc-last,
.ecc-custom-preview .ab-aside,
.ecc-custom-preview .ab-final,
.ecc-custom-preview .lo-hero,
.ecc-custom-preview .cr-photo-note,
.ecc-custom-preview .cr-intro,
.ecc-custom-preview .cr-end,
.ecc-custom-preview .pt-end{
  background:var(--ec-dark-gradient);
  color:var(--ec-white);
}
.ecc-custom-preview .oc-last h2,
.ecc-custom-preview .ab-final h2,
.ecc-custom-preview .cr-end h2,
.ecc-custom-preview .pt-end h2,
.ecc-custom-preview .lo-hero h1{color:var(--ec-white)}
.ecc-custom-preview .oc-hero-side>p,
.ecc-custom-preview .oc-last p:not(.x-eyebrow),
.ecc-custom-preview .ab-aside-text small,
.ecc-custom-preview .ab-final p:not(.x-eyebrow),
.ecc-custom-preview .lo-hero p:not(.x-eyebrow),
.ecc-custom-preview .lo-hero-stats span,
.ecc-custom-preview .cr-intro p,
.ecc-custom-preview .cr-end p:not(.x-eyebrow),
.ecc-custom-preview .pt-end p:not(.x-eyebrow){color:var(--ec-on-dark)}
.ecc-custom-preview .oc-last .x-eyebrow,
.ecc-custom-preview .ab-final .x-eyebrow,
.ecc-custom-preview .lo-hero .x-eyebrow,
.ecc-custom-preview .cr-end .x-eyebrow,
.ecc-custom-preview .pt-end .x-eyebrow{color:var(--ec-bright)}
.ecc-custom-preview .oc-last .x-btn,
.ecc-custom-preview .ab-final .x-btn,
.ecc-custom-preview .lo-hero .x-btn,
.ecc-custom-preview .cr-end .x-btn,
.ecc-custom-preview .pt-end .x-btn{
  background:var(--ec-white);
  color:var(--ec-navy)!important;
}
.ecc-custom-preview .lo-hero .x-link-arrow{color:var(--ec-white)}

/* The wrapper sticks with zero flow height. The separate navy cap scrolls
   with the document, putting the white hero directly behind the header later. */
.ecc-custom-preview .eccx-custom-header{
  position:sticky;
  top:0;
  z-index:1000;
  height:0;
  overflow:visible;
  --ecc-solid-header-color:#f7fbff;
}
.ecc-custom-preview .eccx-custom-header>.ecc-header{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
}
.ecc-custom-preview .eccx-header-opening{
  height:var(--ecc-header-height);
  padding:0;
  margin:0;
  border:0;
  background:var(--ec-dark-gradient);
}
.ecc-custom-preview .lo-hero{
  padding-top:calc(var(--ecc-header-height) + 67px);
}
.ecc-custom-preview .eccx-custom-header .ecc-desktop-menu>a,
.ecc-custom-preview .eccx-custom-header .ecc-nav-link,
.ecc-custom-preview .eccx-custom-header .ecc-brand-copy strong,
.ecc-custom-preview .eccx-custom-header .ecc-brand-copy span{
  color:var(--ecc-solid-header-color,#f7fbff)!important;
  -webkit-text-fill-color:var(--ecc-solid-header-color,#f7fbff)!important;
  background:none!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}
.ecc-custom-preview .eccx-custom-header .ecc-adaptive-logo .ecc-logo-layer--white{
  opacity:1!important;
  visibility:visible!important;
  -webkit-mask-image:var(--ecc-logo-white-mask,linear-gradient(#fff,#fff))!important;
  mask-image:var(--ecc-logo-white-mask,linear-gradient(#fff,#fff))!important;
}
.ecc-custom-preview .eccx-custom-header .ecc-adaptive-logo .ecc-logo-layer--blue{
  opacity:1!important;
  visibility:visible!important;
  -webkit-mask-image:var(--ecc-logo-blue-mask,linear-gradient(transparent,transparent))!important;
  mask-image:var(--ecc-logo-blue-mask,linear-gradient(transparent,transparent))!important;
}
.ecc-custom-preview .eccx-custom-header .ecc-mobile-nav{top:var(--ecc-header-height)!important}
.ecc-custom-preview .eccx-custom-header .ecc-menu-btn{
  background:transparent!important;
  color:var(--ecc-solid-header-color,#f7fbff);
  border-color:currentColor;
}
.ecc-custom-preview .eccx-custom-header .ecc-menu-btn span{
  background:var(--ecc-solid-header-color,#f7fbff)!important;
  mix-blend-mode:normal;
}
body.ecc-custom-preview.eccx-custom-menu-open{overflow:hidden}
@media(max-width:1220px){:root{--ecc-header-height:82px}}
@media(max-width:720px){:root{--ecc-header-height:72px}}