@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@keyframes floaty{0%{transform:rotate(-45deg) scale(1) translate(0)}50%{transform:rotate(-120deg) scale(1.5) translateY(20vw)}to{transform:rotate(-45deg) scale(1) translate(0)}}@keyframes slideUp{0%{transform:translateY(8rem)}to{transform:translateY(-40rem)}}*{box-sizing:border-box}html,body{font-family:Outfit,sans-serif;margin:0;padding:0;box-sizing:border-box;color:#2f2f2f;background-color:#efefef}html{scroll-behavior:smooth}section{position:relative}section .inner{width:95%;max-width:1280px;margin:0 auto}img.logo{max-width:600px;width:100%}img.logo.light{display:none}h1,h2,h3,h4,h5,h6{font-weight:800;margin:0 0 .05em;padding:0}h1:after,h2:after,h3:after,h4:after,h5:after,h6:after{content:".";color:#8b00f5}h1{font-size:3rem}h2{font-size:2.8rem}@media all and (max-width: 900px) and (min-width: 0px){h2{font-size:2.5rem}}@media all and (max-width: 560px) and (min-width: 0px){h2{font-size:2.2rem}}h3{font-size:2.6rem}@media all and (max-width: 480px) and (min-width: 0px){h3{font-size:2rem}}h4{font-size:2rem}h5{font-size:1.8rem}h6{font-size:1.6rem}ol,ul,p{font-size:1.25rem;font-weight:200;line-height:1.75em;color:#2f2f2f;margin:0;padding:0}ol a,ul a,p a{color:#7c08bf}@media all and (max-width: 560px) and (min-width: 0px){ol,ul,p{font-size:1.1rem}}ol,ul{padding-left:1em}a.std,button.std{position:relative;font-size:1.1rem;text-transform:uppercase;font-family:Outfit,sans-serif;font-weight:600;outline:none;border:none;color:#fff;background-color:#8b00f5;padding:.5em 1em;border-radius:2em;cursor:pointer;box-shadow:.3em .3em #67f9ba;transform-origin:bottom right;transition:box-shadow .6s cubic-bezier(.19,1,.22,1),background-color .2s ease-in-out,transform .6s cubic-bezier(.19,1,.22,1)}a.std:hover,button.std:hover{box-shadow:0 .2em #67f9ba;transform:scale(.95)}.std-body{text-align:left;padding:3em 0;margin-bottom:10em}.std-body ol li,.std-body ul li{margin-bottom:.8em}.std-body h1,.std-body h2,.std-body h3,.std-body h4,.std-body h5,.std-body h6,.std-body p{margin-bottom:1em}.bg-shapes{position:absolute;top:0;width:100%;height:110vh;overflow:hidden;pointer-events:none}.bg-teal,.bg-purple{font-size:10vw;position:absolute;width:5em;height:5em;pointer-events:none;border-radius:2em;filter:blur(50px);opacity:.2;transform-origin:middle;animation-name:floaty;animation-duration:8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.bg-purple{top:-2em;left:-2em;background-color:#8b00f5}.bg-teal{font-size:5vw;bottom:2em;right:0;background-color:#67f9ba;animation-duration:12s}header{position:relative;padding:2rem 0}header .inner{width:95%;max-width:1280px;margin:0 auto;position:relative;display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between;align-items:center}header .logo{max-width:300px;width:80%}header .logo img{width:100%}header nav{position:relative;text-align:right}.intro{padding:2rem 0}.intro .inner{width:90%;max-width:980px;text-align:center}.intro .inner.wide{max-width:1000px}@media all and (max-width: 850px) and (min-width: 0px){.intro .inner{width:85%}}.intro h1{font-size:3.4rem;display:inline-block}.intro h1[data-anim]{opacity:0;transform:translateY(1em);transition:transform .6s cubic-bezier(.68,-.55,.265,1.55),opacity .4s ease-in-out}.intro h1[data-anim].show{opacity:1;transform:translate(0)}@media all and (max-width: 1100px) and (min-width: 0px){.intro h1{font-size:3rem}}@media all and (max-width: 900px) and (min-width: 0px){.intro h1{font-size:2.6rem}}@media all and (max-width: 850px) and (min-width: 0px){.intro h1{font-size:2.2rem}}@media all and (max-width: 650px) and (min-width: 0px){.intro h1{font-size:2rem}}@media all and (max-width: 560px) and (min-width: 0px){.intro h1{font-size:1.5em}}.grid{--cols: 2;position:relative;display:grid;gap:2rem;grid-template-columns:repeat(var(--cols),1fr)}.flex{display:flex}.card,.big-card{position:relative;background-color:#9800f0;padding:4rem 3rem;color:#fff;border-radius:2.5rem;font-size:1rem;aspect-ratio:1/.9;display:grid;align-items:center;align-content:center}.card h2,.card p,.big-card h2,.big-card p{color:#fff}.card h2,.big-card h2{font-size:3.2em;margin:0;padding:0}.card h2:after,.big-card h2:after{color:#67f9ba}@media all and (max-width: 480px) and (min-width: 0px){.card h2,.big-card h2{font-size:2.2em}}.card p,.big-card p{font-size:1.4em;margin:1em 0 0;padding:0}.card.teal,.big-card.teal{background-color:#67f9ba}.card.teal h2,.card.teal p,.big-card.teal h2,.big-card.teal p{color:#2f2f2f}.card.teal h2:after,.big-card.teal h2:after{color:#9800f0}@media all and (max-width: 1248px) and (min-width: 0px){.card,.big-card{font-size:.9rem}}@media all and (max-width: 900px) and (min-width: 0px){.card,.big-card{padding:2em 3em}}@media all and (max-width: 480px) and (min-width: 0px){.card,.big-card{padding:2em;aspect-ratio:auto}}.image-card{position:relative;overflow:hidden}.image-card img{position:relative;width:100%;height:auto;border-radius:2.5rem}.services-intro .inner{width:90%;padding:2rem 0;margin-bottom:20em}@media all and (max-width: 1100px) and (min-width: 0px){.services-intro .inner{margin-bottom:12em;padding-top:0}}@media all and (max-width: 560px) and (min-width: 0px){.services-intro .inner{margin-top:-3em}}@media all and (max-width: 480px) and (min-width: 0px){.services-intro .inner{margin-top:-6em}}.services-intro .grid{grid-template-columns:1.25fr 2fr}@media all and (max-width: 480px) and (min-width: 0px){.services-intro .grid{grid-template-columns:1fr}}.services-intro .grid .big-card{z-index:2;animation:slideUp .5s linear infinite;animation-play-state:paused;animation-delay:calc(var(--scroll) * -1s)}@media all and (max-width: 480px) and (min-width: 0px){.services-intro .grid .big-card{width:100%}}.services-intro .grid .image-card{z-index:1;position:absolute;width:70%;top:12em;right:0;animation:slideUp .5s linear infinite;animation-play-state:paused;animation-delay:calc(var(--scroll) * -1.25s)}@media all and (max-width: 1100px) and (min-width: 0px){.services-intro .grid .image-card{width:80%}}@media all and (max-width: 770px) and (min-width: 0px){.services-intro .grid .image-card{width:80%;top:16em;animation:slideUp .5s linear infinite;animation-play-state:paused;animation-delay:calc(var(--scroll) * -2s)}}@media all and (max-width: 560px) and (min-width: 0px){.services-intro .grid .image-card{top:20em}}@media all and (max-width: 480px) and (min-width: 0px){.services-intro .grid .image-card{top:18em;right:10%;animation-delay:calc(var(--scroll) * -2.5s)}}.services{position:relative}.services .inner{position:relative;padding:2rem}.service-list{--cols: 3;position:relative;display:grid;grid-template-columns:repeat(var(--cols, 3),1fr);gap:4rem;margin:2.5rem 0;font-size:1rem}@media all and (max-width: 850px) and (min-width: 0px){.service-list{--cols: 2}}@media all and (max-width: 560px) and (min-width: 0px){.service-list{--cols: 1}}.service-list .service-card{position:relative}.service-list .service-card .image{position:relative;width:100%;aspect-ratio:10/9;overflow:hidden;border-radius:2rem;border:solid 4px rgba(20.5275,157.9725,98.413,.3);margin-bottom:2rem}.service-list .service-card .image:after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:#9800f0;mix-blend-mode:overlay;top:0;left:0;opacity:.3;display:none}.service-list .service-card .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.service-list .service-card h4{color:#7c08bf;font-size:1.6em;margin-bottom:.5em}.service-list .service-card h4:after{color:#29c782}.service-list .service-card p{font-size:1.2em;font-weight:300}.why-us{position:relative;margin-bottom:0rem;padding-top:3em}@media all and (max-width: 850px) and (min-width: 0px){.why-us{margin-top:8em;margin-bottom:6rem}}.why-us .inner{padding:6rem 0}@media all and (max-width: 850px) and (min-width: 0px){.why-us .inner{width:85%;padding:0}}@media all and (max-width: 1248px) and (min-width: 0px){.why-us .cards{gap:3rem}}@media all and (max-width: 1100px) and (min-width: 0px){.why-us .cards{gap:2rem}}.cards{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;margin-bottom:10rem}@media all and (max-width: 850px) and (min-width: 0px){.cards{grid-template-columns:1fr}.cards .card{aspect-ratio:auto}}.cards .card.purple{margin-top:3rem}.grecaptcha-badge{visibility:hidden}.service-group{position:relative;margin:3em 0 0;padding:3em 0 6em;background-color:#9cf2cd}.service-group:before{content:"";display:block;position:absolute;width:100%;height:10em;background-color:#9cf2cd;transform:skewY(3deg);left:0;top:-6em;border-top-left-radius:5em}.service-group:first-child{padding-top:0;margin-top:0}.service-group:first-child:before{top:-3em}.service-group h3,.service-group .service-card h4{color:#2f2f2f}.service-group h3:after,.service-group .service-card h4:after{color:#8b00f5}.service-group.design{position:relative}.service-group.develop{background-color:#8b00f5}.service-group.develop:before{background-color:#8b00f5;transform:skewY(-3deg);border-top-left-radius:0;border-top-right-radius:5em}.service-group.develop h3,.service-group.develop h4{color:#fff}.service-group.develop h3:after,.service-group.develop h4:after{color:#67f9ba}.service-group.develop p{color:#fff}.service-group.develop .service-list .service-card .image{border-color:#540788b3}.service-group.ongoing{padding-bottom:0;padding-top:0}.service-group.ongoing:before{height:calc(100% + 10em)}@media all and (max-width: 560px) and (min-width: 0px){.service-group,.service-group.purple{padding:2em 0}}footer{position:relative;background-color:#61049f}footer:before{content:"";position:absolute;width:100%;height:7em;background-color:#61049f;clip-path:polygon(0 0,0% 100%,100% 100%);top:-6.95em;left:0}footer .logo{position:absolute;width:9em;top:-6.1em;right:0;overflow:hidden}footer .logo img{width:100%;transform:translate(1.25em)}footer .inner{margin:0 auto;position:relative;max-width:1000px;width:80%;padding:8rem 0 2rem}footer .inner:before{content:"“";display:block;font-family:Outfit,sans-serif;color:#67f9ba;font-size:14em;pointer-events:none;position:absolute;left:-.5em;top:.15em}@media all and (max-width: 1248px) and (min-width: 0px){footer .inner:before{font-size:12em;left:-.45em}}@media all and (max-width: 1100px) and (min-width: 0px){footer .inner:before{font-size:18vw;top:8%}}footer h2{color:#fff;max-width:22em}footer h2:after{color:#67f9ba}footer p{color:#fff}footer form{position:relative;width:100%;padding:2em 0;font-size:1rem}footer form .checkbox{position:relative;box-sizing:border-box;width:100%;padding:.5em 0;display:flex;gap:1em;justify-content:flex-start;align-items:flex-start}footer form .checkbox input[type=checkbox]{width:8px;visibility:hidden}footer form .checkbox label.cb{position:absolute;width:1.5em;height:1.5em;top:0;left:0;cursor:pointer;border-radius:.4em;background-color:#67f9ba}footer form .checkbox label.cb:after{content:"L";font-family:Outfit,sans-serif;color:#61049f;font-weight:800;font-size:20px;position:absolute;top:-2px;left:8px;transform:scale(0) rotate(-100deg);transform-origin:bottom left;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}footer form .checkbox input[type=checkbox]:checked+label.cb:after{transform:scaleX(-1) rotate(-45deg)}footer form .checkbox .small{text-align:left;width:clamp(20px,100%,1200px)}footer form .checkbox .small a{color:#67f9ba;text-decoration:none}footer form input,footer form textarea{width:100%;box-sizing:border-box;outline:none;border:none;font-family:Outfit,sans-serif;background-color:#540788;color:#fff;font-size:1.1rem;padding:2.2em 1em 1.5em;border-radius:.5em;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}footer form input.error,footer form textarea.error{box-shadow:inset 0 0 0 2px red}footer form input:hover,footer form textarea:hover{background-color:#510783}footer form input:focus,footer form textarea:focus{background-color:#45066f}footer form div{position:relative}footer form textarea{resize:none;height:8em}footer form label{color:#dfc1f6}footer form label.over{position:absolute;top:.5em;left:1em}footer form button{font-size:1.2em;margin-top:1em;font-family:Outfit,sans-serif;outline:none;border:none;display:inline-block;border-radius:3em;font-weight:600;text-transform:uppercase;padding:.5em 1.5em;background-color:#5ae7aa;color:#540788;cursor:pointer;transition:background-color .2s cubic-bezier(.19,1,.22,1)}footer form button:hover,footer form button:focus{background-color:#9cf2cd}footer form .feedback{margin-top:1em;opacity:1;min-height:4em;transition:opacity .3s cubic-bezier(.19,1,.22,1)}footer form .feedback.bad{color:#f8cbcb}footer form .feedback.good{color:#67f9ba}footer form .feedback.hide{opacity:0}footer form .footer{display:flex;gap:1em}footer .cols{--cols: 2;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:1.5em;margin-bottom:1.5em}@media all and (max-width: 650px) and (min-width: 0px){footer .cols{--cols: 1}}footer .details{position:relative;width:100%;padding:3em 0;background-color:#54078880}footer .details .container{--cols: 2;position:relative;display:grid;gap:1em;grid-template-columns:repeat(var(--cols, 2),1fr);justify-content:space-between;align-items:center;width:90%;max-width:1000px;margin:0 auto}@media all and (max-width: 480px) and (min-width: 0px){footer .details .container{--cols: 1}footer .details .container .left,footer .details .container .right{text-align:center}footer .details .container .left a,footer .details .container .right a{font-size:1em}}footer .details .right{text-align:right}footer .details a.link{color:#fff;text-decoration:none;font-size:1.25em;cursor:pointer;transition:color .15s ease-in-out}footer .details a.link:hover{color:#67f9ba}footer .details a.social{margin-left:.25em}footer .details a.social img{visibility:hidden}footer .details a.social img,footer .details a.social svg{width:1.85em}footer .details a.social svg *{fill:#fff;transition:fill .2s ease-in-out}footer .details a.social:hover svg *{fill:#67f9ba}.coming-soon{position:relative;display:flex;width:100vw;height:100vh;overflow:hidden;text-align:center}.coming-soon .inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;overflow:hidden;padding:0 2rem}@media all and (max-width: 600px) and (min-width: 0px){.coming-soon h1{font-size:1.8rem}.coming-soon p{font-size:1.2rem}}