:root{--green:#2f5138;--cream:#f7f4ec;--muted:#c9c4b7;--ink:#172016}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6}.hero{padding:64px 7vw 44px;background:linear-gradient(135deg,#294934,#3d6547);color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;opacity:.9}.hero h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1;margin:.25em 0}.lead{font-size:1.2rem;max-width:850px}nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}nav a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:10px 16px}main{width:min(1180px,92vw);margin:36px auto}.panel{background:#fff;border:1px solid #e5dfd2;border-radius:24px;padding:28px;margin:28px 0;box-shadow:0 16px 40px rgba(47,81,56,.08)}h2{font-size:clamp(1.8rem,3vw,2.8rem);color:var(--green)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}.card{background:#fff;border:1px solid #e5dfd2;border-radius:22px;overflow:hidden;box-shadow:0 12px 28px rgba(47,81,56,.08)}.card img{width:100%;display:block;background:#f6f2e9}.card-body{padding:18px}.card h3{margin-top:0;color:var(--green)}.tip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.tip-grid section{background:#f8f5ed;border-left:5px solid var(--green);border-radius:14px;padding:16px}code{background:#eee5d7;padding:2px 6px;border-radius:6px}footer{text-align:center;padding:32px;color:#4a5a4c}