.how-it-works{background-color:var(--base-black);padding-top:120px;padding-bottom:105px}.how-it-works header{text-align:center;width:100%;max-width:768px;margin:auto}.how-it-works header .badge{text-transform:uppercase;border:1px solid var(--tag-bg);color:#fff;white-space:nowrap;background:linear-gradient(#add8dd42 0%,#dadecb10 100%);border-radius:8px;width:100%;max-width:112px;margin:0 auto;padding:6px 12px;font-size:14px;font-weight:500;line-height:20px}.how-it-works header h1.title{color:#fff;margin-top:32px;font-size:56px;font-weight:700;line-height:64px}.how-it-works header .subtitle{max-width:65%;color:var(--graymode);margin:8px auto 0;font-size:18px;font-weight:400;line-height:32px}.how-it-works .middle-img-wrapper{border-bottom:1px solid linear-gradient(90deg, #483beb1a 0%, #7847e1 47.92%, #dd568d1a 100%);justify-content:center;align-items:flex-end;margin:4rem auto;display:flex;position:relative}.how-it-works .middle-img-wrapper img{max-width:450px;margin:0 16px}.how-it-works .middle-img-wrapper .divider{background:linear-gradient(90deg,#483beb1a 0%,#7847e1 47.92%,#dd568d1a 100%);width:100%;height:1px;position:absolute;bottom:0}.how-it-works .card-group{max-width:var(--base-max-width);grid-template-columns:repeat(auto-fit,minmax(0,calc(33.333% - 1.5rem)));justify-content:center;gap:2rem;margin:7.2rem auto 0;display:grid}@media (max-width:1044px){.how-it-works .card-group{grid-template-columns:repeat(auto-fit,minmax(0,calc(50% - 2rem)))}}@media (max-width:768px){.how-it-works .card-group{grid-template-columns:repeat(auto-fit,minmax(0,calc(100% - 2rem)))}}.how-it-works .card-group .step{background-color:var(--card-bg);border-radius:32px;width:100%;padding:32px 24px}.how-it-works .card-group .step .step-header{align-items:center;gap:16px;display:flex}.how-it-works .card-group .step .step-header .main{color:var(--base-black);font-size:20px;font-weight:700;line-height:32px}.how-it-works .card-group .step .step-header .index{background-image:var(--linear-grad-1);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:18px;font-size:24px;font-weight:800;display:flex}.how-it-works .card-group .step .card-group-img{background:linear-gradient(#fff 0%,#fff0 100%);border-radius:1.6rem;justify-content:center;align-items:center;width:100%;height:22rem;margin-top:3.2rem;display:flex}.how-it-works .card-group .step .card-group-img img{max-width:100%;height:auto}.how-it-works .card-group .step .card-group-features{margin-top:30px;padding-inline-start:0}.how-it-works .card-group .step .card-group-features li{font-family:var(--inter), "sans-serif";color:var(--base-black);margin-left:20px;padding-inline-start:0;font-size:16px;font-weight:400;line-height:24px}@media (max-width:1050px){.how-it-works{padding-top:80px;padding-bottom:80px}.how-it-works header h1.title{margin-top:.8rem;font-size:3.2rem}.how-it-works header .subtitle{max-width:100%;margin-top:.4rem;font-size:1.6rem;line-height:2.4rem}.how-it-works .card-group{padding:0 2.4rem}.how-it-works .middle-img-wrapper img{width:80%}}