.features__wrapper{padding:8rem 0;background:var(--bg-clr)}.features__wrapper .my__width .section-header{text-align:center;margin-bottom:3.2rem}.features__wrapper .my__width .section-header h2{font-size:32px;font-weight:600;line-height:40px;margin-bottom:16px;font-family:Inter,sans-serif;color:#fff}.features__wrapper .my__width .section-header p{font-size:16px;font-weight:400;line-height:24px;color:#9ca3af;max-width:600px;margin:0 auto}.features__wrapper .my__width .feature__boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:3.2rem;margin-top:3.2rem}@media screen and (max-width:1240px){.features__wrapper .my__width .feature__boxes{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:765px){.features__wrapper .my__width .feature__boxes{grid-template-columns:1fr}}.features__wrapper .my__width .feature__boxes .feature__box{padding:2.4rem;background:hsla(0,0%,100%,.051);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 4px 12px -2px rgba(0,0,0,.3);transition:all .3s;position:relative;overflow:hidden}.features__wrapper .my__width .feature__boxes .feature__box:hover{transform:scale(1.05)}.features__wrapper .my__width .feature__boxes .feature__box:hover:after{opacity:.1}.features__wrapper .my__width .feature__boxes .feature__box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,var(--text-color),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.features__wrapper .my__width .feature__boxes .feature__box .icon__wrapper{margin-bottom:1.6rem;position:relative;z-index:1}.features__wrapper .my__width .feature__boxes .feature__box .icon__wrapper svg{height:4.8rem;width:4.8rem;color:var(--text-color);transition:transform .3s ease}.features__wrapper .my__width .feature__boxes .feature__box h5{font-size:20px;font-weight:600;line-height:28px;font-style:normal;margin-bottom:.8rem;font-family:Inter,sans-serif;color:#fff;position:relative;z-index:1}.features__wrapper .my__width .feature__boxes .feature__box p{font-size:16px;font-weight:400;line-height:24px;color:#9ca3af;position:relative;z-index:1}.hero__wrapper{min-height:100vh;background-color:var(--bg-clr)}.hero__wrapper,.hero__wrapper .hero__container{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero__wrapper .hero__container{width:672px}.hero__wrapper .hero__container h1{font-size:5rem;font-weight:700;line-height:60px;font-style:normal;color:#fff;opacity:.8;margin-bottom:1.6rem;font-family:Inter,sans-serif;text-align:center}@media screen and (max-width:767px){.hero__wrapper .hero__container h1{font-size:3.2rem;line-height:45px}}.hero__wrapper .hero__container p{font-size:20px;font-weight:400;font-style:normal;color:#9ca3af;line-height:28px;font-family:Inter,sans-serif;text-align:center}@media screen and (max-width:767px){.hero__wrapper .hero__container p{font-size:1.8rem;line-height:36px;text-align:center}}.hero__wrapper .hero__container button{margin-top:3.2rem;display:inline-flex;background-color:#9b87f5;color:#fff;font-size:1.4rem;font-weight:500;border-radius:8px;line-height:20px;height:4.4rem;width:172px;display:flex;align-items:center;justify-content:center;gap:.8rem;text-decoration:none;transition:background-color .2s ease;font-family:Inter,sans-serif}.hero__wrapper .hero__container button svg{font-size:2rem}.hero__wrapper .hero__container button:hover{background-color:#8f6fff}.how-it-works{padding:8rem 0;background:var(--bg-clr)}.how-it-works .section-header{text-align:center;margin-bottom:3.2rem}.how-it-works .section-header h2{font-size:32px;font-weight:600;line-height:40px;margin-bottom:16px;font-family:Inter,sans-serif;color:#fff}.how-it-works .section-header p{font-size:16px;font-weight:400;line-height:24px;color:#9ca3af;max-width:600px;margin:0 auto}.how-it-works .steps-container{display:grid;grid-template-columns:repeat(4,1fr);gap:3.2rem;margin-top:3.2rem}@media screen and (max-width:1240px){.how-it-works .steps-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:765px){.how-it-works .steps-container{grid-template-columns:1fr}}.how-it-works .step-card{padding:2.4rem;background:hsla(0,0%,100%,.051);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 4px 12px -2px rgba(0,0,0,.3);transition:all .3s}.how-it-works .step-card:hover{transform:scale(1.05)}.how-it-works .step-card .icon-wrapper{margin-bottom:1.6rem}.how-it-works .step-card .icon-wrapper svg{height:4.8rem;width:4.8rem;color:var(--text-color)}.how-it-works .step-card h3{font-size:20px;font-weight:600;line-height:28px;font-style:normal;margin-bottom:.8rem;font-family:Inter,sans-serif;color:#fff}.how-it-works .step-card p{font-size:16px;font-weight:400;line-height:24px;color:#9ca3af}