*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#18202a;background:#fff;line-height:1.6}
.container{width:min(1100px,92%);margin:auto}
header{background:#101820;color:#fff}
.nav{width:min(1100px,92%);margin:auto;min-height:70px;display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:800;letter-spacing:.5px}
.nav a{color:#fff;text-decoration:none}
.hero{background:linear-gradient(135deg,#101820,#263b4a);color:#fff;padding:90px 0}
.eyebrow{font-weight:700;letter-spacing:1.5px}
h1{font-size:clamp(38px,6vw,64px);line-height:1.05;margin:12px 0 20px}
h2{font-size:34px;margin-top:0}
.lead{font-size:19px;max-width:720px;color:#e7edf2}
.button{display:inline-block;margin-top:18px;background:#fff;color:#101820;padding:13px 22px;border-radius:8px;text-decoration:none;font-weight:700}
.section{padding:75px 0}
.alt{background:#f5f7f9}
.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid #e2e7eb;border-radius:12px;padding:24px;box-shadow:0 5px 18px rgba(0,0,0,.04)}
.contact{max-width:700px}
footer{background:#101820;color:#dce3e8;padding:25px 0}
@media(max-width:750px){.grid,.services{grid-template-columns:1fr}.hero{padding:65px 0}}