@salesmind-ai/design-system 0.6.0 → 0.7.0

package/dist/{chunk-LTPTW2US.cjs → chunk-WE4QIIVN.cjs}

@@ -1,77 +1,53 @@
 'use strict';
 
-var chunkHCZW5AJN_cjs = require('./chunk-HCZW5AJN.cjs');
-var chunkE7D6EKJ4_cjs = require('./chunk-E7D6EKJ4.cjs');
-var chunkH2Y6BSTL_cjs = require('./chunk-H2Y6BSTL.cjs');
+var chunkJPUJWI7F_cjs = require('./chunk-JPUJWI7F.cjs');
+var chunk7EUR3AKV_cjs = require('./chunk-7EUR3AKV.cjs');
 var chunkDP74LUXG_cjs = require('./chunk-DP74LUXG.cjs');
-var chunkQ75DBVDY_cjs = require('./chunk-Q75DBVDY.cjs');
 var chunkVC5LMUVQ_cjs = require('./chunk-VC5LMUVQ.cjs');
-var chunkVM7WFMKI_cjs = require('./chunk-VM7WFMKI.cjs');
-var chunkBJZ2DKS5_cjs = require('./chunk-BJZ2DKS5.cjs');
+var chunkGPHQGLR5_cjs = require('./chunk-GPHQGLR5.cjs');
+var chunk6QIQCUYC_cjs = require('./chunk-6QIQCUYC.cjs');
 var chunkLJADZITX_cjs = require('./chunk-LJADZITX.cjs');
-var React34 = require('react');
-var clsx27 = require('clsx');
-var lucideReact = require('lucide-react');
+var React24 = require('react');
+var clsx17 = require('clsx');
 var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var reactIntl = require('react-intl');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React34__default = /*#__PURE__*/_interopDefault(React34);
-var clsx27__default = /*#__PURE__*/_interopDefault(clsx27);
+var React24__default = /*#__PURE__*/_interopDefault(React24);
+var clsx17__default = /*#__PURE__*/_interopDefault(clsx17);
 
-var AnnouncementBar = React34.forwardRef(
+var AuroraVoid = React24.forwardRef(
   ({
-    badge,
-    message,
-    href,
-    variant = "brand",
-    dismissible = false,
-    onDismiss,
-    showArrow = true,
+    intensity = "base",
+    animated = true,
+    static: isStatic = false,
     className,
-    ...props
+    children
   }, ref) => {
-    const { track } = chunkVC5LMUVQ_cjs.useAnalytics();
-    const handleClick = () => {
-      if (href) {
-        track("announcement_click", { href, variant });
-      }
-    };
-    const handleDismiss = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      track("announcement_dismiss", { variant });
-      onDismiss?.();
-    };
-    const Component = href ? "a" : "div";
-    const componentProps = href ? { href, onClick: handleClick } : {};
+    const isAnimated = animated && !isStatic;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         ref,
-        className: clsx27__default.default(
-          "ds-announcement-bar",
-          `ds-announcement-bar--${variant}`,
-          href && "ds-announcement-bar--clickable",
+        className: clsx17__default.default(
+          "ds-aurora-void",
+          `ds-aurora-void--intensity-${intensity}`,
+          isAnimated && "ds-aurora-void--animated",
+          isStatic && "ds-aurora-void--static",
           className
         ),
-        ...props,
+        "aria-hidden": "true",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Component, { className: "ds-announcement-bar__inner", ...componentProps, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-announcement-bar__content", children: [
-              badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-announcement-bar__badge", children: badge }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-announcement-bar__message", children: message })
-            ] }),
-            href && showArrow && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "ds-announcement-bar__arrow", size: 16 })
-          ] }),
-          dismissible && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-aurora-void__aurora" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-aurora-void__vignette" }),
+          children && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
             {
-              type: "button",
-              className: "ds-announcement-bar__close",
-              onClick: handleDismiss,
-              "aria-label": "Dismiss announcement",
-              children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12" }) })
+              style: { position: "relative", zIndex: 1 },
+              "aria-hidden": void 0,
+              children
             }
           )
         ]
@@ -79,8 +55,49 @@ var AnnouncementBar = React34.forwardRef(
     );
   }
 );
