@dreamtree-org/landing-kit 0.9.0 → 0.10.1

package/dist/index.cjs

@@ -58,6 +58,7 @@ __export(index_exports, {
   Wrap: () => Wrap,
   brandStyle: () => brandStyle,
   brands: () => brands,
+  buildSsoUrl: () => buildSsoUrl,
   createDemoIsland: () => createDemoIsland,
   fetchDemoAccounts: () => fetchDemoAccounts,
   getBrand: () => getBrand,
@@ -76,10 +77,10 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/LandingPage.jsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/AuthShell.jsx
-var import_react3 = require("react");
+var import_react5 = require("react");
 
 // src/DemoAccounts.jsx
 var import_react = require("react");
@@ -165,13 +166,121 @@ function DemoAccounts({ load, onSelect, className = "" }) {
   ] });
 }
 
-// src/useTapReveal.js
+// src/DreamtreeSso.jsx
+var import_react3 = require("react");
+
+// src/sso.js
+function decodeKey(part) {
+  const key = part.split("=")[0];
+  try {
+    return decodeURIComponent(key.replace(/\+/g, " "));
+  } catch {
+    return key;
+  }
+}
+function buildSsoUrl(startUrl, { returnTo, companySlug } = {}) {
+  const raw = String(startUrl != null ? startUrl : "");
+  const hashAt = raw.indexOf("#");
+  const hash = hashAt === -1 ? "" : raw.slice(hashAt);
+  const beforeHash = hashAt === -1 ? raw : raw.slice(0, hashAt);
+  const queryAt = beforeHash.indexOf("?");
+  const path = queryAt === -1 ? beforeHash : beforeHash.slice(0, queryAt);
+  const query = queryAt === -1 ? "" : beforeHash.slice(queryAt + 1);
+  const add = [
+    ["return_to", returnTo],
+    ["dt_company", companySlug]
+  ].filter(([, v]) => v != null && v !== "");
+  const replaced = new Set(add.map(([k]) => k));
+  const params = query.split("&").filter((p) => p && !replaced.has(decodeKey(p))).concat(add.map(([k, v]) => `${k}=${encodeURIComponent(String(v))}`));
+  return `${path}${params.length ? `?${params.join("&")}` : ""}${hash}`;
+}
+
+// src/icons.jsx
 var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var base = {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+var make = (paths) => function Icon({ size = 16, className = "dt-lp-icon" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...base, width: size, height: size, className, children: paths });
+};
+var ArrowRight = make(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M5 12h14M13 6l6 6-6 6" }));
+var ChevronRight = make(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "m9 6 6 6-6 6" }));
+var Check = make(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M20 6 9 17l-5-5" }));
+var Help = make(
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01" })
+  ] })
+);
+var Alert = make(
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0Z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 9v4M12 17h.01" })
+  ] })
+);
+var MenuIcon = make(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M4 6h16M4 12h16M4 18h16" }));
+var Close = make(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M18 6 6 18M6 6l12 12" }));
+var Calendar = make(
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M16 2v4M8 2v4M3 10h18m-12 6 2 2 4-4" })
+  ] })
+);
+function renderIcon(icon, size = 20, className = "dt-lp-icon") {
+  if (!icon) return null;
+  if ((0, import_react2.isValidElement)(icon)) return icon;
+  return (0, import_react2.createElement)(icon, { size, "aria-hidden": true, className, strokeWidth: 1.8 });
+}
+
+// src/DreamtreeSso.jsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var DEFAULT_SSO_LABEL = "Continue with Dreamtree";
+function DreamtreeSso({ provider, children }) {
+  const { startUrl, mode, label = DEFAULT_SSO_LABEL, companySlug, returnTo } = provider;
+  const isSso = mode === "sso";
+  const autoRedirect = isSso && provider.autoRedirect !== false;
+  const href = buildSsoUrl(startUrl, { returnTo, companySlug });
+  const redirected = (0, import_react3.useRef)(false);
+  (0, import_react3.useEffect)(() => {
+    if (!autoRedirect || redirected.current) return;
+    redirected.current = true;
+    window.location.assign(href);
+  }, [autoRedirect, href]);
+  const button = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("a", { className: "dt-auth-sso-btn", href, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ArrowRight, { size: 16, className: "dt-auth-sso-icon" })
+  ] });
+  if (isSso) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dt-auth-sso dt-auth-sso--only", children: [
+      autoRedirect ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "dt-auth-sso-status", role: "status", "aria-live": "polite", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dt-auth-sso-spinner", "aria-hidden": "true" }),
+        "Redirecting to Dreamtree ID\u2026"
+      ] }) : null,
+      button
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dt-auth-sso", children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dt-auth-or", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "or" }) }),
+    children
+  ] });
+}
+
+// src/useTapReveal.js
+var import_react4 = require("react");
 function useTapReveal({ taps = 4, windowMs = 1500 } = {}) {
-  const [revealed, setRevealed] = (0, import_react2.useState)(false);
-  const count = (0, import_react2.useRef)(0);
-  const last = (0, import_react2.useRef)(0);
-  const onClick = (0, import_react2.useCallback)(() => {
+  const [revealed, setRevealed] = (0, import_react4.useState)(false);
+  const count = (0, import_react4.useRef)(0);
+  const last = (0, import_react4.useRef)(0);
+  const onClick = (0, import_react4.useCallback)(() => {
     if (revealed) return;
     const now = Date.now();
     count.current = now - last.current <= windowMs ? count.current + 1 : 1;
@@ -182,7 +291,7 @@ function useTapReveal({ taps = 4, windowMs = 1500 } = {}) {
 }
 
 // src/AuthShell.jsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var DEFAULT_LEGAL = [
   { label: "Privacy Policy", href: "/privacy" },
   { label: "Terms", href: "/terms" },
@@ -190,10 +299,10 @@ var DEFAULT_LEGAL = [
 ];
 function BrandMark({ brand, size }) {
   if (brand.logoSrc) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { className: "dt-auth-mark-img", src: brand.logoSrc, alt: "", width: size, height: size });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { className: "dt-auth-mark-img", src: brand.logoSrc, alt: "", width: size, height: size });
   }
-  if (brand.mark) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dt-auth-mark-node", children: brand.mark });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dt-auth-monogram", style: { width: size, height: size }, "aria-hidden": "true", children: brand.name.charAt(0) });
+  if (brand.mark) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dt-auth-mark-node", children: brand.mark });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dt-auth-monogram", style: { width: size, height: size }, "aria-hidden": "true", children: brand.name.charAt(0) });
 }
 function brandStyle(brand) {
   return {
@@ -212,52 +321,53 @@ function AuthShell({
   legalLinks = DEFAULT_LEGAL,
   linkComponent: LinkComponent,
   className = "",
-  demoAccounts
+  demoAccounts,
+  ssoProvider
 }) {
   var _a, _b;
-  const headingId = (0, import_react3.useId)();
+  const headingId = (0, import_react5.useId)();
   const { revealed, tapProps } = useTapReveal({ taps: (_a = demoAccounts == null ? void 0 : demoAccounts.taps) != null ? _a : 4 });
   const isPlatform = variant === "platform";
   const headline = isPlatform ? brand.platformHeadline || "Platform administration" : brand.headline;
   const pitch = isPlatform ? brand.platformPitch || `Super administrator console for ${brand.name}. Every action here is audited.` : brand.pitch;
-  const renderLink = (l) => LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LinkComponent, { to: l.href, href: l.href, className: "dt-auth-legal-link", children: l.label }, l.href) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href: l.href, className: "dt-auth-legal-link", children: l.label }, l.href);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  const renderLink = (l) => LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LinkComponent, { to: l.href, href: l.href, className: "dt-auth-legal-link", children: l.label }, l.href) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("a", { href: l.href, className: "dt-auth-legal-link", children: l.label }, l.href);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     {
       className: `dt-auth ${isPlatform ? "dt-auth--platform" : ""} ${className}`,
       style: brandStyle(brand),
       "data-product": brand.id,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("aside", { className: "dt-auth-panel", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("a", { href: "/", className: "dt-auth-brand", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BrandMark, { brand, size: 28 }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dt-auth-brand-name", children: brand.name }),
-            isPlatform ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dt-auth-badge", children: "Platform" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("aside", { className: "dt-auth-panel", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("a", { href: "/", className: "dt-auth-brand", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BrandMark, { brand, size: 28 }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dt-auth-brand-name", children: brand.name }),
+            isPlatform ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dt-auth-badge", children: "Platform" }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dt-auth-pitch", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { children: headline }),
-            pitch ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: pitch }) : null,
-            !isPlatform && ((_b = brand.points) == null ? void 0 : _b.length) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { children: brand.points.map((p) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { children: p }, p)) }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dt-auth-pitch", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: headline }),
+            pitch ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: pitch }) : null,
+            !isPlatform && ((_b = brand.points) == null ? void 0 : _b.length) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { children: brand.points.map((p) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: p }, p)) }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dt-auth-panel-foot", children: brand.category || "by Dreamtree-Org" })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "dt-auth-panel-foot", children: brand.category || "by Dreamtree-Org" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("main", { className: "dt-auth-main", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dt-auth-column", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("a", { href: "/", className: "dt-auth-brand dt-auth-brand--mobile", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BrandMark, { brand, size: 24 }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dt-auth-brand-name", children: brand.name }),
-            isPlatform ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dt-auth-badge", children: "Platform" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("main", { className: "dt-auth-main", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dt-auth-column", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("a", { href: "/", className: "dt-auth-brand dt-auth-brand--mobile", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BrandMark, { brand, size: 24 }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dt-auth-brand-name", children: brand.name }),
+            isPlatform ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dt-auth-badge", children: "Platform" }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "dt-auth-card", "aria-labelledby": headingId, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { className: "dt-auth-head", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { id: headingId, ...demoAccounts ? tapProps : {}, children: title2 }),
-              subtitle ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: subtitle }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "dt-auth-card", "aria-labelledby": headingId, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { className: "dt-auth-head", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", { id: headingId, ...demoAccounts ? tapProps : {}, children: title2 }),
+              subtitle ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: subtitle }) : null
             ] }),
-            children,
-            demoAccounts && revealed ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DemoAccounts, { load: demoAccounts.load, onSelect: demoAccounts.onSelect }) : null
+            ssoProvider ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DreamtreeSso, { provider: ssoProvider, children }) : children,
+            demoAccounts && revealed && (ssoProvider == null ? void 0 : ssoProvider.mode) !== "sso" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DemoAccounts, { load: demoAccounts.load, onSelect: demoAccounts.onSelect }) : null
           ] }),
-          footer ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "dt-auth-footer", children: footer }) : null,
-          (legalLinks == null ? void 0 : legalLinks.length) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("nav", { className: "dt-auth-legal", "aria-label": "Legal", children: legalLinks.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "dt-auth-legal-item", children: [
-            i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "aria-hidden": "true", children: "\xB7" }) : null,
+          footer ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dt-auth-footer", children: footer }) : null,
+          (legalLinks == null ? void 0 : legalLinks.length) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { className: "dt-auth-legal", "aria-label": "Legal", children: legalLinks.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "dt-auth-legal-item", children: [
+            i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": "true", children: "\xB7" }) : null,
             renderLink(l)
           ] }, l.href)) }) : null
         ] }) })
