:root{--navy:#002a50;--blue:#064b91;--yellow:#ffcb05;--green:#0aa447;--ink:#002455}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}.wrap{width:min(1140px,86%);margin:auto}a,button,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #089d50;outline-offset:5px}.header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 1px 4px #00245516}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}.brand{align-self:flex-start;position:relative;z-index:1;margin-bottom:-22px;background:white;border-radius:0 0 16px 12px}.brand img{display:block;width:270px;height:98px;object-fit:contain}.nav nav{display:flex;gap:19px;align-items:center}.nav nav a{font-size:12px;font-weight:700;text-decoration:none;color:var(--ink);white-space:nowrap}.nav nav a:hover{color:#007e44}.btn{display:inline-block;border:0;background:var(--yellow);color:#002344;padding:14px 27px;border-radius:12px;text-decoration:none;font-weight:800;line-height:1.2;cursor:pointer}.btn:hover{background:#ffdc42}.btn.small{font-size:13px;padding:14px 20px;white-space:nowrap}.menu{display:none}.hero{position:relative;overflow:hidden;color:white;background:linear-gradient(110deg,#002943,#034c91)}.hero-grid{min-height:423px;display:grid;grid-template-columns:44% 56%;align-items:center;position:relative}.hero-grid>div:first-child{position:relative;z-index:2;padding:42px 0 18px}.eyebrow{font-size:13px;font-weight:600;white-space:nowrap}.hero h1{font-size:clamp(40px,4.6vw,61px);line-height:.95;letter-spacing:-2px;margin:10px 0}.hero h1 span,.contact h2 span{color:var(--yellow)}.hero p{font-size:18px;line-height:1.17;max-width:440px;margin:12px 0}.hero .btn{margin-top:1px;font-size:15px}.reference-crop{position:relative;overflow:hidden;isolation:isolate}.reference-crop img{position:absolute;max-width:none;height:auto;pointer-events:none;user-select:none}.hero-photo{position:absolute;right:-8.15%;top:0;height:100%;width:auto;aspect-ratio:604/338;mask-image:linear-gradient(to right,transparent,#000 17%)}.section{padding:28px 0}.section h2{font-size:30px;letter-spacing:-1px;line-height:1.05;margin:0 0 8px;color:#034399}.section p{line-height:1.25;margin:7px 0}.services{display:grid;grid-template-columns:.97fr repeat(4,1fr);gap:26px}.services>div:first-child{padding-top:20px}.services>div:first-child h2:after{content:'';display:block;width:66px;height:2px;background:var(--yellow);margin-top:12px}.services article{border-left:1px solid #ebcf65;padding-left:29px}.services article:first-of-type{border-color:#b5cedb}.services h3{font-size:19px;line-height:1.05;letter-spacing:-.6px;margin:9px 0}.services p{font-size:14px}.section-icon{width:46px;height:auto;margin:0 auto 7px}.services .section-icon{margin:0 0 10px 24px}.soft{padding:0;background:linear-gradient(110deg,#fff,#edf6ff)}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:min(1360px,100%)}.feature-photo{width:100%;height:100%;min-height:300px}.feature-photo img{min-height:100%}.split>div:last-child{padding:22px 40px 16px 0;align-self:center}.split h2{font-size:29px}.split p{font-size:16px}.checks{list-style:none;padding:0;margin:14px 0 0}.checks li{position:relative;font-size:15px;margin:10px 0;padding-left:30px;line-height:1.2}.checks li:before{content:'✓';position:absolute;left:0;top:-2px;background:#08af20;color:#fff;border-radius:50%;width:22px;height:22px;text-align:center;line-height:22px;font-weight:bold}.dark{background:linear-gradient(115deg,#003355,#07568c 55%,#001d38);color:white;padding:14px 0 18px}.center{text-align:center}.dark h2{color:white;font-size:32px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:56px;margin-top:12px}.steps article{position:relative;background:#fff;color:var(--ink);padding:14px 17px 10px;border-radius:15px;min-height:145px;box-shadow:0 2px 8px #00152c20}.steps article:not(:last-child):after{content:'→';position:absolute;right:-37px;top:58px;font-size:30px;color:#b1e84c}.steps article>b{position:absolute;left:22px;top:15px;border-radius:50%;width:35px;height:35px;line-height:35px;background:linear-gradient(120deg,#08c52a,#079912);color:white;font-size:20px}.steps h3{font-size:18px;letter-spacing:-.6px;margin:6px 0}.steps p{font-size:14px;line-height:1.15}.technologies{padding:12px 0 3px}.technologies h2,.projects h2{font-size:27px;color:var(--ink)}.technologies p,.projects>.wrap>p{font-size:13px}.tech-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:12px;margin-top:12px}.tech-grid>div{padding:10px 5px 7px;border:1px solid #d5e2ef;border-radius:12px}.tech-icon{width:43px;height:39px;margin:auto}.tech-grid small{display:block;font-size:12px;max-width:80px;margin:6px auto 0}.projects{padding:4px 0 14px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:12px}.project-thumb{width:100%;border-radius:10px}.project-grid h3{font-size:12px;font-weight:500;margin:7px 0}.projects .fine{font-size:10px;color:#64778b;margin-bottom:0}.clients{background:#f5f8fb;padding:30px 0}.clients h2{font-size:26px}.client-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:20px 0 0}.client-logo{height:100px;padding:10px;background:#fff;border:1px solid #e1e8ef;border-radius:10px}.client-logo img{width:100%;height:100%;object-fit:contain}.contact{color:white;background:linear-gradient(28deg,#00316a,#002c4d 55%,#014278);padding:40px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.contact h2{font-size:38px;line-height:1.02;letter-spacing:-1px;margin:0}.contact p{line-height:1.4}.contact .btn{margin-top:10px}footer{background:#002541;color:white;border-top:6px solid #fff;padding:20px 0 30px}.footer-grid{display:grid;grid-template-columns:170px 1fr auto;gap:40px;align-items:center}.footer-brand{width:130px}.footer-grid>div:nth-child(2){border-left:2px solid #ffcb05;padding-left:40px}.footer-grid p{font-size:13px}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;align-items:center;gap:9px;padding:13px 17px;border-radius:40px;background:#16bc58;color:white;font-weight:700;text-decoration:none;box-shadow:0 6px 24px #001a3050}.whatsapp-float svg{width:27px;height:27px}.whatsapp-float:hover{background:#098942}
@media(min-width:1500px){.hero-photo{right:-12%}.hero-grid{min-height:460px}}
@media(max-width:1150px){.wrap{width:90%}.brand img{width:230px;height:84px}.nav{gap:14px}.nav nav{gap:12px}.nav nav a{font-size:11px}.btn.small{padding:13px;font-size:12px}.hero-grid{min-height:350px}.hero-grid>div:first-child{padding-top:37px}.hero h1{font-size:50px}.hero p{font-size:16px;max-width:360px}.hero .btn{font-size:13px;padding:13px 20px}.eyebrow{font-size:11px}.services{gap:20px}.services article{padding-left:24px}.services h3{font-size:17px}.services p{font-size:13px}.steps{gap:42px}.steps article{padding:12px}.steps article:not(:last-child):after{right:-31px}.steps h3{font-size:16px}.steps article>b{left:15px;width:31px;height:31px;line-height:31px}.split h2{font-size:25px}.split>div:last-child{padding-right:25px}.checks li{font-size:14px}.contact-grid{gap:35px}}
@media(max-width:900px){.nav{min-height:72px}.brand{margin:0}.brand img{width:210px;height:72px}.nav>.btn{display:none}.menu{display:block;border:0;background:none;color:var(--ink);font-size:28px;padding:10px}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:20px;box-shadow:0 8px 12px #00245515}.nav nav.open{display:flex;flex-direction:column;gap:20px}.nav nav a{font-size:16px}.hero h1{font-size:45px}.hero-grid{grid-template-columns:52% 48%}.eyebrow{font-size:10px}.services{grid-template-columns:repeat(2,1fr)}.services>div:first-child{grid-column:1/-1;padding:0}.services h2 br{display:none}.services article{padding:12px 20px}.services .section-icon{margin-left:0}.split{gap:20px}.split h2{font-size:24px}.feature-photo{min-height:340px}.feature-photo img{width:260%!important;left:-35%!important;top:-222.6%!important}.steps{grid-template-columns:repeat(2,1fr);gap:20px}.steps article:not(:last-child):after{display:none}.tech-grid{grid-template-columns:repeat(3,1fr)}.client-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:140px 1fr;gap:20px}.footer-grid>p{grid-column:1/-1;margin:0}}
@media(max-width:600px){html{scroll-padding-top:72px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-grid>div:first-child{padding:30px 0 15px}.hero h1{font-size:49px;line-height:.98}.hero p{font-size:16px;max-width:390px;line-height:1.3}.eyebrow{font-size:10px}.hero .btn{padding:15px 17px;font-size:13px}.hero-photo{position:relative;right:auto;top:auto;width:111.12%;height:auto;margin-left:-5.56%;mask-image:linear-gradient(to bottom,transparent,#000 12%);margin-top:-5px}.section{padding:28px 0}.services{gap:14px}.services article{padding:6px 12px}.services h3{font-size:18px}.services p{font-size:14px}.soft{padding:0}.split{display:flex;flex-direction:column;gap:0}.feature-photo{height:auto;min-height:0}.feature-photo img{width:193.2075%!important;left:0!important;top:-222.6415%!important;min-height:0}.split>div:last-child{padding:25px 5%}.split h2{font-size:27px}.checks li{font-size:14px;margin:13px 0}.dark h2{font-size:29px}.steps{gap:14px}.steps article{padding:14px 9px;min-height:175px}.steps article>b{left:10px;top:12px;width:28px;height:28px;line-height:28px;font-size:16px}.steps .section-icon{width:39px;margin-left:auto;margin-right:15px}.steps h3{font-size:16px}.steps p{font-size:13px}.technologies{padding-bottom:8px}.projects{padding-top:10px}.project-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}.project-grid h3{font-size:12px;line-height:1.2}.clients h2{font-size:25px}.client-grid{grid-template-columns:repeat(2,1fr);gap:10px}.contact-grid{grid-template-columns:1fr;gap:25px}.contact h2{font-size:33px}.contact{padding:30px 0}.footer-grid{grid-template-columns:110px 1fr;gap:15px}.footer-brand{width:105px}.footer-grid>div:nth-child(2){padding-left:15px;font-size:14px}.footer-grid>p{padding-bottom:35px}.whatsapp-float{right:14px;bottom:14px;padding:13px}.whatsapp-float span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.form-panel{background:#fff;color:var(--ink);border-radius:16px;padding:24px;box-shadow:0 12px 30px #001a3030;text-align:left}
.form-panel h3{margin:0 0 16px;font-size:22px}
.form-panel form{display:grid;gap:8px}
.form-panel label{font-weight:700;font-size:13px}
.form-panel input:not([type=checkbox]),.form-panel textarea{width:100%;font:inherit;border:1px solid #b9ccdc;border-radius:8px;padding:11px;background:white;color:#123}
.form-panel input:focus,.form-panel textarea:focus{outline:2px solid #f6c700;outline-offset:1px}
.form-panel .consent{display:flex;gap:9px;align-items:flex-start;font-weight:400;line-height:1.4;margin:6px 0}
.form-panel .consent input{margin-top:2px;flex-shrink:0}
.form-submit{cursor:pointer;width:100%;font-size:15px}.form-feedback{font-size:13px;margin:4px 0 0;min-height:1em}.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:900px){.clients .client-grid{grid-template-columns:repeat(6,minmax(135px,1fr));overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}.clients .client-logo{scroll-snap-align:start}.contact-grid{grid-template-columns:1fr 1.2fr}}
@media(max-width:600px){.contact-grid{grid-template-columns:1fr}.clients .client-grid{grid-template-columns:repeat(6,145px)}.form-panel{padding:18px}}

/* Preserve the exact source aspect ratio for reference-image windows. */
.tech-icon{height:auto}.hero-photo{aspect-ratio:574/338!important}.feature-photo{height:auto;min-height:0;align-self:center}.feature-photo img{min-height:0}
@media(min-width:601px) and (max-width:900px){.feature-photo img{width:193.20754716981133%!important;left:0!important;top:-222.64150943396226%!important}}

.brand-crop{width:270px}.brand .brand-crop img{height:auto;max-width:none;object-fit:initial}.soft .split{width:min(1360px,100%)}@media(min-width:601px){.hero-photo{right:calc((100% - 100vw)/2)}}@media(max-width:1150px){.brand-crop{width:230px}}@media(max-width:900px){.brand-crop{width:200px}}

/* Logo independente: enquadramento mostra a marca e a linha verde, sem a descrição inferior. */
.header .brand{align-self:center;margin:0;padding:3px 0;background:#fff;border-radius:0;flex-shrink:0}
.brand-logo{position:relative;overflow:hidden;width:194px;aspect-ratio:920/370;background:#fff}
.brand .brand-logo img{position:absolute;display:block;width:137.3913043478%;height:auto;max-width:none;left:-17.9347826087%;top:-54.0540540541%;object-fit:initial}
@media(max-width:900px){.brand-logo{width:160px}.nav nav{top:100%}}
/* Compensa a nova altura do cabeçalho ao navegar pelas seções. */
html{scroll-padding-top:92px}
@media(max-width:900px){html{scroll-padding-top:80px}}



/* Compensa somente as margens brancas incorporadas na imagem Eurofarma. */
.client-logo-eurofarma{overflow:hidden}
.client-logo-eurofarma img{transform:scale(1.7);transform-origin:center}

/* PNG oficial do rodapé, com transparência e proporção original. */
.footer-brand img{display:block;width:100%;height:auto}

/* Vídeos de projetos incorporados, com proporção estável e reprodução manual. */
.project-video{aspect-ratio:16/9;overflow:hidden;background:#071d31;border:1px solid #cfdeeb;border-radius:10px}
.project-video iframe{display:block;width:100%;height:100%;border:0}
.projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}
.projects .project-grid h3{font-size:16px;line-height:1.3;margin:10px 0 6px}
.project-video-link{display:inline-block;color:#064b91;font-size:12px;text-underline-offset:3px;margin-bottom:5px}
@media(max-width:600px){.projects .project-grid{grid-template-columns:1fr;gap:24px}}
/* Link Excel Business no rodapé */

.link-excel,
.link-excel:visited {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.link-excel:hover {
    color: #ffcc00;
    text-decoration: underline;
}

/* Efeito no logotipo */

.footer-brand a img {
    transition: opacity 0.3s ease;
    cursor: pointer;
}

.footer-brand a:hover img {
    opacity: 0.8;
}