:root{--navy:#061f45;--blue:#0a66b7;--gold:#d9a528;--black:#070b12;--soft:#f3f6fb;--text:#111827;--muted:#5f6b7a}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.topbar{background:linear-gradient(90deg,var(--black),var(--navy));color:#fff;text-align:center;padding:10px 5%;font-weight:800}.header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e6eaf0;box-shadow:0 8px 22px #0001}.navwrap{max-width:1280px;margin:auto;padding:14px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;color:var(--navy);font-weight:950;font-size:26px}.brand img{width:72px;height:72px;object-fit:contain}nav{display:flex;gap:20px;align-items:center;font-weight:850;color:var(--navy)}.btn{display:inline-block;background:linear-gradient(135deg,var(--gold),#f2c94c);color:#07101f!important;padding:13px 22px;border-radius:999px;font-weight:950}.btn-blue{display:inline-block;background:linear-gradient(135deg,var(--blue),#33a9e8);color:#fff!important;padding:13px 22px;border-radius:999px;font-weight:950}.hero{min-height:82vh;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#050d1cee,#061f45bb,#061f4525),url('images/hero-roof.jpg') center/cover no-repeat;padding:100px 6%}.hero-inner{max-width:860px}.eyebrow{display:block;color:#f2c94c;font-weight:950;text-transform:uppercase;letter-spacing:1.6px;font-size:14px;margin-bottom:14px}h1{font-size:clamp(44px,6vw,82px);line-height:.96;margin:0 0 22px;letter-spacing:-2px}h2{font-size:clamp(32px,4vw,54px);line-height:1.02;margin:0 0 16px;color:var(--navy);letter-spacing:-1px}h3{font-size:24px;margin:0 0 10px;color:var(--navy)}p{font-size:18px;line-height:1.65;color:var(--muted);margin:0 0 18px}.hero p{font-size:22px;color:#e9f2ff}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.section{padding:82px 6%}.container{max-width:1240px;margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.photo{border-radius:22px;overflow:hidden;box-shadow:0 20px 50px #0002;border:6px solid #fff}.photo img{height:520px;width:100%;object-fit:cover}.light{background:var(--soft)}.dark{background:linear-gradient(135deg,var(--black),var(--navy));color:#fff}.dark h2,.dark h3{color:#fff}.dark p{color:#d9e6f5}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}.card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e6eaf0;box-shadow:0 10px 30px #0001}.card img{height:255px;width:100%;object-fit:cover}.card-body{padding:24px}.card p{font-size:16px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.service{background:#fff;border-left:6px solid var(--gold);padding:26px;border-radius:18px;box-shadow:0 8px 22px #0001}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.gallery img{height:250px;width:100%;object-fit:cover;border-radius:16px;box-shadow:0 8px 20px #0001}.cta{background:linear-gradient(#050d1ce0,#061f45e6),url('images/modern-home.jpg') center/cover no-repeat;color:#fff;text-align:center;padding:96px 6%}.cta h2{color:#fff}.cta p{color:#edf5ff;max-width:760px;margin-left:auto;margin-right:auto}.contact-box{max-width:920px;margin:34px auto;background:#fff;border-radius:24px;padding:34px;border:1px solid #e6eaf0;box-shadow:0 16px 45px #0002}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-item{background:var(--soft);border-radius:16px;padding:22px;font-weight:950;color:var(--navy);font-size:20px}.footer{background:#050d1c;color:#fff;padding:40px 6%;text-align:center}.footer p{color:#d8e5f5;margin:8px 0}.page-hero{padding:90px 6%;background:linear-gradient(135deg,var(--black),var(--navy));color:#fff;text-align:center}.page-hero h1{font-size:clamp(40px,5vw,70px)}.page-hero p{color:#e9f2ff;max-width:780px;margin:auto}@media(max-width:900px){.navwrap{display:block;text-align:center}.brand{justify-content:center;margin-bottom:12px}nav{justify-content:center;flex-wrap:wrap}.split,.grid,.services,.contact-row{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.photo img{height:360px}.hero{min-height:auto;padding:80px 6%}}@media(max-width:600px){nav a:not(.btn){display:none}.brand{font-size:22px}.brand img{width:62px;height:62px}.hero p{font-size:19px}.gallery{grid-template-columns:1fr}.section{padding:64px 6%}}