@@ -267,11 +377,11 @@ function AuthShell({
 }
 
 // src/context.jsx
-var import_react4 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var LandingContext = (0, import_react4.createContext)({ brand: null, linkComponent: null, onBookDemo: null, home: true });
+var import_react6 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var LandingContext = (0, import_react6.createContext)({ brand: null, linkComponent: null, onBookDemo: null, home: true });
 var LandingProvider = LandingContext.Provider;
-var useLanding = () => (0, import_react4.useContext)(LandingContext);
+var useLanding = () => (0, import_react6.useContext)(LandingContext);
 function resolveHref(href, home) {
   if (!href) return href;
   return !home && href.startsWith("#") ? `/${href}` : href;
@@ -281,95 +391,50 @@ function SmartLink({ href, children, className, reload, ...rest }) {
   const to = resolveHref(href, home);
   const internal = to && to.startsWith("/") && !to.startsWith("//") && !to.includes("#");
   if (Link && internal && !reload) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Link, { to, href: to, className, ...rest, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Link, { to, href: to, className, ...rest, children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: to, className, ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { href: to, className, ...rest, children });
 }
 
 // src/Header.jsx
-var import_react6 = require("react");
-
-// src/icons.jsx
-var import_react5 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var base = {
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  "aria-hidden": "true",
-  focusable: "false"
-};
-var make = (paths) => function Icon({ size = 16, className = "dt-lp-icon" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { ...base, width: size, height: size, className, children: paths });
-};
-var ArrowRight = make(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M5 12h14M13 6l6 6-6 6" }));
-var ChevronRight = make(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m9 6 6 6-6 6" }));
-var Check = make(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M20 6 9 17l-5-5" }));
-var Help = make(
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01" })
-  ] })
-);
-var Alert = make(
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0Z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 9v4M12 17h.01" })
-  ] })
-);
-var MenuIcon = make(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 6h16M4 12h16M4 18h16" }));
-var Close = make(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M18 6 6 18M6 6l12 12" }));
-var Calendar = make(
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M16 2v4M8 2v4M3 10h18m-12 6 2 2 4-4" })
-  ] })
-);
-function renderIcon(icon, size = 20, className = "dt-lp-icon") {
-  if (!icon) return null;
-  if ((0, import_react5.isValidElement)(icon)) return icon;
-  return (0, import_react5.createElement)(icon, { size, "aria-hidden": true, className, strokeWidth: 1.8 });
-}
+var import_react7 = require("react");
 
 // src/Brand.jsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function BrandMark2({ brand, size = 36 }) {
   if (brand.logoSrc) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { className: "dt-lp-mark-img", src: brand.logoSrc, alt: "", width: size, height: size });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { className: "dt-lp-mark-img", src: brand.logoSrc, alt: "", width: size, height: size });
   }
-  if (brand.mark) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dt-lp-mark-node", "aria-hidden": "true", children: brand.mark });
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dt-lp-monogram", style: { width: size, height: size }, "aria-hidden": "true", children: brand.name.charAt(0) });
+  if (brand.mark) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dt-lp-mark-node", "aria-hidden": "true", children: brand.mark });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dt-lp-monogram", style: { width: size, height: size }, "aria-hidden": "true", children: brand.name.charAt(0) });
 }
 function Wordmark({ name }) {
   const m = /^(.+?)(Pro)$/.exec(name);
-  if (!m) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dt-lp-wordmark", children: name });
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "dt-lp-wordmark", children: [
+  if (!m) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dt-lp-wordmark", children: name });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "dt-lp-wordmark", children: [
     m[1],
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dt-lp-wordmark-hi", children: m[2] })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dt-lp-wordmark-hi", children: m[2] })
   ] });
 }
 function BrandLockup({ brand: own2, byline = "by Dreamtree-Org", href = "/" }) {
   const ctx = useLanding();
   const brand = own2 || ctx.brand;
   if (!brand) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("a", { href, className: "dt-lp-brand", "aria-label": `${brand.name}${byline ? ` ${byline}` : ""}, home`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BrandMark2, { brand }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "dt-lp-brand-text", "aria-hidden": "true", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Wordmark, { name: brand.name }),
-      byline ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dt-lp-byline", children: byline }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("a", { href, className: "dt-lp-brand", "aria-label": `${brand.name}${byline ? ` ${byline}` : ""}, home`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BrandMark2, { brand }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "dt-lp-brand-text", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Wordmark, { name: brand.name }),
+      byline ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dt-lp-byline", children: byline }) : null
     ] })
   ] });
 }
 
 // src/BookDemoButton.jsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function BookDemoButton({ size = "md", variant = "primary", className = "", children = "Book a demo", onClick }) {
   const { onBookDemo } = useLanding();
   const handler = onClick || (onBookDemo ? (e) => onBookDemo(e.currentTarget) : void 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "button",
     {
       type: "button",
@@ -383,61 +448,61 @@ function BookDemoButton({ size = "md", variant = "primary", className = "", chil
 }
 
 // src/Section.jsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function Wrap({ className = "", narrow, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `dt-lp-wrap${narrow ? " dt-lp-wrap--narrow" : ""} ${className}`.trim(), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `dt-lp-wrap${narrow ? " dt-lp-wrap--narrow" : ""} ${className}`.trim(), children });
 }
 function Eyebrow({ children, className = "" }) {
   if (!children) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: `dt-lp-eyebrow ${className}`.trim(), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: `dt-lp-eyebrow ${className}`.trim(), children });
 }
 function SectionIntro({ id, eyebrow, title: title2, body, align = "start", children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `dt-lp-intro dt-lp-intro--${align}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Eyebrow, { children: eyebrow }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { id, className: "dt-lp-h2", children: title2 }),
-    body ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "dt-lp-lead", children: body }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `dt-lp-intro dt-lp-intro--${align}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Eyebrow, { children: eyebrow }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { id, className: "dt-lp-h2", children: title2 }),
+    body ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "dt-lp-lead", children: body }) : null,
     children
   ] });
 }
 function Section({ id, labelledBy, tone: tone2 = "plain", className = "", children, narrow }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("section", { id, "aria-labelledby": labelledBy, className: `dt-lp-section dt-lp-tone--${tone2} ${className}`.trim(), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Wrap, { narrow, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("section", { id, "aria-labelledby": labelledBy, className: `dt-lp-section dt-lp-tone--${tone2} ${className}`.trim(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Wrap, { narrow, children }) });
 }
 function TextLink({ href, children, className = "", ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(SmartLink, { href, className: `dt-lp-textlink ${className}`.trim(), ...rest, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(SmartLink, { href, className: `dt-lp-textlink ${className}`.trim(), ...rest, children: [
     children,
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ArrowRight, {})
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ArrowRight, {})
   ] });
 }
 function Cta({ cta, className = "" }) {
   if (!cta) return null;
   if (Array.isArray(cta)) {
     if (!cta.length) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `dt-lp-ctas ${className}`.trim(), children: cta.map((c2, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Cta, { cta: c2 }, i)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `dt-lp-ctas ${className}`.trim(), children: cta.map((c2, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Cta, { cta: c2 }, i)) });
   }
   const c = typeof cta === "string" ? { label: cta, demo: true } : cta;
-  if (c.href && !c.demo) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TextLink, { href: c.href, className, children: c.label });
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(BookDemoButton, { size: "lg", className, children: [
+  if (c.href && !c.demo) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TextLink, { href: c.href, className, children: c.label });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(BookDemoButton, { size: "lg", className, children: [
     c.label,
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ArrowRight, {})
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ArrowRight, {})
   ] });
 }
 
 // src/Header.jsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Header({ nav = [], login = { label: "Log in", href: "/login" }, cta = "Book a demo", brand }) {
   const { home } = useLanding();
-  const [open, setOpen] = (0, import_react6.useState)(false);
+  const [open, setOpen] = (0, import_react7.useState)(false);
   const items = login ? [...nav, login] : nav;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("header", { className: "dt-lp-header", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Wrap, { className: "dt-lp-header-bar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BrandLockup, { brand }),
-      nav.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("nav", { "aria-label": "Primary", className: "dt-lp-nav", children: nav.map((n) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SmartLink, { href: n.href, className: "dt-lp-nav-link", children: n.label }, n.href)) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dt-lp-header-actions", children: [
-        login ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SmartLink, { href: login.href, className: "dt-lp-nav-link dt-lp-login", reload: true, children: login.label }) : null,
-        cta ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BookDemoButton, { size: "sm", children: cta }) : null,
-        items.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { className: "dt-lp-header", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Wrap, { className: "dt-lp-header-bar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BrandLockup, { brand }),
+      nav.length ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("nav", { "aria-label": "Primary", className: "dt-lp-nav", children: nav.map((n) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SmartLink, { href: n.href, className: "dt-lp-nav-link", children: n.label }, n.href)) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "dt-lp-header-actions", children: [
+        login ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SmartLink, { href: login.href, className: "dt-lp-nav-link dt-lp-login", reload: true, children: login.label }) : null,
+        cta ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BookDemoButton, { size: "sm", children: cta }) : null,
+        items.length ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
           "button",
           {
             type: "button",
@@ -448,29 +513,29 @@ function Header({ nav = [], login = { label: "Log in", href: "/login" }, cta = "
             "data-menu-toggle": "",
             onClick: () => setOpen((o) => !o),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dt-lp-menu-open", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MenuIcon, { size: 20 }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dt-lp-menu-close", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Close, { size: 20 }) })
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "dt-lp-menu-open", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MenuIcon, { size: 20 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "dt-lp-menu-close", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Close, { size: 20 }) })
             ]
           }
         ) : null
       ] })
     ] }),
