:root{--bg:#050609;--bg2:#0d1118;--text:#fff;--muted:#c7cbd4;--gold:#e0ae32;--gold2:#ffcd55;--card:#141922;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1280px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(4,5,7,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(224,174,50,.28)}
.nav{height:94px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}.brand img{width:260px;max-height:76px;object-fit:contain;display:block;background:transparent!important;border:0!important;box-shadow:none!important}
nav{display:flex;align-items:center;gap:36px}nav a{font-weight:900;font-size:15px;text-transform:uppercase;letter-spacing:.3px}.nav-btn,.btn.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111!important;padding:16px 28px;border-radius:10px;font-weight:1000;box-shadow:0 16px 36px rgba(224,174,50,.25)}.nav-btn span,.btn span{margin-left:8px}
.hero{position:relative;overflow:hidden;min-height:640px;padding:70px 0;background:radial-gradient(circle at 80% 36%,rgba(224,174,50,.23),transparent 33%),linear-gradient(135deg,#050609,#090c12 65%,#130f05)}.circuit{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(224,174,50,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(224,174,50,.04) 1px,transparent 1px);background-size:72px 72px;opacity:.45}.hero:after{content:"";position:absolute;right:0;top:80px;width:52%;height:70%;background:radial-gradient(circle at center,rgba(224,174,50,.18),transparent 58%);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .96fr;gap:70px;align-items:center}.eyebrow,.section-label{display:block;color:var(--gold2);text-transform:uppercase;font-weight:1000;letter-spacing:3px;font-size:14px}.eyebrow.line:before{content:"";display:inline-block;width:42px;height:2px;background:var(--gold2);vertical-align:middle;margin-right:14px}.hero h1{font-size:clamp(46px,5.6vw,72px);line-height:1.02;margin:22px 0 22px;letter-spacing:-2px}.hero h1 span{color:var(--gold)}.hero p{font-size:19px;color:#f0f2f7;max-width:650px}.hero-actions{display:flex;gap:16px;margin:30px 0}.btn{display:inline-flex;padding:15px 25px;border-radius:10px;font-weight:1000}.btn.ghost{border:1px solid rgba(224,174,50,.55);background:rgba(255,255,255,.03);color:#ffcd55}.quick-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px;max-width:680px}.quick-cards div{background:rgba(255,255,255,.035);border:1px solid rgba(224,174,50,.45);border-radius:10px;padding:14px 15px;min-height:92px}.quick-cards i{display:inline-grid;width:28px;height:28px;place-items:center;color:#ffcd55;border:1px solid rgba(224,174,50,.35);margin-right:6px}.quick-cards b{color:#ffcd55;font-size:20px}.quick-cards small{display:block;color:#f5f7fb;font-weight:700;font-size:13px;margin-left:38px}.hero-visual{display:flex;justify-content:center}.panel-illustration{width:min(520px,100%);padding:26px;border-radius:18px;border:1px solid rgba(224,174,50,.75);background:rgba(17,21,29,.7);box-shadow:0 35px 110px rgba(224,174,50,.18)}.screen{height:106px;background:#111923;border:1px solid #253041;border-radius:12px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;gap:18px}.screen i{display:block;width:58px;background:linear-gradient(180deg,#ffd766,#ad7d22);border-radius:7px 7px 3px 3px}.screen i:nth-child(1){height:28px}.screen i:nth-child(2){height:52px}.screen i:nth-child(3){height:38px}.screen i:nth-child(4){height:63px}.screen i:nth-child(5){height:46px}.module-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.module{height:135px;background:#121923;border:1px solid #273143;border-radius:12px;padding:18px}.module span{display:block;height:7px;background:var(--gold2);border-radius:99px;margin-bottom:24px}.module em{display:block;height:7px;background:#424a56;border-radius:99px;margin:15px 0}
.brands{padding:38px 0 54px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);text-align:center}.brands h2{font-size:34px;margin:8px 0 8px}.brand-desc{color:#c9d0dc;margin:0 0 26px}.brand-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}.brand-card{min-height:62px;border-radius:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;font-weight:1000;font-size:21px;letter-spacing:.3px;transition:.2s}.brand-card:hover{transform:translateY(-4px);border-color:rgba(224,174,50,.45);box-shadow:0 18px 42px rgba(224,174,50,.1)}.brand-card small{font-size:.7em}.brand-card.inovance{color:#169bd7}.brand-card.opaxa{color:#f23139}.brand-card.schneider{color:#26b04f}.brand-card.delta{color:#2e9eea}.brand-card.ls{color:#f4f7ff}.brand-card.omron{color:#1469c9}.brand-card.abb{color:#ef202b}
.section{padding:84px 0}.light{background:#f7f8fa;color:#06080c}.dark{background:#111720}.section h2{font-size:clamp(34px,4vw,48px);line-height:1.05;text-align:center;margin:8px auto}.gold-underline{width:56px;height:2px;background:var(--gold);margin:16px auto 34px}.section-desc{text-align:center;color:#667085;max-width:820px;margin:0 auto 42px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.cards article{background:#fff;border:1px solid #e7e9ef;border-radius:12px;padding:26px 22px;box-shadow:0 18px 50px rgba(15,23,42,.08);transition:.25s}.cards article:hover{transform:translateY(-5px)}.icon{width:44px;height:44px;background:var(--gold);border-radius:10px;display:grid;place-items:center;font-size:20px;margin-bottom:20px}.cards h3{font-size:18px;margin:0 0 10px}.cards p{color:#374151;font-size:15px}
.project-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.project{min-height:170px;border-radius:18px;padding:30px;background:linear-gradient(135deg,rgba(224,174,50,.34),rgba(0,0,0,.84));color:white;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 24px 60px rgba(0,0,0,.12)}.project.big{grid-row:span 2;min-height:400px}.project h3{font-size:28px;margin:0 0 8px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}.contact-card,.contact-form{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:24px;padding:34px}.contact-card h2{text-align:left;font-size:52px;line-height:1.05;margin:16px 0}.contact-card ul{list-style:none;padding:0;margin:30px 0 0}.contact-card li{padding:14px 0;border-bottom:1px solid var(--line);font-weight:900}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea{width:100%;padding:17px;border-radius:12px;border:1px solid #303744;background:#11161e;color:#fff}.contact-form textarea{height:140px}.contact-form button{border:0;border-radius:12px;padding:17px;background:linear-gradient(135deg,var(--gold2),var(--gold));font-weight:1000;font-size:16px}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:120;background:#22c55e;color:#fff;padding:14px 24px;border-radius:999px;font-weight:1000;box-shadow:0 20px 50px rgba(34,197,94,.3)}.site-footer{background:#050608;border-top:1px solid var(--line);padding:24px 0;color:#cbd1dc}.footer-grid{display:flex;justify-content:space-between;gap:20px}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.reveal{animation:fadeUp .8s ease both}
@media(max-width:1050px){.cards{grid-template-columns:repeat(3,1fr)}.brand-grid{grid-template-columns:repeat(4,1fr)}.brand img{width:230px}.hero-grid{grid-template-columns:1fr}.hero-visual{order:-1}}@media(max-width:800px){.nav{height:auto;padding:14px 0;align-items:flex-start}.brand img{width:210px}nav{display:none}.hero{padding:45px 0}.quick-cards{grid-template-columns:repeat(2,1fr)}.cards,.brand-grid,.project-grid,.contact-grid{grid-template-columns:1fr}.project.big{min-height:260px}.whatsapp{left:16px;right:16px;text-align:center}.contact-card h2{font-size:38px}}