@media (width>=768px){.nav-links{align-items:center;gap:2rem;font-size:.875rem;font-weight:500;display:flex}.nav-links a{color:var(--text-dark);text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--primary)}.nav-role{color:var(--text-light)}.menu-btn{display:none}}@media (width>=1024px){.hero-section{grid-template-columns:1fr 1fr}}@media (width>=1024px){.sobre-section{grid-template-columns:1fr 1fr;align-items:center}}@media (width>=1024px){.solucoes-section{grid-template-columns:1fr 1.5fr}}@media (width>=1024px){.project-content{grid-template-columns:1fr 2fr}}@media (width>=1024px){.processo-container{grid-template-columns:1fr 1fr;gap:4rem}}@media (width>=1024px){.experiencia-section{grid-template-columns:1fr 1fr;align-items:center}}@media (width>=1024px){.footer-grid{grid-template-columns:1fr 1.5fr}}@media (width>=1024px){.footer-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem}}.nav-links,.desktop-nav{display:none}@media (width>=1024px){.desktop-nav{align-items:center;gap:1.5rem;display:flex}.desktop-nav a{color:var(--dark);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s}.desktop-nav a:hover{color:var(--primary)}.desktop-nav .nav-cta{background-color:var(--primary);color:#fff;border-radius:20px;padding:.5rem 1rem}.desktop-nav .nav-cta:hover{background-color:var(--darker);color:#fff}.menu-btn{display:none!important}}@media (width<=768px){.hero-title,.footer-title{font-size:2.5rem}.processo-title-large{font-size:2rem}.section-title,.project-title{font-size:2.25rem}.hero-section{gap:1.5rem;min-height:auto;padding-top:2rem}.sobre-section{border-radius:20px;margin:1rem 0;padding:2rem 1.5rem}.project-info{padding:2rem 1.5rem}.project-stats{gap:1.5rem}.stat h4{font-size:1.75rem}.processo-container{padding:2rem 1.5rem}.evolucao-banner{text-align:center;flex-direction:column;padding:1.5rem}.evolucao-icons{justify-content:center;margin-left:0}.footer-grid{gap:2rem}.footer-left{text-align:center;flex-direction:column;align-items:center}.tech-card{padding:2rem 1.5rem}.back-mockup{width:100%;right:0}.side-mockup{width:50%;left:0}.metric-card{z-index:15;bottom:2rem;left:0;right:auto}.role-card{z-index:20;bottom:-1rem;right:0}.saas-card{bottom:-1rem;right:0}.project-visual{flex-direction:column;gap:2rem;padding:2rem 1rem}.laptop-mockup,.phone-mockup-small,.floating-graphic{width:100%;max-width:350px;height:auto;margin:0 auto;position:relative;bottom:auto;right:auto}.phone-mockup-small{aspect-ratio:9/19;max-width:200px}.mockups-composition{transform:scale(.7)}.tech-grid,.porque-grid,.solucoes-grid{grid-template-columns:1fr}}:root{--primary:#a855f7;--primary-hover:#9333ea;--yellow:#fde047;--dark:#1a1a1a;--darker:#111;--light:#f8f9fa;--white:#fff;--text-dark:#1f2937;--text-light:#6b7280;--font-sans:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}html,body,main{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--light);color:var(--text-dark);background-image:radial-gradient(circle at 15%,#fde04726,#0000 25%),radial-gradient(circle at 85% 30%,#9333ea1a,#0000 25%);padding-top:80px;line-height:1.5}body.menu-open-lock{overflow:hidden}.text-purple{color:var(--primary)!important}.text-yellow{color:var(--yellow)!important}.text-white{color:var(--white)!important}.text-dark{color:var(--dark)!important}.bg-purple{background-color:var(--primary)!important}.bg-yellow{background-color:var(--yellow)!important}.bg-dark{background-color:var(--dark)!important}.bg-white{background-color:var(--white)!important}.text-center{text-align:center!important}.w-full{width:100%!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.max-w-2xl{max-width:42rem!important}.mt-4{margin-top:1rem!important}.mt-auto{margin-top:auto!important}.font-bold{font-weight:700!important}.spacer-large{height:2rem}.spacer-medium{height:1rem}.btn-project{background-color:var(--white);color:var(--primary);text-align:center;border-radius:9999px;width:fit-content;margin-top:2rem;padding:.875rem 2.5rem;font-size:1.125rem;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block}.btn-project:hover{transform:translateY(-3px);box-shadow:0 10px 20px -5px #00000026}.tag{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-block}.tag-yellow{background-color:var(--yellow);color:var(--dark)}.tag-dark{background-color:var(--dark);color:var(--white)}.navbar{z-index:120;background-color:var(--white);border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;width:100%;padding:1rem 5%;transition:all .4s;display:flex;position:fixed;top:0;left:0}.logo{color:var(--dark);align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;transition:color .3s;display:flex}.logo svg rect{transition:fill .3s}body.menu-open-lock .navbar{box-shadow:none;border-bottom:none}.menu-btn{cursor:pointer;background:0 0;border:none}@media (width>=768px){.nav-links{align-items:center;gap:2rem;font-size:.875rem;font-weight:500;display:flex}.nav-links a{color:var(--text-dark);text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--primary)}.nav-role{color:var(--text-light)}.menu-btn{display:none}}section{padding:3rem 5%}.section-title{color:var(--dark);margin-bottom:1rem;font-size:3.5rem;font-weight:800;line-height:1.1}.section-title.center{text-align:center}.section-subtitle{color:var(--dark);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.section-desc{color:var(--text-light);font-size:1.125rem;line-height:1.6}.hero-section{grid-template-columns:1fr;align-items:center;gap:3rem;min-height:calc(100vh - 80px);display:grid}@media (width>=1024px){.hero-section{grid-template-columns:1fr 1fr}}.hero-tags{gap:1rem;margin-bottom:2rem;display:flex}.hero-title{color:var(--dark);margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1}.hero-desc{color:var(--text-light);max-width:600px;margin-bottom:3rem;font-size:1.25rem}.hero-footer{align-items:center;gap:1rem;display:flex}.avatar{object-fit:cover;border-radius:50%;width:48px;height:48px;transition:opacity .3s}.avatar:hover{opacity:.8}.presenter-info{flex-direction:column;display:flex}.presenter-label{color:var(--text-light);text-transform:uppercase;font-size:.75rem;font-weight:600}.presenter-name{color:var(--dark);font-weight:700}.presenter-contact{color:var(--text-light);margin-left:auto;font-size:.875rem;text-decoration:none}.hero-visual{justify-content:center;align-items:center;height:500px;display:flex;position:relative}.phone-mockup{background-color:var(--dark);border:8px solid var(--darker);z-index:10;background-position:50%;background-size:cover;border-radius:40px;width:280px;height:550px;transition:transform .3s;position:relative;box-shadow:0 25px 50px -12px #00000040}.phone-mockup:hover{transform:scale(1.02)}.floating-card{z-index:20;border-radius:20px;padding:1.5rem;position:absolute;box-shadow:0 20px 25px -5px #0000001a}.saas-card{background-color:var(--darker);color:var(--white);bottom:2rem;right:-2rem}.saas-title{margin-bottom:.5rem;font-size:1.5rem}.sobre-section{background-color:var(--white);border-radius:40px;grid-template-columns:1fr;gap:3rem;margin:1rem 5%;padding:3rem;display:grid;box-shadow:0 4px 6px -1px #0000000d}@media (width>=1024px){.sobre-section{grid-template-columns:1fr 1fr;align-items:center}}.sobre-visual{height:550px;position:relative}.back-mockup{z-index:1;width:95%;height:auto;position:absolute;top:5%;right:-10%}.side-mockup{z-index:5;width:240px;height:480px;position:absolute;bottom:0;left:-5%}.metric-card{z-index:10;width:170px;position:absolute;bottom:-1rem;right:16rem}.metric-card p{font-size:.875rem;line-height:1.4}.metric-value{font-size:2.25rem;font-weight:800;display:block}.role-card{background-color:var(--darker);color:var(--white);z-index:10;border-radius:20px;padding:2rem;position:absolute;bottom:-1rem;right:-1rem}.solucoes-section{grid-template-columns:1fr;gap:4rem;display:grid}@media (width>=1024px){.solucoes-section{grid-template-columns:1fr 1.5fr}}.solucoes-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.solucao-card{background-color:var(--white);border-radius:24px;flex-direction:column;padding:2rem;transition:transform .3s;display:flex;box-shadow:0 10px 15px -3px #0000000d}.solucao-card:hover{transform:translateY(-5px)}.solucao-tag{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.solucao-nome{color:var(--dark);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.solucao-icon{margin-bottom:1rem}.tecnologias-section{background:radial-gradient(circle at 100% 0,#a855f70d,#0000 40%),radial-gradient(circle at 0 100%,#fde0470d,#0000 40%)}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.tech-card{background-color:var(--white);border-radius:24px;padding:3rem 2rem;box-shadow:0 10px 25px -5px #0000000d}.tech-sub{margin-bottom:.5rem;font-size:1rem;font-weight:600}.tech-title{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.tech-card hr{border:0;border-top:1px solid #e5e7eb;margin-bottom:1.5rem}.tech-card hr.hr-white{border-top-color:#ffffff4d}.tech-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.tech-list li{align-items:center;gap:.75rem;font-weight:500;display:flex}.check{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.project-section{flex-direction:column;gap:2rem;margin:2rem 5%;display:flex}.project-section.reverse .project-content{flex-direction:row-reverse}.project-title{margin-bottom:2rem;font-size:3.5rem;font-weight:800;line-height:1.1}.project-content{background-color:var(--white);border-radius:32px;grid-template-columns:1fr;display:grid;overflow:hidden;box-shadow:0 10px 30px -10px #0000001a}@media (width>=1024px){.project-content{grid-template-columns:1fr 2fr}}.project-info{flex-direction:column;justify-content:center;padding:4rem 3rem;display:flex}.project-info-title{margin-bottom:1rem;font-size:1.5rem}.project-info-desc{opacity:.9;margin-bottom:3rem;font-size:1.125rem;line-height:1.6}.project-stats{gap:3rem;display:flex}.stat h4{font-size:2.5rem;font-weight:800}.stat span{opacity:.8;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.project-visual{background-color:#f3f4f6;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex;position:relative}.laptop-mockup{aspect-ratio:16/10;background-color:var(--dark);background-position:50%;background-size:cover;border:12px solid #374151;border-bottom:24px solid #1f2937;border-radius:12px;width:75%;margin-right:5%;transition:transform .3s}.laptop-mockup:hover{transform:scale(1.02)}.phone-mockup-small{background-color:var(--dark);background-position:50%;background-size:cover;border:6px solid #111827;border-radius:20px;width:130px;height:260px;transition:transform .3s;position:absolute;bottom:8%;right:22%;box-shadow:-10px 10px 20px #0003}.phone-mockup-small:hover{transform:scale(1.05)}.floating-graphic{z-index:15;border-radius:16px;width:160px;height:auto;transition:transform .3s;position:absolute;bottom:5%;right:4%;box-shadow:0 10px 25px -5px #0003}.floating-graphic:hover{transform:scale(1.05)}.processo-section{padding:3rem 5%}.processo-container{overflow-wrap:break-word;word-wrap:break-word;border-radius:32px 32px 0 0;grid-template-columns:1fr;padding:4rem;display:grid}.processo-container>*{min-width:0}@media (width>=1024px){.processo-container{grid-template-columns:1fr 1fr;gap:4rem}}.processo-title-large{font-size:4rem;line-height:1.1}.processo-right h3{margin-bottom:1rem;font-size:1.5rem}.processo-right p{color:#9ca3af;margin-bottom:2rem;font-size:1.125rem}.processo-tags{flex-wrap:wrap;gap:1rem;display:flex}.evolucao-banner{border-radius:0 0 32px 32px;align-items:center;gap:2rem;padding:2rem 4rem;display:flex}.evolucao-title{font-size:1.25rem;font-weight:600}.evolucao-icons{align-items:center;gap:1.5rem;margin-left:auto;display:flex}.divider{background-color:#ffffff4d;width:1px;height:32px}.porque-section{background-color:var(--white)}.separator-line{background-color:var(--dark);border-radius:2px;width:100%;height:4px;margin:3rem 0}.porque-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;display:grid}.porque-icon-wrapper{background-color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;box-shadow:0 10px 20px #a855f74d}.porque-title{margin-bottom:1rem;font-size:1.25rem}.porque-desc{color:var(--text-light)}.experiencia-section{background-color:var(--light);grid-template-columns:1fr;gap:4rem;display:grid}@media (width>=1024px){.experiencia-section{grid-template-columns:1fr 1fr;align-items:center}}.experiencia-visual{justify-content:center;align-items:center;height:600px;display:flex;position:relative}.experiencia-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem;display:grid}.exp-title{color:var(--dark);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.exp-sub{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.exp-item p{color:var(--text-light)}.footer-section{background-color:#e5e5ea;margin-top:2rem;padding:3rem 5%}.footer-top{margin-bottom:4rem}.footer-title{color:var(--darker);font-size:4rem;font-weight:800;line-height:1.1}.footer-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1024px){.footer-grid{grid-template-columns:1fr 1.5fr}}.footer-left{align-items:stretch;gap:2rem;display:flex}.footer-photo{background-position:50%;background-size:cover;border-radius:24px;flex-shrink:0;width:150px;height:150px}.footer-photo:hover{opacity:.8}.footer-card{border-radius:24px;flex-direction:column;flex:1;justify-content:center;padding:2rem;display:flex}.footer-grid{grid-template-columns:1fr;gap:3rem;margin-top:3rem;display:grid}@media (width>=1024px){.footer-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem}}.mockups-composition{justify-content:center;align-items:center;width:100%;height:380px;display:flex;position:relative}.phone-mockup-comp{aspect-ratio:9/19;cursor:pointer;background-position:50%;background-size:cover;border:10px solid #111827;border-radius:28px;width:170px;transition:transform .4s cubic-bezier(.2,.8,.2,1),z-index .4s;position:absolute;overflow:hidden;box-shadow:0 15px 30px #00000026}.phone-mockup-comp:after{content:"";background-color:#111827;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:40%;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%)}.comp-left{z-index:1;transform:translate(-75%)scale(.85)rotate(-12deg)}.comp-right{z-index:2;transform:translate(75%)scale(.85)rotate(12deg)}.comp-center{z-index:3;transform:translate(0)scale(1)}.phone-mockup-comp:hover{z-index:10;transform:translate(0)scale(1.1)rotate(0)}.nav-links,.desktop-nav{display:none}@media (width>=1024px){.desktop-nav{align-items:center;gap:1.5rem;display:flex}.desktop-nav a{color:var(--dark);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s}.desktop-nav a:hover{color:var(--primary)}.desktop-nav .nav-cta{background-color:var(--primary);color:#fff;border-radius:20px;padding:.5rem 1rem}.desktop-nav .nav-cta:hover{background-color:var(--darker);color:#fff}.menu-btn{display:none!important}}.fullscreen-menu{background-color:var(--white);z-index:110;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:80%;max-width:320px;height:100vh;padding:0;transition:right .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:auto;right:-100%;overflow-y:auto;box-shadow:-10px 0 30px #0000001a}.fullscreen-menu.active{right:0}.menu-content{text-align:left;flex-direction:column;align-items:flex-start;gap:1rem;width:100%;padding:100px 1.5rem 3rem;display:flex}.menu-item{color:var(--dark);border-radius:12px;width:100%;padding:.75rem 1rem;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s}.menu-item:hover,.menu-item:active{color:var(--primary);background-color:#00000008;transform:translate(5px)}.menu-btn{z-index:120;cursor:pointer;background:0 0;border:none;padding:.5rem;position:relative}#menuToggle path{transform-origin:50%;transition:transform .3s,opacity .3s}#menuToggle.menu-open .line-top{transform:translateY(6px)rotate(45deg)}#menuToggle.menu-open .line-middle{opacity:0}#menuToggle.menu-open .line-bottom{transform:translateY(-6px)rotate(-45deg)}.menu-item.active-link,.desktop-nav a.active-link{color:var(--primary,#6366f1)!important}.menu-item.active-link{background-color:#0000000d}@media (width<=768px){.hero-title,.footer-title{font-size:2.5rem}.processo-title-large{font-size:2rem}.section-title,.project-title{font-size:2.25rem}.hero-section{gap:1.5rem;min-height:auto;padding-top:2rem}.sobre-section{border-radius:20px;margin:1rem 0;padding:2rem 1.5rem}.project-info{padding:2rem 1.5rem}.project-stats{gap:1.5rem}.stat h4{font-size:1.75rem}.processo-container{padding:2rem 1.5rem}.evolucao-banner{text-align:center;flex-direction:column;padding:1.5rem}.evolucao-icons{justify-content:center;margin-left:0}.footer-grid{gap:2rem}.footer-left{text-align:center;flex-direction:column;align-items:center}.tech-card{padding:2rem 1.5rem}.back-mockup{width:100%;right:0}.side-mockup{width:50%;left:0}.metric-card{z-index:15;bottom:2rem;left:0;right:auto}.role-card{z-index:20;bottom:-1rem;right:0}.saas-card{bottom:-1rem;right:0}.project-visual{flex-direction:column;gap:2rem;padding:2rem 1rem}.laptop-mockup,.phone-mockup-small,.floating-graphic{width:100%;max-width:350px;height:auto;margin:0 auto;position:relative;bottom:auto;right:auto}.phone-mockup-small{aspect-ratio:9/19;max-width:200px}.mockups-composition{transform:scale(.7)}.tech-grid,.porque-grid,.solucoes-grid{grid-template-columns:1fr}}