/* Web adaptations are intentionally separate from the registry originals. */
.serene-motion .ambient-scene{background:radial-gradient(ellipse at 95% 18%,#0b231a66,transparent 60%),radial-gradient(ellipse at 0% 70%,#10233b40,transparent 55%);overflow:hidden;z-index:-1;isolation:isolate}
.serene-motion .ambient-scene .hf-cosmic-orb{position:absolute;width:max(130vw,1000px);height:auto;aspect-ratio:16/9;top:-15vh;right:-40vw;opacity:.14;pointer-events:none;mask-image:radial-gradient(ellipse,#000 42%,transparent 73%)}
.serene-pause{justify-self:start;min-height:44px;padding:10px 14px;border:1px solid #343b3b;border-radius:999px;color:#c9d2ce;background:#111416;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,transform .2s}
.serene-pause:hover{background:#1b2320;transform:translateY(-2px)}
.serene-pause:focus-visible{outline:2px solid #b3f5c4;outline-offset:4px}
.serene-pause:disabled{cursor:default;color:#adb5b1}
.serene-motion .product-viewport{perspective:1600px;transform-origin:50% 45%}
.serene-motion .product-viewport.reveal,.serene-motion .final-card.reveal{opacity:1;transform:none;transition:none}
.serene-showcase{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none;background:transparent;isolation:isolate}
.serene-showcase::before{content:"";position:absolute;inset:15%;background:radial-gradient(ellipse,#20312955,transparent 67%)}
.serene-phone{position:absolute;top:50%;left:50%;width:clamp(135px,30%,245px);aspect-ratio:390/844;translate:-50% -50%;padding:7px;border:1px solid #77827a;border-radius:30px;background:#171b19;box-shadow:0 30px 65px #0009;overflow:hidden;will-change:transform}
.serene-phone:nth-child(2){z-index:2}
.serene-phone--live{visibility:hidden;box-shadow:none}
.serene-phone::after{content:"";position:absolute;top:12px;left:40%;width:20%;height:8px;border-radius:8px;background:#101412}
.serene-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:23px}
.serene-phone-label{position:absolute;bottom:12px;left:12px;right:12px;padding:7px;text-align:center;background:#0b1413ed;color:#f5f5f5;border:1px solid #52665c;border-radius:12px;font:600 12px "Mona Sans",sans-serif}
.serene-mobile-copy{position:absolute;top:24px;inset-inline:16px;color:#f5f5f5;font:600 clamp(15px,2vw,22px) "Mona Sans",sans-serif;text-align:center;line-height:1.3}
.serene-phone--live+.serene-phone-label{display:none}
.serene-showcase[data-hf-artifact="app-showcase"] .serene-phone--live~.serene-mobile-copy{display:none}
.serene-motion .julieta-mark.serene-blob{width:64px;height:64px;padding:0;overflow:visible;flex:0 0 64px;background:transparent;border:0}
.serene-blob .hf-mount{width:100%;height:100%}
.serene-motion [data-operation-cash]{font-variant-numeric:tabular-nums;min-width:8ch}
.serene-motion .final-card h2{max-width:950px;margin-inline:auto;text-wrap:balance}
.serene-motion .julieta-lab .chat-bubble.user{color:#edf6f0;background:#22332a}
@media(max-width:700px){.serene-motion .ambient-scene .hf-cosmic-orb{width:1100px;right:-750px;top:0;opacity:.14}.serene-phone{border-radius:22px;padding:5px}.serene-phone img{border-radius:17px}.serene-phone-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.serene-showcase{display:none!important}.serene-motion .ambient-scene .hf-cosmic-orb{display:none}.serene-pause{transition:none}}

/* Reduced motion still communicates hierarchy; it only removes continuous and 3D effects. */
.approved-landing-shell[data-motion="reduced"] .reveal,
.approved-landing-shell[data-motion="limited"] .reveal{opacity:0;transform:translate3d(0,6px,0);transition:opacity 200ms var(--motion-ease),transform 200ms var(--motion-ease)!important}
.approved-landing-shell[data-motion="reduced"] .reveal.is-visible,
.approved-landing-shell[data-motion="limited"] .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.approved-landing-shell[data-motion="reduced"] .hero-media,
.approved-landing-shell[data-motion="limited"] .hero-media{transform:none!important}
.approved-landing-shell[data-motion="reduced"] .hero-photo img,
.approved-landing-shell[data-motion="limited"] .hero-photo img{transform:none!important}
.approved-landing-shell[data-motion="reduced"] .module-track,
.approved-landing-shell[data-motion="limited"] .module-track{animation:none!important;transform:none!important}