.mx-step-flow{background:var(--m-field);color:var(--m-ink);padding:64px 0}.mx-step-flow-list{list-style:none;margin:0;padding:0}.mx-step-flow-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-column-gap:24px;column-gap:24px;align-items:start;padding-bottom:48px}.mx-step-flow-step:last-child{padding-bottom:0}.mx-step-flow-step--has-figure{grid-template-columns:minmax(0,1fr) clamp(220px,26vw,320px)}.mx-step-flow-step:not(:last-child):before{content:"";position:absolute;top:0;bottom:0;left:28px;width:2px;transform:translateX(-50%);background:var(--m-line);z-index:0}.mx-step-flow-marker{display:none;position:relative}.mx-step-flow-num{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;width:56px;height:56px;background:var(--m-field);font-family:var(--font-display,"Barlow",sans-serif);font-size:var(--fs-section);font-weight:800;line-height:1;letter-spacing:var(--tr-section);color:transparent;-webkit-text-stroke:1.6px var(--m-ink);text-stroke:1.6px var(--m-ink)}@supports not ((-webkit-text-stroke:1px #000) or (text-stroke:1px #000)){.mx-step-flow-num{color:var(--m-line)}}.mx-step-flow-body{min-width:0;padding-top:4px}.mx-step-flow-title{margin:0;font-size:clamp(19px,1.6vw,23px);line-height:1.2;font-weight:var(--fw-bold);letter-spacing:-.01em;text-transform:none;color:var(--m-ink)}.mx-step-flow-copy{margin:10px 0 0;max-width:62ch;font-size:var(--fs-body);line-height:1.58;color:var(--m-ink)}.mx-step-flow-receipt{display:flex;align-items:center;gap:9px;margin:14px 0 0;font-family:var(--font-mono,"Barlow",sans-serif);font-size:var(--fs-small);line-height:1.4;color:var(--muted,#6a655c)}.mx-step-flow-receipt-dot{width:8px;height:8px;flex:none;background:var(--red,#b5202f)}.mx-step-flow-figure{margin:0;display:flex;flex-direction:column;gap:8px}.mx-step-flow-frame{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--m-well);border:1px solid var(--m-line)}.mx-step-flow-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.98) contrast(1.04);transition:transform .55s cubic-bezier(.2,.7,.2,1)}.mx-step-flow-figure:hover .mx-step-flow-frame img{transform:scale(1.04)}.mx-step-flow-cap{margin:0;line-height:1.5}.mx-step-flow-cap,.mx-step-flow-foot{font-size:var(--fs-small);color:var(--muted,#6a655c)}.mx-step-flow-foot{margin:26px 0 0;max-width:74ch;line-height:1.55}@media (max-width:740px){.mx-step-flow{padding:48px 0}.mx-step-flow-step,.mx-step-flow-step--has-figure{grid-template-columns:1fr;row-gap:14px;padding-bottom:34px}.mx-step-flow-step:not(:last-child):before{display:none}.mx-step-flow-num{width:auto;height:auto;font-size:var(--fs-section);background:transparent}.mx-step-flow-body{padding-top:0}.mx-step-flow-figure{max-width:480px}}@media (prefers-reduced-motion:reduce){.mx-step-flow-frame img{transition:none}.mx-step-flow-figure:hover .mx-step-flow-frame img{transform:none}}