*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;background:#031822;color:#10222b}header{height:92px;padding:0 max(30px,calc((100vw - 1480px)/2));display:flex;align-items:center;gap:34px;color:#fff;position:sticky;top:0;background:#031822f5;z-index:20;border-bottom:1px solid #24404a}.brand{display:flex;align-items:center;gap:13px}.brand img{width:100px;height:70px;object-fit:contain}.brand span{font-size:12px;color:#dbe5e8;line-height:1.4}nav{display:flex;gap:25px;margin-left:auto}nav a{color:#fff;text-decoration:none;font-size:12px;font-weight:bold}nav a:first-child{color:#85ee29}.contact{font-size:11px;line-height:1.7}.btn{display:inline-block;background:#83ee28;color:#061a22;padding:16px 20px;text-decoration:none;font-size:11px;font-weight:900;border-radius:2px}.hero{height:690px;position:relative;overflow:hidden;color:#fff;padding:75px max(30px,calc((100vw - 1480px)/2));background:linear-gradient(90deg,#031822 0 42%,#082531 42%)}.copy{width:43%;position:relative;z-index:4}.copy small{font-size:12px;letter-spacing:1px}.copy h1{font-size:68px;line-height:.98;letter-spacing:-2px;margin:22px 0}.copy h1 em{color:#83ee28;font-style:normal}.copy p{font-size:17px;line-height:1.55;color:#d8e4e7;max-width:600px}.outline{display:inline-block;color:#fff;border:1px solid #83ee28;padding:15px 20px;text-decoration:none;font-size:11px;font-weight:900;margin-left:10px}.datacenter{position:absolute;left:43%;right:0;top:0;bottom:90px;display:flex;gap:26px;padding:42px 40px;perspective:900px;background:radial-gradient(circle at 60% 45%,#0b4a61,#041923 60%)}.rack{flex:1;border:2px solid #3e5b66;background:#030b0f;padding:13px;box-shadow:0 15px 30px #000}.rack i{display:block;height:13%;margin-bottom:8px;background:repeating-linear-gradient(90deg,#10232b 0 20px,#0d8ac4 21px 23px,#12242b 24px 38px,#78e82b 39px 41px);border:1px solid #29444e}.perks{position:absolute;left:0;right:0;bottom:0;height:90px;background:#02151de8;display:flex;justify-content:center;gap:65px;align-items:center}.perks span{display:grid;grid-template-columns:30px 1fr;color:#82ed29;font-size:25px}.perks b,.perks small{grid-column:2;color:#fff;font-size:12px}.perks small{color:#b9c7cc;font-weight:normal}.light{background:#fff}.heading{max-width:1480px;margin:auto;padding:48px 30px 28px;display:flex;justify-content:space-between;align-items:end}.heading small,.about small,.form small{letter-spacing:2px;font-weight:bold;color:#65767d}.heading h2,.about h2{font-size:39px;margin:7px 0}.heading h2:after,.about h2:after{content:"";display:block;width:55px;height:3px;background:#83ee28;margin-top:10px}.heading p{font-size:13px;color:#65767d;line-height:1.6}.cards{max-width:1480px;margin:auto;padding:0 30px 55px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cards article{position:relative;min-height:390px;border:1px solid #e0e8eb;box-shadow:0 7px 24px #0000000d;padding:0 18px 20px;transition:.25s}.cards article:hover{transform:translateY(-6px);box-shadow:0 15px 32px #0002}.art{height:175px;margin:0 -18px 22px;background:#173745;position:relative;overflow:hidden}.icon{position:absolute;top:148px;left:17px;background:#fff;color:#53d21c;width:52px;height:52px;display:grid;place-items:center;font-size:29px;border-radius:5px;box-shadow:0 4px 13px #0002}.cards h3{font-size:17px;margin-top:26px}.cards p{font-size:13px;line-height:1.55;color:#62747c}.cards a{position:absolute;bottom:18px;color:#0787e8;text-decoration:none;font-size:11px;font-weight:bold}.server{display:flex;gap:8px;padding:18px}.server i{flex:1;background:repeating-linear-gradient(#071117 0 8px,#26728f 9px 12px,#071117 13px 20px);border:2px solid #708893}.electro{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:28px;background:#d7e0e3}.electro i{background:linear-gradient(#fff 0 40%,#26383f 41% 50%,#f8f8f8 51%);border:2px solid #73858c}.security{background:linear-gradient(145deg,#eef2f3,#839aa3)}.security i:first-child{position:absolute;width:110px;height:70px;border-radius:50%;background:radial-gradient(circle,#07141a 0 17%,#1784a9 18% 28%,#e9eff1 29%);left:50%;top:50%;transform:translate(-50%,-50%)}.home{background:#16394b}.home:before{content:"";position:absolute;left:15%;right:12%;bottom:0;height:65%;background:#17272d;clip-path:polygon(0 30%,48% 0,100% 24%,100% 100%,0 100%)}.home i{position:relative;display:inline-block;width:25%;height:35%;margin:90px 2% 0 18%;background:#ffd06a;box-shadow:0 0 20px #ffc95d}.monitor{background:#082738}.monitor i{position:relative;display:inline-block;width:39%;height:50%;margin:35px 3%;border:3px solid #718791;background:linear-gradient(140deg,#041c29,#0d8ac2)}.support{background:linear-gradient(130deg,#dfe8eb,#78929d)}.support i{position:relative;display:inline-block;width:34%;height:65%;margin:30px 6%;background:#253a43;border:4px solid #627983}.mosaic{max-width:1480px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:4px;background:#fff}.mosaic article{color:#fff;overflow:hidden}.smart{min-height:620px;background:linear-gradient(115deg,#061d29 0 46%,#0c3544 46%);display:grid;grid-template-columns:.9fr 1.1fr;padding:42px}.smart h2,.biz h2,.ele h2{font-size:31px;line-height:1.1}.mosaic p,.mosaic li{font-size:13px;line-height:1.7}.mosaic ul{list-style:none;padding:0}.mosaic li:before{content:"✓";color:#83ee28;font-weight:bold;margin-right:8px}.csshouse{align-self:end;height:380px;background:#17272c;border:4px solid #52636a;position:relative;box-shadow:0 20px 30px #0008}.csshouse:before{content:"";position:absolute;left:-5%;right:-5%;top:-28%;height:30%;background:#17272c;clip-path:polygon(0 100%,45% 0,100% 100%)}.csshouse i{display:inline-block;width:36%;height:30%;margin:8% 4% 2% 7%;background:#ffd278;box-shadow:0 0 25px #ffcc6688}.mosaic>div{display:grid;gap:4px}.biz,.ele{min-height:308px;background:#061e29;padding:30px;display:grid;grid-template-columns:1fr 1fr}.screens{position:relative}.screens i{position:absolute;width:68%;height:43%;background:linear-gradient(140deg,#041722,#0c8bbf);border:3px solid #647c86}.screens i:first-child{left:0;top:10%}.screens i:last-child{right:0;top:48%}.ele{background:linear-gradient(120deg,#123540,#051b25)}.breakers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px}.breakers i{background:linear-gradient(#fff 0 43%,#24363d 44% 53%,#f8f8f8 54%);border:2px solid #72858d}.tech .heading h2{font-size:28px}.logos{max-width:1480px;margin:auto;padding:0 30px 45px;display:grid;grid-template-columns:repeat(11,1fr);gap:18px}.logos span{display:flex;align-items:center;justify-content:center;gap:7px}.logos i{width:30px;height:30px;display:grid;place-items:center;font-style:normal;font-weight:900;color:#0783c5;font-size:18px}.logos span:nth-child(2) i,.logos span:nth-child(5) i,.logos span:nth-child(9) i{color:#dc2927}.logos span:nth-child(7) i{color:#50bd28}.logos span:last-child i{background:#078bcf;color:white;border-radius:50%}.logos b{font-size:12px;color:#43555c;white-space:nowrap}.process{max-width:1480px;margin:auto;padding:38px 30px 44px;color:#fff}.process h2{font-size:29px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:30px}.steps span{display:grid;grid-template-columns:54px 25px 1fr;align-items:center;font-size:12px}.steps i{width:54px;height:54px;border:2px solid #83ee28;border-radius:50%;display:grid;place-items:center;color:#83ee28;font-style:normal;font-size:18px}.steps b{margin:0 7px}.about{max-width:1480px;margin:auto;padding:50px 30px;display:grid;grid-template-columns:1.3fr .8fr .7fr;gap:35px}.about p,.values{font-size:13px;line-height:1.8;color:#60737b}.logoPanel{background:#061e29;display:grid;place-items:center;min-height:180px}.logoPanel img{width:145px}.form{max-width:1480px;margin:auto;padding:55px 30px;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:60px}.form h2{font-size:38px}.form p{font-size:13px;color:#c3d0d5}form{display:grid;grid-template-columns:1fr 1fr;gap:9px}input,textarea{background:#041923;border:1px solid #35515c;padding:14px;color:#fff}textarea{grid-column:1/3;height:100px}button{grid-column:1/3;background:#83ee28;border:0;padding:15px;font-weight:900}footer{max-width:1480px;margin:auto;padding:30px;color:#cbd8dc;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:11px;border-top:1px solid #28434d}.reveal{opacity:0;transform:translateY(20px);transition:.65s}.reveal.show{opacity:1;transform:none}@media(max-width:1100px){.contact{display:none}.cards{grid-template-columns:repeat(3,1fr)}.logos{grid-template-columns:repeat(6,1fr)}.copy h1{font-size:55px}.mosaic{grid-template-columns:1fr}}@media(max-width:700px){header{height:76px;padding:0 18px}header nav,header>.btn,.brand span{display:none}.hero{height:690px;padding:60px 20px}.copy{width:100%}.copy h1{font-size:43px}.datacenter{left:45%;opacity:.28}.perks{gap:20px;padding:10px}.perks span:nth-child(n+3){display:none}.heading{display:block;padding:38px 20px 24px}.cards{grid-template-columns:1fr;padding:0 20px 45px}.mosaic{display:block}.smart{grid-template-columns:1fr;padding:28px}.csshouse{position:absolute;opacity:.25}.biz,.ele{grid-template-columns:1fr}.logos{grid-template-columns:repeat(2,1fr);padding:0 20px 35px}.logos span{justify-content:flex-start}.process{padding:35px 20px}.steps{grid-template-columns:1fr 1fr}.about,.form,footer{grid-template-columns:1fr;padding:35px 20px}form{grid-template-columns:1fr}textarea,button{grid-column:auto}}
/* V5 — realistic service photography. No screenshot crops, no generated JiSkra vehicle/logo. */
.cards .art{background-size:cover!important;background-position:center!important}
.cards .art i,.cards .art:before{display:none!important}
.cards .server{
 background-image:linear-gradient(#03182212,#03182212),url("https://www.v-network.net/cdn/shop/collections/network-cabling-professional-photo.png?v=1765349865")!important;
}
.cards .electro{
 display:block!important;
 background-image:linear-gradient(#03182208,#03182208),url("https://hiwudie.com/imag/project2.png")!important;
}
.cards .security{
 background-image:linear-gradient(#03182208,#03182208),url("https://okinews.disway.id/upload/85c3a684329c1383137e9b700effe08e.jpeg")!important;
}
.cards .home{
 background-image:linear-gradient(#03182208,#03182208),url("https://rocatech.ae/cdn/shop/articles/20250411_1259_Smart_Panel_Integration_remix_01jrj14pg3evjta6zdac21cy95.png?v=1744716136")!important;
}
.cards .monitor{
 background-image:linear-gradient(#03182210,#03182210),url("https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/b41a70d6-7a8d-45e4-82a7-dbadb08121de.png")!important;
}
.cards .support{
 background-image:linear-gradient(#03182208,#03182208),url("https://cdn.datacenterservicegroup.com/cdn-cgi/image/format%3Dauto%2Cwidth%3D1920%2Cquality%3D85/dcsg/technician-working-on-server-maintenance.jpg")!important;
}

/* V6 — realistic imagery for the 3 large solution panels */
.smart{
  background:
    linear-gradient(90deg,rgba(2,18,27,.91) 0%,rgba(2,18,27,.76) 40%,rgba(2,18,27,.16) 72%,rgba(2,18,27,.06) 100%),
    url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1800&q=90") center/cover no-repeat!important;
}
.smart .csshouse{display:none!important}
.biz{
  background:
    linear-gradient(90deg,rgba(2,18,27,.94) 0%,rgba(2,18,27,.78) 48%,rgba(2,18,27,.18) 100%),
    url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1600&q=90") center/cover no-repeat!important;
}
.biz .screens{display:none!important}
.ele{
  background:
    linear-gradient(90deg,rgba(2,18,27,.28) 0%,rgba(2,18,27,.66) 50%,rgba(2,18,27,.94) 100%),
    url("https://images.unsplash.com/photo-1621905252507-b35492cc74b4?auto=format&fit=crop&w=1600&q=90") center/cover no-repeat!important;
}
.ele .breakers{visibility:hidden!important}
.smart>div:first-child,.biz>h2,.biz>ul,.ele>div:last-child{position:relative;z-index:2}
.smart,.biz,.ele{background-color:#061d29!important}

/* V7 — no people in the 3 large solution visuals */
.smart{
 background:
 linear-gradient(90deg,rgba(2,18,27,.94) 0%,rgba(2,18,27,.78) 40%,rgba(2,18,27,.12) 78%),
 url("https://www.avconceptproducts.com/images/domotique/dom-knx-panel.webp") center/cover no-repeat!important;
}
.biz{
 background:
 linear-gradient(90deg,rgba(2,18,27,.95) 0%,rgba(2,18,27,.72) 48%,rgba(2,18,27,.10) 100%),
 url("https://www.accesscom.com.mx/uploads/servicios/networking.jpg") center/cover no-repeat!important;
}
.ele{
 background:
 linear-gradient(90deg,rgba(2,18,27,.20) 0%,rgba(2,18,27,.62) 48%,rgba(2,18,27,.95) 100%),
 url("https://www.boehm-schaltanlagen.de/img/verteilerkasten-baugruppenmontage-offen.jpg") center/cover no-repeat!important;
}
/* Actual manufacturer logo artwork */
.realbrandlogos span{height:68px;padding:8px 10px}
.realbrandlogos img{display:block;max-width:118px;max-height:42px;width:auto;height:auto;object-fit:contain}
@media(max-width:700px){.realbrandlogos img{max-width:125px;max-height:40px}}

/* V8: logo + manufacturer name; name remains visible even when remote logo fails */
.realbrandlogos{grid-template-columns:repeat(5,1fr)!important;gap:16px 24px!important}
.realbrandlogos span{min-height:74px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;padding:9px 11px!important}
.realbrandlogos img{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;object-fit:contain!important;flex:0 0 38px}
.realbrandlogos b{display:block!important;font-size:14px!important;color:#31464f!important;font-weight:800!important;white-space:normal!important}
@media(max-width:900px){.realbrandlogos{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:520px){.realbrandlogos{grid-template-columns:1fr!important}}

/* V10: full-colour manufacturer artwork, not generated placeholders */
.realbrandlogos .brand-item{background:#fff!important}
.realbrandlogos .brand-item img{width:auto!important;height:auto!important;max-width:72px!important;max-height:42px!important;object-fit:contain!important}
.realbrandlogos .brand-item b{font-size:14px!important;font-weight:800!important;color:#273a43!important}