@salesmind-ai/design-system 0.3.2 → 0.3.4

package/dist/chunk-TW5JB35D.js

@@ -1,2122 +0,0 @@
-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-KBA2LFBG.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-TW5JB35D.js.map