:root{--ink:#2F3A37;--sage:#7E9181;--mid:#B7C2B6;--light:#EBEEE8;--paper:#FBFCFA;--muted:#8C968B}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
.narrow{max-width:720px}
a{color:var(--sage);text-decoration:none}
a:hover{text-decoration:underline}
.site-header{border-bottom:1px solid var(--light);background:#fff}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:700;font-size:1.15rem;color:var(--ink)}
nav a{margin-left:22px;color:var(--ink);font-size:.95rem}
.hero{background:var(--light);padding:84px 0}
.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--sage);font-weight:700;margin:0 0 14px}
.hero h1{font-size:2.5rem;margin:0 0 16px;max-width:760px;line-height:1.15}
.lead{font-size:1.15rem;color:#52605b;max-width:640px}
.btn{display:inline-block;background:var(--sage);color:#fff;padding:13px 26px;border-radius:8px;font-weight:600;margin-top:18px}
.btn:hover{background:#6c8070;text-decoration:none}
.section{padding:64px 0}
.section.alt{background:#fff;border-top:1px solid var(--light);border-bottom:1px solid var(--light)}
.section h2{font-size:1.8rem;margin:0 0 8px}
.section-sub{color:var(--muted);margin:0 0 28px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:28px}
.card{display:block;background:#fff;border:1px solid var(--light);border-radius:12px;padding:22px;color:var(--ink);position:relative;transition:.15s}
.card:hover{border-color:var(--mid);transform:translateY(-2px);text-decoration:none}
.card-price{position:absolute;top:18px;right:18px;background:var(--light);color:var(--ink);font-weight:700;font-size:.8rem;padding:3px 9px;border-radius:20px}
.card h3{margin:6px 0 8px;font-size:1.1rem}
.card p{color:#52605b;font-size:.92rem;margin:0 0 14px}
.card-cta{color:var(--sage);font-weight:600;font-size:.9rem}
.articles{display:grid;gap:14px;margin-top:24px}
.article-link{display:block;background:var(--paper);border:1px solid var(--light);border-radius:10px;padding:18px 22px;color:var(--ink)}
.article-link:hover{border-color:var(--mid);text-decoration:none}
.article-link h3{margin:0 0 6px;font-size:1.12rem}
.article-link p{margin:0;color:#52605b;font-size:.93rem}
.post{padding:56px 0}
.post h1{font-size:2.1rem;line-height:1.2;margin:0 0 24px}
.post h2{font-size:1.35rem;margin:34px 0 10px}
.post p,.post li{font-size:1.05rem;color:#3c4742}
.product-cta{background:var(--light);border-radius:12px;padding:26px;margin:40px 0}
.product-cta h3{margin:0 0 8px}
.related{margin-top:36px;border-top:1px solid var(--light);padding-top:20px}
.related ul{padding-left:18px}
.site-footer{background:#fff;border-top:1px solid var(--light);padding:34px 0;margin-top:20px;color:var(--muted);font-size:.9rem}
.fine{font-size:.82rem}
@media(max-width:640px){.hero{padding:56px 0}.hero h1{font-size:1.9rem}}