/* Keep marketing content visible if Motion JS has not run yet */

.join-intro,
.compare-reveal,
.faq-reveal,
.hero-reveal,
.auth-reveal {
  opacity: 1;
  transform: none;
}

.reveal,
.tools-grid .tool,
.pricing-card.reveal {
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .reveal {
    transform: translateY(1.25rem);
  }

  .tools-grid .tool {
    transform: translateY(1.1rem) scale(0.98);
  }
}

@media (prefers-reduced-motion: reduce) {
  .reveal,
  .tools-grid .tool,
  .join-intro,
  .compare-reveal,
  .faq-reveal {
    transform: none;
  }
}