*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;font-family:Arial,sans-serif;background:#0a0e12;color:#edf3f7;line-height:1.6}header{height:76px;position:fixed;top:0;z-index:9;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;background:#080c10ee;border-bottom:1px solid #28333c}.logo{color:white;text-decoration:none;display:flex;flex-direction:column;line-height:1}.logo b{font-size:21px;letter-spacing:2px}.logo small{color:#8d9ba6;font-size:8px;letter-spacing:2.5px;margin-top:7px}nav{display:flex;gap:25px}nav a{color:#b8c3cb;text-decoration:none;font-size:10px;font-weight:bold;letter-spacing:1.4px}nav a:hover,.label{color:#5db2ff}#mb{display:none;background:none;border:0;color:white;font-size:25px}section{padding:105px 7vw}h1{font-size:clamp(43px,5vw,75px);line-height:1.03;margin:20px 0;max-width:850px}h1 em{font-style:normal;color:#69b9ff}h2{font-size:clamp(34px,4vw,55px);line-height:1.1;margin:9px 0 42px}.label{font-size:10px;font-weight:bold;letter-spacing:2.2px}.hero{min-height:100vh;padding-top:145px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;background:radial-gradient(circle at 78% 45%,#14314a 0,transparent 30%)}.hero p{color:#9dabb5;font-size:18px;max-width:650px}.btn{display:inline-block;margin-top:25px;padding:13px 20px;background:#168cff;color:white;text-decoration:none;font-size:10px;font-weight:bold;letter-spacing:1px}.monitor{background:#11181e;border:1px solid #34424e;padding:17px;box-shadow:0 25px 70px #0009}.mt{text-align:right;font-size:9px;color:#667885;border-bottom:1px solid #293640;padding-bottom:14px;letter-spacing:2px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:16px 0}.stats span{background:#0c1216;border:1px solid #25313a;padding:16px;color:#667783;font-size:9px}.stats b{display:block;color:#17d17b;font-size:14px}.chart{height:135px;border:1px solid #27343d;background:repeating-linear-gradient(0deg,transparent 0 26px,#202b33 27px),repeating-linear-gradient(90deg,transparent 0 55px,#202b33 56px);position:relative}.chart:after{content:'';position:absolute;width:100%;top:60px;border-top:3px solid #168cff;transform:skewY(-7deg)}.light{background:#eef2f4;color:#182027}.light .label{color:#0878df}.cols{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw}.light p{color:#4b5963}.lead{font-size:21px!important;color:#192128!important}.light aside{background:#dfe6ea;border-left:4px solid #087fe9;padding:27px}.light aside small{color:#0874d8;letter-spacing:2px;font-weight:bold}.light aside h3{font-size:26px;line-height:1.2}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.cards article{background:#131a20;border:1px solid #28343d;padding:27px;min-height:220px}.cards article:hover{border-color:#3e91dc}.cards i{font-style:normal;color:#607482;font-size:10px}.cards h3{margin-top:35px}.cards p,.services p,#contato>p,.product p{color:#94a3ae;font-size:14px}.services{border-top:1px solid #28343d}.services div{display:grid;grid-template-columns:60px 1fr 1.2fr;align-items:center;gap:20px;border-bottom:1px solid #28343d;padding:20px 5px}.services b{color:#69b9ff;font-size:10px}.tech{background:#10161b}.tags{display:flex;flex-wrap:wrap;gap:10px}.tags span{background:#151d23;border:1px solid #35434e;padding:12px 18px;font-size:10px;letter-spacing:1px}.product{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:linear-gradient(115deg,#0d2a40,#0b1116);align-items:center}.video{height:300px;border:1px solid #31526c;background:#08131b;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6dbaff;font-size:45px}.video small{text-align:center;color:#7d92a1;font-size:9px;letter-spacing:1.5px}.contact{margin-top:35px;background:#131a20;border:1px solid #29353e;padding:25px;display:flex;flex-direction:column;max-width:600px}.contact span{color:#7e8d98;font-size:12px;margin-top:5px}footer{padding:30px 7vw;border-top:1px solid #29343d;color:#657580;display:flex;justify-content:space-between;font-size:10px}footer b{color:#dce4e9;letter-spacing:2px}footer i{font-style:normal}@media(max-width:900px){#mb{display:block}nav{display:none;position:absolute;top:76px;left:0;width:100%;padding:25px 7vw;background:#0b1014;flex-direction:column}nav.open{display:flex}.hero,.cols,.product{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.services div{grid-template-columns:40px 1fr}.services p{grid-column:2}.monitor{display:none}}@media(max-width:560px){.cards{grid-template-columns:1fr}section{padding:75px 7vw}footer{flex-direction:column;gap:10px}}

