@salesmind-ai/design-system 0.3.4 → 0.3.5

package/dist/chunk-U3LK2GID.js

@@ -0,0 +1,2122 @@
+import { ToggleGroup, ToggleGroupItem, Badge, Dialog, DialogContent, Tabs, TabsList, TabsTrigger, TabsContent, Slider } from './chunk-HRENHNDJ.js';
+import { TextField } from './chunk-3NKRFUAR.js';
+import { Button } from './chunk-SICKWUWB.js';
+import { MetricCounter } from './chunk-YSYR54XR.js';
+import { BrowserFrame } from './chunk-XWPDRMZG.js';
+import { useAnalytics } from './chunk-2GARWEJK.js';
+import { Avatar, AvatarImage, AvatarFallback } from './chunk-Y3CPKNB7.js';
+import { SectionShell, SectionHeader } from './chunk-UFAJY2DM.js';
+import { OutboundLink } from './chunk-KJ2OXQF4.js';
+import React34, { forwardRef, useState, useEffect, useRef, useCallback, useMemo } from 'react';
+import clsx27 from 'clsx';
+import { ArrowRight, X, Check } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var AnnouncementBar = forwardRef(
+  ({
+    badge,
+    message,
+    href,
+    variant = "brand",
+    dismissible = false,
+    onDismiss,
+    showArrow = true,
+    className,
+    ...props
+  }, ref) => {
+    const { track } = 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 } : {};
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: clsx27(
+          "ds-announcement-bar",
+          `ds-announcement-bar--${variant}`,
+          href && "ds-announcement-bar--clickable",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs(Component, { className: "ds-announcement-bar__inner", ...componentProps, children: [
+            /* @__PURE__ */ jsxs("div", { className: "ds-announcement-bar__content", children: [
+              badge && /* @__PURE__ */ jsx("span", { className: "ds-announcement-bar__badge", children: badge }),
+              /* @__PURE__ */ jsx("span", { className: "ds-announcement-bar__message", children: message })
+            ] }),
+            href && showArrow && /* @__PURE__ */ jsx(ArrowRight, { className: "ds-announcement-bar__arrow", size: 16 })
+          ] }),
+          dismissible && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "ds-announcement-bar__close",
+              onClick: handleDismiss,
+              "aria-label": "Dismiss announcement",
+              children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" }) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+AnnouncementBar.displayName = "AnnouncementBar";
+var StickyActionBar = forwardRef(
+  ({
+    message,
+    primaryAction,
+    secondaryAction,
+    showThreshold = 300,
+    position = "bottom",
+    variant = "glass",
+    className,
+    ...props
+  }, ref) => {
+    const [isVisible, setIsVisible] = useState(false);
+    const { track } = useAnalytics();
+    useEffect(() => {
+      const handleScroll = () => {
+        const shouldShow = window.scrollY > showThreshold;
+        if (shouldShow && !isVisible) {
+          setIsVisible(true);
+          track("sticky_bar_show");
+        } else if (!shouldShow && isVisible) {
+          setIsVisible(false);
+        }
+      };
+      window.addEventListener("scroll", handleScroll, { passive: true });
+      handleScroll();
+      return () => window.removeEventListener("scroll", handleScroll);
+    }, [showThreshold, isVisible, track]);
+    if (!isVisible) return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: clsx27(
+          "ds-sticky-action-bar",
+          `ds-sticky-action-bar--${position}`,
+          `ds-sticky-action-bar--${variant}`,
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "ds-sticky-action-bar__container", children: [
+          /* @__PURE__ */ jsx("div", { className: "ds-sticky-action-bar__content", children: message }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-sticky-action-bar__actions", children: [
+            secondaryAction,
+            primaryAction
+          ] })
+        ] })
+      }
+    );
+  }
+);
+StickyActionBar.displayName = "StickyActionBar";
+var PricingToggle = forwardRef(
+  ({
+    value,
+    onChange,
+    monthlyLabel = "Monthly",
+    annualLabel = "Annual",
+    savingsBadge,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: clsx27("ds-pricing-toggle", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs(
+            ToggleGroup,
+            {
+              type: "single",
+              value,
+              onValueChange: (v) => {
+                if (v && typeof v === "string") {
+                  onChange(v);
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsx(ToggleGroupItem, { value: "monthly", children: monthlyLabel }),
+                /* @__PURE__ */ jsx(ToggleGroupItem, { value: "annual", children: annualLabel })
+              ]
+            }
+          ),
+          savingsBadge && /* @__PURE__ */ jsx(Badge, { className: "ds-pricing-toggle__badge", children: savingsBadge })
+        ]
+      }
+    );
+  }
+);
+PricingToggle.displayName = "PricingToggle";
+var BookingEmbed = forwardRef(
+  ({
+    url,
+    aspectRatio = "16/9",
+    title = "Book a call",
+    lazyLoad = true,
+    className,
+    style,
+    ...props
+  }, ref) => {
+    const [isLoaded, setIsLoaded] = useState(!lazyLoad);
+    const [isIframeLoaded, setIsIframeLoaded] = useState(false);
+    const containerRef = useRef(null);
+    const { track } = useAnalytics();
+    useEffect(() => {
+      if (!lazyLoad) return;
+      const observer = new IntersectionObserver(
+        (entries) => {
+          if (entries[0].isIntersecting) {
+            setIsLoaded(true);
+            track("booking_embed_visible", { url });
+            observer.disconnect();
+          }
+        },
+        { rootMargin: "200px" }
+      );
+      if (containerRef.current) {
+        observer.observe(containerRef.current);
+      }
+      return () => observer.disconnect();
+    }, [lazyLoad, url, track]);
+    const handleIframeLoad = () => {
+      setIsIframeLoaded(true);
+      track("booking_embed_loaded", { url });
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: (node) => {
+          containerRef.current = node;
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+        },
+        className: clsx27("ds-booking-embed", className),
+        style: { "--embed-aspect-ratio": aspectRatio, ...style },
+        ...props,
+        children: [
+          !isIframeLoaded && /* @__PURE__ */ jsxs("div", { className: "ds-booking-embed__skeleton", children: [
+            /* @__PURE__ */ jsx("div", { className: "ds-booking-embed__spinner" }),
+            /* @__PURE__ */ jsx("p", { children: "Loading calendar..." })
+          ] }),
+          isLoaded && /* @__PURE__ */ jsx(
+            "iframe",
+            {
+              src: url,
+              title,
+              className: clsx27("ds-booking-embed__iframe", isIframeLoaded && "ds-booking-embed__iframe--loaded"),
+              onLoad: handleIframeLoad,
+              frameBorder: "0",
+              scrolling: "no"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+BookingEmbed.displayName = "BookingEmbed";
+var ProblemAgitation = forwardRef(
+  ({
+    title,
+    description,
+    points,
+    oldWayLabel = "The Old Way",
+    newWayLabel = "The New Way",
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        ref,
+        className: clsx27("ds-problem-agitation", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "ds-problem-agitation__header", children: [
+            /* @__PURE__ */ jsx("h2", { className: "ds-problem-agitation__title", children: title }),
+            description && /* @__PURE__ */ jsx("p", { className: "ds-problem-agitation__description", children: description })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-problem-agitation__grid", children: [
+            /* @__PURE__ */ jsx("div", { className: "ds-problem-agitation__mobile-label ds-problem-agitation__mobile-label--old", children: oldWayLabel }),
+            /* @__PURE__ */ jsx("div", { className: "ds-problem-agitation__mobile-label ds-problem-agitation__mobile-label--new", children: newWayLabel }),
+            /* @__PURE__ */ jsx("div", { className: "ds-problem-agitation__column-header ds-problem-agitation__column-header--old", children: oldWayLabel }),
+            /* @__PURE__ */ jsx("div", { className: "ds-problem-agitation__column-header ds-problem-agitation__column-header--new", children: newWayLabel }),
+            points.map((point, index) => /* @__PURE__ */ jsxs(React34.Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "ds-problem-agitation__cell ds-problem-agitation__cell--old", children: [
+                /* @__PURE__ */ jsx("div", { className: "ds-problem-agitation__icon-wrapper ds-problem-agitation__icon-wrapper--old", children: /* @__PURE__ */ jsx(X, { size: 20, "aria-hidden": "true" }) }),
+                /* @__PURE__ */ jsx("div", { className: "ds-problem-agitation__content", children: point.problem })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "ds-problem-agitation__cell ds-problem-agitation__cell--new", children: [
+                /* @__PURE__ */ jsx("div", { className: "ds-problem-agitation__icon-wrapper ds-problem-agitation__icon-wrapper--new", children: /* @__PURE__ */ jsx(Check, { size: 20, "aria-hidden": "true" }) }),
+                /* @__PURE__ */ jsx("div", { className: "ds-problem-agitation__content", children: point.solution })
+              ] })
+            ] }, index))
+          ] })
+        ]
+      }
+    );
+  }
+);
+ProblemAgitation.displayName = "ProblemAgitation";
+var ProcessTimeline = forwardRef(
+  ({
+    steps,
+    animated = true,
+    className,
+    ...props
+  }, ref) => {
+    const [progress, setProgress] = useState(0);
+    const containerRef = useRef(null);
+    const { track } = useAnalytics();
+    const hasTrackedRef = useRef(false);
+    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__ */ jsxs(
+      "div",
+      {
+        ref: (node) => {
+          containerRef.current = node;
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+        },
+        className: clsx27(
+          "ds-process-timeline",
+          animated && "ds-process-timeline--animated",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "ds-process-timeline__track", children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "ds-process-timeline__progress",
+              style: { height: animated ? `${progress}%` : "100%" }
+            }
+          ) }),
+          /* @__PURE__ */ 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__ */ jsxs(
+              "div",
+              {
+                className: clsx27(
+                  "ds-process-timeline__step",
+                  isActive && "ds-process-timeline__step--active"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "ds-process-timeline__indicator", children: step.indicator }),
+                  /* @__PURE__ */ jsxs("div", { className: "ds-process-timeline__content", children: [
+                    /* @__PURE__ */ jsx("h3", { className: "ds-process-timeline__title", children: step.title }),
+                    /* @__PURE__ */ jsx("p", { className: "ds-process-timeline__description", children: step.description })
+                  ] })
+                ]
+              },
+              index
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+ProcessTimeline.displayName = "ProcessTimeline";
+var PricingCard = React34.forwardRef(
+  ({
+    tier,
+    tagline,
+    price,
+    priceSuffix,
+    anchorPrice,
+    badge,
+    highlighted = false,
+    features = [],
+    cta,
+    secondaryCta,
+    footerNote,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: clsx27(
+          "ds-pricing-card",
+          highlighted && "ds-pricing-card--highlighted",
+          className
+        ),
+        ...props,
+        children: [
+          badge && /* @__PURE__ */ jsx("div", { className: "ds-pricing-card__badge", children: badge }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-pricing-card__header", children: [
+            /* @__PURE__ */ jsx("h3", { className: "ds-pricing-card__tier", children: tier }),
+            tagline && /* @__PURE__ */ jsx("p", { className: "ds-pricing-card__tagline", children: tagline })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-pricing-card__price-block", children: [
+            anchorPrice && /* @__PURE__ */ jsx("span", { className: "ds-pricing-card__anchor-price", children: anchorPrice }),
+            /* @__PURE__ */ jsxs("div", { className: "ds-pricing-card__price-row", children: [
+              /* @__PURE__ */ jsx("span", { className: "ds-pricing-card__price", children: price }),
+              priceSuffix && /* @__PURE__ */ jsx("span", { className: "ds-pricing-card__price-suffix", children: priceSuffix })
+            ] })
+          ] }),
+          features.length > 0 && /* @__PURE__ */ jsx("ul", { className: "ds-pricing-card__features", children: features.map((feature, idx) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: clsx27(
+                "ds-pricing-card__feature",
+                feature.included === false && "ds-pricing-card__feature--excluded"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "ds-pricing-card__feature-icon", "aria-hidden": "true", children: feature.included === false ? /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                  /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                  /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                ] }) : /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) }) }),
+                /* @__PURE__ */ jsxs("span", { className: "ds-pricing-card__feature-text", children: [
+                  feature.text,
+                  feature.detail && /* @__PURE__ */ jsx("span", { className: "ds-pricing-card__feature-detail", children: feature.detail })
+                ] })
+              ]
+            },
+            idx
+          )) }),
+          (cta || secondaryCta) && /* @__PURE__ */ jsxs("div", { className: "ds-pricing-card__cta-area", children: [
+            cta,
+            secondaryCta && /* @__PURE__ */ jsx("div", { className: "ds-pricing-card__secondary-cta", children: secondaryCta })
+          ] }),
+          footerNote && /* @__PURE__ */ jsx("p", { className: "ds-pricing-card__footer-note", children: footerNote }),
+          children
+        ]
+      }
+    );
+  }
+);
+PricingCard.displayName = "PricingCard";
+var PricingSection = forwardRef(
+  ({
+    title,
+    description,
+    plans,
+    toggle,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        ref,
+        className: clsx27("ds-pricing-section", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "ds-pricing-section__header", children: [
+            /* @__PURE__ */ jsx("h2", { className: "ds-pricing-section__title", children: title }),
+            description && /* @__PURE__ */ jsx("p", { className: "ds-pricing-section__description", children: description }),
+            toggle && /* @__PURE__ */ jsx("div", { className: "ds-pricing-section__toggle", children: toggle })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "ds-pricing-section__grid", children: plans.map((plan, index) => /* @__PURE__ */ jsx(
+            PricingCard,
+            {
+              ...plan,
+              className: clsx27(
+                "ds-pricing-section__card",
+                plan.highlighted && "ds-pricing-section__card--popular"
+              )
+            },
+            index
+          )) })
+        ]
+      }
+    );
+  }
+);
+PricingSection.displayName = "PricingSection";
+var LeadCaptureForm = forwardRef(
+  ({
+    buttonText = "Subscribe",
+    emailLabel = "Work Email",
+    emailPlaceholder = "you@company.com",
+    disclaimer,
+    onSubmitSuccess,
+    layout = "horizontal",
+    isLoading = false,
+    className,
+    onSubmit,
+    ...props
+  }, ref) => {
+    const [email, setEmail] = useState("");
+    const [error, setError] = useState();
+    const [internalLoading, setInternalLoading] = useState(false);
+    const { track } = 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__ */ jsxs(
+      "form",
+      {
+        ref,
+        className: clsx27(
+          "ds-lead-capture",
+          `ds-lead-capture--${layout}`,
+          className
+        ),
+        onSubmit: handleSubmit,
+        noValidate: true,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "ds-lead-capture__inputs", children: [
+            /* @__PURE__ */ jsxs("div", { className: "ds-lead-capture__input-wrapper", children: [
+              layout === "vertical" && /* @__PURE__ */ jsx("label", { htmlFor: "lead-email", className: "ds-lead-capture__label", children: emailLabel }),
+              /* @__PURE__ */ jsx(
+                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("ds-lead-capture__input", error && "ds-lead-capture__input--error")
+                }
+              ),
+              error && /* @__PURE__ */ jsx("div", { className: "ds-lead-capture__error", children: error })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "submit",
+                isLoading: isCurrentlyLoading,
+                className: "ds-lead-capture__submit",
+                children: buttonText
+              }
+            )
+          ] }),
+          disclaimer && /* @__PURE__ */ jsx("div", { className: "ds-lead-capture__disclaimer", children: disclaimer })
+        ]
+      }
+    );
+  }
+);
+LeadCaptureForm.displayName = "LeadCaptureForm";
+var CaseStudyCard = forwardRef(
+  ({
+    company,
+    logo,
+    industry,
+    headline,
+    metrics,
+    href,
+    coverImage,
+    quote,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "article",
+      {
+        ref,
+        className: clsx27("ds-case-study-card", className),
+        ...props,
+        children: /* @__PURE__ */ jsxs(OutboundLink, { href, context: "case-study-card", className: "ds-case-study-card__link", openInNewTab: false, children: [
+          coverImage && /* @__PURE__ */ jsx("div", { className: "ds-case-study-card__image-wrap", children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: coverImage,
+              alt: "",
+              className: "ds-case-study-card__image",
+              loading: "lazy",
+              decoding: "async"
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-case-study-card__body", children: [
+            /* @__PURE__ */ jsxs("div", { className: "ds-case-study-card__header", children: [
+              logo && /* @__PURE__ */ jsx("div", { className: "ds-case-study-card__logo", children: logo }),
+              /* @__PURE__ */ jsxs("div", { className: "ds-case-study-card__company-info", children: [
+                /* @__PURE__ */ jsx("span", { className: "ds-case-study-card__company", children: company }),
+                industry && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "ds-case-study-card__industry", children: industry })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("h3", { className: "ds-case-study-card__headline", children: headline }),
+            metrics && metrics.length > 0 && /* @__PURE__ */ jsx("div", { className: "ds-case-study-card__metrics", children: metrics.map((metric, i) => /* @__PURE__ */ jsxs("div", { className: "ds-case-study-card__metric", children: [
+              /* @__PURE__ */ jsxs("span", { className: "ds-case-study-card__metric-value", children: [
+                metric.prefix,
+                metric.value,
+                metric.suffix
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "ds-case-study-card__metric-label", children: metric.label })
+            ] }, i)) }),
+            quote && /* @__PURE__ */ jsx("blockquote", { className: "ds-case-study-card__quote", children: /* @__PURE__ */ 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 = forwardRef(
+  ({
+    src,
+    poster,
+    title,
+    aspectRatio = "16/9",
+    autoPlay = false,
+    withFrame = false,
+    onPlay,
+    className,
+    ...props
+  }, ref) => {
+    const [playing, setPlaying] = useState(false);
+    const containerRef = useRef(null);
+    const handlePlay = useCallback(() => {
+      setPlaying(true);
+      onPlay?.();
+    }, [onPlay]);
+    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__ */ jsx(
+      "div",
+      {
+        ref: containerRef,
+        className: clsx27("ds-video-embed", withFrame && "ds-video-embed--framed", className),
+        style: { aspectRatio },
+        children: !playing ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ds-video-embed__poster-btn",
+            onClick: handlePlay,
+            "aria-label": `Play video: ${title}`,
+            children: [
+              poster && /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: poster,
+                  alt: "",
+                  className: "ds-video-embed__poster",
+                  loading: "lazy",
+                  decoding: "async"
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "ds-video-embed__overlay" }),
+              /* @__PURE__ */ jsx("div", { className: "ds-video-embed__play", "aria-hidden": "true", children: /* @__PURE__ */ jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", children: [
+                /* @__PURE__ */ jsx("circle", { cx: "24", cy: "24", r: "24", fill: "rgba(0,0,0,0.5)" }),
+                /* @__PURE__ */ jsx("path", { d: "M19 15l14 9-14 9V15z", fill: "white" })
+              ] }) })
+            ]
+          }
+        ) : /* @__PURE__ */ 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
+          }
+        )
+      }
+    );
+    if (withFrame) {
+      return /* @__PURE__ */ jsx(BrowserFrame, { ref, variant: "browser", url: src, ...props, children: embedContent });
+    }
+    return React34.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 = forwardRef(
+  ({
+    children,
+    enabled = true,
+    activationDelay = DEFAULT_ACTIVATION_DELAY,
+    excludePaths,
+    storageKey = "ds-exit-intent",
+    suppressionDuration = DEFAULT_SUPPRESSION,
+    onShow,
+    onDismiss,
+    className,
+    ...props
+  }, ref) => {
+    const [open, setOpen] = useState(false);
+    const activatedRef = useRef(false);
+    const shownRef = useRef(false);
+    const show = useCallback(() => {
+      if (shownRef.current) return;
+      shownRef.current = true;
+      setOpen(true);
+      onShow?.();
+    }, [onShow]);
+    const handleDismiss = useCallback(() => {
+      setOpen(false);
+      suppress(storageKey);
+      onDismiss?.();
+    }, [storageKey, onDismiss]);
+    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__ */ jsx("div", { ref, className: clsx27("ds-exit-intent-overlay", className), ...props, children: /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (isOpen) => {
+      if (!isOpen) handleDismiss();
+    }, children: /* @__PURE__ */ jsx(DialogContent, { className: "ds-exit-intent-overlay__dialog", children }) }) });
+  }
+);
+ExitIntentOverlay.displayName = "ExitIntentOverlay";
+var BeforeAfterBlock = forwardRef(
+  ({
+    eyebrow,
+    title,
+    before,
+    after,
+    variant = "split",
+    className,
+    ...props
+  }, ref) => {
+    const renderItems = (items, side) => items.map((item, i) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: clsx27(
+          "ds-before-after__item",
+          item.sentiment && `ds-before-after__item--${item.sentiment}`
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "ds-before-after__item-icon", "aria-hidden": "true", children: side === "before" ? "\u2717" : "\u2713" }),
+          /* @__PURE__ */ jsx("span", { children: item.text })
+        ]
+      },
+      i
+    ));
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        className: clsx27("ds-before-after", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SectionHeader, { eyebrow, title }),
+          /* @__PURE__ */ jsxs("div", { className: clsx27("ds-before-after__layout", `ds-before-after__layout--${variant}`), children: [
+            /* @__PURE__ */ jsxs("div", { className: "ds-before-after__column ds-before-after__column--before", children: [
+              /* @__PURE__ */ jsx("h3", { className: "ds-before-after__label", children: before.label }),
+              /* @__PURE__ */ jsx("ul", { className: "ds-before-after__list", children: renderItems(before.items, "before") }),
+              before.media && /* @__PURE__ */ jsx("div", { className: "ds-before-after__media", children: before.media })
+            ] }),
+            variant === "split" && /* @__PURE__ */ jsx("div", { className: "ds-before-after__divider", "aria-hidden": "true", children: /* @__PURE__ */ jsx("span", { className: "ds-before-after__arrow", children: "\u2192" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "ds-before-after__column ds-before-after__column--after", children: [
+              /* @__PURE__ */ jsx("h3", { className: "ds-before-after__label", children: after.label }),
+              /* @__PURE__ */ jsx("ul", { className: "ds-before-after__list", children: renderItems(after.items, "after") }),
+              after.media && /* @__PURE__ */ jsx("div", { className: "ds-before-after__media", children: after.media })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+BeforeAfterBlock.displayName = "BeforeAfterBlock";
+var CompetitorDiff = forwardRef(
+  ({
+    eyebrow,
+    title,
+    subtitle,
+    items,
+    competitorLabel = "Others",
+    ourLabel = "SalesMind AI",
+    variant = "table",
+    cta,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        className: clsx27("ds-competitor-diff", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SectionHeader, { eyebrow, title, subtitle }),
+          variant === "table" && /* @__PURE__ */ jsxs("div", { className: "ds-competitor-diff__table", role: "table", "aria-label": "Feature comparison", children: [
+            /* @__PURE__ */ jsxs("div", { className: "ds-competitor-diff__thead", role: "row", children: [
+              /* @__PURE__ */ jsx("div", { className: "ds-competitor-diff__th", role: "columnheader" }),
+              /* @__PURE__ */ jsx("div", { className: "ds-competitor-diff__th ds-competitor-diff__th--them", role: "columnheader", children: competitorLabel }),
+              /* @__PURE__ */ jsx("div", { className: "ds-competitor-diff__th ds-competitor-diff__th--us", role: "columnheader", children: ourLabel })
+            ] }),
+            items.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "ds-competitor-diff__row", role: "row", children: [
+              /* @__PURE__ */ jsx("div", { className: "ds-competitor-diff__dimension", role: "rowheader", children: item.dimension }),
+              /* @__PURE__ */ jsxs("div", { className: "ds-competitor-diff__cell ds-competitor-diff__cell--them", role: "cell", children: [
+                /* @__PURE__ */ jsx("span", { className: "ds-competitor-diff__icon", "aria-hidden": "true", children: "\u2717" }),
+                item.them
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "ds-competitor-diff__cell ds-competitor-diff__cell--us", role: "cell", children: [
+                /* @__PURE__ */ jsx("span", { className: "ds-competitor-diff__icon", "aria-hidden": "true", children: "\u2713" }),
+                item.us
+              ] })
+            ] }, i))
+          ] }),
+          variant === "cards" && /* @__PURE__ */ jsxs("div", { className: "ds-competitor-diff__cards", children: [
+            /* @__PURE__ */ jsxs("div", { className: "ds-competitor-diff__card ds-competitor-diff__card--them", children: [
+              /* @__PURE__ */ jsx("h3", { className: "ds-competitor-diff__card-label", children: competitorLabel }),
+              /* @__PURE__ */ jsx("ul", { className: "ds-competitor-diff__card-list", children: items.map((item, i) => /* @__PURE__ */ jsxs("li", { children: [
+                /* @__PURE__ */ jsxs("strong", { children: [
+                  item.dimension,
+                  ":"
+                ] }),
+                " ",
+                item.them
+              ] }, i)) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "ds-competitor-diff__card ds-competitor-diff__card--us", children: [
+              /* @__PURE__ */ jsx("h3", { className: "ds-competitor-diff__card-label", children: ourLabel }),
+              /* @__PURE__ */ jsx("ul", { className: "ds-competitor-diff__card-list", children: items.map((item, i) => /* @__PURE__ */ jsxs("li", { children: [
+                /* @__PURE__ */ jsxs("strong", { children: [
+                  item.dimension,
+                  ":"
+                ] }),
+                " ",
+                item.us
+              ] }, i)) })
+            ] })
+          ] }),
+          variant === "narrative" && /* @__PURE__ */ jsx("div", { className: "ds-competitor-diff__narrative", children: items.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "ds-competitor-diff__narrative-item", children: [
+            /* @__PURE__ */ jsxs("p", { className: "ds-competitor-diff__narrative-them", children: [
+              /* @__PURE__ */ jsx("span", { className: "ds-competitor-diff__narrative-label", children: "Instead of" }),
+              " ",
+              item.them
+            ] }),
+            /* @__PURE__ */ jsxs("p", { className: "ds-competitor-diff__narrative-us", children: [
+              /* @__PURE__ */ jsx("span", { className: "ds-competitor-diff__narrative-label", children: ourLabel }),
+              " ",
+              item.us
+            ] })
+          ] }, i)) }),
+          cta && /* @__PURE__ */ jsx("div", { className: "ds-competitor-diff__cta", children: /* @__PURE__ */ jsx(Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ jsx(OutboundLink, { href: cta.href, context: "competitor-diff-cta", openInNewTab: false, children: cta.label }) }) })
+        ]
+      }
+    );
+  }
+);
+CompetitorDiff.displayName = "CompetitorDiff";
+var StakeholderTabs = forwardRef(
+  ({
+    eyebrow,
+    title,
+    stakeholders,
+    defaultIndex = 0,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        className: clsx27("ds-stakeholder-tabs", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SectionHeader, { eyebrow, title }),
+          /* @__PURE__ */ jsxs(Tabs, { defaultValue: defaultIndex, children: [
+            /* @__PURE__ */ jsx(TabsList, { className: "ds-stakeholder-tabs__list", children: stakeholders.map((s, i) => /* @__PURE__ */ jsxs(TabsTrigger, { value: i, className: "ds-stakeholder-tabs__trigger", children: [
+              s.icon && /* @__PURE__ */ jsx("span", { className: "ds-stakeholder-tabs__icon", "aria-hidden": "true", children: s.icon }),
+              s.label
+            ] }, i)) }),
+            stakeholders.map((s, i) => /* @__PURE__ */ jsx(TabsContent, { value: i, className: "ds-stakeholder-tabs__content", children: /* @__PURE__ */ jsxs("div", { className: "ds-stakeholder-tabs__panel", children: [
+              /* @__PURE__ */ jsxs("div", { className: "ds-stakeholder-tabs__text", children: [
+                /* @__PURE__ */ jsx("h3", { className: "ds-stakeholder-tabs__headline", children: s.content.headline }),
+                /* @__PURE__ */ jsx("p", { className: "ds-stakeholder-tabs__desc", children: s.content.description }),
+                s.content.features && s.content.features.length > 0 && /* @__PURE__ */ jsx("ul", { className: "ds-stakeholder-tabs__features", children: s.content.features.map((f, j) => /* @__PURE__ */ jsxs("li", { className: "ds-stakeholder-tabs__feature", children: [
+                  f.icon && /* @__PURE__ */ jsx("span", { className: "ds-stakeholder-tabs__feature-icon", "aria-hidden": "true", children: f.icon }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("strong", { children: f.title }),
+                    /* @__PURE__ */ jsx("span", { children: f.description })
+                  ] })
+                ] }, j)) }),
+                /* @__PURE__ */ jsx("div", { className: "ds-stakeholder-tabs__cta-wrap", children: /* @__PURE__ */ jsx(Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ jsx(OutboundLink, { href: s.content.cta.href, context: "stakeholder-tabs-cta", openInNewTab: false, children: s.content.cta.label }) }) })
+              ] }),
+              s.content.testimonial && /* @__PURE__ */ jsx("div", { className: "ds-stakeholder-tabs__testimonial", children: s.content.testimonial })
+            ] }) }, i))
+          ] })
+        ]
+      }
+    );
+  }
+);
+StakeholderTabs.displayName = "StakeholderTabs";
+var IntegrationShowcase = forwardRef(
+  ({
+    eyebrow,
+    title,
+    subtitle,
+    integrations,
+    categories,
+    variant = "grid",
+    filterable = !!categories,
+    className,
+    ...props
+  }, ref) => {
+    const [activeCategory, setActiveCategory] = 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__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        className: clsx27("ds-integration-showcase", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SectionHeader, { eyebrow, title, subtitle }),
+          filterable && allCategories.length > 1 && /* @__PURE__ */ jsxs(
+            Tabs,
+            {
+              value: allCategories.indexOf(activeCategory),
+              onValueChange: (v) => setActiveCategory(allCategories[v] ?? "All"),
+              children: [
+                /* @__PURE__ */ jsx(TabsList, { className: "ds-integration-showcase__filters", children: allCategories.map((cat, i) => /* @__PURE__ */ jsx(TabsTrigger, { value: i, className: "ds-integration-showcase__filter", children: cat }, cat)) }),
+                allCategories.map((_, i) => /* @__PURE__ */ jsx(TabsContent, { value: i, className: "ds-integration-showcase__tab-content" }, i))
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: clsx27("ds-integration-showcase__grid", `ds-integration-showcase__grid--${variant}`), children: filtered.map((integration, i) => {
+            const Card = /* @__PURE__ */ jsxs("div", { className: "ds-integration-showcase__card", children: [
+              /* @__PURE__ */ jsx("div", { className: "ds-integration-showcase__logo", children: integration.logo }),
+              /* @__PURE__ */ jsxs("div", { className: "ds-integration-showcase__info", children: [
+                /* @__PURE__ */ jsxs("span", { className: "ds-integration-showcase__name", children: [
+                  integration.name,
+                  integration.badge && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "ds-integration-showcase__badge", children: integration.badge })
+                ] }),
+                integration.description && variant !== "compact" && /* @__PURE__ */ jsx("span", { className: "ds-integration-showcase__desc", children: integration.description })
+              ] })
+            ] }, i);
+            return integration.href ? /* @__PURE__ */ jsx(OutboundLink, { href: integration.href, context: "integration-showcase-card", className: "ds-integration-showcase__card-link", children: Card }, i) : Card;
+          }) })
+        ]
+      }
+    );
+  }
+);
+IntegrationShowcase.displayName = "IntegrationShowcase";
+var SecurityBlock = forwardRef(
+  ({
+    eyebrow,
+    title,
+    subtitle,
+    certifications,
+    features,
+    variant = "badges",
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        className: clsx27("ds-security-block", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SectionHeader, { eyebrow, title, subtitle }),
+          certifications && certifications.length > 0 && /* @__PURE__ */ jsx("div", { className: clsx27("ds-security-block__certs", `ds-security-block__certs--${variant}`), children: certifications.map((cert, i) => {
+            const inner = /* @__PURE__ */ jsxs("div", { className: "ds-security-block__cert", children: [
+              /* @__PURE__ */ jsx("div", { className: "ds-security-block__cert-icon", children: cert.icon }),
+              /* @__PURE__ */ jsxs("div", { className: "ds-security-block__cert-info", children: [
+                /* @__PURE__ */ jsx("span", { className: "ds-security-block__cert-name", children: cert.name }),
+                variant === "detailed" && cert.description && /* @__PURE__ */ jsx("span", { className: "ds-security-block__cert-desc", children: cert.description })
+              ] })
+            ] }, i);
+            return cert.href ? /* @__PURE__ */ jsx(OutboundLink, { href: cert.href, context: "security-block-cert", className: "ds-security-block__cert-link", children: inner }, i) : /* @__PURE__ */ jsx(React34.Fragment, { children: inner }, i);
+          }) }),
+          features && features.length > 0 && /* @__PURE__ */ jsx("div", { className: "ds-security-block__features", children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: "ds-security-block__feature", children: [
+            feature.icon && /* @__PURE__ */ jsx("span", { className: "ds-security-block__feature-icon", "aria-hidden": "true", children: feature.icon }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h4", { className: "ds-security-block__feature-title", children: feature.title }),
+              /* @__PURE__ */ jsx("p", { className: "ds-security-block__feature-desc", children: feature.description })
+            ] })
+          ] }, i)) })
+        ]
+      }
+    );
+  }
+);
+SecurityBlock.displayName = "SecurityBlock";
+var CaseStudySection = 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] = useState("All");
+    const filtered = activeFilter === "All" ? caseStudies : caseStudies.filter((cs) => cs.industry === activeFilter);
+    const visible = maxVisible ? filtered.slice(0, maxVisible) : filtered;
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        className: clsx27("ds-case-study-section", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SectionHeader, { eyebrow, title, subtitle }),
+          filterable && allFilters.length > 1 && /* @__PURE__ */ jsxs(
+            Tabs,
+            {
+              value: allFilters.indexOf(activeFilter),
+              onValueChange: (v) => setActiveFilter(allFilters[v] ?? "All"),
+              children: [
+                /* @__PURE__ */ jsx(TabsList, { className: "ds-case-study-section__filters", children: allFilters.map((filter, i) => /* @__PURE__ */ jsx(TabsTrigger, { value: i, className: "ds-case-study-section__filter", children: filter }, filter)) }),
+                allFilters.map((_, i) => /* @__PURE__ */ jsx(TabsContent, { value: i, className: "ds-case-study-section__tab-content" }, i))
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "ds-case-study-section__grid", children: visible.map((cs, i) => /* @__PURE__ */ jsx(CaseStudyCard, { ...cs }, i)) }),
+          seeAllHref && /* @__PURE__ */ jsx("div", { className: "ds-case-study-section__see-all", children: /* @__PURE__ */ jsx(Button, { variant: "outline", asChild: true, children: /* @__PURE__ */ jsx(OutboundLink, { href: seeAllHref, context: "case-study-section-see-all", openInNewTab: false, children: "See all case studies" }) }) })
+        ]
+      }
+    );
+  }
+);
+CaseStudySection.displayName = "CaseStudySection";
+var ManifestoBlock = forwardRef(
+  ({
+    statement,
+    attribution,
+    variant = "centered",
+    className,
+    ...props
+  }, ref) => {
+    const initials = attribution ? attribution.name.split(" ").map((n) => n[0]).join("").slice(0, 2) : "";
+    return /* @__PURE__ */ jsx(
+      SectionShell,
+      {
+        ref,
+        className: clsx27("ds-manifesto", `ds-manifesto--${variant}`, className),
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "ds-manifesto__inner", children: [
+          variant === "quote" && /* @__PURE__ */ jsx("span", { className: "ds-manifesto__quote-mark", "aria-hidden": "true", children: "\u201C" }),
+          /* @__PURE__ */ jsx("blockquote", { className: "ds-manifesto__statement", children: statement }),
+          attribution && /* @__PURE__ */ jsxs("div", { className: "ds-manifesto__attribution", children: [
+            /* @__PURE__ */ jsxs(Avatar, { size: "sm", children: [
+              attribution.avatar && /* @__PURE__ */ jsx(AvatarImage, { src: attribution.avatar, alt: attribution.name }),
+              /* @__PURE__ */ jsx(AvatarFallback, { children: initials })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "ds-manifesto__attribution-text", children: [
+              /* @__PURE__ */ jsx("span", { className: "ds-manifesto__attribution-name", children: attribution.name }),
+              /* @__PURE__ */ 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 = forwardRef(
+  ({
+    eyebrow,
+    title,
+    subtitle,
+    items,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        className: clsx27("ds-compliance-grid", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsx("div", { className: "ds-compliance-grid__items", children: items.map((item, i) => {
+            const inner = /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: clsx27(
+                  "ds-compliance-grid__item",
+                  `ds-compliance-grid__item--${item.status}`
+                ),
+                children: [
+                  item.icon && /* @__PURE__ */ jsx("div", { className: "ds-compliance-grid__icon", children: item.icon }),
+                  /* @__PURE__ */ jsxs("div", { className: "ds-compliance-grid__info", children: [
+                    /* @__PURE__ */ jsx("span", { className: "ds-compliance-grid__name", children: item.name }),
+                    /* @__PURE__ */ jsx(
+                      Badge,
+                      {
+                        className: clsx27(
+                          "ds-compliance-grid__status",
+                          `ds-compliance-grid__status--${item.status}`
+                        ),
+                        variant: "outline",
+                        children: STATUS_LABELS[item.status]
+                      }
+                    ),
+                    item.description && /* @__PURE__ */ jsx("span", { className: "ds-compliance-grid__desc", children: item.description })
+                  ] })
+                ]
+              },
+              i
+            );
+            return item.documentHref ? /* @__PURE__ */ jsx(OutboundLink, { href: item.documentHref, context: "compliance-grid-doc", className: "ds-compliance-grid__link", children: inner }, i) : /* @__PURE__ */ jsx(React34.Fragment, { children: inner }, i);
+          }) })
+        ]
+      }
+    );
+  }
+);
+ComplianceGrid.displayName = "ComplianceGrid";
+var ArchitectureDiagram = forwardRef(
+  ({
+    nodes,
+    connections,
+    direction = "horizontal",
+    className,
+    ...props
+  }, ref) => {
+    const isHorizontal = direction === "horizontal";
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: clsx27(
+          "ds-architecture",
+          `ds-architecture--${direction}`,
+          className
+        ),
+        role: "img",
+        "aria-label": "Architecture diagram",
+        ...props,
+        children: /* @__PURE__ */ jsx("div", { className: "ds-architecture__nodes", children: nodes.map((node, i) => /* @__PURE__ */ jsxs(React34.Fragment, { children: [
+          i > 0 && /* @__PURE__ */ jsxs("div", { className: "ds-architecture__connection", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clsx27(
+                  "ds-architecture__line",
+                  connections.find(
+                    (c) => c.from === nodes[i - 1]?.id && c.to === node.id
+                  )?.animated && "ds-architecture__line--animated"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "ds-architecture__arrow", children: isHorizontal ? "\u2192" : "\u2193" }),
+            connections.find(
+              (c) => c.from === nodes[i - 1]?.id && c.to === node.id
+            )?.label && /* @__PURE__ */ jsx("span", { className: "ds-architecture__connection-label", children: connections.find(
+              (c) => c.from === nodes[i - 1]?.id && c.to === node.id
+            )?.label })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: clsx27(
+                "ds-architecture__node",
+                `ds-architecture__node--${node.type}`
+              ),
+              title: node.description,
+              children: [
+                node.icon && /* @__PURE__ */ jsx("span", { className: "ds-architecture__node-icon", "aria-hidden": "true", children: node.icon }),
+                /* @__PURE__ */ jsx("span", { className: "ds-architecture__node-label", children: node.label })
+              ]
+            }
+          )
+        ] }, node.id)) })
+      }
+    );
+  }
+);
+ArchitectureDiagram.displayName = "ArchitectureDiagram";
+function getUtmSegment(param) {
+  if (typeof window === "undefined") return null;
+  const url = new URL(window.location.href);
+  return url.searchParams.get(param);
+}
+function getCookieSegment(name) {
+  if (typeof document === "undefined") return null;
+  const match = document.cookie.match(new RegExp(`(?:^|;\\s*)${name}=([^;]*)`));
+  return match ? decodeURIComponent(match[1]) : null;
+}
+var SegmentSwitch = forwardRef(
+  ({
+    segment: controlledSegment,
+    segments,
+    fallback = null,
+    source = "manual",
+    utmParam = "utm_segment",
+    cookieName = "ds_segment",
+    className,
+    ...props
+  }, ref) => {
+    const resolvedSegment = useMemo(() => {
+      if (controlledSegment) return controlledSegment;
+      switch (source) {
+        case "utm":
+          return getUtmSegment(utmParam) ?? void 0;
+        case "cookie":
+          return getCookieSegment(cookieName) ?? void 0;
+        default:
+          return void 0;
+      }
+    }, [controlledSegment, source, utmParam, cookieName]);
+    const content = resolvedSegment && segments[resolvedSegment] ? segments[resolvedSegment] : fallback;
+    if (!content) return null;
+    return /* @__PURE__ */ jsx("div", { ref, className: clsx27(className), ...props, children: content });
+  }
+);
+SegmentSwitch.displayName = "SegmentSwitch";
+var IntentCTA = forwardRef(
+  ({
+    stages,
+    defaultCta,
+    pageCount = 0,
+    className,
+    ...props
+  }, ref) => {
+    const [activeStageIndex, setActiveStageIndex] = useState(-1);
+    const timeRef = useRef(0);
+    const timerRef = useRef(null);
+    const pageCountRef = useRef(pageCount);
+    useEffect(() => {
+      pageCountRef.current = pageCount;
+    }, [pageCount]);
+    useEffect(() => {
+      if (typeof window === "undefined") return;
+      timerRef.current = setInterval(() => {
+        timeRef.current += 1;
+        checkStages();
+      }, 1e3);
+      const handleScroll = () => {
+        checkStages();
+      };
+      window.addEventListener("scroll", handleScroll, { passive: true });
+      function checkStages() {
+        const scrollPercent = typeof document !== "undefined" ? Math.round(
+          window.scrollY / (document.documentElement.scrollHeight - window.innerHeight) * 100
+        ) : 0;
+        let highestTriggered = -1;
+        for (let i = 0; i < stages.length; i++) {
+          const stage = stages[i];
+          let triggered = false;
+          switch (stage.trigger.type) {
+            case "scroll":
+              triggered = scrollPercent >= stage.trigger.threshold;
+              break;
+            case "time":
+              triggered = timeRef.current >= stage.trigger.threshold;
+              break;
+            case "pages":
+              triggered = pageCountRef.current >= stage.trigger.threshold;
+              break;
+          }
+          if (triggered) highestTriggered = i;
+        }
+        setActiveStageIndex((prev) => Math.max(prev, highestTriggered));
+      }
+      checkStages();
+      return () => {
+        window.removeEventListener("scroll", handleScroll);
+        if (timerRef.current) clearInterval(timerRef.current);
+      };
+    }, [stages]);
+    const activeCta = activeStageIndex >= 0 ? stages[activeStageIndex] : defaultCta;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: clsx27("ds-intent-cta", className),
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: activeCta.variant ?? "primary",
+            asChild: true,
+            children: /* @__PURE__ */ jsx(OutboundLink, { href: activeCta.href, context: "intent-cta", openInNewTab: false, children: activeCta.label })
+          }
+        )
+      }
+    );
+  }
+);
+IntentCTA.displayName = "IntentCTA";
+var EvolutionTimeline = forwardRef(
+  ({
+    eyebrow,
+    title,
+    subtitle,
+    eras,
+    youAreHere,
+    cta,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        className: clsx27("ds-evolution-timeline", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-evolution-timeline__track", children: [
+            /* @__PURE__ */ jsx("div", { className: "ds-evolution-timeline__line", "aria-hidden": "true" }),
+            eras.map((era, i) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: clsx27(
+                  "ds-evolution-timeline__era",
+                  `ds-evolution-timeline__era--${era.sentiment}`,
+                  era.current && "ds-evolution-timeline__era--current"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "ds-evolution-timeline__marker", "aria-hidden": "true" }),
+                  youAreHere === i && /* @__PURE__ */ jsx(Badge, { className: "ds-evolution-timeline__you-are-here", children: "Most tools are here" }),
+                  era.icon && /* @__PURE__ */ jsx("div", { className: "ds-evolution-timeline__icon", "aria-hidden": "true", children: era.icon }),
+                  /* @__PURE__ */ jsxs("div", { className: "ds-evolution-timeline__content", children: [
+                    /* @__PURE__ */ jsx("span", { className: "ds-evolution-timeline__period", children: era.period }),
+                    /* @__PURE__ */ jsx("h3", { className: "ds-evolution-timeline__label", children: era.label }),
+                    /* @__PURE__ */ jsx("p", { className: "ds-evolution-timeline__desc", children: era.description }),
+                    /* @__PURE__ */ jsx("ul", { className: "ds-evolution-timeline__traits", children: era.traits.map((trait, j) => /* @__PURE__ */ jsxs("li", { className: "ds-evolution-timeline__trait", children: [
+                      /* @__PURE__ */ jsx("span", { className: "ds-evolution-timeline__trait-icon", "aria-hidden": "true", children: era.sentiment === "future" ? "\u2713" : era.sentiment === "past" ? "\u2717" : "\u2022" }),
+                      trait
+                    ] }, j)) })
+                  ] })
+                ]
+              },
+              i
+            ))
+          ] }),
+          cta && /* @__PURE__ */ jsx("div", { className: "ds-evolution-timeline__cta", children: /* @__PURE__ */ jsx(Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ jsx(OutboundLink, { href: cta.href, context: "evolution-timeline-cta", openInNewTab: false, children: cta.label }) }) })
+        ]
+      }
+    );
+  }
+);
+EvolutionTimeline.displayName = "EvolutionTimeline";
+var EcosystemDiagram = forwardRef(
+  ({
+    eyebrow,
+    title,
+    subtitle,
+    layers,
+    connections,
+    variant = "flywheel",
+    centerLabel,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        className: clsx27("ds-ecosystem", `ds-ecosystem--${variant}`, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-ecosystem__diagram", role: "img", "aria-label": "Ecosystem diagram", children: [
+            centerLabel && /* @__PURE__ */ jsx("div", { className: "ds-ecosystem__center", children: /* @__PURE__ */ jsx("span", { className: "ds-ecosystem__center-label", children: centerLabel }) }),
+            /* @__PURE__ */ jsx("div", { className: "ds-ecosystem__layers", children: layers.map((layer, i) => /* @__PURE__ */ jsxs("div", { className: "ds-ecosystem__layer", children: [
+              layer.icon && /* @__PURE__ */ jsx("div", { className: "ds-ecosystem__layer-icon", "aria-hidden": "true", children: layer.icon }),
+              /* @__PURE__ */ jsx("h3", { className: "ds-ecosystem__layer-name", children: layer.name }),
+              /* @__PURE__ */ jsx("p", { className: "ds-ecosystem__layer-desc", children: layer.description }),
+              /* @__PURE__ */ jsx("ul", { className: "ds-ecosystem__capabilities", children: layer.capabilities.map((cap, j) => /* @__PURE__ */ jsx("li", { className: "ds-ecosystem__capability", children: cap }, j)) })
+            ] }, i)) }),
+            /* @__PURE__ */ jsx("div", { className: "ds-ecosystem__connections", "aria-hidden": "true", children: connections.map((conn, i) => /* @__PURE__ */ jsxs("div", { className: "ds-ecosystem__connection", children: [
+              /* @__PURE__ */ jsx("span", { className: "ds-ecosystem__connection-arrow", children: "\\u2192" }),
+              /* @__PURE__ */ jsx("span", { className: "ds-ecosystem__connection-label", children: conn.label })
+            ] }, i)) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+EcosystemDiagram.displayName = "EcosystemDiagram";
+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 = forwardRef(
+  ({
+    eyebrow,
+    title,
+    subtitle,
+    inputs,
+    calculate,
+    cta,
+    className,
+    ...props
+  }, ref) => {
+    const initialValues = useMemo(() => {
+      const vals = {};
+      inputs.forEach((inp) => {
+        vals[inp.name] = inp.defaultValue;
+      });
+      return vals;
+    }, [inputs]);
+    const [values, setValues] = useState(initialValues);
+    const handleChange = useCallback((name, value) => {
+      setValues((prev) => ({ ...prev, [name]: value }));
+    }, []);
+    const output = useMemo(() => calculate(values), [values, calculate]);
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        className: clsx27("ds-value-anchor", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-value-anchor__layout", children: [
+            /* @__PURE__ */ jsx("div", { className: "ds-value-anchor__inputs", children: inputs.map((input) => /* @__PURE__ */ jsxs("div", { className: "ds-value-anchor__input-group", children: [
+              /* @__PURE__ */ jsxs("label", { className: "ds-value-anchor__input-label", children: [
+                input.label,
+                /* @__PURE__ */ jsx("span", { className: "ds-value-anchor__input-value", children: formatNumber(values[input.name], input.prefix, input.suffix) })
+              ] }),
+              input.type === "slider" ? /* @__PURE__ */ jsx(
+                Slider,
+                {
+                  value: values[input.name],
+                  min: input.min ?? 0,
+                  max: input.max ?? 100,
+                  step: input.step ?? 1,
+                  onValueChange: (v) => handleChange(input.name, v)
+                }
+              ) : /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  type: "number",
+                  value: String(values[input.name]),
+                  onChange: (e) => handleChange(input.name, Number(e.target.value) || 0)
+                }
+              )
+            ] }, input.name)) }),
+            /* @__PURE__ */ jsxs("div", { className: "ds-value-anchor__output", children: [
+              /* @__PURE__ */ jsxs("div", { className: "ds-value-anchor__primary", children: [
+                /* @__PURE__ */ jsx("span", { className: "ds-value-anchor__primary-value", children: formatNumber(output.primaryMetric.value, output.primaryMetric.prefix, output.primaryMetric.suffix) }),
+                /* @__PURE__ */ jsx("span", { className: "ds-value-anchor__primary-label", children: output.primaryMetric.label })
+              ] }),
+              output.secondaryMetrics.length > 0 && /* @__PURE__ */ jsx("div", { className: "ds-value-anchor__secondary", children: output.secondaryMetrics.map((m, i) => /* @__PURE__ */ jsxs("div", { className: "ds-value-anchor__secondary-metric", children: [
+                /* @__PURE__ */ jsx("span", { className: "ds-value-anchor__secondary-value", children: formatNumber(m.value, m.prefix, m.suffix) }),
+                /* @__PURE__ */ jsx("span", { className: "ds-value-anchor__secondary-label", children: m.label })
+              ] }, i)) }),
+              output.costComparison && /* @__PURE__ */ jsxs("div", { className: "ds-value-anchor__comparison", children: [
+                /* @__PURE__ */ jsxs("div", { className: "ds-value-anchor__comparison-col ds-value-anchor__comparison-col--without", children: [
+                  /* @__PURE__ */ jsx("span", { className: "ds-value-anchor__comparison-value", children: formatNumber(output.costComparison.without.value, "$") }),
+                  /* @__PURE__ */ jsx("span", { className: "ds-value-anchor__comparison-label", children: output.costComparison.without.label })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "ds-value-anchor__comparison-col ds-value-anchor__comparison-col--with", children: [
+                  /* @__PURE__ */ jsx("span", { className: "ds-value-anchor__comparison-value", children: formatNumber(output.costComparison.with.value, "$") }),
+                  /* @__PURE__ */ jsx("span", { className: "ds-value-anchor__comparison-label", children: output.costComparison.with.label })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "ds-value-anchor__savings", children: [
+                  /* @__PURE__ */ jsx("span", { className: "ds-value-anchor__savings-value", children: formatNumber(output.costComparison.savings.value, "$") }),
+                  /* @__PURE__ */ jsx("span", { className: "ds-value-anchor__savings-label", children: output.costComparison.savings.label })
+                ] })
+              ] })
+            ] })
+          ] }),
+          cta && /* @__PURE__ */ jsx("div", { className: "ds-value-anchor__cta", children: /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", asChild: true, children: /* @__PURE__ */ jsx(OutboundLink, { href: cta.href, context: "value-anchor-cta", openInNewTab: false, children: cta.label }) }) })
+        ]
+      }
+    );
+  }
+);
+ValueAnchor.displayName = "ValueAnchor";
+var STATUS_LABELS2 = {
+  active: "Active",
+  "in-progress": "In Progress",
+  planned: "Planned"
+};
+var EnterpriseSignaling = forwardRef(
+  ({
+    eyebrow,
+    title,
+    subtitle,
+    categories,
+    sla,
+    variant = "full",
+    className,
+    ...props
+  }, ref) => {
+    if (variant === "strip") {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: clsx27("ds-enterprise-signaling", "ds-enterprise-signaling--strip", className),
+          ...props,
+          children: /* @__PURE__ */ jsx("div", { className: "ds-enterprise-signaling__strip-inner", children: categories.flatMap((cat) => cat.items.filter((i) => i.status === "active")).map((item, i) => /* @__PURE__ */ jsx("span", { className: "ds-enterprise-signaling__strip-item", children: item.name }, i)) })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        className: clsx27("ds-enterprise-signaling", `ds-enterprise-signaling--${variant}`, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsx("div", { className: "ds-enterprise-signaling__categories", children: categories.map((cat, ci) => /* @__PURE__ */ jsxs("div", { className: "ds-enterprise-signaling__category", children: [
+            /* @__PURE__ */ jsxs("div", { className: "ds-enterprise-signaling__category-header", children: [
+              cat.icon && /* @__PURE__ */ jsx("span", { className: "ds-enterprise-signaling__category-icon", children: cat.icon }),
+              /* @__PURE__ */ jsx("h3", { className: "ds-enterprise-signaling__category-name", children: cat.name })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "ds-enterprise-signaling__items", children: cat.items.map((item, ii) => {
+              const inner = /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: clsx27(
+                    "ds-enterprise-signaling__item",
+                    `ds-enterprise-signaling__item--${item.status}`
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "ds-enterprise-signaling__item-name", children: item.name }),
+                    /* @__PURE__ */ jsx(
+                      Badge,
+                      {
+                        className: clsx27("ds-enterprise-signaling__item-status", `ds-enterprise-signaling__item-status--${item.status}`),
+                        variant: "outline",
+                        children: STATUS_LABELS2[item.status]
+                      }
+                    ),
+                    variant === "full" && item.detail && /* @__PURE__ */ jsx("span", { className: "ds-enterprise-signaling__item-detail", children: item.detail })
+                  ]
+                },
+                ii
+              );
+              return item.href ? /* @__PURE__ */ jsx(OutboundLink, { href: item.href, context: "enterprise-signaling-item", className: "ds-enterprise-signaling__item-link", children: inner }, ii) : /* @__PURE__ */ jsx(React34.Fragment, { children: inner }, ii);
+            }) })
+          ] }, ci)) }),
+          sla && sla.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ds-enterprise-signaling__sla", children: [
+            /* @__PURE__ */ jsx("h3", { className: "ds-enterprise-signaling__sla-title", children: "Service Level Agreements" }),
+            /* @__PURE__ */ jsxs("table", { className: "ds-enterprise-signaling__sla-table", children: [
+              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("th", { children: "Metric" }),
+                /* @__PURE__ */ jsx("th", { children: "SLA" }),
+                sla.some((s) => s.current) && /* @__PURE__ */ jsx("th", { children: "Current" })
+              ] }) }),
+              /* @__PURE__ */ jsx("tbody", { children: sla.map((s, i) => /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("td", { children: s.metric }),
+                /* @__PURE__ */ jsx("td", { children: s.commitment }),
+                sla.some((sl) => sl.current) && /* @__PURE__ */ jsx("td", { className: "ds-enterprise-signaling__sla-current", children: s.current ?? "\u2014" })
+              ] }, i)) })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+EnterpriseSignaling.displayName = "EnterpriseSignaling";
+var IntelligenceBlock = forwardRef(
+  ({
+    eyebrow,
+    title,
+    subtitle,
+    metrics,
+    capabilities,
+    variant = "metrics-first",
+    className,
+    ...props
+  }, ref) => {
+    const metricsBlock = /* @__PURE__ */ jsx("div", { className: "ds-intelligence__metrics", children: metrics.map((m, i) => /* @__PURE__ */ jsxs("div", { className: "ds-intelligence__metric", children: [
+      /* @__PURE__ */ jsx(
+        MetricCounter,
+        {
+          value: m.value,
+          prefix: m.prefix,
+          suffix: m.suffix,
+          label: m.label
+        }
+      ),
+      m.growth && /* @__PURE__ */ jsx("span", { className: "ds-intelligence__growth", children: m.growth })
+    ] }, i)) });
+    const capabilitiesBlock = /* @__PURE__ */ jsx("div", { className: "ds-intelligence__capabilities", children: capabilities.map((cap, i) => /* @__PURE__ */ jsxs("div", { className: "ds-intelligence__capability", children: [
+      cap.icon && /* @__PURE__ */ jsx("div", { className: "ds-intelligence__capability-icon", "aria-hidden": "true", children: cap.icon }),
+      /* @__PURE__ */ jsxs("div", { className: "ds-intelligence__capability-content", children: [
+        /* @__PURE__ */ jsx("h3", { className: "ds-intelligence__capability-title", children: cap.title }),
+        /* @__PURE__ */ jsx("p", { className: "ds-intelligence__capability-desc", children: cap.description }),
+        cap.compoundingExample && /* @__PURE__ */ jsxs("div", { className: "ds-intelligence__compound", children: [
+          /* @__PURE__ */ jsxs("div", { className: "ds-intelligence__compound-before", children: [
+            /* @__PURE__ */ jsx("span", { className: "ds-intelligence__compound-label", children: "Before" }),
+            /* @__PURE__ */ jsx("span", { className: "ds-intelligence__compound-text", children: cap.compoundingExample.before })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "ds-intelligence__compound-arrow", "aria-hidden": "true", children: "\\u2192" }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-intelligence__compound-after", children: [
+            /* @__PURE__ */ jsx("span", { className: "ds-intelligence__compound-label", children: cap.compoundingExample.timeframe }),
+            /* @__PURE__ */ jsx("span", { className: "ds-intelligence__compound-text", children: cap.compoundingExample.after })
+          ] })
+        ] })
+      ] })
+    ] }, i)) });
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        className: clsx27("ds-intelligence", `ds-intelligence--${variant}`, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SectionHeader, { eyebrow, title, subtitle }),
+          variant === "capabilities-first" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            capabilitiesBlock,
+            metricsBlock
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            metricsBlock,
+            capabilitiesBlock
+          ] })
+        ]
+      }
+    );
+  }
+);
+IntelligenceBlock.displayName = "IntelligenceBlock";
+function fmtNum(n, prefix, suffix) {
+  return `${prefix ?? ""}${n.toLocaleString("en-US", { maximumFractionDigits: 0 })}${suffix ?? ""}`;
+}
+var PartnerValueProp = forwardRef(
+  ({
+    eyebrow,
+    title,
+    subtitle,
+    calculator,
+    benefits,
+    differentiators,
+    differentiatorTitle = "Build In-House vs. White-Label",
+    differentiatorBuildLabel = "Build In-House",
+    differentiatorPartnerLabel = "White-Label",
+    cta,
+    className,
+    ...props
+  }, ref) => {
+    const initialValues = useMemo(() => {
+      if (!calculator) return {};
+      const vals = {};
+      calculator.inputs.forEach((inp) => {
+        vals[inp.name] = inp.defaultValue;
+      });
+      return vals;
+    }, [calculator]);
+    const [values, setValues] = useState(initialValues);
+    const handleChange = useCallback((name, value) => {
+      setValues((prev) => ({ ...prev, [name]: value }));
+    }, []);
+    const calcOutput = useMemo(() => {
+      if (!calculator) return null;
+      return calculator.calculate(values);
+    }, [values, calculator]);
+    return /* @__PURE__ */ jsxs(
+      SectionShell,
+      {
+        ref,
+        className: clsx27("ds-partner-vp", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SectionHeader, { eyebrow, title, subtitle }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-partner-vp__layout", children: [
+            /* @__PURE__ */ jsx("div", { className: "ds-partner-vp__benefits", children: benefits.map((b, i) => /* @__PURE__ */ jsxs("div", { className: "ds-partner-vp__benefit", children: [
+              b.icon && /* @__PURE__ */ jsx("div", { className: "ds-partner-vp__benefit-icon", "aria-hidden": "true", children: b.icon }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("h3", { className: "ds-partner-vp__benefit-title", children: b.title }),
+                /* @__PURE__ */ jsx("p", { className: "ds-partner-vp__benefit-desc", children: b.description })
+              ] })
+            ] }, i)) }),
+            calculator && calcOutput && /* @__PURE__ */ jsxs("div", { className: "ds-partner-vp__calculator", children: [
+              /* @__PURE__ */ jsx("h3", { className: "ds-partner-vp__calc-title", children: "Partner Economics" }),
+              calculator.inputs.map((input) => /* @__PURE__ */ jsxs("div", { className: "ds-partner-vp__calc-input", children: [
+                /* @__PURE__ */ jsxs("label", { className: "ds-partner-vp__calc-label", children: [
+                  input.label,
+                  /* @__PURE__ */ jsx("span", { className: "ds-partner-vp__calc-value", children: fmtNum(values[input.name], input.prefix, input.suffix) })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Slider,
+                  {
+                    value: values[input.name],
+                    min: input.min ?? 0,
+                    max: input.max ?? 100,
+                    onValueChange: (v) => handleChange(input.name, v)
+                  }
+                )
+              ] }, input.name)),
+              /* @__PURE__ */ jsxs("div", { className: "ds-partner-vp__calc-results", children: [
+                /* @__PURE__ */ jsxs("div", { className: "ds-partner-vp__calc-margin", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "ds-partner-vp__calc-margin-value", children: [
+                    Math.round(calcOutput.marginPercentage),
+                    "%"
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { className: "ds-partner-vp__calc-margin-label", children: "Margin" })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "ds-partner-vp__calc-metrics", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "ds-partner-vp__calc-metric", children: [
+                    /* @__PURE__ */ jsx("span", { className: "ds-partner-vp__calc-metric-value", children: fmtNum(calcOutput.monthlyRevenue, "$") }),
+                    /* @__PURE__ */ jsx("span", { className: "ds-partner-vp__calc-metric-label", children: "Monthly Revenue" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "ds-partner-vp__calc-metric", children: [
+                    /* @__PURE__ */ jsx("span", { className: "ds-partner-vp__calc-metric-value", children: fmtNum(calcOutput.monthlyCost, "$") }),
+                    /* @__PURE__ */ jsx("span", { className: "ds-partner-vp__calc-metric-label", children: "Monthly Cost" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "ds-partner-vp__calc-metric", children: [
+                    /* @__PURE__ */ jsx("span", { className: "ds-partner-vp__calc-metric-value ds-partner-vp__calc-metric-value--positive", children: fmtNum(calcOutput.monthlyMargin, "$") }),
+                    /* @__PURE__ */ jsx("span", { className: "ds-partner-vp__calc-metric-label", children: "Monthly Profit" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "ds-partner-vp__calc-metric", children: [
+                    /* @__PURE__ */ jsx("span", { className: "ds-partner-vp__calc-metric-value", children: fmtNum(calcOutput.annualRevenue, "$") }),
+                    /* @__PURE__ */ jsx("span", { className: "ds-partner-vp__calc-metric-label", children: "Annual Revenue" })
+                  ] })
+                ] })
+              ] })
+            ] })
+          ] }),
+          differentiators && differentiators.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ds-partner-vp__diff", children: [
+            /* @__PURE__ */ jsx("h3", { className: "ds-partner-vp__diff-title", children: differentiatorTitle }),
+            /* @__PURE__ */ jsxs("table", { className: "ds-partner-vp__diff-table", children: [
+              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("th", { children: "Dimension" }),
+                /* @__PURE__ */ jsx("th", { children: differentiatorBuildLabel }),
+                /* @__PURE__ */ jsx("th", { children: differentiatorPartnerLabel })
+              ] }) }),
+              /* @__PURE__ */ jsx("tbody", { children: differentiators.map((d, i) => /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("td", { className: "ds-partner-vp__diff-dimension", children: d.dimension }),
+                /* @__PURE__ */ jsx("td", { className: "ds-partner-vp__diff-build", children: d.buildInHouse }),
+                /* @__PURE__ */ jsx("td", { className: "ds-partner-vp__diff-sm", children: d.withPartner })
+              ] }, i)) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "ds-partner-vp__cta", children: /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", asChild: true, children: /* @__PURE__ */ jsx(OutboundLink, { href: cta.href, context: "partner-value-prop-cta", openInNewTab: false, children: cta.label }) }) })
+        ]
+      }
+    );
+  }
+);
+PartnerValueProp.displayName = "PartnerValueProp";
+var ComparisonTable = React34.forwardRef(
+  ({ columns, rows, caption, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("div", { ref, className: clsx27("ds-comparison-table", className), ...props, children: /* @__PURE__ */ jsx("div", { className: "ds-comparison-table__scroll", children: /* @__PURE__ */ jsxs("table", { className: "ds-comparison-table__table", role: "table", children: [
+      caption && /* @__PURE__ */ jsx("caption", { className: "ds-comparison-table__caption", children: caption }),
+      /* @__PURE__ */ jsx("thead", { className: "ds-comparison-table__head", children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: "ds-comparison-table__corner", scope: "col", children: /* @__PURE__ */ jsx("span", { className: "ds-visually-hidden", children: "Feature" }) }),
+        columns.map((col, idx) => /* @__PURE__ */ jsxs(
+          "th",
+          {
+            scope: "col",
+            className: clsx27(
+              "ds-comparison-table__col-header",
+              col.highlighted && "ds-comparison-table__col-header--highlighted"
+            ),
+            children: [
+              col.badge && /* @__PURE__ */ jsx("span", { className: "ds-comparison-table__col-badge", children: col.badge }),
+              /* @__PURE__ */ jsx("span", { className: "ds-comparison-table__col-label", children: col.label })
+            ]
+          },
+          idx
+        ))
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { className: "ds-comparison-table__body", children: rows.map(
+        (row, rowIdx) => row.isCategory ? /* @__PURE__ */ jsx("tr", { className: "ds-comparison-table__category-row", children: /* @__PURE__ */ jsx(
+          "td",
+          {
+            colSpan: columns.length + 1,
+            className: "ds-comparison-table__category",
+            children: row.label
+          }
+        ) }, rowIdx) : /* @__PURE__ */ jsxs("tr", { className: "ds-comparison-table__row", children: [
+          /* @__PURE__ */ jsx("td", { className: "ds-comparison-table__row-label", children: row.label }),
+          row.values.map((val, colIdx) => /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: clsx27(
+                "ds-comparison-table__cell",
+                columns[colIdx]?.highlighted && "ds-comparison-table__cell--highlighted"
+              ),
+              children: val
+            },
+            colIdx
+          ))
+        ] }, rowIdx)
+      ) })
+    ] }) }) });
+  }
+);
+ComparisonTable.displayName = "ComparisonTable";
+var GuaranteeHighlight = React34.forwardRef(
+  ({
+    guarantee,
+    detail,
+    finePrint,
+    variant = "default",
+    icon,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: clsx27(
+          "ds-guarantee",
+          `ds-guarantee--${variant}`,
+          className
+        ),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("div", { className: "ds-guarantee__icon", children: icon }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-guarantee__content", children: [
+            /* @__PURE__ */ jsx("p", { className: "ds-guarantee__statement", children: guarantee }),
+            detail && /* @__PURE__ */ jsx("p", { className: "ds-guarantee__detail", children: detail }),
+            finePrint && /* @__PURE__ */ jsx("p", { className: "ds-guarantee__fine-print", children: finePrint })
+          ] })
+        ]
+      }
+    );
+  }
+);
+GuaranteeHighlight.displayName = "GuaranteeHighlight";
+var ROICalculator = React34.forwardRef(
+  ({
+    eyebrow,
+    title,
+    items,
+    summary,
+    savingsCallout,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { ref, className: clsx27("ds-roi-calculator", className), ...props, children: [
+      (eyebrow || title) && /* @__PURE__ */ jsxs("div", { className: "ds-roi-calculator__header", children: [
+        eyebrow && /* @__PURE__ */ jsx("span", { className: "ds-roi-calculator__eyebrow", children: eyebrow }),
+        title && /* @__PURE__ */ jsx("h3", { className: "ds-roi-calculator__title", children: title })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "ds-roi-calculator__grid", children: items.map((item, idx) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx27(
+            "ds-roi-calculator__item",
+            item.isRecommended && "ds-roi-calculator__item--recommended"
+          ),
+          children: [
+            item.isRecommended && /* @__PURE__ */ jsx("span", { className: "ds-roi-calculator__item-badge", children: "Your Cost" }),
+            /* @__PURE__ */ jsx("span", { className: "ds-roi-calculator__item-label", children: item.label }),
+            /* @__PURE__ */ jsx("span", { className: "ds-roi-calculator__item-cost", children: item.monthlyCost }),
+            /* @__PURE__ */ jsx("span", { className: "ds-roi-calculator__item-annual", children: item.annualCost }),
+            item.context && /* @__PURE__ */ jsx("span", { className: "ds-roi-calculator__item-context", children: item.context })
+          ]
+        },
+        idx
+      )) }),
+      savingsCallout && /* @__PURE__ */ jsx("div", { className: "ds-roi-calculator__savings", children: savingsCallout }),
+      summary && /* @__PURE__ */ jsx("div", { className: "ds-roi-calculator__summary", children: summary })
+    ] });
+  }
+);
+ROICalculator.displayName = "ROICalculator";
+var ICPFilter = React34.forwardRef(
+  ({
+    qualifiedItems,
+    disqualifiedItems,
+    qualifiedHeading = "This Is For You If",
+    disqualifiedHeading = "This Is Not For You If",
+    variant = "columns",
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: clsx27(
+          "ds-icp-filter",
+          `ds-icp-filter--${variant}`,
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "ds-icp-filter__column ds-icp-filter__column--qualified", children: [
+            /* @__PURE__ */ jsx("h4", { className: "ds-icp-filter__heading ds-icp-filter__heading--qualified", children: qualifiedHeading }),
+            /* @__PURE__ */ jsx("ul", { className: "ds-icp-filter__list", children: qualifiedItems.map((item, idx) => /* @__PURE__ */ jsxs("li", { className: "ds-icp-filter__item ds-icp-filter__item--qualified", children: [
+              /* @__PURE__ */ jsx("span", { className: "ds-icp-filter__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) }) }),
+              /* @__PURE__ */ jsx("span", { className: "ds-icp-filter__text", children: item.text })
+            ] }, idx)) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-icp-filter__column ds-icp-filter__column--disqualified", children: [
+            /* @__PURE__ */ jsx("h4", { className: "ds-icp-filter__heading ds-icp-filter__heading--disqualified", children: disqualifiedHeading }),
+            /* @__PURE__ */ jsx("ul", { className: "ds-icp-filter__list", children: disqualifiedItems.map((item, idx) => /* @__PURE__ */ jsxs("li", { className: "ds-icp-filter__item ds-icp-filter__item--disqualified", children: [
+              /* @__PURE__ */ jsx("span", { className: "ds-icp-filter__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+              ] }) }),
+              /* @__PURE__ */ jsx("span", { className: "ds-icp-filter__text", children: item.text })
+            ] }, idx)) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ICPFilter.displayName = "ICPFilter";
+var ObjectionFAQ = React34.forwardRef(
+  ({
+    items,
+    title,
+    subtitle,
+    allowMultiple = false,
+    defaultOpenIndex,
+    className,
+    ...props
+  }, ref) => {
+    const [openItems, setOpenItems] = React34.useState(() => {
+      const initial = /* @__PURE__ */ new Set();
+      if (defaultOpenIndex !== void 0) initial.add(defaultOpenIndex);
+      return initial;
+    });
+    const toggle = React34.useCallback(
+      (index) => {
+        setOpenItems((prev) => {
+          const next = new Set(prev);
+          if (next.has(index)) {
+            next.delete(index);
+          } else {
+            if (!allowMultiple) next.clear();
+            next.add(index);
+          }
+          return next;
+        });
+      },
+      [allowMultiple]
+    );
+    return /* @__PURE__ */ jsxs("div", { ref, className: clsx27("ds-objection-faq", className), ...props, children: [
+      (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "ds-objection-faq__header", children: [
+        title && /* @__PURE__ */ jsx("h3", { className: "ds-objection-faq__title", children: title }),
+        subtitle && /* @__PURE__ */ jsx("p", { className: "ds-objection-faq__subtitle", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "ds-objection-faq__list", role: "list", children: items.map((item, idx) => {
+        const isOpen = openItems.has(idx);
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx27(
+              "ds-objection-faq__item",
+              isOpen && "ds-objection-faq__item--open"
+            ),
+            "data-state": isOpen ? "open" : "closed",
+            role: "listitem",
+            children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "ds-objection-faq__trigger",
+                  onClick: () => toggle(idx),
+                  "aria-expanded": isOpen,
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: "ds-objection-faq__trigger-content", children: [
+                      item.tag && /* @__PURE__ */ jsx("span", { className: "ds-objection-faq__tag", children: item.tag }),
+                      /* @__PURE__ */ jsx("span", { className: "ds-objection-faq__question", children: item.question })
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      "svg",
+                      {
+                        className: "ds-objection-faq__chevron",
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "ds-objection-faq__answer-wrapper",
+                  hidden: !isOpen,
+                  children: /* @__PURE__ */ jsx("p", { className: "ds-objection-faq__answer", children: item.answer })
+                }
+              )
+            ]
+          },
+          idx
+        );
+      }) })
+    ] });
+  }
+);
+ObjectionFAQ.displayName = "ObjectionFAQ";
+
+export { AnnouncementBar, ArchitectureDiagram, BeforeAfterBlock, BookingEmbed, CaseStudyCard, CaseStudySection, ComparisonTable, CompetitorDiff, ComplianceGrid, EcosystemDiagram, EnterpriseSignaling, EvolutionTimeline, ExitIntentOverlay, GuaranteeHighlight, ICPFilter, IntegrationShowcase, IntelligenceBlock, IntentCTA, LeadCaptureForm, ManifestoBlock, ObjectionFAQ, PartnerValueProp, PricingCard, PricingSection, PricingToggle, ProblemAgitation, ProcessTimeline, ROICalculator, SecurityBlock, SegmentSwitch, StakeholderTabs, StickyActionBar, ValueAnchor, VideoEmbed };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-U3LK2GID.js.map