*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1f2933;background:#fbfaf6;line-height:1.55}
.top{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#fff;border-bottom:1px solid #e6e3da}
.top nav a{margin-left:20px;color:#3b6b3a;text-decoration:none;font-size:15px}
.top nav a:hover{text-decoration:underline}
.hero{padding:72px 24px 48px;text-align:center;max-width:760px;margin:0 auto}
.hero h1{font-size:34px;margin:0 0 14px;color:#2f4f2e}
.hero p{font-size:18px;color:#52606d;margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;max-width:980px;margin:0 auto;padding:0 24px 40px}
.grid article{background:#fff;border:1px solid #e6e3da;border-radius:12px;padding:20px}
.grid h2{margin:0 0 6px;font-size:19px;color:#2f4f2e}
.grid p{margin:0;color:#52606d;font-size:15px}
.about{max-width:760px;margin:0 auto;padding:0 24px 48px}
.about h2{color:#2f4f2e}
footer{padding:24px;text-align:center;color:#7b8794;font-size:14px;border-top:1px solid #e6e3da;background:#fff}