/* Original RingFunnel chapter/depth preview. Content and transaction logic untouched. */
.home-motion-preview{background:#07080a}
.home-motion-preview .hero{padding-top:150px;padding-bottom:110px;isolation:isolate}
.home-motion-preview .hero-grid{grid-template-columns:1.2fr 1fr;gap:60px}
.home-motion-preview .hero h1{font-size:clamp(2.8rem,6.3vw,5.6rem);letter-spacing:-.065em;line-height:1.02;max-width:12ch}
.home-motion-preview .hero .sub{font-size:1.04rem;line-height:1.8;max-width:560px}
.home-motion-preview .hero-glow:before{inset:0;width:auto;height:auto;transform:none;filter:none;background:radial-gradient(ellipse at 85% 45%,#195d3445,transparent 55%)}
.home-motion-preview .hero-glow:after{inset:0;width:auto;height:auto;filter:none;background-image:radial-gradient(circle,#91cba52b .8px,transparent 1px);background-size:91px 103px;opacity:.65}
.home-motion-preview .visual{isolation:isolate;padding:45px 18px;perspective:1200px}
.home-motion-preview .visual:before,.home-motion-preview .visual:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:360px;height:490px;border:1px solid #61bd8455;border-radius:48%;transform:rotate(-28deg);background:radial-gradient(ellipse,#123a2520,transparent 70%)}
.home-motion-preview .visual:after{width:440px;height:580px;transform:rotate(32deg);border-color:#39bc8f33}
.home-motion-preview :is(.v-card,.call-card){background:linear-gradient(145deg,#10261b,#080e0b);border:1px solid #4b865e;border-radius:26px;box-shadow:16px 30px 60px #0009}
.home-motion-preview .v-card{transform:rotate(-6deg) translateX(-12px)}
.home-motion-preview .call-card{transform:rotate(5deg) translateX(12px)}
.home-motion-preview .funnel{height:118px}
.home-motion-preview .sec{padding-block:100px!important;border-top:1px solid #29443466}
.home-motion-preview .sec-head{text-align:left;margin-inline:0;max-width:820px;margin-bottom:48px}
.home-motion-preview .sec-head h2{font-size:clamp(2rem,4.6vw,3.8rem);letter-spacing:-.045em}
.home-motion-preview .sec-head p{max-width:68ch;font-size:1rem;line-height:1.8}
.home-motion-preview .tag{letter-spacing:.16em;font-size:.7rem}
.home-motion-preview :is(.vert,.step,.price-card,.rf-path-card){border-radius:22px;background:linear-gradient(145deg,#102119,#0a100d);border-color:#33573e}
.home-motion-preview .vert.featured{background:radial-gradient(ellipse at top right,#1a4c2c,#0b1710 75%);border-color:#60a87a}
.home-motion-preview .stat{background:#0a150f}
.home-motion-preview .stats{border-color:#355f43}
.home-motion-preview #book{background:radial-gradient(ellipse at 15% 50%,#194b2b30,transparent 65%)}
.home-motion-preview #order{background:radial-gradient(ellipse at top right,#174a2d30,transparent 65%)}
.home-motion-preview .final{padding-block:110px;background:radial-gradient(ellipse,#14532e50,transparent 70%)}
.home-motion-preview .btn{border-radius:5px}
.home-motion-preview :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #8affb8;outline-offset:4px}
.home-motion-preview .live-dot,.home-motion-preview .dots-row .d.on{animation-iteration-count:2!important}
@media(prefers-reduced-motion:no-preference){
.home-motion-preview .visual:before{animation:rf-home-orbit 4.8s ease-in-out both}.home-motion-preview .visual:after{animation:rf-home-orbit 4.8s ease-in-out reverse both}
.home-motion-preview .logo .mark{animation:rf-home-pulse 2.4s ease-in-out 2}
@keyframes rf-home-orbit{0%{opacity:.2;translate:-12px 15px;scale:.9}55%{opacity:1;translate:9px -9px;scale:1.04}100%{opacity:1;translate:0 0;scale:1}}
@keyframes rf-home-pulse{50%{opacity:.6;scale:1.08}}
@supports(animation-timeline:view()){
.home-motion-preview main>.sec>.wrap{animation:rf-home-chapter linear both;animation-timeline:view();animation-range:entry 0% entry 28%}
@keyframes rf-home-chapter{from{opacity:.7;translate:0 25px}to{opacity:1;translate:0 0}}
}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.home-motion-preview .vert{transition:transform .25s ease,border-color .25s ease}.home-motion-preview .vert:hover{transform:translateY(-6px);border-color:#85dba5}}
@media(max-width:900px){.home-motion-preview .hero-grid{gap:25px}.home-motion-preview .hero h1{font-size:clamp(2.8rem,6.5vw,4.5rem)}.home-motion-preview .visual:after{width:340px;height:470px}}
@media(max-width:760px){.home-motion-preview .hero-grid{grid-template-columns:minmax(0,1fr)}.home-motion-preview .hero{padding-top:116px;padding-bottom:55px}.home-motion-preview .hero h1{max-width:14ch;font-size:clamp(2.7rem,10vw,4.2rem)}.home-motion-preview .visual{margin-top:30px;overflow:hidden;padding:45px 20px}.home-motion-preview .visual:before{width:270px;height:390px}.home-motion-preview .visual:after{width:310px;height:450px}.home-motion-preview .sec{padding-block:56px!important}.home-motion-preview .sec-head{margin-bottom:32px}.home-motion-preview .v-card,.home-motion-preview .call-card{transform:none}.home-motion-preview .sec-head h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.home-motion-preview *,.home-motion-preview *:before,.home-motion-preview *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.home-motion-preview .btn:hover{transform:none}}
/* Keep inherited decorative dots below five seconds including stagger. */
.home-motion-preview .dots-row .d.on{animation-duration:2s}
@media(min-width:761px) and (max-width:900px){.home-motion-preview .hero-grid{grid-template-columns:minmax(0,1fr)}.home-motion-preview .hero h1{max-width:15ch}.home-motion-preview .visual{max-width:520px;width:100%;margin-inline:auto}}