-    items.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("nav", { id: "mobile-nav", "aria-label": "Mobile", className: "dt-lp-mobile-nav", hidden: !open, onClick: (e) => {
+    items.length ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("nav", { id: "mobile-nav", "aria-label": "Mobile", className: "dt-lp-mobile-nav", hidden: !open, onClick: (e) => {
       var _a, _b;
       return ((_b = (_a = e.target).closest) == null ? void 0 : _b.call(_a, "a")) && setOpen(false);
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Wrap, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("ul", { children: items.map((n) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SmartLink, { href: n.href, reload: n === login, children: n.label }) }, n.href)) }) }) }) : null
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Wrap, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { children: items.map((n) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SmartLink, { href: n.href, reload: n === login, children: n.label }) }, n.href)) }) }) }) : null
   ] });
 }
 
 // src/DreamtreeFooter.jsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function DreamtreeMark({ size = 28 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "dt-lp-org", role: "img", "aria-label": "Dreamtree-Org", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { viewBox: "0 0 48.35 48.35", width: size, height: size, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("g", { fill: "none", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", stroke: "#0f766e", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M23.01,44.02c-9.02.03-16.36-7.27-16.39-16.29-.02-7.98,5.72-14.81,13.59-16.16,13.31-2.57,16.81-3.78,21.48-9.57,2.33,4.67,4.67,9.76,4.67,18.67,0,12.84-11.16,23.34-23.34,23.34Z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M2,46.35c0-7,4.32-12.51,11.86-14.01,5.65-1.12,11.49-4.67,13.82-7" })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "dt-lp-org", role: "img", "aria-label": "Dreamtree-Org", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { viewBox: "0 0 48.35 48.35", width: size, height: size, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("g", { fill: "none", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", stroke: "#0f766e", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M23.01,44.02c-9.02.03-16.36-7.27-16.39-16.29-.02-7.98,5.72-14.81,13.59-16.16,13.31-2.57,16.81-3.78,21.48-9.57,2.33,4.67,4.67,9.76,4.67,18.67,0,12.84-11.16,23.34-23.34,23.34Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M2,46.35c0-7,4.32-12.51,11.86-14.01,5.65-1.12,11.49-4.67,13.82-7" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "aria-hidden": "true", className: "dt-lp-org-name", children: "Dreamtree-Org" })
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", className: "dt-lp-org-name", children: "Dreamtree-Org" })
   ] });
 }
 function DreamtreeFooter({
@@ -484,27 +549,27 @@ function DreamtreeFooter({
 }) {
   const ctx = useLanding();
   const brand = own2 || ctx.brand;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("footer", { className: "dt-lp-footer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Wrap, { className: `dt-lp-footer-grid dt-lp-footer-grid--${Math.min(columns.length, 3)}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "dt-lp-footer-about", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DreamtreeMark, {}),
-        blurb ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: blurb }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("footer", { className: "dt-lp-footer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Wrap, { className: `dt-lp-footer-grid dt-lp-footer-grid--${Math.min(columns.length, 3)}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "dt-lp-footer-about", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DreamtreeMark, {}),
+        blurb ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: blurb }) : null
       ] }),
-      columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("nav", { "aria-label": col.label || col.title, className: "dt-lp-footer-col", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "dt-lp-footer-title", children: col.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: col.links.length > 5 && col.compact !== false ? "dt-lp-footer-links" : "dt-lp-footer-links dt-lp-footer-links--one", children: col.links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SmartLink, { href: l.href, reload: l.reload, children: l.label }) }, l.href)) })
+      columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("nav", { "aria-label": col.label || col.title, className: "dt-lp-footer-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "dt-lp-footer-title", children: col.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: col.links.length > 5 && col.compact !== false ? "dt-lp-footer-links" : "dt-lp-footer-links dt-lp-footer-links--one", children: col.links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SmartLink, { href: l.href, reload: l.reload, children: l.label }) }, l.href)) })
       ] }, col.title))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "dt-lp-footer-bar", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Wrap, { className: "dt-lp-footer-bar-inner", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("p", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "dt-lp-footer-bar", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Wrap, { className: "dt-lp-footer-bar-inner", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { children: [
         "\xA9 ",
         year,
         " ",
         org,
         ". All rights reserved."
       ] }),
-      legal.length ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("nav", { "aria-label": "Legal", className: "dt-lp-footer-legal", children: legal.map((l) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SmartLink, { href: l.href, children: l.label }, l.href)) }) : null,
-      brand && tagline ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("p", { children: [
+      legal.length ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("nav", { "aria-label": "Legal", className: "dt-lp-footer-legal", children: legal.map((l) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SmartLink, { href: l.href, children: l.label }, l.href)) }) : null,
+      brand && tagline ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { children: [
         brand.name,
         ": ",
         tagline
@@ -514,7 +579,7 @@ function DreamtreeFooter({
 }
 
 // src/MarketingLayout.jsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function MarketingLayout({
   brand,
   nav = [],
@@ -530,16 +595,16 @@ function MarketingLayout({
   if (!brand || !brand.name) {
     throw new Error(`landing-kit: "brand" is missing. Pass getBrand('<product>') from @dreamtree-org/auth-kit, or your own { id, name, primary }.`);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LandingProvider, { value: { brand, linkComponent, onBookDemo, home }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: `dt-landing ${className}`.trim(), style: brandStyle(brand), "data-product": brand.id, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("a", { href: "#main", className: "dt-lp-skip", children: "Skip to content" }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Header, { nav, ...login !== void 0 ? { login } : {}, ...cta !== void 0 ? { cta } : {} }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("main", { id: "main", children }),
-    footer === false ? null : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DreamtreeFooter, { ...footer || {} })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(LandingProvider, { value: { brand, linkComponent, onBookDemo, home }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `dt-landing ${className}`.trim(), style: brandStyle(brand), "data-product": brand.id, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("a", { href: "#main", className: "dt-lp-skip", children: "Skip to content" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Header, { nav, ...login !== void 0 ? { login } : {}, ...cta !== void 0 ? { cta } : {} }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("main", { id: "main", children }),
+    footer === false ? null : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DreamtreeFooter, { ...footer || {} })
   ] }) });
 }
 
 // src/Hero.jsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Hero({
   eyebrow,
   title: title2,
@@ -554,169 +619,169 @@ function Hero({
   backdrop
 }) {
   const [first, hi] = Array.isArray(title2) ? title2 : [title2, null];
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("section", { id, "aria-labelledby": "hero-title", className: `dt-lp-hero${overlap ? " dt-lp-hero--overlap" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "dt-lp-hero-glow", "aria-hidden": "true" }),
-    backdrop ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "dt-lp-hero-backdrop", "aria-hidden": "true", children: backdrop }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Wrap, { className: "dt-lp-hero-inner", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Eyebrow, { children: eyebrow }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("h1", { id: "hero-title", className: "dt-lp-h1", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { id, "aria-labelledby": "hero-title", className: `dt-lp-hero${overlap ? " dt-lp-hero--overlap" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "dt-lp-hero-glow", "aria-hidden": "true" }),
+    backdrop ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "dt-lp-hero-backdrop", "aria-hidden": "true", children: backdrop }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Wrap, { className: "dt-lp-hero-inner", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Eyebrow, { children: eyebrow }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("h1", { id: "hero-title", className: "dt-lp-h1", children: [
         first,
-        hi ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+        hi ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "dt-lp-h1-hi", children: hi })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "dt-lp-h1-hi", children: hi })
         ] }) : null
       ] }),
-      subtitle ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "dt-lp-hero-subtitle", children: subtitle }) : null,
-      lead ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "dt-lp-hero-lead", children: lead }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "dt-lp-actions", children: [
-        cta ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(BookDemoButton, { size: "lg", children: cta }) : null,
-        secondary ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TextLink, { href: secondary.href, children: secondary.label }) : null
+      subtitle ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "dt-lp-hero-subtitle", children: subtitle }) : null,
+      lead ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "dt-lp-hero-lead", children: lead }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "dt-lp-actions", children: [
+        cta ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BookDemoButton, { size: "lg", children: cta }) : null,
+        secondary ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TextLink, { href: secondary.href, children: secondary.label }) : null
       ] }),
-      (chips == null ? void 0 : chips.length) ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { className: "dt-lp-chips", "aria-label": chipsLabel, children: chips.map((c) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: c }, c)) }) : null
+      (chips == null ? void 0 : chips.length) ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: "dt-lp-chips", "aria-label": chipsLabel, children: chips.map((c) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: c }, c)) }) : null
     ] })
   ] });
 }
 
 // src/FeatureSection.jsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var asItem = (x) => typeof x === "string" ? { title: x } : x;
 function Items({ items, kind }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: `dt-lp-grid dt-lp-grid--${kind}`, children: items.map(asItem).map((f) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("li", { className: `dt-lp-card dt-lp-card--${kind}`, children: [
-    f.icon ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "dt-lp-icon-tile", children: renderIcon(f.icon, 20) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "dt-lp-card-text", children: [
-      f.label ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "dt-lp-kicker", children: f.label }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "dt-lp-h3", children: f.href ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SmartLink, { href: f.href, children: f.title }) : f.title }),
-      f.body ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: f.body }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: `dt-lp-grid dt-lp-grid--${kind}`, children: items.map(asItem).map((f) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("li", { className: `dt-lp-card dt-lp-card--${kind}`, children: [
+    f.icon ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "dt-lp-icon-tile", children: renderIcon(f.icon, 20) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "dt-lp-card-text", children: [
+      f.label ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "dt-lp-kicker", children: f.label }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { className: "dt-lp-h3", children: f.href ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SmartLink, { href: f.href, children: f.title }) : f.title }),
+      f.body ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: f.body }) : null
     ] })
   ] }, f.title)) });
 }
 function Checklist({ items, icon: Icon = Check, tone: tone2 = "good", labelledBy }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: `dt-lp-checklist dt-lp-checklist--${tone2}`, "aria-labelledby": labelledBy, children: items.map((x) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("li", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { size: 18 }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: x })
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: `dt-lp-checklist dt-lp-checklist--${tone2}`, "aria-labelledby": labelledBy, children: items.map((x) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("li", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { size: 18 }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: x })
   ] }, x)) });
 }
 function InlineItems({ items }) {
   if (!(items == null ? void 0 : items.length)) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: "dt-lp-inline-items", children: items.map(asItem).map((f) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("li", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: "dt-lp-inline-items", children: items.map(asItem).map((f) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("li", { children: [
     f.icon ? renderIcon(f.icon, 22) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "dt-lp-inline-title", children: f.title }),
-      f.body ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "dt-lp-inline-body", children: f.body }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "dt-lp-inline-title", children: f.title }),
+      f.body ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "dt-lp-inline-body", children: f.body }) : null
     ] })
   ] }, f.title)) });
 }
 function Media({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "dt-lp-media", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "dt-lp-media", children });
 }
 function Pair({ className, reverse, text, side }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `${className}${reverse ? " dt-lp-pair--reverse" : ""}`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `${className}${reverse ? " dt-lp-pair--reverse" : ""}`, children: [
     reverse ? side : text,
     reverse ? text : side
   ] });
 }
 function Chips({ items, label, className = "" }) {
   if (!(items == null ? void 0 : items.length)) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: `dt-lp-chips dt-lp-chips--start ${className}`.trim(), "aria-label": label, children: items.map((c) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: c }, c)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: `dt-lp-chips dt-lp-chips--start ${className}`.trim(), "aria-label": label, children: items.map((c) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: c }, c)) });
 }
 function FeatureSection(props) {
   const { id, variant = "cards", tone: tone2, eyebrow, title: title2, body, items = [], cta, footnote, media, reverse, bullets } = props;
   const hid2 = `${id || variant}-title`;
   const defaultTone = { highlight: "dark", split: "tinted", compare: "muted" }[variant] || "plain";
-  const shell = (children, extra = {}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Section, { id, labelledBy: hid2, tone: tone2 || defaultTone, className: `dt-lp-feature dt-lp-feature--${variant}`, ...extra, children });
+  const shell = (children, extra = {}) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Section, { id, labelledBy: hid2, tone: tone2 || defaultTone, className: `dt-lp-feature dt-lp-feature--${variant}`, ...extra, children });
   switch (variant) {
     case "split":
       return shell(
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           Pair,
           {
             className: "dt-lp-split",
             reverse,
-            text: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(SectionIntro, { id: hid2, eyebrow, title: title2, body, children: [
-              media ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(InlineItems, { items }) : null,
-              (bullets == null ? void 0 : bullets.length) ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Checklist, { items: bullets }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Cta, { cta, className: "dt-lp-mt" })
+            text: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SectionIntro, { id: hid2, eyebrow, title: title2, body, children: [
+              media ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(InlineItems, { items }) : null,
+              (bullets == null ? void 0 : bullets.length) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Checklist, { items: bullets }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Cta, { cta, className: "dt-lp-mt" })
             ] }, "text"),
-            side: media ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Media, { children: media }, "side") : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Items, { items, kind: "split" }, "side")
+            side: media ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Media, { children: media }, "side") : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Items, { items, kind: "split" }, "side")
           }
         )
       );
     case "list":
       return shell(
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body, align: "center" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Items, { items, kind: "list" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Cta, { cta, className: "dt-lp-mt" })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body, align: "center" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Items, { items, kind: "list" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Cta, { cta, className: "dt-lp-mt" })
         ] })
       );
     case "intro": {
       const { subtitle, detail, note, glance = [], glanceTitle = "At a glance", link: link2 } = props;
       return shell(
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "dt-lp-intro-grid", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
-            subtitle ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "dt-lp-h3 dt-lp-h3--lg", children: subtitle }) : null,
-            detail ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "dt-lp-body", children: detail }) : null,
-            note ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "dt-lp-note", children: note }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Cta, { cta, className: "dt-lp-mt" })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "dt-lp-intro-grid", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
+            subtitle ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { className: "dt-lp-h3 dt-lp-h3--lg", children: subtitle }) : null,
+            detail ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "dt-lp-body", children: detail }) : null,
+            note ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "dt-lp-note", children: note }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Cta, { cta, className: "dt-lp-mt" })
           ] }),
