@keyframes fadeInUp {
  from { opacity:0; transform:translateY(14px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes fadeIn {
  from { opacity:0; }
  to   { opacity:1; }
}
@keyframes breathe {
  0%,100% { transform:scale(1);   opacity:.9; }
  50%     { transform:scale(1.08); opacity:1; }
}
@keyframes float {
  0%,100% { transform:translateY(0); }
  50%     { transform:translateY(-6px); }
}
@keyframes shimmer {
  0%   { background-position:-200% 0; }
  100% { background-position: 200% 0; }
}
@keyframes glowPulse {
  0%,100% { box-shadow:0 0 20px rgba(232,194,107,0.35); }
  50%     { box-shadow:0 0 45px rgba(232,194,107,0.65); }
}
@keyframes cardFlip {
  0%   { transform:rotateY(0); }
  50%  { transform:rotateY(90deg); }
  100% { transform:rotateY(0); }
}
@keyframes staggerIn {
  from { opacity:0; transform:translateY(20px); }
  to   { opacity:1; transform:translateY(0); }
}

.cards-grid .card{ opacity:0; animation:staggerIn .7s ease forwards; }
.cards-grid .card:nth-child(1){ animation-delay:.05s }
.cards-grid .card:nth-child(2){ animation-delay:.12s }
.cards-grid .card:nth-child(3){ animation-delay:.19s }
.cards-grid .card:nth-child(4){ animation-delay:.26s }
.cards-grid .card:nth-child(5){ animation-delay:.33s }
.cards-grid .card:nth-child(6){ animation-delay:.40s }
.cards-grid .card:nth-child(7){ animation-delay:.47s }
.cards-grid .card:nth-child(8){ animation-delay:.54s }

.hero-badge{ animation:fadeInUp .8s ease .1s both }
.hero-title{ animation:fadeInUp .9s ease .25s both }
.hero-sub  { animation:fadeInUp .9s ease .4s both }
.btn-primary{ animation:fadeInUp .9s ease .55s both, glowPulse 3.5s ease-in-out infinite 1.5s }

.brand-mark{ animation:float 4s ease-in-out infinite }