// Production CTA — proper anchor links to contact page.
function CTA() {
  return (
    <section style={{ background: "#CDF6B0", color: "#213A2C", padding: "96px 48px" }}>
      <div style={{ maxWidth: 1280, margin: "0 auto", display: "grid", gridTemplateColumns: "1.4fr 1fr", gap: 64, alignItems: "center" }}>
        <h2 style={{ margin: 0, fontWeight: 700, fontSize: 56, lineHeight: 1.05, letterSpacing: "-0.03em", textTransform: "uppercase" }}>
          Work with<br/>us
        </h2>
        <div>
          <div style={{ display: "flex", gap: 12, flexWrap: "wrap" }}>
            <a href="contact.html?to=founders" style={{ background: "#213A2C", color: "#FFFFFF", border: 0, padding: "14px 22px", font: "500 14px 'Plus Jakarta Sans', sans-serif", cursor: "pointer", borderRadius: 2, textDecoration: "none", display: "inline-block" }}>Founders →</a>
            <a href="contact.html?to=lps" style={{ background: "transparent", color: "#213A2C", border: "1px solid #213A2C", padding: "13px 22px", font: "500 14px 'Plus Jakarta Sans', sans-serif", cursor: "pointer", borderRadius: 2, textDecoration: "none", display: "inline-block" }}>LPs →</a>
          </div>
        </div>
      </div>
    </section>
  );
}
window.CTA = CTA;