:root{scroll-behavior:smooth}
img{max-width:100%;height:auto;display:block}
.hero-animated{position:relative;overflow:hidden;background:radial-gradient(80% 80% at 50% 50%, rgba(14,165,255,.10), transparent 70%),radial-gradient(80% 80% at 70% 30%, rgba(0,255,198,.08), transparent 60%)}
.hero-animated:before,.hero-animated:after{content:"";position:absolute;inset:-10%;background:linear-gradient(120deg, transparent 45%, rgba(14,165,255,.35) 50%, transparent 55%) 0 0/300% 300%,linear-gradient(-120deg, transparent 45%, rgba(0,255,198,.25) 50%, transparent 55%) 0 0/250% 250%;animation:sweep1 12s linear infinite;mix-blend-mode:screen;opacity:.3}
.hero-animated:after{animation:sweep2 18s linear infinite reverse;opacity:.22}
@keyframes sweep1{0%{background-position:0 0,0 0}100%{background-position:300% 300%,250% 250%}}
@keyframes sweep2{0%{background-position:0 0,0 0}100%{background-position:-300% -300%,-250% -250%}}