@keyframes hdrGrad {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

#hero-header {
  background: linear-gradient(270deg, #1e40af, #1d4ed8, #2563eb, #1e3a8a, #3b82f6, #1e40af);
  background-size: 400% 400%;
  animation: hdrGrad 10s ease infinite;
}

.dark #hero-header {
  background: linear-gradient(270deg, #172554, #1e3a8a, #1e40af, #0f172a, #172554);
  background-size: 400% 400%;
  animation: hdrGrad 10s ease infinite;
}

.tc { display: inline-block; }

#word-current { color: #fb923c; }