:root { color: #203029; background: #f4f7f4; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; }
.shell { width: min(920px, calc(100% - 40px)); margin: 0 auto; padding: 72px 0 40px; }
.hero { max-width: 700px; }
.eyebrow { color: #2f7f63; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; margin: 0 0 14px; }
h1 { font-size: clamp(32px, 6vw, 56px); line-height: 1.15; margin: 0 0 20px; }
.hero p:not(.eyebrow) { color: #5d6d65; font-size: 17px; line-height: 1.8; margin: 0; }
.section-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 54px; }
.link-card { display: flex; min-height: 150px; flex-direction: column; justify-content: space-between; gap: 20px; padding: 22px; color: inherit; background: #fff; border: 1px solid #dce7e0; border-radius: 8px; text-decoration: none; }
.link-card:hover { border-color: #2f7f63; }
.link-card strong { font-size: 18px; }
.link-card span { color: #687970; font-size: 14px; line-height: 1.6; }
footer { color: #718078; font-size: 12px; line-height: 1.8; margin-top: 56px; }
.legal { max-width: 820px; }
.legal h1 { margin-bottom: 10px; }
.legal h2 { font-size: 21px; margin: 38px 0 12px; }
.legal p { color: #485a51; font-size: 15px; line-height: 1.9; }
.legal a { color: #226b52; }
.muted { color: #718078 !important; font-size: 13px !important; }
@media (max-width: 700px) { .shell { padding-top: 44px; } .section-grid { grid-template-columns: 1fr; margin-top: 36px; } }