/*! WAPI Connect, "Kuwait Time": motion module "home" styles (M13). Plan: .router/MOTION.md §4.1 H3, H10;
    clarity rollout plan §4 (2026-10-31).
    Small on purpose: motion/home.js only lets items rise once and scrubs the tour frame's size and the CTA band's
    frame over their normal passage, so nothing here changes a height or a position. The explainers (#day, the
    feature groups, #steps) are data-calm and static; the Connection Doctor close-up has no camera track any more.
    Tokens only, no new colour; logical properties (transform-origin is physical by nature, mirrored for RTL).
    Everything needs html.w-gsap (never set with reduced motion) inside (prefers-reduced-motion: no-preference), so
    reduced motion and no-JS get the plain page. */

@media (prefers-reduced-motion: no-preference) {
  /* H3: «0٪» grows from its inline start, on its baseline side */
  html.w-gsap .w-bigfact__n { transform-origin: 0 85%; }
  :root[dir="rtl"].w-gsap .w-bigfact__n { transform-origin: 100% 85%; }
  /* compositor layer only while the scaled tour frame is on screen (ScrollTrigger toggles .w-h-on) */
  .w-tour__video.w-h-on { will-change: transform; }
}

/* Print: the plain page. Elements this module moves without [data-r] are reset here (motion.css resets [data-r]). */
@media print {
  .w-tier, .w-faq > details, .w-tour__video, .w-cta, .w-org, .w-bigfact__n, .w-card, .w-paybox > div {
    opacity: 1 !important; transform: none !important; scale: none !important; clip-path: none !important; }
}