.kn-steps{--kn-cols:4;--kn-gap-x:64px;--kn-gap-y:56px;--kn-card-bg:#fff;--kn-title:#173763;--kn-description:#56677d;--kn-icon:#173763;--kn-icon-bg:#f0f3fb;--kn-icon-size:46px;--kn-icon-box:90px;--kn-badge-bg:#173763;--kn-badge-color:#fff;--kn-badge-size:48px;--kn-line:#5a7acd;--kn-line-width:3px;--kn-dot:#fe8e2e;--kn-dot-radius:7px;--kn-dot-border:#fff;--kn-dot-border-width:3px;position:relative;isolation:isolate;background:#fff0;padding:32px;border-radius:16px}.kn-steps,.kn-steps *{box-sizing:border-box}.kn-steps .kn-grid{display:grid;grid-template-columns:repeat(var(--kn-cols),minmax(0,1fr));column-gap:var(--kn-gap-x);row-gap:var(--kn-gap-y);list-style:none!important;margin:0!important;padding:0!important;position:relative;z-index:1}.kn-steps .kn-card{position:relative;min-width:0;min-height:220px;padding:32px 20px 26px;border-radius:18px;background:var(--kn-card-bg);box-shadow:0 12px 30px #1737630c;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:background-color .2s,border-color .2s,box-shadow .2s}.kn-steps .kn-number{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:var(--kn-badge-size);height:var(--kn-badge-size);background:var(--kn-badge-bg);color:var(--kn-badge-color);font-size:25px;font-weight:700;line-height:1;border-radius:18px 0 30px 0}.kn-steps.kn-badge-right .kn-number{left:auto;right:0;border-radius:0 18px 0 30px}.kn-steps .kn-icon{display:flex;align-items:center;justify-content:center;flex:none;width:var(--kn-icon-box);height:var(--kn-icon-box);max-width:100%;border-radius:50%;background:var(--kn-icon-bg);color:var(--kn-icon);font-size:var(--kn-icon-size);margin-bottom:18px;line-height:1}.kn-steps .kn-icon svg{width:1em;height:1em;fill:currentColor}.kn-steps .kn-title{font-size:21px;font-weight:700;line-height:1.5;color:var(--kn-title);margin:0;overflow-wrap:anywhere}.kn-steps .kn-title a{color:inherit;text-decoration:none}.kn-steps .kn-title a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.kn-steps .kn-description{font-size:15px;line-height:1.8;color:var(--kn-description);margin:10px 0 0;overflow-wrap:anywhere}.kn-steps .kn-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.kn-steps .kn-connections path{fill:none;stroke:var(--kn-line);stroke-width:var(--kn-line-width);stroke-linecap:round}.kn-steps .kn-connections circle{r:var(--kn-dot-radius);fill:var(--kn-dot);stroke:var(--kn-dot-border);stroke-width:var(--kn-dot-border-width)}.kn-steps[data-line=dashed] .kn-connections path{stroke-dasharray:8 6}.kn-steps[data-line=dotted] .kn-connections path{stroke-dasharray:1 7}@media(max-width:1024px){.kn-steps{--kn-cols:2;--kn-gap-x:42px}}@media(max-width:767px){.kn-steps{--kn-cols:1;padding:24px;--kn-gap-y:52px}.kn-steps .kn-card{min-height:190px}}@media(prefers-reduced-motion:reduce){.kn-steps .kn-card{transition:none}}