
:root{
  --bg:#0f1517;
  --bg-2:#172023;
  --surface:#ffffff;
  --surface-2:#f4f7f5;
  --text:#eaf2ee;
  --text-dark:#142022;
  --muted:#5d6b67;
  --line:rgba(255,255,255,.12);
  --line-dark:rgba(20,32,34,.10);
  --green:#8be256;
  --green-2:#68c83a;
  --shadow:0 18px 55px rgba(6,16,18,.16);
  --radius:26px;
  --container:min(1180px, calc(100vw - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--surface);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text-dark);line-height:1.55;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.skip-link{position:absolute;left:-999px;top:10px;background:#fff;color:#111;padding:10px 14px;z-index:99}.skip-link:focus{left:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.container{width:var(--container);margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(9,14,15,.90);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{height:54px;width:auto}.site-nav{display:flex;align-items:center;gap:26px;color:#eaf3ee}.site-nav a{font-size:14px;font-weight:600;opacity:.92;transition:.2s ease}.site-nav a:hover{color:var(--green)}.nav-cta{padding:12px 18px;border:1px solid rgba(139,226,86,.55);border-radius:999px;background:rgba(139,226,86,.10);color:var(--green)!important}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:0}.menu-toggle span{display:block;height:2px;background:#fff;margin:7px 0;border-radius:1px}
.hero{position:relative;min-height:calc(100vh - 84px);background:#0a0f11;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,14,.76) 0%,rgba(8,12,14,.38) 36%,rgba(8,12,14,.10) 68%,rgba(8,12,14,.18) 100%),linear-gradient(180deg,rgba(8,12,14,.50),rgba(8,12,14,.08) 42%,rgba(8,12,14,.42))}.hero-content{position:relative;min-height:calc(100vh - 84px);display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:80px 0 42px}.hero-panel{max-width:580px;color:#fff;padding:28px;border-radius:28px;background:rgba(9,14,15,.58);border:1px solid rgba(255,255,255,.10);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.hero-panel h1{font-size:clamp(2.1rem,4vw,4.5rem);line-height:1.01;margin:0 0 18px}.hero-panel p{font-size:1.08rem;color:#d7e3de;margin-bottom:24px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-metrics{display:grid;grid-template-columns:1fr;gap:12px;min-width:240px;color:#fff}.hero-metrics div{padding:18px 20px;border-radius:20px;background:rgba(9,14,15,.58);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(12px)}.hero-metrics strong{display:block;font-size:2rem;color:var(--green);line-height:1}.hero-metrics span{font-size:.93rem;color:#dbe5e1}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:15px 22px;font-weight:800;border:1px solid transparent;transition:transform .22s ease,box-shadow .22s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(180deg,var(--green),var(--green-2));color:#102112;box-shadow:0 14px 30px rgba(120,220,75,.25)}.btn-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24);color:#fff}.section{padding:92px 0}.section-light{background:var(--surface-2)}.section-dark{background:linear-gradient(180deg,var(--bg),var(--bg-2));color:var(--text)}.eyebrow,.section-marker{display:inline-block;margin:0 0 12px;color:#61b93e;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900}.light{color:var(--green)}h1,h2,h3{margin:0 0 15px;line-height:1.05;letter-spacing:-.03em}h2{font-size:clamp(2rem,3.2vw,3.4rem)}h3{font-size:1.35rem}p{margin:0 0 14px}.lead{font-size:1.18rem;color:#3f524c}.section-dark .lead{color:#cce0d6}.intro-grid{display:grid;grid-template-columns:1fr .9fr;gap:52px;align-items:center}.copy p{color:#44534f;font-size:1.02rem}.section-dark .copy p{color:#d1ddd8}.intro-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);position:relative}.intro-card img{width:100%;height:430px;object-fit:cover}.intro-caption{position:absolute;left:18px;right:18px;bottom:18px;padding:16px 18px;border-radius:18px;background:rgba(12,18,19,.72);color:#fff;border:1px solid rgba(255,255,255,.10)}.section-head{max-width:820px;margin:0 0 38px}.section-head p{color:#53635f;font-size:1.03rem}.section-dark .section-head p{color:#d1ddd8}.solution-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.solution-card{background:#fff;border:1px solid var(--line-dark);border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(11,20,20,.08);transition:transform .22s ease,box-shadow .22s ease}.solution-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(11,20,20,.15)}.solution-image img{width:100%;height:170px;object-fit:cover}.solution-body{padding:20px}.solution-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#eefaeb;color:#4d972a;font-weight:900;margin-bottom:12px}.solution-body h3{font-size:1.08rem;letter-spacing:-.02em}.solution-body p{font-size:.93rem;color:#596966;margin:0 0 14px}.solution-link{font-size:.86rem;font-weight:900;color:#55a92e}.solution-detail{padding:96px 0;background:#fff;border-bottom:1px solid var(--line-dark)}.solution-detail.reverse{background:#f7faf8}.detail-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:54px;align-items:center}.solution-detail.reverse .detail-copy{order:2}.solution-detail.reverse .detail-media{order:1}.check-list{margin:22px 0 24px;padding:0;list-style:none}.check-list li{position:relative;margin:0 0 12px;padding-left:28px;color:#31413d}.section-dark .check-list li{color:#e2ece8}.check-list li:before{content:'✓';position:absolute;left:0;top:0;color:#61b93e;font-weight:900}.benefit-box{display:grid;gap:4px;padding:18px;border-radius:20px;background:#eef8e9;border:1px solid #d6ebca}.benefit-box strong{color:#24401f}.benefit-box span{color:#42564e}.detail-media{display:grid;gap:18px}.main-detail-img{width:100%;height:430px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.mini-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini-gallery img{height:220px;width:100%;object-fit:cover;border-radius:20px;box-shadow:0 10px 24px rgba(11,20,20,.10)}.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:start}.process-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.process-flow div{padding:22px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10)}.process-flow strong{display:block;color:var(--green);font-size:1.5rem}.process-flow span{display:block;font-size:1.08rem;font-weight:900;margin:4px 0;color:#fff}.process-flow small{display:block;color:#c6d4ce;font-size:.92rem}.segment-grid{display:flex;flex-wrap:wrap;gap:12px}.segment-grid span{padding:13px 17px;border-radius:999px;background:#fff;border:1px solid var(--line-dark);box-shadow:0 8px 18px rgba(12,20,20,.05);font-weight:800;color:#20312e}.presence-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:center}.presence-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.presence-metrics div{padding:18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}.presence-metrics strong{display:block;color:var(--green);font-size:2rem;line-height:1}.presence-metrics span{font-size:.94rem;color:#d6e2de}.map-card{background:#101819;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;border:1px solid rgba(255,255,255,.10)}.map-card img{width:100%;height:auto;object-fit:contain}.logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.logo-wall img{width:100%;height:96px;object-fit:contain;background:#fff;border:1px solid var(--line-dark);border-radius:18px;padding:14px;box-shadow:0 8px 20px rgba(12,22,20,.06)}.logo-note{margin-top:18px;color:#697874;font-size:.9rem}.contact-section{background:radial-gradient(circle at 80% 10%,rgba(139,226,86,.14),transparent 34%),linear-gradient(180deg,#141d20,#0d1213);color:#fff}.contact-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;border-radius:30px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);box-shadow:var(--shadow);padding:42px}.contact-panel p{color:#d5e1dd}.contact-actions{display:grid;gap:14px;justify-items:start}.site-url{color:var(--green);font-weight:900}.site-footer{background:#090e0f;color:#dce6e2;padding:34px 0;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:1fr .7fr .9fr;gap:30px}.footer-brand img{height:62px;margin-bottom:14px}.footer-brand p,.footer-contact span{color:#aebbb6}.footer-links,.footer-contact{display:grid;gap:9px}.footer-links a:hover{color:var(--green)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1180px){.solution-grid{grid-template-columns:repeat(3,1fr)}.logo-wall{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){.menu-toggle{display:block}.site-nav{position:absolute;left:20px;right:20px;top:80px;display:none;flex-direction:column;align-items:flex-start;gap:16px;padding:20px;border-radius:20px;background:#101718;border:1px solid rgba(255,255,255,.10);box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.hero-content{display:grid;align-content:end}.hero-metrics{grid-template-columns:repeat(3,1fr)}.intro-grid,.detail-grid,.process-grid,.presence-grid,.contact-panel,.footer-grid{grid-template-columns:1fr}.solution-detail.reverse .detail-copy,.solution-detail.reverse .detail-media{order:initial}.solution-grid{grid-template-columns:repeat(2,1fr)}.process-flow{grid-template-columns:repeat(2,1fr)}.presence-metrics{grid-template-columns:1fr}.logo-wall{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.nav-wrap{min-height:76px}.brand img{height:45px}.hero{min-height:680px}.hero-content{min-height:680px;padding:70px 0 24px}.hero-panel{padding:20px}.hero-metrics{grid-template-columns:1fr}.solution-grid,.process-flow,.mini-gallery,.logo-wall{grid-template-columns:1fr}.section{padding:70px 0}.solution-detail{padding:74px 0}.main-detail-img{height:310px}.intro-card img{height:320px}.btn{width:100%}.hero-actions{display:grid}.logo-wall img{height:92px}}


/* v05 - Automação e SCADA: arquitetura de rede + fotos reais de supervisão */
.automacao-scada .detail-grid{grid-template-columns:.82fr 1.18fr;align-items:center}
.automation-media{gap:18px}
.network-card,.automation-gallery figure{margin:0}
.network-card{background:#fff;border-radius:var(--radius);padding:12px;box-shadow:var(--shadow);border:1px solid var(--line-dark)}
.network-img{height:360px;object-fit:contain;border-radius:18px;box-shadow:none;background:#fff}
.network-card figcaption,.automation-gallery figcaption{font-size:.84rem;line-height:1.35;color:#53635f;margin-top:10px}
.automation-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.automation-gallery figure{background:#fff;border-radius:20px;padding:10px;border:1px solid var(--line-dark);box-shadow:0 10px 24px rgba(11,20,20,.10)}
.automation-gallery img{width:100%;height:172px;object-fit:cover;border-radius:14px}
@media(max-width:900px){.automacao-scada .detail-grid{grid-template-columns:1fr}.network-img{height:300px}.automation-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.automation-gallery{grid-template-columns:1fr}.network-img{height:240px}.automation-gallery img{height:220px}}


/* v06 | Clientes: logo wall + lista completa por região */
.client-head{max-width:940px}.client-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 4px}.client-metrics div{padding:18px 20px;border-radius:20px;background:#fff;border:1px solid var(--line-dark);box-shadow:0 8px 20px rgba(12,22,20,.05)}.client-metrics strong{display:block;font-size:2rem;line-height:1;color:#61b93e}.client-metrics span{font-size:.92rem;color:#52635e;font-weight:800}.client-directory{display:grid;grid-template-columns:.82fr .82fr 1.36fr;gap:18px;margin-top:28px}.region-card{background:#fff;border:1px solid var(--line-dark);border-radius:24px;padding:22px;box-shadow:0 10px 26px rgba(12,22,20,.07)}.region-title{display:grid;gap:3px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(18,30,28,.1)}.region-title span{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#61b93e;font-weight:900}.region-title strong{font-size:1.05rem;color:#1d2a28}.country-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.country-block{padding:14px;border-radius:18px;background:#f6f9f5;border:1px solid rgba(18,30,28,.06)}.country-block h3{font-size:1rem;margin:0 0 7px;color:#1e2f2b;letter-spacing:0}.country-block p{font-size:.93rem;color:#566864;margin:0}.country-block-large{grid-column:1 / -1}.region-card-wide{grid-column:auto}.logo-note{max-width:980px}.client-directory + .logo-note{margin-top:20px}@media(max-width:1100px){.client-directory{grid-template-columns:1fr}.country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.client-metrics,.country-grid{grid-template-columns:1fr}.client-directory{gap:14px}.region-card{padding:18px}.country-block-large{grid-column:auto}}
