*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Nunito','Comic Sans MS','Trebuchet MS',sans-serif;background:#fff3d6;color:#3b2a1a;line-height:1.8;font-size:18px}
.hv-w{max-width:1080px;margin:0 auto;padding:0 22px}
.hv-hd{background:#3f8f4f;color:#fff;text-align:center;padding:14px 0 0;border-bottom:6px solid #f08a24}
.hv-lg{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:800 34px 'Trebuchet MS',sans-serif}.hv-lg img{width:50px}
.hv-nv{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;padding-bottom:12px}
.hv-nv a{color:#fff;text-decoration:none;padding:8px 18px;border-radius:30px;font-weight:700;font-size:15px;background:rgba(255,255,255,.12)}
.hv-nv a:hover{background:rgba(255,255,255,.28)}.hv-nv a.on{background:#f08a24}
.hv-hero{background:#bfe3f2;padding:40px 0}
.hv-hero .hv-w{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.hv-hero h1{font:800 44px/1.15 'Trebuchet MS',sans-serif;color:#2c6a3a;margin-bottom:14px}
.hv-hero img{width:100%;border-radius:36px;border:6px solid #fff;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.hv-btn{display:inline-block;background:#f08a24;color:#fff;padding:14px 34px;border-radius:40px;text-decoration:none;font-weight:800;border:0;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 5px 0 #b8631a}
.hv-top{background:#bfe3f2;padding:34px 0 50px;position:relative;text-align:center}
.hv-top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:30px;background:#fff3d6;border-radius:50% 50% 0 0/100% 100% 0 0}
.hv-top h1{font:800 38px 'Trebuchet MS',sans-serif;color:#2c6a3a}.hv-top p{max-width:620px;margin:8px auto 0}
main{padding:24px 0 56px}
h2{font:800 28px 'Trebuchet MS',sans-serif;color:#2c6a3a;margin:36px 0 12px}
h2:before{content:"🐾 ";font-size:22px}
h3{font-size:20px;color:#f08a24;margin:16px 0 6px}
p{margin-bottom:15px}
.hv-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;margin:26px 0}
.hv-c{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 8px 20px rgba(59,42,26,.12);text-decoration:none;color:inherit;display:block;transition:.2s}
.hv-c:hover{transform:rotate(-1.5deg) translateY(-4px)}
.hv-c img{width:100%;display:block}.hv-c div{padding:16px 20px 20px}.hv-c h3{margin:0 0 4px}.hv-c p{margin:0;font-size:15px}
.hv-pic{width:100%;border-radius:28px;margin:20px 0;display:block;border:5px solid #fff;box-shadow:0 8px 20px rgba(59,42,26,.12)}
ul.hv-u,ol.hv-u{margin:0 0 18px 26px}li{margin-bottom:7px}ul.hv-u li::marker{color:#f08a24}
.hv-fact{background:#fff;border:3px dashed #f08a24;border-radius:24px;padding:18px 24px;margin:26px 0}
.hv-fact b{color:#f08a24}
table{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 6px 16px rgba(59,42,26,.1)}
th,td{padding:12px 16px;text-align:left;font-size:16px;border-bottom:1px solid #f0e1bd}th{background:#3f8f4f;color:#fff}
.hv-f input,.hv-f textarea{width:100%;padding:13px 18px;margin-bottom:12px;border:3px solid #3f8f4f;border-radius:20px;font:inherit;background:#fff}
a{color:#2c6a3a;font-weight:700}
.hv-ft{background:#2c6a3a;color:#cfe8d3;padding:30px 0;font-size:14px;text-align:center}.hv-ft a{color:#fff;margin:0 10px;text-decoration:none}
@media(max-width:800px){.hv-hero .hv-w{grid-template-columns:1fr}.hv-hero h1{font-size:31px}}