-          glance.length ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("aside", { className: "dt-lp-glance", "aria-labelledby": `${hid2}-glance`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { id: `${hid2}-glance`, className: "dt-lp-eyebrow", children: glanceTitle }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Checklist, { items: glance }),
-            props.glanceNote ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "dt-lp-note", children: props.glanceNote }) : null,
-            link2 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TextLink, { href: link2.href, className: "dt-lp-mt", children: link2.label }) : null
+          glance.length ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("aside", { className: "dt-lp-glance", "aria-labelledby": `${hid2}-glance`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { id: `${hid2}-glance`, className: "dt-lp-eyebrow", children: glanceTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Checklist, { items: glance }),
+            props.glanceNote ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "dt-lp-note", children: props.glanceNote }) : null,
+            link2 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TextLink, { href: link2.href, className: "dt-lp-mt", children: link2.label }) : null
           ] }) : null
         ] })
       );
     }
     case "highlight": {
       const { note, noteLabel = "Important:" } = props;
-      const text = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "dt-lp-intro", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Eyebrow, { children: eyebrow }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { id: hid2, className: "dt-lp-h2", children: title2 }),
-        body ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "dt-lp-lead", children: body }) : null,
-        note ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "dt-lp-callout", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Alert, { size: 20 }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: noteLabel }),
+      const text = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "dt-lp-intro", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Eyebrow, { children: eyebrow }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h2", { id: hid2, className: "dt-lp-h2", children: title2 }),
+        body ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "dt-lp-lead", children: body }) : null,
+        note ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "dt-lp-callout", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Alert, { size: 20 }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { children: noteLabel }),
             " ",
             note
           ] })
         ] }) : null,
-        media ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(InlineItems, { items }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Cta, { cta, className: "dt-lp-mt" })
+        media ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(InlineItems, { items }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Cta, { cta, className: "dt-lp-mt" })
       ] }, "text");
-      const side = media ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Media, { children: media }, "side") : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: "dt-lp-grid dt-lp-grid--chips", children: items.map(asItem).map((f) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("li", { className: "dt-lp-chip-card", children: [
+      const side = media ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Media, { children: media }, "side") : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: "dt-lp-grid dt-lp-grid--chips", children: items.map(asItem).map((f) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("li", { className: "dt-lp-chip-card", children: [
         renderIcon(f.icon, 22),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: f.title })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: f.title })
       ] }, f.title)) }, "side");
-      return shell(/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Pair, { className: "dt-lp-split dt-lp-split--wide", reverse, text, side }));
+      return shell(/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Pair, { className: "dt-lp-split dt-lp-split--wide", reverse, text, side }));
     }
     case "band": {
       const { examples, examplesLabel = "Examples" } = props;
-      const text = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Chips, { items: examples, label: examplesLabel, className: "dt-lp-mt" }),
-        media ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(InlineItems, { items }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Cta, { cta, className: "dt-lp-mt" })
+      const text = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Chips, { items: examples, label: examplesLabel, className: "dt-lp-mt" }),
+        media ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(InlineItems, { items }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Cta, { cta, className: "dt-lp-mt" })
       ] }, "text");
-      const side = media ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Media, { children: media }, "side") : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: "dt-lp-band-list", children: items.map(asItem).map((f) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("li", { children: [
+      const side = media ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Media, { children: media }, "side") : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: "dt-lp-band-list", children: items.map(asItem).map((f) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("li", { children: [
         renderIcon(f.icon, 22),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: f.title })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: f.title })
       ] }, f.title)) }, "side");
-      return shell(/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Pair, { className: "dt-lp-band", reverse, text, side }));
+      return shell(/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Pair, { className: "dt-lp-band", reverse, text, side }));
     }
     case "compare": {
       const { columns = [] } = props;
       return shell(
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "dt-lp-compare", children: columns.map((col, i) => {
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "dt-lp-compare", children: columns.map((col, i) => {
             const cid = `${id || "compare"}-${i + 1}`;
             const tone3 = col.tone || (i === 0 ? "good" : "check");
-            return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "dt-lp-card dt-lp-card--compare", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { id: cid, className: "dt-lp-h3 dt-lp-h3--lg", children: col.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Checklist, { items: col.items, tone: tone3, icon: tone3 === "good" ? Check : Help, labelledBy: cid })
+            return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "dt-lp-card dt-lp-card--compare", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { id: cid, className: "dt-lp-h3 dt-lp-h3--lg", children: col.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Checklist, { items: col.items, tone: tone3, icon: tone3 === "good" ? Check : Help, labelledBy: cid })
             ] }, cid);
           }) })
         ] })
@@ -724,124 +789,124 @@ function FeatureSection(props) {
     }
     case "links":
       return shell(
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: "dt-lp-grid dt-lp-grid--links", children: items.map((s) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(SmartLink, { href: s.href, className: "dt-lp-linkcard", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "dt-lp-linkcard-title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: "dt-lp-grid dt-lp-grid--links", children: items.map((s) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SmartLink, { href: s.href, className: "dt-lp-linkcard", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "dt-lp-linkcard-title", children: [
               s.title,
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ArrowRight, {})
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ArrowRight, {})
             ] }),
-            s.body ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "dt-lp-linkcard-body", children: s.body }) : null
+            s.body ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "dt-lp-linkcard-body", children: s.body }) : null
           ] }) }, s.href)) })
         ] })
       );
     case "detail": {
       return shell(
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "dt-lp-detail", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { id: hid2, className: "dt-lp-h2", children: title2 }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-            body ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "dt-lp-body", children: body }) : null,
-            (bullets == null ? void 0 : bullets.length) ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Checklist, { items: bullets }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "dt-lp-detail", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h2", { id: hid2, className: "dt-lp-h2", children: title2 }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+            body ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "dt-lp-body", children: body }) : null,
+            (bullets == null ? void 0 : bullets.length) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Checklist, { items: bullets }) : null
           ] })
         ] })
       );
     }
     default:
       return shell(
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Items, { items, kind: "cards" }),
-          footnote ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "dt-lp-footnote", children: footnote }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Cta, { cta, className: "dt-lp-mt" })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Items, { items, kind: "cards" }),
+          footnote ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "dt-lp-footnote", children: footnote }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Cta, { cta, className: "dt-lp-mt" })
         ] })
       );
   }
 }
 
 // src/Audiences.jsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function Audiences({ id = "audiences", eyebrow, title: title2, body, items = [], linkLabel = "See how it works", tone: tone2 = "muted" }) {
   const hid2 = `${id}-title`;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Section, { id, labelledBy: hid2, tone: tone2, className: "dt-lp-audiences", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body, align: "center" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: `dt-lp-grid dt-lp-grid--audiences dt-lp-grid--n${Math.min(items.length, 4)}`, children: items.map((a, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Section, { id, labelledBy: hid2, tone: tone2, className: "dt-lp-audiences", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body, align: "center" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: `dt-lp-grid dt-lp-grid--audiences dt-lp-grid--n${Math.min(items.length, 4)}`, children: items.map((a, i) => {
       var _a;
       const aid = a.id || `${id}-${i + 1}`;
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("article", { id: aid, "aria-labelledby": `${aid}-title`, className: "dt-lp-card dt-lp-card--audience", children: [
-        a.icon ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "dt-lp-audience-icon", children: renderIcon(a.icon, 30) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: a.media ? "dt-lp-audience-head" : void 0, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
-            a.keyword ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "dt-lp-kicker", children: a.keyword }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { id: `${aid}-title`, className: "dt-lp-h3 dt-lp-h3--lg", children: a.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: a.media || a.features ? void 0 : "dt-lp-grow", children: a.body })
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("article", { id: aid, "aria-labelledby": `${aid}-title`, className: "dt-lp-card dt-lp-card--audience", children: [
+        a.icon ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "dt-lp-audience-icon", children: renderIcon(a.icon, 30) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: a.media ? "dt-lp-audience-head" : void 0, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+            a.keyword ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "dt-lp-kicker", children: a.keyword }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { id: `${aid}-title`, className: "dt-lp-h3 dt-lp-h3--lg", children: a.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: a.media || a.features ? void 0 : "dt-lp-grow", children: a.body })
           ] }),
-          a.media ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "dt-lp-audience-media", "aria-hidden": "true", children: a.media }) : null
+          a.media ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "dt-lp-audience-media", "aria-hidden": "true", children: a.media }) : null
         ] }),
-        ((_a = a.features) == null ? void 0 : _a.length) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: "dt-lp-audience-features dt-lp-grow", children: a.features.map((f) => {
+        ((_a = a.features) == null ? void 0 : _a.length) ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "dt-lp-audience-features dt-lp-grow", children: a.features.map((f) => {
           const it = typeof f === "string" ? { title: f } : f;
-          return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("li", { children: [
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("li", { children: [
             it.icon ? renderIcon(it.icon, 22) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: it.title })
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: it.title })
           ] }, it.title);
         }) }) : null,
-        a.href ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TextLink, { href: a.href, "aria-label": `${a.keyword || a.title}: ${(a.linkLabel || linkLabel).toLowerCase()}`, children: a.linkLabel || linkLabel }) : null
+        a.href ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TextLink, { href: a.href, "aria-label": `${a.keyword || a.title}: ${(a.linkLabel || linkLabel).toLowerCase()}`, children: a.linkLabel || linkLabel }) : null
       ] }, aid);
     }) })
   ] });
 }
 
 // src/HowItWorks.jsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function HowItWorks({ id = "how-it-works", eyebrow, title: title2, body, steps, items, tone: tone2 = "plain", cta }) {
   const list = steps || items || [];
   const hid2 = `${id}-title`;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Section, { id, labelledBy: hid2, tone: tone2, className: "dt-lp-steps", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ol", { className: "dt-lp-grid dt-lp-grid--steps", children: list.map((st, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("li", { className: "dt-lp-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "dt-lp-step-num", "aria-hidden": "true", children: i + 1 }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { className: "dt-lp-h3", children: st.name || st.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: st.text || st.body })
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Section, { id, labelledBy: hid2, tone: tone2, className: "dt-lp-steps", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ol", { className: "dt-lp-grid dt-lp-grid--steps", children: list.map((st, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("li", { className: "dt-lp-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "dt-lp-step-num", "aria-hidden": "true", children: i + 1 }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h3", { className: "dt-lp-h3", children: st.name || st.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { children: st.text || st.body })
     ] }, st.name || st.title)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Cta, { cta, className: "dt-lp-mt" })
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Cta, { cta, className: "dt-lp-mt" })
   ] });
 }
 
 // src/Faq.jsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Faq({ id = "faq", eyebrow, title: title2 = "Frequently asked questions", intro: intro2, items = [], openFirst = true, tone: tone2 = "muted" }) {
   const hid2 = `${id}-title`;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Section, { id, labelledBy: hid2, tone: tone2, narrow: true, className: "dt-lp-faq", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body: intro2, align: "center" }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "dt-lp-faq-list", children: items.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("details", { className: "dt-lp-faq-item", open: openFirst && i === 0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("summary", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h3", { className: "dt-lp-h3", children: f.q }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronRight, { size: 18, className: "dt-lp-icon dt-lp-faq-chevron" })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Section, { id, labelledBy: hid2, tone: tone2, narrow: true, className: "dt-lp-faq", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SectionIntro, { id: hid2, eyebrow, title: title2, body: intro2, align: "center" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "dt-lp-faq-list", children: items.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("details", { className: "dt-lp-faq-item", open: openFirst && i === 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("summary", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { className: "dt-lp-h3", children: f.q }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChevronRight, { size: 18, className: "dt-lp-icon dt-lp-faq-chevron" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { children: f.a })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: f.a })
     ] }, f.q)) })
   ] });
 }
 
 // src/DemoCta.jsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function DemoCta({ id = "demo", eyebrow, title: title2, body, label = "Book a demo", chips, chipsLabel = "Business types", note, link: link2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("section", { id, "aria-labelledby": `${id}-title`, className: "dt-lp-section dt-lp-cta", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Wrap, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "dt-lp-cta-panel", children: [
