@octaviaflow/core 3.1.0-beta.68 → 3.1.0-beta.69

package/dist/marketing.js

@@ -1,11 +1,16 @@
 import {
-  CountUp
-} from "./chunk-X7YETDK7.js";
+  BlogCard,
+  CountUp,
+  TestimonialCard,
+  Textarea
+} from "./chunk-KQKD4Z4H.js";
 import {
+  Accordion,
   Button,
   Input,
-  Select
-} from "./chunk-KZP2MNBO.js";
+  Select,
+  Spinner
+} from "./chunk-64R3BAO7.js";
 import {
   cn
 } from "./chunk-ZAUUGK2Y.js";
@@ -42,14 +47,603 @@ function AssistantTranscript({
   ] });
 }
 
-// src/marketing/components/CtaBanner/CtaBanner.tsx
+// src/marketing/components/BackedBy/BackedBy.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function BackedBy({
+  items,
+  label = "Backed by",
+  note,
+  align = "center",
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      ...rest,
+      className: cn("ods-mkt-backedby", align === "start" && "ods-mkt-backedby--start", className),
+      children: [
+        label && /* @__PURE__ */ jsx2("p", { className: "ods-mkt-backedby__label", children: label }),
+        /* @__PURE__ */ jsx2("div", { className: "ods-mkt-backedby__row", children: items.map((item) => /* @__PURE__ */ jsx2("span", { className: "ods-mkt-backedby__mark", title: item.name, children: item.icon ?? /* @__PURE__ */ jsx2("span", { className: "ods-mkt-backedby__wordmark", children: item.name }) }, item.id)) }),
+        note && /* @__PURE__ */ jsx2("p", { className: "ods-mkt-backedby__note", children: note })
+      ]
+    }
+  );
+}
+
+// src/marketing/components/BetaAccessForm/BetaAccessForm.tsx
+import { useId, useState } from "react";
+
+// src/marketing/components/WorkflowShowcase/showcaseEngine.ts
+var SETTLED_PHASES = [
+  "done",
+  "signup",
+  "creating",
+  "welcome"
+];
+var WORKFLOW_SHOWCASE_DEFAULT_CONNECTORS = [
+  { name: "Storefront", role: "source", aliases: ["store", "shop orders"] },
+  { name: "Payments", role: "source", aliases: ["payouts"] },
+  { name: "Orders DB", role: "source", aliases: ["orders database"] },
+  { name: "CRM", role: "source", aliases: ["crm leads"] },
+  { name: "Warehouse", role: "destination" },
+  { name: "Lakehouse", role: "destination" },
+  { name: "Campaigns", role: "action", aliases: ["campaign"] },
+  { name: "Team Chat", role: "notify", aliases: ["chat", "alert the team"] }
+];
+var WORKFLOW_SHOWCASE_DEFAULT_EXAMPLES = [
+  {
+    id: "hourly-sync",
+    label: "Storefront orders \u2192 Warehouse, hourly",
+    prompt: "Sync Storefront orders to Warehouse every hour, alert sales in Team Chat"
+  },
+  {
+    id: "daily-load",
+    label: "Payments payouts \u2192 Lakehouse, daily",
+    prompt: "Load Payments payouts into Lakehouse daily"
+  },
+  {
+    id: "realtime-stream",
+    label: "Orders DB changes \u2192 Warehouse + Team Chat",
+    prompt: "Stream Orders DB changes to Warehouse in real-time and notify Team Chat"
+  }
+];
+var WORKFLOW_SHOWCASE_DEFAULT_METRICS = [
+  { id: "throughput", value: 2341, buildingValue: 842, unit: "rows/min", label: "THROUGHPUT" },
+  {
+    id: "latency",
+    value: 0.8,
+    buildingValue: 1.1,
+    decimals: 1,
+    unit: "s latency",
+    label: "SYNC SPEED"
+  },
+  { id: "cost", value: 43, suffix: "%", label: "SAVED VS BASELINE", tone: "success" }
+];
+var WORKFLOW_SHOWCASE_SCHEDULES = ["AUTO", "HOURLY", "DAILY", "REAL-TIME"];
+var WORKFLOW_SHOWCASE_TRIGGERS = ["SCHEDULE", "WEBHOOK", "APP EVENT", "MANUAL"];
+var WORKFLOW_SHOWCASE_DEFAULT_TILES = [
+  "ELT",
+  "CDC",
+  "LLM",
+  "RAG",
+  "HEAL",
+  "COST",
+  "IDP",
+  "VEC"
+];
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function mentionsOf(catalog) {
+  const out = [];
+  for (const connector of catalog) {
+    out.push({ connector, pattern: connector.name });
+    for (const alias of connector.aliases ?? []) out.push({ connector, pattern: alias });
+  }
+  return out.sort((a, b) => b.pattern.length - a.pattern.length);
+}
+function detectConnectors(prompt, catalog) {
+  const lower = prompt.toLowerCase();
+  return catalog.filter((c) => [c.name, ...c.aliases ?? []].some((p) => lower.includes(p.toLowerCase()))).map((c) => c.name);
+}
+function segmentPrompt(prompt, catalog) {
+  if (!prompt) return [];
+  const mentions = mentionsOf(catalog);
+  if (!mentions.length) return [{ text: prompt }];
+  const re = new RegExp(`(${mentions.map((m) => escapeRegExp(m.pattern)).join("|")})`, "gi");
+  const byPattern = new Map(mentions.map((m) => [m.pattern.toLowerCase(), m.connector]));
+  return prompt.split(re).filter((part) => part !== "").map((part) => {
+    const connector = byPattern.get(part.toLowerCase());
+    return connector ? { text: part, connector } : { text: part };
+  });
+}
+function scheduleFromPrompt(prompt) {
+  const t = prompt.toLowerCase();
+  if (/stream|real.?time|cdc/.test(t)) return "REAL-TIME";
+  if (/hour/.test(t)) return "HOURLY";
+  if (/dail|every day|nightly/.test(t)) return "DAILY";
+  return null;
+}
+var RIGHT_ORDER = {
+  source: -1,
+  destination: 0,
+  action: 1,
+  notify: 2
+};
+function resolvePlan(selected, detected, catalog) {
+  const byName = new Map(catalog.map((c) => [c.name, c]));
+  let names = [.../* @__PURE__ */ new Set([...selected, ...detected])].filter((n) => byName.has(n));
+  if (!names.length) {
+    const fallback = [
+      catalog.find((c) => c.role === "source"),
+      catalog.find((c) => c.role === "destination"),
+      catalog.find((c) => c.role === "notify")
+    ].filter((c) => Boolean(c));
+    names = fallback.map((c) => c.name);
+  }
+  const has = (predicate) => names.some((n) => {
+    const c = byName.get(n);
+    return Boolean(c && predicate(c));
+  });
+  if (!has((c) => c.role === "source")) {
+    const source = catalog.find((c) => c.role === "source");
+    if (source) names = [source.name, ...names];
+  }
+  if (!has((c) => c.role !== "source")) {
+    const sink = catalog.find((c) => c.role === "notify") ?? catalog.find((c) => c.role !== "source");
+    if (sink) names = [...names, sink.name];
+  }
+  const picked = catalog.filter((c) => names.includes(c.name));
+  const left = picked.filter((c) => c.role === "source");
+  const right = picked.filter((c) => c.role !== "source").sort((a, b) => RIGHT_ORDER[a.role] - RIGHT_ORDER[b.role]);
+  const all = [...left, ...right];
+  return { left, right, all, totalSteps: all.length + 1 };
+}
+function stepVerb(role) {
+  if (role === "notify") return "alert";
+  if (role === "action") return "trigger";
+  return "load";
+}
+function assembleSteps(plan) {
+  return [
+    ...plan.left.map((c) => `${c.name.toLowerCase()} extract`),
+    "schema map \xB7 14 fields",
+    ...plan.right.map((c) => `${c.name.toLowerCase()} ${stepVerb(c.role)}`)
+  ];
+}
+function buildActivity(args) {
+  const { phase, shown, plan, selected, status } = args;
+  const settled = SETTLED_PHASES.includes(phase);
+  const lines = [];
+  if (phase === "idle") {
+    if (!selected.length) {
+      lines.push({ id: "wait", text: "\u25B8 waiting for instructions\u2026", tone: "muted" });
+      lines.push({ id: "hint", text: "\xB7 type a request or pick apps", tone: "faint" });
+    }
+    for (const name of selected.slice(-6)) {
+      lines.push({ id: `sel-${name}`, text: `+ ${name.toLowerCase()} connected`, tone: "plain" });
+    }
+    return lines;
+  }
+  if (phase === "analyzing") {
+    for (const name of selected.slice(-4)) {
+      lines.push({ id: `sel-${name}`, text: `+ ${name.toLowerCase()} connected`, tone: "muted" });
+    }
+    lines.push({ id: "status", text: `\u27F3 ${status}`, tone: "active" });
+    return lines;
+  }
+  assembleSteps(plan).forEach((step, i) => {
+    if (settled || shown > i) lines.push({ id: `step-${i}`, text: `\u2713 ${step}`, tone: "done" });
+    else if (shown === i) lines.push({ id: `step-${i}`, text: `\u27F3 ${step}\u2026`, tone: "active" });
+    else lines.push({ id: `step-${i}`, text: `\xB7 ${step} queued`, tone: "muted" });
+  });
+  if (settled) lines.push({ id: "errors", text: "\u2713 error handling attached", tone: "done" });
+  return lines.slice(-8);
+}
+function slugify(value) {
+  return value.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "your-team";
+}
+function isValidEmail(value) {
+  return /^\S+@\S+\.\S+$/.test(value.trim());
+}
+
+// src/marketing/components/BetaAccessForm/BetaAccessForm.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function BetaAccessForm({
+  title = "Request early access",
+  subtitle = "CURRENTLY IN PRIVATE BETA \u2014 WE REVIEW ACCESS REQUESTS WEEKLY",
+  fields = "email",
+  appearance = "card",
+  teamSizes,
+  plans,
+  defaultPlan,
+  submitLabel = "Request access \u2192",
+  footnote = "NO CREDIT CARD \xB7 SSO & SELF-HOSTING AVAILABLE",
+  onSubmit,
+  successTitle = "Request received.",
+  successBody = "We review access requests weekly \u2014 you'll hear from us by email.",
+  disabled = false,
+  className
+}) {
+  const uid = useId();
+  const [values, setValues] = useState({
+    email: "",
+    name: "",
+    company: "",
+    teamSize: "",
+    plan: defaultPlan ?? ""
+  });
+  const [phase, setPhase] = useState("idle");
+  const [error, setError] = useState(null);
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    if (phase === "submitting") return;
+    if (!isValidEmail(values.email)) {
+      setError("Please enter a valid work email.");
+      return;
+    }
+    if (fields === "full" && !values.name?.trim()) {
+      setError("Please enter your name.");
+      return;
+    }
+    if (fields === "full" && teamSizes?.length && !values.teamSize) {
+      setError("Please select your team size.");
+      return;
+    }
+    setError(null);
+    setPhase("submitting");
+    try {
+      await onSubmit?.(values);
+      setPhase("success");
+    } catch {
+      setError("Something went wrong \u2014 please try again.");
+      setPhase("idle");
+    }
+  };
+  const inline = appearance === "inline";
+  if (phase === "success") {
+    return /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        className: cn(
+          "ods-mkt-access",
+          "ods-mkt-access--success",
+          inline && "ods-mkt-access--inline",
+          className
+        ),
+        role: "status",
+        children: [
+          /* @__PURE__ */ jsxs3("p", { className: "ods-mkt-access__success-mark", children: [
+            "\u2713 ",
+            successTitle
+          ] }),
+          /* @__PURE__ */ jsx3("p", { className: "ods-mkt-access__success-body", children: successBody })
+        ]
+      }
+    );
+  }
+  const busy = disabled || phase === "submitting";
+  return /* @__PURE__ */ jsxs3(
+    "form",
+    {
+      className: cn("ods-mkt-access", inline && "ods-mkt-access--inline", className),
+      onSubmit: handleSubmit,
+      noValidate: true,
+      children: [
+        /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__head", children: [
+          /* @__PURE__ */ jsx3("h3", { className: "ods-mkt-access__title", children: title }),
+          subtitle && /* @__PURE__ */ jsx3("p", { className: "ods-mkt-access__subtitle", children: subtitle })
+        ] }),
+        /* @__PURE__ */ jsxs3(
+          "div",
+          {
+            className: cn(
+              "ods-mkt-access__fields",
+              fields === "full" && "ods-mkt-access__fields--full"
+            ),
+            children: [
+              fields === "full" && /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__field", children: [
+                /* @__PURE__ */ jsx3("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-name`, children: "Full name" }),
+                /* @__PURE__ */ jsx3(
+                  Input,
+                  {
+                    id: `${uid}-name`,
+                    autoComplete: "name",
+                    placeholder: "Ada Lovelace",
+                    value: values.name ?? "",
+                    onChange: (e) => setValues((v) => ({ ...v, name: e.target.value })),
+                    disabled: busy
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__field", children: [
+                /* @__PURE__ */ jsx3("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-email`, children: "Work email" }),
+                /* @__PURE__ */ jsx3(
+                  Input,
+                  {
+                    id: `${uid}-email`,
+                    type: "email",
+                    autoComplete: "email",
+                    placeholder: "ada@company.com",
+                    value: values.email,
+                    onChange: (e) => setValues((v) => ({ ...v, email: e.target.value })),
+                    disabled: busy
+                  }
+                )
+              ] }),
+              fields === "full" && /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__field", children: [
+                /* @__PURE__ */ jsx3("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-company`, children: "Company" }),
+                /* @__PURE__ */ jsx3(
+                  Input,
+                  {
+                    id: `${uid}-company`,
+                    autoComplete: "organization",
+                    placeholder: "Acme Inc.",
+                    value: values.company ?? "",
+                    onChange: (e) => setValues((v) => ({ ...v, company: e.target.value })),
+                    disabled: busy
+                  }
+                )
+              ] }),
+              fields === "full" && teamSizes && teamSizes.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__field", children: [
+                /* @__PURE__ */ jsx3("span", { className: "ods-mkt-access__label", id: `${uid}-teamsize-label`, children: "Team size" }),
+                /* @__PURE__ */ jsx3(
+                  Select,
+                  {
+                    "aria-labelledby": `${uid}-teamsize-label`,
+                    placeholder: "Select team size\u2026",
+                    options: teamSizes.map((size) => ({ value: size, label: size })),
+                    value: values.teamSize ?? "",
+                    onChange: (teamSize) => setValues((v) => ({ ...v, teamSize })),
+                    disabled: busy
+                  }
+                )
+              ] }),
+              fields === "full" && plans && plans.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__field", children: [
+                /* @__PURE__ */ jsx3("span", { className: "ods-mkt-access__label", id: `${uid}-plan-label`, children: "Plan (optional)" }),
+                /* @__PURE__ */ jsx3(
+                  Select,
+                  {
+                    "aria-labelledby": `${uid}-plan-label`,
+                    placeholder: "Not sure yet",
+                    options: plans.map((plan) => ({ value: plan, label: plan })),
+                    value: values.plan ?? "",
+                    onChange: (plan) => setValues((v) => ({ ...v, plan })),
+                    disabled: busy
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx3(
+                Button,
+                {
+                  type: "submit",
+                  variant: "primary",
+                  loading: phase === "submitting",
+                  disabled,
+                  children: submitLabel
+                }
+              )
+            ]
+          }
+        ),
+        error && /* @__PURE__ */ jsx3("p", { className: "ods-mkt-access__error", role: "alert", children: error }),
+        footnote && /* @__PURE__ */ jsx3("p", { className: "ods-mkt-access__footnote", children: footnote })
+      ]
+    }
+  );
+}
+
+// src/marketing/components/BlogGrid/BlogGrid.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function BlogGrid({
+  posts,
+  columns = 3,
+  viewAllHref,
+  viewAllLabel = "View all posts \u2192",
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs4("div", { ...rest, className: cn("ods-mkt-blog", className), children: [
+    /* @__PURE__ */ jsx4("div", { className: cn("ods-mkt-blog__grid", `ods-mkt-blog__grid--${columns}`), children: posts.map((post) => /* @__PURE__ */ jsx4(
+      BlogCard,
+      {
+        title: post.title,
+        description: post.excerpt,
+        href: post.href,
+        meta: post.date,
+        readingTime: post.readTime,
+        tags: post.tags,
+        cover: post.cover,
+        author: post.author
+      },
+      post.id
+    )) }),
+    viewAllHref && /* @__PURE__ */ jsx4("div", { className: "ods-mkt-blog__more", children: /* @__PURE__ */ jsx4("a", { className: "ods-mkt-blog__more-link", href: viewAllHref, children: viewAllLabel }) })
+  ] });
+}
+
+// src/marketing/components/ContactForm/ContactForm.tsx
+import { useId as useId2, useState as useState2 } from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function ContactForm({
+  title = "Talk to us",
+  subtitle = "SALES \xB7 PARTNERSHIPS \xB7 ANYTHING ELSE \u2014 WE READ EVERYTHING",
+  topics,
+  submitLabel = "Send message \u2192",
+  footnote = "WE USUALLY REPLY WITHIN ONE BUSINESS DAY",
+  onSubmit,
+  successTitle = "Message sent.",
+  successBody = "Thanks for reaching out \u2014 we'll get back to you by email.",
+  disabled = false,
+  className
+}) {
+  const uid = useId2();
+  const [values, setValues] = useState2({
+    name: "",
+    email: "",
+    company: "",
+    topic: "",
+    message: ""
+  });
+  const selectedTopic = topics?.find((t) => t.value === values.topic);
+  const [phase, setPhase] = useState2("idle");
+  const [error, setError] = useState2(null);
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    if (phase === "submitting") return;
+    if (!values.name.trim()) {
+      setError("Please enter your name.");
+      return;
+    }
+    if (!isValidEmail(values.email)) {
+      setError("Please enter a valid work email.");
+      return;
+    }
+    if (topics?.length && !values.topic) {
+      setError("Please choose a topic.");
+      return;
+    }
+    if (!values.message.trim()) {
+      setError("Please write a short message.");
+      return;
+    }
+    setError(null);
+    setPhase("submitting");
+    try {
+      await onSubmit?.(values);
+      setPhase("success");
+    } catch {
+      setError("Something went wrong \u2014 please try again.");
+      setPhase("idle");
+    }
+  };
+  if (phase === "success") {
+    return /* @__PURE__ */ jsxs5("div", { className: cn("ods-mkt-contact", "ods-mkt-contact--success", className), role: "status", children: [
+      /* @__PURE__ */ jsxs5("p", { className: "ods-mkt-contact__success-mark", children: [
+        "\u2713 ",
+        successTitle
+      ] }),
+      /* @__PURE__ */ jsx5("p", { className: "ods-mkt-contact__success-body", children: successBody })
+    ] });
+  }
+  const busy = disabled || phase === "submitting";
+  return /* @__PURE__ */ jsxs5("form", { className: cn("ods-mkt-contact", className), onSubmit: handleSubmit, noValidate: true, children: [
+    /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__head", children: [
+      /* @__PURE__ */ jsx5("h3", { className: "ods-mkt-contact__title", children: title }),
+      subtitle && /* @__PURE__ */ jsx5("p", { className: "ods-mkt-contact__subtitle", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__grid", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__field", children: [
+        /* @__PURE__ */ jsx5("label", { className: "ods-mkt-contact__label", htmlFor: `${uid}-name`, children: "Full name" }),
+        /* @__PURE__ */ jsx5(
+          Input,
+          {
+            id: `${uid}-name`,
+            autoComplete: "name",
+            placeholder: "Ada Lovelace",
+            value: values.name,
+            onChange: (e) => setValues((v) => ({ ...v, name: e.target.value })),
+            disabled: busy
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__field", children: [
+        /* @__PURE__ */ jsx5("label", { className: "ods-mkt-contact__label", htmlFor: `${uid}-email`, children: "Work email" }),
+        /* @__PURE__ */ jsx5(
+          Input,
+          {
+            id: `${uid}-email`,
+            type: "email",
+            autoComplete: "email",
+            placeholder: "ada@company.com",
+            value: values.email,
+            onChange: (e) => setValues((v) => ({ ...v, email: e.target.value })),
+            disabled: busy
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__field ods-mkt-contact__field--wide", children: [
+        /* @__PURE__ */ jsxs5("label", { className: "ods-mkt-contact__label", htmlFor: `${uid}-company`, children: [
+          "Company ",
+          /* @__PURE__ */ jsx5("span", { className: "ods-mkt-contact__optional", children: "(optional)" })
+        ] }),
+        /* @__PURE__ */ jsx5(
+          Input,
+          {
+            id: `${uid}-company`,
+            autoComplete: "organization",
+            placeholder: "Acme Inc.",
+            value: values.company ?? "",
+            onChange: (e) => setValues((v) => ({ ...v, company: e.target.value })),
+            disabled: busy
+          }
+        )
+      ] }),
+      topics && topics.length > 0 && /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__field ods-mkt-contact__field--wide", children: [
+        /* @__PURE__ */ jsx5("span", { className: "ods-mkt-contact__label", id: `${uid}-topic-label`, children: "Topic" }),
+        /* @__PURE__ */ jsx5(
+          Select,
+          {
+            "aria-labelledby": `${uid}-topic-label`,
+            placeholder: "Choose a topic\u2026",
+            options: topics.map((t) => ({ value: t.value, label: t.label })),
+            value: values.topic ?? "",
+            onChange: (topic) => setValues((v) => ({ ...v, topic })),
+            disabled: busy
+          }
+        ),
+        selectedTopic?.hint && /* @__PURE__ */ jsx5("p", { className: "ods-mkt-contact__topic-hint", children: selectedTopic.hint })
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__field ods-mkt-contact__field--wide", children: [
+        /* @__PURE__ */ jsx5(
+          "label",
+          {
+            className: "ods-mkt-contact__label",
+            id: `${uid}-message-label`,
+            htmlFor: `${uid}-message`,
+            children: "Message"
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          Textarea,
+          {
+            id: `${uid}-message`,
+            "aria-labelledby": `${uid}-message-label`,
+            placeholder: "What are you trying to build?",
+            rows: 4,
+            value: values.message,
+            onChange: (e) => setValues((v) => ({ ...v, message: e.target.value })),
+            disabled: busy
+          }
+        )
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx5("p", { className: "ods-mkt-contact__error", role: "alert", children: error }),
+    /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__foot", children: [
+      footnote && /* @__PURE__ */ jsx5("p", { className: "ods-mkt-contact__footnote", children: footnote }),
+      /* @__PURE__ */ jsx5(
+        Button,
+        {
+          type: "submit",
+          variant: "primary",
+          loading: phase === "submitting",
+          disabled,
+          children: submitLabel
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/marketing/components/CtaBanner/CtaBanner.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function Action({
   action,
   variant
 }) {
   if (action.href) {
-    return /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx6(
       "a",
       {
         className: cn("ods-mkt-cta__link", `ods-mkt-cta__link--${variant}`),
@@ -59,7 +653,7 @@ function Action({
       }
     );
   }
-  return /* @__PURE__ */ jsx2(Button, { variant, onClick: action.onClick, children: action.label });
+  return /* @__PURE__ */ jsx6(Button, { variant, onClick: action.onClick, children: action.label });
 }
 function CtaBanner({
   title,
@@ -70,47 +664,373 @@ function CtaBanner({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs2("section", { ...rest, className: cn("ods-mkt-cta", className), children: [
-    /* @__PURE__ */ jsx2("h2", { className: "ods-mkt-cta__title", children: title }),
-    lede && /* @__PURE__ */ jsx2("p", { className: "ods-mkt-cta__lede", children: lede }),
-    /* @__PURE__ */ jsxs2("div", { className: "ods-mkt-cta__actions", children: [
-      /* @__PURE__ */ jsx2(Action, { action: primary, variant: "primary" }),
-      secondary && /* @__PURE__ */ jsx2(Action, { action: secondary, variant: "secondary" })
+  return /* @__PURE__ */ jsxs6("section", { ...rest, className: cn("ods-mkt-cta", className), children: [
+    /* @__PURE__ */ jsx6("h2", { className: "ods-mkt-cta__title", children: title }),
+    lede && /* @__PURE__ */ jsx6("p", { className: "ods-mkt-cta__lede", children: lede }),
+    /* @__PURE__ */ jsxs6("div", { className: "ods-mkt-cta__actions", children: [
+      /* @__PURE__ */ jsx6(Action, { action: primary, variant: "primary" }),
+      secondary && /* @__PURE__ */ jsx6(Action, { action: secondary, variant: "secondary" })
+    ] }),
+    footnote && /* @__PURE__ */ jsx6("p", { className: "ods-mkt-cta__footnote", children: footnote })
+  ] });
+}
+
+// src/marketing/components/FaqSection/FaqSection.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function FaqSection({
+  items,
+  columns = 1,
+  defaultOpenIds = [],
+  className,
+  ...rest
+}) {
+  const half = Math.ceil(items.length / 2);
+  const columnItems = columns === 2 ? [items.slice(0, half), items.slice(half)] : [items];
+  return /* @__PURE__ */ jsx7("div", { ...rest, className: cn("ods-mkt-faq", columns === 2 && "ods-mkt-faq--2", className), children: columnItems.map((column, i) => /* @__PURE__ */ jsx7(
+    Accordion,
+    {
+      mode: "multiple",
+      defaultValue: defaultOpenIds,
+      items: column.map((item) => ({
+        id: item.id,
+        label: item.question,
+        content: /* @__PURE__ */ jsx7("div", { className: "ods-mkt-faq__answer", children: item.answer })
+      }))
+    },
+    i
+  )) });
+}
+
+// src/marketing/components/FeatureGrid/FeatureGrid.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function FeatureGrid({
+  items,
+  columns = 3,
+  dense = false,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      ...rest,
+      className: cn(
+        "ods-mkt-features",
+        `ods-mkt-features--${columns}`,
+        dense && "ods-mkt-features--dense",
+        className
+      ),
+      children: items.map((item) => /* @__PURE__ */ jsxs7("article", { className: "ods-mkt-features__cell", children: [
+        item.icon && /* @__PURE__ */ jsx8("span", { className: "ods-mkt-features__icon", "aria-hidden": "true", children: item.icon }),
+        /* @__PURE__ */ jsx8("h3", { className: "ods-mkt-features__title", children: item.title }),
+        /* @__PURE__ */ jsx8("p", { className: "ods-mkt-features__body", children: item.body })
+      ] }, item.id))
+    }
+  );
+}
+
+// src/marketing/components/IntegrationsFinder/IntegrationsFinder.tsx
+import { CheckmarkIcon, SearchIcon } from "@octaviaflow/icons";
+import { useMemo, useState as useState3 } from "react";
+import { Fragment, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function LetterTile({ name }) {
+  return /* @__PURE__ */ jsx9("span", { className: "ods-mkt-finder__letter", "aria-hidden": "true", children: name.trim().charAt(0).toUpperCase() });
+}
+function IntegrationsFinder({
+  items,
+  categories,
+  searchPlaceholder = "Find your connector \u2014 search by name or category\u2026",
+  universalBadgeLabel = "Open API",
+  onRequestConnector,
+  requestErrorHint = "Couldn't send right now \u2014 please try again in a moment.",
+  className
+}) {
+  const [query, setQuery] = useState3("");
+  const [activeCategory, setActiveCategory] = useState3(null);
+  const [email, setEmail] = useState3("");
+  const [requestState, setRequestState] = useState3("idle");
+  const [emailError, setEmailError] = useState3(false);
+  const pillCategories = useMemo(() => {
+    if (categories?.length) return categories;
+    const seen = [];
+    for (const item of items) {
+      if (!seen.includes(item.category)) seen.push(item.category);
+    }
+    return seen;
+  }, [categories, items]);
+  const counts = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const item of items) map.set(item.category, (map.get(item.category) ?? 0) + 1);
+    return map;
+  }, [items]);
+  const results = useMemo(() => {
+    const q = query.trim().toLowerCase();
+    let list = items;
+    if (activeCategory) list = list.filter((c) => c.category === activeCategory);
+    if (q) {
+      list = list.filter(
+        (c) => c.name.toLowerCase().includes(q) || c.category.toLowerCase().includes(q) || c.aliases?.some((a) => a.toLowerCase().includes(q))
+      );
+    }
+    return [...list].sort((a, b) => {
+      const aKind = a.kind ?? "native";
+      const bKind = b.kind ?? "native";
+      if (aKind !== bKind) return aKind === "native" ? -1 : 1;
+      return a.name.localeCompare(b.name);
+    });
+  }, [items, query, activeCategory]);
+  const handleRequest = async (event) => {
+    event.preventDefault();
+    if (!onRequestConnector || requestState === "sending") return;
+    if (!isValidEmail(email)) {
+      setEmailError(true);
+      return;
+    }
+    setEmailError(false);
+    setRequestState("sending");
+    try {
+      await onRequestConnector({ query: query.trim(), email });
+      setRequestState("sent");
+    } catch {
+      setRequestState("error");
+    }
+  };
+  return /* @__PURE__ */ jsxs8("div", { className: cn("ods-mkt-finder", className), children: [
+    /* @__PURE__ */ jsx9("div", { className: "ods-mkt-finder__search", children: /* @__PURE__ */ jsx9(
+      Input,
+      {
+        type: "search",
+        "aria-label": "Search connectors",
+        placeholder: searchPlaceholder,
+        leftIcon: /* @__PURE__ */ jsx9(SearchIcon, { size: "sm" }),
+        value: query,
+        onChange: (e) => {
+          setQuery(e.target.value);
+          setRequestState("idle");
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs8("fieldset", { className: "ods-mkt-finder__pills", "aria-label": "Connector categories", children: [
+      /* @__PURE__ */ jsxs8(
+        "button",
+        {
+          type: "button",
+          className: cn(
+            "ods-mkt-finder__pill",
+            activeCategory === null && "ods-mkt-finder__pill--active"
+          ),
+          onClick: () => setActiveCategory(null),
+          children: [
+            "All ",
+            /* @__PURE__ */ jsx9("span", { className: "ods-mkt-finder__count", children: items.length })
+          ]
+        }
+      ),
+      pillCategories.map((category) => /* @__PURE__ */ jsxs8(
+        "button",
+        {
+          type: "button",
+          className: cn(
+            "ods-mkt-finder__pill",
+            activeCategory === category && "ods-mkt-finder__pill--active"
+          ),
+          onClick: () => setActiveCategory(activeCategory === category ? null : category),
+          children: [
+            category,
+            " ",
+            /* @__PURE__ */ jsx9("span", { className: "ods-mkt-finder__count", children: counts.get(category) ?? 0 })
+          ]
+        },
+        category
+      ))
+    ] }),
+    results.length > 0 ? /* @__PURE__ */ jsx9("div", { className: "ods-mkt-finder__grid", children: results.map((item) => /* @__PURE__ */ jsxs8("div", { className: "ods-mkt-finder__card", children: [
+      /* @__PURE__ */ jsx9("span", { className: "ods-mkt-finder__card-icon", "aria-hidden": "true", children: item.icon ?? /* @__PURE__ */ jsx9(LetterTile, { name: item.name }) }),
+      /* @__PURE__ */ jsx9("span", { className: "ods-mkt-finder__card-name", children: item.name }),
+      (item.kind ?? "native") === "universal" && /* @__PURE__ */ jsx9("span", { className: "ods-mkt-finder__badge", children: universalBadgeLabel })
+    ] }, item.name)) }) : /* @__PURE__ */ jsx9("div", { className: "ods-mkt-finder__miss", children: requestState === "sent" ? /* @__PURE__ */ jsxs8("p", { className: "ods-mkt-finder__sent", role: "status", children: [
+      /* @__PURE__ */ jsx9(CheckmarkIcon, { size: "sm", "aria-hidden": "true" }),
+      " Got it \u2014 we'll let you know when a",
+      " ",
+      /* @__PURE__ */ jsx9("strong", { children: query.trim() }),
+      " connector is available."
+    ] }) : /* @__PURE__ */ jsxs8(Fragment, { children: [
+      /* @__PURE__ */ jsxs8("h3", { className: "ods-mkt-finder__miss-title", children: [
+        "No native ",
+        /* @__PURE__ */ jsx9("strong", { children: query.trim() }),
+        " connector yet"
+      ] }),
+      /* @__PURE__ */ jsxs8("p", { className: "ods-mkt-finder__miss-body", children: [
+        "Our universal open connectors likely cover it today \u2014 and we build native connectors on request. ",
+        onRequestConnector && "Leave your email and we'll notify you."
+      ] }),
+      onRequestConnector && /* @__PURE__ */ jsxs8("form", { className: "ods-mkt-finder__miss-form", onSubmit: handleRequest, noValidate: true, children: [
+        /* @__PURE__ */ jsx9(
+          Input,
+          {
+            type: "email",
+            "aria-label": "Work email for connector request",
+            placeholder: "you@company.com",
+            value: email,
+            error: emailError,
+            errorMessage: emailError ? "Please enter a valid work email." : void 0,
+            onChange: (e) => {
+              setEmail(e.target.value);
+              setEmailError(false);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx9(Button, { type: "submit", variant: "primary", loading: requestState === "sending", children: "Request connector" })
+      ] }),
+      requestState === "error" && /* @__PURE__ */ jsx9("p", { className: "ods-mkt-finder__miss-error", role: "alert", children: requestErrorHint })
+    ] }) })
+  ] });
+}
+
+// src/marketing/components/IntegrationsWall/IntegrationsWall.tsx
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function IntegrationsWall({
+  categories,
+  footnote,
+  columns = 3,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs9("div", { ...rest, className: cn("ods-mkt-wall", className), children: [
+    /* @__PURE__ */ jsx10("div", { className: cn("ods-mkt-wall__grid", `ods-mkt-wall__grid--${columns}`), children: categories.map((category) => /* @__PURE__ */ jsxs9("div", { className: "ods-mkt-wall__card", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "ods-mkt-wall__card-head", children: [
+        category.icon && /* @__PURE__ */ jsx10("span", { className: "ods-mkt-wall__card-icon", "aria-hidden": "true", children: category.icon }),
+        /* @__PURE__ */ jsx10("h3", { className: "ods-mkt-wall__card-label", children: category.label })
+      ] }),
+      /* @__PURE__ */ jsx10("div", { className: "ods-mkt-wall__pills", children: category.items.map((item) => /* @__PURE__ */ jsxs9("span", { className: "ods-mkt-wall__pill", children: [
+        item.icon && /* @__PURE__ */ jsx10("span", { className: "ods-mkt-wall__pill-icon", "aria-hidden": "true", children: item.icon }),
+        item.name
+      ] }, item.name)) })
+    ] }, category.id)) }),
+    footnote && /* @__PURE__ */ jsx10("p", { className: "ods-mkt-wall__footnote", children: footnote })
+  ] });
+}
+
+// src/marketing/components/LiveConsole/LiveConsole.tsx
+import { CheckmarkIcon as CheckmarkIcon2, CloseIcon } from "@octaviaflow/icons";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+function PendingGlyph() {
+  return /* @__PURE__ */ jsx11(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "13",
+      height: "13",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.4",
+      strokeLinecap: "round",
+      strokeDasharray: "3.5 3.5",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx11("circle", { cx: "12", cy: "12", r: "9" })
+    }
+  );
+}
+function StateGlyph({ state }) {
+  switch (state) {
+    case "done":
+      return /* @__PURE__ */ jsx11(CheckmarkIcon2, { size: "sm", "aria-hidden": "true" });
+    case "running":
+      return /* @__PURE__ */ jsx11(Spinner, { size: "sm" });
+    case "error":
+      return /* @__PURE__ */ jsx11(CloseIcon, { size: "sm", "aria-hidden": "true" });
+    case "queued":
+      return /* @__PURE__ */ jsx11(PendingGlyph, {});
+  }
+}
+function LiveConsole({
+  title,
+  badge = "LIVE",
+  lines,
+  animated = true,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs10("div", { ...rest, className: cn("ods-mkt-console", className), children: [
+    /* @__PURE__ */ jsxs10("div", { className: "ods-mkt-console__head", children: [
+      /* @__PURE__ */ jsx11("span", { className: "ods-mkt-console__title", children: title }),
+      badge != null && /* @__PURE__ */ jsxs10("span", { className: "ods-mkt-console__badge", children: [
+        /* @__PURE__ */ jsx11("span", { className: "ods-mkt-console__dot" }),
+        badge
+      ] })
     ] }),
-    footnote && /* @__PURE__ */ jsx2("p", { className: "ods-mkt-cta__footnote", children: footnote })
+    /* @__PURE__ */ jsx11("div", { className: "ods-mkt-console__body", children: lines.map((line, i) => {
+      const state = line.state ?? "done";
+      return /* @__PURE__ */ jsxs10(
+        "div",
+        {
+          className: cn("ods-mkt-console__line", animated && "ods-mkt-console__line--animated"),
+          style: animated ? { animationDelay: `${0.3 + i * 0.6}s` } : void 0,
+          children: [
+            /* @__PURE__ */ jsx11(
+              "span",
+              {
+                className: cn("ods-mkt-console__glyph", `ods-mkt-console__glyph--${state}`),
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx11(StateGlyph, { state })
+              }
+            ),
+            /* @__PURE__ */ jsxs10("span", { className: "ods-mkt-console__text", children: [
+              /* @__PURE__ */ jsx11("span", { className: "ods-mkt-console__label", children: line.label }),
+              line.detail && /* @__PURE__ */ jsxs10(
+                "span",
+                {
+                  className: cn(
+                    "ods-mkt-console__detail",
+                    state === "running" && "ods-mkt-console__detail--running",
+                    state === "error" && "ods-mkt-console__detail--error"
+                  ),
+                  children: [
+                    " ",
+                    line.detail
+                  ]
+                }
+              )
+            ] })
+          ]
+        },
+        line.id
+      );
+    }) })
   ] });
 }
 
-// src/marketing/components/FeatureGrid/FeatureGrid.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function FeatureGrid({
+// src/marketing/components/LogoMarquee/LogoMarquee.tsx
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+function Track({ items, hidden }) {
+  return /* @__PURE__ */ jsx12("div", { className: "ods-mkt-marquee__track", "aria-hidden": hidden || void 0, children: items.map((item) => /* @__PURE__ */ jsx12("span", { className: "ods-mkt-marquee__logo", title: item.label, children: item.icon ?? /* @__PURE__ */ jsx12("span", { className: "ods-mkt-marquee__wordmark", children: item.label }) }, item.id)) });
+}
+function LogoMarquee({
   items,
-  columns = 3,
-  dense = false,
+  label,
+  speed = 30,
+  grayscale = true,
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       ...rest,
-      className: cn(
-        "ods-mkt-features",
-        `ods-mkt-features--${columns}`,
-        dense && "ods-mkt-features--dense",
-        className
-      ),
-      children: items.map((item) => /* @__PURE__ */ jsxs3("article", { className: "ods-mkt-features__cell", children: [
-        item.icon && /* @__PURE__ */ jsx3("span", { className: "ods-mkt-features__icon", "aria-hidden": "true", children: item.icon }),
-        /* @__PURE__ */ jsx3("h3", { className: "ods-mkt-features__title", children: item.title }),
-        /* @__PURE__ */ jsx3("p", { className: "ods-mkt-features__body", children: item.body })
-      ] }, item.id))
+      className: cn("ods-mkt-marquee", grayscale && "ods-mkt-marquee--gray", className),
+      children: [
+        label && /* @__PURE__ */ jsx12("p", { className: "ods-mkt-marquee__label", children: label }),
+        /* @__PURE__ */ jsx12("div", { className: "ods-mkt-marquee__viewport", children: /* @__PURE__ */ jsxs11("div", { className: "ods-mkt-marquee__rail", style: { animationDuration: `${speed}s` }, children: [
+          /* @__PURE__ */ jsx12(Track, { items }),
+          /* @__PURE__ */ jsx12(Track, { items, hidden: true })
+        ] }) })
+      ]
     }
   );
 }
 
 // src/marketing/glyphs.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var base = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -121,172 +1041,90 @@ var base = {
   strokeLinejoin: "round"
 };
 function SourceGlyph({ size = 12 }) {
-  return /* @__PURE__ */ jsxs4("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx4("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3" }),
-    /* @__PURE__ */ jsx4("path", { d: "M3 5v14a9 3 0 0 0 18 0V5" }),
-    /* @__PURE__ */ jsx4("path", { d: "M3 12a9 3 0 0 0 18 0" })
+  return /* @__PURE__ */ jsxs12("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx13("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3" }),
+    /* @__PURE__ */ jsx13("path", { d: "M3 5v14a9 3 0 0 0 18 0V5" }),
+    /* @__PURE__ */ jsx13("path", { d: "M3 12a9 3 0 0 0 18 0" })
   ] });
 }
 function DestinationGlyph({ size = 12 }) {
-  return /* @__PURE__ */ jsxs4("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx4("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1" }),
-    /* @__PURE__ */ jsx4("path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" }),
-    /* @__PURE__ */ jsx4("path", { d: "M10 12h4" })
+  return /* @__PURE__ */ jsxs12("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx13("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1" }),
+    /* @__PURE__ */ jsx13("path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" }),
+    /* @__PURE__ */ jsx13("path", { d: "M10 12h4" })
   ] });
 }
 function ActionGlyph({ size = 12 }) {
-  return /* @__PURE__ */ jsx4("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: /* @__PURE__ */ jsx4("path", { d: "M13 2 3 14h9l-1 8 10-12h-9l1-8z" }) });
+  return /* @__PURE__ */ jsx13("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: /* @__PURE__ */ jsx13("path", { d: "M13 2 3 14h9l-1 8 10-12h-9l1-8z" }) });
 }
 function NotifyGlyph({ size = 12 }) {
-  return /* @__PURE__ */ jsx4("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: /* @__PURE__ */ jsx4("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
+  return /* @__PURE__ */ jsx13("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: /* @__PURE__ */ jsx13("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
 }
 function ConnectorGlyph({ size = 12 }) {
-  return /* @__PURE__ */ jsxs4("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx4("path", { d: "M12 22v-5" }),
-    /* @__PURE__ */ jsx4("path", { d: "M9 8V2M15 8V2" }),
-    /* @__PURE__ */ jsx4("path", { d: "M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8h12z" })
+  return /* @__PURE__ */ jsxs12("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx13("path", { d: "M12 22v-5" }),
+    /* @__PURE__ */ jsx13("path", { d: "M9 8V2M15 8V2" }),
+    /* @__PURE__ */ jsx13("path", { d: "M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8h12z" })
   ] });
 }
 function BrandMark({ size = 18 }) {
-  return /* @__PURE__ */ jsxs4("svg", { viewBox: "0 0 18 18", width: size, height: size, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx4("rect", { width: "18", height: "18", fill: "var(--ods-accent)" }),
-    /* @__PURE__ */ jsx4("path", { d: "M4 9h8.5M9.5 5.5 13 9l-3.5 3.5", stroke: "#fff", strokeWidth: "1.6", fill: "none" })
+  return /* @__PURE__ */ jsxs12("svg", { viewBox: "0 0 18 18", width: size, height: size, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx13("rect", { width: "18", height: "18", fill: "var(--ods-accent)" }),
+    /* @__PURE__ */ jsx13("path", { d: "M4 9h8.5M9.5 5.5 13 9l-3.5 3.5", stroke: "#fff", strokeWidth: "1.6", fill: "none" })
   ] });
 }
 function roleGlyph(role, size = 12) {
   switch (role) {
     case "source":
-      return /* @__PURE__ */ jsx4(SourceGlyph, { size });
+      return /* @__PURE__ */ jsx13(SourceGlyph, { size });
     case "destination":
-      return /* @__PURE__ */ jsx4(DestinationGlyph, { size });
+      return /* @__PURE__ */ jsx13(DestinationGlyph, { size });
     case "action":
-      return /* @__PURE__ */ jsx4(ActionGlyph, { size });
+      return /* @__PURE__ */ jsx13(ActionGlyph, { size });
     case "notify":
-      return /* @__PURE__ */ jsx4(NotifyGlyph, { size });
+      return /* @__PURE__ */ jsx13(NotifyGlyph, { size });
   }
 }
 
-// src/marketing/components/IntegrationsWall/IntegrationsWall.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function IntegrationsWall({
-  categories,
-  footnote,
-  bareChips = false,
-  className,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsxs5("div", { ...rest, className: cn("ods-mkt-wall", className), children: [
-    /* @__PURE__ */ jsx5("div", { className: "ods-mkt-wall__grid", children: categories.map((category) => /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-wall__row", children: [
-      /* @__PURE__ */ jsx5("div", { className: "ods-mkt-wall__category", children: category.label }),
-      /* @__PURE__ */ jsx5("div", { className: "ods-mkt-wall__chips", children: category.items.map((item) => /* @__PURE__ */ jsxs5("span", { className: "ods-mkt-wall__chip", children: [
-        (item.icon || !bareChips) && /* @__PURE__ */ jsx5("span", { className: "ods-mkt-wall__chip-icon", "aria-hidden": "true", children: item.icon ?? /* @__PURE__ */ jsx5(ConnectorGlyph, { size: 13 }) }),
-        item.name
-      ] }, item.name)) })
-    ] }, category.id)) }),
-    footnote && /* @__PURE__ */ jsx5("p", { className: "ods-mkt-wall__footnote", children: footnote })
-  ] });
-}
-
-// src/marketing/components/LiveConsole/LiveConsole.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var STATE_GLYPH = {
-  done: "\u2713",
-  running: "\u27F3",
-  queued: "\u2192",
-  error: "\u2715"
-};
-function LiveConsole({
-  title,
-  badge = "LIVE",
-  lines,
-  animated = true,
-  className,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsxs6("div", { ...rest, className: cn("ods-mkt-console", className), children: [
-    /* @__PURE__ */ jsxs6("div", { className: "ods-mkt-console__head", children: [
-      /* @__PURE__ */ jsx6("span", { className: "ods-mkt-console__title", children: title }),
-      badge != null && /* @__PURE__ */ jsxs6("span", { className: "ods-mkt-console__badge", children: [
-        /* @__PURE__ */ jsx6("span", { className: "ods-mkt-console__dot" }),
-        badge
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx6("div", { className: "ods-mkt-console__body", children: lines.map((line, i) => {
-      const state = line.state ?? "done";
-      return /* @__PURE__ */ jsxs6(
-        "div",
-        {
-          className: cn("ods-mkt-console__line", animated && "ods-mkt-console__line--animated"),
-          style: animated ? { animationDelay: `${0.3 + i * 0.6}s` } : void 0,
-          children: [
-            /* @__PURE__ */ jsx6(
-              "span",
-              {
-                className: cn("ods-mkt-console__glyph", `ods-mkt-console__glyph--${state}`),
-                "aria-hidden": "true",
-                children: STATE_GLYPH[state]
-              }
-            ),
-            " ",
-            /* @__PURE__ */ jsx6("span", { className: "ods-mkt-console__label", children: line.label }),
-            line.detail && /* @__PURE__ */ jsxs6(
-              "span",
-              {
-                className: cn(
-                  "ods-mkt-console__detail",
-                  state === "running" && "ods-mkt-console__detail--running"
-                ),
-                children: [
-                  " ",
-                  line.detail
-                ]
-              }
-            )
-          ]
-        },
-        line.id
-      );
-    }) })
-  ] });
-}
-
 // src/marketing/components/MarketingFooter/MarketingFooter.tsx
-import { Fragment, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 function MarketingFooter({
   brand,
   tagline,
   meta,
   columns = [],
+  newsletter,
   legal,
   social,
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs7("footer", { ...rest, className: cn("ods-mkt-footer", className), children: [
-    /* @__PURE__ */ jsxs7("div", { className: "ods-mkt-footer__grid", children: [
-      /* @__PURE__ */ jsxs7("div", { className: "ods-mkt-footer__brand-col", children: [
-        /* @__PURE__ */ jsx7("div", { className: "ods-mkt-footer__brand", children: brand ?? /* @__PURE__ */ jsxs7(Fragment, { children: [
-          /* @__PURE__ */ jsx7(BrandMark, { size: 16 }),
-          /* @__PURE__ */ jsx7("span", { children: "OctaviaFlow" })
+  return /* @__PURE__ */ jsxs13("footer", { ...rest, className: cn("ods-mkt-footer", className), children: [
+    /* @__PURE__ */ jsxs13("div", { className: "ods-mkt-footer__grid", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "ods-mkt-footer__brand-col", children: [
+        /* @__PURE__ */ jsx14("div", { className: "ods-mkt-footer__brand", children: brand ?? /* @__PURE__ */ jsxs13(Fragment2, { children: [
+          /* @__PURE__ */ jsx14(BrandMark, { size: 16 }),
+          /* @__PURE__ */ jsx14("span", { children: "OctaviaFlow" })
         ] }) }),
-        tagline && /* @__PURE__ */ jsx7("p", { className: "ods-mkt-footer__tagline", children: tagline }),
-        meta && /* @__PURE__ */ jsx7("div", { className: "ods-mkt-footer__meta", children: meta })
+        tagline && /* @__PURE__ */ jsx14("p", { className: "ods-mkt-footer__tagline", children: tagline }),
+        meta && /* @__PURE__ */ jsx14("div", { className: "ods-mkt-footer__meta", children: meta }),
+        newsletter && /* @__PURE__ */ jsx14("div", { className: "ods-mkt-footer__newsletter", children: newsletter })
       ] }),
-      columns.map((column) => /* @__PURE__ */ jsxs7("nav", { className: "ods-mkt-footer__col", "aria-label": String(column.id), children: [
-        /* @__PURE__ */ jsx7("span", { className: "ods-mkt-footer__col-label", children: column.label }),
-        column.links.map((link) => /* @__PURE__ */ jsx7("a", { className: "ods-mkt-footer__link", href: link.href, children: link.label }, link.href))
+      columns.map((column) => /* @__PURE__ */ jsxs13("nav", { className: "ods-mkt-footer__col", "aria-label": String(column.id), children: [
+        /* @__PURE__ */ jsx14("span", { className: "ods-mkt-footer__col-label", children: column.label }),
+        column.links.map((link) => /* @__PURE__ */ jsx14("a", { className: "ods-mkt-footer__link", href: link.href, children: link.label }, link.href))
       ] }, column.id))
     ] }),
-    (legal || social) && /* @__PURE__ */ jsxs7("div", { className: "ods-mkt-footer__bar", children: [
-      /* @__PURE__ */ jsx7("span", { children: legal }),
-      /* @__PURE__ */ jsx7("span", { children: social })
+    (legal || social) && /* @__PURE__ */ jsxs13("div", { className: "ods-mkt-footer__bar", children: [
+      /* @__PURE__ */ jsx14("span", { children: legal }),
+      /* @__PURE__ */ jsx14("span", { children: social })
     ] })
   ] });
 }
 
 // src/marketing/components/MarketingHero/MarketingHero.tsx
 import { motion, useReducedMotion } from "framer-motion";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function MarketingHero({
   kicker,
   title,
@@ -298,19 +1136,19 @@ function MarketingHero({
 }) {
   const reducedMotion = useReducedMotion();
   const words = title.split(/\s+/).filter(Boolean);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs14(
     "section",
     {
       ...rest,
       className: cn("ods-mkt-hero", align === "center" && "ods-mkt-hero--center", className),
       children: [
-        kicker && /* @__PURE__ */ jsx8("p", { className: "ods-mkt-hero__kicker", children: kicker }),
-        /* @__PURE__ */ jsx8("h1", { className: "ods-mkt-hero__title", children: words.map((word, i) => /* @__PURE__ */ jsxs8(
+        kicker && /* @__PURE__ */ jsx15("p", { className: "ods-mkt-hero__kicker", children: kicker }),
+        /* @__PURE__ */ jsx15("h1", { className: "ods-mkt-hero__title", children: words.map((word, i) => /* @__PURE__ */ jsxs14(
           "span",
           {
             className: "ods-mkt-hero__word-clip",
             children: [
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx15(
                 motion.span,
                 {
                   className: "ods-mkt-hero__word",
@@ -329,7 +1167,7 @@ function MarketingHero({
           },
           i
         )) }),
-        lede && /* @__PURE__ */ jsx8(
+        lede && /* @__PURE__ */ jsx15(
           motion.p,
           {
             className: "ods-mkt-hero__lede",
@@ -339,7 +1177,7 @@ function MarketingHero({
             children: lede
           }
         ),
-        children && /* @__PURE__ */ jsx8(
+        children && /* @__PURE__ */ jsx15(
           motion.div,
           {
             className: "ods-mkt-hero__body",
@@ -355,7 +1193,7 @@ function MarketingHero({
 }
 
 // src/marketing/components/MarketingNav/MarketingNav.tsx
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 function MarketingNav({
   brand,
   brandHref = "/",
@@ -365,12 +1203,12 @@ function MarketingNav({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs9("header", { ...rest, className: cn("ods-mkt-nav", sticky && "ods-mkt-nav--sticky", className), children: [
-    /* @__PURE__ */ jsx9("a", { className: "ods-mkt-nav__brand", href: brandHref, children: brand ?? /* @__PURE__ */ jsxs9(Fragment2, { children: [
-      /* @__PURE__ */ jsx9(BrandMark, {}),
-      /* @__PURE__ */ jsx9("span", { children: "OctaviaFlow" })
+  return /* @__PURE__ */ jsxs15("header", { ...rest, className: cn("ods-mkt-nav", sticky && "ods-mkt-nav--sticky", className), children: [
+    /* @__PURE__ */ jsx16("a", { className: "ods-mkt-nav__brand", href: brandHref, children: brand ?? /* @__PURE__ */ jsxs15(Fragment3, { children: [
+      /* @__PURE__ */ jsx16(BrandMark, {}),
+      /* @__PURE__ */ jsx16("span", { children: "OctaviaFlow" })
     ] }) }),
-    links.length > 0 && /* @__PURE__ */ jsx9("nav", { className: "ods-mkt-nav__links", "aria-label": "Main", children: links.map((link) => /* @__PURE__ */ jsx9(
+    links.length > 0 && /* @__PURE__ */ jsx16("nav", { className: "ods-mkt-nav__links", "aria-label": "Main", children: links.map((link) => /* @__PURE__ */ jsx16(
       "a",
       {
         href: link.href,
@@ -380,12 +1218,12 @@ function MarketingNav({
       },
       link.href
     )) }),
-    actions && /* @__PURE__ */ jsx9("div", { className: "ods-mkt-nav__actions", children: actions })
+    actions && /* @__PURE__ */ jsx16("div", { className: "ods-mkt-nav__actions", children: actions })
   ] });
 }
 
 // src/marketing/components/MarketingSection/MarketingSection.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 function MarketingSection({
   kicker,
   title,
@@ -397,7 +1235,7 @@ function MarketingSection({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs16(
     "section",
     {
       ...rest,
@@ -409,10 +1247,10 @@ function MarketingSection({
         className
       ),
       children: [
-        (kicker || title || lede) && /* @__PURE__ */ jsxs10("header", { className: "ods-mkt-section__head", children: [
-          kicker && /* @__PURE__ */ jsx10("p", { className: "ods-mkt-section__kicker", children: kicker }),
-          title && /* @__PURE__ */ jsx10("h2", { className: "ods-mkt-section__title", children: title }),
-          lede && /* @__PURE__ */ jsx10("p", { className: "ods-mkt-section__lede", children: lede })
+        (kicker || title || lede) && /* @__PURE__ */ jsxs16("header", { className: "ods-mkt-section__head", children: [
+          kicker && /* @__PURE__ */ jsx17("p", { className: "ods-mkt-section__kicker", children: kicker }),
+          title && /* @__PURE__ */ jsx17("h2", { className: "ods-mkt-section__title", children: title }),
+          lede && /* @__PURE__ */ jsx17("p", { className: "ods-mkt-section__lede", children: lede })
         ] }),
         children
       ]
@@ -420,209 +1258,143 @@ function MarketingSection({
   );
 }
 
-// src/marketing/components/StatBand/StatBand.tsx
-import { useReducedMotion as useReducedMotion2 } from "framer-motion";
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
-function StatBand({ items, orientation = "column", className, ...rest }) {
-  const reducedMotion = useReducedMotion2();
-  return /* @__PURE__ */ jsx11(
-    "div",
-    {
-      ...rest,
-      className: cn("ods-mkt-statband", `ods-mkt-statband--${orientation}`, className),
-      children: items.map((item) => /* @__PURE__ */ jsxs11("div", { className: "ods-mkt-statband__item", children: [
-        /* @__PURE__ */ jsx11("div", { className: "ods-mkt-statband__value", children: typeof item.value === "number" ? /* @__PURE__ */ jsx11(
-          CountUp,
-          {
-            value: item.value,
-            duration: 900,
-            disableAnimation: Boolean(reducedMotion),
-            prefix: item.prefix,
-            suffix: item.suffix,
-            formatValue: (v) => Math.round(v).toLocaleString("en-US")
-          }
-        ) : /* @__PURE__ */ jsxs11(Fragment3, { children: [
-          item.prefix,
-          item.value,
-          item.suffix
-        ] }) }),
-        /* @__PURE__ */ jsx11("div", { className: "ods-mkt-statband__label", children: item.label })
-      ] }, item.id))
-    }
-  );
-}
-
-// src/marketing/components/WorkflowShowcase/showcaseEngine.ts
-var SETTLED_PHASES = [
-  "done",
-  "signup",
-  "creating",
-  "welcome"
-];
-var WORKFLOW_SHOWCASE_DEFAULT_CONNECTORS = [
-  { name: "Storefront", role: "source", aliases: ["store", "shop orders"] },
-  { name: "Payments", role: "source", aliases: ["payouts"] },
-  { name: "Orders DB", role: "source", aliases: ["orders database"] },
-  { name: "CRM", role: "source", aliases: ["crm leads"] },
-  { name: "Warehouse", role: "destination" },
-  { name: "Lakehouse", role: "destination" },
-  { name: "Campaigns", role: "action", aliases: ["campaign"] },
-  { name: "Team Chat", role: "notify", aliases: ["chat", "alert the team"] }
-];
-var WORKFLOW_SHOWCASE_DEFAULT_EXAMPLES = [
-  {
-    id: "hourly-sync",
-    label: "Storefront orders \u2192 Warehouse, hourly",
-    prompt: "Sync Storefront orders to Warehouse every hour, alert sales in Team Chat"
-  },
-  {
-    id: "daily-load",
-    label: "Payments payouts \u2192 Lakehouse, daily",
-    prompt: "Load Payments payouts into Lakehouse daily"
-  },
-  {
-    id: "realtime-stream",
-    label: "Orders DB changes \u2192 Warehouse + Team Chat",
-    prompt: "Stream Orders DB changes to Warehouse in real-time and notify Team Chat"
-  }
-];
-var WORKFLOW_SHOWCASE_DEFAULT_METRICS = [
-  { id: "throughput", value: 2341, buildingValue: 842, unit: "rows/min", label: "THROUGHPUT" },
-  {
-    id: "latency",
-    value: 0.8,
-    buildingValue: 1.1,
-    decimals: 1,
-    unit: "s latency",
-    label: "SYNC SPEED"
-  },
-  { id: "cost", value: 43, prefix: "\u2212", suffix: "%", label: "COST VS BASELINE", tone: "success" }
-];
-var WORKFLOW_SHOWCASE_SCHEDULES = ["AUTO", "HOURLY", "DAILY", "REAL-TIME"];
-var WORKFLOW_SHOWCASE_DEFAULT_TILES = [
-  "ELT",
-  "CDC",
-  "DAG",
-  "CRON",
-  "HEAL",
-  "COST",
-  "API",
-  "LOG"
-];
-function escapeRegExp(value) {
-  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
-function mentionsOf(catalog) {
-  const out = [];
-  for (const connector of catalog) {
-    out.push({ connector, pattern: connector.name });
-    for (const alias of connector.aliases ?? []) out.push({ connector, pattern: alias });
-  }
-  return out.sort((a, b) => b.pattern.length - a.pattern.length);
-}
-function detectConnectors(prompt, catalog) {
-  const lower = prompt.toLowerCase();
-  return catalog.filter((c) => [c.name, ...c.aliases ?? []].some((p) => lower.includes(p.toLowerCase()))).map((c) => c.name);
-}
-function segmentPrompt(prompt, catalog) {
-  if (!prompt) return [];
-  const mentions = mentionsOf(catalog);
-  if (!mentions.length) return [{ text: prompt }];
-  const re = new RegExp(`(${mentions.map((m) => escapeRegExp(m.pattern)).join("|")})`, "gi");
-  const byPattern = new Map(mentions.map((m) => [m.pattern.toLowerCase(), m.connector]));
-  return prompt.split(re).filter((part) => part !== "").map((part) => {
-    const connector = byPattern.get(part.toLowerCase());
-    return connector ? { text: part, connector } : { text: part };
-  });
-}
-function scheduleFromPrompt(prompt) {
-  const t = prompt.toLowerCase();
-  if (/stream|real.?time|cdc/.test(t)) return "REAL-TIME";
-  if (/hour/.test(t)) return "HOURLY";
-  if (/dail|every day|nightly/.test(t)) return "DAILY";
-  return null;
-}
-var RIGHT_ORDER = {
-  source: -1,
-  destination: 0,
-  action: 1,
-  notify: 2
-};
-function resolvePlan(selected, detected, catalog) {
-  const byName = new Map(catalog.map((c) => [c.name, c]));
-  let names = [.../* @__PURE__ */ new Set([...selected, ...detected])].filter((n) => byName.has(n));
-  if (!names.length) {
-    const fallback = [
-      catalog.find((c) => c.role === "source"),
-      catalog.find((c) => c.role === "destination"),
-      catalog.find((c) => c.role === "notify")
-    ].filter((c) => Boolean(c));
-    names = fallback.map((c) => c.name);
-  }
-  const has = (predicate) => names.some((n) => {
-    const c = byName.get(n);
-    return Boolean(c && predicate(c));
-  });
-  if (!has((c) => c.role === "source")) {
-    const source = catalog.find((c) => c.role === "source");
-    if (source) names = [source.name, ...names];
-  }
-  if (!has((c) => c.role !== "source")) {
-    const sink = catalog.find((c) => c.role === "notify") ?? catalog.find((c) => c.role !== "source");
-    if (sink) names = [...names, sink.name];
-  }
-  const picked = catalog.filter((c) => names.includes(c.name));
-  const left = picked.filter((c) => c.role === "source");
-  const right = picked.filter((c) => c.role !== "source").sort((a, b) => RIGHT_ORDER[a.role] - RIGHT_ORDER[b.role]);
-  const all = [...left, ...right];
-  return { left, right, all, totalSteps: all.length + 1 };
-}
-function stepVerb(role) {
-  if (role === "notify") return "alert";
-  if (role === "action") return "trigger";
-  return "load";
-}
-function assembleSteps(plan) {
-  return [
-    ...plan.left.map((c) => `${c.name.toLowerCase()} extract`),
-    "schema map \xB7 14 fields",
-    ...plan.right.map((c) => `${c.name.toLowerCase()} ${stepVerb(c.role)}`)
-  ];
-}
-function buildActivity(args) {
-  const { phase, shown, plan, selected, status } = args;
-  const settled = SETTLED_PHASES.includes(phase);
-  const lines = [];
-  if (phase === "idle") {
-    if (!selected.length) {
-      lines.push({ id: "wait", text: "\u25B8 waiting for instructions\u2026", tone: "muted" });
-      lines.push({ id: "hint", text: "\xB7 type a request or pick apps", tone: "faint" });
-    }
-    for (const name of selected.slice(-6)) {
-      lines.push({ id: `sel-${name}`, text: `+ ${name.toLowerCase()} connected`, tone: "plain" });
-    }
-    return lines;
-  }
-  if (phase === "analyzing") {
-    for (const name of selected.slice(-4)) {
-      lines.push({ id: `sel-${name}`, text: `+ ${name.toLowerCase()} connected`, tone: "muted" });
+// src/marketing/components/PageHero/PageHero.tsx
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+function PageHero({
+  kicker,
+  title,
+  subtitle,
+  actions,
+  align = "center",
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs17(
+    "header",
+    {
+      ...rest,
+      className: cn("ods-mkt-pagehero", align === "start" && "ods-mkt-pagehero--start", className),
+      children: [
+        kicker && /* @__PURE__ */ jsx18("span", { className: "ods-mkt-pagehero__kicker", children: kicker }),
+        /* @__PURE__ */ jsx18("h1", { className: "ods-mkt-pagehero__title", children: title }),
+        subtitle && /* @__PURE__ */ jsx18("p", { className: "ods-mkt-pagehero__subtitle", children: subtitle }),
+        actions && /* @__PURE__ */ jsx18("div", { className: "ods-mkt-pagehero__actions", children: actions })
+      ]
     }
-    lines.push({ id: "status", text: `\u27F3 ${status}`, tone: "active" });
-    return lines;
+  );
+}
+
+// src/marketing/components/PricingTiers/PricingTiers.tsx
+import { CheckmarkIcon as CheckmarkIcon3 } from "@octaviaflow/icons";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+function TierCta({ cta, featured }) {
+  if (cta.href) {
+    return /* @__PURE__ */ jsx19(
+      "a",
+      {
+        className: cn(
+          "ods-mkt-pricing__cta",
+          featured ? "ods-mkt-pricing__cta--primary" : "ods-mkt-pricing__cta--secondary"
+        ),
+        href: cta.href,
+        onClick: cta.onClick,
+        children: cta.label
+      }
+    );
   }
-  assembleSteps(plan).forEach((step, i) => {
-    if (settled || shown > i) lines.push({ id: `step-${i}`, text: `\u2713 ${step}`, tone: "done" });
-    else if (shown === i) lines.push({ id: `step-${i}`, text: `\u27F3 ${step}\u2026`, tone: "active" });
-    else lines.push({ id: `step-${i}`, text: `\xB7 ${step} queued`, tone: "muted" });
-  });
-  if (settled) lines.push({ id: "errors", text: "\u2713 error handling attached", tone: "done" });
-  return lines.slice(-8);
+  return /* @__PURE__ */ jsx19(Button, { variant: featured ? "primary" : "secondary", fullWidth: true, onClick: cta.onClick, children: cta.label });
 }
-function slugify(value) {
-  return value.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "your-team";
+function PricingTiers({ tiers, note, className, ...rest }) {
+  return /* @__PURE__ */ jsxs18("div", { ...rest, className: cn("ods-mkt-pricing", className), children: [
+    /* @__PURE__ */ jsx19("div", { className: "ods-mkt-pricing__grid", children: tiers.map((tier) => /* @__PURE__ */ jsxs18(
+      "article",
+      {
+        className: cn(
+          "ods-mkt-pricing__card",
+          tier.featured && "ods-mkt-pricing__card--featured"
+        ),
+        children: [
+          tier.featured && /* @__PURE__ */ jsx19("span", { className: "ods-mkt-pricing__badge", children: tier.badge ?? "Recommended" }),
+          /* @__PURE__ */ jsx19("h3", { className: "ods-mkt-pricing__name", children: tier.name }),
+          /* @__PURE__ */ jsxs18("div", { className: "ods-mkt-pricing__price-row", children: [
+            /* @__PURE__ */ jsx19("span", { className: "ods-mkt-pricing__price", children: tier.price }),
+            tier.period && /* @__PURE__ */ jsx19("span", { className: "ods-mkt-pricing__period", children: tier.period })
+          ] }),
+          tier.annualNote && /* @__PURE__ */ jsx19("span", { className: "ods-mkt-pricing__annual", children: tier.annualNote }),
+          tier.description && /* @__PURE__ */ jsx19("p", { className: "ods-mkt-pricing__desc", children: tier.description }),
+          /* @__PURE__ */ jsx19("ul", { className: "ods-mkt-pricing__features", children: tier.features.map((feature, i) => (
+            // biome-ignore lint/suspicious/noArrayIndexKey: features are positional copy
+            /* @__PURE__ */ jsxs18("li", { className: "ods-mkt-pricing__feature", children: [
+              /* @__PURE__ */ jsx19(CheckmarkIcon3, { size: "sm", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx19("span", { children: feature })
+            ] }, i)
+          )) }),
+          /* @__PURE__ */ jsx19(TierCta, { cta: tier.cta, featured: Boolean(tier.featured) })
+        ]
+      },
+      tier.id
+    )) }),
+    note && /* @__PURE__ */ jsx19("p", { className: "ods-mkt-pricing__note", children: note })
+  ] });
 }
-function isValidEmail(value) {
-  return /^\S+@\S+\.\S+$/.test(value.trim());
+
+// src/marketing/components/StatBand/StatBand.tsx
+import { useReducedMotion as useReducedMotion2 } from "framer-motion";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+function StatBand({ items, orientation = "column", className, ...rest }) {
+  const reducedMotion = useReducedMotion2();
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      ...rest,
+      className: cn("ods-mkt-statband", `ods-mkt-statband--${orientation}`, className),
+      children: items.map((item) => /* @__PURE__ */ jsxs19("div", { className: "ods-mkt-statband__item", children: [
+        /* @__PURE__ */ jsx20("div", { className: "ods-mkt-statband__value", children: typeof item.value === "number" ? /* @__PURE__ */ jsx20(
+          CountUp,
+          {
+            value: item.value,
+            duration: 900,
+            disableAnimation: Boolean(reducedMotion),
+            prefix: item.prefix,
+            suffix: item.suffix,
+            formatValue: (v) => Math.round(v).toLocaleString("en-US")
+          }
+        ) : /* @__PURE__ */ jsxs19(Fragment4, { children: [
+          item.prefix,
+          item.value,
+          item.suffix
+        ] }) }),
+        /* @__PURE__ */ jsx20("div", { className: "ods-mkt-statband__label", children: item.label })
+      ] }, item.id))
+    }
+  );
+}
+
+// src/marketing/components/TestimonialStrip/TestimonialStrip.tsx
+import { jsx as jsx21 } from "react/jsx-runtime";
+function TestimonialStrip({
+  items,
+  columns = 3,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      ...rest,
+      className: cn("ods-mkt-testimonials", `ods-mkt-testimonials--${columns}`, className),
+      children: items.map((item) => /* @__PURE__ */ jsx21(
+        TestimonialCard,
+        {
+          quote: item.quote,
+          author: item.author,
+          rating: item.rating,
+          logo: item.logo
+        },
+        item.id
+      ))
+    }
+  );
 }
 
 // src/marketing/components/WorkflowShowcase/WorkflowShowcase.tsx
@@ -630,19 +1402,21 @@ import { AnimatePresence as AnimatePresence2, motion as motion3, useReducedMotio
 import {
   useCallback,
   useEffect as useEffect2,
-  useMemo,
+  useMemo as useMemo2,
   useRef as useRef2,
-  useState as useState3
+  useState as useState6
 } from "react";
 
 // src/marketing/components/WorkflowShowcase/ShowcaseScene.tsx
-import { useEffect, useRef, useState } from "react";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useEffect, useRef, useState as useState4 } from "react";
+import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 function slots(n) {
   return Array.from({ length: n }, (_, i) => 208 + (i - (n - 1) / 2) * 80);
 }
-var leftGuide = (cy) => `M74 ${cy} H150 V228 H193`;
-var rightGuide = (cy) => `M263 228 H340 V${cy} H388`;
+var LANES = [228, 190, 266, 152, 304];
+var laneFor = (index) => LANES[index % LANES.length];
+var leftGuide = (cy, lane) => `M74 ${cy} H150 V${lane} H193`;
+var rightGuide = (cy, lane) => `M263 ${lane} H340 V${cy} H388`;
 function particlesFor(side, index, path, active, fast) {
   const base2 = index * 0.4 + (side === "r" ? 0.5 : 0);
   const duration = fast ? active ? "1.1s" : "2.6s" : active ? "2.2s" : "4.8s";
@@ -671,9 +1445,9 @@ function particlesFor(side, index, path, active, fast) {
   return out;
 }
 function DefaultCoreGlyph() {
-  return /* @__PURE__ */ jsxs12("svg", { viewBox: "0 0 24 24", width: "30", height: "30", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx12("rect", { x: "3", y: "3", width: "18", height: "18", rx: "1", stroke: "currentColor", strokeWidth: "1.6" }),
-    /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs20("svg", { viewBox: "0 0 24 24", width: "30", height: "30", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx22("rect", { x: "3", y: "3", width: "18", height: "18", rx: "1", stroke: "currentColor", strokeWidth: "1.6" }),
+    /* @__PURE__ */ jsx22(
       "path",
       {
         d: "M7 12h7M11.5 8.5 15 12l-3.5 3.5",
@@ -686,7 +1460,7 @@ function DefaultCoreGlyph() {
   ] });
 }
 function CubeFace({ connector }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx22(
     "span",
     {
       className: cn(
@@ -704,9 +1478,10 @@ function ShowcaseScene({
   engaged,
   tiles,
   coreIcon,
-  caption
+  caption,
+  onCoreClick
 }) {
-  const [pulse, setPulse] = useState(false);
+  const [pulse, setPulse] = useState4(false);
   const pulseTimer = useRef(null);
   useEffect(
     () => () => {
@@ -723,26 +1498,48 @@ function ShowcaseScene({
   const rightYs = slots(right.length);
   const guides = [];
   const particles = [];
+  const bypassFor = (index) => index % 2 === 0 ? 188 : 268;
   left.forEach((node, i) => {
-    const d = leftGuide(leftYs[i]);
     const on = engaged && node.active;
+    const laneIn = laneFor(i);
+    const bypass = bypassFor(i);
+    let d;
+    if (right.length) {
+      const pairIdx = i % right.length;
+      const laneOut = laneFor(i + 1);
+      d = `M74 ${leftYs[i]} H150 V${laneIn} H186 V${bypass} H270 V${laneOut} H340 V${rightYs[pairIdx]} H388`;
+    } else {
+      d = `M74 ${leftYs[i]} H150 V${laneIn} H186 V${bypass} H${210 + i % 3 * 40} V372`;
+    }
     guides.push({ d, on, delay: `${i * 0.2}s` });
     particles.push(...particlesFor("l", i, d, on, pulse));
   });
   right.forEach((node, j) => {
-    const d = rightGuide(rightYs[j]);
+    if (left.length > 0 && j < left.length) return;
+    const d = rightGuide(rightYs[j], laneFor(j + 1));
     const on = engaged && node.active;
     guides.push({ d, on, delay: `${j * 0.2 + 0.3}s` });
     particles.push(...particlesFor("r", j, d, on, pulse));
   });
-  if (!left.length) guides.push({ d: leftGuide(208), on: false, delay: "0s" });
-  if (!right.length) guides.push({ d: rightGuide(208), on: false, delay: "0s" });
+  if (!left.length) guides.push({ d: leftGuide(208, 228), on: false, delay: "0s" });
+  if (!right.length) guides.push({ d: rightGuide(208, 228), on: false, delay: "0s" });
   const pins = [];
+  const pads = [];
   for (let x = 118; x <= 338; x += 20) {
-    pins.push({ d: `M${x} 346 L${x} 368`, accent: x / 20 % 4 === 0 });
+    const south = x / 20 % 4 === 0;
+    const north = x / 20 % 4 === 2;
+    pins.push({ d: `M${x} 346 L${x} 366`, accent: south });
+    pads.push({ x, y: 369, accent: south });
+    pins.push({ d: `M${x} 110 L${x} 90`, accent: north });
+    pads.push({ x, y: 87, accent: north });
   }
   for (let y = 118; y <= 338; y += 20) {
-    pins.push({ d: `M346 ${y} L368 ${y}`, accent: y / 20 % 4 === 1 });
+    const east = y / 20 % 4 === 1;
+    const west = y / 20 % 4 === 3;
+    pins.push({ d: `M346 ${y} L366 ${y}`, accent: east });
+    pads.push({ x: 369, y, accent: east });
+    pins.push({ d: `M110 ${y} L90 ${y}`, accent: west });
+    pads.push({ x: 87, y, accent: west });
   }
   const tilePositions = [
     { left: 8, top: 8 },
@@ -754,10 +1551,10 @@ function ShowcaseScene({
     { left: 83, top: 158 },
     { left: 158, top: 158 }
   ];
-  return /* @__PURE__ */ jsxs12("div", { className: "ods-showcase__scene", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "ods-showcase__scene-stage", children: [
-      /* @__PURE__ */ jsxs12("svg", { className: "ods-showcase__wires", width: "460", height: "460", "aria-hidden": "true", children: [
-        pins.map((pin) => /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs20("div", { className: "ods-showcase__scene", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "ods-showcase__scene-stage", children: [
+      /* @__PURE__ */ jsxs20("svg", { className: "ods-showcase__wires", width: "460", height: "460", "aria-hidden": "true", children: [
+        pins.map((pin) => /* @__PURE__ */ jsx22(
           "path",
           {
             d: pin.d,
@@ -765,9 +1562,20 @@ function ShowcaseScene({
           },
           pin.d
         )),
-        guides.map((guide) => /* @__PURE__ */ jsxs12("g", { children: [
-          /* @__PURE__ */ jsx12("path", { d: guide.d, className: "ods-showcase__guide" }),
-          /* @__PURE__ */ jsx12(
+        pads.map((pad) => /* @__PURE__ */ jsx22(
+          "rect",
+          {
+            x: pad.x - 2,
+            y: pad.y - 2,
+            width: 4,
+            height: 4,
+            className: cn("ods-showcase__pin-pad", pad.accent && "ods-showcase__pin-pad--accent")
+          },
+          `${pad.x}-${pad.y}`
+        )),
+        guides.map((guide) => /* @__PURE__ */ jsxs20("g", { children: [
+          /* @__PURE__ */ jsx22("path", { d: guide.d, className: "ods-showcase__guide" }),
+          /* @__PURE__ */ jsx22(
             "path",
             {
               d: guide.d,
@@ -780,7 +1588,7 @@ function ShowcaseScene({
           )
         ] }, guide.d))
       ] }),
-      particles.map((p) => /* @__PURE__ */ jsx12(
+      particles.map((p) => /* @__PURE__ */ jsx22(
         "span",
         {
           className: cn("ods-showcase__particle", `ods-showcase__particle--${p.variant}`),
@@ -794,75 +1602,121 @@ function ShowcaseScene({
         },
         p.key
       )),
-      /* @__PURE__ */ jsxs12("div", { className: "ods-showcase__platform", children: [
-        /* @__PURE__ */ jsx12("span", { className: "ods-showcase__platform-south" }),
-        /* @__PURE__ */ jsx12("span", { className: "ods-showcase__platform-east" }),
-        /* @__PURE__ */ jsx12("span", { className: "ods-showcase__platform-top" }),
-        tiles.slice(0, 8).map((label, i) => /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsxs20("div", { className: "ods-showcase__platform", children: [
+        /* @__PURE__ */ jsx22("span", { className: "ods-showcase__platform-south" }),
+        /* @__PURE__ */ jsx22("span", { className: "ods-showcase__platform-east" }),
+        /* @__PURE__ */ jsx22("span", { className: "ods-showcase__platform-top" }),
+        tiles.slice(0, 8).map((label, i) => /* @__PURE__ */ jsxs20(
           "span",
           {
             className: "ods-showcase__tile",
             style: { left: tilePositions[i].left, top: tilePositions[i].top },
-            children: label
+            children: [
+              /* @__PURE__ */ jsxs20("span", { className: "ods-showcase__tile-flip", children: [
+                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__tile-wall ods-showcase__tile-wall--south" }),
+                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__tile-wall ods-showcase__tile-wall--east" })
+              ] }),
+              /* @__PURE__ */ jsx22("span", { className: "ods-showcase__tile-wall ods-showcase__tile-wall--south" }),
+              /* @__PURE__ */ jsx22("span", { className: "ods-showcase__tile-wall ods-showcase__tile-wall--east" }),
+              /* @__PURE__ */ jsx22("span", { className: "ods-showcase__tile-face", children: label })
+            ]
           },
           label
         )),
-        pulse && /* @__PURE__ */ jsx12("span", { className: "ods-showcase__core-ring" }),
-        /* @__PURE__ */ jsxs12("button", { type: "button", tabIndex: -1, className: "ods-showcase__core", onClick: firePulse, children: [
-          /* @__PURE__ */ jsx12("span", { className: "ods-showcase__core-south" }),
-          /* @__PURE__ */ jsx12("span", { className: "ods-showcase__core-east" }),
-          /* @__PURE__ */ jsx12("span", { className: "ods-showcase__core-top", children: coreIcon ?? /* @__PURE__ */ jsx12(DefaultCoreGlyph, {}) })
-        ] })
+        pulse && /* @__PURE__ */ jsx22("span", { className: "ods-showcase__core-ring" }),
+        /* @__PURE__ */ jsxs20(
+          "button",
+          {
+            type: "button",
+            tabIndex: -1,
+            className: "ods-showcase__core",
+            onClick: () => {
+              firePulse();
+              onCoreClick?.();
+            },
+            children: [
+              /* @__PURE__ */ jsxs20("span", { className: "ods-showcase__core-flip", children: [
+                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__core-wall ods-showcase__core-wall--south ods-showcase__core-wall--back" }),
+                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__core-wall ods-showcase__core-wall--east ods-showcase__core-wall--back" })
+              ] }),
+              /* @__PURE__ */ jsx22("span", { className: "ods-showcase__core-wall ods-showcase__core-wall--south" }),
+              /* @__PURE__ */ jsx22("span", { className: "ods-showcase__core-wall ods-showcase__core-wall--east" }),
+              /* @__PURE__ */ jsx22("span", { className: "ods-showcase__core-top", children: coreIcon ?? /* @__PURE__ */ jsx22(DefaultCoreGlyph, {}) })
+            ]
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsx12("span", { className: "ods-showcase__floater ods-showcase__floater--a" }),
-      /* @__PURE__ */ jsx12("span", { className: "ods-showcase__floater ods-showcase__floater--b" }),
-      /* @__PURE__ */ jsx12("span", { className: "ods-showcase__floater ods-showcase__floater--c" }),
-      !left.length && /* @__PURE__ */ jsx12("span", { className: "ods-showcase__ghost", style: { left: 8, top: 178 }, children: "+" }),
-      !right.length && /* @__PURE__ */ jsx12("span", { className: "ods-showcase__ghost", style: { left: 392, top: 178 }, children: "+" }),
-      left.map((node, i) => /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsx22("span", { className: "ods-showcase__floater ods-showcase__floater--a" }),
+      /* @__PURE__ */ jsx22("span", { className: "ods-showcase__floater ods-showcase__floater--b" }),
+      /* @__PURE__ */ jsx22("span", { className: "ods-showcase__floater ods-showcase__floater--c" }),
+      !left.length && /* @__PURE__ */ jsx22("span", { className: "ods-showcase__ghost", style: { left: 8, top: 178 }, children: "+" }),
+      !right.length && /* @__PURE__ */ jsx22("span", { className: "ods-showcase__ghost", style: { left: 392, top: 178 }, children: "+" }),
+      left.map((node, i) => /* @__PURE__ */ jsx22(
         "span",
         {
-          className: cn(
-            "ods-showcase__cube",
-            node.active && "ods-showcase__cube--active",
-            i % 2 ? "ods-showcase__cube--float-b" : "ods-showcase__cube--float-a"
-          ),
-          style: { left: 8, top: leftYs[i] - 30, animationDelay: `${i * 0.15}s` },
-          children: [
-            /* @__PURE__ */ jsx12("span", { className: "ods-showcase__cube-south" }),
-            /* @__PURE__ */ jsx12("span", { className: "ods-showcase__cube-east" }),
-            /* @__PURE__ */ jsx12("span", { className: "ods-showcase__cube-top", children: /* @__PURE__ */ jsx12(CubeFace, { connector: node.connector }) })
-          ]
+          className: "ods-showcase__cube-slot",
+          style: { left: 8, top: leftYs[i] - 30 },
+          children: /* @__PURE__ */ jsxs20(
+            "span",
+            {
+              className: cn(
+                "ods-showcase__cube",
+                node.active && "ods-showcase__cube--active",
+                i % 2 ? "ods-showcase__cube--float-b" : "ods-showcase__cube--float-a"
+              ),
+              style: { animationDelay: `${i * 0.15}s` },
+              children: [
+                /* @__PURE__ */ jsxs20("span", { className: "ods-showcase__cube-flip", children: [
+                  /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-south ods-showcase__cube-wall--back" }),
+                  /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-east ods-showcase__cube-wall--back" })
+                ] }),
+                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-south" }),
+                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-east" }),
+                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-top", children: /* @__PURE__ */ jsx22(CubeFace, { connector: node.connector }) })
+              ]
+            }
+          )
         },
         node.connector.name
       )),
-      right.map((node, j) => /* @__PURE__ */ jsxs12(
+      right.map((node, j) => /* @__PURE__ */ jsx22(
         "span",
         {
-          className: cn(
-            "ods-showcase__cube",
-            node.active && "ods-showcase__cube--active",
-            j % 2 ? "ods-showcase__cube--float-a" : "ods-showcase__cube--float-b"
-          ),
-          style: { left: 392, top: rightYs[j] - 30, animationDelay: `${j * 0.15}s` },
-          children: [
-            /* @__PURE__ */ jsx12("span", { className: "ods-showcase__cube-south" }),
-            /* @__PURE__ */ jsx12("span", { className: "ods-showcase__cube-east" }),
-            /* @__PURE__ */ jsx12("span", { className: "ods-showcase__cube-top", children: /* @__PURE__ */ jsx12(CubeFace, { connector: node.connector }) })
-          ]
+          className: "ods-showcase__cube-slot",
+          style: { left: 392, top: rightYs[j] - 30 },
+          children: /* @__PURE__ */ jsxs20(
+            "span",
+            {
+              className: cn(
+                "ods-showcase__cube",
+                node.active && "ods-showcase__cube--active",
+                j % 2 ? "ods-showcase__cube--float-a" : "ods-showcase__cube--float-b"
+              ),
+              style: { animationDelay: `${j * 0.15}s` },
+              children: [
+                /* @__PURE__ */ jsxs20("span", { className: "ods-showcase__cube-flip", children: [
+                  /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-south ods-showcase__cube-wall--back" }),
+                  /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-east ods-showcase__cube-wall--back" })
+                ] }),
+                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-south" }),
+                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-east" }),
+                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-top", children: /* @__PURE__ */ jsx22(CubeFace, { connector: node.connector }) })
+              ]
+            }
+          )
         },
         node.connector.name
       ))
     ] }),
-    /* @__PURE__ */ jsx12("span", { className: "ods-showcase__scene-caption", children: caption })
+    /* @__PURE__ */ jsx22("span", { className: "ods-showcase__scene-caption", children: caption })
   ] });
 }
 
 // src/marketing/components/WorkflowShowcase/ShowcaseSignup.tsx
 import { AnimatePresence, motion as motion2, useReducedMotion as useReducedMotion3 } from "framer-motion";
-import { useId, useState as useState2 } from "react";
+import { useId as useId3, useState as useState5 } from "react";
 import { FocusScope } from "react-aria";
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
 var OVERLAY_MOTION = {
   initial: { opacity: 0 },
   animate: { opacity: 1 },
@@ -880,9 +1734,9 @@ function ShowcaseSignup({
   onboardingHref = "#"
 }) {
   const reducedMotion = useReducedMotion3();
-  const titleId = useId();
-  const subtitleId = useId();
-  const [values, setValues] = useState2({
+  const titleId = useId3();
+  const subtitleId = useId3();
+  const [values, setValues] = useState5({
     name: "",
     email: "",
     company: "",
@@ -901,14 +1755,14 @@ function ShowcaseSignup({
   const firstName = values.name.trim().split(/\s+/)[0] || "";
   const emailShown = values.email.trim() || "your inbox";
   const slug = `${slugify(values.company)}.${workspaceDomain}`;
-  return /* @__PURE__ */ jsx13(AnimatePresence, { children: open && /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx23(AnimatePresence, { children: open && /* @__PURE__ */ jsx23(
     motion2.div,
     {
       className: "ods-showcase__veil",
       ...OVERLAY_MOTION,
       transition: { duration: reducedMotion ? 0 : 0.22 },
-      children: /* @__PURE__ */ jsxs13(FocusScope, { contain: true, restoreFocus: true, autoFocus: true, children: [
-        phase === "signup" && /* @__PURE__ */ jsxs13(
+      children: /* @__PURE__ */ jsxs21(FocusScope, { contain: true, restoreFocus: true, autoFocus: true, children: [
+        phase === "signup" && /* @__PURE__ */ jsxs21(
           motion2.form,
           {
             className: "ods-showcase__glass-card",
@@ -923,18 +1777,18 @@ function ShowcaseSignup({
             ...cardMotion,
             transition: { duration: reducedMotion ? 0 : 0.3, ease: [0.2, 0.7, 0.2, 1] },
             children: [
-              /* @__PURE__ */ jsxs13("div", { className: "ods-showcase__glass-head", children: [
-                /* @__PURE__ */ jsx13("h3", { id: titleId, className: "ods-showcase__glass-title", children: "Create your workspace" }),
-                /* @__PURE__ */ jsxs13("p", { id: subtitleId, className: "ods-showcase__microcopy", children: [
+              /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__glass-head", children: [
+                /* @__PURE__ */ jsx23("h3", { id: titleId, className: "ods-showcase__glass-title", children: "Create your workspace" }),
+                /* @__PURE__ */ jsxs21("p", { id: subtitleId, className: "ods-showcase__microcopy", children: [
                   "FREE IN PRIVATE BETA \xB7 YOUR ",
                   stepCount,
                   "-STEP WORKFLOW COMES WITH YOU"
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs13("div", { className: "ods-showcase__form-grid", children: [
-                /* @__PURE__ */ jsxs13("div", { className: "ods-showcase__field", children: [
-                  /* @__PURE__ */ jsx13("span", { className: "ods-showcase__field-label", children: "FULL NAME" }),
-                  /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__form-grid", children: [
+                /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__field", children: [
+                  /* @__PURE__ */ jsx23("span", { className: "ods-showcase__field-label", children: "FULL NAME" }),
+                  /* @__PURE__ */ jsx23(
                     Input,
                     {
                       "aria-label": "Full name",
@@ -945,9 +1799,9 @@ function ShowcaseSignup({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs13("div", { className: "ods-showcase__field", children: [
-                  /* @__PURE__ */ jsx13("span", { className: "ods-showcase__field-label", children: "WORK EMAIL" }),
-                  /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__field", children: [
+                  /* @__PURE__ */ jsx23("span", { className: "ods-showcase__field-label", children: "WORK EMAIL" }),
+                  /* @__PURE__ */ jsx23(
                     Input,
                     {
                       "aria-label": "Work email",
@@ -959,9 +1813,9 @@ function ShowcaseSignup({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs13("div", { className: "ods-showcase__field", children: [
-                  /* @__PURE__ */ jsx13("span", { className: "ods-showcase__field-label", children: "COMPANY" }),
-                  /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__field", children: [
+                  /* @__PURE__ */ jsx23("span", { className: "ods-showcase__field-label", children: "COMPANY" }),
+                  /* @__PURE__ */ jsx23(
                     Input,
                     {
                       "aria-label": "Company",
@@ -972,9 +1826,9 @@ function ShowcaseSignup({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs13("div", { className: "ods-showcase__field", children: [
-                  /* @__PURE__ */ jsx13("span", { className: "ods-showcase__field-label", children: "TEAM SIZE" }),
-                  /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__field", children: [
+                  /* @__PURE__ */ jsx23("span", { className: "ods-showcase__field-label", children: "TEAM SIZE" }),
+                  /* @__PURE__ */ jsx23(
                     Select,
                     {
                       "aria-label": "Team size",
@@ -985,19 +1839,19 @@ function ShowcaseSignup({
                   )
                 ] })
               ] }),
-              error && /* @__PURE__ */ jsx13("p", { className: "ods-showcase__form-error", role: "alert", children: error }),
-              /* @__PURE__ */ jsxs13("div", { className: "ods-showcase__glass-foot", children: [
-                /* @__PURE__ */ jsx13("span", { className: "ods-showcase__microcopy", children: "NO CREDIT CARD \xB7 SSO & SELF-HOSTING LATER" }),
-                /* @__PURE__ */ jsxs13("div", { className: "ods-showcase__glass-actions", children: [
-                  /* @__PURE__ */ jsx13(Button, { type: "button", variant: "secondary", onClick: onBack, children: "Back" }),
-                  /* @__PURE__ */ jsx13(Button, { type: "submit", variant: "primary", children: "Create account & deploy \u2192" })
+              error && /* @__PURE__ */ jsx23("p", { className: "ods-showcase__form-error", role: "alert", children: error }),
+              /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__glass-foot", children: [
+                /* @__PURE__ */ jsx23("span", { className: "ods-showcase__microcopy", children: "NO CREDIT CARD \xB7 SSO & SELF-HOSTING LATER" }),
+                /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__glass-actions", children: [
+                  /* @__PURE__ */ jsx23(Button, { type: "button", variant: "secondary", onClick: onBack, children: "Back" }),
+                  /* @__PURE__ */ jsx23(Button, { type: "submit", variant: "primary", children: "Create account & deploy \u2192" })
                 ] })
               ] })
             ]
           },
           "signup"
         ),
-        phase === "creating" && /* @__PURE__ */ jsxs13(
+        phase === "creating" && /* @__PURE__ */ jsxs21(
           motion2.div,
           {
             className: "ods-showcase__glass-card ods-showcase__glass-card--slim",
@@ -1005,8 +1859,8 @@ function ShowcaseSignup({
             ...cardMotion,
             transition: { duration: reducedMotion ? 0 : 0.25 },
             children: [
-              /* @__PURE__ */ jsx13("span", { className: "ods-showcase__spin", "aria-hidden": "true", children: "\u27F3" }),
-              /* @__PURE__ */ jsxs13("span", { className: "ods-showcase__creating-line", children: [
+              /* @__PURE__ */ jsx23("span", { className: "ods-showcase__spin", "aria-hidden": "true", children: "\u27F3" }),
+              /* @__PURE__ */ jsxs21("span", { className: "ods-showcase__creating-line", children: [
                 "provisioning workspace \xB7 saving draft \xB7 inviting ",
                 emailShown
               ] })
@@ -1014,7 +1868,7 @@ function ShowcaseSignup({
           },
           "creating"
         ),
-        phase === "welcome" && /* @__PURE__ */ jsxs13(
+        phase === "welcome" && /* @__PURE__ */ jsxs21(
           motion2.div,
           {
             className: "ods-showcase__glass-card ods-showcase__glass-card--welcome",
@@ -1024,32 +1878,32 @@ function ShowcaseSignup({
             ...cardMotion,
             transition: { duration: reducedMotion ? 0 : 0.3, ease: [0.2, 0.7, 0.2, 1] },
             children: [
-              /* @__PURE__ */ jsxs13("div", { className: "ods-showcase__glass-head", children: [
-                /* @__PURE__ */ jsx13("p", { className: "ods-showcase__microcopy ods-showcase__microcopy--success", children: "\u2713 WORKSPACE READY" }),
-                /* @__PURE__ */ jsxs13("h3", { id: titleId, className: "ods-showcase__glass-title", children: [
+              /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__glass-head", children: [
+                /* @__PURE__ */ jsx23("p", { className: "ods-showcase__microcopy ods-showcase__microcopy--success", children: "\u2713 WORKSPACE READY" }),
+                /* @__PURE__ */ jsxs21("h3", { id: titleId, className: "ods-showcase__glass-title", children: [
                   "Welcome to OctaviaFlow",
                   firstName ? `, ${firstName}` : "",
                   "."
                 ] }),
-                /* @__PURE__ */ jsxs13("p", { className: "ods-showcase__welcome-body", children: [
+                /* @__PURE__ */ jsxs21("p", { className: "ods-showcase__welcome-body", children: [
                   "We emailed a sign-in link to ",
-                  /* @__PURE__ */ jsx13("strong", { children: emailShown }),
+                  /* @__PURE__ */ jsx23("strong", { children: emailShown }),
                   ". Your ",
                   stepCount,
                   "-step workflow is saved as a draft in",
                   " ",
-                  /* @__PURE__ */ jsx13("code", { className: "ods-showcase__slug", children: slug }),
+                  /* @__PURE__ */ jsx23("code", { className: "ods-showcase__slug", children: slug }),
                   " \u2014 deploy it from the dashboard whenever you're ready."
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs13("div", { className: "ods-showcase__glass-foot", children: [
-                /* @__PURE__ */ jsxs13("div", { className: "ods-showcase__glass-actions", children: [
-                  /* @__PURE__ */ jsx13("a", { className: "ods-showcase__solid-link", href: dashboardHref, children: "Open dashboard \u2192" }),
-                  /* @__PURE__ */ jsx13("a", { className: "ods-showcase__text-link", href: onboardingHref, children: "Book onboarding \u2192" })
+              /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__glass-foot", children: [
+                /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__glass-actions", children: [
+                  /* @__PURE__ */ jsx23("a", { className: "ods-showcase__solid-link", href: dashboardHref, children: "Open dashboard \u2192" }),
+                  /* @__PURE__ */ jsx23("a", { className: "ods-showcase__text-link", href: onboardingHref, children: "Book onboarding \u2192" })
                 ] }),
-                /* @__PURE__ */ jsxs13("span", { className: "ods-showcase__microcopy ods-showcase__microcopy--right", children: [
+                /* @__PURE__ */ jsxs21("span", { className: "ods-showcase__microcopy ods-showcase__microcopy--right", children: [
                   "PRIVATE BETA",
-                  /* @__PURE__ */ jsx13("br", {}),
+                  /* @__PURE__ */ jsx23("br", {}),
                   "ONBOARDING INCLUDED"
                 ] })
               ] })
@@ -1063,10 +1917,10 @@ function ShowcaseSignup({
 }
 
 // src/marketing/components/WorkflowShowcase/WorkflowShowcase.tsx
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 var EMPTY_PLAN = { left: [], right: [], all: [], totalSteps: 1 };
 function ConnectorTile({ connector }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx24(
     "span",
     {
       "aria-hidden": "true",
@@ -1080,6 +1934,7 @@ function WorkflowShowcase({
   examples = WORKFLOW_SHOWCASE_DEFAULT_EXAMPLES,
   metrics = WORKFLOW_SHOWCASE_DEFAULT_METRICS,
   defaultPrompt = "",
+  rotatePrompts = true,
   modelLabel = "octavia-core-1",
   canvasLabel = "workflow_canvas",
   railLabel = "OCTAVIA IS DOING",
@@ -1098,15 +1953,23 @@ function WorkflowShowcase({
   ...rest
 }) {
   const reducedMotion = useReducedMotion4();
-  const [prompt, setPrompt] = useState3(defaultPrompt);
-  const [selected, setSelected] = useState3([]);
-  const [phase, setPhase] = useState3("idle");
-  const [shown, setShown] = useState3(0);
-  const [status, setStatus] = useState3("");
-  const [pickerOpen, setPickerOpen] = useState3(false);
-  const [schedIdx, setSchedIdx] = useState3(0);
-  const [swap, setSwap] = useState3(null);
-  const [signupError, setSignupError] = useState3(null);
+  const rotationActive = rotatePrompts && !defaultPrompt && examples.length > 0;
+  const [prompt, setPrompt] = useState6(
+    defaultPrompt || (rotationActive ? examples[0]?.prompt ?? "" : "")
+  );
+  const [engagedWithPrompt, setEngagedWithPrompt] = useState6(false);
+  const [promptHovered, setPromptHovered] = useState6(false);
+  const [promptFocused, setPromptFocused] = useState6(false);
+  const rotateIdx = useRef2(0);
+  const [selected, setSelected] = useState6([]);
+  const [phase, setPhase] = useState6("idle");
+  const [shown, setShown] = useState6(0);
+  const [status, setStatus] = useState6("");
+  const [pickerOpen, setPickerOpen] = useState6(false);
+  const [schedIdx, setSchedIdx] = useState6(0);
+  const [swap, setSwap] = useState6(null);
+  const [signupError, setSignupError] = useState6(null);
+  const signupReturnPhase = useRef2("done");
   const cardRef = useRef2(null);
   const timers = useRef2([]);
   const clearTimers = useCallback(() => {
@@ -1131,13 +1994,13 @@ function WorkflowShowcase({
   }, [phase, onPhaseChange]);
   const phaseRef = useRef2(phase);
   phaseRef.current = phase;
-  const byName = useMemo(() => new Map(connectors.map((c) => [c.name, c])), [connectors]);
-  const detected = useMemo(() => detectConnectors(prompt, connectors), [prompt, connectors]);
-  const union = useMemo(() => [.../* @__PURE__ */ new Set([...selected, ...detected])], [selected, detected]);
+  const byName = useMemo2(() => new Map(connectors.map((c) => [c.name, c])), [connectors]);
+  const detected = useMemo2(() => detectConnectors(prompt, connectors), [prompt, connectors]);
+  const union = useMemo2(() => [.../* @__PURE__ */ new Set([...selected, ...detected])], [selected, detected]);
   const settled = SETTLED_PHASES.includes(phase);
   const engaged = phase !== "idle";
   const buildingNow = phase === "analyzing" || phase === "building";
-  const plan = useMemo(() => {
+  const plan = useMemo2(() => {
     if (!selected.length) return EMPTY_PLAN;
     return resolvePlan(selected, [], connectors);
   }, [selected, connectors]);
@@ -1145,6 +2008,20 @@ function WorkflowShowcase({
   const inferredSchedule = scheduleFromPrompt(prompt);
   const manualSchedule = schedules[schedIdx];
   const scheduleShown = inferredSchedule ?? (manualSchedule === "AUTO" ? "HOURLY" : manualSchedule);
+  const triggers = WORKFLOW_SHOWCASE_TRIGGERS;
+  const [triggerIdx, setTriggerIdx] = useState6(0);
+  const manualTrigger = triggers[triggerIdx];
+  const cadenceShown = manualTrigger === "SCHEDULE" ? scheduleShown : manualTrigger;
+  useEffect2(() => {
+    if (!rotationActive || engagedWithPrompt || promptHovered || promptFocused || phase !== "idle") {
+      return;
+    }
+    const timer = setInterval(() => {
+      rotateIdx.current = (rotateIdx.current + 1) % examples.length;
+      setPrompt(examples[rotateIdx.current].prompt);
+    }, 4200);
+    return () => clearInterval(timer);
+  }, [rotationActive, engagedWithPrompt, promptHovered, promptFocused, phase, examples]);
   const startBuild = useCallback(
     (text, baseSelected) => {
       if (phaseRef.current === "analyzing" || phaseRef.current === "building") return;
@@ -1160,7 +2037,12 @@ function WorkflowShowcase({
       setStatus("analyzing request \xB7 matching connectors");
       setPickerOpen(false);
       setSwap(null);
-      onBuild?.({ prompt: text, connectors: target, schedule: scheduleShown });
+      onBuild?.({
+        prompt: text,
+        connectors: target,
+        schedule: scheduleShown,
+        trigger: manualTrigger
+      });
       additions.forEach((name, i) => {
         at(250 + i * 200, () => setSelected((s) => s.includes(name) ? s : [...s, name]));
       });
@@ -1175,7 +2057,7 @@ function WorkflowShowcase({
       }
       at(t0 + 1600 + resolved.totalSteps * 380 + 350, () => setPhase("done"));
     },
-    [clearTimers, connectors, onBuild, scheduleShown, at]
+    [clearTimers, connectors, onBuild, scheduleShown, manualTrigger, at]
   );
   const resetToIdle = useCallback(() => {
     clearTimers();
@@ -1229,10 +2111,10 @@ function WorkflowShowcase({
     coachLine = "DESTINATION SET \u2014 WHAT SHOULD OCTAVIA PULL FROM?";
     coachAdds = connectors.filter((c) => c.role === "source" && notIn(c)).slice(0, 2);
   } else if (!hasNotify) {
-    coachLine = `\u2713 ${union.length} CONNECTORS \xB7 ${scheduleShown} \xB7 TIP: ALERT YOUR TEAM WHEN RUNS FINISH`;
+    coachLine = `\u2713 ${union.length} CONNECTORS \xB7 ${cadenceShown} \xB7 TIP: ALERT YOUR TEAM WHEN RUNS FINISH`;
     coachAdds = connectors.filter((c) => c.role === "notify" && notIn(c)).slice(0, 1);
   } else {
-    coachLine = `\u2713 ${union.length} CONNECTORS \xB7 ${scheduleShown} \xB7 CLICK A HIGHLIGHTED NAME TO SWAP IT`;
+    coachLine = `\u2713 ${union.length} CONNECTORS \xB7 ${cadenceShown} \xB7 CLICK A HIGHLIGHTED NAME TO SWAP IT`;
   }
   const coachTone = union.length ? hasSource && hasSink ? "success" : "accent" : "muted";
   const badge = settled ? { label: "LIVE", tone: "success", pulse: true } : buildingNow ? {
@@ -1245,7 +2127,7 @@ function WorkflowShowcase({
   const activity = buildActivity({ phase, shown, plan, selected, status });
   const costMetric = metrics.find((m) => m.tone === "success");
   const costLabel = costMetric ? `${costMetric.prefix ?? ""}${costMetric.value}${costMetric.suffix ?? ""}` : "";
-  const railFoot = phase === "idle" ? `${catalogNote} CONNECTORS \xB7 FREE IN PRIVATE BETA` : settled ? `COST PLAN SELECTED \xB7 ${costLabel}` : "COST OPTIMIZER RUNNING\u2026";
+  const railFoot = phase === "idle" ? `${catalogNote} CONNECTORS \xB7 FREE IN PRIVATE BETA` : settled ? `COST PLAN SELECTED \xB7 ${costLabel} SAVED` : "COST OPTIMIZER RUNNING\u2026";
   const nLeft = plan.left.length;
   const sceneLeft = plan.left.map((c, i) => ({
     connector: c,
@@ -1296,198 +2178,230 @@ function WorkflowShowcase({
     animate: { opacity: 1, y: 0 },
     transition: { duration: 0.4, delay, ease: [0.2, 0.7, 0.2, 1] }
   };
-  return /* @__PURE__ */ jsxs14("section", { ...rest, className: cn("ods-showcase", className), children: [
-    /* @__PURE__ */ jsxs14("div", { ref: cardRef, className: "ods-showcase__card", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__prompt", children: [
-        /* @__PURE__ */ jsx14(
-          "textarea",
-          {
-            className: "ods-showcase__prompt-input",
-            value: prompt,
-            onChange: (e) => setPrompt(e.target.value),
-            onKeyDown: onPromptKeyDown,
-            "aria-label": promptAriaLabel,
-            spellCheck: false,
-            rows: 2
-          }
-        ),
-        /* @__PURE__ */ jsx14("div", { className: "ods-showcase__prompt-render", "aria-hidden": "true", children: prompt ? segments.map(
-          (seg, i) => seg.connector ? /* @__PURE__ */ jsx14(
-            "button",
-            {
-              type: "button",
-              tabIndex: -1,
-              className: cn(
-                "ods-showcase__token",
-                `ods-showcase__token--${seg.connector.role}`
-              ),
-              onClick: (e) => {
-                const name = seg.connector?.name;
-                if (name) openSwap(name, seg.text, e.currentTarget);
-              },
-              children: seg.text
-            },
-            i
-          ) : (
-            // biome-ignore lint/suspicious/noArrayIndexKey: segments are positional by nature
-            /* @__PURE__ */ jsx14("span", { children: seg.text }, i)
-          )
-        ) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
-          /* @__PURE__ */ jsx14("span", { className: "ods-showcase__placeholder", children: "Describe your pipeline \u2014 e.g. " }),
-          /* @__PURE__ */ jsx14("span", { className: "ods-showcase__placeholder ods-showcase__placeholder--faint", children: '"Sync Storefront orders to Warehouse hourly, alert sales in Team Chat"' })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__coach", children: [
-        /* @__PURE__ */ jsx14(
-          "span",
-          {
-            className: cn("ods-showcase__coach-line", `ods-showcase__coach-line--${coachTone}`),
-            children: coachLine
-          }
-        ),
-        coachAdds.map((c) => /* @__PURE__ */ jsxs14(
-          "button",
-          {
-            type: "button",
-            className: "ods-showcase__coach-add",
-            onClick: () => toggleConnector(c.name),
-            children: [
-              /* @__PURE__ */ jsx14(ConnectorTile, { connector: c }),
-              "+ ",
-              c.name
-            ]
-          },
-          c.name
-        ))
-      ] }),
-      /* @__PURE__ */ jsx14(AnimatePresence2, { initial: false, children: pickerOpen && /* @__PURE__ */ jsx14(
-        motion3.div,
-        {
-          className: "ods-showcase__picker",
-          initial: reducedMotion ? false : { opacity: 0, height: 0 },
-          animate: { opacity: 1, height: "auto" },
-          exit: reducedMotion ? { opacity: 0 } : { opacity: 0, height: 0 },
-          transition: { duration: 0.22, ease: [0.2, 0.7, 0.2, 1] },
-          children: /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__picker-row", children: [
-            /* @__PURE__ */ jsx14("span", { className: "ods-showcase__microcopy", children: "CONNECTORS" }),
-            connectors.map((c) => /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs22("section", { ...rest, className: cn("ods-showcase", className), children: [
+    /* @__PURE__ */ jsxs22(
+      "div",
+      {
+        ref: cardRef,
+        className: "ods-showcase__card",
+        onMouseEnter: () => setPromptHovered(true),
+        onMouseLeave: () => setPromptHovered(false),
+        children: [
+          /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__prompt", children: [
+            /* @__PURE__ */ jsx24(
+              "textarea",
+              {
+                className: "ods-showcase__prompt-input",
+                value: prompt,
+                onChange: (e) => {
+                  setEngagedWithPrompt(true);
+                  setPrompt(e.target.value);
+                },
+                onKeyDown: onPromptKeyDown,
+                onFocus: () => setPromptFocused(true),
+                onBlur: () => setPromptFocused(false),
+                "aria-label": promptAriaLabel,
+                spellCheck: false,
+                rows: 2
+              }
+            ),
+            /* @__PURE__ */ jsx24("div", { className: "ods-showcase__prompt-render", "aria-hidden": "true", children: prompt ? segments.map(
+              (seg, i) => seg.connector ? /* @__PURE__ */ jsxs22(
+                "button",
+                {
+                  type: "button",
+                  tabIndex: -1,
+                  className: cn(
+                    "ods-showcase__token",
+                    `ods-showcase__token--${seg.connector.role}`
+                  ),
+                  onClick: (e) => {
+                    const name = seg.connector?.name;
+                    if (name) openSwap(name, seg.text, e.currentTarget);
+                  },
+                  children: [
+                    !promptFocused && /* @__PURE__ */ jsx24(ConnectorTile, { connector: seg.connector }),
+                    seg.text
+                  ]
+                },
+                i
+              ) : (
+                // biome-ignore lint/suspicious/noArrayIndexKey: segments are positional by nature
+                /* @__PURE__ */ jsx24("span", { children: seg.text }, i)
+              )
+            ) : /* @__PURE__ */ jsxs22(Fragment5, { children: [
+              /* @__PURE__ */ jsx24("span", { className: "ods-showcase__placeholder", children: "Describe your pipeline \u2014 e.g. " }),
+              /* @__PURE__ */ jsx24("span", { className: "ods-showcase__placeholder ods-showcase__placeholder--faint", children: '"Sync Storefront orders to Warehouse hourly, alert sales in Team Chat"' })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__coach", children: [
+            /* @__PURE__ */ jsx24(
+              "span",
+              {
+                className: cn("ods-showcase__coach-line", `ods-showcase__coach-line--${coachTone}`),
+                children: coachLine
+              }
+            ),
+            coachAdds.map((c) => /* @__PURE__ */ jsxs22(
               "button",
               {
                 type: "button",
-                className: cn(
-                  "ods-showcase__pick",
-                  selected.includes(c.name) && "ods-showcase__pick--on"
-                ),
-                "aria-pressed": selected.includes(c.name),
+                className: "ods-showcase__coach-add",
                 onClick: () => toggleConnector(c.name),
                 children: [
-                  /* @__PURE__ */ jsx14(ConnectorTile, { connector: c }),
+                  /* @__PURE__ */ jsx24(ConnectorTile, { connector: c }),
+                  "+ ",
                   c.name
                 ]
               },
               c.name
-            )),
-            /* @__PURE__ */ jsxs14("span", { className: "ods-showcase__microcopy ods-showcase__microcopy--faint", children: [
-              "+ ",
-              catalogNote,
-              " IN THE APP"
-            ] })
-          ] })
-        }
-      ) }),
-      /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__toolbar", children: [
-        /* @__PURE__ */ jsxs14(
-          "button",
-          {
-            type: "button",
-            className: cn(
-              "ods-showcase__tool",
-              (pickerOpen || selected.length > 0) && "ods-showcase__tool--on"
+            ))
+          ] }),
+          /* @__PURE__ */ jsx24(AnimatePresence2, { initial: false, children: pickerOpen && /* @__PURE__ */ jsx24(
+            motion3.div,
+            {
+              className: "ods-showcase__picker",
+              initial: reducedMotion ? false : { opacity: 0, height: 0 },
+              animate: { opacity: 1, height: "auto" },
+              exit: reducedMotion ? { opacity: 0 } : { opacity: 0, height: 0 },
+              transition: { duration: 0.22, ease: [0.2, 0.7, 0.2, 1] },
+              children: /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__picker-row", children: [
+                /* @__PURE__ */ jsx24("span", { className: "ods-showcase__microcopy", children: "CONNECTORS" }),
+                connectors.map((c) => /* @__PURE__ */ jsxs22(
+                  "button",
+                  {
+                    type: "button",
+                    className: cn(
+                      "ods-showcase__pick",
+                      selected.includes(c.name) && "ods-showcase__pick--on"
+                    ),
+                    "aria-pressed": selected.includes(c.name),
+                    onClick: () => toggleConnector(c.name),
+                    children: [
+                      /* @__PURE__ */ jsx24(ConnectorTile, { connector: c }),
+                      c.name
+                    ]
+                  },
+                  c.name
+                )),
+                /* @__PURE__ */ jsxs22("span", { className: "ods-showcase__microcopy ods-showcase__microcopy--faint", children: [
+                  "+ ",
+                  catalogNote,
+                  " IN THE APP"
+                ] })
+              ] })
+            }
+          ) }),
+          /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__toolbar", children: [
+            /* @__PURE__ */ jsxs22(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  "ods-showcase__tool",
+                  (pickerOpen || selected.length > 0) && "ods-showcase__tool--on"
+                ),
+                "aria-expanded": pickerOpen,
+                onClick: () => setPickerOpen((o) => !o),
+                children: [
+                  "\uFF0B Connectors",
+                  selected.length ? ` \xB7 ${selected.length}` : ""
+                ]
+              }
             ),
-            "aria-expanded": pickerOpen,
-            onClick: () => setPickerOpen((o) => !o),
-            children: [
-              "\uFF0B Connectors",
-              selected.length ? ` \xB7 ${selected.length}` : ""
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs14(
-          "button",
-          {
-            type: "button",
-            className: "ods-showcase__tool",
-            onClick: () => setSchedIdx((i) => (i + 1) % schedules.length),
-            children: [
-              "\u25F7 ",
-              manualSchedule
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx14("span", { className: "ods-showcase__model", children: modelLabel }),
-        /* @__PURE__ */ jsx14(
-          Button,
-          {
-            variant: "primary",
-            onClick: () => startBuild(prompt, selected),
-            disabled: buildingNow,
-            children: buildingNow ? "Building\u2026" : "Build workflow \u2192"
-          }
-        )
-      ] }),
-      swap && swapRole && /* @__PURE__ */ jsxs14(Fragment4, { children: [
-        /* @__PURE__ */ jsx14(
-          "button",
-          {
-            type: "button",
-            className: "ods-showcase__swap-backdrop",
-            "aria-label": "Close swap menu",
-            onClick: () => setSwap(null)
-          }
-        ),
-        /* @__PURE__ */ jsxs14(
-          "div",
-          {
-            className: "ods-showcase__swap",
-            role: "menu",
-            style: { left: swap.x, top: swap.y },
-            onKeyDown: (e) => {
-              if (e.key === "Escape") setSwap(null);
-            },
-            children: [
-              /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__swap-head", children: [
-                "SWAP ",
-                swapRole.toUpperCase(),
-                " \u2014 ",
-                swap.name.toUpperCase()
-              ] }),
-              swapItems.map((c) => /* @__PURE__ */ jsxs14(
-                "button",
-                {
-                  type: "button",
-                  role: "menuitem",
-                  className: "ods-showcase__swap-item",
-                  onClick: () => doSwap(swap, c.name),
-                  children: [
-                    /* @__PURE__ */ jsx14(ConnectorTile, { connector: c }),
-                    /* @__PURE__ */ jsx14("span", { className: "ods-showcase__swap-name", children: c.name }),
-                    c.name === swap.name && /* @__PURE__ */ jsx14("span", { className: "ods-showcase__swap-mark", children: "\u25CF CURRENT" })
-                  ]
+            /* @__PURE__ */ jsxs22(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  "ods-showcase__tool",
+                  manualTrigger !== "SCHEDULE" && "ods-showcase__tool--on"
+                ),
+                onClick: () => setTriggerIdx((i) => (i + 1) % triggers.length),
+                children: [
+                  "\u2691 ",
+                  manualTrigger
+                ]
+              }
+            ),
+            manualTrigger === "SCHEDULE" && /* @__PURE__ */ jsxs22(
+              "button",
+              {
+                type: "button",
+                className: "ods-showcase__tool",
+                onClick: () => setSchedIdx((i) => (i + 1) % schedules.length),
+                children: [
+                  "\u25F7 ",
+                  manualSchedule
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx24("span", { className: "ods-showcase__model", children: modelLabel }),
+            /* @__PURE__ */ jsx24(
+              Button,
+              {
+                variant: "primary",
+                onClick: () => startBuild(prompt, selected),
+                disabled: buildingNow,
+                children: buildingNow ? "Building\u2026" : "Build workflow \u2192"
+              }
+            )
+          ] }),
+          swap && swapRole && /* @__PURE__ */ jsxs22(Fragment5, { children: [
+            /* @__PURE__ */ jsx24(
+              "button",
+              {
+                type: "button",
+                className: "ods-showcase__swap-backdrop",
+                "aria-label": "Close swap menu",
+                onClick: () => setSwap(null)
+              }
+            ),
+            /* @__PURE__ */ jsxs22(
+              "div",
+              {
+                className: "ods-showcase__swap",
+                role: "menu",
+                style: { left: swap.x, top: swap.y },
+                onKeyDown: (e) => {
+                  if (e.key === "Escape") setSwap(null);
                 },
-                c.name
-              )),
-              /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__swap-foot", children: [
-                catalogNote,
-                " CONNECTORS IN THE APP"
-              ] })
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__examples", children: [
-      /* @__PURE__ */ jsx14("span", { className: "ods-showcase__microcopy", children: "TRY:" }),
-      examples.map((ex) => /* @__PURE__ */ jsx14(
+                children: [
+                  /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__swap-head", children: [
+                    "SWAP ",
+                    swapRole.toUpperCase(),
+                    " \u2014 ",
+                    swap.name.toUpperCase()
+                  ] }),
+                  swapItems.map((c) => /* @__PURE__ */ jsxs22(
+                    "button",
+                    {
+                      type: "button",
+                      role: "menuitem",
+                      className: "ods-showcase__swap-item",
+                      onClick: () => doSwap(swap, c.name),
+                      children: [
+                        /* @__PURE__ */ jsx24(ConnectorTile, { connector: c }),
+                        /* @__PURE__ */ jsx24("span", { className: "ods-showcase__swap-name", children: c.name }),
+                        c.name === swap.name && /* @__PURE__ */ jsx24("span", { className: "ods-showcase__swap-mark", children: "\u25CF CURRENT" })
+                      ]
+                    },
+                    c.name
+                  )),
+                  /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__swap-foot", children: [
+                    catalogNote,
+                    " CONNECTORS IN THE APP"
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__examples", children: [
+      /* @__PURE__ */ jsx24("span", { className: "ods-showcase__microcopy", children: "TRY:" }),
+      examples.map((ex) => /* @__PURE__ */ jsx24(
         "button",
         {
           type: "button",
@@ -1498,30 +2412,30 @@ function WorkflowShowcase({
         ex.id
       ))
     ] }),
-    /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__canvas", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__canvas-head", children: [
-        /* @__PURE__ */ jsxs14("span", { className: "ods-showcase__microcopy", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__canvas", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__canvas-head", children: [
+        /* @__PURE__ */ jsxs22("span", { className: "ods-showcase__microcopy", children: [
           canvasLabel,
           " \xB7 ",
           canvasSub
         ] }),
-        /* @__PURE__ */ jsxs14("span", { className: cn("ods-showcase__badge", `ods-showcase__badge--${badge.tone}`), children: [
-          /* @__PURE__ */ jsx14("span", { className: cn("ods-showcase__dot", badge.pulse && "ods-showcase__dot--pulse") }),
+        /* @__PURE__ */ jsxs22("span", { className: cn("ods-showcase__badge", `ods-showcase__badge--${badge.tone}`), children: [
+          /* @__PURE__ */ jsx24("span", { className: cn("ods-showcase__dot", badge.pulse && "ods-showcase__dot--pulse") }),
           badge.label
         ] })
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__stage", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__rail", children: [
-          /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__rail-head", children: [
-            /* @__PURE__ */ jsx14("span", { className: "ods-showcase__microcopy", children: railLabel }),
-            /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__stage", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__rail", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__rail-head", children: [
+            /* @__PURE__ */ jsx24("span", { className: "ods-showcase__microcopy", children: railLabel }),
+            /* @__PURE__ */ jsx24(
               "span",
               {
                 className: cn("ods-showcase__dot", badge.pulse && "ods-showcase__dot--pulse")
               }
             )
           ] }),
-          /* @__PURE__ */ jsx14("div", { className: "ods-showcase__rail-body", children: /* @__PURE__ */ jsx14(AnimatePresence2, { initial: false, children: activity.map((line) => /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx24("div", { className: "ods-showcase__rail-body", children: /* @__PURE__ */ jsx24(AnimatePresence2, { initial: false, children: activity.map((line) => /* @__PURE__ */ jsx24(
             motion3.div,
             {
               className: cn("ods-showcase__act", `ods-showcase__act--${line.tone}`),
@@ -1533,7 +2447,7 @@ function WorkflowShowcase({
             },
             line.id
           )) }) }),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx24(
             "div",
             {
               className: cn(
@@ -1545,7 +2459,7 @@ function WorkflowShowcase({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx24(
           ShowcaseScene,
           {
             left: sceneLeft,
@@ -1553,14 +2467,22 @@ function WorkflowShowcase({
             engaged,
             tiles: platformTiles,
             coreIcon,
-            caption: sceneCaption
+            caption: sceneCaption,
+            onCoreClick: () => {
+              if (buildingNow || phase === "signup" || phase === "creating" || phase === "welcome") {
+                return;
+              }
+              signupReturnPhase.current = phase;
+              setSignupError(null);
+              setPhase("signup");
+            }
           }
         ),
-        /* @__PURE__ */ jsx14("div", { className: "ods-showcase__metrics", children: metrics.map((m, idx) => {
+        /* @__PURE__ */ jsx24("div", { className: "ods-showcase__metrics", children: metrics.map((m, idx) => {
           const revealed = settled || phase === "building" && shown > idx;
           const interim = m.buildingValue != null && !settled && revealed;
-          return /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__metric", children: [
-            /* @__PURE__ */ jsxs14(
+          return /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__metric", children: [
+            /* @__PURE__ */ jsxs22(
               "div",
               {
                 className: cn(
@@ -1569,7 +2491,7 @@ function WorkflowShowcase({
                   m.tone === "success" && settled && "ods-showcase__metric-value--success"
                 ),
                 children: [
-                  settled ? /* @__PURE__ */ jsx14(
+                  settled ? /* @__PURE__ */ jsx24(
                     CountUp,
                     {
                       value: m.value,
@@ -1582,17 +2504,17 @@ function WorkflowShowcase({
                     }
                   ) : interim ? `${m.prefix ?? ""}${m.buildingValue}` : "\u2014",
                   revealed && m.suffix ? m.suffix : null,
-                  revealed && m.unit ? /* @__PURE__ */ jsxs14("span", { className: "ods-showcase__metric-unit", children: [
+                  revealed && m.unit ? /* @__PURE__ */ jsxs22("span", { className: "ods-showcase__metric-unit", children: [
                     " ",
                     m.unit
                   ] }) : null
                 ]
               }
             ),
-            /* @__PURE__ */ jsx14("div", { className: "ods-showcase__microcopy", children: m.label })
+            /* @__PURE__ */ jsx24("div", { className: "ods-showcase__microcopy", children: m.label })
           ] }, m.id);
         }) }),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx24(
           ShowcaseSignup,
           {
             phase,
@@ -1603,7 +2525,7 @@ function WorkflowShowcase({
             onSubmit: submitSignup,
             onBack: () => {
               setSignupError(null);
-              setPhase("done");
+              setPhase(signupReturnPhase.current);
             },
             dashboardHref,
             onboardingHref
@@ -1611,31 +2533,32 @@ function WorkflowShowcase({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__outro", "aria-live": "polite", children: [
-      buildingNow && /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__building", children: [
-        /* @__PURE__ */ jsx14("span", { className: "ods-showcase__spin", "aria-hidden": "true", children: "\u27F3" }),
+    /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__outro", "aria-live": "polite", children: [
+      buildingNow && /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__building", children: [
+        /* @__PURE__ */ jsx24("span", { className: "ods-showcase__spin", "aria-hidden": "true", children: "\u27F3" }),
         " ",
         status
       ] }),
-      phase === "done" && /* @__PURE__ */ jsxs14("div", { className: "ods-showcase__done", children: [
-        /* @__PURE__ */ jsxs14(motion3.div, { className: "ods-showcase__done-note", ...rise(0), children: [
+      phase === "done" && /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__done", children: [
+        /* @__PURE__ */ jsxs22(motion3.div, { className: "ods-showcase__done-note", ...rise(0), children: [
           "\u2713 ",
           doneNote
         ] }),
-        /* @__PURE__ */ jsxs14(motion3.div, { className: "ods-showcase__cta", ...rise(0.2), children: [
-          /* @__PURE__ */ jsx14("span", { className: "ods-showcase__cta-copy", children: "Deploy it on your own data \u2014 takes 2 minutes." }),
-          /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsxs22(motion3.div, { className: "ods-showcase__cta", ...rise(0.2), children: [
+          /* @__PURE__ */ jsx24("span", { className: "ods-showcase__cta-copy", children: "Deploy it on your own data \u2014 takes 2 minutes." }),
+          /* @__PURE__ */ jsx24(
             Button,
             {
               variant: "primary",
               onClick: () => {
+                signupReturnPhase.current = "done";
                 setSignupError(null);
                 setPhase("signup");
               },
               children: "Create free account \u2192"
             }
           ),
-          /* @__PURE__ */ jsx14("a", { className: "ods-showcase__text-link", href: onboardingHref, children: "Book onboarding \u2192" })
+          /* @__PURE__ */ jsx24("a", { className: "ods-showcase__text-link", href: onboardingHref, children: "Book onboarding \u2192" })
         ] })
       ] })
     ] })
@@ -1644,20 +2567,30 @@ function WorkflowShowcase({
 export {
   ActionGlyph,
   AssistantTranscript,
+  BackedBy,
+  BetaAccessForm,
+  BlogGrid,
   BrandMark,
   ConnectorGlyph,
+  ContactForm,
   CtaBanner,
   DestinationGlyph,
+  FaqSection,
   FeatureGrid,
+  IntegrationsFinder,
   IntegrationsWall,
   LiveConsole,
+  LogoMarquee,
   MarketingFooter,
   MarketingHero,
   MarketingNav,
   MarketingSection,
   NotifyGlyph,
+  PageHero,
+  PricingTiers,
   SourceGlyph,
   StatBand,
+  TestimonialStrip,
   WORKFLOW_SHOWCASE_DEFAULT_CONNECTORS,
   WORKFLOW_SHOWCASE_DEFAULT_EXAMPLES,
   WORKFLOW_SHOWCASE_DEFAULT_METRICS,