:root { --paper:#f4f1ea; --ink:#202124; --red:#c94535; --blue:#36799f; --line:#c8c4ba; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:var(--blue); }
header,main,footer { width:min(1080px,calc(100% - 32px)); margin:auto; }
header { min-height:64px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
nav { display:flex; gap:18px; flex-wrap:wrap; }
.brand { display:inline-flex; align-items:center; flex-shrink:0; gap:10px; font-weight:900; font-size:22px; color:var(--ink); text-decoration:none; }
.brand img { display:block; width:40px; height:40px; border-radius:11px; object-fit:cover; }
.hero { min-height:72vh; padding:72px 0 48px; display:grid; align-content:center; }
h1 { font-size:clamp(42px,8vw,86px); line-height:1; margin:0 0 22px; max-width:900px; }
h2 { font-size:28px; margin:0 0 12px; }
.lead { font-size:21px; max-width:720px; }
.band { border-top:1px solid var(--line); padding:44px 0; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.item { background:#fff; padding:24px; min-height:180px; }
.accent { color:var(--red); }
.notice { padding:16px; border-left:4px solid var(--blue); background:#fff; max-width:760px; }
footer { padding:32px 0 48px; border-top:1px solid var(--line); overflow-wrap:anywhere; }
@media(max-width:700px){ header{align-items:center;flex-wrap:wrap;padding:14px 0;gap:12px}.grid{grid-template-columns:1fr}.hero{min-height:62vh;padding-top:48px} }