/* fixed mountain photo behind the whole page, blurred and
   darkened so it never fights with text. Plus the contrast fixes. */
body::before{content:"";position:fixed;inset:-24px;z-index:-1;pointer-events:none;
  background:linear-gradient(rgba(13,25,31,.90),rgba(13,25,31,.90)),url(../img/bg/mountains.webp) center/cover no-repeat;
  filter:blur(2px);}
#stars{opacity:.9!important}
html,body{background:transparent!important}
html{background:#0D191F}
/* contrast fixes (WCAG AA): mid-blue text to the lighter blue, lighter error red, 12px minimum */
:root{--alert:#FF9A8A}
.eyebrow,.again,.privacy-note a,.alt a{color:var(--haldi)!important}
.eyebrow,label,.fee-name,.social-title,.geo-sub,.mega-col-h,.nav-search-result small,.consent label{font-size:max(.75rem,12px)}

/* ===== BLUE TEXT: diamond / metallic finish =====
   Light-to-white facets keep every stop at or above the lighter blue, so contrast is unchanged. */
.eyebrow,.privacy-note a,.alt a,.faq details a,.num-card-arrow,.num-card-cta,.again{
  background:linear-gradient(115deg,#8FD8FF 0%,#EAF8FF 18%,#4FBDF2 36%,#FFFFFF 50%,#7CCBF5 64%,#D6F1FF 82%,#58BFF0 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent!important;
  text-shadow:none!important;
  animation:diamond 2.2s ease-in-out 2;
}
@keyframes diamond{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){.eyebrow,.privacy-note a,.alt a,.faq details a,.num-card-arrow,.num-card-cta,.again{animation:none}}

/* logo text and header/nav headings stay flat: solid colour, no gradient, no animation */
.brand-name em,.foot-brand-name em,.mega-col-h{background:none!important;-webkit-background-clip:border-box;background-clip:border-box;
  -webkit-text-fill-color:currentColor;animation:none!important}
.brand-name em,.foot-brand-name em{color:var(--haldi)!important}
.mega-col-h{color:var(--haldi)!important}