.steps .section-intro{margin-bottom:0}.steps .section-intro h2{letter-spacing:.02em}.steps .section-intro p:not(.eyebrow){max-width:390px;margin-inline:auto;line-height:1.35}.steps .timeline{max-width:1100px;margin:52px auto 0;padding:0 18px;height:170px}.steps .timeline:before{left:18px;right:18px;top:100px;bottom:auto;background:#999188}.steps .timeline>div{position:relative;width:138px;height:100px;border-color:#9d968c;font-size:12px;line-height:1.25}.steps .timeline>div:before{content:"";position:absolute;left:50%;width:1px;height:30px;background:#999188;transform:translateX(-50%)}.steps .timeline>div:after{content:"";position:absolute;left:50%;width:9px;height:9px;border-radius:50%;background:#302c25;transform:translateX(-50%);z-index:2}.steps .timeline>div:nth-child(odd):before{bottom:-30px}.steps .timeline>div:nth-child(odd):after{bottom:-5px}.steps .timeline>div:nth-child(even):before{top:0}.steps .timeline>div:nth-child(even):after{top:25px}.steps .timeline>div:nth-child(even){transform:translateY(70px)}
@media(max-width:760px){.steps .timeline{padding:0;margin-top:35px}.steps .timeline:before{display:none}.steps .timeline>div:before,.steps .timeline>div:after{display:none}.steps .timeline>div:nth-child(even){transform:none}}

/* Точне вирівнювання п'яти етапів; горизонтальна лінія й точки залишаються без змін. */
.steps .timeline{height:200px;justify-content:center;gap:56px}
.steps .timeline>div{box-sizing:border-box;width:130px;height:100px;border:1px solid #9d968c;border-radius:5px;display:grid;place-items:center;text-align:center;padding:16px 12px;font-size:12px;font-weight:400;line-height:1.28;transform:translateY(-24px)}
.steps .timeline>div>b{font-weight:400}
.steps .timeline>div:nth-child(even){transform:translateY(124px)}
.steps .timeline>div:before{height:24px;background:#999188}
.steps .timeline>div:after{content:"";display:block;position:absolute;left:50%;width:9px;height:9px;background:#302c25;border-radius:50%;transform:translateX(-50%);z-index:3}
.steps .timeline>div:nth-child(odd):before{bottom:-24px}
.steps .timeline>div:nth-child(even):before{top:-24px}
.steps .timeline>div:nth-child(odd):after{bottom:-28px}
.steps .timeline>div:nth-child(even):after{top:-28px}
@media(max-width:760px){.steps .timeline{height:auto;gap:18px}.steps .timeline>div,.steps .timeline>div:nth-child(even){transform:none}.steps .timeline>div{width:100%;height:95px}.steps .timeline>div:before{display:none}}

@media(max-width:760px){
  .steps .timeline{display:flex;flex-direction:column;justify-content:flex-start;gap:18px;position:relative;margin-top:42px;padding:0 0 4px;height:auto}
  .steps .timeline:before{display:block;content:"";position:absolute;top:0;bottom:0;left:50%;right:auto;width:1px;height:auto;background:#999188;transform:translateX(-50%);z-index:0}
  .steps .timeline>div{display:grid;width:calc(50% - 18px);height:94px;margin:0;padding:14px 10px;position:relative;z-index:1;border-radius:9px;background:var(--paper);font-size:12px;line-height:1.25}
  .steps .timeline>div:nth-child(odd){align-self:flex-start;transform:none}
  .steps .timeline>div:nth-child(even){align-self:flex-end;transform:none}
  .steps .timeline>div:before{display:block;content:"";position:absolute;top:50%;bottom:auto;width:18px;height:1px;background:#999188;transform:none}
  .steps .timeline>div:nth-child(odd):before{right:-18px;left:auto}
  .steps .timeline>div:nth-child(even):before{left:-18px;right:auto}
  .steps .timeline>div:after{display:block;content:"";position:absolute;top:50%;width:9px;height:9px;background:#302c25;border-radius:50%;transform:translateY(-50%);z-index:3}
  .steps .timeline>div:nth-child(odd):after{right:-22px;left:auto;bottom:auto}
  .steps .timeline>div:nth-child(even):after{left:-22px;right:auto;top:50%}
}
@media(max-width:760px){.steps .timeline>div:before{top:50%!important;bottom:auto!important;height:1px!important;transform:translateY(-50%)!important}.steps .timeline>div:after{top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important}}