-AnnouncementBar.displayName = "AnnouncementBar";
-var StickyActionBar = React34.forwardRef(
+AuroraVoid.displayName = "AuroraVoid";
+var Vignette = React24.forwardRef(
+  ({ intensity = "base", as: Tag = "div", className, children }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Tag,
+      {
+        ref,
+        className: clsx17__default.default(
+          "ds-vignette",
+          `ds-vignette--${intensity}`,
+          className
+        ),
+        "aria-hidden": "true",
+        children
+      }
+    );
+  }
+);
+Vignette.displayName = "Vignette";
+var GridOverlay = React24.forwardRef(
+  ({ cell = "64", opacity = 0.04, mask = true, className }, ref) => {
+    const style = {};
+    if (opacity !== 0.04) {
+      style.opacity = opacity;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: clsx17__default.default(
+          "ds-grid-overlay",
+          `ds-grid-overlay--cell-${cell}`,
+          mask && "ds-grid-overlay--masked",
+          className
+        ),
+        style,
+        "aria-hidden": "true"
+      }
+    );
+  }
+);
+GridOverlay.displayName = "GridOverlay";
+var StickyActionBar = React24.forwardRef(
   ({
     message,
     primaryAction,
@@ -91,9 +108,9 @@ var StickyActionBar = React34.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [isVisible, setIsVisible] = React34.useState(false);
+    const [isVisible, setIsVisible] = React24.useState(false);
     const { track } = chunkVC5LMUVQ_cjs.useAnalytics();
-    React34.useEffect(() => {
+    React24.useEffect(() => {
       const handleScroll = () => {
         const shouldShow = window.scrollY > showThreshold;
         if (shouldShow && !isVisible) {
@@ -112,7 +129,7 @@ var StickyActionBar = React34.forwardRef(
       "div",
       {
         ref,
-        className: clsx27__default.default(
+        className: clsx17__default.default(
           "ds-sticky-action-bar",
           `ds-sticky-action-bar--${position}`,
           `ds-sticky-action-bar--${variant}`,
@@ -131,67 +148,92 @@ var StickyActionBar = React34.forwardRef(
   }
 );
 StickyActionBar.displayName = "StickyActionBar";
-var PricingToggle = React34.forwardRef(
-  ({
-    value,
-    onChange,
-    monthlyLabel = "Monthly",
-    annualLabel = "Annual",
-    savingsBadge,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: clsx27__default.default("ds-pricing-toggle", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkHCZW5AJN_cjs.ToggleGroup,
-            {
-              type: "single",
-              value,
-              onValueChange: (v) => {
-                if (v && typeof v === "string") {
-                  onChange(v);
-                }
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.ToggleGroupItem, { value: "monthly", children: monthlyLabel }),
-                /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.ToggleGroupItem, { value: "annual", children: annualLabel })
-              ]
-            }
-          ),
-          savingsBadge && /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.Badge, { className: "ds-pricing-toggle__badge", children: savingsBadge })
-        ]
+function parseSetHeight(data) {
+  if (!Array.isArray(data) || data[0] !== "highlevel.setHeight") return null;
+  const payload = data[1];
+  if (typeof payload !== "object" || payload === null) return null;
+  const height = payload.height;
+  if (typeof height !== "number" || !Number.isFinite(height) || height < 0) return null;
+  return { height: Math.min(height, 2e3) };
+}
+function parseBookingComplete(data) {
+  if (!Array.isArray(data) || data[0] !== "msgsndr-booking-complete") return null;
+  const raw = typeof data[1] === "object" && data[1] !== null ? data[1] : {};
+  const payload = {};
+  if (typeof raw.date === "string") payload.date = raw.date;
+  if (typeof raw.time === "string") payload.time = raw.time;
+  if (typeof raw.timezone === "string") payload.timezone = raw.timezone;
+  return payload;
+}
+function useGhlMessages(options) {
+  const { origin, onSetHeight, onBookingComplete, throttleMs = 200 } = options;
+  const lastHeightUpdateRef = React24.useRef(0);
+  const onSetHeightRef = React24.useRef(onSetHeight);
+  const onBookingCompleteRef = React24.useRef(onBookingComplete);
+  React24.useEffect(() => {
+    onSetHeightRef.current = onSetHeight;
+    onBookingCompleteRef.current = onBookingComplete;
+  }, [onSetHeight, onBookingComplete]);
+  React24.useEffect(() => {
+    const handler = (event) => {
+      if (event.origin !== origin) return;
+      const setHeightResult = parseSetHeight(event.data);
+      if (setHeightResult) {
+        const now = performance.now();
+        if (now - lastHeightUpdateRef.current >= throttleMs) {
+          lastHeightUpdateRef.current = now;
+          onSetHeightRef.current?.(setHeightResult.height);
+        }
+        return;
       }
-    );
-  }
-);
-PricingToggle.displayName = "PricingToggle";
-var BookingEmbed = React34.forwardRef(
+      const bookingCompleteResult = parseBookingComplete(event.data);
+      if (bookingCompleteResult) {
+        onBookingCompleteRef.current?.(bookingCompleteResult);
+      }
+    };
+    window.addEventListener("message", handler);
+    return () => window.removeEventListener("message", handler);
+  }, [origin, throttleMs]);
+}
+var BookingEmbed = React24.forwardRef(
   ({
     url,
     aspectRatio = "16/9",
     title = "Book a call",
     lazyLoad = true,
+    expectedHeight,
+    onError,
+    onReady,
+    onEvent,
+    showRetry = true,
+    maxRetries = 3,
+    timeoutMs,
     className,
     style,
     ...props
   }, ref) => {
-    const [isLoaded, setIsLoaded] = React34.useState(!lazyLoad);
-    const [isIframeLoaded, setIsIframeLoaded] = React34.useState(false);
-    const containerRef = React34.useRef(null);
+    const [isLoaded, setIsLoaded] = React24.useState(!lazyLoad);
+    const [status, setStatus] = React24.useState("loading");
+    const [dynamicHeight, setDynamicHeight] = React24.useState(null);
+    const [retryCount, setRetryCount] = React24.useState(0);
+    const [iframeKey, setIframeKey] = React24.useState(0);
+    const containerRef = React24.useRef(null);
+    const timeoutRef = React24.useRef(null);
+    const readyCalledRef = React24.useRef(false);
+    const retryTimerRef = React24.useRef(null);
     const { track } = chunkVC5LMUVQ_cjs.useAnalytics();
-    React34.useEffect(() => {
+    const intl = reactIntl.useIntl();
+    const handleTrack = React24.useCallback((event, trackProps = {}) => {
+      onEvent?.(event, trackProps);
+      track(event, trackProps);
+    }, [onEvent, track]);
+    React24.useEffect(() => {
       if (!lazyLoad) return;
       const observer = new IntersectionObserver(
         (entries) => {
           if (entries[0].isIntersecting) {
             setIsLoaded(true);
-            track("booking_embed_visible", { url });
+            handleTrack("booking_embed_visible", { url });
             observer.disconnect();
           }
         },
@@ -201,37 +243,130 @@ var BookingEmbed = React34.forwardRef(
         observer.observe(containerRef.current);
       }
       return () => observer.disconnect();
-    }, [lazyLoad, url, track]);
-    const handleIframeLoad = () => {
-      setIsIframeLoaded(true);
-      track("booking_embed_loaded", { url });
+    }, [lazyLoad, url, handleTrack]);
+    React24.useEffect(() => {
+      if (status !== "loading") return;
+      const ms = timeoutMs ?? 8e3;
+      const id = window.setTimeout(() => {
+        setStatus("error");
+        onError?.("timeout");
+      }, ms);
+      timeoutRef.current = id;
+      return () => {
+        window.clearTimeout(id);
+        timeoutRef.current = null;
+      };
+    }, [status, timeoutMs, onError]);
+    const handleReady = React24.useCallback(() => {
+      if (readyCalledRef.current) return;
+      readyCalledRef.current = true;
+      setStatus((prev) => prev === "loading" ? "ready" : prev);
+      if (timeoutRef.current !== null) {
+        window.clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+      }
+      onReady?.();
+    }, [onReady]);
+    const handleRetry = React24.useCallback(() => {
+      if (retryCount >= maxRetries) return;
+      const delay = 1e3 * Math.pow(2, retryCount);
+      setRetryCount((c) => c + 1);
+      readyCalledRef.current = false;
+      setStatus("loading");
+      retryTimerRef.current = window.setTimeout(() => {
+        setIframeKey((k) => k + 1);
+      }, delay);
+    }, [retryCount, maxRetries]);
+    React24.useEffect(() => () => {
+      if (retryTimerRef.current !== null) window.clearTimeout(retryTimerRef.current);
+    }, []);
+    const handleSetHeight = React24.useCallback((height) => {
+      setDynamicHeight(height);
+      handleReady();
+    }, [handleReady]);
+    const handleBookingComplete = React24.useCallback((payload) => {
+      containerRef.current?.dispatchEvent(
+        new CustomEvent("booking-complete", {
+          detail: {
+            date: payload.date,
+            time: payload.time,
+            timezone: payload.timezone
+          },
+          bubbles: true
+        })
+      );
+    }, []);
+    useGhlMessages({
+      origin: "https://meet.sales-mind.ai",
+      onSetHeight: handleSetHeight,
+      onBookingComplete: handleBookingComplete
+    });
+    const handleIframeLoad = React24.useCallback(() => {
+      handleReady();
+      handleTrack("booking_embed_loaded", { url });
+    }, [handleReady, handleTrack, url]);
+    const containerStyle = {
+      "--embed-aspect-ratio": aspectRatio,
+      ...dynamicHeight !== null ? { "--embed-dynamic-height": `${dynamicHeight}px` } : {},
+      ...expectedHeight !== void 0 ? { "--embed-min-height": `${expectedHeight}px` } : {},
+      ...style
     };
+    const handleRef = React24.useCallback((node) => {
+      containerRef.current = node;
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    }, [ref]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        ref: (node) => {
-          containerRef.current = node;
-          if (typeof ref === "function") ref(node);
-          else if (ref) ref.current = node;
-        },
-        className: clsx27__default.default("ds-booking-embed", className),
-        style: { "--embed-aspect-ratio": aspectRatio, ...style },
+        ref: handleRef,
+        className: clsx17__default.default(
+          "ds-booking-embed",
+          dynamicHeight !== null && "ds-booking-embed--dynamic-height",
+          status === "loading" && "ds-booking-embed--loading",
+          status === "ready" && "ds-booking-embed--ready",
+          status === "error" && "ds-booking-embed--error",
+          className
+        ),
+        style: containerStyle,
+        "aria-busy": status === "loading" || void 0,
         ...props,
         children: [
-          !isIframeLoaded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-booking-embed__skeleton", children: [
+          status !== "ready" && status !== "error" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-booking-embed__skeleton", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-booking-embed__spinner" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Loading calendar..." })
+            /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx(reactIntl.FormattedMessage, { ...chunkGPHQGLR5_cjs.bookingEmbedMessages.loading }) })
           ] }),
+          status === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-booking-embed__error", role: "alert", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-booking-embed__error-content", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarOff, { className: "ds-booking-embed__error-icon", "aria-hidden": true }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "ds-booking-embed__error-title", children: intl.formatMessage(chunkGPHQGLR5_cjs.bookingEmbedMessages.errorTitle) }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-booking-embed__error-description", children: intl.formatMessage(chunkGPHQGLR5_cjs.bookingEmbedMessages.errorDescription) }),
+            showRetry && retryCount < maxRetries ? /* @__PURE__ */ jsxRuntime.jsx(chunk7EUR3AKV_cjs.Button, { variant: "secondary", onClick: handleRetry, children: /* @__PURE__ */ jsxRuntime.jsx(reactIntl.FormattedMessage, { ...chunkGPHQGLR5_cjs.commonMessages.retry }) }) : /* @__PURE__ */ jsxRuntime.jsx(
+              chunkLJADZITX_cjs.OutboundLink,
+              {
+                href: url,
+                context: "booking-embed-fallback",
+                openInNewTab: true,
+                className: "ds-button ds-button--outline ds-button--md",
+                children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-button__content", children: /* @__PURE__ */ jsxRuntime.jsx(reactIntl.FormattedMessage, { ...chunkGPHQGLR5_cjs.bookingEmbedMessages.openInNewTab }) })
+              }
+            )
+          ] }) }),
           isLoaded && /* @__PURE__ */ jsxRuntime.jsx(
             "iframe",
             {
               src: url,
               title,
-              className: clsx27__default.default("ds-booking-embed__iframe", isIframeLoaded && "ds-booking-embed__iframe--loaded"),
+              className: clsx17__default.default(
+                "ds-booking-embed__iframe",
+                status === "ready" && "ds-booking-embed__iframe--loaded"
+              ),
               onLoad: handleIframeLoad,
-              frameBorder: "0",
-              scrolling: "no"
-            }
+              frameBorder: "0"
+            },
+            iframeKey
           )
         ]
       }
@@ -239,7 +374,7 @@ var BookingEmbed = React34.forwardRef(
   }
 );
 BookingEmbed.displayName = "BookingEmbed";
