/* =========================
   SCROLL ANIMATIONS
========================= */

.fade-up,
.fade-in{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s ease, transform .7s ease;
}

.fade-in{
  transform:none;
}

.fade-up.visible,
.fade-in.visible{
  opacity:1;
  transform:translateY(0);
}


/* =========================
   KEYFRAMES
========================= */

@keyframes floatSoft{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

@keyframes blobFloat{
  0%,100%{
    transform:translateY(0) scale(1);
    border-radius:48% 52% 46% 54% / 48% 42% 58% 52%;
  }
  50%{
    transform:translateY(-8px) scale(1.01);
    border-radius:52% 48% 55% 45% / 45% 50% 50% 55%;
  }
}

@keyframes blobMorph{
  0%{border-radius:58% 42% 65% 35% / 45% 60% 40% 55%}
  25%{border-radius:45% 55% 60% 40% / 55% 45% 55% 45%}
  50%{border-radius:60% 40% 50% 50% / 40% 60% 45% 55%}
  75%{border-radius:50% 50% 35% 65% / 60% 45% 55% 40%}
  100%{border-radius:58% 42% 65% 35% / 45% 60% 40% 55%}
}

@keyframes ctaFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}