-    eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "dt-lp-eyebrow dt-lp-eyebrow--inverse", children: eyebrow }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { id: `${id}-title`, className: "dt-lp-h2 dt-lp-h2--cta", children: title2 }),
-    body ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "dt-lp-cta-body", children: body }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BookDemoButton, { size: "lg", variant: "inverse", children: label }),
-    (chips == null ? void 0 : chips.length) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "dt-lp-chips dt-lp-chips--inverse", "aria-label": chipsLabel, children: chips.map((k) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: k }, k)) }) : null,
-    note ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "dt-lp-cta-note", children: [
-      note.title ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { className: "dt-lp-h3", children: note.title }) : null,
-      note.body ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: note.body }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("section", { id, "aria-labelledby": `${id}-title`, className: "dt-lp-section dt-lp-cta", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Wrap, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "dt-lp-cta-panel", children: [
+    eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "dt-lp-eyebrow dt-lp-eyebrow--inverse", children: eyebrow }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { id: `${id}-title`, className: "dt-lp-h2 dt-lp-h2--cta", children: title2 }),
+    body ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "dt-lp-cta-body", children: body }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BookDemoButton, { size: "lg", variant: "inverse", children: label }),
+    (chips == null ? void 0 : chips.length) ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { className: "dt-lp-chips dt-lp-chips--inverse", "aria-label": chipsLabel, children: chips.map((k) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: k }, k)) }) : null,
+    note ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "dt-lp-cta-note", children: [
+      note.title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { className: "dt-lp-h3", children: note.title }) : null,
+      note.body ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: note.body }) : null
     ] }) : null,
-    link2 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "dt-lp-cta-link", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SmartLink, { href: link2.href, reload: link2.reload, children: link2.label }) }) : null
+    link2 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "dt-lp-cta-link", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SmartLink, { href: link2.href, reload: link2.reload, children: link2.label }) }) : null
   ] }) }) });
 }
 
 // src/LandingPage.jsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var BLOCKS = { audiences: Audiences, steps: HowItWorks, faq: Faq, cta: DemoCta };
 var TAIL = ["audiences", "steps", "faq", "cta"];
 function LandingPage({ brand, content, preview = null, slots = {}, linkComponent, onBookDemo, home = true, className }) {
@@ -854,23 +919,23 @@ function LandingPage({ brand, content, preview = null, slots = {}, linkComponent
   const render = (s, i) => {
     var _a;
     if (!s) return null;
-    if ((0, import_react7.isValidElement)(s)) return (0, import_react7.cloneElement)(s, { key: (_a = s.key) != null ? _a : `el-${i}` });
-    if (s.use === "preview") return preview ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: preview }, "preview") : null;
+    if ((0, import_react8.isValidElement)(s)) return (0, import_react8.cloneElement)(s, { key: (_a = s.key) != null ? _a : `el-${i}` });
+    if (s.use === "preview") return preview ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { children: preview }, "preview") : null;
     if (s.use) {
       if (slots && Object.prototype.hasOwnProperty.call(slots, s.use)) {
         const node = slots[s.use];
-        return node ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react7.Fragment, { children: node }, `slot-${s.use}`) : null;
+        return node ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react8.Fragment, { children: node }, `slot-${s.use}`) : null;
       }
       const Block = BLOCKS[s.use];
       if (!Block) {
         const known = ["preview", ...TAIL, ...Object.keys(slots || {})].join(", ");
         throw new Error(`landing-kit: unknown section use "${s.use}" (known: ${known}). Pass custom sections as <LandingPage slots={{ ${s.use}: <YourSection /> }} />.`);
       }
-      return content[s.use] ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Block, { ...content[s.use] }, s.use) : null;
+      return content[s.use] ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Block, { ...content[s.use] }, s.use) : null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FeatureSection, { ...s }, s.id || `section-${i}`);
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FeatureSection, { ...s }, s.id || `section-${i}`);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     MarketingLayout,
     {
       brand,
@@ -883,12 +948,12 @@ function LandingPage({ brand, content, preview = null, slots = {}, linkComponent
       onBookDemo,
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Hero, { ...hero, overlap: !!preview && !previewInline }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Hero, { ...hero, overlap: !!preview && !previewInline }),
         preview && !previewInline ? preview : null,
         sections.map(render),
         TAIL.filter((k) => !used.has(k) && content[k]).map((k) => {
           const Block = BLOCKS[k];
-          return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Block, { ...content[k] }, k);
+          return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Block, { ...content[k] }, k);
         })
       ]
     }
@@ -896,7 +961,7 @@ function LandingPage({ brand, content, preview = null, slots = {}, linkComponent
 }
 
 // src/PreviewFrame.jsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function PreviewFrame({
   id = "product",
   heading: heading2,
@@ -908,25 +973,25 @@ function PreviewFrame({
 }) {
   const ctx = useLanding();
   const brand = own2 || ctx.brand;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { id, "aria-labelledby": `${id}-title`, className: "dt-lp-preview", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { id: `${id}-title`, className: "dt-lp-sr-only", children: heading2 || `${brand ? brand.name : "Product"} overview` }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Wrap, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("figure", { className: "dt-lp-preview-frame", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "dt-lp-preview-bar", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "dt-lp-preview-title", children: [
-          brand ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Wordmark, { name: brand.name }) : null,
-          meta ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "dt-lp-preview-meta", children: meta }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("section", { id, "aria-labelledby": `${id}-title`, className: "dt-lp-preview", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { id: `${id}-title`, className: "dt-lp-sr-only", children: heading2 || `${brand ? brand.name : "Product"} overview` }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Wrap, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("figure", { className: "dt-lp-preview-frame", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "dt-lp-preview-bar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "dt-lp-preview-title", children: [
+          brand ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Wordmark, { name: brand.name }) : null,
+          meta ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "dt-lp-preview-meta", children: meta }) : null
         ] }),
-        badge ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "dt-lp-preview-badge", children: badge }) : null
+        badge ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "dt-lp-preview-badge", children: badge }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "dt-lp-preview-body", children }),
-      caption ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("figcaption", { className: "dt-lp-sr-only", children: caption }) : null
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "dt-lp-preview-body", children }),
+      caption ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("figcaption", { className: "dt-lp-sr-only", children: caption }) : null
     ] }) })
   ] });
 }
 
 // src/DemoDialog.jsx
-var import_react8 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_react9 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var DEFAULT_DEMO_FIELDS = [
   { name: "name", label: "Your name", required: true, maxLength: 120, autoComplete: "name" },
   { name: "phone", label: "Mobile", type: "tel", required: true, maxLength: 20, autoComplete: "tel", inputMode: "tel" },
@@ -948,14 +1013,14 @@ function Field({ f, value, onChange, error }) {
   };
   let control;
   if (f.type === "select") {
-    control = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("select", { ...common, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "", children: f.placeholder || "Choose one" }),
-      (f.options || []).map((o) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: o.value, children: o.label }, o.value))
+    control = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("select", { ...common, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "", children: f.placeholder || "Choose one" }),
+      (f.options || []).map((o) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: o.value, children: o.label }, o.value))
     ] });
   } else if (f.type === "textarea") {
-    control = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("textarea", { ...common, rows: f.rows || 3, maxLength: f.maxLength });
+    control = /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("textarea", { ...common, rows: f.rows || 3, maxLength: f.maxLength });
   } else {
-    control = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    control = /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "input",
       {
         ...common,
@@ -968,13 +1033,13 @@ function Field({ f, value, onChange, error }) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { htmlFor: id, className: `dt-lp-field${f.wide || f.type === "textarea" ? " dt-lp-field--wide" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { htmlFor: id, className: `dt-lp-field${f.wide || f.type === "textarea" ? " dt-lp-field--wide" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { children: [
       f.label,
       f.required ? " *" : ""
     ] }),
     control,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { id: errId, className: "dt-lp-field-error", children: error }) : null
+    error ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { id: errId, className: "dt-lp-field-error", children: error }) : null
   ] });
 }
 function DemoDialog({
@@ -994,16 +1059,16 @@ function DemoDialog({
   successMessage,
   validate
 }) {
-  const ref = (0, import_react8.useRef)(null);
-  const [form, setForm] = (0, import_react8.useState)(() => initial(fields2));
-  const [website, setWebsite] = (0, import_react8.useState)("");
-  const [consent, setConsent] = (0, import_react8.useState)(false);
-  const [busy, setBusy] = (0, import_react8.useState)(false);
-  const [err, setErr] = (0, import_react8.useState)("");
-  const [fieldErrors, setFieldErrors] = (0, import_react8.useState)({});
-  const [sent, setSent] = (0, import_react8.useState)(false);
+  const ref = (0, import_react9.useRef)(null);
+  const [form, setForm] = (0, import_react9.useState)(() => initial(fields2));
+  const [website, setWebsite] = (0, import_react9.useState)("");
+  const [consent, setConsent] = (0, import_react9.useState)(false);
+  const [busy, setBusy] = (0, import_react9.useState)(false);
+  const [err, setErr] = (0, import_react9.useState)("");
+  const [fieldErrors, setFieldErrors] = (0, import_react9.useState)({});
+  const [sent, setSent] = (0, import_react9.useState)(false);
   const name = brand ? brand.name : "a";
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const dlg = ref.current;
     if (open && dlg && !dlg.open && typeof dlg.showModal === "function") dlg.showModal();
   }, [open]);
@@ -1038,7 +1103,7 @@ function DemoDialog({
   };
   const first = String(form.name || "").trim().split(/\s+/)[0] || "there";
   const thanks = typeof successMessage === "function" ? successMessage(form) : successMessage || `Thanks, ${first}. We have your request. Someone from the ${name} team will call you within one working day to fix a time.`;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "dialog",
     {
       ref,
@@ -1051,33 +1116,33 @@ function DemoDialog({
         onClose();
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "dt-lp-dialog-head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { id: "dt-demo-title", children: sent ? "Thank you" : title2 || `Book a ${name} demo` }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", className: "dt-lp-dialog-x", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Close, { size: 18 }) })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "dt-lp-dialog-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h2", { id: "dt-demo-title", children: sent ? "Thank you" : title2 || `Book a ${name} demo` }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { type: "button", className: "dt-lp-dialog-x", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Close, { size: 18 }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "dt-lp-dialog-body", children: sent ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "dt-lp-stack", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { role: "status", children: thanks }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", className: "dt-lp-btn dt-lp-btn--outline dt-lp-btn--md", onClick: onClose, children: "Close" })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("form", { className: "dt-lp-stack", onSubmit: submit, noValidate: true, children: [
-          intro2 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "dt-lp-muted", children: intro2 }) : null,
-          err ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { role: "alert", className: "dt-lp-error", children: err }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "dt-lp-fields", children: fields2.map((f) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Field, { f, value: form[f.name], onChange: set(f.name), error: fieldErrors[f.name] }, f.name)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { "aria-hidden": "true", className: "dt-lp-honeypot", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "dt-lp-dialog-body", children: sent ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "dt-lp-stack", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { role: "status", children: thanks }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { type: "button", className: "dt-lp-btn dt-lp-btn--outline dt-lp-btn--md", onClick: onClose, children: "Close" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("form", { className: "dt-lp-stack", onSubmit: submit, noValidate: true, children: [
+          intro2 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "dt-lp-muted", children: intro2 }) : null,
+          err ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { role: "alert", className: "dt-lp-error", children: err }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "dt-lp-fields", children: fields2.map((f) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Field, { f, value: form[f.name], onChange: set(f.name), error: fieldErrors[f.name] }, f.name)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { "aria-hidden": "true", className: "dt-lp-honeypot", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { children: [
             "Website",
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { type: "text", name: "website", tabIndex: -1, autoComplete: "off", value: website, onChange: (e) => setWebsite(e.target.value) })
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", { type: "text", name: "website", tabIndex: -1, autoComplete: "off", value: website, onChange: (e) => setWebsite(e.target.value) })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "dt-lp-consent", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { type: "checkbox", checked: consent, onChange: (e) => setConsent(e.target.checked) }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: consentText || `I agree that ${fiduciary} may call, message or email me about this demo.` })
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "dt-lp-consent", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", { type: "checkbox", checked: consent, onChange: (e) => setConsent(e.target.checked) }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: consentText || `I agree that ${fiduciary} may call, message or email me about this demo.` })
           ] }),
-          privacyHref ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { className: "dt-lp-fineprint", children: [
+          privacyHref ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { className: "dt-lp-fineprint", children: [
             "Used only to arrange your demo. See the ",
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { href: privacyHref, children: "privacy policy" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("a", { href: privacyHref, children: "privacy policy" }),
             policyVersion ? ` (v${policyVersion})` : "",
             "."
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "submit", className: "dt-lp-btn dt-lp-btn--primary dt-lp-btn--md", disabled: !ready || busy, "aria-busy": busy ? "true" : void 0, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Calendar, { size: 16 }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("button", { type: "submit", className: "dt-lp-btn dt-lp-btn--primary dt-lp-btn--md", disabled: !ready || busy, "aria-busy": busy ? "true" : void 0, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Calendar, { size: 16 }),
             busy ? "Sending\u2026" : submitLabel
           ] })
         ] }) })
@@ -1087,33 +1152,33 @@ function DemoDialog({
 }
 
 // src/PageHero.jsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Breadcrumbs({ items = [] }) {
   if (!items.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("nav", { "aria-label": "Breadcrumb", className: "dt-lp-crumbs", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("ol", { children: items.map((c, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("nav", { "aria-label": "Breadcrumb", className: "dt-lp-crumbs", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ol", { children: items.map((c, i) => {
     const last = i === items.length - 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("li", { children: [
-      i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronRight, { size: 14 }) : null,
-      last || !c.href ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { "aria-current": last ? "page" : void 0, children: c.label }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SmartLink, { href: c.href, children: c.label })
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("li", { children: [
+      i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronRight, { size: 14 }) : null,
+      last || !c.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { "aria-current": last ? "page" : void 0, children: c.label }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SmartLink, { href: c.href, children: c.label })
     ] }, `${c.label}-${i}`);
   }) }) });
 }
 function PageHero({ breadcrumbs, eyebrow, title: title2, lead, cta = "Book a demo", secondary }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("section", { "aria-labelledby": "hero-title", className: "dt-lp-hero dt-lp-hero--page", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Wrap, { className: "dt-lp-hero-inner dt-lp-hero-inner--start", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Breadcrumbs, { items: breadcrumbs }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Eyebrow, { className: "dt-lp-mt-lg", children: eyebrow }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h1", { id: "hero-title", className: "dt-lp-h1 dt-lp-h1--page", children: title2 }),
-    lead ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { id: "answer", className: "dt-lp-hero-lead", children: lead }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "dt-lp-actions dt-lp-actions--start", children: [
-      cta ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(BookDemoButton, { size: "lg", children: cta }) : null,
-      secondary ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextLink, { href: secondary.href, children: secondary.label }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("section", { "aria-labelledby": "hero-title", className: "dt-lp-hero dt-lp-hero--page", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Wrap, { className: "dt-lp-hero-inner dt-lp-hero-inner--start", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Breadcrumbs, { items: breadcrumbs }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Eyebrow, { className: "dt-lp-mt-lg", children: eyebrow }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h1", { id: "hero-title", className: "dt-lp-h1 dt-lp-h1--page", children: title2 }),
+    lead ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { id: "answer", className: "dt-lp-hero-lead", children: lead }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "dt-lp-actions dt-lp-actions--start", children: [
+      cta ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(BookDemoButton, { size: "lg", children: cta }) : null,
+      secondary ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextLink, { href: secondary.href, children: secondary.label }) : null
     ] })
   ] }) });
 }
 
 // src/island.jsx
 var import_client = require("react-dom/client");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function createDemoIsland(props) {
   let root;
   let returnTo = null;
@@ -1132,7 +1197,7 @@ function createDemoIsland(props) {
         root = (0, import_client.createRoot)(host);
       }
       const p = typeof props === "function" ? props() : props;
-      root.render(/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DemoDialog, { ...p, onClose: close }, Date.now()));
+      root.render(/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DemoDialog, { ...p, onClose: close }, Date.now()));
     },
     close
   };
