/* User-approved dark background, sampled from the supplied reference (2026-09-17).
   Keep the original layout, gold/white sections and animation geometry. */
:root {
  --boost-background: #152329;
  --boost-background-rgb: 21, 35, 41;
  --boost-surface: #21353e;
  /* Compatibility aliases for the original Webflow palette. */
  --boost-navy: var(--boost-background);
  --boost-navy-soft: var(--boost-surface);
  --bg-dark: var(--boost-background);
  --line: var(--boost-surface);
  --secondary-text--l-bg: rgba(var(--boost-background-rgb), .65);
}

html, body { background-color: var(--boost-background); }
.nav-background { background-color: rgba(var(--boost-background-rgb), .86); }
.background-color-black, .section-timeline-heading { background-color: var(--boost-background); }
.timeline_circle { box-shadow: 0 0 0 8px var(--boost-background); }
.hero_scroll.is-hero { background-image: radial-gradient(circle, var(--boost-background) 100%, rgba(var(--boost-background-rgb), 0)); }
.overlay-fade-top { background-image: linear-gradient(to bottom, var(--boost-background), rgba(var(--boost-background-rgb), 0)); }
.overlay-fade-bottom { background-image: linear-gradient(to top, var(--boost-background), rgba(var(--boost-background-rgb), 0)); }
.service_elipse { background-image: radial-gradient(circle, rgba(var(--boost-background-rgb), 0), var(--boost-background) 50%); }
.service_elipse.is-smaller { background-image: radial-gradient(circle, rgba(var(--boost-background-rgb), 0), var(--boost-background) 30%); }
.service_elipse2 { background-image: radial-gradient(circle, rgba(var(--boost-background-rgb), 0), var(--boost-background) 51%); }
.service_dor-img-overlay { background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(var(--boost-background-rgb), .388), var(--boost-background) 70%); }
.hero-interact_overlay { background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(var(--boost-background-rgb), 0) 25%, var(--boost-background) 65%); }
.lottie-opacity { background-image: linear-gradient(275deg, rgba(var(--boost-background-rgb), 0), var(--boost-background)); }
.lottie-opacity.is-right { background-image: linear-gradient(275deg, var(--boost-background), rgba(var(--boost-background-rgb), 0)); }
.splash-image { background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(var(--boost-background-rgb), 0), var(--boost-background) 70%), url('/assets/boost-lines-ring.svg'); }
.home-message_content { background-color: rgba(var(--boost-background-rgb), .05); }
.card_border_glow { background-color: rgba(var(--boost-background-rgb), .35); }
.w-lightbox-backdrop { background: rgba(var(--boost-background-rgb), .9); }
.w-lightbox-caption { background: rgba(var(--boost-background-rgb), .4); }
.w-lightbox-thumbnail { background: var(--boost-background); }
@media (max-width: 991px) {
  .service_elipse { background-image: linear-gradient(rgba(var(--boost-background-rgb), 0) 32%, var(--boost-background) 68%); }
}
@media (max-width: 767px) {
  .service_elipse { background-image: radial-gradient(circle, rgba(var(--boost-background-rgb), .659) 43%, var(--boost-background)); }
}
@media (max-width: 479px) {
  .service_elipse { background-image: radial-gradient(circle, rgba(var(--boost-background-rgb), .369), var(--boost-background)); }
  .service_elipse.is-smaller { background-image: radial-gradient(circle, rgba(var(--boost-background-rgb), 0), var(--boost-background) 50%); }
  .splash_lottie-1 { background-color: rgba(var(--boost-background-rgb), .5); }
}
