.how-it-works{padding:1.5rem 0 2.5rem}.how-it-works__container{max-width:1280px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.how-it-works__container{padding:0 1.5rem}}@media(min-width:1024px){.how-it-works__container{padding:0 2rem}}.how-it-works__content{display:grid;grid-template-columns:1fr;grid-gap:2.5rem;gap:2.5rem;align-items:center}@media(min-width:1024px){.how-it-works__content{grid-template-columns:1fr 1fr}}.how-it-works__heading{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}@media(min-width:640px){.how-it-works__heading{font-size:1.875rem}}.how-it-works__steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.how-it-works__step{display:flex;align-items:center;gap:.75rem}.how-it-works__step-number{border-radius:50%;background:#ea580c;color:#fff;height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.how-it-works__step-text{color:#374151;line-height:1.6;margin:0}.how-it-works__image{position:relative;display:flex;justify-content:center}.how-it-works__image-container{position:relative;max-width:250px;width:100%}.how-it-works__image-container:before{content:"";position:absolute;inset:-1rem;border-radius:1.5rem;background:linear-gradient(to top right,#fed7aa,transparent);filter:blur(2rem)}.how-it-works__mockup{position:relative;width:100%;height:auto;border-radius:1.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid #e4e4e7}