/* Colour journey: Hothentic blue → clarity → expertise → Bird green. */
.hero {
  background:
    radial-gradient(circle at 50% 34%, rgba(67, 139, 180, 0.16), transparent 38%),
    #102a45;
}

.hero .flight-vignette {
  background:
    radial-gradient(ellipse at center, transparent 0, rgba(8, 28, 50, .04) 38%, rgba(8, 28, 50, .62) 80%, #102a45 100%),
    linear-gradient(180deg, rgba(16, 42, 69, .18), transparent 24%, transparent 72%, rgba(16, 42, 69, .68));
}

.company-story {
  background: #f7f7f3;
  color: #173029;
}

.company-story::before {
  border-color: rgba(35, 105, 127, .1);
}

.company-story .eyebrow { color: #247f98; }
.company-story h2 { color: #173029; }
.company-story h2 em { color: #66817a; }
.company-story .story-lead { color: #435e57; }
.company-story .story-body { color: #71837e; }
.company-story .company-stats { border-top-color: rgba(23, 48, 41, .16); }
.company-story .company-stats div { border-right-color: rgba(23, 48, 41, .12); }
.company-story .company-stats strong { color: #247f98; }
.company-story .company-stats span { color: #748680; }
.company-story .company-note {
  border-left-color: #247f98;
  background: rgba(36, 127, 152, .055);
}
.company-story .company-note p { color: #425d56; }
.company-story .company-note span { color: #758881; }

.expertise-chapter {
  background:
    radial-gradient(circle at 5% 10%, rgba(92, 169, 201, .17), transparent 35%),
    #102a45;
}

.ecosystem-chapter {
  background: #102a45;
  color: #f3f7f5;
}

.ecosystem-chapter::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 88% 16%, rgba(108, 188, 173, .12), transparent 30%),
    linear-gradient(180deg, #102a45 0%, #103b3d 52%, #0a211c 100%);
  opacity: 0;
}

.ecosystem-chapter.ecosystem-active::before {
  animation: ecosystem-background-in 1.8s cubic-bezier(.45, 0, .2, 1) forwards;
}

.ecosystem-wash {
  background: rgba(126, 196, 181, .09);
  opacity: 0;
  transform: scale(.35);
  transform-origin: center;
}

.ecosystem-chapter.ecosystem-active .ecosystem-wash {
  animation: ecosystem-circle-in 1.35s .3s cubic-bezier(.16, 1, .3, 1) forwards;
}

.ecosystem-heading .eyebrow { color: #80c8ba; }
.ecosystem-heading h2 { color: #f3f7f5; }
.ecosystem-heading h2 em { color: #9ccfc3; }
.ecosystem-lines { border-top-color: rgba(255, 255, 255, .14); }
.ecosystem-lines article { border-bottom-color: rgba(255, 255, 255, .14); }
.ecosystem-lines article > span { color: #83cbbd; }
.ecosystem-lines h3 { color: #f3f7f5; }
.ecosystem-lines p { color: #9eb2ad; }
.ecosystem-lines small { color: #7fa198; }
.ecosystem-conclusion { color: #a8bbb6; }
.ecosystem-conclusion strong { color: #d5e45f; }

/* Continue seamlessly from the ecosystem's green ending. */
.brand-handoff { background: #0a211c; }

@keyframes ecosystem-background-in {
  to { opacity: 1; }
}

@keyframes ecosystem-circle-in {
  to { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .ecosystem-chapter::before,
  .ecosystem-wash {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}