*{box-sizing:border-box}body{margin:0;font:16px/1.6 Georgia,"Times New Roman",serif;color:#1d2327;background:#f6f4ef}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}a{color:#2c5d63}
header{background:#fff;border-bottom:1px solid #e3ded3}.nav{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-size:22px;text-decoration:none;color:#1d2327;font-weight:bold}.logo span{font-weight:normal;margin-left:4px;color:#7a6f5d}
nav a{margin-left:18px;text-decoration:none;font-family:Helvetica,Arial,sans-serif;font-size:14px}
.hero{background:linear-gradient(160deg,#30475e,#6b8e9b);color:#fff;padding:90px 0}.hero h1{font-size:44px;margin:0 0 12px}
.btn{display:inline-block;background:#fff;color:#30475e;padding:10px 20px;border-radius:3px;text-decoration:none;font-family:Helvetica,Arial,sans-serif}
section{padding:36px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
article{background:#fff;padding:20px;border:1px solid #e3ded3}footer{padding:30px 0;color:#7a6f5d;font-size:14px;border-top:1px solid #e3ded3}