/* Controls remain usable with motion reduction and blocked video autoplay. */
.motion-controls{position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:35;max-width:calc(100% - 24px);color:#fff;font-size:12px}
.motion-controls[hidden],.motion-controls [hidden],#hero-video-retry[hidden]{display:none!important}
.motion-controls>p{padding:8px 12px;margin:0 0 6px;background:#192219f2;border-radius:8px;line-height:1.5}
.motion-control-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.motion-controls .motion-toggle,.motion-controls #motion-reset{position:static;font:inherit;min-height:44px;padding:9px 14px;border:1px solid #ffffff70;border-radius:24px;background:#192219f2;color:#fff;cursor:pointer}
.motion-controls #motion-reset{font-size:11px}
#hero-video-retry{position:absolute;right:24px;bottom:125px;z-index:5;min-height:44px;padding:12px 20px;border:1px solid #fff;border-radius:24px;background:#192219e8;color:#fff;font:inherit;cursor:pointer}
html.motion-paused{scroll-behavior:auto}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation:none!important;transition:none!important}
html.motion-paused .reveal{opacity:1;translate:none}
html.motion-paused .purchase-circle{scale:1}
/* Only a deliberate 'play' choice overrides the OS media-query GIF fallback. */
html[data-motion="full"] .benefit-image-space .benefit-animation{display:block}
html[data-motion="full"] .benefit-image-space .benefit-poster{display:none}
html[data-motion="full"] .purchase-circle{animation:purchase-breathe-v2 3.6s ease-in-out infinite!important}
/* Fit the same horizontal scenes into the shorter in-app browser viewport. */
.scene-enabled .scene-pin{height:100svh;height:100dvh;min-height:0}
.is-horizontal .mode-slides-pin{height:100svh;height:100dvh}
@media(max-width:760px) and (min-height:440px) and (max-height:639px){
 #compatibility{--compat-badge-top:76px;--compat-badge-height:48px;--compat-badge-gap:12px}
 #compatibility.horizontal-enabled .compat-panel{padding-bottom:18px;row-gap:8px;grid-template-rows:auto minmax(0,1fr) auto}
 #compatibility .compat-copy h3{font-size:22px;margin-bottom:6px}
 #compatibility .compat-times{display:inline;margin:0 5px;font-size:.7em}
 #compatibility .compat-copy p{font-size:13px;line-height:1.5}
 #compatibility.horizontal-enabled .compat-photo{width:min(52vw,27dvh);max-height:100%;aspect-ratio:1}
 #compatibility .compat-note{font-size:11px;line-height:1.4}
 .scene-enabled .scene-pin{padding-top:72px;padding-bottom:14px}
 .scene-enabled .scene-layout{gap:10px;margin-block:8px}
 .scene-enabled .scene-text h2{font-size:25px;margin:0 0 8px}
 .scene-enabled .scene-copies{min-height:88px}
 .scene-enabled .scene-copy h3{font-size:19px;margin:0 0 6px}
 .scene-enabled .scene-copy p{font-size:14px!important;line-height:1.5!important}
 .is-horizontal .mode-slide-description p{font-size:14px;line-height:1.5}
 .is-horizontal .mode-slide-copy h2{font-size:25px;margin-bottom:8px}
}