/* Motion only: the underlying layout is also the no-JavaScript experience. */
@media (prefers-reduced-motion: no-preference) {
  body.landing :is(.btn, .plan-select, .setup-start, .closing-button, .demo-run-button) {
    transition: transform 160ms cubic-bezier(.22,1,.36,1), background-color 180ms ease, border-color 180ms ease, box-shadow 220ms ease;
  }
  body.landing :is(.btn, .plan-select, .setup-start, .closing-button, .demo-run-button):active {
    transform: scale(.975);
  }
  body.landing :is(.trust-arrow, .btn .arrow, .plan-select > span, .setup-start > span, .closing-button > span, .demo-run-button > span[aria-hidden]) {
    display: inline-block;
    transition: transform 220ms cubic-bezier(.22,1,.36,1);
  }
  body.landing .plan-card {
    transition: border-color 220ms ease, box-shadow 260ms ease;
  }
  body.landing #faq .faq-item summary::after {
    transition: background-color 180ms ease, color 180ms ease;
  }

}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.landing :is(.btn-primary, .closing-button, .demo-run-button):hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 14px -9px #1d49ff66;
  }
  body.landing :is(.btn, .plan-select, .setup-start, .closing-button, .demo-run-button):active {
    transform: translateY(0) scale(.975);
  }
  body.landing :is(.plan-select, .setup-start, .closing-button, .demo-run-button):hover > span[aria-hidden] {
    transform: translate(2px, -2px);
  }
  body.landing .plan-card:hover { border-color: #a9b8d3; box-shadow: 0 10px 22px -20px #17243d55; }
}