/* Site footer, shared by the static pages (same look as the home page footer).
   Three columns: brand, helpful guides, product. */
.foot { border-top: 1px solid var(--line); background: var(--surface, #f7f8f6); padding: 2.5rem max(1.25rem, calc((100% - 1180px) / 2 + 1.75rem)) 3rem; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.4fr) minmax(0, 0.8fr); gap: 2rem; font-size: 0.92rem; align-items: start; }
.foot-brand { display: grid; gap: 0.7rem; }
.foot-brand .dim { max-width: 30ch; margin: 0; font-size: 0.9rem; line-height: 1.5; color: var(--ink-3); }
.foot-col { display: grid; grid-template-columns: repeat(2, auto); justify-content: start; gap: 0.35rem 1.8rem; align-content: start; }
.foot-col:last-child { grid-template-columns: auto; }
.foot-col h4 { grid-column: 1 / -1; margin: 0 0 0.4rem; font: 500 0.7rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); }
.foot-col a { text-decoration: none; color: var(--ink); font-weight: 560; }
.foot-col a:hover { color: var(--accent, #0a7040); }
@media (max-width: 760px) { .foot { grid-template-columns: 1fr; gap: 1.6rem; } .foot-col { grid-template-columns: 1fr; } }