*{margin:0;padding:0;box-sizing:border-box}body{font:16px/1.6 Arial,sans-serif;background:#f5faf6;color:#1e2d24}
.wrap{max-width:1150px;margin:auto;padding:0 20px}
header{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);position:sticky;top:0}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:72px}
.logo{font-size:28px;font-weight:700;color:#2d8a47}
nav a{margin-left:24px;text-decoration:none;color:#333}
.hero{padding:90px 0}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.badge{display:inline-block;background:#e8f7eb;color:#2d8a47;padding:8px 16px;border-radius:999px}
h1{font-size:54px;line-height:1.1;margin:20px 0}
.btn{display:inline-block;margin-top:28px;background:#2d8a47;color:#fff;padding:14px 28px;border-radius:12px;text-decoration:none}
.hero-art{height:420px;display:flex;align-items:center;justify-content:center;position:relative}
.circle{width:340px;height:340px;border-radius:50%;background:linear-gradient(#e8f7eb,#bfe6ca)}
.cow{position:absolute;font-size:120px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:80px}
.card{background:#fff;padding:30px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.notice{background:#fff;padding:70px 0;text-align:center}
footer{background:#162119;color:#fff;padding:30px 0;margin-top:60px}
@media(max-width:900px){.hero-grid,.cards{grid-template-columns:1fr}h1{font-size:38px}nav{display:none}}