-var ProblemAgitation = React34.forwardRef(
+var ProblemAgitation = React24.forwardRef(
   ({
     title,
     description,
@@ -253,7 +388,7 @@ var ProblemAgitation = React34.forwardRef(
       "section",
       {
         ref,
-        className: clsx27__default.default("ds-problem-agitation", className),
+        className: clsx17__default.default("ds-problem-agitation", className),
         ...props,
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-problem-agitation__header", children: [
@@ -265,7 +400,7 @@ var ProblemAgitation = React34.forwardRef(
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-problem-agitation__mobile-label ds-problem-agitation__mobile-label--new", children: newWayLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-problem-agitation__column-header ds-problem-agitation__column-header--old", children: oldWayLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-problem-agitation__column-header ds-problem-agitation__column-header--new", children: newWayLabel }),
-            points.map((point, index) => /* @__PURE__ */ jsxRuntime.jsxs(React34__default.default.Fragment, { children: [
+            points.map((point, index) => /* @__PURE__ */ jsxRuntime.jsxs(React24__default.default.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-problem-agitation__cell ds-problem-agitation__cell--old", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-problem-agitation__icon-wrapper ds-problem-agitation__icon-wrapper--old", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 20, "aria-hidden": "true" }) }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-problem-agitation__content", children: point.problem })
@@ -282,296 +417,7 @@ var ProblemAgitation = React34.forwardRef(
   }
 );
 ProblemAgitation.displayName = "ProblemAgitation";
-var ProcessTimeline = React34.forwardRef(
-  ({
-    steps,
-    animated = true,
-    className,
-    ...props
-  }, ref) => {
-    const [progress, setProgress] = React34.useState(0);
-    const containerRef = React34.useRef(null);
-    const { track } = chunkVC5LMUVQ_cjs.useAnalytics();
-    const hasTrackedRef = React34.useRef(false);
-    React34.useEffect(() => {
-      if (!animated) return;
-      const handleScroll = () => {
-        if (!containerRef.current) return;
-        const rect = containerRef.current.getBoundingClientRect();
-        const windowHeight = window.innerHeight;
-        const startDraw = windowHeight * 0.5;
-        const travelDistance = rect.height;
-        const currentPos = startDraw - rect.top;
-        if (currentPos < 0) {
-          setProgress(0);
-        } else if (currentPos > travelDistance) {
-          setProgress(100);
-          if (!hasTrackedRef.current) {
-            hasTrackedRef.current = true;
-            track("timeline_complete");
-          }
-        } else {
-          setProgress(currentPos / travelDistance * 100);
-        }
-      };
-      window.addEventListener("scroll", handleScroll, { passive: true });
-      handleScroll();
-      return () => window.removeEventListener("scroll", handleScroll);
-    }, [animated, track]);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref: (node) => {
-          containerRef.current = node;
-          if (typeof ref === "function") ref(node);
-          else if (ref) ref.current = node;
-        },
-        className: clsx27__default.default(
-          "ds-process-timeline",
-          animated && "ds-process-timeline--animated",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-process-timeline__track", children: /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: "ds-process-timeline__progress",
-              style: { height: animated ? `${progress}%` : "100%" }
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-process-timeline__steps", children: steps.map((step, index) => {
-            const stepProgress = index / (steps.length - 1) * 100;
-            const isActive = !animated || progress >= stepProgress;
-            return /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: clsx27__default.default(
-                  "ds-process-timeline__step",
-                  isActive && "ds-process-timeline__step--active"
-                ),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-process-timeline__indicator", children: step.indicator }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-process-timeline__content", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "ds-process-timeline__title", children: step.title }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-process-timeline__description", children: step.description })
-                  ] })
-                ]
-              },
-              index
-            );
-          }) })
-        ]
-      }
-    );
-  }
-);
-ProcessTimeline.displayName = "ProcessTimeline";
-var PricingCard = React34__default.default.forwardRef(
-  ({
-    tier,
-    tagline,
-    price,
-    priceSuffix,
-    anchorPrice,
-    badge,
-    highlighted = false,
-    features = [],
-    cta,
-    secondaryCta,
-    footerNote,
-    className,
-    children,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: clsx27__default.default(
-          "ds-pricing-card",
-          highlighted && "ds-pricing-card--highlighted",
-          className
-        ),
-        ...props,
-        children: [
-          badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-pricing-card__badge", children: badge }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-pricing-card__header", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "ds-pricing-card__tier", children: tier }),
-            tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-pricing-card__tagline", children: tagline })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-pricing-card__price-block", children: [
-            anchorPrice && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-pricing-card__anchor-price", children: anchorPrice }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-pricing-card__price-row", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-pricing-card__price", children: price }),
-              priceSuffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-pricing-card__price-suffix", children: priceSuffix })
-            ] })
-          ] }),
-          features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ds-pricing-card__features", children: features.map((feature, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
-            "li",
-            {
-              className: clsx27__default.default(
-                "ds-pricing-card__feature",
-                feature.included === false && "ds-pricing-card__feature--excluded"
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-pricing-card__feature-icon", "aria-hidden": "true", children: feature.included === false ? /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-                ] }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }) }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ds-pricing-card__feature-text", children: [
-                  feature.text,
-                  feature.detail && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-pricing-card__feature-detail", children: feature.detail })
-                ] })
-              ]
-            },
-            idx
-          )) }),
-          (cta || secondaryCta) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-pricing-card__cta-area", children: [
-            cta,
-            secondaryCta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-pricing-card__secondary-cta", children: secondaryCta })
-          ] }),
-          footerNote && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-pricing-card__footer-note", children: footerNote }),
-          children
-        ]
-      }
-    );
-  }
-);
-PricingCard.displayName = "PricingCard";
-var PricingSection = React34.forwardRef(
-  ({
-    title,
-    description,
-    plans,
-    toggle,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "section",
-      {
-        ref,
-        className: clsx27__default.default("ds-pricing-section", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-pricing-section__header", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "ds-pricing-section__title", children: title }),
-            description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-pricing-section__description", children: description }),
-            toggle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-pricing-section__toggle", children: toggle })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-pricing-section__grid", children: plans.map((plan, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            PricingCard,
-            {
-              ...plan,
-              className: clsx27__default.default(
-                "ds-pricing-section__card",
-                plan.highlighted && "ds-pricing-section__card--popular"
-              )
-            },
-            index
-          )) })
-        ]
-      }
-    );
-  }
-);
-PricingSection.displayName = "PricingSection";
-var LeadCaptureForm = React34.forwardRef(
-  ({
-    buttonText = "Subscribe",
-    emailLabel = "Work Email",
-    emailPlaceholder = "you@company.com",
-    disclaimer,
-    onSubmitSuccess,
-    layout = "horizontal",
-    isLoading = false,
-    className,
-    onSubmit,
-    ...props
-  }, ref) => {
-    const [email, setEmail] = React34.useState("");
-    const [error, setError] = React34.useState();
-    const [internalLoading, setInternalLoading] = React34.useState(false);
-    const { track } = chunkVC5LMUVQ_cjs.useAnalytics();
-    const isCurrentlyLoading = isLoading || internalLoading;
-    const handleSubmit = async (e) => {
-      e.preventDefault();
-      if (!email) {
-        setError("Email is required");
-        return;
-      }
-      if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
-        setError("Please enter a valid email address");
-        return;
-      }
-      setError(void 0);
-      setInternalLoading(true);
-      track("lead_capture_submit", { email_domain: email.split("@")[1] });
-      try {
-        if (onSubmitSuccess) {
-          await onSubmitSuccess(email);
-        }
-        track("lead_capture_success");
-      } catch (err) {
-        setError("Something went wrong. Please try again.");
-        track("lead_capture_error", { error: String(err) });
-      } finally {
-        setInternalLoading(false);
-      }
-      if (onSubmit) {
-        onSubmit(e);
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "form",
-      {
-        ref,
-        className: clsx27__default.default(
-          "ds-lead-capture",
-          `ds-lead-capture--${layout}`,
-          className
-        ),
-        onSubmit: handleSubmit,
-        noValidate: true,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-lead-capture__inputs", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-lead-capture__input-wrapper", children: [
-              layout === "vertical" && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "lead-email", className: "ds-lead-capture__label", children: emailLabel }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                chunkE7D6EKJ4_cjs.TextField,
-                {
-                  id: "lead-email",
-                  type: "email",
-                  value: email,
-                  onChange: (e) => setEmail(e.target.value),
-                  placeholder: emailPlaceholder,
-                  disabled: isCurrentlyLoading,
-                  "aria-label": layout === "horizontal" ? emailLabel : void 0,
-                  className: clsx27__default.default("ds-lead-capture__input", error && "ds-lead-capture__input--error")
-                }
-              ),
-              error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-lead-capture__error", children: error })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkH2Y6BSTL_cjs.Button,
-              {
-                type: "submit",
-                isLoading: isCurrentlyLoading,
-                className: "ds-lead-capture__submit",
-                children: buttonText
-              }
-            )
-          ] }),
-          disclaimer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-lead-capture__disclaimer", children: disclaimer })
-        ]
-      }
-    );
-  }
-);
-LeadCaptureForm.displayName = "LeadCaptureForm";
-var CaseStudyCard = React34.forwardRef(
+var CaseStudyCard = React24.forwardRef(
   ({
     company,
     logo,
@@ -588,7 +434,7 @@ var CaseStudyCard = React34.forwardRef(
       "article",
       {
         ref,
-        className: clsx27__default.default("ds-case-study-card", className),
+        className: clsx17__default.default("ds-case-study-card", className),
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsxs(chunkLJADZITX_cjs.OutboundLink, { href, context: "case-study-card", className: "ds-case-study-card__link", openInNewTab: false, children: [
           coverImage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-case-study-card__image-wrap", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -604,231 +450,33 @@ var CaseStudyCard = React34.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-case-study-card__body", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-case-study-card__header", children: [
               logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-case-study-card__logo", children: logo }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-case-study-card__company-info", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-case-study-card__company", children: company }),
-                industry && /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.Badge, { variant: "secondary", className: "ds-case-study-card__industry", children: industry })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "ds-case-study-card__headline", children: headline }),
-            metrics && metrics.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-case-study-card__metrics", children: metrics.map((metric, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-case-study-card__metric", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ds-case-study-card__metric-value", children: [
-                metric.prefix,
-                metric.value,
-                metric.suffix
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-case-study-card__metric-label", children: metric.label })
-            ] }, i)) }),
-            quote && /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "ds-case-study-card__quote", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
-              "\u201C",
-              quote,
-              "\u201D"
-            ] }) })
-          ] })
-        ] })
-      }
-    );
-  }
-);
-CaseStudyCard.displayName = "CaseStudyCard";
-function getEmbedUrl(src, muted = false) {
-  const ytMatch = src.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/)([a-zA-Z0-9_-]+)/);
-  if (ytMatch) {
-    const params = muted ? "autoplay=1&mute=1&rel=0" : "autoplay=1&rel=0";
-    return `https://www.youtube.com/embed/${ytMatch[1]}?${params}`;
-  }
-  const vimeoMatch = src.match(/(?:vimeo\.com\/)(\d+)/);
-  if (vimeoMatch) {
-    const params = muted ? "autoplay=1&muted=1" : "autoplay=1";
-    return `https://player.vimeo.com/video/${vimeoMatch[1]}?${params}`;
-  }
-  const loomMatch = src.match(/(?:loom\.com\/share\/)([a-zA-Z0-9]+)/);
-  if (loomMatch) return `https://www.loom.com/embed/${loomMatch[1]}?autoplay=1`;
-  return src;
-}
-var VideoEmbed = React34.forwardRef(
-  ({
-    src,
-    poster,
-    title,
-    aspectRatio = "16/9",
-    autoPlay = false,
-    withFrame = false,
-    onPlay,
-    className,
-    ...props
-  }, ref) => {
-    const [playing, setPlaying] = React34.useState(false);
-    const containerRef = React34.useRef(null);
-    const handlePlay = React34.useCallback(() => {
-      setPlaying(true);
-      onPlay?.();
-    }, [onPlay]);
-    React34.useEffect(() => {
-      if (!autoPlay || playing) return;
-      if (typeof window === "undefined") return;
-      const motionQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
-      if (motionQuery.matches) return;
-      const target = containerRef.current;
-      if (!target) return;
-      const observer = new IntersectionObserver(
-        ([entry]) => {
-          if (entry.isIntersecting) {
-            handlePlay();
-            observer.disconnect();
-          }
-        },
-        { threshold: 0.5 }
-      );
-      observer.observe(target);
-      return () => observer.disconnect();
-    }, [autoPlay, playing, handlePlay]);
-    const embedContent = /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: containerRef,
-        className: clsx27__default.default("ds-video-embed", withFrame && "ds-video-embed--framed", className),
-        style: { aspectRatio },
-        children: !playing ? /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            type: "button",
-            className: "ds-video-embed__poster-btn",
-            onClick: handlePlay,
-            "aria-label": `Play video: ${title}`,
-            children: [
-              poster && /* @__PURE__ */ jsxRuntime.jsx(
-                "img",
-                {
-                  src: poster,
-                  alt: "",
-                  className: "ds-video-embed__poster",
-                  loading: "lazy",
-                  decoding: "async"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-video-embed__overlay" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-video-embed__play", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "24", fill: "rgba(0,0,0,0.5)" }),
-                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 15l14 9-14 9V15z", fill: "white" })
-              ] }) })
-            ]
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          "iframe",
-          {
-            src: getEmbedUrl(src, autoPlay),
-            title,
-            className: "ds-video-embed__iframe",
-            allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-            allowFullScreen: true
-          }
-        )
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-case-study-card__company-info", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-case-study-card__company", children: company }),
+                industry && /* @__PURE__ */ jsxRuntime.jsx(chunkJPUJWI7F_cjs.Badge, { variant: "secondary", className: "ds-case-study-card__industry", children: industry })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "ds-case-study-card__headline", children: headline }),
+            metrics && metrics.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-case-study-card__metrics", children: metrics.map((metric, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-case-study-card__metric", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ds-case-study-card__metric-value", children: [
+                metric.prefix,
+                metric.value,
+                metric.suffix
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-case-study-card__metric-label", children: metric.label })
+            ] }, i)) }),
+            quote && /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "ds-case-study-card__quote", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              "\u201C",
+              quote,
+              "\u201D"
+            ] }) })
+          ] })
+        ] })
       }
     );
