@keyframes am-rise {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: none; }
}

@keyframes am-soft-pulse {
  0%, 100% { box-shadow: 0 10px 28px rgba(201, 20, 46, .18); }
  50% { box-shadow: 0 15px 36px rgba(201, 20, 46, .28); }
}

.home-showcase > header,
.home-guides > header,
.why--interactive > span,
.why--interactive > h2,
.why--interactive > .why-intro {
  animation: am-rise .48s cubic-bezier(.2, .8, .2, 1) both;
}

.home-showcase .am-offer-card,
.home-guides .guide-grid article,
.intent-card,
.why-card {
  animation: am-rise .45s both;
}

.home-showcase .am-offer-card:nth-child(2),
.home-guides .guide-grid article:nth-child(2),
.intent-card:nth-child(2),
.why-card:nth-child(2) { animation-delay: .06s; }

.home-showcase .am-offer-card:nth-child(3),
.home-guides .guide-grid article:nth-child(3),
.intent-card:nth-child(3),
.why-card:nth-child(3) { animation-delay: .12s; }

.intent-card:nth-child(4) { animation-delay: .18s; }

.home-hero .button,
.am-lead-form button,
.mobile-cta .primary {
  animation: am-soft-pulse 3.8s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .home-showcase > header,
  .home-guides > header,
  .why--interactive > span,
  .why--interactive > h2,
  .why--interactive > .why-intro,
  .home-showcase .am-offer-card,
  .home-guides .guide-grid article,
  .intent-card,
  .why-card,
  .home-hero .button,
  .am-lead-form button,
  .mobile-cta .primary {
    animation: none !important;
  }
}
