:root{
  --navy:#071827; --navy2:#0c263a; --blue:#0879c9; --cyan:#17b7d7;
  --text:#17232d; --muted:#61717d; --light:#f4f7f9; --white:#fff;
  --line:#dce5ea; --max:1160px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit}.container{width:min(var(--max),92%);margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(7,24,39,.96);backdrop-filter:blur(12px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:43px;height:43px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:900}.brand img{display:block;width:170px;height:auto;max-height:58px;object-fit:contain;background:#fff;border-radius:3px}.nav{display:flex;align-items:center;gap:25px;font-size:14px}.nav a{opacity:.9}.nav a:hover{opacity:1;color:#66d8f0}.nav-cta{padding:10px 16px;border:1px solid #4bcce6;border-radius:7px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{min-height:720px;position:relative;display:flex;align-items:center;color:#fff;background:linear-gradient(115deg,rgba(4,20,33,.96),rgba(4,36,58,.78)),url("https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1800&q=85") center/cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,33,.95) 0%,rgba(4,20,33,.55) 60%,rgba(4,20,33,.25))}
.hero-content{position:relative;padding:90px 0}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:800;color:var(--cyan);margin:0 0 12px}.hero h1{font-size:clamp(45px,6vw,76px);line-height:1.03;margin:0 0 24px;letter-spacing:-2px}.hero h1 span{color:#6ce0f0}.hero-text{max-width:650px;font-size:18px;color:#d9e6ed}.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:13px 20px;font-weight:800;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}.btn-outline{border:1px solid rgba(255,255,255,.45);color:#fff}.btn-white{background:#fff;color:var(--navy)}.btn-small{padding:9px 15px;background:var(--blue);color:#fff}.hero-stats{display:flex;gap:45px;margin-top:65px}.hero-stats div{border-left:1px solid rgba(255,255,255,.25);padding-left:18px}.hero-stats strong{display:block;font-size:25px}.hero-stats span{font-size:12px;color:#b9cbd4}
.section{padding:100px 0}.section-light{background:var(--light)}.section-dark{background:var(--navy);color:#fff}.section-heading{max-width:760px;margin-bottom:42px}.section-heading h2,h2{font-size:clamp(30px,4vw,46px);line-height:1.1;margin:0 0 15px;letter-spacing:-1px}.section-heading p:not(.eyebrow){color:var(--muted)}.section-dark .section-heading p:not(.eyebrow){color:#b9cbd4}
.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}.two-col>div>p:not(.eyebrow){color:var(--muted);font-size:16px}.text-link{display:inline-block;margin-top:14px;color:var(--blue);font-weight:800}
.about-card{background:var(--light);padding:38px;border:1px solid var(--line);border-radius:16px}.about-icon{font-size:35px}.about-card h3{font-size:24px;margin:10px 0 18px}.about-card ul{list-style:none;padding:0;margin:0}.about-card li{padding:8px 0;border-bottom:1px solid #dde6eb}.about-card li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:10px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035);min-height:225px}.service-card:hover{transform:translateY(-3px);border-color:rgba(23,183,215,.5)}.service-card span{font-size:11px;color:var(--cyan);font-weight:900}.service-card h3{font-size:19px;margin:22px 0 10px}.service-card p{color:#b8c8d0;font-size:14px;margin:0}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{min-height:360px;border-radius:14px;overflow:hidden;display:flex;align-items:flex-end;background-size:cover;background-position:center;position:relative}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(0,0,0,.82))}.project-solar{background-image:url("https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=900&q=80")}.project-telecom{background-image:url("https://images.unsplash.com/photo-1544197150-b99a580bb7a8?auto=format&fit=crop&w=900&q=80")}.project-power{background-image:url("https://images.unsplash.com/photo-1473341304170-971dccb5ac1e?auto=format&fit=crop&w=900&q=80")}.project-content{position:relative;z-index:1;color:#fff;padding:27px}.project-content span{font-size:10px;letter-spacing:1.7px;font-weight:900;color:#68dff0}.project-content h3{font-size:25px;margin:7px 0}.project-content p{font-size:13px;color:#d9e4e8;margin:0}.project-note{margin-top:28px;padding:20px 23px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:18px}.project-note span{color:var(--muted);flex:1}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.why-grid>div{padding:25px 0;border-top:2px solid var(--blue)}.why-grid strong{font-size:13px;color:var(--blue)}.why-grid h3{margin:14px 0 8px}.why-grid p{font-size:14px;color:var(--muted)}
.cta-band{padding:55px 0;background:linear-gradient(110deg,var(--blue),#0b9ec4);color:#fff}.cta-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-wrap h2{margin:0}.cta-wrap .eyebrow{color:#d7f7fc}
.contact-section{background:#fff}.contact-grid{align-items:start}.contact-list{margin-top:30px}.contact-list div{padding:15px 0;border-bottom:1px solid var(--line)}.contact-list strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px}.contact-list span{color:var(--muted);font-size:14px}.contact-form{padding:32px;background:var(--light);border:1px solid var(--line);border-radius:14px}.contact-form label{display:block;font-weight:700;font-size:13px;margin-bottom:16px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #ccd9df;border-radius:6px;padding:12px;font:inherit;background:#fff}.contact-form textarea{resize:vertical}.contact-form .btn{width:100%}.form-note{font-size:11px;color:var(--muted)}
footer{background:#05131f;color:#d9e4e9;padding:45px 0}.footer-wrap{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.footer-wrap strong{letter-spacing:1px}.footer-wrap p{margin:5px 0;color:#879aa5;font-size:12px}.footer-links{display:flex;gap:20px;font-size:13px}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:15px!important}
@media(max-width:900px){.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--navy);padding:20px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-toggle{display:block}.service-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.hero{min-height:680px}.hero-stats{gap:18px;flex-wrap:wrap}.two-col{grid-template-columns:1fr;gap:40px}.service-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.project-note,.cta-wrap{flex-direction:column;align-items:flex-start}.hero-actions{flex-direction:column;align-items:stretch}.footer-wrap{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.copyright{grid-column:auto}}

.experience-section{background:#f8fafb;border-top:1px solid var(--line)}
.experience-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 42px}
.experience-summary div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}
.experience-summary strong{display:block;font-size:27px;color:var(--blue)}
.experience-summary span{font-size:12px;color:var(--muted)}
.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.experience-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px;transition:.2s}
.experience-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(7,24,39,.08)}
.experience-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}
.experience-year{font-weight:900;font-size:12px;color:var(--blue);letter-spacing:.6px}
.status{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;padding:5px 8px;border-radius:99px}
.status.completed{background:#eaf6ef;color:#16804a}
.status.ongoing{background:#fff5df;color:#9a6400}
.experience-card h3{font-size:18px;line-height:1.3;margin:0 0 10px}
.experience-card p{font-size:13px;color:var(--muted);margin:0 0 16px}
.experience-duration{border-top:1px solid var(--line);padding-top:12px;font-size:11px;color:var(--muted)}
.experience-duration strong{color:var(--text)}
@media(max-width:900px){.experience-grid{grid-template-columns:repeat(2,1fr)}.experience-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.experience-grid{grid-template-columns:1fr}.experience-summary{grid-template-columns:1fr}}

.about-actions{display:flex;gap:24px;flex-wrap:wrap}
.gallery-section{background:#fff}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gallery-item{margin:0;position:relative;overflow:hidden;border-radius:13px;min-height:230px;background:#eaf0f3}
.gallery-item img{width:100%;height:100%;min-height:230px;display:block;object-fit:cover;transition:transform .35s}
.gallery-item:hover img{transform:scale(1.04)}
.gallery-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:20px;color:#fff;font-weight:800;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.upload-note{margin-top:22px;padding:16px 18px;background:var(--light);border:1px dashed #b9c9d1;border-radius:9px;font-size:13px;color:var(--muted)}
.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cert-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:12px}
.cert-card span{color:var(--blue);font-size:11px;font-weight:900}
.cert-card h3{font-size:18px;line-height:1.3;margin:15px 0 9px}
.cert-card p,.cert-card small{color:var(--muted);font-size:13px}.cert-card small{display:block;margin-top:14px}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.team-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:30px;text-align:center}
.team-avatar{width:74px;height:74px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900;font-size:19px}
.team-card h3{margin:0 0 5px;font-size:20px}.team-card p{margin:0 0 9px;font-weight:800}.team-card span{font-size:12px;color:var(--muted)}
.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.btn-outline-dark{border:1px solid #9db0ba;color:var(--navy);background:#fff}.whatsapp-placeholder{font-size:11px;color:var(--muted);padding:11px 13px;border-left:3px solid var(--blue);background:var(--light);margin-bottom:20px}
@media(max-width:900px){.gallery-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.cert-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.gallery-grid,.team-grid,.cert-grid{grid-template-columns:1fr}}

.team-grid-detailed{grid-template-columns:repeat(3,1fr);align-items:start}
.team-card-detailed{text-align:left}
.team-card-detailed .team-avatar{margin:0 0 18px}
.team-experience{display:block;font-weight:800;color:var(--blue)!important;margin-bottom:15px}
.team-bio p{font-size:13px!important;color:var(--muted)!important;text-align:left}
.team-bio ul{padding-left:18px;margin:10px 0 0;color:var(--muted);font-size:13px}
.team-bio li{margin:7px 0}
@media(max-width:900px){.team-grid-detailed{grid-template-columns:1fr}}

.whatsapp-box{padding:15px 16px;background:#f0fbf5;border-left:3px solid #25d366;margin-bottom:20px;border-radius:7px}
.whatsapp-box>strong{display:block;font-size:13px;color:#128c45}
.whatsapp-box>span{display:block;font-size:11px;color:var(--muted);margin:2px 0 9px}
.whatsapp-links{display:flex;gap:8px;flex-wrap:wrap}
.btn-whatsapp{background:#25d366;color:#fff;padding:9px 13px;font-size:12px}

.compliance-download{margin-bottom:25px;padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}
.compliance-download p{margin:0;max-width:650px;font-size:12px;color:var(--muted)}
.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.capability-grid div{padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px}
.capability-grid strong{display:block;margin-bottom:6px;color:var(--navy)}
.capability-grid span{font-size:13px;color:var(--muted)}
@media(max-width:700px){.compliance-download{display:block}.compliance-download p{margin-top:12px}.capability-grid{grid-template-columns:1fr}}