-    if (withFrame) {
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkQ75DBVDY_cjs.BrowserFrame, { ref, variant: "browser", url: src, ...props, children: embedContent });
-    }
-    return React34__default.default.cloneElement(embedContent, { ref, ...props });
-  }
-);
-VideoEmbed.displayName = "VideoEmbed";
-var DEFAULT_SUPPRESSION = 7 * 24 * 60 * 60 * 1e3;
-var DEFAULT_ACTIVATION_DELAY = 5e3;
-var MOBILE_INACTIVITY_TIMEOUT = 45e3;
-function isSuppressed(key, duration) {
-  if (typeof window === "undefined") return true;
-  try {
-    const ts = localStorage.getItem(key);
-    if (!ts) return false;
-    return Date.now() - Number(ts) < duration;
-  } catch {
-    return false;
-  }
-}
-function suppress(key) {
-  try {
-    localStorage.setItem(key, String(Date.now()));
-  } catch {
-  }
-}
-function isMobile() {
-  if (typeof window === "undefined") return false;
-  return window.matchMedia("(max-width: 768px)").matches || "ontouchstart" in window;
-}
-var ExitIntentOverlay = React34.forwardRef(
-  ({
-    children,
-    enabled = true,
-    activationDelay = DEFAULT_ACTIVATION_DELAY,
-    excludePaths,
-    storageKey = "ds-exit-intent",
-    suppressionDuration = DEFAULT_SUPPRESSION,
-    onShow,
-    onDismiss,
-    className,
-    ...props
-  }, ref) => {
-    const [open, setOpen] = React34.useState(false);
-    const activatedRef = React34.useRef(false);
-    const shownRef = React34.useRef(false);
-    const show = React34.useCallback(() => {
-      if (shownRef.current) return;
-      shownRef.current = true;
-      setOpen(true);
-      onShow?.();
-    }, [onShow]);
-    const handleDismiss = React34.useCallback(() => {
-      setOpen(false);
-      suppress(storageKey);
-      onDismiss?.();
-    }, [storageKey, onDismiss]);
-    React34.useEffect(() => {
-      if (!enabled) return;
-      if (typeof window === "undefined") return;
-      if (excludePaths?.some((p) => window.location.pathname.startsWith(p))) return;
-      if (isSuppressed(storageKey, suppressionDuration)) return;
-      const activationTimer = setTimeout(() => {
-        activatedRef.current = true;
-      }, activationDelay);
-      const handleMouseOut = (e) => {
-        if (!activatedRef.current) return;
-        if (e.clientY < 10 && e.relatedTarget === null) {
-          show();
-        }
-      };
-      let mobileTimer = null;
-      const resetMobileTimer = () => {
-        if (mobileTimer) clearTimeout(mobileTimer);
-        if (!activatedRef.current) return;
-        mobileTimer = setTimeout(show, MOBILE_INACTIVITY_TIMEOUT);
-      };
-      if (isMobile()) {
-        const mobileStart = setTimeout(() => {
-          resetMobileTimer();
-          document.addEventListener("touchstart", resetMobileTimer, { passive: true });
-          document.addEventListener("scroll", resetMobileTimer, { passive: true });
-        }, activationDelay);
-        return () => {
-          clearTimeout(activationTimer);
-          clearTimeout(mobileStart);
-          if (mobileTimer) clearTimeout(mobileTimer);
-          document.removeEventListener("touchstart", resetMobileTimer);
-          document.removeEventListener("scroll", resetMobileTimer);
-        };
-      }
-      document.addEventListener("mouseout", handleMouseOut);
-      return () => {
-        clearTimeout(activationTimer);
-        document.removeEventListener("mouseout", handleMouseOut);
-      };
-    }, [enabled, activationDelay, excludePaths, storageKey, suppressionDuration, show]);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx27__default.default("ds-exit-intent-overlay", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.Dialog, { open, onOpenChange: (isOpen) => {
-      if (!isOpen) handleDismiss();
-    }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.DialogContent, { className: "ds-exit-intent-overlay__dialog", children }) }) });
   }
 );
-ExitIntentOverlay.displayName = "ExitIntentOverlay";
-var BeforeAfterBlock = React34.forwardRef(
+CaseStudyCard.displayName = "CaseStudyCard";
+var BeforeAfterBlock = React24.forwardRef(
   ({
     eyebrow,
     title,
@@ -841,7 +489,7 @@ var BeforeAfterBlock = React34.forwardRef(
     const renderItems = (items, side) => items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
       "li",
       {
-        className: clsx27__default.default(
+        className: clsx17__default.default(
           "ds-before-after__item",
           item.sentiment && `ds-before-after__item--${item.sentiment}`
         ),
@@ -853,14 +501,14 @@ var BeforeAfterBlock = React34.forwardRef(
       i
     ));
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkBJZ2DKS5_cjs.SectionShell,
+      chunk6QIQCUYC_cjs.SectionShell,
       {
         ref,
-        className: clsx27__default.default("ds-before-after", className),
+        className: clsx17__default.default("ds-before-after", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx27__default.default("ds-before-after__layout", `ds-before-after__layout--${variant}`), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx17__default.default("ds-before-after__layout", `ds-before-after__layout--${variant}`), children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-before-after__column ds-before-after__column--before", children: [
               /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "ds-before-after__label", children: before.label }),
               /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ds-before-after__list", children: renderItems(before.items, "before") }),
@@ -879,7 +527,7 @@ var BeforeAfterBlock = React34.forwardRef(
   }
 );
 BeforeAfterBlock.displayName = "BeforeAfterBlock";
-var CompetitorDiff = React34.forwardRef(
+var CompetitorDiff = React24.forwardRef(
   ({
     eyebrow,
     title,
@@ -893,13 +541,13 @@ var CompetitorDiff = React34.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkBJZ2DKS5_cjs.SectionShell,
+      chunk6QIQCUYC_cjs.SectionShell,
       {
         ref,
-        className: clsx27__default.default("ds-competitor-diff", className),
+        className: clsx17__default.default("ds-competitor-diff", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
           variant === "table" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-competitor-diff__table", role: "table", "aria-label": "Feature comparison", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-competitor-diff__thead", role: "row", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-competitor-diff__th", role: "columnheader" }),
@@ -954,239 +602,19 @@ var CompetitorDiff = React34.forwardRef(
               item.us
             ] })
           ] }, i)) }),
-          cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-competitor-diff__cta", children: /* @__PURE__ */ jsxRuntime.jsx(chunkH2Y6BSTL_cjs.Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: cta.href, context: "competitor-diff-cta", openInNewTab: false, children: cta.label }) }) })
+          cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-competitor-diff__cta", children: /* @__PURE__ */ jsxRuntime.jsx(chunk7EUR3AKV_cjs.Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: cta.href, context: "competitor-diff-cta", openInNewTab: false, children: cta.label }) }) })
         ]
       }
     );
   }
 );
 CompetitorDiff.displayName = "CompetitorDiff";
