// Intro band — sits tight below the hero, above the carousel.
function Intro() {
  return (
    <section style={{ background: "#F1F5F5", color: "#213A2C", padding: "80px 48px 64px" }}>
      <div style={{ maxWidth: 1280, margin: "0 auto", display: "grid", gridTemplateColumns: "1fr 1.2fr", gap: 80, alignItems: "start" }}>
        <h2 style={{ margin: 0, fontSize: 40, fontWeight: 700, letterSpacing: "-0.02em", lineHeight: 1.05 }}>
          Long term capital for enduring companies
        </h2>
        <p style={{ margin: 0, fontSize: 18, lineHeight: 1.55, color: "#4A5C50", textWrap: "pretty", maxWidth: 640 }}>
          The founders we support have transformed our energy, transportation, waste and food systems through new technologies to deliver a more sustainable future. We provide long-term capital to help entrepreneurs build these industry-transforming companies.
        </p>
      </div>
    </section>
  );
}
window.Intro = Intro;