.how-it-works{background:#fff;font-family:inherit;padding:80px 20px}.how-it-works__wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.how-it-works__mockup{flex:1;max-width:500px}.how-it-works__mockup img{border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);height:auto;width:100%}.how-it-works__content{flex:1;max-width:600px}.how-it-works__steps{display:flex;flex-direction:column;gap:30px;position:relative}.how-it-works__step{align-items:flex-start;display:flex;gap:20px;position:relative;z-index:1}.how-it-works__step:after{background-color:#e0e0e0;content:"";height:100%;left:24px;position:absolute;top:24px;width:2px;z-index:0}.how-it-works__step:last-child:after{display:none}.step-number{align-items:center;background-color:#180636;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;min-width:48px;z-index:2}.step-title{color:#333;font-size:20px;font-weight:600;margin:0 0 5px}.step-description{color:#666;font-size:16px;margin:0}@media (max-width:768px){.how-it-works__wrapper{align-items:center;flex-direction:column;text-align:center}.how-it-works__content{max-width:100%}.how-it-works__mockup{margin-bottom:40px;max-width:100%}.how-it-works__step{align-items:center;flex-direction:column}.step-number{margin-bottom:10px}.how-it-works__step:after{left:50%;transform:translateX(-50%)}}