function CTABand({ base = "", heading = "Bring us one question or one deadline.", sub = "We'll scope one starter deliverable — fixed scope, physician-reviewed, on time." }) {
  return (
    <section style={{ background: "var(--grad-hero)", color: "var(--white)" }}>
      <div style={{ maxWidth: 800, margin: "0 auto", padding: "64px 24px", textAlign: "center" }}>
        <h2 style={{ fontFamily: "var(--font-display)", fontSize: 32, margin: "0 0 12px", color: "var(--white)" }}>{heading}</h2>
        <p style={{ fontSize: 16, color: "var(--brand-primary-300)", margin: "0 0 28px" }}>{sub}</p>
        <div style={{ display: "flex", gap: 16, justifyContent: "center", flexWrap: "wrap" }}>
          <a href={base + "contact.html"} style={{ textDecoration: "none", background: "var(--white)", color: "var(--brand-primary-700)", fontWeight: 600, padding: "12px 28px", borderRadius: 6, fontSize: 15 }}>Scope a starter project</a>
          <a href={base + "contact.html#book"} style={{ textDecoration: "none", border: "1px solid rgba(255,255,255,0.5)", color: "var(--white)", fontWeight: 600, padding: "12px 28px", borderRadius: 6, fontSize: 15 }}>Book a call</a>
        </div>
      </div>
    </section>
  );
}