.page-hero { padding: 56px 48px 40px; max-width: 680px; }
    .page-title { font-size: 32px; font-weight: 300; letter-spacing: -0.03em; margin: 14px 0 10px; }
    .page-title strong { font-weight: 500; }
    .page-sub { font-size: 15px; color: var(--text2); font-weight: 300; }
    .content { padding: 0 48px 80px; max-width: 680px; }
    .lead { font-size: 15px; color: var(--text2); line-height: 1.7; padding: 36px 0 8px; }
    .section { padding: 32px 0; border-top: 1px solid var(--border); }
    .section-title { font-size: 16px; font-weight: 500; margin: 0 0 14px; }
    .body-text { font-size: 14px; color: var(--text2); line-height: 1.75; margin: 0 0 12px; }
    .body-text:last-child { margin: 0; }
    @media (max-width: 680px) {
      .page-hero { padding: 40px 20px 32px; }
      .content { padding: 0 20px 64px; }
    }