:root{
  --navy:#063866;
  --dark:#022747;
  --deep:#001f3d;
  --orange:#ff7a2a;
  --white:#ffffff;
  --text:#0b2442;
  --muted:#5f6f82;
  --light:#f5f8fb;
  --line:#dbe5ef;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:90%;max-width:1180px;margin:auto}
.top{background:var(--dark);color:#fff;padding:8px 0;font-size:14px}
.top .container{display:flex;justify-content:flex-end;gap:25px;flex-wrap:wrap}
.header{background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.15)}
.header .container{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:18px 0}
.logo-img{height:58px;max-width:520px;object-fit:contain}
nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:800}
nav a:hover{color:var(--orange)}
.nav-btn{background:var(--orange);padding:11px 16px;border-radius:3px;color:#fff!important}
.hero{background:linear-gradient(90deg,rgba(1,31,61,.92),rgba(1,31,61,.72)),url('assets/hero-construction.svg');background-size:cover;background-position:center;color:#fff;padding:86px 0 72px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center}
.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.05;margin-bottom:22px}
.hero p{font-size:18px;max-width:750px;color:#eaf3ff}
.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-block;background:var(--orange);color:#fff;padding:14px 22px;border-radius:3px;font-weight:900}
.btn.outline{background:transparent;border:1px solid #fff}
.enquiry{background:rgba(2,39,71,.96);padding:28px;border-radius:4px}
.enquiry h2{color:var(--orange);font-size:22px;margin-bottom:8px}
.form{display:grid;gap:10px;margin-top:16px}
input,select,textarea{width:100%;padding:12px;border:1px solid #d3deea;border-radius:3px;font:inherit}
button{border:0;background:var(--orange);color:#fff;padding:13px 18px;font-weight:900;border-radius:3px;cursor:pointer}
.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px}
.feature{display:flex;gap:12px;align-items:flex-start}
.icon{font-size:34px;color:var(--orange)}
.section{padding:68px 0}
.center{text-align:center}
.eyebrow{color:var(--orange);font-weight:900;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
h2{font-size:clamp(28px,4vw,42px);line-height:1.15;color:var(--text);margin-bottom:18px}
.lead{font-size:18px;color:var(--muted);max-width:850px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.card{background:#fff;border:1px solid var(--line);padding:26px;border-radius:4px;box-shadow:0 8px 24px rgba(4,45,80,.06)}
.card h3{color:var(--text);margin-bottom:10px}
.card p{color:var(--muted)}
.card .card-icon{font-size:38px;color:var(--navy);margin-bottom:12px}
.card a{display:inline-block;margin-top:14px;color:var(--orange);font-weight:900}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;border:1px solid var(--line);background:#fff}
.stat{text-align:center;padding:22px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat strong{display:block;font-size:32px;color:var(--navy)}
.grey{background:var(--light)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.photo-placeholder{min-height:320px;background:linear-gradient(135deg,#dce8f3,#fff);border:1px dashed #a9bdcf;display:grid;place-items:center;color:var(--navy);font-weight:900;text-align:center;padding:25px}
.why{background:var(--dark);color:#fff;padding:30px}
.why h3{color:var(--orange);margin-bottom:12px}
.why li{margin:10px 0}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.step{background:#fff;border-top:4px solid var(--orange);padding:22px;border-radius:4px;box-shadow:0 8px 24px rgba(4,45,80,.06)}
.step span{font-size:30px;color:var(--navy);font-weight:900}
.cta{background:var(--navy);color:#fff;text-align:center;padding:70px 0}
.cta h2{color:#fff}
.footer{background:var(--deep);color:#d9e8f6;padding:36px 0}
.footer .container{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.footer img{height:48px;max-width:380px;object-fit:contain;margin-bottom:12px}
.page-hero{background:var(--navy);color:#fff;padding:60px 0}
.page-hero h1{font-size:clamp(34px,5vw,54px);line-height:1.1}
.service-list{padding-left:22px;color:var(--muted)}
.service-list li{margin:9px 0}
@media(max-width:950px){
  nav{display:none}
  .hero-grid,.split{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(2,1fr)}
  .feature-row,.process,.stats{grid-template-columns:repeat(2,1fr)}
  .logo-img{max-width:360px}
}
@media(max-width:600px){
  .cards,.feature-row,.process,.stats{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid var(--line)}
  .hero{padding:58px 0}
  .logo-img{max-width:285px;height:auto}
}


/* Updated project experience section */
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.project-card img{width:100%;height:230px;object-fit:cover;border-radius:4px;border:1px solid var(--line);box-shadow:0 8px 24px rgba(4,45,80,.08);background:#f5f8fb}
.project-card h3{margin-top:14px;color:var(--text);font-size:18px;line-height:1.35}
#projects .lead{margin:12px auto 0}
@media(max-width:900px){.project-grid{grid-template-columns:1fr}.project-card img{height:auto}}