/* Footer.jsx — bottom strip with email + venture credit + year. */

function Footer() {
  return (
    <footer style={{
      position: "absolute", left: 0, right: 0, bottom: 0, padding: "28px 56px",
      display: "flex", justifyContent: "space-between", alignItems: "flex-end",
      fontFamily: "var(--mono)", fontSize: 11, color: "var(--ink-dim)", zIndex: 10,
    }}>
      <div style={{ display: "flex", flexDirection: "column", gap: 4 }}>
        <a href="mailto:hello@zondamarkets.com"
           style={{ color: "var(--ink-dim)", textDecoration: "none", border: 0 }}>
          hello@zondamarkets.com
        </a>
        <span style={{ color: "var(--ink-faint)", fontSize: 10 }}>
          A Pol Finance × Aligned venture
        </span>
      </div>
      <div style={{ color: "var(--ink-faint)", fontSize: 10, textAlign: "right",
                    letterSpacing: "0.18em" }}>
        ZONDA MARKETS · MMXXVI
      </div>
    </footer>
  );
}

Object.assign(window, { Footer });