// Section 3 — Unified promise
// Intro only. The sticky chip nav (feature tabs) lives in static HTML inside
// .features-region so its sticky containing block spans every feature section
// below, not just this mount root. See index.html for the chip-nav element
// and the vanilla-JS controller that drives it.

function UnifiedPromise() {
  return (
    <section style={{ padding: "120px 60px 80px", borderTop: "1px solid rgb(255 255 255 / 0.06)" }}>
      <div style={{ maxWidth: 1200, margin: "0 auto" }}>
        <div className="eyebrow" style={{ marginBottom: 24, textAlign: "center" }}>The whole live event, in one product</div>
        <h2 style={{
          fontSize: 64, fontWeight: 700, letterSpacing: "-0.035em",
          lineHeight: 1.0, margin: 0, marginBottom: 28, textAlign: "center",
          textWrap: "balance",
        }}>
          Everything your live event needs.<br />
          <span style={{ color: "var(--fg-3)" }}>Nothing it doesn't.</span>
        </h2>
        <p style={{
          fontSize: 19, lineHeight: 1.55, color: "var(--fg-2)",
          maxWidth: 720, margin: "0 auto", textAlign: "center", textWrap: "pretty",
        }}>
          The player, the ticket tiers, the moderated chat, the live clipping, the merch store — all on your domain, under your brand, at your price point. Ship your next event without stitching six vendors together.
        </p>
      </div>
    </section>
  );
}

window.UnifiedPromise = UnifiedPromise;