var CtaBand = function() {
  return (
    <section className="cta-band">
      <div className="cta-band-bg" />
      <div className="container">
        <div className="cta-band-inner">
          <div>
            <span style={{
              fontFamily: "var(--font-ui)",
              fontSize: 12,
              fontWeight: 600,
              letterSpacing: "0.16em",
              textTransform: "uppercase",
              color: "rgba(255,255,255,0.45)",
              display: "inline-flex",
              alignItems: "center",
              gap: 10,
            }}>
              <span style={{ width: 28, height: 1, background: "rgba(255,255,255,0.3)", display: "inline-block" }} />
              Get started
            </span>
            <h2 className="cta-band-title">
              Have a problem<br />nobody can <span className="accent">solve?</span>
            </h2>
          </div>
          <div>
            <p className="cta-band-sub">
              Tell us what you're trying to build or automate. We'll scope it, assign the right team, and get it shipped —{" "}
              <span className="u-benefit">no retainers</span>, no long discovery phases. Just a focused team solving your problem.
            </p>
            <div className="cta-band-actions">
              <a href="mailto:sales@aphina.dev" className="btn btn-primary btn-lg">
                Send us your problem →
              </a>
            </div>
            <p className="cta-band-email">
              or write directly to{" "}
              <a href="mailto:sales@aphina.dev">sales@aphina.dev</a>
            </p>
          </div>
        </div>
      </div>
    </section>
  );
};