:root{--red:#d40000;--ink:#111318;--mute:#5b616b;--soft:#f3f4f6;--line:#e4e6ea}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 Barlow,Arial,sans-serif;color:var(--ink)}
a{color:inherit}.w{max-width:1100px;margin:auto;padding:0 20px}.narrow{max-width:760px}
h1,h2,h4{font-family:'Barlow Condensed',Arial,sans-serif;font-style:italic;font-weight:800}
header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:9}
header .w{display:flex;align-items:center;justify-content:space-between;min-height:64px;flex-wrap:wrap;gap:8px}
.lg{display:block;height:44px;width:auto}
nav a{margin-left:16px;text-decoration:none;font-weight:600;font-size:15px}nav a:hover{color:var(--red)}
.hero{background:var(--ink) center/cover;color:#fff;padding:80px 0}
.hero h1{font-size:clamp(34px,6vw,60px);line-height:1.05;margin:0 0 12px}.hero p{max-width:620px;color:#e3e6ea}
main{padding:32px 0}h1{margin-top:0}img{max-width:100%;height:auto}
.bc{font-size:14px;color:var(--mute)}.bc a{text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin:16px 0 28px}
.card{border:1px solid var(--line);border-radius:6px;overflow:hidden;text-decoration:none;display:block}
.card img{display:block;width:100%;object-fit:cover;background:var(--soft)}.card h3{margin:10px 14px 14px;font-size:16px}
.pd{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin:16px 0 32px}
table{border-collapse:collapse;width:100%;margin:16px 0}td{border:1px solid var(--line);padding:10px}td:first-child{font-weight:600;background:var(--soft);width:38%}
footer{background:var(--soft);padding:32px 0;color:var(--mute);font-size:14px}
.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
footer h4{color:var(--ink);margin:0 0 8px;font-size:18px}footer a{display:block;margin:2px 0;text-decoration:none}