@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#03090f;--green:#65d32d;--white:#f5f6f7;--muted:#b9c0c5;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}
.header{height:104px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 34px;gap:30px;background:#02070c;position:relative;z-index:5}.logo{width:220px;line-height:.78}.logo-main{font:800 55px/.8 Arial,sans-serif;letter-spacing:-4px}.bars{display:inline-flex;flex-direction:column;gap:4px;margin-left:-2px;vertical-align:middle;transform:translateY(-2px)}.bars i{width:29px;height:8px;background:var(--green);display:block}.logo-sub{font-size:11px;letter-spacing:1.4px;margin-top:12px}.nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:14px;font-weight:600}.nav a:hover{color:var(--green)}.lang{display:flex;gap:9px;margin-left:18px}.lang .active{color:var(--green)}.cta{border:1px solid var(--green);padding:17px 28px;margin-left:10px;font-size:13px;font-weight:700}.cta:hover{background:var(--green);color:#061006}
.hero{min-height:664px;position:relative;overflow:hidden;background:linear-gradient(90deg,#03090f 0%,#03090fe8 32%,#03090f66 60%,#03090f10 100%),linear-gradient(180deg,#03090f00 55%,#03090fff 100%),url("../assets/img/hero-kyiv.jpg") center right/cover no-repeat}.grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(120,180,210,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(120,180,210,.18) 1px,transparent 1px);background-size:140px 140px}.hero-inner{position:relative;max-width:1500px;margin:auto;padding:76px 60px 0}.kicker{color:var(--green);font-size:16px;letter-spacing:2px;margin-bottom:16px}.kicker:before{content:"";display:inline-block;width:52px;height:2px;background:var(--green);margin:0 14px 5px 0}h1{margin:0;text-transform:uppercase;font-size:clamp(70px,7.2vw,108px);line-height:.93;letter-spacing:-3px;font-weight:800;max-width:700px}h1 .outline{color:transparent;-webkit-text-stroke:2px rgba(245,246,247,.52)}.tagline{font-size:30px;margin-top:42px}.tagline b{color:var(--green)}.desc{font-size:20px;line-height:1.5;max-width:650px;color:#e4e7e9;margin:22px 0 32px}.more{display:inline-block;background:var(--green);color:#071008;padding:19px 48px;font-size:15px;font-weight:800}.stats{position:absolute;right:28px;bottom:25px;display:flex;background:rgba(2,9,14,.86);border:1px solid rgba(255,255,255,.08);padding:24px 28px;min-width:590px}.stat{padding:0 28px;border-right:1px solid rgba(255,255,255,.22)}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{font-size:28px;display:block}.stat small{color:#bfc5c9;font-size:14px}
.directions{position:relative;margin:-1px 35px 0;border:1px solid rgba(255,255,255,.1);background:rgba(2,11,17,.93);display:grid;grid-template-columns:repeat(5,1fr)}.card{min-height:235px;padding:38px 30px;border-right:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden;background:#061018}.card:last-child{border:0}.card:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:.2;transition:.3s}.card:hover:before{opacity:.4;transform:scale(1.05)}.card>*{position:relative;z-index:1}.card:nth-child(1):before{background-image:url("../assets/img/smart-building.jpg")}.card:nth-child(2):before{background-image:url("../assets/img/energy-management.jpg")}.card:nth-child(3):before{background-image:url("../assets/img/flexible-solar.jpg")}.card:nth-child(4):before{background-image:url("../assets/img/switchgear.jpg")}.card:nth-child(5):before{background-image:url("../assets/img/engineering-service.jpg")}.icon{font-size:42px;color:var(--green);height:62px}.card h3{margin:8px 0 12px;font-size:18px;line-height:1.1}.card p{margin:0;color:#d0d5d8;font-size:14px;line-height:1.45}.card:after{content:"→";position:absolute;right:28px;bottom:27px;color:var(--green);font-size:25px}.content{max-width:1500px;margin:auto;padding:80px 60px}.content h2{font-size:44px;margin:0 0 14px}.content p{max-width:800px;color:var(--muted);font-size:19px;line-height:1.6}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.gallery img{width:100%;height:350px;object-fit:cover}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 60px;color:#c8cdd0;font-size:13px;background:#02070c;border-top:1px solid rgba(255,255,255,.07)}
@media(max-width:1050px){.nav{gap:15px}.nav a:nth-child(n+3){display:none}.cta{padding:15px 20px}h1{font-size:78px}.stats{position:relative;right:auto;bottom:auto;margin-top:50px;min-width:0}.hero{min-height:760px}.directions{grid-template-columns:repeat(2,1fr)}.card:nth-child(2n){border-right:0}}
@media(max-width:700px){.header{height:auto;padding:18px 20px;flex-wrap:wrap}.logo{width:100%}.nav{order:3;width:100%;justify-content:space-between;margin:0;gap:8px}.nav a{font-size:12px}.cta{display:none}.lang{margin:0}.hero-inner{padding:48px 25px 0}.hero{min-height:780px}h1{font-size:55px;letter-spacing:-1.5px}.tagline{font-size:24px;margin-top:30px}.desc{font-size:17px}.stats{margin-top:45px;display:block;min-width:0}.stat{padding:12px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.directions{margin:0 15px;grid-template-columns:1fr}.card{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.content{padding:60px 25px}.gallery{grid-template-columns:1fr}.gallery img{height:280px}.footer{padding:20px;display:block;line-height:2}}