:root{--navy:#0b1f3a;--gold:#c9a227;--bg:#f6f3ec;--text:#1c2430}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
a{color:var(--navy)}
.wrap{max-width:980px;margin:0 auto;padding:0 24px}
.top{background:var(--navy);color:#fff}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}
.brand{color:#fff;text-decoration:none;font-weight:700}
nav a{color:#d7deea;text-decoration:none;margin-left:18px;font-size:14px}
.hero{background:var(--navy);color:#fff;padding:72px 0 56px}
.kicker{color:var(--gold);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
h1{font-size:34px;line-height:1.2;max-width:16ch;margin:10px 0}
.lead{color:#d7deea;max-width:52ch}
.btn{display:inline-block;margin-top:24px;background:var(--gold);color:var(--navy);text-decoration:none;padding:12px 20px;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;padding:48px 24px 72px}
article{background:#fff;border:1px solid #e4ddd0;padding:22px}
.article{padding:48px 24px 72px}
footer{background:var(--navy);color:#9aa6b8;padding:28px 0;font-size:13px}
footer a{color:#d7deea}