/* =========================================================
   BLACK → WHITE CYCLING TEXT + PURPLE TEXT BACKGROUND
   ========================================================= */

:root {
  --neo-a: #000000;
  --neo-b: #4a4a4a;
  --neo-c: #a0a0a0;
  --neo-d: #fff1ff;
}

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

h1,h2,h3,h4,h5,h6,
.hero h1, .hero h2, .hero h3 {
  background: linear-gradient(90deg, #000000, #ffffff, #000000);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  
  background-color: #6a0dad;   /* purple letter background */
  padding: 0 4px;
  border-radius: 3px;

  animation: neoFlow 2.6s linear infinite;
}