.navigation{position:fixed;display:flex;justify-content:center;align-items:center;width:100vw;height:64px;transition:all .3s ease;z-index:99999;.navigation__content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:1200px}& img{pointer-events:none}& ul{display:flex;flex-direction:row;align-items:center;gap:24px;& li{font-size:14px;font-weight:600;cursor:pointer}}& a{position:relative;padding:8px 16px;display:flex;justify-content:center;align-items:center;height:40px;border-radius:20px;color:white;background-image:linear-gradient(-20deg,#6e45e2,#88d3ce);box-shadow:0 4px 16px -2px rgba(0,0,129,.15);outline:none;cursor:pointer;&:hover{top:-1px;box-shadow:0 6px 16px -2px rgba(0,0,129,.15)}&:active{top:1px;box-shadow:none}}}.hero-section{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100vw;min-height:100vh;background-image:linear-gradient(0deg,#fff1eb 0,#ace0f9);text-align:center;z-index:0;& h1{width:800px;font-size:72px;font-weight:700}& h1,& p{position:relative;z-index:2}& p{width:648px;text-align:center;font-size:24px;font-weight:100}& a{position:relative;display:flex;justify-content:center;align-items:center;height:64px;padding:16px 32px;color:white;font-size:24px;border-radius:32px;background-image:linear-gradient(-20deg,#6e45e2,#88d3ce);outline:none;box-shadow:0 4px 16px -2px rgba(0,0,128,.3);cursor:pointer;z-index:2;&:hover{top:-1px;box-shadow:0 6px 16px -2px rgba(0,0,128,.3)}&:active{top:1px;box-shadow:none}}}.main-container{display:flex;flex-direction:column;align-items:center;& h2{font-size:32px;font-weight:600}}.features-section{display:flex;flex-direction:row;justify-content:space-between;padding-block:64px;width:1200px}.how-to-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding-block:64px;width:1200px;& p{font-size:18px;margin-bottom:24px}.how-to-section__steps{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-top:24px}}.pricing-section{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding-block:64px;width:100vw;background-color:#e5e5f7;& p{font-size:18px;margin-bottom:24px}.pricing-section__icon-boy{top:112px;left:148px;rotate:-30deg}.pricing-section__icon-boy,.pricing-section__icon-girl{position:absolute;width:512px;opacity:.4;pointer-events:none;z-index:3}.pricing-section__icon-girl{top:164px;right:148px;rotate:30deg}}.payment-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding-block:64px;width:1200px;& p{font-size:18px;margin-bottom:24px}.payment-section__cards{display:flex;flex-direction:row;justify-content:space-around;width:100%}}.testimonials-section{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding-block:64px;width:100vw;background-color:#f7e5e9;& p{font-size:18px;margin-bottom:24px}.testimonials-section__icon-boy{top:112px;right:148px;rotate:30deg}.testimonials-section__icon-boy,.testimonials-section__icon-girl{position:absolute;width:512px;opacity:.4;pointer-events:none;z-index:3}.testimonials-section__icon-girl{top:164px;left:148px;rotate:-30deg}.testimonials-section__cards{display:flex;flex-direction:row;justify-content:center;width:1200px;.testimonials-section__carousel{position:relative;display:flex;flex-direction:row;width:400px;.testimonials-section__carousel-prev{position:absolute;top:calc(50% - 24px);left:-24px;cursor:pointer;z-index:9999}.testimonials-section__carousel-next{position:absolute;top:calc(50% - 24px);right:-24px;cursor:pointer;z-index:9999}.testimonials-section__carousel-cards{display:flex;flex-direction:row;justify-content:space-around;gap:16px;text-align:center;scroll-behavior:smooth;overflow-x:hidden;box-shadow:0 8px 16px -2px rgba(0,0,0,.15)}.testimonials-section__carousel-cards>*{flex-shrink:0}}}}.faq-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding-block:64px;width:100vw;.faq-section__accordions{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:1200px;margin-top:16px;.faq-section__icon-boy{top:-128px;left:-256px;rotate:-30deg}.faq-section__icon-boy,.faq-section__icon-girl{position:absolute;width:512px;opacity:.4;pointer-events:none}.faq-section__icon-girl{top:0;right:-256px;rotate:30deg}}}.cta-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding-block:64px;margin-block:64px;width:1200px;border-radius:16px;background-image:url(/mesh-gradient.svg);& h5{font-size:48px;font-weight:600}& h5,& p{color:white}& p{width:620px;font-size:24px;text-align:center}& a{position:relative;display:flex;justify-content:center;align-items:center;height:64px;padding:16px 32px;color:white;font-size:24px;border-radius:32px;background-image:linear-gradient(-20deg,#6e45e2,#88d3ce);outline:none;box-shadow:0 4px 16px -2px rgba(0,0,128,.3);cursor:pointer;&:hover{top:-1px;box-shadow:0 6px 16px -2px rgba(0,0,128,.3)}&:active{top:1px;box-shadow:none}}& span{font-size:16px}}.footer{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100vw;padding-block:64px;color:white;background-color:var(--foreground);.footer__content{display:flex;width:1200px;.footer__content__legal{display:flex;gap:24px;& h4{font-size:32px;font-weight:700}& img{object-fit:contain;width:320px;pointer-events:none}& ul{display:flex;flex-direction:row;gap:16px;margin-bottom:16px}}}}@media (max-width:1200px){.navigation{.navigation__content{width:100vw;padding-inline:32px;& ul{.navigation__content__item{display:none}}}}.features-section{flex-direction:column;align-items:center;gap:16px;width:100vw;padding-inline:32px}.how-to-section{width:100vw;padding-inline:32px;& p{width:100%;text-align:center}.how-to-section__steps{flex-direction:column;align-items:center;gap:32px;width:100vw;padding-inline:32px}}.pricing-section{width:100vw;padding-inline:32px;& p{width:100%;text-align:center}}.payment-section{width:100vw;padding-inline:32px;text-align:center;& p{width:100%}.payment-section__cards{flex-direction:column;align-items:center;gap:16px;width:100vw;padding-inline:32px}}.faq-section{width:100vw;.faq-section__accordions{width:100vw;padding-inline:32px}}.cta-section{display:flex;justify-content:center;align-items:center;width:100vw;padding-inline:32px;border-radius:0;margin-bottom:0;text-align:center;& h5,& p{width:100vw;padding-inline:32px}}.footer{.footer__content{width:100vw;padding-inline:32px}}}@media (max-width:800px){.navigation{max-width:100vw;.navigation__content{width:100%;& ul{.navigation__content__item{display:none}}}}.hero-section{max-width:100vw;padding-inline:32px;& h1{font-size:48px}& h1,& p{max-width:90vw}& p{font-size:18px}& a{width:100%;padding:16px 30px}}.features-section{max-width:100vw;padding-inline:32px}.how-to-section{max-width:100vw}.pricing-section{max-width:100vw;padding-inline:32px;.pricing-section__icon-boy,.pricing-section__icon-girl{display:none}}.payment-section{max-width:100vw}.testimonials-section{max-width:100vw;padding-inline:32px;text-align:center;.testimonials-section__icon-boy,.testimonials-section__icon-girl{display:none}.testimonials-section__cards{width:100%;max-width:100%;.testimonials-section__carousel{width:100%;.testimonials-section__carousel-prev{margin-left:24px}.testimonials-section__carousel-next{margin-right:24px}}}}.faq-section{max-width:100vw;padding-inline:32px;& h2{text-align:center}}.cta-section{max-width:100vw;& h5{font-size:32px;font-weight:600}& p{font-size:18px;text-align:center}}.footer{max-width:100vw;align-items:center;padding-block:32px;.footer__content{flex-direction:column;width:100vw;gap:32px;.footer__content__legal{order:2;display:flex;align-items:center;text-align:center;& img{align-self:center}.footer__content__legal__links{display:flex;flex-direction:column;align-items:center;gap:16px;font-size:14px}}.footer__content__contact{order:1}}}}