.herohome{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:60px;padding:0 20px;margin:auto;width:100%;max-width:1200px;overflow:hidden;text-align:center;z-index:1}.herohome .title{padding:0 10px;max-width:800px;color:var(--text-dark-light);font-weight:400;font-size:clamp(2rem,4vw,3.2rem);font-family:var(--font-outfit);line-height:1.2;letter-spacing:-.02em}.herohome .text{padding:0 20px;max-width:700px;font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.7;color:var(--text);opacity:.85}.herohome .btn{display:flex;justify-content:center;align-items:center;gap:16px;padding:0 20px;width:100%;max-width:570px}.herohome .btn .comecar,.herohome .btn .sobre{position:relative;gap:10px;border:1px solid transparent;border-radius:100px;padding:16px 32px;outline:none;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;min-width:160px;justify-content:center}.herohome .btn .comecar{background:var(--lilac);& .text-area .text{color:var(--white)}}.herohome .btn .comecar:active{transform:translateY(0);box-shadow:0 4px 15px rgba(97,74,174,.3)}.herohome .btn .comecar:focus-visible{outline:2px solid var(--lilac);outline-offset:3px}.herohome .btn .sobre{border:var(--thin-border);background-color:var(--bg-sec);color:var(--title)}.herohome .btn .sobre:hover{background-color:var(--gray-transparent)}.herohome .btn .sobre:active{transform:translateY(0)}.herohome .btn .sobre:focus-visible{outline:2px solid var(--lilac);outline-offset:3px}.herohome .btn .text-area{height:24px;overflow:hidden;text-wrap:nowrap}.herohome .btn .text-area .text{display:block;transition:transform .35s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:1rem;font-family:var(--font-fira);letter-spacing:.5px}.herohome .btn .comecar:hover .text-area .text,.herohome .btn .sobre:hover .text-area .text{transform:translateY(-28px)}.herohome .btn .comecar .icon{display:inline-flex;align-items:center;transition:transform .3s ease}.herohome .btn .comecar:hover .icon{transform:translateX(4px)}.herohome .btn .comecar .icon svg{color:var(--white);font-size:1.1rem}.herohome .btn .sobre .text-area .text{color:var(--title)}.herohome .tecnology{gap:12px;padding:0 20px;width:100%;max-width:600px;flex-wrap:wrap}.herohome .tecnology,.herohome .tecnology .icon{display:flex;justify-content:center;align-items:center}.herohome .tecnology .icon{position:relative;z-index:1;border-radius:100px;background-color:var(--bg-sec);border:var(--thin-border);padding:14px;outline:none;cursor:default;transition:all .3s ease;width:56px;height:56px}.herohome .tecnology .icon svg{color:var(--title);font-size:1.6rem;transition:transform .3s ease}.herohome .tecnology .icon:hover{border-color:var(--lilac-transparent);background-color:var(--lilac-transparent-a)}.herohome .tecnology .icon:hover svg{transform:scale(1.1)}.herohome .tecnology .icon:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}.herohome .tecnology .icon:after{position:absolute;top:0;left:50%;transform:translateX(-50%) scale(.8);opacity:0;z-index:100;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:6px;background-color:var(--bg-sec);padding:4px 12px;content:attr(data-text);font-size:.75rem;color:var(--text-dark-light);border:var(--thin-border);pointer-events:none;white-space:nowrap}.herohome .tecnology .icon:hover:after{transform:translateX(-50%) scale(1);opacity:1;top:-35px}.herohome .banner{display:flex;justify-content:center;margin:auto;width:100%;max-width:1250px}.herohome .banner figure{margin:0 20px;border:var(--thin-border);border-radius:24px;width:100%;overflow:hidden;background:var(--bg-sec);transition:border-color .3s ease}.herohome .banner figure:hover{border-color:var(--lilac-transparent)}.herohome .banner img{display:none;width:100%;height:auto;transition:opacity .5s ease}html.light .herohome .banner img.light,html:not(.light) .herohome .banner img.dark{display:block}@media (max-width:768px){.herohome{gap:40px}.herohome .btn{flex-direction:column;max-width:400px}.herohome .btn .comecar,.herohome .btn .sobre{width:100%;min-width:unset;padding:14px 24px}.herohome .tecnology{gap:8px}.herohome .tecnology .icon{width:48px;height:48px;padding:10px}.herohome .tecnology .icon svg{font-size:1.3rem}.herohome .banner figure{border-radius:16px;margin:0 10px}}@media (max-width:480px){.herohome{gap:30px;padding:0 10px}.herohome .title{font-size:clamp(1.5rem,6vw,2rem)}.herohome .text{font-size:clamp(.9rem,3vw,1rem)}.herohome .btn .comecar,.herohome .btn .sobre{padding:12px 20px;font-size:.9rem}.herohome .tecnology .icon{width:42px;height:42px;padding:8px}.herohome .tecnology .icon svg{font-size:1.1rem}.herohome .banner figure{border-radius:12px;margin:0 5px}}@media (prefers-reduced-motion:reduce){.herohome .btn .comecar,.herohome .btn .comecar .icon,.herohome .btn .sobre,.herohome .btn .text-area .text,.herohome .tecnology .icon,.herohome .tecnology .icon svg,.herohome .tecnology .icon:after{transition:none!important}.herohome .btn .comecar:hover,.herohome .btn .comecar:hover .text-area .text,.herohome .btn .sobre:hover .text-area .text,.herohome .tecnology .icon:hover svg{transform:none!important}}