.mk{--mk-demo-loop:14s;--mk-reveal-y:12px}.mk-a-fillx{transform-box:fill-box;transform-origin:0}.mk-a-bar{transform-box:fill-box;transform-origin:50% 100%}.mk-a-pop,.mk-a-dot{transform-box:fill-box;transform-origin:50%}.mk-a-swap-from{opacity:0}@property --n{syntax:"<integer>";inherits:false;initial-value:0}.mk-pause{z-index:6;border:1px solid var(--mk-line);min-height:2rem;color:var(--mk-ink);font:700 .75rem / 1.2 var(--font-inter), system-ui, sans-serif;cursor:pointer;box-shadow:var(--mk-sh-1);transition:border-color var(--motion-fast), color var(--motion-fast);background:#fff;border-radius:999px;padding:.25rem .75rem;position:absolute;bottom:-2.8%;left:30%}.mk-pause:hover{border-color:var(--mk-blue);color:var(--mk-blue-text)}.mk-pause:not(:focus-visible){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;box-shadow:none;border:0;padding:0;overflow:hidden}.mk-pause:focus-visible{inset:2% auto auto 2%}@media (prefers-reduced-motion:no-preference){@keyframes mk-rev{0%{opacity:0;transform:translateY(var(--mk-reveal-y))}}@keyframes mk-tab-in{0%{opacity:0;transform:translateY(4px)}}@keyframes mk-line-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes mk-fillx{0%{transform:scaleX(0)}}@keyframes mk-bar-up{0%{transform:scaleY(0)}}@keyframes mk-pop{0%{opacity:0;transform:scale(.6)}}@keyframes mk-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes mk-slide{0%{opacity:0;transform:translate(-192px)}}@keyframes mk-swap-out{0%{opacity:1}to{opacity:0}}@keyframes mk-swap-in{0%{opacity:0}to{opacity:1}}@keyframes mk-line-x{0%{transform:scaleX(0)}}@keyframes mk-line-y{0%{transform:scaleY(0)}}.mk.js-reveal .mk-reveal:not([data-in]){opacity:0;transform:translateY(var(--mk-reveal-y))}.mk[data-motion=on] .mk-reveal[data-in="1"]{animation:mk-rev var(--motion-slow) var(--ease-out) backwards;animation-delay:calc(var(--i,0) * var(--motion-stagger))}.mk[data-motion=on] .mk-bento>.mk-reveal[data-in="1"]:nth-child(2n){animation-delay:80ms}.mk[data-motion=on] .mk-steps>.mk-reveal[data-in="1"]{animation-delay:calc(var(--i,0) * .12s)}@keyframes mk-tick{0%{--n:var(--f)}14%,to{--n:var(--v)}}.mk[data-motion=on] .mk-demo .mk-n i{visibility:hidden}.mk[data-motion=on] .mk-demo .mk-n:after{content:counter(mk-n);counter-reset:mk-n var(--n);animation:mk-tick 14s var(--ease-out) calc(var(--d,.3s) - 3s) infinite;grid-area:1/1;justify-self:end}@keyframes mk-draw{0%,8%{stroke-dashoffset:1px}30%,to{stroke-dashoffset:0}}@keyframes mk-area{0%,8%{opacity:0}20%,to{opacity:1}}@keyframes mk-grow{0%{transform:scaleY(0)}12%,to{transform:none}}@keyframes mk-dot{0%,10%{opacity:0;transform:scale(.4)}16%,to{opacity:1;transform:none}}.mk[data-motion=on] .mk-demo .mk-line{stroke-dasharray:1;animation:mk-draw 14s var(--ease-out) -2.5s infinite backwards}.mk[data-motion=on] .mk-demo .mk-area{animation:mk-area 14s var(--ease-out) -2.5s infinite backwards}.mk[data-motion=on] .mk-demo .mk-bar{animation:mk-grow 14s var(--ease-out) calc(-2.6s + var(--i,0) * 90ms) infinite backwards}.mk[data-motion=on] .mk-demo .mk-pt{transform-box:fill-box;transform-origin:50%;animation:mk-dot 14s var(--ease-out) -2.5s infinite backwards}@keyframes mk-tip{0%,15%{opacity:0;transform:translate(50%, var(--y3))}18%,35%{opacity:1;transform:translate(50%, var(--y3))}39%,56%{opacity:1;transform:translate(65.56%, var(--y4))}60%,77%{opacity:1;transform:translate(81.11%, var(--y5))}81%,to{opacity:1;transform:translate(96.67%, var(--y6))}}@keyframes mk-tl{0%{opacity:0}2%,20%{opacity:1}22%,to{opacity:0}}@keyframes mk-pulse{0%{opacity:.7;transform:scale(.8)}70%,to{opacity:0;transform:scale(1.9)}}.mk[data-motion=on] .mk-demo .mk-tip-track{animation:14s ease-in-out -2.5s infinite backwards mk-tip}.mk[data-motion=on] .mk-demo .mk-tip-t{opacity:0;animation:14s linear infinite mk-tl}.mk[data-motion=on] .mk-demo .mk-tip-0{animation-delay:-.4s}.mk[data-motion=on] .mk-demo .mk-tip-1{animation-delay:-11.5s}.mk[data-motion=on] .mk-demo .mk-tip-2{animation-delay:-8.5s}.mk[data-motion=on] .mk-demo .mk-tip-3{animation-delay:-5.6s}.mk-tip-dot:after,.mk-db-bell i:after{content:"";background:inherit;opacity:0;border-radius:50%;position:absolute;inset:0}.mk[data-motion=on] .mk-demo .mk-tip-dot:after,.mk[data-motion=on] .mk-demo .mk-db-bell i:after{animation:mk-pulse 2.2s var(--ease-out) infinite}@keyframes mk-hl{0%{opacity:0}6%,30%{opacity:1}38%,to{opacity:0}}.mk[data-motion=on] .mk-demo .mk-appts li:after{animation:9s ease-in-out infinite backwards mk-hl}.mk[data-motion=on] .mk-demo .mk-appts li:nth-child(2):after{animation-delay:3s}.mk[data-motion=on] .mk-demo .mk-appts li:nth-child(3):after{animation-delay:6s}@keyframes mk-dms{0%,10%{transform:translateY(-25%)}18%,92%{opacity:1;transform:none}98%{opacity:.25;transform:none}to{opacity:.25;transform:translateY(-25%)}}@keyframes mk-new{0%,16%{opacity:0;transform:scale(.5)}22%,to{opacity:1;transform:none}}.mk[data-motion=on] .mk-demo .mk-dm-win ul{animation:mk-dms 12s var(--ease-out) 2s infinite backwards}.mk[data-motion=on] .mk-demo .mk-dms li:first-child em{animation:mk-new 12s var(--ease-out) 2s infinite backwards}@keyframes mk-phs{0%,38%{transform:none}48%,86%{transform:translateY(-25%)}96%,to{transform:none}}@keyframes mk-sw-a{0%,52%{opacity:1}58%,to{opacity:0}}@keyframes mk-sw-b{0%,52%{opacity:0}58%,to{opacity:1}}.mk[data-motion=on] .mk-demo .mk-ph-win ul[data-n]{animation:12s ease-in-out infinite mk-phs}.mk[data-motion=on] .mk-demo .mk-ph-wait{animation:mk-sw-a 12s var(--ease-out) infinite}.mk[data-motion=on] .mk-demo .mk-ph-ok{animation:mk-sw-b 12s var(--ease-out) infinite}@keyframes mk-push{0%,14%{opacity:0;transform:translateY(-140%)}19%,40%{opacity:1;transform:none}45%,to{opacity:0;transform:translateY(-140%)}}@keyframes mk-pulse-dot{0%,to{box-shadow:0 0 0 .2em #16b36438}50%{box-shadow:0 0 0 .45em #16b36400}}@keyframes mk-fa-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes mk-fa-sway{0%,to{transform:rotate(0)}50%{transform:rotate(-2.5deg)}}@keyframes mk-fa-grow{0%,6%{transform:scaleY(.25)}22%,to{transform:scaleY(1)}}@keyframes mk-fa-draw{0%,8%{stroke-dashoffset:1px}30%,to{stroke-dashoffset:0}}@keyframes mk-fa-tip{0%,26%{opacity:0}32%,to{opacity:1}}@keyframes mk-fa-pin{0%{opacity:0;transform:translateY(-26px)}10%{opacity:1;transform:translateY(0)}14%{transform:translateY(-6px)}18%,to{opacity:1;transform:translateY(0)}}@keyframes mk-fa-shadow{0%{opacity:0;transform:scale(.3)}10%,to{opacity:.25;transform:scale(1)}}@keyframes mk-fa-ripple{0%,16%{opacity:0;transform:scale(.4)}20%{opacity:.7}46%,to{opacity:0;transform:scale(2.2)}}@keyframes mk-fa-pop{0%,30%{transform:scale(0)}36%{transform:scale(1.15)}40%,to{transform:scale(1)}}@keyframes mk-fa-dash{to{stroke-dashoffset:-14px}}.mk[data-motion=on] .mk-demo .mk-fa-float{animation:4.5s ease-in-out infinite mk-fa-float}.mk[data-motion=on] .mk-demo .mk-fa-sway{transform-box:fill-box;transform-origin:50% 100%;animation:5s ease-in-out infinite mk-fa-sway}.mk[data-motion=on] .mk-demo .mk-fa-d2{animation-delay:-2s}.mk[data-motion=on] .mk-demo .mk-fa-grow{transform-box:fill-box;transform-origin:50% 100%;animation:mk-fa-grow 9s var(--ease-out) calc(var(--i,0) * .12s) infinite backwards}.mk[data-motion=on] .mk-demo .mk-fa-draw{stroke-dasharray:1;animation:mk-fa-draw 9s var(--ease-out) infinite}.mk[data-motion=on] .mk-demo .mk-fa-tip{animation:9s linear infinite mk-fa-tip}.mk[data-motion=on] .mk-demo .mk-fa-pin{animation:mk-fa-pin 7s var(--ease-out) infinite}.mk[data-motion=on] .mk-demo .mk-fa-shadow{transform-box:fill-box;transform-origin:50%;animation:mk-fa-shadow 7s var(--ease-out) infinite}.mk[data-motion=on] .mk-demo .mk-fa-ripple{transform-box:fill-box;transform-origin:50%;animation:7s ease-out infinite mk-fa-ripple}.mk[data-motion=on] .mk-demo .mk-fa-ring{transform-box:fill-box;transform-origin:50%;animation:4s ease-out 1s infinite mk-fa-ripple}.mk[data-motion=on] .mk-demo .mk-fa-pop{transform-box:fill-box;transform-origin:50%;animation:mk-fa-pop 8s var(--ease-out) infinite}.mk[data-motion=on] .mk-demo .mk-fa-link{animation:1.6s linear infinite mk-fa-dash}.mk[data-motion=on] .mk-demo .mk-ph-push{animation:mk-push 12s var(--ease-out) 1s infinite backwards}.mk[data-motion=on] .mk-demo :is(.mk-ph-live i,.mk-ph-bell em){animation:1.8s ease-in-out infinite mk-pulse-dot}.mk[data-motion=on] .mk-demo .mk-ph-kpi polyline{stroke-dasharray:1;stroke-dashoffset:0;animation:mk-draw 12s var(--ease-out) infinite}@keyframes mk-nt{0%{opacity:0;transform:translateY(.9em)scale(.94)}5%,66%{opacity:1;transform:none}72%,to{opacity:0;transform:translateY(-.5em)scale(.97)}}.mk[data-motion=on] .mk-demo .mk-nt{animation:mk-nt 15s var(--ease-out) var(--nd,-1s) infinite backwards}.mk[data-motion=on] .mk-demo :is(.mk-nt-2,.mk-mnt-2){--nd:-.5s}.mk[data-motion=on] .mk-demo .mk-nt-3{--nd:2s}.mk[data-motion=on] .mk-demo .mk-nt-ic:after{animation:mk-pulse 2.6s var(--ease-out) 1.2s infinite}.mk[data-motion=on] .mk-demo .mk-nt-end{animation:mk-pop var(--motion-base) var(--ease-out) calc(var(--nd,-1s) + .5s) both}@keyframes mk-fd3{0%{opacity:0;transform:translateY(.8em)}3%{opacity:1;transform:none}31%{opacity:1;transform:none}34%,to{opacity:0;transform:translateY(-.6em)}}@keyframes mk-fd4{0%{opacity:0;transform:translateY(.8em)}2%{opacity:1;transform:none}23%{opacity:1;transform:none}25.5%,to{opacity:0;transform:translateY(-.6em)}}@keyframes mk-fd5{0%{opacity:0;transform:translateY(.8em)}2%{opacity:1;transform:none}18.5%{opacity:1;transform:none}20.5%,to{opacity:0;transform:translateY(-.6em)}}@keyframes mk-fd6{0%{opacity:0;transform:translateY(.8em)}1.5%{opacity:1;transform:none}15.5%{opacity:1;transform:none}17%,to{opacity:0;transform:translateY(-.6em)}}@keyframes mk-fd7{0%{opacity:0;transform:translateY(.8em)}1.3%{opacity:1;transform:none}13.2%{opacity:1;transform:none}14.6%,to{opacity:0;transform:translateY(-.6em)}}@keyframes mk-fd8{0%{opacity:0;transform:translateY(.8em)}1.1%{opacity:1;transform:none}11.5%{opacity:1;transform:none}12.8%,to{opacity:0;transform:translateY(-.6em)}}@keyframes mk-fd9{0%{opacity:0;transform:translateY(.8em)}1%{opacity:1;transform:none}10.2%{opacity:1;transform:none}11.4%,to{opacity:0;transform:translateY(-.6em)}}@keyframes mk-fd10{0%{opacity:0;transform:translateY(.8em)}.9%{opacity:1;transform:none}9.2%{opacity:1;transform:none}10.3%,to{opacity:0;transform:translateY(-.6em)}}.mk[data-motion=on] .mk-demo .mk-fi{opacity:0;animation:var(--fd) calc(var(--fn) * 3.5s) var(--ease-out) calc(var(--k) * 3.5s - .3s) infinite backwards}@keyframes mk-float-y{0%{transform:translateY(0)}to{transform:translateY(var(--mk-float-d,-6px))}}@keyframes mk-wave{0%,60%,to{transform:none}66%,78%{transform:rotate(16deg)}72%,84%{transform:rotate(-8deg)}}.mk[data-motion=on] .mk-demo .mk-lap-wrap{animation:8s ease-in-out infinite alternate mk-float-y}.mk[data-motion=on] .mk-demo :is(.mk-scene-phone,.mk-mphone-wrap){--mk-float-d:-9px;animation:6s ease-in-out -2s infinite alternate mk-float-y}.mk[data-motion=on] .mk-demo .mk-wave{animation:5s ease-in-out 1s infinite mk-wave}.mk[data-motion=on] .mk-hand path{stroke-dasharray:1;animation:mk-line-draw 1.2s var(--ease-out-quart) 1.6s both}.mk-demo[data-paused=true],.mk-demo[data-paused=true] *,.mk-demo[data-paused=true] :before,.mk-demo[data-paused=true] :after{animation-play-state:paused!important}.mk[data-motion=on] :is(.mk-demo,.mk-reveal[data-in]) .mk-a-swap-from{animation:mk-swap-out var(--motion-base) var(--ease-out) both}.mk[data-motion=on] :is(.mk-demo,.mk-reveal[data-in]) .mk-a-swap-to{animation:mk-swap-in var(--motion-base) var(--ease-out) both}.mk[data-motion=on] .mk-reveal[data-in] .mk-a-fillx{animation:mk-fillx var(--motion-draw) var(--ease-out) both;animation-delay:calc(.3s + var(--i,0) * 90ms)}.mk[data-motion=on] .mk-reveal[data-in] .mk-a-bar{animation:mk-bar-up var(--motion-draw) var(--ease-out) both;animation-delay:calc(.3s + var(--i,0) * 70ms)}.mk[data-motion=on] .mk-reveal[data-in] .mk-a-pop{animation:mk-pop var(--motion-base) var(--ease-out) both;animation-delay:calc(.35s + var(--i,0) * 90ms)}.mk[data-motion=on] .mk-reveal[data-in] .mk-a-tickico{animation:mk-pop var(--motion-base) var(--ease-out) both;animation-delay:calc(.3s + var(--i,0) * .11s)}.mk[data-motion=on] .mk-reveal[data-in] .mk-a-tick{stroke-dasharray:1;animation:mk-line-draw var(--motion-draw) var(--ease-out) both;animation-delay:calc(.4s + var(--i,0) * .35s)}.mk[data-motion=on] .mk-reveal[data-in] .mk-a-sign{stroke-dasharray:1;animation:mk-line-draw 1.1s var(--ease-out-quart) .9s both}.mk[data-motion=on] .mk-reveal[data-in] .mk-a-bub{animation:mk-rise var(--motion-slow) var(--ease-out) both;animation-delay:calc(.2s + var(--i,0) * .9s)}.mk[data-motion=on] .mk-reveal[data-in] .mk-a-rise{animation:mk-rise var(--motion-slow) var(--ease-out) .5s both}.mk[data-motion=on] .mk-reveal[data-in] .mk-a-slide{animation:mk-slide var(--motion-slow) var(--ease-out) .5s both}.mk[data-motion=on] .mk-rep[data-in] .mk-rep-track .mk-a-pop{animation-delay:.9s}.mk[data-motion=on] .mk-rep[data-in] .mk-rep-conf .mk-a-pop{animation-delay:calc(.7s + var(--i,0) * .16s)}.mk[data-motion=on] .mk-step.mk-reveal[data-in]:not(:last-child):after{transform-origin:0;animation:mk-line-x var(--motion-draw) var(--ease-out) both;animation-delay:calc(.35s + var(--i,0) * .14s)}@media (max-width:899px){.mk[data-motion=on] .mk-step.mk-reveal[data-in]:not(:last-child):after{transform-origin:top;animation-name:mk-line-y}}.mk[data-motion=on] .mk-alt[data-in="1"]:before{transform-origin:0;animation:mk-line-x var(--motion-draw) var(--ease-out-expo) both}@keyframes mk-device-in{0%{opacity:.35;transform:perspective(1800px)rotateX(12deg)translateY(28px)scale(.97)}}.mk[data-motion=on] .mk-tour.mk-reveal[data-in="1"] .mk-device{transform-origin:50% 100%;animation:mk-device-in calc(var(--motion-draw) * 1.5) var(--ease-out-expo) .12s backwards}.mk[data-motion=on] .mk-demo.mk-marquee{overflow:hidden}.mk[data-motion=on] .mk-demo .mk-marquee-copy{display:flex}.mk[data-motion=on] .mk-demo .mk-marquee-track{animation:48s linear infinite marquee}.mk[data-motion=on] .mk-demo.mk-marquee:is(:hover,:focus-within) .mk-marquee-track{animation-play-state:paused}@keyframes mk-beam{0%{opacity:0;transform:translate(-100%)}15%,80%{opacity:1}to{opacity:0;transform:translate(360%)}}.mk[data-motion=on] .mk-final:has(>.mk-reveal[data-in="1"]) .mk-beams i{animation:mk-beam 2.6s var(--ease-out) calc(.3s + var(--i,0) * .45s) both}}