/* Small, finite presentation transitions. No checkout or payment selectors. */
@media (prefers-reduced-motion: no-preference) {
  .theme-transition body { transition: background-color .4s ease; }
  .theme-transition :is(.site-nav,.site-footer,main),
  .theme-transition main :is(h1,h2,h3,h4,p,.section-heading,.hero,.home-paths article,.scenario-card,.purchase-step,.demo-shell,.demo-toolbar,.demo-view,.demo-metric,.demo-issue,.product-concept-figure,.product-capability,.product-related-card,.bento-card,.feature-row,.cta-panel),
  .theme-transition :is(.site-nav,.site-footer) :is(a,p,span),
  .theme-transition main :is(.hero,.cta-panel,.product-question) .button {
    transition: background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease;
  }
  .theme-transition .product-concept-art :is(path,rect,circle,ellipse) {
    transition: fill .4s ease,stroke .4s ease;
  }
  main :is(.text-link,.hero .button,.cta-panel .button,.product-question .button,.home-paths a,.product-related-card) > [aria-hidden="true"] {
    display:inline-block;
    transition:transform .22s ease;
  }
  main :is(.home-paths article,.scenario-card,.product-related-card) {
    transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease;
  }
  @media (hover:hover) and (pointer:fine) {
    main :is(.home-paths article,.scenario-card,.product-related-card):hover {
      transform:translateY(-6px);
      box-shadow:0 12px 28px rgba(0,0,0,.09);
    }
    [data-theme="dark"] main :is(.home-paths article,.scenario-card,.product-related-card):hover {
      box-shadow:0 12px 28px rgba(0,0,0,.28);
    }

    main :is(.text-link,.hero .button,.cta-panel .button,.product-question .button,.home-paths a,.product-related-card):hover > [aria-hidden="true"] {transform:translate(4px,-3px)}
    [dir="rtl"] main :is(.text-link,.hero .button,.cta-panel .button,.product-question .button,.home-paths a,.product-related-card):hover > [aria-hidden="true"] {transform:translate(-4px,-3px)}
  }
}