@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.hero-line1{display:block;font-size:inherit;font-weight:700;line-height:1.15}
.hero-line2{display:block;font-size:.55em;font-weight:400;line-height:1.3;color:var(--body)}
.gradient-text{display:inline;font-weight:700;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-line4{display:inline;font-size:1em;font-weight:700;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}