.reveal{opacity:0;transform:translateY(24px);transition:all .7s ease}
.reveal.active{opacity:1;transform:translateY(0)}
.fade-in{animation:fadeIn .8s ease forwards}
.slide-up{animation:slideUp .8s ease forwards}
.parallax{will-change:transform}
.counter{font-size:2rem;font-weight:700}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

.hero-blob{position:absolute;inset:auto;right:-80px;top:-120px;width:300px;height:300px;background:radial-gradient(circle,rgba(124,92,255,.5),transparent 60%);filter:blur(0);opacity:.7;z-index:-1}

.stagger > *{opacity:0;transform:translateY(16px);animation:stagger .8s ease forwards}
.stagger > *:nth-child(2){animation-delay:.1s}
.stagger > *:nth-child(3){animation-delay:.2s}
.stagger > *:nth-child(4){animation-delay:.3s}
@keyframes stagger{to{opacity:1;transform:translateY(0)}}