:root{--bg:#f7f4ee;--fg:#1f2a26;--muted:#5b6862;--acc:#2f5d50;--card:#fffdf8;--line:#e3ddd1}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--fg)}
.top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}
.logo{font-weight:700;color:var(--fg);text-decoration:none}.logo span{color:var(--acc)}
nav a{margin-left:18px;color:var(--muted);text-decoration:none}nav a:hover{color:var(--acc)}
main{max-width:920px;margin:0 auto;padding:40px 24px}.hero h1{font-size:34px;line-height:1.2;margin:0 0 12px}
.hero p{color:var(--muted);max-width:620px}.btn{display:inline-block;margin-top:14px;background:var(--acc);color:#fff;padding:10px 18px;border-radius:8px;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:40px}
.grid article{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px}.grid h2{font-size:18px;margin:0 0 8px}
.doc h2{font-size:20px;margin-top:28px}footer{text-align:center;color:var(--muted);padding:30px 16px;font-size:14px}footer a{color:var(--muted)}