.how{padding:150px 0}
.how__title{margin:0 0 28px;font-size:34px;line-height:1.2}
.how__grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:40px;align-items:start}
.how .how__left .steps{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.how .how__left .steps .step{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;background:#f4f4f4;border-radius:20px;padding:22px 24px;transition:transform .3s ease}
.how .how__left .steps .step:hover{transform:translateX(-6px)}
.step__num{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#151515;background:radial-gradient(100% 100% at 50% 50%,#fff 60%,transparent 61%) padding-box,conic-gradient(from 0deg,#e7e7e7 0 360deg) border-box;border:1px dotted #9f9f9f}
.step__text h3{margin:2px 0 8px;font-size:20px}
.step__text p{margin:0;color:#616a74}
.how__banner{width:100%;min-height:450px;background-image:url("/img/banner.webp");background-size:contain;background-position:center;background-repeat:no-repeat}
@media(max-width:1100px){.how__grid{grid-template-columns:1fr;gap:24px}.how__banner{min-height:360px}}
@media(max-width:768px){.how{padding:50px 0}.step{grid-template-columns:44px 1fr;border-radius:16px}.step__num{width:44px;height:44px}.how__banner{min-height:300px;border-radius:20px}}