:root {
  color: #17212b;
  background: #f4f7f8;
  font-family: Arial, "Microsoft YaHei", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; grid-template-rows: auto 1fr auto; }
header, main, footer { width: min(1080px, calc(100% - 40px)); margin: 0 auto; }
header { height: 72px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #dce3e6; }
header strong { font-size: 20px; }
button { border: 1px solid #9ba8ae; background: white; padding: 8px 14px; cursor: pointer; }
main { padding: 14vh 0 10vh; }
.eyebrow { color: #14735b; font-weight: 700; }
h1 { max-width: 760px; margin: 12px 0 20px; font-size: clamp(36px, 6vw, 72px); line-height: 1.08; letter-spacing: 0; }
main > p { max-width: 680px; line-height: 1.8; color: #536069; }
section { margin-top: 64px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; border-top: 1px solid #cfd8dc; padding-top: 28px; }
article { display: grid; gap: 10px; }
article span { color: #64727a; line-height: 1.6; }
footer { padding: 24px 0; color: #77838a; border-top: 1px solid #dce3e6; }
@media (max-width: 700px) { section { grid-template-columns: 1fr; } main { padding-top: 10vh; } }