function SiteFooter() {
  return (
    <footer style={{ background: 'var(--surface-dark)', color: 'var(--sand-100)', padding: '32px 48px' }}>
      <div style={{ display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap', gap: 12, maxWidth: 'var(--content-max-width)', margin: '0 auto', font: 'var(--text-caption)', color: 'var(--sand-400)' }}>
        <span>© 2026 AdvocateWithClarity.com · Advocate Smart, Stay Grounded</span>
        <span style={{ display: 'flex', gap: 16, alignItems: 'center' }}>
          <a href="./legal.html" style={{ color: 'var(--sand-400)' }}>Privacy · Terms · Disclaimer · Refunds</a>
          <span>For informational purposes only — does not constitute legal advice.</span>
        </span>
      </div>
    </footer>
  );
}
window.SiteFooter = SiteFooter;