/* V2 - diferenciais e produto */
.diferenciais{background:#0b1014}.diferenciais-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.diferenciais-grid article{background:#10161b;padding:30px;min-height:230px}.diferenciais-grid b{font-size:11px;color:var(--accent2)}.diferenciais-grid h3{margin:35px 0 12px;font-size:19px}.diferenciais-grid p{font-size:14px;color:var(--muted)}.produto-recursos{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.produto-recursos span{font-size:10px;letter-spacing:1px;border:1px solid #31526c;padding:7px 10px;color:#9fd0fb;background:#0a1822}
@media(max-width:900px){.diferenciais-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.diferenciais-grid{grid-template-columns:1fr}}

/* V3 - multimarcas e contatos */
.multi{max-width:920px;color:#9aa7b2;margin:0 0 32px;line-height:1.75}.multi b{color:#e8f1f7}.contact-grid{display:grid!important;grid-template-columns:repeat(2,1fr);gap:0!important;margin-top:32px}.contact-grid>div{padding:20px;border-bottom:1px solid #28313a}.contact-grid small{display:block;color:#71808b;font-size:9px;letter-spacing:1.5px;margin-bottom:5px}.contact-grid b,.contact-grid span{display:block;color:#dce5eb}@media(max-width:650px){.contact-grid{grid-template-columns:1fr}}


/* V4 - AJB SCADA em destaque */
.ajb-product{padding-top:125px;padding-bottom:125px;background:radial-gradient(circle at 82% 45%,#123955 0,transparent 34%),linear-gradient(115deg,#0b2538,#0a1015)}
.ajb-copy h2{margin-bottom:12px}.ajb-copy h3{font-size:23px;line-height:1.3;margin:0 0 22px;color:#dfeaf2}.ajb-copy p b{color:#eaf5fc}.ajb-nota{margin-top:24px!important;border-left:2px solid #168cff;padding-left:15px}
.ajb-demo{background:#0b1217;border:1px solid #31526c;padding:14px;box-shadow:0 24px 60px #0007}.demo-title{display:flex;flex-direction:column;padding:5px 3px 14px}.demo-title span{font-size:9px;letter-spacing:1.7px;color:#5db2ff}.demo-title b{font-size:14px;margin-top:3px;color:#dce8f0}.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#05090c;overflow:hidden}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-aviso{display:block;color:#6f818e;font-size:9px;line-height:1.5;padding:11px 3px 2px}
@media(max-width:900px){.ajb-product{padding-top:90px;padding-bottom:90px}.ajb-demo{margin-top:10px}}

/* V5 - vídeo leve e resiliente: carrega YouTube somente sob demanda */
.video-lazy{position:relative;width:100%;aspect-ratio:16/9;background:#05090c;overflow:hidden;border:1px solid #22313c;display:flex;align-items:center;justify-content:center}
.video-lazy img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.68;transition:.25s}
.video-lazy:hover img{opacity:.82;transform:scale(1.01)}
.video-lazy::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#05090ccc 100%);pointer-events:none}
.video-play{position:relative;z-index:2;width:78px;height:78px;border-radius:50%;border:1px solid #74bdff;background:#0b7fdbe8;color:#fff;font-size:30px;cursor:pointer;box-shadow:0 10px 35px #0008;transition:.2s}.video-play:hover{transform:scale(1.07);background:#168cff}
.video-lazy iframe{position:absolute;z-index:4;inset:0;width:100%;height:100%;border:0;background:#000}
.video-acoes{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.video-link{color:#78c0ff;text-decoration:none;font-size:10px;font-weight:bold;letter-spacing:.8px}.video-link:hover{text-decoration:underline}
.video-aviso{flex:1}.video-fallback{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;color:#dbe8f0;font-size:10px;text-align:center;letter-spacing:.5px}
@media(max-width:560px){.video-play{width:62px;height:62px;font-size:24px}.video-acoes{align-items:flex-start;flex-direction:column}}
