.mk-shell{position:relative;isolation:isolate}.mk-shell:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;--mk-glow-x:82%;--mk-glow-color:var(--color-primary-100);--mk-dot-color:rgb(28 25 23/0.05);background:radial-gradient(55rem 36rem at var(--mk-glow-x) -8%,var(--mk-glow-color),transparent 70%),radial-gradient(var(--mk-dot-color) 1px,transparent 1px);background-size:auto,28px 28px}html[dir=ltr] .mk-shell:before{--mk-glow-x:18%}.dark .mk-shell:before{--mk-glow-color:rgb(18 70 48/0.35);--mk-dot-color:rgb(255 255 255/0.04)}.mk-phone{position:relative;width:300px;aspect-ratio:9/19;overflow:hidden;border-radius:2.25rem;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-e3)}@media (min-width:640px){.mk-phone{width:340px}}.mk-phone-screen{position:absolute;top:0;left:0;width:390px;transform:scale(.769);transform-origin:top left}@media (min-width:640px){.mk-phone-screen{transform:scale(.872)}}.mk-phone:after{content:"";position:absolute;inset-inline:0;bottom:0;height:6rem;pointer-events:none;background:linear-gradient(to top,var(--color-surface),transparent)}.mk-phone--sm{width:240px;border-radius:1.75rem}.mk-phone--sm .mk-phone-screen{transform:scale(.6154)}@media (prefers-reduced-motion:no-preference){.mk-assemble .inv>*{animation:mk-assemble .7s var(--ease-standard) both}.mk-assemble .inv>:nth-child(3){animation-delay:.3s}.mk-assemble .inv>:nth-child(4){animation-delay:.6s}.mk-assemble .inv>:nth-child(5){animation-delay:.9s}.mk-chip-confirm-icon{animation:mk-confirm-pop 9s var(--ease-standard) 2.4s infinite}}@keyframes mk-assemble{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes mk-confirm-pop{0%,86%,to{transform:scale(1)}90%{transform:scale(1.35)}94%{transform:scale(1)}}.mk-float{animation:mk-float 6s var(--ease-standard) infinite alternate}.mk-float-delayed{animation:mk-float 7s var(--ease-standard) 1.2s infinite alternate}@keyframes mk-float{0%{transform:translateY(0)}to{transform:translateY(-.625rem)}}.mk-underline{background-image:linear-gradient(to top,var(--color-accent-400),var(--color-accent-400));background-repeat:no-repeat;background-size:100% .18em;background-position:0 96%}.js [data-reveal]{opacity:0}.js [data-reveal][data-visible]{animation:var(--animate-reveal-up)}@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1}.js [data-reveal][data-visible],.mk-float,.mk-float-delayed{animation:none}}[data-reveal][data-visible]>[data-reveal-item]:nth-child(2){animation-delay:80ms}[data-reveal][data-visible]>[data-reveal-item]:nth-child(3){animation-delay:.16s}[data-reveal][data-visible]>[data-reveal-item]:nth-child(4){animation-delay:.24s}[data-reveal][data-visible]>[data-reveal-item]:nth-child(5){animation-delay:.32s}[data-reveal][data-visible]>[data-reveal-item]:nth-child(6){animation-delay:.4s}.js [data-reveal][data-visible]>[data-reveal-item]{animation:var(--animate-reveal-up)}.mk-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;justify-items:center;perspective:1400px}.mk-stage-card{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,0,0,1);transform:rotateX(var(--tilt-x,0deg)) rotateY(calc(var(--stage-ry, 0deg) + var(--tilt-y, 0deg)))}.mk-stage-card[data-stage-pos=start]{--stage-ry:12deg;z-index:1;margin-inline-end:-1.75rem}.mk-stage-card[data-stage-pos=end]{--stage-ry:-12deg;z-index:1;margin-inline-start:-1.75rem}[dir=rtl] .mk-stage-card[data-stage-pos=start]{--stage-ry:-12deg}[dir=rtl] .mk-stage-card[data-stage-pos=end]{--stage-ry:12deg}.mk-stage-card[data-stage-pos=center]{z-index:2;translate:0 -1.5rem;scale:1.07}.mk-stage-card:before{content:"";position:absolute;inset-block-start:6%;inset-inline:10%;block-size:72%;background:radial-gradient(closest-side,var(--mk-glow,transparent),transparent 72%);filter:blur(44px);opacity:.45;z-index:-1;pointer-events:none}.mk-stage .mk-phone{border-color:color-mix(in srgb,var(--color-border) 45%,#97928b);box-shadow:0 30px 70px rgb(0 0 0/.28),var(--shadow-e3)}.mk-phone-island{position:absolute;inset-block-start:.6rem;inset-inline:0;margin-inline:auto;inline-size:5.25rem;block-size:1.05rem;border-radius:999px;background:#0c0a09;box-shadow:inset 0 0 0 1px rgb(255 255 255/.07);z-index:2}.mk-phone-sheen{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgb(255 255 255/.16) 50%,transparent 58%);transform:translateX(-130%);transition:transform .7s ease}.mk-stage-card:hover .mk-phone-sheen{transform:translateX(130%)}.js .mk-stage[data-visible]>.mk-stage-card:first-child{animation-delay:0s}.js .mk-stage[data-visible]>.mk-stage-card:nth-child(2){animation-delay:.12s}.js .mk-stage[data-visible]>.mk-stage-card:nth-child(3){animation-delay:.24s}@media (max-width:639px){.mk-stage{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.25rem;padding-block:1rem;padding-inline:11vw;perspective:none;scrollbar-width:none}.mk-stage::-webkit-scrollbar{display:none}.mk-stage-card,[dir=rtl] .mk-stage-card{--stage-ry:0deg;flex:0 0 auto;scroll-snap-align:center;margin-inline:0;translate:0 0;scale:1}}@media (prefers-reduced-motion:reduce){.mk-stage-card{transform:none}.mk-phone-sheen,.mk-stage-card{transition:none}}