.product-motion{--motion-cycle:18s;isolation:isolate;width:calc(100% + 46px);min-width:0;margin:-18px -23px -8px;position:relative}.product-motion-art{width:100%;height:auto;font-family:var(--font-inter), Arial, sans-serif;-webkit-user-select:none;user-select:none;pointer-events:none;display:block;overflow:visible}.product-motion-caption{color:#b0b8c8;letter-spacing:.01em;border-top:1px solid #ffffff1e;justify-content:space-between;align-items:center;gap:18px;margin:2px 23px 0;padding-top:18px;font-size:10px;display:flex}.motion-sequence{color:#68748b;align-items:center;gap:10px;font-size:9px;display:flex}.motion-sequence i{color:#5b6579;font-size:10px;font-style:normal}.product-motion .mg-flow{stroke-dasharray:.13 .87;stroke-dashoffset:1px;opacity:0}.product-motion .mg-flow-request{animation:mg-request var(--motion-cycle) linear infinite both}.product-motion .mg-flow-process{animation:mg-process var(--motion-cycle) linear infinite both}.product-motion .mg-flow-response{animation:mg-response var(--motion-cycle) linear infinite both}.product-motion .mg-computer{animation:mg-computer-float var(--motion-cycle) ease-in-out infinite both}.product-motion .mg-phone{animation:mg-phone-float var(--motion-cycle) ease-in-out infinite both}.product-motion .mg-api-card{animation:mg-api-focus var(--motion-cycle) ease-in-out infinite both}.product-motion .mg-servers{animation:mg-server-focus var(--motion-cycle) ease-in-out infinite both}.product-motion .mg-phone-progress{transform-box:fill-box;transform-origin:0;animation:mg-mobile-progress var(--motion-cycle) ease-in-out infinite both}.product-motion .mg-send-button{transform-box:fill-box;transform-origin:50%;animation:mg-button-press var(--motion-cycle) ease-out infinite both}.product-motion .mg-touch{transform-box:fill-box;transform-origin:50%;animation:mg-touch var(--motion-cycle) ease-in-out infinite both}.product-motion .mg-tap-ring{transform-box:fill-box;transform-origin:50%;animation:mg-tap var(--motion-cycle) ease-out infinite both}.product-motion .mg-send-label{animation:mg-send-label var(--motion-cycle) linear infinite both}.product-motion .mg-sent-label,.product-motion .mg-mobile-done{animation:mg-sent-label var(--motion-cycle) linear infinite both}.product-motion .mg-api-waiting{animation:mg-api-waiting var(--motion-cycle) linear infinite both}.product-motion .mg-api-working{animation:mg-api-working var(--motion-cycle) linear infinite both}.product-motion .mg-api-progress{stroke-dasharray:1;stroke-dashoffset:1px;animation:mg-api-progress var(--motion-cycle) ease-in-out infinite both}.product-motion .mg-server-load{animation:mg-server-load var(--motion-cycle) ease-in-out infinite both}.product-motion .mg-server-load-1{animation-delay:.25s}.product-motion .mg-server-load-2{animation-delay:.5s}.product-motion .mg-server-led{animation:mg-server-led var(--motion-cycle) linear infinite both}.product-motion .mg-server-led-1{animation-delay:.2s}.product-motion .mg-server-led-2{animation-delay:.4s}.product-motion .mg-server-receipt{animation:mg-server-receipt var(--motion-cycle) ease-out infinite both}.product-motion .mg-chart-line{stroke-dasharray:1;animation:mg-chart-line var(--motion-cycle) cubic-bezier(.3, 0, .2, 1) infinite both}.product-motion .mg-chart-area{animation:mg-chart-area var(--motion-cycle) ease-in-out infinite both}.product-motion .mg-chart-end{animation:mg-chart-end var(--motion-cycle) ease-out infinite both}.product-motion .mg-chart-scan{animation:mg-chart-scan var(--motion-cycle) linear infinite both}.product-motion .mg-small-ring{stroke-dasharray:1;animation:mg-small-ring var(--motion-cycle) ease-in-out infinite both}.product-motion .mg-metric-old{animation:mg-metric-old var(--motion-cycle) cubic-bezier(.2, .7, .2, 1) infinite both}.product-motion .mg-metric-new{animation:mg-metric-new var(--motion-cycle) cubic-bezier(.2, .7, .2, 1) infinite both}.product-motion .mg-activity-update{animation:mg-activity-update var(--motion-cycle) ease-out infinite both}.product-motion .mg-phone-toast{animation:mg-phone-toast var(--motion-cycle) cubic-bezier(.2, .7, .2, 1) infinite both}.product-motion .mg-sync-card{animation:mg-sync-card var(--motion-cycle) ease-out infinite both}.product-motion .mg-desktop-cursor{animation:mg-desktop-cursor var(--motion-cycle) cubic-bezier(.4, 0, .2, 1) infinite both;translate:0}.product-motion .mg-step-mobile{animation:mg-step-mobile var(--motion-cycle) linear infinite both}.product-motion .mg-step-cloud{animation:mg-step-cloud var(--motion-cycle) linear infinite both}.product-motion .mg-step-desktop{animation:mg-step-desktop var(--motion-cycle) linear infinite both}@keyframes mg-computer-float{0%,to{translate:0}45%,65%{translate:0 -5px}}@keyframes mg-phone-float{0%,to{translate:0}20%,40%{translate:0 -4px}75%{translate:0 3px}}@keyframes mg-api-focus{0%,22%,62%,to{translate:0}35%,50%{translate:0 -4px}}@keyframes mg-server-focus{0%,35%,72%,to{translate:0}48%,60%{translate:0 -3px}}@keyframes mg-request{0%,16%{stroke-dashoffset:1px;opacity:0}17%{opacity:1}32%{stroke-dashoffset:0;opacity:1}34%,to{stroke-dashoffset:0;opacity:0}}@keyframes mg-process{0%,33%{stroke-dashoffset:1px;opacity:0}34%{opacity:1}44%{stroke-dashoffset:0;opacity:1}46%,to{stroke-dashoffset:0;opacity:0}}@keyframes mg-response{0%,53%{stroke-dashoffset:1px;opacity:0}54%{opacity:1}65%{stroke-dashoffset:0;opacity:1}67%,to{stroke-dashoffset:0;opacity:0}}@keyframes mg-mobile-progress{0%,66%,to{transform:scaleX(.65)}77%,92%{transform:scaleX(.94)}}@keyframes mg-button-press{0%,13.5%,16%,to{transform:scale(1)}14.5%{transform:scale(.96)}}@keyframes mg-touch{0%,6%{opacity:0;transform:translate(15px,30px)scale(.9)}10%,13.5%{opacity:1;transform:translate(0)scale(1)}14.5%{opacity:1;transform:translate(0)scale(.78)}16%{opacity:1;transform:translate(0)scale(1)}21%,to{opacity:0;transform:translate(0)scale(1)}}@keyframes mg-tap{0%,14%{opacity:0;transform:scale(.4)}14.5%{opacity:.9;transform:scale(.4)}20%{opacity:0;transform:scale(3.8)}to{opacity:0;transform:scale(3.8)}}@keyframes mg-send-label{0%,72%,97%,to{opacity:1}74%,94%{opacity:0}}@keyframes mg-sent-label{0%,72%,97%,to{opacity:0}74%,94%{opacity:1}}@keyframes mg-api-waiting{0%,28%,63%,to{opacity:1}30%,61%{opacity:0}}@keyframes mg-api-working{0%,28%,63%,to{opacity:0}30%,61%{opacity:1}}@keyframes mg-api-progress{0%,29%{stroke-dashoffset:1px;opacity:0}30%{opacity:1;stroke-dashoffset:1px}60%{opacity:1;stroke-dashoffset:0}65%,to{opacity:0;stroke-dashoffset:0}}@keyframes mg-server-load{0%,38%,64%,to{opacity:.35}41%,45%,49%,53%,57%{opacity:1}43%,47%,51%,55%{opacity:.5}60%{opacity:.9}}@keyframes mg-server-led{0%,38%,65%,to{opacity:.4}40%,44%,48%,52%,56%,60%{opacity:1}42%,46%,50%,54%,58%{opacity:.45}}@keyframes mg-server-receipt{0%,58%,95%,to{opacity:0;translate:0 6px}63%,91%{opacity:1;translate:0}}@keyframes mg-chart-line{0%,61%,to{stroke-dashoffset:.42px}78%,92%{stroke-dashoffset:0}}@keyframes mg-chart-area{0%,61%,to{opacity:.35}78%,92%{opacity:1}}@keyframes mg-chart-end{0%,73%,98%,to{opacity:0}78%,93%{opacity:1}}@keyframes mg-chart-scan{0%,65%{opacity:0;translate:0}66%{opacity:1;translate:0}80%{opacity:1;translate:232px}85%,to{opacity:0;translate:232px}}@keyframes mg-small-ring{0%,61%,to{stroke-dashoffset:.45px}78%,92%{stroke-dashoffset:.12px}}@keyframes mg-metric-old{0%,64%,to{opacity:1;transform:translateY(0)}70%,94%{opacity:0;transform:translateY(-27px)}}@keyframes mg-metric-new{0%,64%,to{opacity:0;transform:translateY(27px)}70%,94%{opacity:1;transform:translateY(0)}}@keyframes mg-activity-update{0%,67%,98%,to{opacity:0;translate:0 9px}72%,92%{opacity:1;translate:0}}@keyframes mg-phone-toast{0%,76%,97%,to{opacity:0;translate:0 -25px}81%,92%{opacity:1;translate:0}}@keyframes mg-sync-card{0%,78%,98%,to{opacity:0;translate:0 8px}83%,93%{opacity:1;translate:0}}@keyframes mg-desktop-cursor{0%,61%{opacity:0;translate:20px 55px}66%{opacity:1;translate:20px 55px}74%,82%{opacity:1;translate:-28px 3px}88%,to{opacity:0;translate:-28px 3px}}@keyframes mg-step-mobile{0%,27%,to{color:#dcebbd}32%,95%{color:#68748b}}@keyframes mg-step-cloud{0%,27%,62%,to{color:#68748b}32%,58%{color:#dcebbd}}@keyframes mg-step-desktop{0%,62%,98%,to{color:#68748b}68%,93%{color:#dcebbd}}.product-motion[data-running=false] *{animation-play-state:paused!important}@media (min-width:1500px){.product-motion{width:calc(100% + 65px);margin-inline:-25px -40px}}@media (max-width:1100px){.product-motion{width:calc(100% + 44px);margin-inline:-18px -26px}.product-motion-caption{margin-inline:22px 24px;font-size:9px}.motion-sequence{gap:6px;font-size:8px}}@media (max-width:850px) and (min-width:761px){.product-motion{width:calc(100% + 35px);margin-inline:-12px -23px}.product-motion-caption{flex-direction:column;align-items:flex-start;gap:9px;font-size:9px}}@media (max-width:760px){.product-motion{justify-self:center;width:calc(100% + 24px);max-width:640px;margin:0 -12px}.product-motion-caption{margin:9px 18px 0;padding-top:16px;font-size:10px}.motion-sequence{gap:8px;font-size:9px}}@media (max-width:390px){.product-motion-caption{gap:10px;margin-inline:16px;font-size:8px}.motion-sequence{gap:5px;font-size:8px}}@media (prefers-reduced-motion:reduce){html .product-motion *{animation-duration:var(--motion-cycle)!important;animation-iteration-count:infinite!important;animation-play-state:paused!important}}
.software-illustration{contain:layout style;width:100%;height:100%;margin:0;position:relative}.software-illustration>svg{width:100%;height:100%;font-family:var(--font-inter), Arial, sans-serif;display:block;overflow:visible}.software-illustration [class^=si-],.software-illustration [class*=\ si-]{animation-duration:14s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite}.software-illustration .si-float-main{animation-name:si-float;animation-duration:8s}.software-illustration .si-float-secondary{animation-name:si-float;animation-duration:9s;animation-delay:-3s}.software-illustration .si-success{animation-name:si-notification}.illustration-desktop .si-success,.illustration-api .si-success{animation-name:si-late-notification}.software-illustration .si-page-load{stroke-dasharray:1;animation-name:si-draw}.software-illustration .si-web-scroll{animation-name:si-web-scroll}.software-illustration .si-web-cursor{animation-name:si-web-cursor}.software-illustration .si-web-button{transform-box:fill-box;transform-origin:50%;animation-name:si-button}.software-illustration .si-progress-ring{stroke-dasharray:1;animation-name:si-ring}.software-illustration .si-mobile-bar,.software-illustration .si-server-load{transform-box:fill-box;transform-origin:bottom;animation-name:si-bar}.software-illustration .si-bar-1{animation-delay:.1s}.software-illustration .si-bar-2{animation-delay:.2s}.software-illustration .si-bar-3{animation-delay:.3s}.software-illustration .si-bar-4{animation-delay:.4s}.software-illustration .si-bar-5{animation-delay:.5s}.software-illustration .si-bar-6{animation-delay:.6s}.software-illustration .si-progress-fill{transform-box:fill-box;transform-origin:0;animation-name:si-fill}.software-illustration .si-complete-check{animation-name:si-check}.software-illustration .si-tap{transform-box:fill-box;transform-origin:50%;animation-name:si-tap}.software-illustration .si-data-flow{stroke-dasharray:.08 .92;animation-name:si-packet;animation-duration:5s;animation-timing-function:linear}.software-illustration .si-flow-second{animation-delay:-2s}.software-illustration .si-canvas-art{transform-origin:263px 145px;animation-name:si-canvas}.software-illustration .si-selection{animation-name:si-select}.software-illustration .si-design-cursor{animation-name:si-design-cursor}.software-illustration .si-export-button{animation-name:si-export}.software-illustration .si-playhead{animation-name:si-playhead}.software-illustration .si-api-packet{stroke-dasharray:.08 .92;animation-name:si-api-packet;animation-timing-function:linear}.software-illustration .si-packet-1{animation-delay:.5s}.software-illustration .si-packet-2{animation-delay:3s}.software-illustration .si-packet-3{animation-delay:3.5s}.software-illustration .si-api-node{transform-box:fill-box;transform-origin:50%;animation-name:si-node}.software-illustration .si-node-1{animation-delay:.5s}.software-illustration .si-node-2{animation-delay:3s}.software-illustration .si-node-3{animation-delay:3.5s}.software-illustration .si-status-light,.software-illustration .si-server-light{animation-name:si-light;animation-duration:3.5s}.software-illustration .si-light-1{animation-delay:-.8s}.software-illustration .si-light-2{animation-delay:-1.6s}.software-illustration .si-light-3{animation-delay:-2.4s}.software-illustration .si-server-load{transform-origin:0;animation-name:si-load;animation-duration:6s}.software-illustration .si-load-1{animation-delay:-1s}.software-illustration .si-load-2{animation-delay:-2s}.software-illustration .si-load-3{animation-delay:-3s}.software-illustration .si-system-chart{stroke-dasharray:1;animation-name:si-draw}.software-illustration .si-board-card{animation-name:si-board-card}.software-illustration .si-team-cursor{animation-name:si-team-cursor}.software-illustration .si-client-cursor{animation-name:si-client-cursor}.software-illustration .si-collab-reply{animation-name:si-reply}@keyframes si-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes si-notification{0%,36%,94%,to{opacity:0;transform:translateY(12px)}45%,85%{opacity:1;transform:translateY(0)}}@keyframes si-draw{0%,8%{stroke-dashoffset:1px}42%,85%{stroke-dashoffset:0}98%,to{stroke-dashoffset:1px}}@keyframes si-late-notification{0%,64%,97%,to{opacity:0;transform:translateY(12px)}72%,88%{opacity:1;transform:translateY(0)}}@keyframes si-web-scroll{0%,45%,to{transform:translateY(0)}62%,85%{transform:translateY(-32px)}}@keyframes si-web-cursor{0%,6%,93%,to{opacity:0;transform:translate(0)}14%{opacity:1;transform:translate(0)}28%,40%{opacity:1;transform:translate(-169px,-39px)}62%,82%{opacity:1;transform:translate(-112px,-4px)}}@keyframes si-button{0%,29%,37%,to{transform:scale(1)}33%{transform:scale(.96)}}@keyframes si-ring{0%,13%,to{stroke-dashoffset:.75px}38%,84%{stroke-dashoffset:.25px}}@keyframes si-bar{0%,12%,to{transform:scaleY(.4)}42%,84%{transform:scaleY(1)}}@keyframes si-fill{0%,15%,to{transform:scaleX(.25)}50%,85%{transform:scaleX(.85)}}@keyframes si-check{0%,24%,97%,to{opacity:0}30%,88%{opacity:1}}@keyframes si-tap{0%,19%,35%,to{opacity:0;transform:scale(.6)}24%{opacity:.8;transform:scale(.6)}33%{opacity:0;transform:scale(1.8)}}@keyframes si-packet{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes si-canvas{0%,18%,96%,to{transform:rotate(-2deg)scale(.96)}35%,84%{transform:rotate(0)scale(1)}}@keyframes si-select{0%,12%,63%,to{opacity:0}19%,54%{opacity:1}}@keyframes si-design-cursor{0%,93%,to{opacity:0;transform:translate(0)}14%,20%{opacity:1;transform:translate(0)}35%{opacity:1;transform:translate(-12px,-17px)}51%,64%{opacity:1;transform:translate(104px,68px)}79%{opacity:0;transform:translate(123px,85px)}}@keyframes si-export{0%,53%,69%,to{opacity:1}59%{opacity:.65}}@keyframes si-playhead{0%,7%,to{transform:translate(0)}70%,90%{transform:translate(224px)}}@keyframes si-api-packet{0%,10%{opacity:0;stroke-dashoffset:1px}13%{opacity:1;stroke-dashoffset:1px}37%{opacity:1;stroke-dashoffset:0}40%,to{opacity:0;stroke-dashoffset:0}}@keyframes si-node{0%,8%,34%,to{transform:scale(1)}17%,23%{transform:scale(1.03)}}@keyframes si-light{0%,to{opacity:1}50%{opacity:.35}}@keyframes si-load{0%,to{transform:scaleX(.35)}35%{transform:scaleX(.8)}70%{transform:scaleX(.55)}}@keyframes si-board-card{0%,22%,to{transform:translate(0)}30%{transform:translate(5px,-6px)}47%{transform:translate(176px,-6px)}51%,85%{transform:translate(176px)}}@keyframes si-team-cursor{0%,7%,94%,to{opacity:0;transform:translate(0)}17%,22%{opacity:1;transform:translate(3px,-2px)}30%{opacity:1;transform:translate(8px,-8px)}47%,51%{opacity:1;transform:translate(179px,-8px)}73%,83%{opacity:1;transform:translate(203px,47px)}}@keyframes si-client-cursor{0%,5%,93%,to{opacity:0;transform:translate(0)}15%,25%{opacity:1;transform:translate(-20px,29px)}55%,83%{opacity:1;transform:translate(235px,18px)}}@keyframes si-reply{0%,18%,to{opacity:.35;transform:translateY(7px)}28%,88%{opacity:1;transform:translateY(0)}}.software-illustration[data-running=false] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){html .software-illustration *{animation-duration:14s!important;animation-iteration-count:infinite!important;animation-play-state:paused!important}}