@@ -1291,7 +1356,7 @@ function toLandingBrand(file, copy = {}) {
 }
 
 // src/tenant/TenantPage.jsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 
 // src/schema/sections.js
 var ICON_NAMES = [
@@ -1937,10 +2002,10 @@ function themeVars(input) {
 }
 
 // src/tenant/HeroSlider.jsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/tenant/icons.jsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var base2 = {
   viewBox: "0 0 24 24",
   fill: "none",
@@ -1952,88 +2017,88 @@ var base2 = {
   focusable: "false"
 };
 var PATHS = {
-  "shield-check": /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "m9 12 2 2 4-4" })
+  "shield-check": /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "m9 12 2 2 4-4" })
   ] }),
-  "badge-check": /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "m9 12 2 2 4-4" })
+  "badge-check": /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "m9 12 2 2 4-4" })
   ] }),
-  truck: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M15 18H9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62L18.3 9.38a1 1 0 0 0-.78-.38H14" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("circle", { cx: "17", cy: "18", r: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("circle", { cx: "7", cy: "18", r: "2" })
+  truck: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M15 18H9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62L18.3 9.38a1 1 0 0 0-.78-.38H14" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("circle", { cx: "17", cy: "18", r: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("circle", { cx: "7", cy: "18", r: "2" })
   ] }),
-  wrench: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" }),
-  refresh: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M3 12a9 9 0 0 1 15-6.7L21 8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M21 3v5h-5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M21 12a9 9 0 0 1-15 6.7L3 16" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M8 16H3v5" })
+  wrench: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" }),
+  refresh: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M3 12a9 9 0 0 1 15-6.7L21 8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M21 3v5h-5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M21 12a9 9 0 0 1-15 6.7L3 16" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M8 16H3v5" })
   ] }),
-  battery: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { x: "2", y: "7", width: "16", height: "10", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M22 11v2M6 11v2M10 11v2" })
+  battery: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("rect", { x: "2", y: "7", width: "16", height: "10", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M22 11v2M6 11v2M10 11v2" })
   ] }),
-  cpu: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { x: "9", y: "9", width: "6", height: "6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M15 2v2M15 20v2M2 15h2M2 9h2M20 15h2M20 9h2M9 2v2M9 20v2" })
+  cpu: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("rect", { x: "9", y: "9", width: "6", height: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M15 2v2M15 20v2M2 15h2M2 9h2M20 15h2M20 9h2M9 2v2M9 20v2" })
   ] }),
-  laptop: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16" }),
-  star: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }),
-  headset: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3" }),
-  rupee: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M6 3h12M6 8h12M6 13l8.5 8M6 13h3M9 13c6.67 0 6.67-10 0-10" }),
-  award: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("circle", { cx: "12", cy: "8", r: "6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M15.48 12.89 17 22l-5-3-5 3 1.52-9.11" })
+  laptop: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16" }),
+  star: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }),
+  headset: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3" }),
+  rupee: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M6 3h12M6 8h12M6 13l8.5 8M6 13h3M9 13c6.67 0 6.67-10 0-10" }),
+  award: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("circle", { cx: "12", cy: "8", r: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M15.48 12.89 17 22l-5-3-5 3 1.52-9.11" })
   ] }),
-  clock: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M12 6v6l4 2" })
+  clock: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M12 6v6l4 2" })
   ] }),
-  "map-pin": /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("circle", { cx: "12", cy: "10", r: "3" })
+  "map-pin": /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("circle", { cx: "12", cy: "10", r: "3" })
   ] }),
-  phone: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" }),
-  check: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M20 6 9 17l-5-5" }),
-  sparkles: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9L12 3z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M5 3v4M3 5h4M19 17v4M17 19h4" })
+  phone: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" }),
+  check: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M20 6 9 17l-5-5" }),
+  sparkles: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9L12 3z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M5 3v4M3 5h4M19 17v4M17 19h4" })
   ] }),
-  tag: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M12.59 2.59A2 2 0 0 0 11.17 2H4a2 2 0 0 0-2 2v7.17a2 2 0 0 0 .59 1.42l8.7 8.7a2.43 2.43 0 0 0 3.42 0l6.58-6.58a2.43 2.43 0 0 0 0-3.42z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("circle", { cx: "7.5", cy: "7.5", r: "1.5" })
+  tag: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M12.59 2.59A2 2 0 0 0 11.17 2H4a2 2 0 0 0-2 2v7.17a2 2 0 0 0 .59 1.42l8.7 8.7a2.43 2.43 0 0 0 3.42 0l6.58-6.58a2.43 2.43 0 0 0 0-3.42z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("circle", { cx: "7.5", cy: "7.5", r: "1.5" })
   ] }),
-  gift: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { x: "3", y: "8", width: "18", height: "4", rx: "1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5" })
+  gift: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("rect", { x: "3", y: "8", width: "18", height: "4", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5" })
   ] }),
-  heart: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" }),
+  heart: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" }),
   // Controls (not offered to content).
-  "chevron-left": /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "m15 18-6-6 6-6" }),
-  "chevron-right": /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "m9 18 6-6-6-6" }),
-  pause: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M8 5v14M16 5v14" }),
-  play: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M7 4.5v15l12-7.5-12-7.5Z" })
+  "chevron-left": /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "m15 18-6-6 6-6" }),
+  "chevron-right": /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "m9 18 6-6-6-6" }),
+  pause: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M8 5v14M16 5v14" }),
+  play: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M7 4.5v15l12-7.5-12-7.5Z" })
 };
 function NamedIcon({ name, size = 20, className = "dt-lp-icon" }) {
   const paths = PATHS[name];
   if (!paths) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("svg", { ...base2, width: size, height: size, className, children: paths });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("svg", { ...base2, width: size, height: size, className, children: paths });
 }
 
 // src/tenant/HeroSlider.jsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var reducedMotion = () => typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 function Slide({ slide, index, count, active, headingTag: H, media, eager }) {
   const wide = media(slide.image, "wide");
   const narrow = media(slide.mobile_image, "narrow");
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "div",
     {
       className: `dt-lp-slide dt-lp-slide--${slide.align} dt-lp-slide--overlay-${wide || narrow ? slide.overlay : "none"}${wide || narrow ? " dt-lp-slide--image" : ""}`,
@@ -2043,15 +2108,15 @@ function Slide({ slide, index, count, active, headingTag: H, media, eager }) {
       "aria-hidden": active ? void 0 : "true",
       "data-active": active ? "" : void 0,
       children: [
-        wide || narrow ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("picture", { className: "dt-lp-slide-media", children: [
-          narrow && wide ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("source", { media: "(max-width: 640px)", srcSet: narrow }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: wide || narrow, alt: slide.image && slide.image.alt || "", loading: eager ? "eager" : "lazy", decoding: "async" })
+        wide || narrow ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("picture", { className: "dt-lp-slide-media", children: [
+          narrow && wide ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("source", { media: "(max-width: 640px)", srcSet: narrow }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: wide || narrow, alt: slide.image && slide.image.alt || "", loading: eager ? "eager" : "lazy", decoding: "async" })
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "dt-lp-wrap dt-lp-slide-body", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "dt-lp-slide-copy", children: [
-          slide.eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "dt-lp-eyebrow dt-lp-slide-eyebrow", children: slide.eyebrow }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(H, { className: "dt-lp-slide-heading", children: slide.heading }),
-          slide.text ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "dt-lp-slide-text", children: slide.text }) : null,
-          slide.cta_label && slide.cta_href ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SmartLink, { href: slide.cta_href, className: "dt-lp-btn dt-lp-btn--lg dt-lp-btn--primary dt-lp-slide-cta", tabIndex: active ? void 0 : -1, children: slide.cta_label }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "dt-lp-wrap dt-lp-slide-body", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "dt-lp-slide-copy", children: [
+          slide.eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "dt-lp-eyebrow dt-lp-slide-eyebrow", children: slide.eyebrow }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(H, { className: "dt-lp-slide-heading", children: slide.heading }),
+          slide.text ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "dt-lp-slide-text", children: slide.text }) : null,
+          slide.cta_label && slide.cta_href ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SmartLink, { href: slide.cta_href, className: "dt-lp-btn dt-lp-btn--lg dt-lp-btn--primary dt-lp-slide-cta", tabIndex: active ? void 0 : -1, children: slide.cta_label }) : null
         ] }) })
       ]
     }
