:root{--bg:#ffffff;--ink:#141414;--muted:#5b5b5b;--brand:#1a7f64;--brand-ink:#0f4f3f;--card:#f7faf9}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
header{position:sticky;top:0;z-index:1000;background:#fffdfefe;border-bottom:1px solid #eee;backdrop-filter:saturate(1.1) blur(8px)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.brand{display:flex;gap:.75rem;align-items:center}
.logo{width:36px;height:36px;border-radius:8px;background:var(--brand);display:grid;place-items:center;color:#fff;font-weight:800}
.tagline{color:var(--muted);font-size:.9rem}
nav ul{display:flex;list-style:none;gap:1rem;padding:0;margin:0}
nav a{padding:.5rem .75rem;border-radius:.5rem}
nav a.active,nav a:hover{background:var(--card)}
.hero{padding:3rem 0 2rem;display:grid;gap:1.25rem}
.hero h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:.25rem 0}
.searchbar{display:flex;gap:.5rem;align-items:center}
.searchbar input{flex:1;padding:.9rem 1rem;border:1px solid #e3e3e3;border-radius:.75rem;font-size:1rem}
.searchbar button{padding:.9rem 1rem;border:none;border-radius:.75rem;background:var(--brand);color:#fff;font-weight:600;cursor:pointer}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid #e9f1ef;border-radius:1rem;padding:1rem}
.card h3{margin:.2rem 0 .4rem}
.badge{display:inline-block;background:#e5f2ee;color:var(--brand-ink);padding:.2rem .5rem;border-radius:.5rem;font-size:.75rem;margin-right:.25rem}
.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}
.filter{padding:.4rem .7rem;border:1px solid #e3e3e3;border-radius:999px;cursor:pointer;background:#fff}
.filter.active{background:var(--brand);color:#fff;border-color:transparent}
.breadcrumbs{font-size:.9rem;color:var(--muted);margin:.5rem 0}
.breadcrumbs a{color:inherit}
footer{margin-top:3rem;border-top:1px solid #eee;padding:2rem 0;color:var(--muted)}
.kicker{background:linear-gradient(135deg,#f2fbf8,#fff);border:1px solid #e9f1ef;border-radius:1rem;padding:1rem;margin:1rem 0}