/* MITIN DEV premium motion layer: decorative only; layout and controls stay native HTML. */
.mitin-motion{pointer-events:none;contain:layout paint;isolation:isolate}
.mitin-motion canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .35s ease}
.mitin-motion.rive-ready canvas{opacity:1}.mitin-motion.rive-ready .mitin-motion-fallback{opacity:0}
.mitin-motion-hero{position:absolute;right:18px;top:48px;width:112px;aspect-ratio:1;height:auto;z-index:0}
.mitin-motion-hero:before,.mitin-motion-hero:after{content:"";position:absolute;inset:4px;border-radius:50%;background:conic-gradient(from 40deg,transparent 0 16%,rgba(185,255,103,.22) 20%,transparent 25% 55%,rgba(181,141,60,.22) 61%,transparent 67%);filter:blur(.2px);animation:mitinOrbSpin 18s linear infinite}
.mitin-motion-hero:after{inset:20px;opacity:.55;animation-duration:13s;animation-direction:reverse}
.mitin-motion-hero .mitin-motion-fallback{position:absolute;inset:11px;border:1px solid rgba(185,255,103,.3);border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.72) 0 5%,rgba(185,255,103,.2) 16%,rgba(181,141,60,.17) 38%,rgba(18,21,27,.2) 61%,rgba(18,21,27,0) 73%);box-shadow:0 0 38px rgba(185,255,103,.13),inset 0 0 26px rgba(255,255,255,.08);animation:mitinOrbFloat 6.5s ease-in-out infinite,mitinOrbBreathe 4.8s ease-in-out infinite;transition:opacity .25s ease}
.mitin-motion-hero .mitin-motion-fallback:before,.mitin-motion-hero .mitin-motion-fallback:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.15);border-left-color:rgba(185,255,103,.42);border-radius:50%;inset:-9px;animation:mitinOrbSpin 14s linear infinite}
.mitin-motion-hero .mitin-motion-fallback:after{inset:15px;border-color:rgba(185,255,103,.2);border-right-color:rgba(255,255,255,.38);animation-duration:9s;animation-direction:reverse}
.mitin-motion-hero .mitin-motion-fallback i{position:absolute;width:7px;height:7px;border-radius:50%;background:#b9ff67;right:5px;top:17px;box-shadow:0 0 13px #b9ff67}
.mitin-motion-chat{position:relative;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);overflow:hidden}
.web-chat-heading{display:flex;align-items:center;gap:11px;min-width:0}
.mitin-motion-chat .mitin-motion-fallback{position:absolute;inset:9px;border-radius:50%;background:#b9ff67;box-shadow:0 0 0 5px rgba(185,255,103,.08),0 0 15px rgba(185,255,103,.2);transition:background .2s ease,transform .2s ease}
.mitin-motion-chat[data-motion-state="thinking"] .mitin-motion-fallback{animation:mitinThinking 1s ease-in-out infinite}
.mitin-motion-chat[data-motion-state="success"] .mitin-motion-fallback{background:#fff;transform:scale(.78);box-shadow:0 0 0 7px rgba(185,255,103,.28),0 0 18px rgba(185,255,103,.38)}
.hub-sales-primary,.hub-sales-secondary,.mitin-contact-actions a,.premium-demo{position:relative;isolation:isolate}
.hub-sales-primary:after,.mitin-contact-actions .primary:after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 0 rgba(181,141,60,0);transition:box-shadow .28s ease}
.hub-sales-primary:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.14) 47%,transparent 64%);background-size:230% 100%;background-position:130% 0;transition:background-position .65s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.premium-demo:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 48%,transparent 61%);transform:translateX(-120%);transition:transform .75s cubic-bezier(.2,.7,.2,1);pointer-events:none}
@media(hover:hover) and (pointer:fine){.hub-sales-primary:hover:after,.mitin-contact-actions .primary:hover:after{box-shadow:0 0 0 4px rgba(181,141,60,.09),0 10px 28px rgba(17,20,27,.12)}.hub-sales-primary:hover:before{background-position:-35% 0}.premium-demo:hover:after{transform:translateX(120%)}.premium-demo:hover{border-color:rgba(181,141,60,.28)}}
@keyframes mitinOrbFloat{0%,100%{transform:translateY(0) scale(.98)}50%{transform:translateY(-5px) scale(1.02)}}
@keyframes mitinOrbSpin{to{transform:rotate(360deg)}}
@keyframes mitinOrbBreathe{0%,100%{filter:saturate(.9);opacity:.82}50%{filter:saturate(1.08);opacity:1}}
@keyframes mitinThinking{0%,100%{transform:scale(.72);opacity:.65}50%{transform:scale(1);opacity:1}}
@media(max-width:680px){.mitin-motion-hero{width:68px;right:12px;top:54px;opacity:.5;filter:saturate(.72)}.mitin-motion-hero:before,.mitin-motion-hero:after{animation-duration:24s}.mitin-motion-hero .mitin-motion-fallback{box-shadow:0 0 18px rgba(185,255,103,.06),inset 0 0 14px rgba(255,255,255,.05);animation-duration:8s,7s}.mitin-motion-chat{flex-basis:30px;width:30px;height:30px}.mitin-motion-chat .mitin-motion-fallback{inset:8px}.web-chat-heading{gap:9px}.premium-demo:after,.hub-sales-primary:before{display:none}.web-chat-panel{height:min(590px,calc(100dvh - 20px))}}
@media(max-width:479px){.mitin-motion-hero{display:none!important}}
@media(max-height:500px) and (pointer:coarse){.mitin-motion-hero{display:none!important}.mitin-motion-chat{flex-basis:28px;width:28px;height:28px}}
.mitin-motion-static .mitin-motion canvas{display:none!important}.mitin-motion-static .mitin-motion:before,.mitin-motion-static .mitin-motion:after,.mitin-motion-static .mitin-motion-fallback,.mitin-motion-static .mitin-motion-fallback:before,.mitin-motion-static .mitin-motion-fallback:after,.mitin-motion-static .premium-demo:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.mitin-motion canvas{display:none!important}.mitin-motion:before,.mitin-motion:after,.mitin-motion-fallback,.mitin-motion-fallback:before,.mitin-motion-fallback:after,.premium-demo:after,.hub-sales-primary:before{animation:none!important;transition:none!important}.hub-sales-primary,.hub-sales-secondary,.premium-demo{transition:none!important}}