.sukod-process{--sp-title:#10294f;--sp-text:#4a5b73;--sp-ic-bg:#e4f1ff;--sp-ic:#1683e8;--sp-num-bg:#10294f;--sp-num:#fff;--sp-line:#b9d3ee;--sp-ic-size:68px;display:grid;grid-template-columns:minmax(240px,.8fr) 2.2fr;gap:32px;align-items:center;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:26px 24px;background:var(--sp-bg,transparent);box-sizing:border-box}
.sukod-process *{box-sizing:border-box}
.sukod-process--stack{grid-template-columns:1fr;text-align:center}
.sukod-process__head{padding-right:28px;border-right:1px solid #dce8f5}
.sukod-process--stack .sukod-process__head{border:0;padding:0 0 8px}
.sukod-process__eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--sp-ic)}
.sukod-process__title{margin:0 0 10px;font-size:clamp(24px,2.4vw,32px);line-height:1.15;color:var(--sp-title)}
.sukod-process__text{margin:0;font-size:14px;line-height:1.55;color:var(--sp-text)}
.sukod-process__list{display:flex;justify-content:space-between;gap:10px;margin:0;padding:0;list-style:none}
.sukod-process__step{position:relative;flex:1;display:grid;justify-items:center;align-content:start;gap:10px;text-align:center;min-width:0}
.sukod-process--line-none .sukod-process__step:after{display:none}
.sukod-process__step:not(:last-child):after{content:"";position:absolute;top:calc(var(--sp-ic-size)/2);left:calc(50% + var(--sp-ic-size)/2 + 12px);width:calc(100% - var(--sp-ic-size) - 24px);border-top:2px dotted var(--sp-line)}
.sukod-process--line-solid .sukod-process__step:not(:last-child):after{border-top-style:solid}
.sukod-process__ic{position:relative;width:var(--sp-ic-size);height:var(--sp-ic-size);display:grid;place-items:center;border-radius:50%;background:var(--sp-ic-bg);color:var(--sp-ic)}
.sukod-process__ic .ic,.sukod-process__ic svg{width:calc(var(--sp-ic-size)*.41);height:calc(var(--sp-ic-size)*.41);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sukod-process__ic b{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--sp-num-bg);color:var(--sp-num);font-size:11.5px;line-height:1}
.sukod-process__body{display:grid;gap:4px}
.sukod-process__body strong{font-size:14px;line-height:1.3;color:var(--sp-title)}
.sukod-process__desc{font-size:12.5px;line-height:1.45;color:var(--sp-text)}
@media(max-width:1024px){.sukod-process{grid-template-columns:1fr}.sukod-process__head{border:0;padding:0}}
@media(max-width:767px){
.sukod-process--m-vertical .sukod-process__list{flex-direction:column;align-items:stretch;gap:18px}
.sukod-process--m-vertical .sukod-process__step{grid-template-columns:var(--sp-ic-size) 1fr;justify-items:start;align-items:center;text-align:left;gap:14px}
.sukod-process--m-vertical .sukod-process__step:not(:last-child):after{display:none}
.sukod-process--m-scroll .sukod-process__list{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.sukod-process--m-scroll .sukod-process__step{flex:0 0 150px;scroll-snap-align:start}
.sukod-process--m-scroll .sukod-process__step:after{display:none}
}
@media(prefers-reduced-motion:reduce){.sukod-process *{transition:none!important;animation:none!important}}