function Footer() {
  return (
    <footer style={{
      padding: '40px 32px',
      background: 'var(--bg)',
      borderTop: '1px solid var(--line-2)',
    }}>
      <div style={{
        maxWidth: 1100, margin: '0 auto',
        display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 24,
        flexWrap: 'wrap',
      }}>
        <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
          <span style={{
            width: 22, height: 22, borderRadius: 5,
            background: 'var(--ink)', color: 'var(--paper)',
            display: 'grid', placeItems: 'center',
            fontFamily: "'Instrument Serif', serif", fontSize: 16,
          }}>N</span>
          <span style={{ fontFamily: "'Instrument Serif', serif", fontSize: 18 }}>Numberline</span>
        </div>
        <div style={{ fontSize: 13, color: 'var(--ink-3)' }}>
          © 2026 Numberline · Fractional CFO services · Remote
        </div>
        <div style={{ display: 'flex', gap: 18, fontSize: 13, color: 'var(--ink-2)' }}>
          <a href="https://www.linkedin.com/in/christianayers/" target="_blank" rel="noopener noreferrer">LinkedIn</a>
          <a href="mailto:hello@numberline.co">Email</a>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;