:root{--c:#e8590c;--d:#1f2937;--g:#6b7280;--bg:#fff;--soft:#fff7ed}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--d);line-height:1.6;background:var(--bg)}
a{color:var(--c)}.w{max-width:1000px;margin:0 auto;padding:0 16px}
header{border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:9}
header .w{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:12px}
.logo{font-weight:800;font-size:1.3rem;color:var(--d);text-decoration:none}.logo b{color:var(--c)}
nav a{margin-left:14px;text-decoration:none;color:var(--d);font-size:.95rem}
.hero{background:var(--soft);padding:56px 0;text-align:center}.hero h1{font-size:2rem;margin:0 0 8px}
.btn{display:inline-block;background:var(--c);color:#fff;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin:24px 0}
.card{border:1px solid #eee;border-radius:12px;overflow:hidden}.card .img{aspect-ratio:1;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:var(--g);font-size:.85rem}
.card div.t{padding:12px}.card p{margin:2px 0}.price{font-weight:700;color:var(--c)}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:32px 0}.feat div{background:var(--soft);border-radius:12px;padding:16px}
main.doc{padding:32px 0 56px}main.doc h1{margin-top:0}main.doc h2{margin-top:28px}
footer{background:#111827;color:#d1d5db;padding:32px 0;font-size:.9rem}footer a{color:#fdba74}footer .w{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
footer p{margin:4px 0}.upd{color:var(--g);font-size:.85rem}