/* Quiet motion: the panel opens itself once, sliders settle to their levels. No springs, no pop-ins. */
.hero-icon { animation: iconIn 700ms var(--ease) both, float 6s 0.8s ease-in-out infinite; }
@keyframes iconIn { from { transform: translateY(10px); opacity: 0; } }

.mb-wave.is-clicking { background: rgba(255, 255, 255, 0.25); }

.faq details[open] p { animation: fadeIn 300ms var(--ease) both; }
@keyframes fadeIn { from { opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
  .hero-icon { animation: none; }
}