/* Shared hero heading: white gradient text with a slow cyan sweep (same effect /dedseclab/ had inline). */
.hero-title-anim,.hero-title-anim .accent{
  background-image:linear-gradient(100deg,transparent 40%,var(--accent) 50%,transparent 60%),linear-gradient(180deg,#ffffff 0%,#e6f7fb 45%,#9fc6d4 100%)!important;
  background-size:300% 100%,100% 100%!important;background-repeat:no-repeat!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent;
}
.hero-title-anim{animation:heroTitleSweep 9s ease-in-out infinite!important}
.hero-title-anim .accent{animation:heroTitleSweepAcc 9s ease-in-out infinite!important}
@keyframes heroTitleSweep{0%{background-position:100% 0,0 0}45%,100%{background-position:0% 0,0 0}}
@keyframes heroTitleSweepAcc{0%,40%{background-position:100% 0,0 0}75%,100%{background-position:0% 0,0 0}}
@media (prefers-reduced-motion:reduce){.hero-title-anim,.hero-title-anim .accent{animation:none!important;background-position:0% 0,0 0!important}}