:root{--bg:#ffffff;--card:#f4f8fd;--text:#0b2a4a;--muted:#4a6b8a;--line:#c9ddf2;--accent:#1a6fd4}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 7vw;border-bottom:1px solid var(--line);background:#fff}
.brand{font-weight:700;color:var(--accent)}
nav{display:flex;gap:1.25rem}
nav a{color:var(--muted);text-decoration:none}
nav a:hover{color:var(--accent)}
.hero{padding:5.5rem 7vw 3rem;max-width:46rem}
.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;margin-bottom:.8rem}
h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.15;margin-bottom:1rem;color:var(--text)}
.lede,#services p,#contact p,footer{color:var(--muted)}
#services,#contact{padding:0 7vw 2rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}
article{background:var(--card);border:1px solid var(--line);padding:1.2rem}
article h3{color:var(--accent)}
h2{margin:1rem 0;color:var(--text)}
footer{padding:2rem 7vw;border-top:1px solid var(--line);background:#f4f8fd}