/* ============================================
   REDUCED MOTION
   ============================================ */
@media (prefers-reduced-motion: reduce) {
  .hero__heading .line-inner { transform: none !important; }
  .hero__label, .hero__cta,
  .concept__label, .concept__heading, .concept__rule, .concept__body,
  .how-it-works__label, .how-it-works__heading,
  .feature-card, .stat-cell, .stat-desc,
  .rules__label, .rule-item,
  .the-room__label, .the-room__heading .word, .the-room__divider, .the-room__subtext, .room-point,
  .whos-inside__label, .whos-inside__heading, .whos-inside__body,
  .tag,
  .gold-cta__heading, .gold-cta__sub, .gold-cta__btn {
    opacity: 1 !important;
    transform: none !important;
  }
  .concept__rule { transform: scaleX(1) !important; }
  .the-room__divider { width: 60px !important; }

  /* No hover lift when the user prefers reduced motion (the gold top
     hairline still draws; only the vertical movement is suppressed). */
  .feature-card { transition: border-color 0.4s ease !important; }
  .feature-card:hover { transform: none !important; }

  /* Icons stay still on hover too (no scale or lift). */
  .feature-card__icon { transition: none !important; }
  .feature-card:hover .feature-card__icon { transform: none !important; }
}