:root{--dark:#1d252b;--orange:#d8782d;--sand:#f3eee7;--muted:#68747b;--line:#dde3e6}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#1d252b;line-height:1.65}a{text-decoration:none;color:inherit}
.wrap{max-width:1160px;margin:auto;padding:0 22px}.top{background:#13191d;color:#dce2e5;padding:9px 0;font-size:13px}
.top .wrap,.nav,.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:5}.nav{min-height:78px}
.brand{font-size:22px;font-weight:900}.navlinks{display:flex;gap:18px;align-items:center}.navlinks a{font-size:14px;font-weight:700}
.cta{background:var(--orange);color:#fff;padding:10px 16px;border-radius:7px}
.hero{background:linear-gradient(120deg,#1b2328,#53626b);color:#fff;padding:100px 0}.hero-grid,.two,.contact-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}
.hero h1{font-size:64px;line-height:1.03;margin:10px 0 18px}.hero p{font-size:20px;color:#e2e7e9}.ey{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#efad76}
.btn{display:inline-block;background:var(--orange);color:#fff;padding:13px 18px;border-radius:7px;margin:16px 10px 0 0;font-weight:800}
.visual{height:380px;border-radius:20px;background:linear-gradient(#b7c2c8 0 44%,#69777e 44% 100%);position:relative;overflow:hidden;box-shadow:0 22px 55px #0005}
.visual:after{content:"COMMERCIAL BUILDING";position:absolute;right:20px;bottom:16px;color:#ffffff2e;font-size:34px;font-weight:900}
.section{padding:76px 0}.light{background:var(--sand)}h2{font-size:38px;margin:7px 0 14px}.muted{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff}.card h3{margin-top:0}
.role{background:#f7f8f8}.role-box{background:var(--dark);color:#fff;border-radius:18px;padding:30px}.role-box p{color:#d3dadd}
.role-items{display:grid;grid-template-columns:1fr 1fr;gap:14px}.role-item{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}.role-item strong{color:var(--orange)}
.process{background:#1b2227;color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{border:1px solid #ffffff22;border-radius:14px;padding:20px;background:#ffffff08}.step b{color:#f0a46a}
.info{list-style:none;padding:0}.info li{padding:10px 0;border-bottom:1px solid var(--line)}.info small{display:block;color:var(--muted);text-transform:uppercase;font-weight:700}
.contact{background:#283239;color:#fff}.contact p{color:#d7dfe3}.form{background:#fff;color:#1d252b;border-radius:16px;padding:24px}.form input,.form textarea{width:100%;padding:11px;margin:5px 0 12px;border:1px solid #ccd5da;border-radius:7px}.form textarea{min-height:110px}.form button{border:0;background:var(--orange);color:#fff;padding:12px 18px;border-radius:7px;font-weight:800}
footer{background:#101619;color:#cfd7db;padding:30px 0}.policy{max-width:900px;margin:50px auto;padding:0 22px}.policy h1{font-size:42px}.policy h2{font-size:23px;margin-top:30px}
@media(max-width:850px){.navlinks{display:none}.hero-grid,.two,.contact-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.role-items{grid-template-columns:1fr}.hero h1{font-size:44px}}