.cumpany{display:flex;justify-content:center;text-align:center;gap:30px;flex-direction:column;padding:0 20px}.cumpany .intro-logo{max-width:600px;margin:auto}.cumpany .intro-logo .title{font-size:1.1rem;color:var(--text-color)}.cumpany .logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-content:center;align-items:center;width:100%;max-width:700px;margin:auto}.cumpany .logos figure{display:flex;align-items:center!important;justify-content:center;height:100px;padding:0 1rem;border:var(--thin-border);&:hover{background-color:var(--lilac-color);& img{filter:contrast(0) brightness(200%)}}&:first-child{border-radius:10px 0 0 10px}&:last-child{border-radius:0 10px 10px 0}}.cumpany .logos img{width:100%;max-width:100px;height:auto}html:not(.light) .cumpany .logos .corporatecc{filter:invert(100%) saturate(0)}@media screen and (max-width:801px){.cumpany .logos figure{&:nth-child(4){border-radius:0 10px 10px 0}&:nth-child(5){border-radius:10px}}}@media screen and (max-width:679px){.cumpany .logos figure{&:nth-child(3){border-radius:0 10px 10px 0}&:nth-child(4){border-radius:10px}}}@media screen and (max-width:519px){.cumpany .logos figure{&:first-child{border-radius:10px 0 0 0}&:nth-child(2){border-radius:0 10px 0 0}&:nth-child(3){border-radius:0 0 0 10px}&:nth-child(4){border-radius:0 0 10px 0}}}@media screen and (max-width:360px){.cumpany .logos{display:flex;flex-direction:column}.cumpany .logos figure{width:100%;&:first-child{border-radius:10px 10px 0 0}&:nth-child(2),&:nth-child(3){border-radius:0}&:nth-child(4){border-radius:0 0 10px 10px}}}.desenvolvemos{display:flex;flex-direction:column;gap:30px;padding:0 20px}.desenvolvemos .box-card .box-c{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));justify-content:center}.desenvolvemos .box-card .card{background-color:var(--bg-color);display:flex;flex-direction:column;align-items:flex-start;border-radius:25px;padding:30px;gap:20px;width:100%;position:relative;z-index:1;&:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;border-radius:25px;border:var(--thin-border);transform:translate(-1px,-1px);z-index:-1}&:hover .box-icon .icon{transform:translate(20px,-20px)}}.desenvolvemos .box-card .card svg{font-size:2rem;color:var(--text-dark-light)}.desenvolvemos .box-card .card .title{font-size:1.2em;font-weight:500;font-family:Fira Code,Chakra Petch,Outfit,sans-serif}.desenvolvemos .box-card .card .text{color:var(--text)}.desenvolvemos .box-card .card a{border:var(--border);padding:10px 20px;border-radius:100px;&:hover .text-area .text{transform:translateY(-22px)}}.desenvolvemos .box-card .card a .text-area{overflow:hidden;height:22px;text-wrap:nowrap}.desenvolvemos .box-card .card a .text-area .text{transition:.3s ease;font-size:1rem;font-weight:800;font-family:Chakra Petch;letter-spacing:1px;text-transform:uppercase;color:var(--text-dark-light)}.desenvolvemos .box-card .card a .box-icon{width:30px;height:20px;overflow:hidden}.desenvolvemos .box-card .card a .icon:nth-child(2){margin-left:-35px}.desenvolvemos .box-card .card a .icon svg{transform:rotate(-45deg);font-size:1.2rem;color:var(--lilac-color)}@media screen and (max-width:305px){.desenvolvemos .box-card .box-c{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}.intro{max-width:600px;display:flex;flex-direction:column;gap:20px}.intro .pre-text{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:10px;padding:5px 10px;border:var(--border);border-radius:10px;font-family:Fira Code;font-size:.9rem;font-weight:700;color:var(--text-dark-light);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.intro .pre-text svg{font-size:.9rem;color:var(--lilac-color)}.intro .pre-text .linha{width:15px;height:1px;background-color:var(--text-dark-light)}.intro .title,.intro .title span{font-size:2.5rem;font-weight:500;font-family:Chakra Petch}.intro .title span{color:var(--lilac-color);margin-left:10px}.intro .text{& span{color:var(--text-dark-light)}}@media screen and (max-width:400px){.intro .title,.intro .title span{font-size:2rem}}.herohome{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;gap:60px;margin:auto;padding-top:170px;transition:all .3s ease;position:relative;overflow:hidden}.herohome .title{font-size:3rem;max-width:900px;font-weight:500;font-family:var(--font-outfit);color:var(--text-dark-light);padding:0 10px}.herohome .text{font-size:1.2rem;max-width:700px;line-height:1.6;padding:0 20px}.herohome .btn{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:570px;gap:10px;padding:0 20px}.herohome .btn .start,.herohome .btn .who-are{background-color:var(--lilac-color);color:var(--white-color);padding:15px 30px;border-radius:100px;border:1px solid transparent;gap:10px;&:focus{border:1px solid var(--text-dark-light)}&:hover .text-area .text{transform:translateY(-25px)}}.herohome .btn .text-area{overflow:hidden;height:25px;text-wrap:nowrap}.herohome .btn .text-area .text{transition:.3s ease;font-size:1rem;font-weight:500;letter-spacing:1px;font-family:var(--font-fira)}.herohome .btn .who-are{border:var(--border);background-color:transparent;color:var(--text-dark-light)}.herohome .tecnology{width:100%;max-width:600px;display:flex;align-items:center;gap:5px;justify-content:space-between;padding:0 20px}.herohome .tecnology .icon{padding:15px;border-radius:100px;background-color:var(--black-soft);color:var(--white-color);position:relative;z-index:1;&:hover:after{top:-33px;opacity:1;transform:scale(100%);z-index:99}&:hover:before{opacity:1;top:-12px;z-index:99}&:after{content:attr(data-text);padding:5px 8px;font-size:.8rem;border-radius:3px;transform:scale(50%)}&:after,&:before{position:absolute;top:10px;background-color:var(--black-soft);transition:.3s ease;z-index:-1;opacity:0}&:before{content:"";width:10px;height:10px;transform:rotate(45deg)}}.herohome .tecnology .icon svg{font-size:1.7em}.herohome .banner{overflow:hidden;max-width:100%;position:relative;display:flex;justify-content:center}.herohome .banner img{border-radius:30px;width:95%;height:auto;display:none;border:var(--thin-border)}html.light .herohome .banner img.light,html:not(.light) .herohome .banner img.dark{display:block}@media (max-width:550px){.herohome{gap:30px;padding-top:120px}.herohome .bg-img .neon{display:none}.herohome .bg-img .solid{display:flex;opacity:.5}html.light .herohome .bg-img img.light{display:none}.herohome .title{font-size:2.1rem}.herohome .text{font-size:1rem}.herohome button{padding:15px 25px}.herohome .tecnology .icon svg{font-size:1.3em}.herohome .banner{border-radius:20px}}@media (max-width:526px){.herohome .btn{justify-content:center}.herohome .btn .start{padding:15px 20px 15px 0}.herohome .btn .who-are{padding:15px 0;width:140px}.herohome .btn .start,.herohome .btn .who-are{gap:0}}@media (max-width:400px){.herohome .title{font-size:1.7rem}.herohome .banner{border-radius:10px}}@media (max-width:380px){.herohome .btn{flex-direction:column;gap:20px}.herohome .btn .start,.herohome .btn .who-are{width:100%}}@media (max-width:372px){.herohome .tecnology{flex-wrap:wrap;justify-content:center;gap:10px}}@media (max-width:352px){.herohome .title{font-size:1.5rem}}.howwork{padding:0 20px;display:flex;flex-direction:column;gap:10px}.howwork .box{display:flex;justify-content:space-between;gap:50px;margin-top:30px}.howwork .box figure img{width:100%;max-width:600px;min-width:400px;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:30px}.howwork .box .it-work{max-width:600px;display:flex;flex-direction:column;gap:40px}.howwork .box .it-work .item{display:flex;gap:20px}.howwork .box .it-work .item .item-number p{background-color:var(--lilac-transparent);color:var(--lilac-color);font-family:var(--font-chakra);font-weight:600;font-size:1.6rem;width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50%}.howwork .box .it-work .item .title{font-size:1.6rem;margin-bottom:20px}.howwork .update-plan{display:flex;align-items:center;gap:30px;margin-top:30px}.howwork .update-plan .info{display:flex;flex-direction:column;gap:20px}.howwork .update-plan .info .title,.howwork .update-plan .info .title span{font-size:2rem;font-family:var(--font-chakra)}.howwork .update-plan .info .title span{color:var(--lilac-color)}.howwork .update-plan .info .btn{display:flex;align-items:center;width:100%;gap:10px}.howwork .update-plan .info .btn .start,.howwork .update-plan .info .btn .who-are{background-color:var(--lilac-color);color:var(--white-color);padding:15px 30px;border-radius:15px;border:1px solid transparent;gap:10px;width:100%!important;&:focus{border:1px solid var(--text-dark-light)}&:hover .text-area .text{transform:translateY(-21px)}}.howwork .update-plan .info .btn .text-area{overflow:hidden;height:25px;text-wrap:nowrap}.howwork .update-plan .info .btn .text-area .text{transition:.3s ease;font-size:1rem;font-weight:500;letter-spacing:1px;font-family:var(--font-fira);margin-top:1px}.howwork .update-plan .info .btn .who-are{border:var(--border);background-color:transparent;color:var(--text-dark-light)}.howwork .update-plan figure{border-top:10px solid #333;border-left:10px solid #333;border-radius:20px 0 0 0;overflow:hidden}.howwork .update-plan figure img{border-radius:10px 0 0 0;width:100%;height:auto}@media screen and (max-width:984px){.howwork .box{flex-direction:column;gap:40px}.howwork .box .it-work{gap:30px}.howwork .update-plan{flex-direction:column}.howwork .update-plan .info{max-width:600px;gap:30px}.howwork .box figure img{aspect-ratio:16/10;max-width:100%;min-width:0}}@media screen and (max-width:540px){.howwork .box figure img{border-radius:20px}.howwork .box .it-work{gap:25px}.howwork .box .it-work .item .title{margin-bottom:10px}}@media screen and (max-width:480px){.howwork .box{margin-top:20px}.howwork .update-plan .info .btn{flex-direction:column}.howwork .update-plan .info .btn .text-area .text{transform:translateY(2px)}.howwork .update-plan .info{gap:20px}.howwork .update-plan .info .title,.howwork .update-plan .info .title span{font-size:1.6rem}}@media screen and (max-width:400px){.howwork .box figure img{aspect-ratio:16/13}.howwork .box .it-work .item{gap:15px}.howwork .box .it-work .item .item-number p{width:45px;height:45px}.howwork .box .it-work .item .item-number p,.howwork .box .it-work .item .title{font-size:1.3rem}}@media screen and (max-width:300px){.howwork .box figure img{border-radius:10px}.howwork .box .it-work .item{flex-direction:column}}