/* animations.css */
@keyframes slideIn {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes float1 {
  0%,100% { transform: translateY(0) rotate(-2deg); }
  50%     { transform: translateY(-10px) rotate(2deg); }
}
@keyframes float2 {
  0%,100% { transform: translateY(0) rotate(1deg); }
  50%     { transform: translateY(-8px) rotate(-2deg); }
}
@keyframes fadeIn {
  from { opacity: 0; transform: scale(.97); }
  to   { opacity: 1; transform: scale(1); }
}
@keyframes shake {
  0%,100% { transform: translateX(0); }
  20%,60% { transform: translateX(-7px); }
  40%,80% { transform: translateX(7px); }
}

.landing-content > * {
  animation: slideIn .5s cubic-bezier(.4,0,.2,1) both;
}
.landing-content > *:nth-child(1) { animation-delay: .04s; }
.landing-content > *:nth-child(2) { animation-delay: .1s; }
.landing-content > *:nth-child(3) { animation-delay: .18s; }
.landing-content > *:nth-child(4) { animation-delay: .26s; }
.landing-content > *:nth-child(5) { animation-delay: .33s; }
.landing-content > *:nth-child(6) { animation-delay: .40s; }
.hero-card-preview { animation: fadeIn .8s cubic-bezier(.4,0,.2,1) .3s both; }