*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1d2733;background:#fff}
.wrap{max-width:900px;margin:0 auto;padding:0 20px}a{color:#1f5fa8}header{background:#1f3a5f}header .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:14px 20px}
.brand{color:#fff;font-weight:700;text-decoration:none}nav a{color:#dfe8f3;margin-left:18px;text-decoration:none}nav a:first-child{margin-left:0}
main{padding:32px 20px 48px}h1{font-size:2rem;line-height:1.2;color:#1f3a5f}h2{margin-top:2rem;color:#1f3a5f}.hero{padding:20px 0;border-bottom:1px solid #e3e8ef}.lead{font-size:1.2rem}
.btn{display:inline-block;background:#1f5fa8;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none}
.cards{list-style:none;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cards li{border:1px solid #e3e8ef;border-radius:8px;padding:16px}.cards h3{margin:0 0 6px}
.contact{font-style:normal;background:#f4f7fa;border-radius:8px;padding:16px}footer{background:#f4f7fa;border-top:1px solid #e3e8ef;font-size:.9rem;padding:18px 0}footer p{margin:6px 0}
@media(max-width:520px){h1{font-size:1.6rem}nav{width:100%;margin-top:8px}}