-var StakeholderTabs = React34.forwardRef(
-  ({
-    eyebrow,
-    title,
-    stakeholders,
-    defaultIndex = 0,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkBJZ2DKS5_cjs.SectionShell,
-      {
-        ref,
-        className: clsx27__default.default("ds-stakeholder-tabs", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title }),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkHCZW5AJN_cjs.Tabs, { defaultValue: defaultIndex, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.TabsList, { className: "ds-stakeholder-tabs__list", children: stakeholders.map((s, i) => /* @__PURE__ */ jsxRuntime.jsxs(chunkHCZW5AJN_cjs.TabsTrigger, { value: i, className: "ds-stakeholder-tabs__trigger", children: [
-              s.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-stakeholder-tabs__icon", "aria-hidden": "true", children: s.icon }),
-              s.label
-            ] }, i)) }),
-            stakeholders.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.TabsContent, { value: i, className: "ds-stakeholder-tabs__content", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-stakeholder-tabs__panel", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-stakeholder-tabs__text", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "ds-stakeholder-tabs__headline", children: s.content.headline }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-stakeholder-tabs__desc", children: s.content.description }),
-                s.content.features && s.content.features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ds-stakeholder-tabs__features", children: s.content.features.map((f, j) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "ds-stakeholder-tabs__feature", children: [
-                  f.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-stakeholder-tabs__feature-icon", "aria-hidden": "true", children: f.icon }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("strong", { children: f.title }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: f.description })
-                  ] })
-                ] }, j)) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-stakeholder-tabs__cta-wrap", children: /* @__PURE__ */ jsxRuntime.jsx(chunkH2Y6BSTL_cjs.Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: s.content.cta.href, context: "stakeholder-tabs-cta", openInNewTab: false, children: s.content.cta.label }) }) })
-              ] }),
-              s.content.testimonial && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-stakeholder-tabs__testimonial", children: s.content.testimonial })
-            ] }) }, i))
-          ] })
-        ]
-      }
-    );
-  }
-);
-StakeholderTabs.displayName = "StakeholderTabs";
-var IntegrationShowcase = React34.forwardRef(
-  ({
-    eyebrow,
-    title,
-    subtitle,
-    integrations,
-    categories,
-    variant = "grid",
-    filterable = !!categories,
-    className,
-    ...props
-  }, ref) => {
-    const [activeCategory, setActiveCategory] = React34.useState("All");
-    const allCategories = categories ?? ["All", ...new Set(integrations.map((i) => i.category))];
-    const filtered = activeCategory === "All" ? integrations : integrations.filter((i) => i.category === activeCategory);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkBJZ2DKS5_cjs.SectionShell,
-      {
-        ref,
-        className: clsx27__default.default("ds-integration-showcase", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title, subtitle }),
-          filterable && allCategories.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkHCZW5AJN_cjs.Tabs,
-            {
-              value: allCategories.indexOf(activeCategory),
-              onValueChange: (v) => setActiveCategory(allCategories[v] ?? "All"),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.TabsList, { className: "ds-integration-showcase__filters", children: allCategories.map((cat, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.TabsTrigger, { value: i, className: "ds-integration-showcase__filter", children: cat }, cat)) }),
-                allCategories.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.TabsContent, { value: i, className: "ds-integration-showcase__tab-content" }, i))
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx27__default.default("ds-integration-showcase__grid", `ds-integration-showcase__grid--${variant}`), children: filtered.map((integration, i) => {
-            const Card = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-integration-showcase__card", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-integration-showcase__logo", children: integration.logo }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-integration-showcase__info", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ds-integration-showcase__name", children: [
-                  integration.name,
-                  integration.badge && /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.Badge, { variant: "secondary", className: "ds-integration-showcase__badge", children: integration.badge })
-                ] }),
-                integration.description && variant !== "compact" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-integration-showcase__desc", children: integration.description })
-              ] })
-            ] }, i);
-            return integration.href ? /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: integration.href, context: "integration-showcase-card", className: "ds-integration-showcase__card-link", children: Card }, i) : Card;
-          }) })
-        ]
-      }
-    );
-  }
-);
-IntegrationShowcase.displayName = "IntegrationShowcase";
-var SecurityBlock = React34.forwardRef(
-  ({
-    eyebrow,
-    title,
-    subtitle,
-    certifications,
-    features,
-    variant = "badges",
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkBJZ2DKS5_cjs.SectionShell,
-      {
-        ref,
-        className: clsx27__default.default("ds-security-block", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title, subtitle }),
-          certifications && certifications.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx27__default.default("ds-security-block__certs", `ds-security-block__certs--${variant}`), children: certifications.map((cert, i) => {
-            const inner = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-security-block__cert", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-security-block__cert-icon", children: cert.icon }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-security-block__cert-info", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-security-block__cert-name", children: cert.name }),
-                variant === "detailed" && cert.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-security-block__cert-desc", children: cert.description })
-              ] })
-            ] }, i);
-            return cert.href ? /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: cert.href, context: "security-block-cert", className: "ds-security-block__cert-link", children: inner }, i) : /* @__PURE__ */ jsxRuntime.jsx(React34__default.default.Fragment, { children: inner }, i);
-          }) }),
-          features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-security-block__features", children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-security-block__feature", children: [
-            feature.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-security-block__feature-icon", "aria-hidden": "true", children: feature.icon }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "ds-security-block__feature-title", children: feature.title }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-security-block__feature-desc", children: feature.description })
-            ] })
-          ] }, i)) })
-        ]
-      }
-    );
-  }
-);
-SecurityBlock.displayName = "SecurityBlock";
-var CaseStudySection = React34.forwardRef(
-  ({
-    eyebrow,
-    title,
-    subtitle,
-    caseStudies,
-    filterable = false,
-    filters,
-    maxVisible,
-    seeAllHref,
-    className,
-    ...props
-  }, ref) => {
-    const allFilters = filters ?? [
-      "All",
-      ...new Set(caseStudies.map((cs) => cs.industry).filter(Boolean))
-    ];
-    const [activeFilter, setActiveFilter] = React34.useState("All");
-    const filtered = activeFilter === "All" ? caseStudies : caseStudies.filter((cs) => cs.industry === activeFilter);
-    const visible = maxVisible ? filtered.slice(0, maxVisible) : filtered;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkBJZ2DKS5_cjs.SectionShell,
-      {
-        ref,
-        className: clsx27__default.default("ds-case-study-section", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title, subtitle }),
-          filterable && allFilters.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkHCZW5AJN_cjs.Tabs,
-            {
-              value: allFilters.indexOf(activeFilter),
-              onValueChange: (v) => setActiveFilter(allFilters[v] ?? "All"),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.TabsList, { className: "ds-case-study-section__filters", children: allFilters.map((filter, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.TabsTrigger, { value: i, className: "ds-case-study-section__filter", children: filter }, filter)) }),
-                allFilters.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.TabsContent, { value: i, className: "ds-case-study-section__tab-content" }, i))
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-case-study-section__grid", children: visible.map((cs, i) => /* @__PURE__ */ jsxRuntime.jsx(CaseStudyCard, { ...cs }, i)) }),
-          seeAllHref && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-case-study-section__see-all", children: /* @__PURE__ */ jsxRuntime.jsx(chunkH2Y6BSTL_cjs.Button, { variant: "outline", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: seeAllHref, context: "case-study-section-see-all", openInNewTab: false, children: "See all case studies" }) }) })
-        ]
-      }
-    );
-  }
-);
-CaseStudySection.displayName = "CaseStudySection";
-var ManifestoBlock = React34.forwardRef(
-  ({
-    statement,
-    attribution,
-    variant = "centered",
-    className,
-    ...props
-  }, ref) => {
-    const initials = attribution ? attribution.name.split(" ").map((n) => n[0]).join("").slice(0, 2) : "";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBJZ2DKS5_cjs.SectionShell,
-      {
-        ref,
-        className: clsx27__default.default("ds-manifesto", `ds-manifesto--${variant}`, className),
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-manifesto__inner", children: [
-          variant === "quote" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-manifesto__quote-mark", "aria-hidden": "true", children: "\u201C" }),
-          /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "ds-manifesto__statement", children: statement }),
-          attribution && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-manifesto__attribution", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunkVM7WFMKI_cjs.Avatar, { size: "sm", children: [
-              attribution.avatar && /* @__PURE__ */ jsxRuntime.jsx(chunkVM7WFMKI_cjs.AvatarImage, { src: attribution.avatar, alt: attribution.name }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkVM7WFMKI_cjs.AvatarFallback, { children: initials })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-manifesto__attribution-text", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-manifesto__attribution-name", children: attribution.name }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-manifesto__attribution-role", children: attribution.role })
-            ] })
-          ] })
-        ] })
-      }
-    );
-  }
-);
-ManifestoBlock.displayName = "ManifestoBlock";
 var STATUS_LABELS = {
   certified: "Certified",
   "in-progress": "In Progress",
   planned: "Planned"
 };
-var ComplianceGrid = React34.forwardRef(
+var ComplianceGrid = React24.forwardRef(
   ({
     eyebrow,
     title,
@@ -1196,18 +624,18 @@ var ComplianceGrid = React34.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkBJZ2DKS5_cjs.SectionShell,
+      chunk6QIQCUYC_cjs.SectionShell,
       {
         ref,
-        className: clsx27__default.default("ds-compliance-grid", className),
+        className: clsx17__default.default("ds-compliance-grid", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-compliance-grid__items", children: items.map((item, i) => {
             const inner = /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
-                className: clsx27__default.default(
+                className: clsx17__default.default(
                   "ds-compliance-grid__item",
                   `ds-compliance-grid__item--${item.status}`
                 ),
@@ -1216,9 +644,9 @@ var ComplianceGrid = React34.forwardRef(
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-compliance-grid__info", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-compliance-grid__name", children: item.name }),
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkHCZW5AJN_cjs.Badge,
+                      chunkJPUJWI7F_cjs.Badge,
                       {
-                        className: clsx27__default.default(
+                        className: clsx17__default.default(
                           "ds-compliance-grid__status",
                           `ds-compliance-grid__status--${item.status}`
                         ),
@@ -1232,7 +660,7 @@ var ComplianceGrid = React34.forwardRef(
               },
               i
             );
-            return item.documentHref ? /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: item.documentHref, context: "compliance-grid-doc", className: "ds-compliance-grid__link", children: inner }, i) : /* @__PURE__ */ jsxRuntime.jsx(React34__default.default.Fragment, { children: inner }, i);
+            return item.documentHref ? /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: item.documentHref, context: "compliance-grid-doc", className: "ds-compliance-grid__link", children: inner }, i) : /* @__PURE__ */ jsxRuntime.jsx(React24__default.default.Fragment, { children: inner }, i);
           }) })
         ]
       }
@@ -1240,7 +668,7 @@ var ComplianceGrid = React34.forwardRef(
   }
 );
 ComplianceGrid.displayName = "ComplianceGrid";
