:root{--ink:#1d1f24;--muted:#5d6370;--line:#e4e6eb;--bg:#fafaf7;--accent:#1f5f4a;--accent2:#e9f2ee}
*{box-sizing:border-box}body{margin:0;font:17px/1.65 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--accent)}.wrap{max-width:860px;margin:0 auto;padding:0 22px}
header{border-bottom:1px solid var(--line);background:#fff}header .wrap{display:flex;justify-content:space-between;align-items:center;height:62px}
header a{text-decoration:none;color:var(--ink);font-weight:700;letter-spacing:-.01em}
h1{font-size:2.3rem;line-height:1.15;letter-spacing:-.02em;margin:.4em 0}h2{margin-top:2em;letter-spacing:-.01em}
.hero{padding:56px 0 24px}.lede{font-size:1.2rem;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;padding:12px 0 60px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}
.card:hover{border-color:var(--accent)}.niche{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.price{font-weight:700;font-size:1.1rem}.buy{display:inline-block;background:var(--accent);color:#fff;padding:14px 26px;border-radius:10px;text-decoration:none;font-weight:700}
.box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;margin:22px 0}
.sample{background:var(--accent2);border-radius:12px;padding:4px 24px 18px}
.small{font-size:.86rem;color:var(--muted)}footer{border-top:1px solid var(--line);padding:26px 0 50px;margin-top:40px}
pre{background:#f1f2f4;padding:14px;border-radius:8px;overflow:auto;font-size:.88rem}code{font-size:.92em}
table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--line);padding:6px 9px;text-align:left}
ul.check{list-style:none;padding-left:4px}blockquote{border-left:3px solid var(--accent);margin:1em 0;padding:.2em 1em;color:var(--muted)}
@media print{header,footer,.noprint{display:none}body{background:#fff}}