.product-motion-stage .product-tour-controls{justify-content:center;align-items:flex-start;gap:15px;display:flex;position:relative}.product-motion-stage .product-tour-toggle{color:#284563;background:#ffffff59;border-radius:20px;gap:5px;height:29px;padding-inline:9px;font-size:10px;font-weight:500;position:absolute;top:7px;right:0}.product-motion-stage .product-tabs [data-slot=toggle-group-item]{color:#0b1c30;transition:transform .3s cubic-bezier(.2,1.5,.5,1),opacity .25s;position:relative;overflow:hidden}.product-motion-stage .product-tabs [data-slot=toggle-group-item]:hover{transform:translateY(-4px)rotate(-3deg)}.product-motion-stage .product-tabs [data-slot=toggle-group-item]:active{transform:translateY(1px)scale(.94)}.product-motion-stage .product-tabs .product-tab-reception{--product-tab-color:#69b0ff;background:#69b0ff}.product-motion-stage .product-tabs .product-tab-websites{--product-tab-color:#ddf199;background:#ddf199}.product-motion-stage .product-tabs .product-tab-crm{--product-tab-color:#b79ffc;background:#b79ffc}.product-motion-stage .product-tabs .product-tab-automation{--product-tab-color:#59d9d2;background:#59d9d2}.product-motion-stage .product-tabs [data-slot=toggle-group-item][data-state=on]{background:var(--product-tab-color);color:#0b1c30;border-color:#fff;transform:translateY(-2px);box-shadow:0 0 0 2px #ffffff80}.product-tour-progress{border-radius:2px;height:2px;position:absolute;inset:auto 8px 4px;overflow:hidden}.product-tour-progress i{transform-origin:0;background:#0b1c30;height:100%;display:block;transform:scaleX(0)}.product-motion-stage[data-auto-playing=true] [data-state=on] .product-tour-progress i{animation:9.5s linear both product-tour-progress}.product-motion-stage[data-demo-motion=running] .product-copy{animation:.75s cubic-bezier(.16,1,.3,1) both product-copy-arrive}.product-motion-stage[data-demo-motion=running] .product-visual{animation:.85s cubic-bezier(.16,1,.3,1) 90ms both product-preview-arrive}.demo-motion-surface[data-demo-motion=paused] *,.demo-motion-surface[data-demo-motion=paused] :before,.demo-motion-surface[data-demo-motion=paused] :after{animation-play-state:paused!important}.demo-motion-surface button{transition:transform .25s cubic-bezier(.2,1.5,.5,1),opacity .2s}.demo-motion-surface button:hover{transform:translateY(-2px)}.demo-motion-surface button:active{transform:scale(.97)}.demo-conversation{min-height:125px;position:relative}.demo-typing{align-items:center;gap:4px;display:none;position:absolute;top:82px;left:13px}.demo-typing i{background:#6493b4;border-radius:50%;width:4px;height:4px;display:block}.demo-result.floating-result{animation:none}.demo-motion-surface[data-demo-motion=running] .voice-orb{animation:4s ease-in-out infinite demo-orb-breathe}.demo-motion-surface[data-demo-motion=running] .voice-orb svg{animation:4s ease-in-out infinite demo-phone-ring}.demo-motion-surface[data-demo-motion=running] .status-dot{animation:2.6s ease-in-out infinite demo-status-pulse}.demo-motion-surface[data-demo-motion=running] .demo-customer-message{animation:.65s cubic-bezier(.16,1,.3,1) .15s both demo-message-arrive}.demo-motion-surface[data-demo-motion=running] .demo-conversation .reception-reply{animation:.65s cubic-bezier(.16,1,.3,1) 1.25s both demo-message-arrive}.demo-motion-surface[data-demo-motion=running] .demo-typing{animation:1.3s linear both demo-typing-window;display:flex}.demo-motion-surface[data-demo-motion=running] .demo-typing i{animation:.65s ease-in-out infinite demo-typing-dot}.demo-motion-surface[data-demo-motion=running] .demo-typing i:nth-child(2){animation-delay:.13s}.demo-motion-surface[data-demo-motion=running] .demo-typing i:nth-child(3){animation-delay:.26s}.demo-motion-surface[data-demo-motion=running] .demo-result{animation:.75s cubic-bezier(.2,1.4,.5,1) 2.35s both demo-notice-arrive,5s ease-in-out 3.1s infinite demo-notice-float}.demo-motion-surface[data-demo-motion=running] .demo-result .result-check{animation:.7s cubic-bezier(.2,1.5,.5,1) 2.5s both demo-check-pop}.mini-website.demo-motion-surface .mini-site-body{position:relative}.website-demo-content{min-height:76px}.mini-website.demo-motion-surface .mini-site-tiles>div{color:#315b78;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.mini-website.demo-motion-surface .mini-site-tiles>div>span{opacity:.3;background:currentColor;border-radius:2px;width:34%;height:2px}.website-demo-pointer{color:#0b1c30;pointer-events:none;display:none;position:absolute;bottom:106px;right:41px}.mini-website[data-demo-motion=running][data-journey=preview] .website-demo-pointer{animation:2.7s cubic-bezier(.4,0,.2,1) .6s both demo-cursor-journey;display:block}.mini-website[data-demo-motion=running] .mini-site-tiles>div{animation:.75s cubic-bezier(.2,1.4,.5,1) .25s both demo-tile-arrive}.mini-website[data-demo-motion=running] .mini-site-tiles>div:nth-child(2){animation-delay:.4s}.mini-website[data-demo-motion=running] .mini-site-tiles>div:nth-child(3){animation-delay:.55s}.mini-website[data-demo-motion=running] .website-journey p{animation:.65s cubic-bezier(.16,1,.3,1) .1s both demo-message-arrive}.mini-website[data-demo-motion=running] .website-journey p:nth-child(2){animation-delay:.65s}.mini-website[data-demo-motion=running] .website-journey p:nth-child(3){animation-delay:1.2s}.crm-activity{justify-content:space-between;align-items:center;gap:7px;min-height:38px;margin-top:8px;display:flex}.crm-activity-copy{min-width:0;display:grid}.crm-activity-copy>span{white-space:nowrap;color:#49788e;opacity:0;grid-area:1/1;align-items:center;gap:5px;font-size:8px;display:flex}.crm-activity-copy>span:first-child{opacity:1}.crm-activity-bars{flex-shrink:0;align-items:flex-end;gap:3px;height:35px;display:flex}.crm-activity-bars i{transform-origin:bottom;background:#8fc3eb;border-radius:2px;width:4px}.mini-crm[data-demo-motion=running] .crm-counts strong{animation:.8s cubic-bezier(.16,1,.3,1) .2s both demo-check-pop;display:inline-block}.mini-crm[data-demo-motion=running] .crm-counts>div:nth-child(2) strong{animation-delay:.4s}.mini-crm[data-demo-motion=running] .crm-counts>div:nth-child(3) strong{animation-delay:.6s}.mini-crm[data-demo-motion=running] .crm-activity-copy>span{animation:9s ease-in-out infinite both demo-crm-activity}.mini-crm[data-demo-motion=running] .crm-activity-copy>span:nth-child(2){animation-delay:3s}.mini-crm[data-demo-motion=running] .crm-activity-copy>span:nth-child(3){animation-delay:6s}.mini-crm[data-demo-motion=running] .crm-activity-bars i{animation:2.4s ease-in-out infinite demo-activity-bar}.mini-crm.demo-motion-surface .crm-row{position:relative}.mini-crm.demo-motion-surface .crm-row:before{content:"";opacity:0;background:#bde1f5;border-radius:6px;position:absolute;inset:2px -7px;transform:scaleX(.95)}.mini-crm[data-demo-motion=running] .crm-row:before{animation:8s ease-in-out 1.2s infinite demo-crm-highlight}.mini-crm[data-demo-motion=running] .crm-row:nth-last-child(2):before{animation-delay:3.5s}.mini-crm[data-demo-motion=running] .crm-row:last-child:before{animation-delay:5.8s}.mini-crm[data-demo-motion=running] .crm-row>.initials{animation:8s ease-in-out 1.2s infinite demo-initials-nudge}.mini-crm[data-demo-motion=running] .crm-row:nth-last-child(2)>.initials{animation-delay:3.5s}.mini-crm[data-demo-motion=running] .crm-row:last-child>.initials{animation-delay:5.8s}.mini-automation[data-demo-motion=running] .automation-chain>div{animation:.75s cubic-bezier(.16,1,.3,1) .2s both demo-message-arrive}.mini-automation[data-demo-motion=running] .automation-chain>div:nth-of-type(2){animation-delay:.8s}.mini-automation[data-demo-motion=running] .automation-chain>div:nth-of-type(3){animation-delay:1.4s}.mini-automation.demo-motion-surface .automation-chain>i{position:relative}.mini-automation.demo-motion-surface .automation-chain>i:after{content:"";opacity:0;background:#3784bf;border-radius:3px;width:3px;height:7px;position:absolute;top:0;left:-2px}.mini-automation[data-demo-motion=running] .automation-chain>i:after{animation:3.4s ease-in-out .75s infinite demo-flow-signal}.mini-automation[data-demo-motion=running] .automation-chain>i:nth-of-type(2):after{animation-delay:1.3s}.mini-automation.demo-motion-surface .review-dot{color:#326c95;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mini-automation[data-demo-motion=running][data-approved=false] .review-dot{animation:3s ease-in-out infinite demo-orb-breathe}.mini-automation[data-approved=true] .review-dot{background:#ddf199;border-color:#afcc77}.mini-automation[data-approved=true] .review-dot:after{display:none}.mini-automation[data-demo-motion=running][data-approved=true] .review-dot svg{animation:.65s cubic-bezier(.2,1.5,.5,1) both demo-check-pop}@keyframes product-tour-progress{to{transform:scaleX(1)}}@keyframes product-copy-arrive{0%{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}@keyframes product-preview-arrive{0%{opacity:0;transform:translateY(26px)scale(.97)rotate(1deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes demo-message-arrive{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes demo-notice-arrive{0%{opacity:0;transform:translateY(18px)scale(.88)rotate(2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes demo-notice-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes demo-check-pop{0%{opacity:0;transform:scale(.6)translateY(5px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes demo-orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}@keyframes demo-phone-ring{0%,15%,to{transform:rotate(0)}4%,10%{transform:rotate(-12deg)}7%,13%{transform:rotate(10deg)}}@keyframes demo-status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes demo-typing-window{0%,15%{opacity:0}25%,85%{opacity:1}to{opacity:0}}@keyframes demo-typing-dot{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes demo-tile-arrive{0%{opacity:0;transform:translateY(15px)rotate(-4deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes demo-cursor-journey{0%{opacity:0;transform:translate(26px,-43px)scale(1)}12%{opacity:1;transform:translate(26px,-43px)scale(1)}62%,73%{opacity:1;transform:translate(-3px)scale(1)}78%{opacity:1;transform:translate(-3px)scale(.8)}86%{opacity:1;transform:translate(-3px)scale(1)}to{opacity:0;transform:translate(-3px)scale(1)}}@keyframes demo-crm-activity{0%{opacity:0;transform:translateY(5px)}4%,28%{opacity:1;transform:translateY(0)}33%,to{opacity:0;transform:translateY(-5px)}}@keyframes demo-activity-bar{0%,to{transform:scaleY(.72)}50%{transform:scaleY(1)}}@keyframes demo-crm-highlight{0%,32%,to{opacity:0;transform:scaleX(.95)}7%,22%{opacity:.24;transform:scaleX(1)}}@keyframes demo-initials-nudge{0%,32%,to{transform:translate(0)}7%,22%{transform:translate(3px)}}@keyframes demo-flow-signal{0%,5%{opacity:0;transform:translateY(0)scaleY(.4)}16%{opacity:1;transform:translateY(6px)scaleY(1)}35%{opacity:0;transform:translateY(18px)scaleY(.4)}to{opacity:0;transform:translateY(18px)scaleY(.4)}}@media (max-width:599px){.product-motion-stage .product-tour-controls{align-items:center;gap:11px}.product-motion-stage .product-tabs{margin-inline:0;margin-bottom:23px}.product-motion-stage .product-tour-toggle{flex-shrink:0;margin-bottom:23px;padding-inline:5px;font-size:8px;position:static}.crm-activity-bars{gap:2px}.crm-activity-bars i{width:3px}}@media (prefers-reduced-motion:reduce){.product-motion-stage *,.demo-motion-surface *,.demo-motion-surface :before,.demo-motion-surface :after{transition:none!important;animation:none!important}.product-motion-stage .product-copy,.product-motion-stage .product-visual,.demo-motion-surface .demo-customer-message,.demo-motion-surface .reception-reply,.demo-motion-surface .demo-result,.demo-motion-surface .website-journey p,.demo-motion-surface .automation-chain>div{opacity:1;transform:none}.demo-typing,.website-demo-pointer,.product-tour-progress,.product-motion-stage .product-tour-toggle{display:none!important}}
