.mx-viz{--color-bg-primary:#ffffff;--color-bg-quaternary:#e9e8e7;--color-text-primary:#181716;--color-text-secondary:#64615c;--color-border-primary:#e1dfdd;--color-fg-brand-primary:#1967d4;--color-neutral-900:#45433f;--radius-md:8px;--radius-xl:12px;--radius-full:9999px;--font-body:"Saans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-display:"Martina Plantijn",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-mono:"Roboto Mono Variable",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-weight-medium:450;--font-weight-semibold:500;--font-weight-bold:550;position:relative;margin:0;box-sizing:border-box;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);font-family:var(--font-body);font-size:13px;line-height:16px;color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-variant-ligatures:no-contextual;-webkit-font-smoothing:antialiased;container-type:inline-size}.mx-viz *,.mx-viz *:before,.mx-viz *:after{box-sizing:border-box}.mx-viz h4,.mx-viz p,.mx-viz ol,.mx-viz ul{margin:0;padding:0;list-style:none}.mx-viz svg{display:block}.mx-viz .mx-ic{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.how-title-text{display:block}.how-title-text.mx-reveal-ready{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.how-title-text.mx-reveal-visible{opacity:1;transform:none}.how-art{display:flex;align-items:center;justify-content:center;min-width:0;padding:48px 32px;background:#6e8794 url(../images/workflow-background-grain.webp?v=68380c91) center/cover no-repeat}.how-art>.mx-flow{width:100%;aspect-ratio:auto;min-height:440px;box-shadow:0 16px 40px #00103733}@media(min-width:761px){.how-art>.mx-flow{transform:scale(.84)}}.mx-flow.mx-pinned{position:sticky;top:var(--mx-sticky-top,96px)}.mx-flow{aspect-ratio:5/4;display:flex;flex-direction:column;overflow:hidden}.mx-flow-stage{flex:1;display:grid;min-height:0}.mx-fr{grid-area:1/1;padding:28px 28px 8px;display:flex;flex-direction:column;gap:16px;opacity:0;visibility:hidden;transition:opacity .2s linear,visibility 0s linear .2s}.mx-fr.mx-on{opacity:1;visibility:visible;transition:opacity .2s linear,visibility 0s}.how-art>.mx-flow.mx-figma-demos{background:transparent;border:0;box-shadow:none}.mx-figma-demos .mx-fr{padding:0;align-items:center;justify-content:center}.mx-figma-demos .mx-demo-host{width:100%;display:flex;align-items:center;justify-content:center}.mx-figma-demos .mx-step-demo{width:min(100%,680px)}.mx-figma-demos .mx-fr:not(.mx-play) .demo-phase *{animation:none!important}.mx-flow-foot{display:none;padding:0 28px 24px}.mx-flow-cap{display:none;font-size:16px;line-height:20px;font-weight:var(--font-weight-medium)}.mx-flow-cap .mx-cap-n{font-family:var(--font-mono);font-size:13px;font-weight:400;color:var(--color-text-secondary);margin-right:8px}@keyframes mx-fade{0%{opacity:0}to{opacity:1}}@media(min-width:1101px)and (min-height:740px){.how-tour.mx-tour-ready{--how-card-height:clamp(440px,54vh,560px);--how-art-padding:clamp(24px,4.8vh,48px);--how-content-height:calc(var(--how-card-height) + var(--how-art-padding)*2);--how-stage-height:calc(var(--how-content-height) + 80px);height:calc(var(--how-stage-height) + 280svh)}.how-tour.mx-tour-ready .how-stage{position:sticky;top:max(80px,calc((100svh + 80px - var(--how-stage-height))/2));display:flow-root}.how-tour.mx-tour-ready .how{height:var(--how-content-height);align-items:center}.how-tour.mx-tour-ready .how-art{padding-block:var(--how-art-padding)}.how-tour.mx-tour-ready .mx-flow{position:relative;top:auto;min-width:0;height:var(--how-card-height)}.how-tour.mx-tour-ready .steps{display:grid;gap:24px;align-self:center}.how-tour.mx-tour-ready .steps li{min-height:0;padding:0}.how-tour.mx-tour-ready .how-copy{display:grid;align-self:center}.how-tour.mx-tour-ready .how-copy li{grid-area:1/1;min-height:0;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s .25s}.how-tour.mx-tour-ready .how-copy li.mx-on{opacity:1;visibility:visible;transition:opacity .25s ease,visibility 0s}.how-tour.mx-tour-ready .how-step[aria-current=step] .title,.how-tour.mx-tour-ready .how-step[aria-current=step] .how-step-number{color:var(--text-primary)}.how-tour.mx-tour-ready .how-step:hover{opacity:1}.mx-steps-synced>li{min-height:300px;align-content:center}.mx-steps-synced>li>*{transition:opacity .1s linear}.mx-steps-synced>li:not(.mx-on)>*{opacity:.7}.mx-steps-synced>li.mx-on>:first-child{color:var(--text-primary,#181716)}}@media(max-width:1100px),(max-height:739px){.how-art{padding:40px 24px}.how-art>.mx-flow{max-width:640px;min-height:0}.mx-flow.mx-pinned{position:relative;top:auto}.mx-flow{aspect-ratio:auto}.mx-flow-cap{display:block}.mx-fr{padding:24px 24px 8px}.mx-flow-foot{display:block;padding:0 24px 20px}}@media(max-width:480px){.how-art{padding:28px 16px}}@container (max-width:480px){.mx-fr{padding:20px 16px 4px;gap:12px}.mx-flow-foot{padding:0 16px 16px}}.mx-stamps{position:absolute;right:24px;top:22px;display:flex;flex-direction:column;gap:20px;align-items:flex-start}.mx-stamp{--ink:var(--color-neutral-900);position:relative;display:flex;gap:12px;align-items:center;padding:12px 20px 12px 16px;border:1px solid var(--ink);border-radius:var(--radius-md);color:var(--ink);background:var(--color-bg-primary);box-shadow:inset 0 0 0 3px var(--color-bg-primary),inset 0 0 0 4px var(--ink)}.mx-stamp.mx-p{transform:rotate(-2deg)}.mx-stamp.mx-a{--ink:var(--color-fg-brand-primary);transform:rotate(1.5deg);margin-left:40px}.mx-stamp .mx-mk{flex:none;width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--ink)}.mx-stamp .mx-mk svg{width:16px;height:16px;fill:var(--ink)}.mx-stamp .mx-mk .mx-ic{fill:none}.mx-stamp .mx-w{display:block;font-size:16px;line-height:20px;font-weight:var(--font-weight-bold)}.mx-stamp .mx-by{display:block;font-size:13px;line-height:20px;margin-top:2px;white-space:nowrap}.mx-stamp .mx-by b{font-weight:var(--font-weight-semibold)}.mx-stamp .mx-nw{white-space:nowrap}.mx-sig{position:absolute;right:10px;top:-34px;width:130px;height:48px;color:var(--color-fg-brand-primary);pointer-events:none}.mx-sig path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@keyframes mx-press{0%{opacity:0;transform:scale(1.04) rotate(var(--r))}to{opacity:1;transform:rotate(var(--r))}}@keyframes mx-ink{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.how-title-text.mx-reveal-ready{opacity:1;transform:none;transition:none}.mx-fr,.mx-fr.mx-on,.how-tour.mx-tour-ready .how-copy li{transition:none}.mx-viz *,.mx-viz *:after{animation:none!important}}