@@ -2059,20 +2124,20 @@ function Slide({ slide, index, count, active, headingTag: H, media, eager }) {
 }
 function HeroSlider({ id, slides = [], height = "standard", autoplay = true, interval = "6", first = false, media }) {
   const count = slides.length;
-  const [index, setIndex] = (0, import_react9.useState)(0);
-  const [playing, setPlaying] = (0, import_react9.useState)(false);
-  const [hold, setHold] = (0, import_react9.useState)(false);
-  const touch = (0, import_react9.useRef)(null);
-  const go = (0, import_react9.useCallback)((i) => setIndex((i % count + count) % count), [count]);
-  (0, import_react9.useEffect)(() => {
+  const [index, setIndex] = (0, import_react10.useState)(0);
+  const [playing, setPlaying] = (0, import_react10.useState)(false);
+  const [hold, setHold] = (0, import_react10.useState)(false);
+  const touch = (0, import_react10.useRef)(null);
+  const go = (0, import_react10.useCallback)((i) => setIndex((i % count + count) % count), [count]);
+  (0, import_react10.useEffect)(() => {
     setPlaying(Boolean(autoplay) && count > 1 && !reducedMotion());
   }, [autoplay, count]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!playing || hold || count < 2) return void 0;
     const t = setTimeout(() => go(index + 1), Math.max(3, Number(interval) || 6) * 1e3);
     return () => clearTimeout(t);
   }, [playing, hold, index, interval, count, go]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (index >= count) setIndex(0);
   }, [count, index]);
   if (!count) return null;
@@ -2095,7 +2160,7 @@ function HeroSlider({ id, slides = [], height = "standard", autoplay = true, int
     touch.current = null;
     if (Math.abs(dx) > 40) go(index + (dx < 0 ? 1 : -1));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "section",
     {
       id,
@@ -2110,12 +2175,12 @@ function HeroSlider({ id, slides = [], height = "standard", autoplay = true, int
       onTouchStart,
       onTouchEnd,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "dt-lp-slides", "aria-live": playing && !hold ? "off" : "polite", children: slides.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Slide, { slide: s, index: i, count, active: i === index, eager: i === 0, headingTag: first && i === 0 ? "h1" : "h2", media }, i)) }),
-        count > 1 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "dt-lp-slider-controls", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { type: "button", className: "dt-lp-slider-btn", "aria-label": "Previous slide", onClick: () => go(index - 1), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(NamedIcon, { name: "chevron-left", size: 20 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "dt-lp-slider-dots", children: slides.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { type: "button", className: "dt-lp-slider-dot", "aria-label": `Go to slide ${i + 1}`, "aria-current": i === index ? "true" : void 0, onClick: () => go(i) }, i)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { type: "button", className: "dt-lp-slider-btn", "aria-label": "Next slide", onClick: () => go(index + 1), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(NamedIcon, { name: "chevron-right", size: 20 }) }),
-          autoplay ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { type: "button", className: "dt-lp-slider-btn", "aria-label": playing ? "Pause slides" : "Play slides", onClick: () => setPlaying((p) => !p), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(NamedIcon, { name: playing ? "pause" : "play", size: 18 }) }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "dt-lp-slides", "aria-live": playing && !hold ? "off" : "polite", children: slides.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Slide, { slide: s, index: i, count, active: i === index, eager: i === 0, headingTag: first && i === 0 ? "h1" : "h2", media }, i)) }),
+        count > 1 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "dt-lp-slider-controls", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { type: "button", className: "dt-lp-slider-btn", "aria-label": "Previous slide", onClick: () => go(index - 1), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(NamedIcon, { name: "chevron-left", size: 20 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "dt-lp-slider-dots", children: slides.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { type: "button", className: "dt-lp-slider-dot", "aria-label": `Go to slide ${i + 1}`, "aria-current": i === index ? "true" : void 0, onClick: () => go(i) }, i)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { type: "button", className: "dt-lp-slider-btn", "aria-label": "Next slide", onClick: () => go(index + 1), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(NamedIcon, { name: "chevron-right", size: 20 }) }),
+          autoplay ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { type: "button", className: "dt-lp-slider-btn", "aria-label": playing ? "Pause slides" : "Play slides", onClick: () => setPlaying((p) => !p), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(NamedIcon, { name: playing ? "pause" : "play", size: 18 }) }) : null
         ] }) : null
       ]
     }
@@ -2123,70 +2188,70 @@ function HeroSlider({ id, slides = [], height = "standard", autoplay = true, int
 }
 
 // src/tenant/blocks.jsx
-var import_react10 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var hid = (id) => `${id}-title`;
-var Heading = ({ id, title: title2, intro: intro2, align = "center" }) => title2 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SectionIntro, { id: hid(id), title: title2, body: intro2, align }) : null;
+var Heading = ({ id, title: title2, intro: intro2, align = "center" }) => title2 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SectionIntro, { id: hid(id), title: title2, body: intro2, align }) : null;
 function SlotSection({ id, title: title2, intro: intro2, tone: tone2, slot, ...props }) {
   const body = typeof slot === "function" ? slot({ title: title2, intro: intro2, ...props }) : slot;
   if (!body) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, className: "dt-lp-slot", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Heading, { id, title: title2, intro: intro2, align: "start" }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "dt-lp-slot-body", children: body })
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, className: "dt-lp-slot", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Heading, { id, title: title2, intro: intro2, align: "start" }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "dt-lp-slot-body", children: body })
   ] });
 }
 function PromoBanner({ id, eyebrow, heading: heading2, text, cta_label: label, cta_href: href, image, style = "brand", media }) {
   const src = media(image, "wide");
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("section", { id, "aria-labelledby": hid(id), className: "dt-lp-section dt-lp-promo-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "dt-lp-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: `dt-lp-promo dt-lp-promo--${style}${src ? " dt-lp-promo--image" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "dt-lp-promo-copy", children: [
-      eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "dt-lp-eyebrow dt-lp-eyebrow--inverse", children: eyebrow }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { id: hid(id), className: "dt-lp-h2 dt-lp-promo-heading", children: heading2 }),
-      text ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "dt-lp-promo-text", children: text }) : null,
-      label && href ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SmartLink, { href, className: "dt-lp-btn dt-lp-btn--lg dt-lp-btn--inverse", children: label }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("section", { id, "aria-labelledby": hid(id), className: "dt-lp-section dt-lp-promo-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "dt-lp-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: `dt-lp-promo dt-lp-promo--${style}${src ? " dt-lp-promo--image" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "dt-lp-promo-copy", children: [
+      eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "dt-lp-eyebrow dt-lp-eyebrow--inverse", children: eyebrow }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { id: hid(id), className: "dt-lp-h2 dt-lp-promo-heading", children: heading2 }),
+      text ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "dt-lp-promo-text", children: text }) : null,
+      label && href ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SmartLink, { href, className: "dt-lp-btn dt-lp-btn--lg dt-lp-btn--inverse", children: label }) : null
     ] }),
