/* Loaded after the legacy stylesheet so content never depends on JavaScript. */
.reveal { opacity: 1 !important; transform: none !important; }

@media (prefers-reduced-motion: no-preference) {
  .fragmentation-grid.is-visible .fragment-items span { animation: operational-settle 420ms ease-out both; }
  .story-step.is-visible .story-number { animation: operational-confirm 360ms ease-out both; }
}

@keyframes operational-settle { from { transform: translateY(-8px); border-color: #91afe3; } to { transform: none; border-color: var(--line); } }
@keyframes operational-confirm { from { transform: scale(.88); background: var(--blue-soft); } to { transform: scale(1); background: #fff; } }

@media (max-width: 760px) {
  .pricing-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .pricing-grid > *, .pricing-includes, .pricing-grid .price, .pricing-grid .hero-actions { min-width: 0 !important; width: 100% !important; max-width: 100%; }
  .pricing-grid .price { flex-wrap: wrap; }
  .pricing-grid .btn { width: 100%; white-space: normal; }
}