*,:before,:after{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;scroll-behavior:smooth;font-size:62.5%;overflow-x:hidden}body{background-color:#000000f5;overflow:hidden}.container{max-width:1200rem;margin:0 auto}a{text-decoration:none}button{background:0 0;border:none}.section{padding:0 3rem;transition:filter .6s,transform .6s,opacity .6s ease-in;&.section-hero{margin:14rem 0 6rem}&.section-get{text-align:center}&.section-faqs{margin-bottom:6rem}&.section-cta{margin-bottom:12rem}}:root{--primary-blue:#571cff;--primary-blue-hover:#6245b8;--secondary-blue-opacity:#c2b3ff33;--neutral-dark:#202228;--neutral-white:#fff;--neutral-light-hover:silver;--neutral-black:#000;--semantic-yellow:#fff508;--semantic-green:#00ff0a;--semantic-cyan:#0defd4;--gradient-outline:#7b1d9c,#2554cd,#2574a9,#25cd4a,#c925cd,#cd2525;--opacity-medium:.2;--background-blur-xl:236px;--background-blur-l:50px;--background-blur-m:20px;--shadow-l:-.2rem 1rem 2rem #0000001a;--shadow-line:0px 0px 0px .2px var(--neutral-light-hover);--shadow-line-hover:0px 0px 2px 1px var(--neutral-white);--y-margin-top-m:2.4rem;--border-m:1px solid var(--neutral-white);--radius-m:.9rem;--heading:"Barlow",sans-serif;--body:"Fira sans",sans-serif;--heading-h1:7.2rem;--heading-h2:5.6rem;--heading-h3:4.8rem;--heading-h4:3.6rem;--heading-h5:2.4rem;--leading-l:3.6rem;--leading-m:3rem;--body-xl:2.4rem;--body-l:2.2rem;--body-m:1.8rem;--body-s:1.6rem;--quote:italic;--bold:700;--semi-bold:600;--medium:500}.y-margin-m{margin-top:2.4rem!important}.y-margin-t-l{margin-top:8rem!important}.y-margin-t-xl{margin-top:9.6rem!important}.y-margin-b-l{margin-bottom:8rem!important}.opacity-m{opacity:.5!important}.center-text{text-align:center!important}body{font-family:var(--body);color:#dcdee5;font-size:1.6rem;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--heading)}.hero-text-box{text-align:center;max-width:70rem;margin:0 auto}.heading-primary{font-size:var(--heading-h1)}.heading-secondary{font-size:var(--heading-h3);text-transform:uppercase}.heading-tertiary{font-size:var(--heading-h3)}.heading-quaternary{font-size:var(--heading-h4);font-size:2.4rem}.heading-senary{font-size:var(--heading-h6);font-family:var(--heading);text-transform:uppercase;text-align:center}.heading-outline{font-family:var(--heading);text-align:center;background-image:linear-gradient(90deg,var(--gradient-outline));-webkit-background-image:linear-gradient(90deg,var(--gradient-outline));-webkit-fill-color:white;-webkit-text-fill-color:white;-webkit-text-stroke:2px transparent;background-clip:text;position:relative}.hero-description{font-size:var(--heading-h2);text-align:center;letter-spacing:.2rem;margin-top:1rem;font-weight:400}.typing-text__box{text-align:center;font-size:var(--heading-h2);font-family:var(--body);letter-spacing:.2rem;& .typing-text__text{display:none}& .text-slider{font-weight:400;line-height:normal}}.bg-video{opacity:.3;z-index:-9999;width:100%;height:100vh;position:fixed;& .bg-video__content{object-fit:cover;width:100%;height:100%}}.brand-logo{width:8.4rem;position:relative;& .brand-logo__picture{width:50%;position:absolute;top:0;left:0;transform:translate(50%,50%)}& .brand-logo__name{width:100%}}.primary-nav{& .primary-nav__items{font-size:var(--body-s);outline:.1px solid var(--neutral-light-hover);-webkit-backdrop-filter:blur(var(--background-blur-m));backdrop-filter:blur(var(--background-blur-m));border-radius:5rem;gap:3rem;padding:1.5rem 3rem;list-style:none;display:flex}& .primary-nav__link{color:var(--neutral-light-hover);transition:all .2s ease-out;&:link{color:var(--neutral-light-hover)}&:hover{color:var(--neutral-white)}}}.btn:link,.btn:visited,.btn{color:var(--neutral-white);font-size:var(--body-xl);border-radius:var(--radius-m);box-shadow:var(--shadow-line);cursor:pointer;transition:all .2s ease-out;display:inline-block;&:hover,&:active{box-shadow:var(--shadow-line-hover)}}.btn-primary{background-color:var(--primary-blue);padding:1.8rem 3.2rem}.btn-secondary{background-color:var(--primary-blue);padding:1rem 2.2rem}.btn-tertiary{-webkit-backdrop-filter:blur(var(--background-blur-m));backdrop-filter:blur(var(--background-blur-m));background-color:#0003;padding:1rem 2.2rem}.btn--book-a-call{-webkit-backdrop-filter:blur(var(--background-blur-m));backdrop-filter:blur(var(--background-blur-m));background-color:#fff3;padding:1.2rem 2rem}.process{flex-direction:column;justify-content:center;align-items:center;max-width:80rem;margin:0 auto;display:flex;& .process__stage{font-size:var(--body-s);font-family:var(--heading);text-transform:uppercase;font-weight:var(--semi-bold);text-align:center;border-radius:var(--radius-m);box-shadow:var(--shadow-l);letter-spacing:.2px;border-top:.2px solid #fff;padding:1.5rem 0}& .process__stage--1{background-color:var(--neutral-black);min-width:25%;transition:all .5s;display:inline-block}& .process__stage--2{background-color:var(--neutral-black);color:var(--neutral-dark);min-width:50%;transition:all .4s ease-out}& .process__stage--3{background-color:var(--neutral-black);color:var(--neutral-dark);min-width:75%;transition:all .3s ease-out}& .process__stage--4{background-color:var(--neutral-black);color:var(--neutral-dark);min-width:100%;transition:all .3s ease-out}}.features{flex-direction:column;gap:1.8rem;display:flex;& .features__wrapper{flex-wrap:wrap;justify-content:center;gap:2.4rem;margin:0 auto;padding:1.8rem;display:flex;& .features__img-box{opacity:.3;box-shadow:var(--shadow-line);-webkit-backdrop-filter:blur(var(--background-blur-m));backdrop-filter:blur(var(--background-blur-m));border-radius:50%;justify-content:center;align-items:center;width:6rem;height:6rem;transition:all .2s ease-out;display:flex;&.figma{background-color:#242938}&.html{background-color:#e14e1d}&.css{background-color:#264de4}&.javascript{background-color:#f7df1e}&.webflow{background-color:#4353ff}&.wordpress{background-color:#0073aa}&.codegarage{opacity:.8;background-color:#242938}&.fabtreasure{opacity:.8;background-color:#520352}&.corazon{opacity:.8;background-color:#264de4}&.graceandlilly{opacity:.8;background-color:#f4cedd}& .features__img{width:70%;height:60%}&:hover{opacity:.9}}}}.slider{max-width:100%;height:50rem;margin:0 auto;position:relative;& .slide{z-index:1;width:100%;padding:0 3rem;transition:transform 1s cubic-bezier(.77,0,.175,1);position:absolute;top:0;& .slider__slide{border-radius:var(--radius-m);border-radius:2.8rem;max-width:70rem;margin:0 auto;overflow:hidden;& .slider__info{-webkit-backdrop-filter:blur(var(--background-blur-m));backdrop-filter:blur(var(--background-blur-m));background-color:#c2b3ff33;flex-wrap:wrap;gap:.8rem;padding:1.4rem 0 1.4rem 3rem;display:flex;& span{font-size:var(--heading-6);box-shadow:var(--shadow-line);background-color:#0006;border-radius:3.6rem;padding:9px;display:inline-block}}& .slider__img-box{opacity:.8;width:100%;height:100%;transition:opacity .3s ease-out;&:hover{opacity:1}& .slider__img{object-fit:cover;width:100%;height:100%}}& .slider__description-box{border-radius:var(--radius-m);box-shadow:var(--shadow-line);-webkit-backdrop-filter:blur(var(--background-blur-m));backdrop-filter:blur(var(--background-blur-m));background-color:#0009;flex-direction:column;gap:1rem;max-width:35rem;padding:1.8rem;transition:all .2s ease-out;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);&:hover{background-image:url(gradient-background.6ac8d490.png);background-repeat:no-repeat;background-size:cover}& .slider__description{text-align:center;font-size:var(--body-m);line-height:1.4}& .slider__btn-box{text-align:center;justify-content:center;align-items:center;gap:2rem;display:flex;& .staging{background-color:var(--neutral-dark)!important;opacity:.2!important;pointer-events:none!important}}}}}& .slider__btn{z-index:2;opacity:.7;transition:all .3s ease-out;display:inline-block;position:absolute;top:50%;&:hover{opacity:1;scale:.98}&:active{scale:.9}&.slider__btn--left{left:0;transform:translateY(-50%)rotate(180deg)}&.slider__btn--right{right:0;transform:translateY(-50%)}& .slider__arrow-design{width:8.7rem}& .slider__arrow{font-size:var(--leading-l);box-shadow:var(--shadow-line-hover);background-color:var(--primary-blue-hover);border-radius:50%;justify-content:center;align-items:center;width:4.8rem;height:4.8rem;line-height:0;transition:all .2s ease-out;display:flex;position:absolute;top:0;&:hover{background-color:var(--primary-blue);cursor:pointer;border-radius:50%}&.slider__arrow-left{left:0;transform:translate(22%,113%)}&.slider__arrow-right{right:0;transform:translate(-61%,113%)}}}& .dots{z-index:3;gap:.8rem;width:min-content;display:flex;position:absolute;bottom:-20%;left:50%;transform:translate(-50%);& .dots__dot{cursor:pointer;background-color:#fff3;border-radius:50%;width:1.4rem;height:1.4rem;transition:all .5s ease-out;&.dots__dot--active{background-color:#fff9}}}}.faqs-box{grid-template-rows:repeat(4,1fr);grid-template-columns:1fr 1fr;gap:3rem;width:90%;margin:0 auto;display:grid;& .faqs__question-box{-webkit-backdrop-filter:blur(var(--background-blur-m));backdrop-filter:blur(var(--background-blur-m));border-radius:var(--radius-m);box-shadow:var(--shadow-line);background-color:#ffffff0d;flex-direction:column;gap:1.5rem;padding:3rem;transition:all .3s ease-out;display:flex;&:first-child{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;& div{flex-direction:column;gap:2rem;display:flex;& .faqs__support-style{background-image:url(Underline-effect-white.33ecc0b5.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain;padding-bottom:.6rem}}}& .faqs__question{font-size:var(--leading-m);font-weight:var(--medium);& .faqs__style-gradient{-webkit-background-image:linear-gradient(90deg,#fff,#b1f3bf,#d8ff2b,#dd96eb,#fff);color:#0000;background-image:linear-gradient(90deg,#fff,#b1f3bf,#d8ff2b,#dd96eb,#fff);background-clip:text}& .faqs__style-underline{font-family:Faster One,Fira sans,sans-serif}& .faqs__style-strikethrough{-webkit-text-decoration:line-through double var(--neutral-black)1.5px;-webkit-text-decoration:line-through double var(--neutral-black)1.5px;text-decoration:line-through double var(--neutral-black)1.5px}}& .faqs__description{font-size:var(--body-l);color:var(--neutral-light-hover);line-height:1.4}&:nth-child(6){grid-column:1/-1}&:hover{box-shadow:var(--shadow-line-hover);background-color:#00000080}}}.btn-mobile{cursor:pointer;box-shadow:0 0 1px 0 var(--neutral-white);-webkit-backdrop-filter:blur(var(--background-blur-l));backdrop-filter:blur(var(--background-blur-l));opacity:0;pointer-events:none;visibility:hidden;background-color:#ffffff1a;border-radius:.4rem;justify-content:center;align-items:center;width:4.8rem;height:4.8rem;padding:0 .2rem;display:flex;& .btn-mobile-icon{color:var(--neutral-white);width:4.8rem;height:4.8rem}& .btn-mobile-icon[name=close-outline]{display:none}&:hover .navigation__icon:before{top:-1rem}&:hover .navigation__icon:after{top:1rem}}@media (width<=50em){.btn-mobile{opacity:1;pointer-events:all;visibility:visible;display:flex}.nav-open .btn-mobile-icon[name=menu-outline]{display:none}.nav-open .btn-mobile-icon[name=close-outline]{display:block}}.navigation__icon{text-align:center;position:relative;&,&:before,&:after{background-color:#fff;width:3rem;height:2px;transition:all .2s ease-out;display:inline-block}&:before,&:after{content:"";position:absolute;left:0}&:before{top:-.8rem}&:after{top:.8rem}}.open{& .navigation__icon{background-color:#0000;&:before{top:0;transform:rotate(-135deg)}&:after{top:0;transform:rotate(135deg)}}&:hover .navigation__icon:before,&:hover .navigation__icon:after{top:0}}.form-overlay{filter:blur();z-index:999999;-webkit-backdrop-filter:blur(var(--background-blur-xl));backdrop-filter:blur(var(--background-blur-xl));width:100%;height:100vh;transition:all .2s ease-in;position:fixed;top:0;transform:scale(1);& .form{background-image:url(form-background.2af73d61.jpg);background-repeat:no-repeat;background-size:cover;border-radius:1.6rem;flex-direction:column;justify-content:center;width:80%;height:95%;margin:2rem auto 0;display:flex;position:relative;& label{text-align:left!important}& .form__box{flex-direction:column;gap:1.8rem;width:80%;margin:2rem auto 0;display:flex;& .form__group{width:100%}& .form__label{padding-left:2rem;font-family:inherit;font-size:1.8rem;transition:all .1s ease-out;display:block;transform:translateY(-9rem)}& .form__label.message{transform:translateY(-20.2rem)}& .form__input,& .form__input--message{-webkit-backdrop-filter:blur(var(--background-blur-m));backdrop-filter:blur(var(--background-blur-m));background-color:#fffc;border:none;border-radius:1rem;width:100%;padding:2rem;font-family:inherit;font-size:1.8rem;display:block}& .form__input{border-bottom:5px solid #0000;&:focus{border-bottom:5px solid #0a7e0c;outline:none;box-shadow:0 1rem 2rem #0006;&::placeholder{opacity:2}&:invalid{border-bottom:5px solid #e28e39}}}& .form__input:placeholder-shown~.form__label{opacity:0;transform:translateY(-5.4rem)}& .form__input--message{width:100%;height:18rem;min-height:30%;&:focus{outline:none;box-shadow:0 1rem 2rem #000000b3}}& .btn--submit-form{-webkit-backdrop-filter:blur(var(--background-blur-m));backdrop-filter:blur(var(--background-blur-m));cursor:pointer;color:var(--neutral-dark);background-color:#ffffff80;border-radius:1rem;width:100%;padding:2rem;font-size:2.4rem;font-weight:600;transition:all .2s ease-out;&:hover{background-color:#ffffffd5}}}& .form__btn-close{cursor:pointer;display:inline-block;position:absolute;top:4%;right:4%;& img{border-radius:50%;width:4rem;transition:all .3s ease-out;transform:rotate(-180deg);box-shadow:0 1rem 2rem #0003;&:hover{transform:rotate(0);box-shadow:0 1rem 2rem #00000080}}}}}.hidden-form{opacity:0;visibility:hidden;pointer-events:none;filter:blur(2rem);transform:scale(.9)}.success-box{background-color:#050317;flex-direction:column;justify-content:center;align-items:center;gap:2.4rem;width:100%;height:100vh;display:flex;& span{text-align:center;max-width:50rem;font-size:2.4rem;line-height:1.2}}#hidden-btn{visibility:hidden;pointer-events:none;opacity:0}.header{z-index:9999;justify-content:space-between;align-items:center;width:100%;padding:0 3rem;display:flex;position:fixed;top:4%}.get{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:3rem;max-width:90%;margin:2rem auto 0;display:grid;& .get__box{border-radius:var(--radius-m);background-color:var(--secondary-blue-opacity);-webkit-backdrop-filter:blur(var(--background-blur-m));backdrop-filter:blur(var(--background-blur-m));flex-direction:column;gap:4rem;padding:6rem 3rem 3rem;transition:all .2s ease-out;display:flex;& .get__img-box{height:40%;& .get__img{height:100%}}&.get__box:hover{box-shadow:var(--shadow-line-hover);background-image:url(gradient-background.6ac8d490.png);background-position:bottom;background-size:cover}}& .get__design{grid-column:1/-1}& .get__description{font-size:var(--body-xl);margin-top:1.5rem}}.about{max-width:90%;min-height:38rem;margin-top:1rem;position:relative;overflow:hidden;& .about__background{-webkit-backdrop-filter:blur(var(--background-blur-m));backdrop-filter:blur(var(--background-blur-m));box-shadow:var(--shadow-line-hover);border-radius:var(--radius-m);background-image:linear-gradient(135deg,#0003 30%,#91888833 80%,#91888866);grid-template-columns:2fr 1fr;gap:2.4rem;min-width:100%;min-height:36rem;padding-left:8rem;display:grid;position:absolute;bottom:0;& .about__content{grid-template-columns:min-content minmax(40rem,50rem);align-items:center;gap:6rem;display:grid;& .brand-logo{transform:scale(1.5)}}& .about__text-box{flex-direction:column;align-items:start;gap:1.2rem;display:flex;& .about__description{font-size:var(--body-l);letter-spacing:.5px;color:#fff;margin-bottom:1.8rem;font-weight:200;line-height:1.5}}}& .about__img-box{justify-content:end;width:50%;height:100%;display:flex;position:absolute;bottom:0;right:0%;& .about__img{width:auto;height:100%}}}.cta{border-radius:var(--radius-m);box-shadow:var(--shadow-line-hover);background-image:url(cta-background.eb314958.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-width:90%;min-height:45rem;margin:0 auto;display:flex;& .cta__img-box{width:15rem;& .cta__img{width:100%}}& .cta__text-box{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;& .cta__description{font-size:var(--body-xl);text-align:center;letter-spacing:.2px;margin-bottom:2rem}}}.footer{padding:10rem 3rem 14rem;box-shadow:0 -1px #adadad1a;& .footer__items-box{justify-content:space-between;align-items:end;max-width:90%;margin:0 auto;display:flex;& .footer__social{& span{font-size:var(--body-xl);margin-bottom:1rem;display:block}& .footer__social-img-box{align-items:end;gap:1rem;display:flex;& .footer__social-link:link,& .footer__social-link:visited{-webkit-backdrop-filter:blur(var(--background-blur-l));backdrop-filter:blur(var(--background-blur-l));background-color:#0000001a;border:.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;transition:all .1s ease-out;display:flex;&:hover,&:active{background-color:#ffffff1a}& .footer__social-img{width:50%}}}}& .brand-logo{transform:scale(1.5)}& .footer__copyright{flex-direction:column;gap:1.2rem;display:flex;& span{font-size:var(--body-s);display:block}& .footer__copyright-love{font-style:var(--quote);margin-bottom:1px}& .footer__copyright-text{color:#737373;gap:.4rem;display:flex}& .footer__copyright-year,& .footer__copyright-name{display:inline-block}}}}#preloader{z-index:99999999;background:#050312;justify-content:center;align-items:center;width:100%;height:100vh;transition:all .2s ease-out;display:flex;position:fixed;top:0;& #loader-lottie{width:30rem;height:30rem}}.nav__btn-lottie-box{display:block;& #nav__btn-lottie{width:4.8rem;height:4.8rem}}.spin{animation:4s linear infinite spin}@keyframes spin{0%{rotate:none}to{rotate:360deg}}.spin__manual{animation:1s linear infinite paused rotate;animation-delay:calc(var(--scroll)*-1s);animation-iteration-count:1;animation-fill-mode:both}@keyframes rotate{to{transform:rotate(360deg)}}.about__img{animation:.1s linear reverse paused moveIn;animation-delay:calc(var(--scroll)*-.3s);animation-iteration-count:1;animation-fill-mode:both}@keyframes moveIn{to{transform:translate(5rem)}}.process{position:relative;& canvas{pointer-events:none;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)}}.hidesection{opacity:0;filter:blur(90px);transform:translateY(80px)}
/*# sourceMappingURL=index.d07ee910.css.map */