/**
 * Loaded last (after Tailwind CDN) so backgrounds stay consistent
 * at every window size — desktop, tablet, and phone.
 */
body {
  background-color: #e0ecf3;
}

header.page-hero,
header.section-dark,
section.section-dark,
div.section-dark {
  background-color: #0D1B2A !important;
  background-image: linear-gradient(165deg, #0A1420 0%, #001F3F 50%, #0D1B2A 100%) !important;
}

header.page-hero {
  border-bottom: 3px solid #00B7E8;
}

header.page-hero::before,
header.page-hero::after,
.section-dark::before,
.section-dark::after {
  display: none !important;
}

.page-content-muted {
  background-color: #e0ecf3 !important;
  background-image: linear-gradient(180deg, #c5d9e6 0%, #e0ecf3 100%) !important;
}

.page-hero-title {
  color: #ffffff !important;
}

.page-hero-subtitle {
  color: rgba(255, 255, 255, 0.82) !important;
}

.page-hero-eyebrow {
  color: #00B7E8 !important;
}

.water-glow,
.page-hero-glow {
  display: none !important;
}