-    src ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { className: "dt-lp-promo-img", src, alt: image.alt || "", loading: "lazy", decoding: "async" }) : null
+    src ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { className: "dt-lp-promo-img", src, alt: image.alt || "", loading: "lazy", decoding: "async" }) : null
   ] }) }) });
 }
 function TrustBadges({ id, title: title2, intro: intro2, items = [], tone: tone2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Heading, { id, title: title2, intro: intro2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ul", { className: "dt-lp-tgrid dt-lp-tgrid--4", children: items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("li", { className: "dt-lp-card dt-lp-tcard", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "dt-lp-icon-tile", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(NamedIcon, { name: it.icon, size: 22 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "dt-lp-card-text", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "dt-lp-h3", children: it.title }),
-        it.text ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { children: it.text }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Heading, { id, title: title2, intro: intro2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", { className: "dt-lp-tgrid dt-lp-tgrid--4", children: items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("li", { className: "dt-lp-card dt-lp-tcard", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "dt-lp-icon-tile", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(NamedIcon, { name: it.icon, size: 22 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "dt-lp-card-text", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h3", { className: "dt-lp-h3", children: it.title }),
+        it.text ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: it.text }) : null
       ] })
     ] }, i)) })
   ] });
 }
 function CtaCards({ id, title: title2, items = [], tone: tone2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Heading, { id, title: title2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ul", { className: `dt-lp-tgrid dt-lp-tgrid--${Math.min(items.length, 4) || 1}`, children: items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(SmartLink, { href: it.cta_href, className: "dt-lp-card dt-lp-tcard dt-lp-ctacard", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "dt-lp-icon-tile", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(NamedIcon, { name: it.icon, size: 22 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "dt-lp-card-text", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "dt-lp-h3", children: it.title }),
-        it.text ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { children: it.text }) : null,
-        it.cta_label ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "dt-lp-textlink", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Heading, { id, title: title2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", { className: `dt-lp-tgrid dt-lp-tgrid--${Math.min(items.length, 4) || 1}`, children: items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(SmartLink, { href: it.cta_href, className: "dt-lp-card dt-lp-tcard dt-lp-ctacard", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "dt-lp-icon-tile", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(NamedIcon, { name: it.icon, size: 22 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "dt-lp-card-text", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h3", { className: "dt-lp-h3", children: it.title }),
+        it.text ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: it.text }) : null,
+        it.cta_label ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "dt-lp-textlink", children: [
           it.cta_label,
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(NamedIcon, { name: "chevron-right", size: 16 })
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(NamedIcon, { name: "chevron-right", size: 16 })
         ] }) : null
       ] })
     ] }) }, i)) })
   ] });
 }
 function Testimonials({ id, title: title2, items = [], tone: tone2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Heading, { id, title: title2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ul", { className: "dt-lp-tgrid dt-lp-tgrid--3", children: items.map((it, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Heading, { id, title: title2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", { className: "dt-lp-tgrid dt-lp-tgrid--3", children: items.map((it, i) => {
       const stars = Math.max(1, Math.min(5, Number(it.rating) || 5));
-      return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("li", { className: "dt-lp-card dt-lp-quote", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "dt-lp-stars", "aria-label": `${stars} out of 5 stars`, children: Array.from({ length: 5 }, (_, s) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "aria-hidden": "true", className: s < stars ? "dt-lp-star dt-lp-star--on" : "dt-lp-star", children: "\u2605" }, s)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("blockquote", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { children: it.quote }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "dt-lp-quote-by", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("strong", { children: it.name }),
-          it.detail ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("li", { className: "dt-lp-card dt-lp-quote", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "dt-lp-stars", "aria-label": `${stars} out of 5 stars`, children: Array.from({ length: 5 }, (_, s) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { "aria-hidden": "true", className: s < stars ? "dt-lp-star dt-lp-star--on" : "dt-lp-star", children: "\u2605" }, s)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("blockquote", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: it.quote }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "dt-lp-quote-by", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("strong", { children: it.name }),
+          it.detail ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { children: [
             " \xB7 ",
             it.detail
           ] }) : null
@@ -2196,36 +2261,36 @@ function Testimonials({ id, title: title2, items = [], tone: tone2 }) {
   ] });
 }
 function FaqSection({ id, title: title2, intro: intro2, items = [], tone: tone2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Faq, { id, title: title2, intro: intro2, items, tone: tone2, openFirst: true });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Faq, { id, title: title2, intro: intro2, items, tone: tone2, openFirst: true });
 }
 function RichText({ id, title: title2, html, width = "narrow", tone: tone2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, narrow: width === "narrow", children: [
-    title2 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { id: hid(id), className: "dt-lp-h2", children: title2 }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "dt-lp-prose", dangerouslySetInnerHTML: { __html: sanitizeRichText(html) } })
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, narrow: width === "narrow", children: [
+    title2 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { id: hid(id), className: "dt-lp-h2", children: title2 }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "dt-lp-prose", dangerouslySetInnerHTML: { __html: sanitizeRichText(html) } })
   ] });
 }
 function UspStrip({ id, items = [], tone: tone2 = "tinted" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("section", { id, "aria-label": "Highlights", className: `dt-lp-usp dt-lp-tone--${tone2}`, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "dt-lp-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ul", { className: "dt-lp-usp-list", children: items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("li", { className: "dt-lp-usp-item", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(NamedIcon, { name: it.icon, size: 20, className: "dt-lp-icon dt-lp-usp-icon" }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("strong", { children: it.title }),
-      it.text ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "dt-lp-usp-text", children: it.text }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("section", { id, "aria-label": "Highlights", className: `dt-lp-usp dt-lp-tone--${tone2}`, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "dt-lp-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", { className: "dt-lp-usp-list", children: items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("li", { className: "dt-lp-usp-item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(NamedIcon, { name: it.icon, size: 20, className: "dt-lp-icon dt-lp-usp-icon" }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("strong", { children: it.title }),
+      it.text ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "dt-lp-usp-text", children: it.text }) : null
     ] })
   ] }, i)) }) }) });
 }
 function BrandStrip({ id, title: title2, items = [], tone: tone2, media }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, className: "dt-lp-brands", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Heading, { id, title: title2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ul", { className: "dt-lp-brand-list", children: items.map((it, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, className: "dt-lp-brands", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Heading, { id, title: title2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", { className: "dt-lp-brand-list", children: items.map((it, i) => {
       const src = media(it.logo, "logo");
-      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { className: "dt-lp-brand-item", children: src ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src, alt: it.name, loading: "lazy", decoding: "async" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: it.name }) }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", { className: "dt-lp-brand-item", children: src ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src, alt: it.name, loading: "lazy", decoding: "async" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: it.name }) }, i);
     }) })
   ] });
 }
 function Newsletter({ id, title: title2, text, button_label: button, consent_text: consentText, success_text: success, tone: tone2, onSubscribe }) {
-  const [email, setEmail] = (0, import_react10.useState)("");
-  const [consent, setConsent] = (0, import_react10.useState)(false);
-  const [state, setState] = (0, import_react10.useState)({ status: "idle", message: "" });
+  const [email, setEmail] = (0, import_react11.useState)("");
+  const [consent, setConsent] = (0, import_react11.useState)(false);
+  const [state, setState] = (0, import_react11.useState)({ status: "idle", message: "" });
   const submit = async (e) => {
     e.preventDefault();
     if (!onSubscribe) return;
@@ -2237,36 +2302,36 @@ function Newsletter({ id, title: title2, text, button_label: button, consent_tex
       setState({ status: "error", message: err && err.message || "Could not subscribe. Please try again." });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Section, { id, labelledBy: hid(id), tone: tone2, narrow: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SectionIntro, { id: hid(id), title: title2, body: text, align: "center" }),
-    state.status === "done" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "dt-lp-news-done", role: "status", children: state.message }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("form", { className: "dt-lp-news", onSubmit: submit, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "dt-lp-news-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { className: "dt-lp-sr", htmlFor: `${id}-email`, children: "Email" }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("input", { id: `${id}-email`, type: "email", required: true, autoComplete: "email", placeholder: "you@example.com", value: email, onChange: (e) => setEmail(e.target.value), className: "dt-lp-input" }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { type: "submit", className: "dt-lp-btn dt-lp-btn--md dt-lp-btn--primary", disabled: !consent || state.status === "busy", "aria-busy": state.status === "busy" ? "true" : void 0, children: button })
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Section, { id, labelledBy: hid(id), tone: tone2, narrow: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SectionIntro, { id: hid(id), title: title2, body: text, align: "center" }),
+    state.status === "done" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "dt-lp-news-done", role: "status", children: state.message }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("form", { className: "dt-lp-news", onSubmit: submit, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "dt-lp-news-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "dt-lp-sr", htmlFor: `${id}-email`, children: "Email" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("input", { id: `${id}-email`, type: "email", required: true, autoComplete: "email", placeholder: "you@example.com", value: email, onChange: (e) => setEmail(e.target.value), className: "dt-lp-input" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { type: "submit", className: "dt-lp-btn dt-lp-btn--md dt-lp-btn--primary", disabled: !consent || state.status === "busy", "aria-busy": state.status === "busy" ? "true" : void 0, children: button })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "dt-lp-news-consent", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("input", { type: "checkbox", checked: consent, onChange: (e) => setConsent(e.target.checked), required: true }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: consentText })
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { className: "dt-lp-news-consent", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("input", { type: "checkbox", checked: consent, onChange: (e) => setConsent(e.target.checked), required: true }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: consentText })
       ] }),
-      state.status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "dt-lp-news-error", role: "alert", children: state.message }) : null
+      state.status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "dt-lp-news-error", role: "alert", children: state.message }) : null
     ] })
   ] });
 }
 function Gallery({ id, title: title2, items = [], columns = "3", tone: tone2, media }) {
   const shown = items.map((it) => ({ ...it, src: media(it.image, "gallery") })).filter((it) => it.src);
   if (!shown.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Heading, { id, title: title2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ul", { className: `dt-lp-gallery dt-lp-gallery--${columns}`, children: shown.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("figure", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: it.src, alt: it.image.alt || it.caption || "", loading: "lazy", decoding: "async" }),
-      it.caption ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("figcaption", { children: it.caption }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Heading, { id, title: title2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", { className: `dt-lp-gallery dt-lp-gallery--${columns}`, children: shown.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("figure", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: it.src, alt: it.image.alt || it.caption || "", loading: "lazy", decoding: "async" }),
+      it.caption ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("figcaption", { children: it.caption }) : null
     ] }) }, i)) })
   ] });
 }
 
 // src/tenant/TenantPage.jsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var TENANT_BLOCKS = {
   hero_slider: HeroSlider,
   featured: SlotSection,
@@ -2282,7 +2347,7 @@ var TENANT_BLOCKS = {
   newsletter: Newsletter,
   gallery: Gallery
 };
-var SectionBoundary = class extends import_react11.Component {
+var SectionBoundary = class extends import_react12.Component {
   constructor(props) {
     super(props);
     this.state = { failed: false };
@@ -2306,20 +2371,20 @@ function TenantPage({
   className = "",
   headingStart = 1
 }) {
-  const doc = (0, import_react11.useMemo)(() => validatePage(page).page, [page]);
-  const vars = (0, import_react11.useMemo)(() => themeVars(theme), [theme]);
-  const ctx = (0, import_react11.useMemo)(() => ({ brand: { id: "tenant", name: storeName, primary: vars.theme.primary }, linkComponent, onBookDemo: null, home: true }), [storeName, vars.theme.primary, linkComponent]);
+  const doc = (0, import_react12.useMemo)(() => validatePage(page).page, [page]);
+  const vars = (0, import_react12.useMemo)(() => themeVars(theme), [theme]);
+  const ctx = (0, import_react12.useMemo)(() => ({ brand: { id: "tenant", name: storeName, primary: vars.theme.primary }, linkComponent, onBookDemo: null, home: true }), [storeName, vars.theme.primary, linkComponent]);
   const media = (ref, variant) => ref && ref.media_id != null ? resolveMedia(ref, variant) : null;
   const visible = doc.sections.filter((s) => s.enabled && TENANT_BLOCKS[s.type]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(LandingProvider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: `dt-landing dt-lp-tenant ${className}`.trim(), style: vars.style, "data-theme": vars.theme.mode === "auto" ? void 0 : vars.theme.mode, children: visible.map((s, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LandingProvider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: `dt-landing dt-lp-tenant ${className}`.trim(), style: vars.style, "data-theme": vars.theme.mode === "auto" ? void 0 : vars.theme.mode, children: visible.map((s, i) => {
     const Block = TENANT_BLOCKS[s.type];
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SectionBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Block, { ...s.props, id: `s-${s.id}`, first: i === 0 && headingStart === 1, media, slot: slots[s.type], onSubscribe }) }, s.id);
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SectionBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Block, { ...s.props, id: `s-${s.id}`, first: i === 0 && headingStart === 1, media, slot: slots[s.type], onSubscribe }) }, s.id);
   }) }) });
 }
 
 // src/tenant/TemplateRegion.jsx
-var import_react12 = require("react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var noMedia2 = () => null;
 function TemplateRegion({
   blocks = [],
@@ -2330,17 +2395,17 @@ function TemplateRegion({
   storeName = "",
   className = ""
 }) {
-  const vars = (0, import_react12.useMemo)(() => themeVars(theme), [theme]);
-  const ctx = (0, import_react12.useMemo)(() => ({ brand: { id: "tenant", name: storeName, primary: vars.theme.primary }, linkComponent, onBookDemo: null, home: false }), [storeName, vars.theme.primary, linkComponent]);
+  const vars = (0, import_react13.useMemo)(() => themeVars(theme), [theme]);
+  const ctx = (0, import_react13.useMemo)(() => ({ brand: { id: "tenant", name: storeName, primary: vars.theme.primary }, linkComponent, onBookDemo: null, home: false }), [storeName, vars.theme.primary, linkComponent]);
   const media = (ref, variant) => ref && ref.media_id != null ? resolveMedia(ref, variant) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react12.Fragment, { children: blocks.filter((b) => b && b.enabled !== false).map((b) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react13.Fragment, { children: blocks.filter((b) => b && b.enabled !== false).map((b) => {
     const Slot = slots[b.type];
     if (Slot) {
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SectionBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Slot, { block: b, props: b.props || {} }) }, b.id);
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SectionBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Slot, { block: b, props: b.props || {} }) }, b.id);
     }
     const Block = TENANT_BLOCKS[b.type];
     if (!Block || Block === TENANT_BLOCKS.featured) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SectionBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LandingProvider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: `dt-landing dt-lp-tenant dt-lp-region ${className}`.trim(), style: vars.style, "data-block": b.type, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Block, { ...b.props, id: `b-${b.id}`, first: false, media, slot: null, onSubscribe: null }) }) }) }, b.id);
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SectionBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LandingProvider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: `dt-landing dt-lp-tenant dt-lp-region ${className}`.trim(), style: vars.style, "data-block": b.type, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Block, { ...b.props, id: `b-${b.id}`, first: false, media, slot: null, onSubscribe: null }) }) }) }, b.id);
   }) });
 }