/* Плавное появление первого экрана и отклик элементов */
@media (prefers-reduced-motion: no-preference) {
  .page .hero-copy > * { animation: rumi-arrive 650ms cubic-bezier(.23,1,.32,1) both; }
  .page .hero-copy > :nth-child(2) { animation-delay: 50ms; }
  .page .hero-copy > :nth-child(3) { animation-delay: 100ms; }
  .page .hero-copy > :nth-child(4) { animation-delay: 150ms; }
  .page .hero-copy > :nth-child(5) { animation-delay: 200ms; }
  .page .hero-copy > :nth-child(6) { animation-delay: 250ms; }
  .page .hero-copy > :nth-child(7) { animation-delay: 300ms; }
  .page .hero-visual { animation: rumi-visual 850ms cubic-bezier(.23,1,.32,1) both; }
  .page .power-ring.r1 { animation: rumi-ring 4s ease-in-out infinite; }
  .page .btn:active, .page .price-button:active { transform: scale(.97); }
  @media (hover:hover) and (pointer:fine) {
    .page .price-card, .page .benefit-card, .page .step-card { transition: transform 220ms cubic-bezier(.23,1,.32,1); }
    .page .price-card:hover, .page .benefit-card:hover, .page .step-card:hover { transform: translateY(-4px); }
  }
}
@keyframes rumi-arrive { from { opacity:.6; transform:translateY(12px) } to { opacity:1; transform:translateY(0) } }
@keyframes rumi-visual { from { opacity:.55; transform:translateY(16px) } to { opacity:1; transform:translateY(0) } }
@keyframes rumi-ring { 0%, 100% { opacity:.4; transform:scale(.96) } 50% { opacity:1; transform:scale(1.04) } }