/* Site-wide footer: identity column + link columns. Shared by every page (homepage, pricing,
   legal, blog, news, resources, case studies) so it can't drift. Markup lives in each page and
   in seo/template.html; change the columns in all of them together. Uses the page's own tokens. */
.site-foot { border-top: 1px solid var(--line-soft); margin-top: 72px; padding: 48px 0 40px; }
.site-foot .sf-grid { display: grid; grid-template-columns: minmax(210px, 1.3fr) repeat(5, minmax(0, 1fr)); gap: 36px 24px; }
.site-foot .sf-id { display: flex; flex-direction: column; gap: 12px; padding-right: 28px; border-right: 1px dashed var(--line); }
.site-foot .sf-id .brand { text-decoration: none; }
.site-foot .sf-id .brand .name { font-size: 17px; }
.site-foot .sf-tag { margin: 0; font-size: 13px; line-height: 1.5; color: var(--muted); }
.site-foot .sf-fine { margin: auto 0 0; padding-top: 12px; font-size: 12px; line-height: 1.5; color: var(--faint); }
.site-foot .sf-h { margin: 0 0 14px; font-size: 13px; font-weight: 600; color: var(--ink); }
.site-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.site-foot li { margin: 0; }
.site-foot .sf-col a { font-size: 13.5px; font-weight: 500; color: var(--muted); text-decoration: none; }
.site-foot .sf-col a:hover { color: var(--accent); }
@media (max-width: 960px) {
  .site-foot .sf-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .site-foot .sf-id { grid-column: 1 / -1; padding: 0 0 24px; border-right: 0; border-bottom: 1px dashed var(--line); }
}
@media (max-width: 560px) {
  .site-foot .sf-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; }
}