.features__wrapper{padding:8rem 0;background:var(--bg-clr)}.features__wrapper .features__container .feature__boxes{margin-top:3.2rem;grid-template-columns:repeat(3,1fr);gap:3.2rem;display:grid}@media screen and (max-width:1240px){.features__wrapper .features__container .feature__boxes{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media screen and (max-width:765px){.features__wrapper .features__container .feature__boxes{display:flex;flex-direction:column}}.features__wrapper .features__container .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}.features__wrapper .features__container .feature__boxes .feature__box:hover{transform:scale(1.05)}.features__wrapper .features__container .feature__boxes .feature__box .icon__wrapper{margin-bottom:1.6rem}.features__wrapper .features__container .feature__boxes .feature__box .icon__wrapper svg{height:4.8rem;width:4.8rem;color:var(--text-color)}.features__wrapper .features__container .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}.features__wrapper .features__container .feature__boxes .feature__box p{font-size:16px;font-weight:400;line-height:24px;color:#9ca3af}.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:6rem;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}