:root{color-scheme:light;--ink:#17202a;--muted:#5f6d7a;--line:#d8dee5;--panel:#f7f9fb;--accent:#1b7f79;--warm:#b45f3c}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5}
.page{max-width:1120px;margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.topbar nav{display:flex;gap:16px;flex-wrap:wrap}.topbar a{color:var(--muted);text-decoration:none;font-size:14px}
.intro{min-height:48vh;display:flex;align-items:center;padding:52px 0}.intro h1{max-width:760px;font-size:clamp(38px,6vw,72px);line-height:1.02;margin:8px 0 18px;letter-spacing:0}.eyebrow{color:var(--accent);font-weight:700;text-transform:uppercase;font-size:13px}.lead{max-width:680px;color:var(--muted);font-size:19px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid article{border:1px solid var(--line);border-radius:8px;padding:22px;background:var(--panel);min-height:176px}.grid span{color:var(--warm);font-weight:700}.grid h2,.band h2{font-size:22px;margin:16px 0 8px}.grid p,.band p{color:var(--muted);margin:0}
.band{margin:20px 0;padding:28px;border-left:4px solid var(--accent);background:#fbfbf7}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:14px}
@media (max-width:720px){.page{padding:18px}.topbar{align-items:flex-start;flex-direction:column}.intro{min-height:42vh;padding:38px 0}.lead{font-size:17px}.grid{grid-template-columns:1fr}}