.process{padding-top:140px;display:flex;flex-direction:column;gap:56px}
.process .steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.process .steps-line{position:absolute;left:24px;right:24px;top:23px;height:2px;background:var(--line)}
.process .steps-line i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--accent);transition:width 1.6s cubic-bezier(.2,.8,.2,1)}
.process.in .steps-line i{width:100%}
.process .step{position:relative;display:flex;flex-direction:column;gap:14px}
.process .steps > .step:nth-child(3){transition-delay:.1s}.process .steps > .step:nth-child(4){transition-delay:.2s}.process .steps > .step:nth-child(5){transition-delay:.3s}
.process .step .wp{width:48px;height:48px;border-radius:50%;border:3px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:24px;padding-top:3px;color:var(--dim);transition:border-color .4s,color .4s,background .4s,transform .4s}
.process.in .step .wp{border-color:var(--accent);color:var(--accent-dark);transform:scale(1.06)}
.process.in .step:nth-child(2) .wp{transition-delay:.3s}.process.in .step:nth-child(3) .wp{transition-delay:.7s}.process.in .step:nth-child(4) .wp{transition-delay:1.1s}
.process.in .step:last-child .wp{background:var(--accent);color:#fff;transition-delay:1.5s}
.process .step h3{margin:0;font-size:24px}.process .step p{margin:0;color:var(--muted)}
@media (max-width:980px){.process .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.process .steps-line{display:none}}
@media (max-width:560px){.process{padding-top:100px}.process .steps{grid-template-columns:1fr}}