/* landing.css — welcome screen entrance animations 2026-08-05
   Prefix .ld- for all new classes. Pattern mirrors matches.css. */

@keyframes ld-rise {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Base class added by JS with per-element animation-delay */
.ld-fade {
  opacity: 0;
  animation: ld-rise 380ms ease-out both;
}

/* Feature card hover — tighter timing than var(--transition), deeper shadow */
.feature-card {
  transition: transform 260ms ease-out, box-shadow 260ms ease-out;
}
.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 48px -16px rgba(0, 0, 0, 0.55), 0 0 40px rgba(212, 175, 55, 0.15);
}

/* Button press feedback — transition already set by styles.css */
.welcome-buttons .btn:active {
  transform: scale(0.97);
}

/* Respect reduced motion — matches the pattern in matches.css */
@media (prefers-reduced-motion: reduce) {
  .ld-fade {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .feature-card {
    transition: none !important;
  }
  .welcome-buttons .btn:active {
    transform: none !important;
  }
}