.method{background:#f6f7f9}.method-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;align-items:start}.method-grid h2{position:sticky;top:120px}.timeline{position:relative;margin:0;padding:0;list-style:none}.timeline:before,.timeline:after{content:'';position:absolute;left:9px;top:10px;width:2px;border-radius:2px}.timeline:before{bottom:10px;background:#d9dfe7}.timeline:after{height:var(--timeline-progress,0%);max-height:calc(100% - 20px);background:var(--blue);transition:height .18s linear}.timeline li{position:relative;border:0;padding:5px 0 58px 46px;font:500 clamp(18px,2vw,27px)/1.2 Manrope;letter-spacing:-.04em;opacity:.28;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.timeline li:before{content:'';position:absolute;box-sizing:border-box;width:20px;height:20px;border:2px solid #cfd6df;background:#f6f7f9;border-radius:50%;left:0;top:5px;z-index:1;transition:border-color .4s,background .4s,box-shadow .4s}.timeline li.active{opacity:1;transform:translateY(0)}.timeline li.active:before{border-color:var(--blue);background:var(--blue);box-shadow:0 0 0 5px #087bf21f}.timeline li:last-child{padding-bottom:0}
@media(max-width:700px){.method-grid{grid-template-columns:1fr;gap:45px}.method-grid h2{position:static}.timeline li{padding-left:38px;padding-bottom:40px;font-size:21px}.timeline:before,.timeline:after{left:9px}}