.steps{display:grid;gap:0;margin:36px 0 0;padding:0;border-top:1px solid var(--ink);counter-reset:s}
.steps li{list-style:none;display:grid;grid-template-columns:clamp(70px,9vw,130px) minmax(0,1fr);gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}
.steps li::before{counter-increment:s;content:"0" counter(s);font-stretch:125%;font-weight:800;font-size:clamp(2.4rem,4.6vw,3.8rem);line-height:.9;letter-spacing:-.04em;color:var(--red)}
.steps p{color:var(--muted);max-width:60ch;margin-top:6px}
.why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:36px}
.why div{padding:26px;border-radius:16px;background:var(--white);border:1px solid var(--line);display:grid;gap:10px;align-content:start}
.why div.dk{background:var(--ink);color:var(--white);border-color:var(--ink)}
.why div.dk p{color:#D8D2D3}
.why .icon{width:34px;height:34px;color:var(--red)}
.why p{color:var(--muted)}
.why div:last-child:nth-child(odd){grid-column:1/-1}
@media (max-width:760px){.why{grid-template-columns:1fr}}
.docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 28px;margin-top:22px;padding:0}
.docs li{list-style:none;display:flex;gap:10px;align-items:flex-start;font-weight:600}
.docs .icon{color:var(--ok);margin-top:3px}