*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#0a376f;background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.55}.progress{position:fixed;z-index:9999;left:0;top:0;height:3px;width:0;background:#087bea}.nav{position:fixed;z-index:1000;left:0;right:0;top:0;height:82px;background:rgba(255,255,255,.97);display:flex;align-items:center;padding:0 8vw;border-bottom:1px solid #e5edf4;box-shadow:0 2px 12px rgba(10,55,111,.04)}.brand{display:block;width:235px;flex:none}.brand img{width:225px;height:70px;object-fit:contain;object-position:left center;display:block}.nav nav{display:flex;align-items:center;gap:35px;margin:auto}.nav nav a{color:#0a376f;text-decoration:none;font-size:14px;font-weight:700;padding:31px 0;position:relative}.nav nav a:after{content:"";position:absolute;bottom:19px;left:0;right:0;height:3px;background:#087bea;transform:scaleX(0);transition:.2s}.nav nav a:hover:after,.nav nav a.active:after{transform:scaleX(1)}.quote{background:#087bea;color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:13px 19px;border-radius:6px;white-space:nowrap}.quote span{margin-left:8px}.menu{display:none;background:none;border:0;font-size:26px;color:#0a376f}.hero{height:680px;min-height:680px;position:relative;overflow:hidden;color:#fff;display:flex;align-items:center;padding:110px 9vw 60px}.hero-slides,.hero-slide,.hero-overlay{position:absolute;inset:0}.hero-slide{background-size:cover;background-position:center;opacity:0;transition:opacity 1s}.hero-slide.active{opacity:1}.hero-overlay{background:linear-gradient(90deg,rgba(3,43,82,.9) 0%,rgba(4,61,105,.72) 45%,rgba(5,55,96,.28) 100%)}.hero-content{position:relative;z-index:2;max-width:660px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px}.eyebrow i{font-style:normal;color:#9bd320;margin:0 6px}.blue{color:#087bea}.hero h1{font-size:66px;line-height:.98;letter-spacing:-3px;margin:17px 0 20px}.hero h1 em{font-style:normal;color:#ffb000}.hero p{font-size:16px;max-width:650px;color:#e8f3fb}.hero p b{color:#fff}.actions{display:flex;gap:14px;margin:28px 0}.btn{display:inline-block;border:0;border-radius:6px;padding:13px 21px;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}.primary{background:#087bea;color:#fff}.ghost{border:1px solid rgba(255,255,255,.9);color:#fff;background:rgba(0,0,0,.1)}.trust{font-size:11px;color:#eaf4fb}.trust span{color:#a3d725;font-weight:900}.hero-card{position:relative;z-index:2;width:335px;margin-left:auto;background:rgba(255,255,255,.96);color:#0a376f;border-radius:9px;padding:24px;box-shadow:0 20px 45px rgba(0,24,55,.25)}.card-label{font-size:12px;font-weight:800;letter-spacing:2px;color:#075bb4}.capability{padding:17px 0;border-bottom:1px solid #e1e9ef;display:flex;flex-direction:column;gap:3px}.capability strong{font-size:12px}.capability span{font-size:11px;color:#54708e}.capability.energy strong{color:#17943b}.capability.telecom strong{color:#087bea}.capability.electro strong{color:#f36c18}.card-foot{font-size:9px;letter-spacing:1.8px;padding-top:16px;color:#6b8194}.card-foot b{color:#ff7815;margin:0 7px}.slide-dots{position:absolute;z-index:3;bottom:25px;left:9vw;display:flex;gap:7px}.dot{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:transparent;cursor:pointer;padding:0}.dot.active{background:#fff}.section{padding:85px 9vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.section-head>div{max-width:730px}.section-head h2,.about h2,.cta h2{font-size:43px;line-height:1.08;letter-spacing:-1.7px;margin:10px 0;color:#0a3e7d}.section-head>p{max-width:430px;font-size:13px;color:#60778c}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:#fff;border:1px solid #e1e9f0;border-radius:8px;padding:28px;min-height:265px;box-shadow:0 10px 28px rgba(15,58,95,.07);position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px}.energy-card:after{background:#16933a}.telecom-card:after{background:#087bea}.electro-card:after{background:#f47617}.service-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:24px}.energy-card .service-icon{background:#16933a}.telecom-card .service-icon{background:#087bea}.electro-card .service-icon{background:#f47617}.number{position:absolute;top:28px;right:28px;color:#b4c2ce;font-size:10px;font-weight:800}.service-card h3{font-size:22px;margin:22px 0 7px}.service-card p{font-size:13px;color:#60778c}.projects{background:#f1f8fc}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{margin:0;background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 8px 22px rgba(10,55,95,.09);border:1px solid #e0e9ef}.photo-btn{padding:0;border:0;background:none;width:100%;display:block;cursor:zoom-in}.project img{display:block;width:100%;height:220px;object-fit:cover;transition:transform .35s}.photo-btn:hover img{transform:scale(1.035)}.project figcaption{padding:13px 15px 17px}.project figcaption span{font-size:9px;letter-spacing:1.6px;color:#087bea;font-weight:800}.project figcaption b{display:block;font-size:14px;margin-top:4px;color:#0b3f7e}.project figcaption small{display:block;font-size:10px;color:#71879a;margin-top:3px}.about{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}.about p{color:#5d7489;font-size:13px;max-width:650px}.stats{display:grid;grid-template-columns:1fr;gap:12px}.stats div{border:1px solid #dfe8ef;border-radius:7px;padding:22px;text-align:center}.stats b{font-size:22px;color:#0b4e95}.stats span{display:block;font-size:10px;color:#71879a;margin-top:4px}.cta{padding:45px 9vw;background:linear-gradient(100deg,#083769,#0e679f);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{color:#fff;max-width:750px;margin:10px 0}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.contact-details div{padding:17px 0;border-bottom:1px solid #e0e8ee}.contact-details small{display:block;font-size:8px;letter-spacing:2px;color:#6d8396;font-weight:800}.contact-details a,.contact-details b{font-size:14px;color:#0a3e7d;text-decoration:none}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{font-size:10px;font-weight:800;color:#2b5074}.contact-form label:nth-of-type(3),.contact-form label:nth-of-type(4),.contact-form label:nth-of-type(5),.contact-form button,.form-message{grid-column:span 2}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #d6e1e9;border-radius:5px;padding:12px;background:#f9fbfd;font:13px Arial;color:#183e65}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid rgba(8,123,234,.12);border-color:#087bea}.form-message{font-size:11px;color:#17823a}footer{background:#072e5a;color:#dce8f2;display:flex;align-items:center;gap:40px;padding:28px 8vw}footer .brand{width:220px}footer .brand img{width:210px;filter:brightness(0) invert(1) grayscale(1)}footer>div{margin:auto;font-size:10px;letter-spacing:1px}footer p{margin:5px 0 0;color:#9fb6c9;letter-spacing:0}.lightbox{position:fixed;z-index:3000;inset:0;background:rgba(0,20,40,.92);display:none;align-items:center;justify-content:center;padding:35px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:6px}.lightbox #lightboxTitle{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#fff;font-weight:700;font-size:13px}.close{position:absolute;right:25px;top:18px;color:#fff;background:none;border:0;font-size:38px;cursor:pointer}
@media(max-width:1000px){.nav{padding:0 5vw}.brand{width:190px}.brand img{width:180px}.nav nav{gap:20px}.hero{padding-left:7vw;padding-right:7vw}.hero-card{width:310px}.slide-dots{left:7vw}.section{padding-left:7vw;padding-right:7vw}.gallery{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:1/-1}.about{gap:40px}.cta{padding-left:7vw;padding-right:7vw}}
@media(max-width:760px){.nav{height:72px}.brand{width:175px}.brand img{width:165px;height:62px}.menu{display:block;margin-left:auto}.nav nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;padding:15px 7vw;flex-direction:column;gap:0;border-bottom:1px solid #e2e9ef}.nav.open nav{display:flex}.nav nav a{padding:12px 0}.nav nav a:after{display:none}.quote{display:none}.hero{height:auto;min-height:760px;padding-top:115px;display:block}.hero-content{max-width:100%}.hero h1{font-size:51px}.hero-card{margin:45px 0 0;width:100%;max-width:390px}.section-head{display:block}.section-head>p{margin-top:17px}.cards,.gallery{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.about,.contact-grid{grid-template-columns:1fr;gap:40px}.cta{display:block}.cta .btn{margin-top:15px}footer{display:block}footer>div{margin:20px 0}}
@media(max-width:480px){.hero{min-height:800px}.hero h1{font-size:44px;letter-spacing:-2px}.actions{flex-direction:column;align-items:flex-start}.project img{height:250px}.contact-form{grid-template-columns:1fr}.contact-form label:nth-of-type(3),.contact-form label:nth-of-type(4),.contact-form label:nth-of-type(5),.contact-form button,.form-message{grid-column:span 1}}