:root{--navy:#062b59;--blue:#0d4f91;--orange:#ef5b13;--light:#eef5fb;--ink:#102743}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}img{width:100%;display:block}.container{width:min(1180px,92%);margin:auto}
.top{background:#03254a;color:#fff;font-size:11px;padding:8px 0}.top .container{display:flex;justify-content:space-between}
header{background:#fff}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:900;color:var(--navy)}.logo span{display:block;font-size:9px;letter-spacing:2px}.links{display:flex;gap:25px;font-size:12px;font-weight:700}.btn{display:inline-block;background:var(--orange);color:#fff;padding:14px 23px;font-weight:800;font-size:11px}.menu{display:none}
.hero{min-height:500px;background:linear-gradient(90deg,rgba(2,31,62,.9),rgba(2,31,62,.25)),url("../images/reference-design.jpg") center 7%/cover;color:#fff;display:flex;align-items:center}.hero h1{font-size:54px;line-height:.98;max-width:560px;margin:0 0 20px}.hero p{max-width:510px;line-height:1.6}.outline{border:1px solid #fff;background:transparent;margin-left:12px}
.section{padding:62px 0}.eyebrow{color:var(--orange);font-size:11px;font-weight:900}.section h2{font-size:31px;margin:6px 0 28px}.center{text-align:center}
.services{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.service{text-align:center;padding:15px;border-right:1px solid #ddd}.service .icon{font-size:36px;color:var(--blue)}.service h3{font-size:13px}.service p{font-size:10px;line-height:1.5;color:#5e6a78}
.light{background:var(--light)}.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project{background:#fff;padding:8px}.project img{height:165px;object-fit:cover}.project h3{font-size:12px}.project p{font-size:10px;line-height:1.45;color:#5b6672}
.safety{background:#074b8d;color:#fff;padding:38px 0}.safetygrid{display:grid;grid-template-columns:1.2fr repeat(4,1fr)}.metric{padding:8px 25px;border-left:1px solid #7aa4cf}.metric b{font-size:28px}.metric small{display:block;margin-top:6px}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;text-align:center}.step .circle{width:55px;height:55px;border:2px solid var(--blue);border-radius:50%;margin:auto;display:grid;place-items:center;font-weight:900}.step h3{font-size:12px}.step p{font-size:10px;color:#66727e}
.cta{background:var(--navy);color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.split img{height:370px;object-fit:cover}.pagehero{background:var(--navy);color:#fff;padding:80px 0}.pagehero h1{font-size:48px;margin:0 0 10px}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info{padding:25px;background:#fff;border:1px solid #dde6ef}.info h3{color:var(--navy)}
.form input,.form select,.form textarea{width:100%;padding:13px;border:1px solid #ccd7e2;margin:7px 0}.form textarea{height:120px}
footer{background:#06284e;color:#fff;padding:45px 0 20px}.foot{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px}.foot h4{font-size:11px}.foot p,.foot a{font-size:9px;line-height:1.8;color:#d5dfeb}
@media(max-width:850px){.links{display:none}.menu{display:block}.services{grid-template-columns:repeat(3,1fr)}.projects{grid-template-columns:repeat(2,1fr)}.safetygrid{grid-template-columns:1fr 1fr}.process{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.foot{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.hero h1,.pagehero h1{font-size:38px}.services,.projects,.cards3,.process,.safetygrid,.foot{grid-template-columns:1fr}.outline{margin:10px 0 0}.top{display:none}}