/* Illuminate the two headline lines in sequence. */
.hero-copy .led-cta-title {
  color: #eef2f6;
}

.led-cta-title span {
  display: block;
}

.led-cta-title .led-title-blue {
  animation: led-blue-on 1s ease-out .2s both;
}

.led-cta-title .led-title-green {
  animation: led-green-on 1s ease-out 1.35s both;
}

@keyframes led-blue-on {
  0%, 35% { color: #eef2f6; text-shadow: none; }
  55% { color: #82caff; text-shadow: 0 0 16px #44aaffaa, 0 0 42px #168bff88; }
  68% { color: #c6dcf0; text-shadow: 0 0 9px #44aaff44; }
  100% { color: #86caff; text-shadow: 0 0 18px #44aaffaa, 0 0 48px #168bff88; }
}

@keyframes led-green-on {
  0%, 35% { color: #eef2f6; text-shadow: none; }
  55% { color: #85e6a6; text-shadow: 0 0 16px #38dd77aa, 0 0 42px #18c75d88; }
  68% { color: #ccebd6; text-shadow: 0 0 9px #38dd7744; }
  100% { color: #89e8a7; text-shadow: 0 0 18px #38dd77aa, 0 0 48px #18c75d88; }
}

@media (prefers-reduced-motion: reduce) {
  .led-cta-title .led-title-blue {
    animation: none;
    color: #86caff;
    text-shadow: 0 0 18px #44aaffaa, 0 0 48px #168bff88;
  }

  .led-cta-title .led-title-green {
    animation: none;
    color: #89e8a7;
    text-shadow: 0 0 18px #38dd77aa, 0 0 48px #18c75d88;
  }
}
