@media (prefers-reduced-motion: no-preference) {
  html.motion-pending #features-title,
  html.motion-pending .features__card,
  html.motion-pending #pricing-title,
  html.motion-pending .pricing .segmented-control,
  html.motion-pending .pricing__card,
  html.motion-pending #integrations-title,
  html.motion-pending .integrations__lead,
  html.motion-pending .integrations__card,
  html.motion-pending #testimonials-title,
  html.motion-pending .testimonials__header > p,
  html.motion-pending .testimonials__card,
  html.motion-pending #faq-title,
  html.motion-pending .faq__lead,
  html.motion-pending .faq__item,
  html.motion-pending #cta-title,
  html.motion-pending .cta__lead,
  html.motion-pending .cta .btn--cta {
    opacity: 0;
    transform: translateY(1rem);
  }

  html.motion-pending .metrics__value,
  html.motion-pending .metrics__label {
    opacity: 0;
  }
}