:root {
  --brand-1: #79c5c7;
  --brand-2: #2ea6d4;
  --brand-3: #00a79d;
  --brand-4: #1b75bb;
  --accent-coral: #ff8b66;
  --accent-magenta: #d93aa4;
  --bg: #05070c;
  --surface: #121b2f;
  --surface-2: #16233d;
  --text: #ecf2ff;
  --muted: #c7d5ec;
  --line: rgba(121, 197, 199, 0.3);
  --shadow: 0 20px 40px rgba(4, 10, 24, 0.45);

  --tone-d8e8ff: #d8e8ff;
  --tone-f2f8ff: #f2f8ff;
  --tone-d7e8ff: #d7e8ff;
  --tone-d7e7ff: #d7e7ff;
  --tone-9dd7ff: #9dd7ff;
}

body {
  color: var(--text);
  background:
    radial-gradient(circle at 85% 10%, rgba(46, 166, 212, 0.12), transparent 35%),
    radial-gradient(circle at 15% 25%, rgba(0, 167, 157, 0.1), transparent 35%),
    var(--bg);
}

body::before {
  background:
    radial-gradient(circle at 4% 12%, rgba(121, 197, 199, 0.28), transparent 28%),
    radial-gradient(circle at 95% 8%, rgba(46, 166, 212, 0.3), transparent 30%),
    radial-gradient(circle at 8% 86%, rgba(0, 167, 157, 0.18), transparent 28%);
  opacity: 0.38;
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 12%,
    rgba(0, 0, 0, 0.45) 16%,
    rgba(0, 0, 0, 0) 22%,
    rgba(0, 0, 0, 0) 78%,
    rgba(0, 0, 0, 0.45) 84%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 1) 100%
  );
  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 12%,
    rgba(0, 0, 0, 0.45) 16%,
    rgba(0, 0, 0, 0) 22%,
    rgba(0, 0, 0, 0) 78%,
    rgba(0, 0, 0, 0.45) 84%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 1) 100%
  );
}

body::after {
  content: "";
  background:
    radial-gradient(circle at 70% 20%, rgba(217, 58, 164, 0.2), transparent 26%),
    radial-gradient(circle at 18% 72%, rgba(255, 139, 102, 0.22), transparent 28%);
  opacity: 1;
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 12%,
    rgba(0, 0, 0, 0.45) 16%,
    rgba(0, 0, 0, 0) 22%,
    rgba(0, 0, 0, 0) 78%,
    rgba(0, 0, 0, 0.45) 84%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 1) 100%
  );
  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 12%,
    rgba(0, 0, 0, 0.45) 16%,
    rgba(0, 0, 0, 0) 22%,
    rgba(0, 0, 0, 0) 78%,
    rgba(0, 0, 0, 0.45) 84%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 1) 100%
  );
}

.site-header {
  background: rgba(5, 7, 12, 0.72);
  border-bottom: 1px solid rgba(121, 197, 199, 0.15);
}

.global-brand-wave-divider {
  border-top: 1px solid rgba(121, 197, 199, 0.2);
  border-bottom: 1px solid rgba(121, 197, 199, 0.14);
}

.brand-wave-divider-base {
  background: linear-gradient(
    180deg,
    rgba(5, 7, 12, 0.2),
    rgba(5, 7, 12, 0.86) 72%,
    rgba(5, 7, 12, 1) 100%
  );
}

.nav-links > a,
.nav-item > a {
  color: var(--muted);
}

.nav-links > a:hover,
.nav-item > a:hover,
.nav-item.open > a,
.nav-item:focus-within > a {
  color: var(--text);
}

.dropdown-menu {
  border: 1px solid rgba(121, 197, 199, 0.24);
  background: rgba(18, 27, 47, 0.96);
  box-shadow: 0 20px 34px rgba(2, 7, 18, 0.55);
}

.dropdown-menu a {
  color: var(--tone-d8e8ff);
}

.dropdown-menu a:hover {
  background: rgba(121, 197, 199, 0.14);
  color: var(--tone-f2f8ff);
}

.nav-actions {
  border-left: 1px solid rgba(121, 197, 199, 0.2);
}

.mobile-menu-toggle {
  border-color: rgba(121, 197, 199, 0.35);
  background: rgba(18, 27, 47, 0.82);
  color: var(--tone-d7e8ff);
}

.btn-login {
  border-color: rgba(121, 197, 199, 0.35);
  color: var(--tone-d7e8ff);
  background: rgba(18, 27, 47, 0.72);
}

.hero,
.card,
.section.card,
.kpi {
  border-color: rgba(121, 197, 199, 0.24);
  box-shadow: var(--shadow);
}

.hero {
  background: linear-gradient(180deg, rgba(18, 27, 47, 0.95), rgba(12, 20, 36, 0.95));
}

.hero::before {
  opacity: 0.18;
}

.hero::after {
  opacity: 0.18;
}

h1,
h2,
h3 {
  color: var(--text);
}

p,
.card p,
.card li,
.kpi span {
  color: var(--muted);
}

.eyebrow {
  color: var(--tone-d7e7ff);
}

.eyebrow::before {
  background: linear-gradient(90deg, var(--accent-coral) 0%, var(--accent-magenta) 58%, var(--brand-4) 100%);
}

.card {
  background: linear-gradient(180deg, rgba(18, 27, 47, 0.94), rgba(12, 20, 36, 0.95));
}

.section.card {
  background:
    radial-gradient(circle at 90% 10%, rgba(255, 139, 102, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(18, 27, 47, 0.95), rgba(12, 20, 36, 0.96));
}

.card::before {
  background: linear-gradient(90deg, var(--accent-coral), var(--accent-magenta), var(--brand-4));
}

.btn-secondary {
  border-color: rgba(121, 197, 199, 0.34);
  color: var(--tone-d7e8ff);
  background: rgba(18, 27, 47, 0.78);
}

.list-links a {
  border-color: rgba(121, 197, 199, 0.34);
  background: rgba(46, 166, 212, 0.14);
  color: var(--tone-d7e8ff);
}

.list-links a:hover {
  background: rgba(46, 166, 212, 0.22);
}

.list-links a::after {
  color: var(--tone-9dd7ff);
}

.pill {
  border-color: rgba(121, 197, 199, 0.34);
  background: rgba(46, 166, 212, 0.15);
  color: var(--tone-d7e8ff);
}

.kpi {
  background: rgba(18, 27, 47, 0.82);
}

.kpi strong {
  color: var(--tone-f2f8ff);
}

.footer {
  border-top: 1px solid rgba(121, 197, 199, 0.2);
  color: var(--muted);
}

.footer-brand strong,
.tagline-static,
.video-card p {
  color: var(--muted);
}

/* Enforce dark brand presentation on subpages if stale light rules linger */
.hero {
  background: linear-gradient(180deg, rgba(18, 27, 47, 0.95), rgba(12, 20, 36, 0.95)) !important;
}

.card {
  background: linear-gradient(180deg, rgba(18, 27, 47, 0.94), rgba(12, 20, 36, 0.95)) !important;
}

.section.card {
  background:
    radial-gradient(circle at 90% 10%, rgba(255, 139, 102, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(18, 27, 47, 0.95), rgba(12, 20, 36, 0.96)) !important;
}

.kpi {
  background: rgba(18, 27, 47, 0.82) !important;
}

.card p,
.card li,
.section.card p,
.section.card li,
.list-links a,
.footer,
.footer * {
  color: var(--muted) !important;
}