-var ArchitectureDiagram = React34.forwardRef(
+var ArchitectureDiagram = React24.forwardRef(
   ({
     nodes,
     connections,
@@ -1253,7 +681,7 @@ var ArchitectureDiagram = React34.forwardRef(
       "div",
       {
         ref,
-        className: clsx27__default.default(
+        className: clsx17__default.default(
           "ds-architecture",
           `ds-architecture--${direction}`,
           className
@@ -1261,12 +689,12 @@ var ArchitectureDiagram = React34.forwardRef(
         role: "img",
         "aria-label": "Architecture diagram",
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-architecture__nodes", children: nodes.map((node, i) => /* @__PURE__ */ jsxRuntime.jsxs(React34__default.default.Fragment, { children: [
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-architecture__nodes", children: nodes.map((node, i) => /* @__PURE__ */ jsxRuntime.jsxs(React24__default.default.Fragment, { children: [
           i > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-architecture__connection", "aria-hidden": "true", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: clsx27__default.default(
+                className: clsx17__default.default(
                   "ds-architecture__line",
                   connections.find(
                     (c) => c.from === nodes[i - 1]?.id && c.to === node.id
@@ -1284,7 +712,7 @@ var ArchitectureDiagram = React34.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: clsx27__default.default(
+              className: clsx17__default.default(
                 "ds-architecture__node",
                 `ds-architecture__node--${node.type}`
               ),
@@ -1311,7 +739,7 @@ function getCookieSegment(name) {
   const match = document.cookie.match(new RegExp(`(?:^|;\\s*)${name}=([^;]*)`));
   return match ? decodeURIComponent(match[1]) : null;
 }
-var SegmentSwitch = React34.forwardRef(
+var SegmentSwitch = React24.forwardRef(
   ({
     segment: controlledSegment,
     segments,
@@ -1322,7 +750,7 @@ var SegmentSwitch = React34.forwardRef(
     className,
     ...props
   }, ref) => {
-    const resolvedSegment = React34.useMemo(() => {
+    const resolvedSegment = React24.useMemo(() => {
       if (controlledSegment) return controlledSegment;
       switch (source) {
         case "utm":
@@ -1335,11 +763,11 @@ var SegmentSwitch = React34.forwardRef(
     }, [controlledSegment, source, utmParam, cookieName]);
     const content = resolvedSegment && segments[resolvedSegment] ? segments[resolvedSegment] : fallback;
     if (!content) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx27__default.default(className), ...props, children: content });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx17__default.default(className), ...props, children: content });
   }
 );
 SegmentSwitch.displayName = "SegmentSwitch";
-var IntentCTA = React34.forwardRef(
+var IntentCTA = React24.forwardRef(
   ({
     stages,
     defaultCta,
@@ -1347,14 +775,14 @@ var IntentCTA = React34.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [activeStageIndex, setActiveStageIndex] = React34.useState(-1);
-    const timeRef = React34.useRef(0);
-    const timerRef = React34.useRef(null);
-    const pageCountRef = React34.useRef(pageCount);
-    React34.useEffect(() => {
+    const [activeStageIndex, setActiveStageIndex] = React24.useState(-1);
+    const timeRef = React24.useRef(0);
+    const timerRef = React24.useRef(null);
+    const pageCountRef = React24.useRef(pageCount);
+    React24.useEffect(() => {
       pageCountRef.current = pageCount;
     }, [pageCount]);
-    React34.useEffect(() => {
+    React24.useEffect(() => {
       if (typeof window === "undefined") return;
       timerRef.current = setInterval(() => {
         timeRef.current += 1;
@@ -1398,10 +826,10 @@ var IntentCTA = React34.forwardRef(
       "div",
       {
         ref,
-        className: clsx27__default.default("ds-intent-cta", className),
+        className: clsx17__default.default("ds-intent-cta", className),
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkH2Y6BSTL_cjs.Button,
+          chunk7EUR3AKV_cjs.Button,
           {
             variant: activeCta.variant ?? "primary",
             asChild: true,
@@ -1413,7 +841,7 @@ var IntentCTA = React34.forwardRef(
   }
 );
 IntentCTA.displayName = "IntentCTA";
-var EvolutionTimeline = React34.forwardRef(
+var EvolutionTimeline = React24.forwardRef(
   ({
     eyebrow,
     title,
@@ -1425,26 +853,26 @@ var EvolutionTimeline = React34.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkBJZ2DKS5_cjs.SectionShell,
+      chunk6QIQCUYC_cjs.SectionShell,
       {
         ref,
-        className: clsx27__default.default("ds-evolution-timeline", className),
+        className: clsx17__default.default("ds-evolution-timeline", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-evolution-timeline__track", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-evolution-timeline__line", "aria-hidden": "true" }),
             eras.map((era, i) => /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
-                className: clsx27__default.default(
+                className: clsx17__default.default(
                   "ds-evolution-timeline__era",
                   `ds-evolution-timeline__era--${era.sentiment}`,
                   era.current && "ds-evolution-timeline__era--current"
                 ),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-evolution-timeline__marker", "aria-hidden": "true" }),
-                  youAreHere === i && /* @__PURE__ */ jsxRuntime.jsx(chunkHCZW5AJN_cjs.Badge, { className: "ds-evolution-timeline__you-are-here", children: "Most tools are here" }),
+                  youAreHere === i && /* @__PURE__ */ jsxRuntime.jsx(chunkJPUJWI7F_cjs.Badge, { className: "ds-evolution-timeline__you-are-here", children: "Most tools are here" }),
                   era.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-evolution-timeline__icon", "aria-hidden": "true", children: era.icon }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-evolution-timeline__content", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-evolution-timeline__period", children: era.period }),
@@ -1460,14 +888,14 @@ var EvolutionTimeline = React34.forwardRef(
               i
             ))
           ] }),
-          cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-evolution-timeline__cta", children: /* @__PURE__ */ jsxRuntime.jsx(chunkH2Y6BSTL_cjs.Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: cta.href, context: "evolution-timeline-cta", openInNewTab: false, children: cta.label }) }) })
+          cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-evolution-timeline__cta", children: /* @__PURE__ */ jsxRuntime.jsx(chunk7EUR3AKV_cjs.Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: cta.href, context: "evolution-timeline-cta", openInNewTab: false, children: cta.label }) }) })
         ]
       }
     );
   }
 );
 EvolutionTimeline.displayName = "EvolutionTimeline";
-var EcosystemDiagram = React34.forwardRef(
+var EcosystemDiagram = React24.forwardRef(
   ({
     eyebrow,
     title,
@@ -1480,13 +908,13 @@ var EcosystemDiagram = React34.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkBJZ2DKS5_cjs.SectionShell,
+      chunk6QIQCUYC_cjs.SectionShell,
       {
         ref,
-        className: clsx27__default.default("ds-ecosystem", `ds-ecosystem--${variant}`, className),
+        className: clsx17__default.default("ds-ecosystem", `ds-ecosystem--${variant}`, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-ecosystem__diagram", role: "img", "aria-label": "Ecosystem diagram", children: [
             centerLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-ecosystem__center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-ecosystem__center-label", children: centerLabel }) }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-ecosystem__layers", children: layers.map((layer, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-ecosystem__layer", children: [
@@ -1510,7 +938,7 @@ function formatNumber(n, prefix, suffix) {
   const formatted = n >= 1e3 ? n.toLocaleString("en-US", { maximumFractionDigits: 0 }) : String(Math.round(n * 10) / 10);
   return `${prefix ?? ""}${formatted}${suffix ?? ""}`;
 }
-var ValueAnchor = React34.forwardRef(
+var ValueAnchor = React24.forwardRef(
   ({
     eyebrow,
     title,
@@ -1521,26 +949,26 @@ var ValueAnchor = React34.forwardRef(
     className,
     ...props
   }, ref) => {
-    const initialValues = React34.useMemo(() => {
+    const initialValues = React24.useMemo(() => {
       const vals = {};
       inputs.forEach((inp) => {
         vals[inp.name] = inp.defaultValue;
       });
       return vals;
     }, [inputs]);
-    const [values, setValues] = React34.useState(initialValues);
-    const handleChange = React34.useCallback((name, value) => {
+    const [values, setValues] = React24.useState(initialValues);
+    const handleChange = React24.useCallback((name, value) => {
       setValues((prev) => ({ ...prev, [name]: value }));
     }, []);
-    const output = React34.useMemo(() => calculate(values), [values, calculate]);
+    const output = React24.useMemo(() => calculate(values), [values, calculate]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkBJZ2DKS5_cjs.SectionShell,
+      chunk6QIQCUYC_cjs.SectionShell,
       {
         ref,
-        className: clsx27__default.default("ds-value-anchor", className),
+        className: clsx17__default.default("ds-value-anchor", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-value-anchor__layout", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-value-anchor__inputs", children: inputs.map((input) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-value-anchor__input-group", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "ds-value-anchor__input-label", children: [
@@ -1548,19 +976,22 @@ var ValueAnchor = React34.forwardRef(
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-value-anchor__input-value", children: formatNumber(values[input.name], input.prefix, input.suffix) })
               ] }),
               input.type === "slider" ? /* @__PURE__ */ jsxRuntime.jsx(
-                chunkHCZW5AJN_cjs.Slider,
+                "input",
                 {
+                  type: "range",
+                  className: "ds-slider",
                   value: values[input.name],
                   min: input.min ?? 0,
                   max: input.max ?? 100,
                   step: input.step ?? 1,
-                  onValueChange: (v) => handleChange(input.name, v),
-                  inputLabel: input.label
+                  onChange: (e) => handleChange(input.name, Number(e.target.value)),
+                  "aria-label": input.label
                 }
               ) : /* @__PURE__ */ jsxRuntime.jsx(
-                chunkE7D6EKJ4_cjs.TextField,
+                "input",
                 {
                   type: "number",
+                  className: "ds-text-field",
                   value: String(values[input.name]),
                   onChange: (e) => handleChange(input.name, Number(e.target.value) || 0)
                 }
@@ -1591,7 +1022,7 @@ var ValueAnchor = React34.forwardRef(
               ] })
             ] })
           ] }),
-          cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-value-anchor__cta", children: /* @__PURE__ */ jsxRuntime.jsx(chunkH2Y6BSTL_cjs.Button, { variant: "primary", size: "lg", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: cta.href, context: "value-anchor-cta", openInNewTab: false, children: cta.label }) }) })
+          cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-value-anchor__cta", children: /* @__PURE__ */ jsxRuntime.jsx(chunk7EUR3AKV_cjs.Button, { variant: "primary", size: "lg", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: cta.href, context: "value-anchor-cta", openInNewTab: false, children: cta.label }) }) })
         ]
       }
     );
@@ -1603,7 +1034,7 @@ var STATUS_LABELS2 = {
   "in-progress": "In Progress",
   planned: "Planned"
 };
-var EnterpriseSignaling = React34.forwardRef(
+var EnterpriseSignaling = React24.forwardRef(
   ({
     eyebrow,
     title,
@@ -1619,20 +1050,20 @@ var EnterpriseSignaling = React34.forwardRef(
         "div",
         {
           ref,
-          className: clsx27__default.default("ds-enterprise-signaling", "ds-enterprise-signaling--strip", className),
+          className: clsx17__default.default("ds-enterprise-signaling", "ds-enterprise-signaling--strip", className),
           ...props,
           children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-enterprise-signaling__strip-inner", children: categories.flatMap((cat) => cat.items.filter((i) => i.status === "active")).map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-enterprise-signaling__strip-item", children: item.name }, i)) })
         }
       );
     }
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkBJZ2DKS5_cjs.SectionShell,
+      chunk6QIQCUYC_cjs.SectionShell,
       {
         ref,
-        className: clsx27__default.default("ds-enterprise-signaling", `ds-enterprise-signaling--${variant}`, className),
+        className: clsx17__default.default("ds-enterprise-signaling", `ds-enterprise-signaling--${variant}`, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-enterprise-signaling__categories", children: categories.map((cat, ci) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-enterprise-signaling__category", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-enterprise-signaling__category-header", children: [
               cat.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-enterprise-signaling__category-icon", children: cat.icon }),
@@ -1642,16 +1073,16 @@ var EnterpriseSignaling = React34.forwardRef(
               const inner = /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
-                  className: clsx27__default.default(
+                  className: clsx17__default.default(
                     "ds-enterprise-signaling__item",
                     `ds-enterprise-signaling__item--${item.status}`
                   ),
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-enterprise-signaling__item-name", children: item.name }),
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkHCZW5AJN_cjs.Badge,
+                      chunkJPUJWI7F_cjs.Badge,
                       {
-                        className: clsx27__default.default("ds-enterprise-signaling__item-status", `ds-enterprise-signaling__item-status--${item.status}`),
+                        className: clsx17__default.default("ds-enterprise-signaling__item-status", `ds-enterprise-signaling__item-status--${item.status}`),
                         variant: "outline",
                         children: STATUS_LABELS2[item.status]
                       }
@@ -1661,7 +1092,7 @@ var EnterpriseSignaling = React34.forwardRef(
                 },
                 ii
               );
-              return item.href ? /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: item.href, context: "enterprise-signaling-item", className: "ds-enterprise-signaling__item-link", children: inner }, ii) : /* @__PURE__ */ jsxRuntime.jsx(React34__default.default.Fragment, { children: inner }, ii);
+              return item.href ? /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: item.href, context: "enterprise-signaling-item", className: "ds-enterprise-signaling__item-link", children: inner }, ii) : /* @__PURE__ */ jsxRuntime.jsx(React24__default.default.Fragment, { children: inner }, ii);
             }) })
           ] }, ci)) }),
           sla && sla.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-enterprise-signaling__sla", children: [
@@ -1685,7 +1116,7 @@ var EnterpriseSignaling = React34.forwardRef(
   }
 );
 EnterpriseSignaling.displayName = "EnterpriseSignaling";
-var IntelligenceBlock = React34.forwardRef(
+var IntelligenceBlock = React24.forwardRef(
   ({
     eyebrow,
     title,
@@ -1727,13 +1158,13 @@ var IntelligenceBlock = React34.forwardRef(
       ] })
     ] }, i)) });
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkBJZ2DKS5_cjs.SectionShell,
+      chunk6QIQCUYC_cjs.SectionShell,
       {
         ref,
-        className: clsx27__default.default("ds-intelligence", `ds-intelligence--${variant}`, className),
+        className: clsx17__default.default("ds-intelligence", `ds-intelligence--${variant}`, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
           variant === "capabilities-first" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             capabilitiesBlock,
             metricsBlock
@@ -1750,7 +1181,7 @@ IntelligenceBlock.displayName = "IntelligenceBlock";
 function fmtNum(n, prefix, suffix) {
   return `${prefix ?? ""}${n.toLocaleString("en-US", { maximumFractionDigits: 0 })}${suffix ?? ""}`;
 }
-var PartnerValueProp = React34.forwardRef(
+var PartnerValueProp = React24.forwardRef(
   ({
     eyebrow,
     title,
@@ -1765,7 +1196,7 @@ var PartnerValueProp = React34.forwardRef(
     className,
     ...props
   }, ref) => {
-    const initialValues = React34.useMemo(() => {
+    const initialValues = React24.useMemo(() => {
       if (!calculator) return {};
       const vals = {};
       calculator.inputs.forEach((inp) => {
@@ -1773,22 +1204,22 @@ var PartnerValueProp = React34.forwardRef(
       });
       return vals;
     }, [calculator]);
-    const [values, setValues] = React34.useState(initialValues);
-    const handleChange = React34.useCallback((name, value) => {
+    const [values, setValues] = React24.useState(initialValues);
+    const handleChange = React24.useCallback((name, value) => {
       setValues((prev) => ({ ...prev, [name]: value }));
     }, []);
-    const calcOutput = React34.useMemo(() => {
+    const calcOutput = React24.useMemo(() => {
       if (!calculator) return null;
       return calculator.calculate(values);
     }, [values, calculator]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkBJZ2DKS5_cjs.SectionShell,
+      chunk6QIQCUYC_cjs.SectionShell,
       {
         ref,
-        className: clsx27__default.default("ds-partner-vp", className),
+        className: clsx17__default.default("ds-partner-vp", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBJZ2DKS5_cjs.SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk6QIQCUYC_cjs.SectionHeader, { eyebrow, title, subtitle }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-partner-vp__layout", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-partner-vp__benefits", children: benefits.map((b, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-partner-vp__benefit", children: [
               b.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-partner-vp__benefit-icon", "aria-hidden": "true", children: b.icon }),
@@ -1799,22 +1230,21 @@ var PartnerValueProp = React34.forwardRef(
             ] }, i)) }),
             calculator && calcOutput && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-partner-vp__calculator", children: [
               /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "ds-partner-vp__calc-title", children: "Partner Economics" }),
-              calculator.inputs.map((input) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-partner-vp__calc-input", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "ds-partner-vp__calc-label", children: [
-                  input.label,
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-partner-vp__calc-value", children: fmtNum(values[input.name], input.prefix, input.suffix) })
-                ] }),
+              calculator.inputs.map((input) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-partner-vp__calc-input", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "ds-partner-vp__calc-label", children: [
+                input.label,
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-partner-vp__calc-value", children: fmtNum(values[input.name], input.prefix, input.suffix) }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkHCZW5AJN_cjs.Slider,
+                  "input",
                   {
+                    type: "range",
                     value: values[input.name],
                     min: input.min ?? 0,
                     max: input.max ?? 100,
-                    inputLabel: input.label,
-                    onValueChange: (v) => handleChange(input.name, v)
+                    "aria-label": input.label,
+                    onChange: (e) => handleChange(input.name, Number(e.target.value))
                   }
                 )
-              ] }, input.name)),
+              ] }) }, input.name)),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-partner-vp__calc-results", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-partner-vp__calc-margin", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ds-partner-vp__calc-margin-value", children: [
@@ -1859,16 +1289,88 @@ var PartnerValueProp = React34.forwardRef(
               ] }, i)) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-partner-vp__cta", children: /* @__PURE__ */ jsxRuntime.jsx(chunkH2Y6BSTL_cjs.Button, { variant: "primary", size: "lg", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: cta.href, context: "partner-value-prop-cta", openInNewTab: false, children: cta.label }) }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-partner-vp__cta", children: /* @__PURE__ */ jsxRuntime.jsx(chunk7EUR3AKV_cjs.Button, { variant: "primary", size: "lg", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: cta.href, context: "partner-value-prop-cta", openInNewTab: false, children: cta.label }) }) })
         ]
       }
     );
   }
 );
 PartnerValueProp.displayName = "PartnerValueProp";
-var ComparisonTable = React34__default.default.forwardRef(
+var PricingCard = React24__default.default.forwardRef(
+  ({
+    tier,
+    tagline,
+    price,
+    priceSuffix,
+    anchorPrice,
+    badge,
+    highlighted = false,
+    features = [],
+    cta,
+    secondaryCta,
+    footerNote,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: clsx17__default.default(
+          "ds-pricing-card",
+          highlighted && "ds-pricing-card--highlighted",
+          className
+        ),
+        ...props,
+        children: [
+          badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-pricing-card__badge", children: badge }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-pricing-card__header", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "ds-pricing-card__tier", children: tier }),
+            tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-pricing-card__tagline", children: tagline })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-pricing-card__price-block", children: [
+            anchorPrice && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-pricing-card__anchor-price", children: anchorPrice }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-pricing-card__price-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-pricing-card__price", children: price }),
+              priceSuffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-pricing-card__price-suffix", children: priceSuffix })
+            ] })
+          ] }),
+          features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ds-pricing-card__features", children: features.map((feature, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "li",
+            {
+              className: clsx17__default.default(
+                "ds-pricing-card__feature",
+                feature.included === false && "ds-pricing-card__feature--excluded"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-pricing-card__feature-icon", "aria-hidden": "true", children: feature.included === false ? /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                ] }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ds-pricing-card__feature-text", children: [
+                  feature.text,
+                  feature.detail && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-pricing-card__feature-detail", children: feature.detail })
+                ] })
+              ]
+            },
+            idx
+          )) }),
+          (cta || secondaryCta) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-pricing-card__cta-area", children: [
+            cta,
+            secondaryCta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-pricing-card__secondary-cta", children: secondaryCta })
+          ] }),
+          footerNote && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-pricing-card__footer-note", children: footerNote }),
+          children
+        ]
+      }
+    );
+  }
+);
+PricingCard.displayName = "PricingCard";
+var ComparisonTable = React24__default.default.forwardRef(
   ({ columns, rows, caption, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx27__default.default("ds-comparison-table", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-comparison-table__scroll", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "ds-comparison-table__table", role: "table", children: [
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx17__default.default("ds-comparison-table", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-comparison-table__scroll", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "ds-comparison-table__table", role: "table", children: [
       caption && /* @__PURE__ */ jsxRuntime.jsx("caption", { className: "ds-comparison-table__caption", children: caption }),
       /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "ds-comparison-table__head", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("th", { className: "ds-comparison-table__corner", scope: "col", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-visually-hidden", children: "Feature" }) }),
@@ -1876,7 +1378,7 @@ var ComparisonTable = React34__default.default.forwardRef(
           "th",
           {
             scope: "col",
-            className: clsx27__default.default(
+            className: clsx17__default.default(
               "ds-comparison-table__col-header",
               col.highlighted && "ds-comparison-table__col-header--highlighted"
             ),
@@ -1901,7 +1403,7 @@ var ComparisonTable = React34__default.default.forwardRef(
           row.values.map((val, colIdx) => /* @__PURE__ */ jsxRuntime.jsx(
             "td",
             {
-              className: clsx27__default.default(
+              className: clsx17__default.default(
                 "ds-comparison-table__cell",
                 columns[colIdx]?.highlighted && "ds-comparison-table__cell--highlighted"
               ),
@@ -1915,7 +1417,7 @@ var ComparisonTable = React34__default.default.forwardRef(
   }
 );
 ComparisonTable.displayName = "ComparisonTable";
-var GuaranteeHighlight = React34__default.default.forwardRef(
+var GuaranteeHighlight = React24__default.default.forwardRef(
   ({
     guarantee,
     detail,
@@ -1929,7 +1431,7 @@ var GuaranteeHighlight = React34__default.default.forwardRef(
       "div",
       {
         ref,
-        className: clsx27__default.default(
+        className: clsx17__default.default(
           "ds-guarantee",
           `ds-guarantee--${variant}`,
           className
@@ -1948,7 +1450,7 @@ var GuaranteeHighlight = React34__default.default.forwardRef(
   }
 );
 GuaranteeHighlight.displayName = "GuaranteeHighlight";
-var ROICalculator = React34__default.default.forwardRef(
+var ROICalculator = React24__default.default.forwardRef(
   ({
     eyebrow,
     title,
@@ -1958,7 +1460,7 @@ var ROICalculator = React34__default.default.forwardRef(
     className,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx27__default.default("ds-roi-calculator", className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx17__default.default("ds-roi-calculator", className), ...props, children: [
       (eyebrow || title) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-roi-calculator__header", children: [
         eyebrow && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-roi-calculator__eyebrow", children: eyebrow }),
         title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "ds-roi-calculator__title", children: title })
@@ -1966,7 +1468,7 @@ var ROICalculator = React34__default.default.forwardRef(
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-roi-calculator__grid", children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: clsx27__default.default(
+          className: clsx17__default.default(
             "ds-roi-calculator__item",
             item.isRecommended && "ds-roi-calculator__item--recommended"
           ),
@@ -1986,7 +1488,7 @@ var ROICalculator = React34__default.default.forwardRef(
   }
 );
 ROICalculator.displayName = "ROICalculator";
-var ICPFilter = React34__default.default.forwardRef(
+var ICPFilter = React24__default.default.forwardRef(
   ({
     qualifiedItems,
     disqualifiedItems,
@@ -2000,7 +1502,7 @@ var ICPFilter = React34__default.default.forwardRef(
       "div",
       {
         ref,
-        className: clsx27__default.default(
+        className: clsx17__default.default(
           "ds-icp-filter",
           `ds-icp-filter--${variant}`,
           className
@@ -2030,7 +1532,7 @@ var ICPFilter = React34__default.default.forwardRef(
   }
 );
 ICPFilter.displayName = "ICPFilter";
-var ObjectionFAQ = React34__default.default.forwardRef(
+var ObjectionFAQ = React24__default.default.forwardRef(
   ({
     items,
     title,
@@ -2040,12 +1542,12 @@ var ObjectionFAQ = React34__default.default.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [openItems, setOpenItems] = React34__default.default.useState(() => {
+    const [openItems, setOpenItems] = React24__default.default.useState(() => {
       const initial = /* @__PURE__ */ new Set();
       if (defaultOpenIndex !== void 0) initial.add(defaultOpenIndex);
       return initial;
     });
-    const toggle = React34__default.default.useCallback(
+    const toggle = React24__default.default.useCallback(
       (index) => {
         setOpenItems((prev) => {
           const next = new Set(prev);
@@ -2060,7 +1562,7 @@ var ObjectionFAQ = React34__default.default.forwardRef(
       },
       [allowMultiple]
     );
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx27__default.default("ds-objection-faq", className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx17__default.default("ds-objection-faq", className), ...props, children: [
       (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-objection-faq__header", children: [
         title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "ds-objection-faq__title", children: title }),
         subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-objection-faq__subtitle", children: subtitle })
@@ -2070,7 +1572,7 @@ var ObjectionFAQ = React34__default.default.forwardRef(
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: clsx27__default.default(
+            className: clsx17__default.default(
               "ds-objection-faq__item",
               isOpen && "ds-objection-faq__item--open"
             ),
@@ -2125,40 +1627,156 @@ var ObjectionFAQ = React34__default.default.forwardRef(
   }
 );
 ObjectionFAQ.displayName = "ObjectionFAQ";
+var DEFAULT_CELLS = [
+  {
+    label: "Leads",
+    value: "1,248",
+    trend: { direction: "up", delta: "16%", valence: "positive" },
+    provenance: "7-day rolling avg"
+  },
+  {
+    label: "Replies",
+    value: "418",
+    trend: { direction: "up", delta: "22%", valence: "positive" }
+  },
+  {
+    label: "Reply Rate",
+    value: "42%",
+    trend: { direction: "up", delta: "8.4 pts", valence: "positive" }
+  },
+  {
+    label: "Pipeline",
+    value: "$3.4M",
+    trend: { direction: "up", delta: "31%", valence: "positive" },
+    provenance: "Qualified opps only"
+  }
+];
+var KPIPanel = React24.forwardRef(
+  ({ cells = DEFAULT_CELLS, className }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx17__default.default("ds-kpi-panel", className), children: cells.map((cell, i) => {
+      const valence = cell.trend?.valence ?? (cell.trend?.direction === "up" ? "positive" : "negative");
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkJPUJWI7F_cjs.Card,
+        {
+          tier: 1,
+          className: "ds-kpi-panel__cell",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-kpi-panel__label", children: cell.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-kpi-panel__value", children: cell.value }),
+            cell.trend && /* @__PURE__ */ jsxRuntime.jsxs(
+              "span",
+              {
+                className: clsx17__default.default(
+                  "ds-kpi-panel__trend",
+                  `ds-kpi-panel__trend--${valence}`
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: "ds-kpi-panel__trend-arrow",
+                      "aria-hidden": "true",
+                      children: cell.trend.direction === "up" ? "\u2191" : "\u2193"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-kpi-panel__trend-delta", children: cell.trend.delta })
+                ]
+              }
+            ),
+            cell.provenance && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-kpi-panel__provenance", children: cell.provenance })
+          ]
+        },
+        i
+      );
+    }) });
+  }
+);
+KPIPanel.displayName = "KPIPanel";
+var HeroComposition = React24.forwardRef(
+  ({
+    headline = ["Pipeline that runs", "while you sleep"],
+    subline = "Outbound sequences powered by intent signals. Replies routed to the right teammate. Always-on revenue motion.",
+    eyebrow = "PIPELINE OPERATING SYSTEM",
+    metrics,
+    tone = "sentence",
+    className
+  }, ref) => {
+    const [firstLine, ...restLines] = headline;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx17__default.default("ds-hero-composition", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        AuroraVoid,
+        {
+          intensity: "base",
+          animated: true,
+          className: "ds-hero-composition__aurora"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Vignette,
+        {
+          intensity: "base",
+          className: "ds-hero-composition__vignette"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        GridOverlay,
+        {
+          cell: "64",
+          mask: true,
+          className: "ds-hero-composition__grid"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-hero-composition__content", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-hero-composition__left", children: [
+          eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-hero-composition__eyebrow", children: eyebrow }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "h1",
+            {
+              className: clsx17__default.default(
+                "ds-hero-composition__headline",
+                tone === "shouty" && "ds-hero-composition__headline--shouty"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-hero-composition__headline-dropcap", children: firstLine }),
+                restLines.map((line, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-hero-composition__headline-line", children: line }, i))
+              ]
+            }
+          ),
+          subline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-hero-composition__subline", children: subline })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-hero-composition__right", children: /* @__PURE__ */ jsxRuntime.jsx(KPIPanel, { cells: metrics }) })
+      ] })
+    ] });
+  }
+);
+HeroComposition.displayName = "HeroComposition";
 
-exports.AnnouncementBar = AnnouncementBar;
 exports.ArchitectureDiagram = ArchitectureDiagram;
+exports.AuroraVoid = AuroraVoid;
 exports.BeforeAfterBlock = BeforeAfterBlock;
 exports.BookingEmbed = BookingEmbed;
 exports.CaseStudyCard = CaseStudyCard;
-exports.CaseStudySection = CaseStudySection;
 exports.ComparisonTable = ComparisonTable;
 exports.CompetitorDiff = CompetitorDiff;
 exports.ComplianceGrid = ComplianceGrid;
 exports.EcosystemDiagram = EcosystemDiagram;
 exports.EnterpriseSignaling = EnterpriseSignaling;
 exports.EvolutionTimeline = EvolutionTimeline;
-exports.ExitIntentOverlay = ExitIntentOverlay;
+exports.GridOverlay = GridOverlay;
 exports.GuaranteeHighlight = GuaranteeHighlight;
+exports.HeroComposition = HeroComposition;
 exports.ICPFilter = ICPFilter;
-exports.IntegrationShowcase = IntegrationShowcase;
 exports.IntelligenceBlock = IntelligenceBlock;
 exports.IntentCTA = IntentCTA;
-exports.LeadCaptureForm = LeadCaptureForm;
-exports.ManifestoBlock = ManifestoBlock;
+exports.KPIPanel = KPIPanel;
 exports.ObjectionFAQ = ObjectionFAQ;
 exports.PartnerValueProp = PartnerValueProp;
 exports.PricingCard = PricingCard;
-exports.PricingSection = PricingSection;
-exports.PricingToggle = PricingToggle;
 exports.ProblemAgitation = ProblemAgitation;
-exports.ProcessTimeline = ProcessTimeline;
 exports.ROICalculator = ROICalculator;
-exports.SecurityBlock = SecurityBlock;
 exports.SegmentSwitch = SegmentSwitch;
-exports.StakeholderTabs = StakeholderTabs;
 exports.StickyActionBar = StickyActionBar;
 exports.ValueAnchor = ValueAnchor;
-exports.VideoEmbed = VideoEmbed;
+exports.Vignette = Vignette;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-LTPTW2US.cjs.map
+//# sourceMappingURL=chunk-WE4QIIVN.cjs.map