.mx .app-story{padding-bottom:clamp(60px,8vw,110px)}.mx .ss-head{max-width:760px}.mx .ss{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(40px,7vw,120px);margin-top:48px;display:grid}.mx .ss-stick{grid-area:1/2;align-self:stretch;min-width:0}.mx .ss-steps{grid-area:1/1;min-width:0}.mx .ss-pin{justify-items:center;gap:20px;display:grid;position:sticky;top:max(84px,50vh - 306px)}.mx .ss-step{opacity:.3;max-width:520px;min-height:80vh;transition:opacity .45s var(--ease,ease);flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;display:flex}.mx .ss-step:last-child{min-height:70vh}.mx .ss-step.is-active{opacity:1}.mx .ss-k{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-3);align-items:center;gap:0;font-size:13px;display:flex}.mx .ss-k:before{content:"";background:var(--violet-soft);width:0;height:2px;transition:width .45s var(--ease,ease),margin .45s var(--ease,ease);border-radius:2px;margin-right:0;display:block}.mx .ss-step.is-active .ss-k:before{width:28px;margin-right:12px}.mx .ss-step h3{letter-spacing:-.03em;color:var(--paper);text-wrap:balance;margin:0;font-size:clamp(30px,3.2vw,44px);font-weight:800;line-height:1.08}.mx .ss-step p{color:var(--paper-2);text-wrap:pretty;margin:0;font-size:18px;line-height:1.5}.mx .ss-step .app-mini{margin:8px 0 4px}.mx .ss-step .lnk{margin-top:6px}.mx .ss-dots{gap:8px;display:flex}.mx .ss-dot{background:color-mix(in srgb,var(--k-fff) 28%,transparent);border-radius:99px;width:8px;height:8px;min-height:0;padding:0;transition:width .3s,background .3s}.mx .ss-dot[aria-current=true]{background:var(--violet-soft);width:24px}@media (max-width:820px){.mx .ss{margin-top:32px;display:block}.mx .ss-stick{justify-content:center;margin-bottom:32px;display:flex;position:static}.mx .ss-pin{gap:0;position:static}.mx .ss-dots{display:none}.mx .ss-step{opacity:1;border-top:1px solid var(--line-d);max-width:none;min-height:0;padding:22px 0}.mx .ss-step:last-child{min-height:0}.mx .ss-k:before{width:28px;margin-right:12px}.mx .ss-step h3{font-size:26px}.mx .ss-step p{font-size:16px}}@media (prefers-reduced-motion:reduce){.mx .ss-step,.mx .ss-k:before,.mx .ss-dot{transition:none}}@media (max-width:820px){.mx .ss-step .app-mini{-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;align-self:stretch;max-width:100%;margin-inline:0;padding-inline:0;overflow:auto hidden}.mx .ss-step .app-mini::-webkit-scrollbar{display:none}.mx .ss-step .app-mini>*{scroll-snap-align:start;flex:none}}
.mx.mx .cv-steps{align-items:stretch;gap:14px}.mx.mx .cv-step{background:color-mix(in srgb,var(--k-fff) 4%,var(--night));box-shadow:0 0 0 1px var(--line-d);border-radius:20px;gap:10px;padding:24px}.mx.mx .cv-step p{margin:0 0 18px}.mx.mx .cv-steps .cv-mini{min-height:150px;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;justify-content:flex-end;gap:10px;margin-top:auto;padding:0;display:flex}.mx.mx .cv-steps .cv-fld{border-radius:12px;padding:12px 14px;font-size:14px}.mx.mx .cv-steps .cv-go{white-space:nowrap;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:6px 6px 6px 18px;font-size:14px;display:flex}.mx.mx .cv-steps .cv-go>span:first-child{text-overflow:ellipsis;overflow:hidden}.mx.mx .cv-gar{background:color-mix(in srgb,var(--k-fff) 22%,transparent);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.mx.mx .cv-steps .cv-file span strong{white-space:nowrap}.mx.mx .cv-steps .cv-bar{height:4px}.mx.mx .cv-steps .cv-bar b{width:100%}.mx.mx .cv-steps .cv-qrcard{justify-content:flex-end;align-items:center;gap:12px}.mx.mx .cv-steps .cv-qr{width:112px;height:112px;box-shadow:none;background:0 0;border-radius:0;padding:0}.mx.mx .cv-steps .cv-qr svg{width:100%;height:100%;display:block}.mx.mx .cv-link{font-family:var(--f-mono);color:var(--paper-2);white-space:nowrap;word-break:keep-all;flex-direction:column;align-items:center;gap:1px;font-size:13px;line-height:1.3;display:flex}.mx.mx .cv-link b{color:var(--violet-soft);font-weight:600}.mx.mx .cv-steps .cv-bk{background:color-mix(in srgb,var(--k-fff) 5%,transparent);box-shadow:inset 0 0 0 1px var(--line-d);border-radius:14px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;padding:10px;display:flex}.mx.mx .cv-steps .cv-bk .d{border-radius:12px;flex:none;gap:0;width:42px;height:42px}.mx.mx .cv-steps .cv-bk .d i{font-style:normal;font-family:var(--f-mono);letter-spacing:.08em;color:var(--k-fff);font-size:10px;font-weight:700;line-height:1.2}.mx.mx .cv-steps .cv-bk .d b{color:var(--k-fff);font-size:17px;line-height:1.1}.mx.mx .cv-bt{flex:1;gap:2px;min-width:0;display:grid}.mx.mx .cv-bt strong{white-space:nowrap;font-size:14px;line-height:1.25}.mx.mx .cv-bt small{font-size:12px;line-height:1.3}.mx.mx .cv-bd{color:var(--paper-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k-fff) 28%,transparent);border-radius:999px;justify-self:start;margin-top:5px;padding:3px 7px;font-size:11px;font-style:normal;font-weight:600}.mx.mx .cv-vs{background:var(--night-2);box-shadow:0 0 0 1px var(--line-d);border-radius:18px;gap:0;margin-top:28px;overflow:hidden}.mx.mx .cv-them,.mx.mx .cv-us{box-shadow:none;color:var(--paper);background:0 0;border-radius:0;padding:20px 24px}.mx.mx .cv-us{background:color-mix(in srgb,var(--k-fff) 7%,transparent)}.mx.mx .cv-vs ol{flex-wrap:wrap;gap:8px 22px;display:flex}.mx.mx .cv-vs h4{margin:0 0 12px}.mx.mx .cv-us h4{color:var(--paper-3)}.mx.mx .cv-vs li{align-items:center;font-size:15px}.mx.mx .cv-vs li svg{margin-top:0}.mx.mx .cv-them li,.mx.mx .cv-them li svg{color:var(--paper-3)}.mx.mx .cv-us li{color:var(--paper)}.mx.mx .cv-us li svg{color:var(--violet-soft)}@media (max-width:620px){.mx.mx .cv-steps .cv-mini{min-height:0;margin-top:6px;display:flex}.mx.mx .cv-step{padding:20px}.mx.mx .cv-vs{grid-template-columns:minmax(0,1fr)}.mx.mx .cv-vs ol{flex-direction:column;gap:8px}}.mx.mx .cv-cta{margin-top:64px}@media (max-width:620px){.mx.mx .cv-bt{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px}.mx.mx .cv-bt strong,.mx.mx .cv-bt small{grid-column:1}.mx.mx .cv-bd{grid-area:1/2/span 2;place-self:center end;margin:0}}