*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1d2433;line-height:1.6;background:#fff}
a{color:#0b6e4f}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header.top{border-bottom:1px solid #e5e7eb}
header.top .wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;gap:16px}
.brand{font-weight:800;text-decoration:none;color:#1d2433;font-size:1.1rem}
.brand span{color:#0b6e4f}
.nav{display:flex;gap:18px;flex-wrap:wrap}
.nav a{text-decoration:none;color:#334155;font-weight:600}
.nav a:hover{color:#0b6e4f}
.hero{background:linear-gradient(135deg,#eafaf3,#f8fafc);padding:72px 0 56px}
.hero h1{font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.15;margin:0 0 .4em}
.hero .lead{font-size:1.15rem;max-width:560px;color:#475569;margin:0}
section{padding:48px 0}
section h2{font-size:1.5rem;margin:0 0 20px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{border:1px solid #e5e7eb;border-radius:14px;padding:22px;background:#fff}
.card h3{margin:0 0 8px}
.card p{margin:0 0 12px;color:#475569}
.link-card{text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.link-card:hover{border-color:#0b6e4f;box-shadow:0 6px 20px rgba(11,110,79,.08)}
.more{font-weight:700;color:#0b6e4f;font-size:.95rem}
footer{background:#1d2433;color:#cbd5e1;padding:32px 0;font-size:.95rem;margin-top:24px}
footer a{color:#fff}
.note{font-size:.85rem;color:#94a3b8}