@keyframes scrollCue{
  0%{transform:translateY(0);opacity:1}
  60%{transform:translateY(14px);opacity:0.3}
  61%{transform:translateY(0);opacity:0}
  100%{transform:translateY(0);opacity:1}
}

@keyframes pulseWA{
  0%{box-shadow:0 0 0 0 rgba(37,211,102,0.55)}
  70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}
  100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}
}

@keyframes fadeUp{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:translateY(0)}
}

.fade-up{
  opacity:0;
  animation:fadeUp .8s ease forwards;
}

.reveal{
  opacity:0;
  transform:translateY(30px);
  transition:opacity .8s ease, transform .8s ease;
}
.reveal.in-view{
  opacity:1;
  transform:translateY(0);
}

.reveal-stagger > *{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .6s ease, transform .6s ease;
}
.reveal-stagger.in-view > *{
  opacity:1;
  transform:translateY(0);
}
.reveal-stagger.in-view > *:nth-child(1){transition-delay:.05s}
.reveal-stagger.in-view > *:nth-child(2){transition-delay:.15s}
.reveal-stagger.in-view > *:nth-child(3){transition-delay:.25s}
.reveal-stagger.in-view > *:nth-child(4){transition-delay:.35s}
.reveal-stagger.in-view > *:nth-child(5){transition-delay:.45s}
.reveal-stagger.in-view > *:nth-child(6){transition-delay:.55s}

.counting{font-variant-numeric:tabular-nums}



.slide-left{
  opacity:0;transform:translateX(-70px);
  transition:opacity .9s ease, transform .9s cubic-bezier(.2,.8,.2,1);
}
.slide-left.in-view{opacity:1;transform:translateX(0)}

.slide-right{
  opacity:0;transform:translateX(70px);
  transition:opacity .9s ease .15s, transform .9s cubic-bezier(.2,.8,.2,1) .15s;
}
.slide-right.in-view{opacity:1;transform:translateX(0)}