*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#203047;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:1060px;margin:auto;padding:24px}header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;border-bottom:1px solid #d6e0eb}a{color:#155b9d}nav{display:flex;gap:18px;flex-wrap:wrap}.hero{padding:48px 0}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.18;max-width:850px}h2{line-height:1.3}.lead{max-width:760px;font-size:1.2rem}.button{display:inline-block;background:#155b9d;color:white;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:700;margin:12px 12px 12px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}article{background:white;padding:24px;border:1px solid #d6e0eb;border-radius:12px;margin-bottom:18px}footer{border-top:1px solid #d6e0eb;font-size:.9rem}a:focus-visible{outline:3px solid #bf6500;outline-offset:4px}