@salesmind-ai/design-system 0.3.4 → 0.3.5

package/dist/marketing/index.js

@@ -1,3044 +1,13 @@
-import React31, { forwardRef, createContext, useState, useEffect, useRef, useCallback, useMemo, useContext } from 'react';
-import clsx14 from 'clsx';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
-import { Input } from '@base-ui/react/input';
-import { ArrowRight, X, Check } from 'lucide-react';
-import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
-
-// src/components/PricingCard/PricingCard.tsx
-var PricingCard = React31.forwardRef(
-  ({
-    tier,
-    tagline,
-    price,
-    priceSuffix,
-    anchorPrice,
-    badge,
-    highlighted = false,
-    features = [],
-    cta,
-    secondaryCta,
-    footerNote,
-    className,
-    children,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: clsx14(
-          "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: clsx14(
-                "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: clsx14("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: clsx14(
-                "ds-pricing-section__card",
-                plan.highlighted && "ds-pricing-section__card--popular"
-              )
-            },
-            index
-          )) })
-        ]
-      }
-    );
-  }
-);
-PricingSection.displayName = "PricingSection";
-var ToggleGroupContext = React31.createContext({
-  type: "single",
-  value: [],
-  onItemToggle: () => {
-  }
-});
-var ToggleGroup = React31.forwardRef(
-  ({ className, type, value, onValueChange, children, ...props }, ref) => {
-    const normalizedValue = React31.useMemo(() => {
-      if (value === void 0) return [];
-      return Array.isArray(value) ? value : [value];
-    }, [value]);
-    const onItemToggle = React31.useCallback(
-      (itemValue) => {
-        if (type === "single") {
-          const next = normalizedValue.includes(itemValue) ? "" : itemValue;
-          onValueChange?.(next);
-        } else {
-          const next = normalizedValue.includes(itemValue) ? normalizedValue.filter((v) => v !== itemValue) : [...normalizedValue, itemValue];
-          onValueChange?.(next);
-        }
-      },
-      [type, normalizedValue, onValueChange]
-    );
-    const ctx = React31.useMemo(
-      () => ({ type, value: normalizedValue, onItemToggle }),
-      [type, normalizedValue, onItemToggle]
-    );
-    return /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        role: "group",
-        className: clsx14("ds-toggle-group", className),
-        ...props,
-        children
-      }
-    ) });
-  }
-);
-ToggleGroup.displayName = "ToggleGroup";
-var ToggleGroupItem = React31.forwardRef(({ className, value, children, onClick, ...props }, ref) => {
-  const ctx = React31.useContext(ToggleGroupContext);
-  const pressed = ctx.value.includes(value);
-  const handleClick = (e) => {
-    ctx.onItemToggle(value);
-    onClick?.(e);
-  };
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref,
-      type: "button",
-      "aria-pressed": pressed,
-      className: clsx14(
-        "ds-toggle-group__item",
-        pressed && "ds-toggle-group__item--pressed",
-        className
-      ),
-      onClick: handleClick,
-      ...props,
-      children
-    }
-  );
-});
-ToggleGroupItem.displayName = "ToggleGroupItem";
-var Badge = React31.forwardRef(
-  ({ className, variant = "default", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        ref,
-        className: clsx14("ds-badge", `ds-badge--${variant}`, className),
-        ...props
-      }
-    );
-  }
-);
-Badge.displayName = "Badge";
-var PricingToggle = forwardRef(
-  ({
-    value,
-    onChange,
-    monthlyLabel = "Monthly",
-    annualLabel = "Annual",
-    savingsBadge,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: clsx14("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 ComparisonTable = React31.forwardRef(
-  ({ columns, rows, caption, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, className: clsx14("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: clsx14(
-              "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: clsx14(
-                "ds-comparison-table__cell",
-                columns[colIdx]?.highlighted && "ds-comparison-table__cell--highlighted"
-              ),
-              children: val
-            },
-            colIdx
-          ))
-        ] }, rowIdx)
-      ) })
-    ] }) }) });
-  }
-);
-ComparisonTable.displayName = "ComparisonTable";
-var ROICalculator = React31.forwardRef(
-  ({
-    eyebrow,
-    title,
-    items,
-    summary,
-    savingsCallout,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs("div", { ref, className: clsx14("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: clsx14(
-            "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 GuaranteeHighlight = React31.forwardRef(
-  ({
-    guarantee,
-    detail,
-    finePrint,
-    variant = "default",
-    icon,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: clsx14(
-          "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 ICPFilter = React31.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: clsx14(
-          "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 = React31.forwardRef(
-  ({
-    items,
-    title,
-    subtitle,
-    allowMultiple = false,
-    defaultOpenIndex,
-    className,
-    ...props
-  }, ref) => {
-    const [openItems, setOpenItems] = React31.useState(() => {
-      const initial = /* @__PURE__ */ new Set();
-      if (defaultOpenIndex !== void 0) initial.add(defaultOpenIndex);
-      return initial;
-    });
-    const toggle = React31.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: clsx14("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: clsx14(
-              "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";
-var Button = React31.forwardRef(
-  ({ className, variant = "primary", size = "md", asChild = false, isLoading = false, children, disabled, ...props }, ref) => {
-    const buttonClass = clsx14(
-      "ds-button",
-      `ds-button--${variant}`,
-      size === "icon" ? "ds-button--icon ds-button--md" : `ds-button--${size}`,
-      isLoading && "ds-button--loading",
-      className
-    );
-    if (asChild) {
-      return /* @__PURE__ */ jsx(
-        Slot,
-        {
-          ref,
-          "aria-disabled": isLoading || disabled || void 0,
-          className: buttonClass,
-          ...props,
-          children
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ref,
-        disabled: isLoading || disabled,
-        className: buttonClass,
-        ...props,
-        children: [
-          isLoading && /* @__PURE__ */ jsx(
-            "svg",
-            {
-              className: "ds-button__spinner",
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "1em",
-              height: "1em",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              children: /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: clsx14("ds-button__content", isLoading && "ds-button__content--hidden"), children })
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var UtmContext = createContext(null);
-
-// src/web/utm/useUtmDefaults.ts
-function useUtmDefaults() {
-  return useContext(UtmContext);
-}
-
-// src/web/utm/builders.ts
-var PLACEHOLDER_ORIGIN = "https://__placeholder__.internal";
-function buildUtmUrl(baseUrl, params) {
-  const isRelative = baseUrl.startsWith("/");
-  let url;
-  try {
-    url = isRelative ? new URL(baseUrl, PLACEHOLDER_ORIGIN) : new URL(baseUrl);
-  } catch {
-    return baseUrl;
-  }
-  const existingParams = [];
-  url.searchParams.forEach((value, key) => {
-    existingParams.push([key, value]);
-  });
-  for (const [key] of existingParams) {
-    url.searchParams.delete(key);
-  }
-  for (const [key, value] of existingParams) {
-    if (!key.startsWith("utm_")) {
-      url.searchParams.set(key, value);
-    }
-  }
-  url.searchParams.set("utm_source", params.source);
-  url.searchParams.set("utm_medium", params.medium);
-  url.searchParams.set("utm_campaign", params.campaign);
-  if (params.term !== void 0) {
-    url.searchParams.set("utm_term", params.term);
-  }
-  if (params.content !== void 0) {
-    url.searchParams.set("utm_content", params.content);
-  }
-  if (isRelative) {
-    return url.href.replace(PLACEHOLDER_ORIGIN, "");
-  }
-  return url.href;
-}
-
-// src/web/utm/classifiers.ts
-var INTERNAL_PATTERNS = [
-  /^\/(?!\/)/,
-  // Relative paths
-  /^https?:\/\/(www\.)?sales-mind\.ai/i,
-  // Marketing site
-  /^https?:\/\/app\.sales-mind\.ai/i,
-  // Web app
-  /^https?:\/\/apps\.sales-mind\.ai/i,
-  // Web app (legacy)
-  /^https?:\/\/meet\.sales-mind\.ai/i,
-  // Booking
-  /^https?:\/\/docs\.sales-mind\.ai/i
-  // Docs
-];
-var SYSTEM_PATTERNS = [
-  /^https?:\/\/.*\/api\//i,
-  // API endpoints
-  /^https?:\/\/.*\/webhook/i,
-  // Webhooks
-  /^https?:\/\/.*\/oauth/i,
-  // OAuth callbacks
-  /^https?:\/\/.*\/callback/i,
-  // Callbacks
-  /^https?:\/\/.*\.supabase\.(co|com)/i,
-  // Supabase
-  /^https?:\/\/.*\.firebaseapp\.com/i,
-  // Firebase
-  /^https?:\/\/.*\.cloudfunctions\.net/i
-  // Cloud Functions
-];
-var ASSET_PATTERNS = [
-  /\.(css|js|mjs|map|woff2?|ttf|eot|svg|png|jpe?g|gif|webp|avif|ico|pdf)(\?.*)?$/i
-];
-var CONVERSION_PATTERNS = [
-  /^https?:\/\/(www\.)?calendly\.com/i,
-  /^https?:\/\/(checkout\.)?stripe\.com/i,
-  /^https?:\/\/buy\.stripe\.com/i,
-  /^https?:\/\/chromewebstore\.google\.com/i,
-  /^https?:\/\/meet\.sales-mind\.ai/i
-];
-var PROTOCOL_EXEMPT = [
-  /^mailto:/i,
-  /^tel:/i,
-  /^#/,
-  /^javascript:/i
-];
-function classifyUrl(url) {
-  if (PROTOCOL_EXEMPT.some((p) => p.test(url))) return "protocol";
-  if (ASSET_PATTERNS.some((p) => p.test(url))) return "asset";
-  if (SYSTEM_PATTERNS.some((p) => p.test(url))) return "system";
-  if (CONVERSION_PATTERNS.some((p) => p.test(url))) return "conversion";
-  if (INTERNAL_PATTERNS.some((p) => p.test(url))) return "internal";
-  return "external";
-}
-
-// src/components/OutboundLink/outbound-link-utils.ts
-var LEGACY_UTM_SOURCE = "salesmind";
-var EXEMPT_PATTERNS = [
-  /^https?:\/\/(www\.)?(stripe\.com|checkout\.stripe\.com|paypal\.com)/i,
-  /^https?:\/\/(www\.)?github\.com\/login\/oauth/i
-];
-var isExemptUrl = (urlStr) => {
-  if (urlStr.startsWith("mailto:") || urlStr.startsWith("tel:")) return true;
-  const classification = classifyUrl(urlStr);
-  if (classification === "system" || classification === "protocol" || classification === "asset") {
-    return true;
-  }
-  return EXEMPT_PATTERNS.some((pattern) => pattern.test(urlStr));
-};
-var appendGovernedUTMs = (href, params, preserveExisting = true) => {
-  try {
-    const url = new URL(href);
-    if (preserveExisting) {
-      const hasAll = url.searchParams.has("utm_source") && url.searchParams.has("utm_medium") && url.searchParams.has("utm_campaign");
-      if (hasAll) return href;
-    }
-    return buildUtmUrl(href, params);
-  } catch {
-    return href;
-  }
-};
-var appendUTMs = (href, context, pageSlug, options) => {
-  try {
-    const url = new URL(href);
-    const { mediumOverride = "outbound_link", campaignOverride, preserveExisting = true } = options;
-    const utms = {
-      utm_source: LEGACY_UTM_SOURCE,
-      utm_medium: mediumOverride,
-      utm_campaign: campaignOverride || pageSlug,
-      utm_content: context
-    };
-    Object.entries(utms).forEach(([key, value]) => {
-      if (value) {
-        if (preserveExisting && url.searchParams.has(key)) {
-          return;
-        }
-        url.searchParams.set(key, value);
-      }
-    });
-    return url.toString();
-  } catch {
-    return href;
-  }
-};
-var OutboundLink = forwardRef(
-  ({
-    href,
-    context,
-    campaignOverride,
-    mediumOverride = "outbound_link",
-    preserveExistingUTM = true,
-    openInNewTab = true,
-    disableTracking = false,
-    utmParams,
-    onClick,
-    children,
-    ...props
-  }, ref) => {
-    const contextParams = useUtmDefaults();
-    const resolvedUtmParams = utmParams ?? contextParams;
-    let hostname = "";
-    try {
-      const url = new URL(href);
-      hostname = url.hostname;
-    } catch {
-    }
-    const [finalHref, setFinalHref] = useState(href);
-    useEffect(() => {
-      let isExternal = false;
-      let currentMedium = mediumOverride;
-      try {
-        const url = new URL(href);
-        const currentHost = window.location.hostname;
-        isExternal = url.hostname !== currentHost;
-        if (isExternal && currentHost.includes("sales-mind.ai") && url.hostname.includes("sales-mind.ai")) {
-          if (currentMedium === "outbound_link") {
-            currentMedium = "cross_subdomain";
-          }
-        }
-      } catch {
-        isExternal = false;
-      }
-      const isExempt = isExemptUrl(href) || disableTracking;
-      if (isExternal && !isExempt) {
-        if (resolvedUtmParams) {
-          setFinalHref(appendGovernedUTMs(href, resolvedUtmParams, preserveExistingUTM));
-        } else {
-          const pageSlug = window.location.pathname.replace(/^\/|\/$/g, "") || "home";
-          setFinalHref(appendUTMs(href, context, pageSlug, {
-            mediumOverride: currentMedium,
-            campaignOverride,
-            preserveExisting: preserveExistingUTM
-          }));
-        }
-      } else {
-        setFinalHref(href);
-      }
-    }, [href, context, mediumOverride, campaignOverride, preserveExistingUTM, disableTracking, resolvedUtmParams]);
-    const handleClick = (e) => {
-      if (typeof window === "undefined" || disableTracking) {
-        onClick?.(e);
-        return;
-      }
-      let clickExternal = false;
-      let clickCrossSubdomain = false;
-      let clickMedium = mediumOverride;
-      try {
-        const url = new URL(href);
-        const currentHost = window.location.hostname;
-        clickExternal = url.hostname !== currentHost;
-        if (clickExternal && currentHost.includes("sales-mind.ai") && url.hostname.includes("sales-mind.ai")) {
-          clickCrossSubdomain = true;
-          if (clickMedium === "outbound_link") {
-            clickMedium = "cross_subdomain";
-          }
-        }
-      } catch {
-      }
-      if (clickExternal) {
-        const detail = {
-          destination_domain: hostname,
-          destination_url: finalHref,
-          utm_medium_type: clickMedium,
-          page_slug: window.location.pathname,
-          component_location: context,
-          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-          is_cross_subdomain: clickCrossSubdomain
-        };
-        const event = new CustomEvent("outbound_click", { detail });
-        window.dispatchEvent(event);
-      }
-      onClick?.(e);
-    };
-    const relParts = [];
-    let shouldOpenNewTab = openInNewTab;
-    try {
-      const url = new URL(href);
-      if (typeof window !== "undefined") {
-        const currentHost = window.location.hostname;
-        if (url.hostname !== currentHost && currentHost.includes("sales-mind.ai") && url.hostname.includes("sales-mind.ai")) {
-          shouldOpenNewTab = false;
-        }
-      }
-    } catch {
-    }
-    if (shouldOpenNewTab) relParts.push("noopener", "noreferrer");
-    if (mediumOverride === "citation") relParts.push("nofollow");
-    const rel = relParts.length > 0 ? relParts.join(" ") : void 0;
-    return (
-      // eslint-disable-next-line no-restricted-syntax
-      /* @__PURE__ */ jsx(
-        "a",
-        {
-          ref,
-          href: finalHref,
-          target: shouldOpenNewTab ? "_blank" : void 0,
-          rel,
-          onClick: handleClick,
-          ...props,
-          children
-        }
-      )
-    );
-  }
-);
-OutboundLink.displayName = "OutboundLink";
-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: clsx14("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 AnalyticsContext = createContext(null);
-
-// src/web/analytics/use-analytics.tsx
-var NOOP_VALUE = {
-  track: () => {
-  }
-};
-function useAnalytics() {
-  return useContext(AnalyticsContext) ?? NOOP_VALUE;
-}
-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: clsx14(
-          "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 Dialog = Dialog$1.Root;
-Dialog$1.Trigger;
-Dialog$1.Close;
-var DialogTitle = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Dialog$1.Title, { ref, className: clsx14("ds-dialog__title", className), ...props }));
-DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Dialog$1.Description,
-  {
-    ref,
-    className: clsx14("ds-dialog__description", className),
-    ...props
-  }
-));
-DialogDescription.displayName = "DialogDescription";
-var DialogContent = React31.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [
-    /* @__PURE__ */ jsx(Dialog$1.Backdrop, { className: "ds-dialog__backdrop" }),
-    /* @__PURE__ */ jsx(Dialog$1.Popup, { ref, className: clsx14("ds-dialog__content", className), ...props, children })
-  ] })
-);
-DialogContent.displayName = "DialogContent";
-var DialogHeader = React31.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: clsx14("ds-dialog__header", className), ...props })
-);
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React31.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: clsx14("ds-dialog__footer", className), ...props })
-);
-DialogFooter.displayName = "DialogFooter";
-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: clsx14("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 TextField = React31.forwardRef(
-  ({ className, label, error, helperText, endAdornment, id, ...props }, ref) => {
-    const generatedId = React31.useId();
-    const inputId = id || generatedId;
-    return /* @__PURE__ */ jsxs("div", { className: clsx14("ds-textfield", className), children: [
-      label && /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: "ds-textfield__label", children: label }),
-      /* @__PURE__ */ jsxs("div", { className: "ds-textfield__input-wrapper", children: [
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: inputId,
-            ref,
-            className: clsx14(
-              "ds-textfield__input",
-              error && "ds-textfield__input--error",
-              endAdornment && "ds-textfield__input--adorned"
-            ),
-            ...props
-          }
-        ),
-        endAdornment && /* @__PURE__ */ jsx("div", { className: "ds-textfield__adornment", children: endAdornment })
-      ] }),
-      helperText && /* @__PURE__ */ jsx("span", { className: clsx14("ds-textfield__helper", error && "ds-textfield__helper--error"), children: helperText })
-    ] });
-  }
-);
-TextField.displayName = "TextField";
-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: clsx14(
-          "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: clsx14("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 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: clsx14("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: clsx14("ds-booking-embed__iframe", isIframeLoaded && "ds-booking-embed__iframe--loaded"),
-              onLoad: handleIframeLoad,
-              frameBorder: "0",
-              scrolling: "no"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-BookingEmbed.displayName = "BookingEmbed";
-
-// src/tokens/spacing.ts
-var SPACING = {
-  1: "var(--space-1)",
-  2: "var(--space-2)",
-  3: "var(--space-3)",
-  4: "var(--space-4)",
-  5: "var(--space-5)",
-  6: "var(--space-6)",
-  8: "var(--space-8)",
-  10: "var(--space-10)",
-  12: "var(--space-12)",
-  16: "var(--space-16)",
-  20: "var(--space-20)"
-};
-
-// src/components/LayoutPrimitives/utils.ts
-var SPACING_ALIASES = {
-  xs: "var(--space-2)",
-  sm: "var(--space-3)",
-  md: "var(--space-4)",
-  lg: "var(--space-6)",
-  xl: "var(--space-8)",
-  "2xl": "var(--space-12)"
-};
-function resolveSpacing(value) {
-  if (value === void 0) return void 0;
-  if (typeof value === "number" && SPACING[value]) {
-    return SPACING[value];
-  }
-  if (typeof value === "string" && value in SPACING_ALIASES) {
-    return SPACING_ALIASES[value];
-  }
-  return String(value);
-}
-function extractSpacingStyles(props) {
-  const styles = {};
-  if (props.m !== void 0) styles.margin = resolveSpacing(props.m);
-  if (props.mt !== void 0) styles.marginTop = resolveSpacing(props.mt);
-  if (props.mb !== void 0) styles.marginBottom = resolveSpacing(props.mb);
-  if (props.ml !== void 0) styles.marginLeft = resolveSpacing(props.ml);
-  if (props.mr !== void 0) styles.marginRight = resolveSpacing(props.mr);
-  if (props.mx !== void 0) {
-    styles.marginLeft = resolveSpacing(props.mx);
-    styles.marginRight = resolveSpacing(props.mx);
-  }
-  if (props.my !== void 0) {
-    styles.marginTop = resolveSpacing(props.my);
-    styles.marginBottom = resolveSpacing(props.my);
-  }
-  if (props.p !== void 0) styles.padding = resolveSpacing(props.p);
-  if (props.pt !== void 0) styles.paddingTop = resolveSpacing(props.pt);
-  if (props.pb !== void 0) styles.paddingBottom = resolveSpacing(props.pb);
-  if (props.pl !== void 0) styles.paddingLeft = resolveSpacing(props.pl);
-  if (props.pr !== void 0) styles.paddingRight = resolveSpacing(props.pr);
-  if (props.px !== void 0) {
-    styles.paddingLeft = resolveSpacing(props.px);
-    styles.paddingRight = resolveSpacing(props.px);
-  }
-  if (props.py !== void 0) {
-    styles.paddingTop = resolveSpacing(props.py);
-    styles.paddingBottom = resolveSpacing(props.py);
-  }
-  if (props.gap !== void 0) styles.gap = resolveSpacing(props.gap);
-  return styles;
-}
-var Box = forwardRef(
-  ({ as: Component = "div", className, style, children, ...props }, ref) => {
-    const spacingStyles = extractSpacingStyles(props);
-    const { m, mt, mb, ml, mr, mx, my, p, pt, pb, pl, pr, px, py, gap, ...domProps } = props;
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: clsx14("ds-box", className),
-        style: { ...spacingStyles, ...style },
-        ...domProps,
-        children
-      }
-    );
-  }
-);
-Box.displayName = "Box";
-var CONTAINER_SIZE_MAP = {
-  sm: "768px",
-  // 48rem — max-w-3xl
-  md: "1024px",
-  // 64rem — max-w-5xl
-  lg: "1152px",
-  // 72rem — max-w-6xl
-  xl: "1280px",
-  // 80rem — max-w-7xl
-  full: "100%"
-};
-var Container = forwardRef(
-  ({ size, fluid, maxWidth, className, style, ...props }, ref) => {
-    let resolvedMaxWidth;
-    if (fluid) {
-      resolvedMaxWidth = "100%";
-    } else if (size) {
-      resolvedMaxWidth = CONTAINER_SIZE_MAP[size];
-    } else {
-      resolvedMaxWidth = maxWidth || "var(--container-default-max, 1200px)";
-    }
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        ref,
-        className: clsx14("ds-container", className),
-        style: {
-          maxWidth: resolvedMaxWidth,
-          ...style
-        },
-        ...props
-      }
-    );
-  }
-);
-Container.displayName = "Container";
-var SectionHeader = forwardRef(
-  ({ title, subtitle, eyebrow, align = "center", className, ...props }, ref) => {
-    if (!title && !subtitle && !eyebrow) return null;
-    return /* @__PURE__ */ jsxs(
-      "header",
-      {
-        ref,
-        className: clsx14("ds-section-header", `ds-section-header--${align}`, className),
-        ...props,
-        children: [
-          eyebrow && /* @__PURE__ */ jsx("span", { className: "ds-section-header__eyebrow", children: eyebrow }),
-          title && /* @__PURE__ */ jsx("h2", { className: "ds-section-header__title", children: title }),
-          subtitle && /* @__PURE__ */ jsx("p", { className: "ds-section-header__subtitle", children: subtitle })
-        ]
-      }
-    );
-  }
-);
-SectionHeader.displayName = "SectionHeader";
-var SectionShell = forwardRef(
-  ({
-    className,
-    children,
-    background = "default",
-    padding = "md",
-    containerSize,
-    containerFluid = false,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "section",
-      {
-        ref,
-        className: clsx14(
-          "ds-section",
-          `ds-section--bg-${background}`,
-          `ds-section--padding-${padding}`,
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsx(
-          Container,
-          {
-            size: containerSize === "fluid" ? "full" : containerSize,
-            fluid: containerFluid || containerSize === "fluid",
-            children
-          }
-        )
-      }
-    );
-  }
-);
-SectionShell.displayName = "SectionShell";
-var CompetitorDiff = forwardRef(
-  ({
-    eyebrow,
-    title,
-    subtitle,
-    items,
-    competitorLabel = "Others",
-    ourLabel = "SalesMind AI",
-    variant = "table",
-    cta,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      SectionShell,
-      {
-        ref,
-        className: clsx14("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 BeforeAfterBlock = forwardRef(
-  ({
-    eyebrow,
-    title,
-    before,
-    after,
-    variant = "split",
-    className,
-    ...props
-  }, ref) => {
-    const renderItems = (items, side) => items.map((item, i) => /* @__PURE__ */ jsxs(
-      "li",
-      {
-        className: clsx14(
-          "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: clsx14("ds-before-after", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(SectionHeader, { eyebrow, title }),
-          /* @__PURE__ */ jsxs("div", { className: clsx14("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 Slider = React31.forwardRef(
-  ({
-    className,
-    value: controlledValue,
-    defaultValue = 50,
-    min = 0,
-    max = 100,
-    step = 1,
-    onValueChange,
-    disabled = false,
-    ...props
-  }, ref) => {
-    const [uncontrolledValue, setUncontrolledValue] = React31.useState(defaultValue);
-    const isControlled = controlledValue !== void 0;
-    const value = isControlled ? controlledValue : uncontrolledValue;
-    const handleChange = (e) => {
-      const next = Number(e.target.value);
-      if (!isControlled) {
-        setUncontrolledValue(next);
-      }
-      onValueChange?.(next);
-    };
-    const percentage = (value - min) / (max - min) * 100;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: clsx14("ds-slider", disabled && "ds-slider--disabled", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "ds-slider__track", children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "ds-slider__range",
-              style: { width: `${percentage}%` }
-            }
-          ) }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "range",
-              className: "ds-slider__thumb",
-              role: "slider",
-              min,
-              max,
-              step,
-              value,
-              disabled,
-              onChange: handleChange,
-              "aria-valuemin": min,
-              "aria-valuemax": max,
-              "aria-valuenow": value
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Slider.displayName = "Slider";
-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: clsx14("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_LABELS = {
-  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: clsx14("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: clsx14("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: clsx14(
-                    "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: clsx14("ds-enterprise-signaling__item-status", `ds-enterprise-signaling__item-status--${item.status}`),
-                        variant: "outline",
-                        children: STATUS_LABELS[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(React31.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 MetricCounter = forwardRef(
-  ({
-    value,
-    prefix = "",
-    suffix = "",
-    duration = 1500,
-    decimals = 0,
-    label,
-    className,
-    ...props
-  }, ref) => {
-    const [displayValue, setDisplayValue] = useState(0);
-    const [hasAnimated, setHasAnimated] = useState(false);
-    const containerRef = useRef(null);
-    const prefersReducedMotion = useRef(false);
-    useEffect(() => {
-      prefersReducedMotion.current = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-      if (prefersReducedMotion.current) {
-        setDisplayValue(value);
-        setHasAnimated(true);
-        return;
-      }
-      const observer = new IntersectionObserver(
-        (entries) => {
-          if (entries[0].isIntersecting && !hasAnimated) {
-            startAnimation();
-            observer.disconnect();
-          }
-        },
-        { threshold: 0.5 }
-      );
-      if (containerRef.current) {
-        observer.observe(containerRef.current);
-      }
-      return () => observer.disconnect();
-    }, [value, hasAnimated]);
-    const startAnimation = () => {
-      let startTime;
-      setHasAnimated(true);
-      const easeOutExpo = (t) => {
-        return t === 1 ? 1 : 1 - Math.pow(2, -10 * t);
-      };
-      const animate = (currentTime) => {
-        if (!startTime) startTime = currentTime;
-        const progress = Math.min((currentTime - startTime) / duration, 1);
-        const currentMultiplier = easeOutExpo(progress);
-        const nextValue = value * currentMultiplier;
-        setDisplayValue(nextValue);
-        if (progress < 1) {
-          requestAnimationFrame(animate);
-        } else {
-          setDisplayValue(value);
-        }
-      };
-      requestAnimationFrame(animate);
-    };
-    const formattedValue = displayValue.toLocaleString(void 0, {
-      minimumFractionDigits: decimals,
-      maximumFractionDigits: decimals
-    });
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: (node) => {
-          containerRef.current = node;
-          if (typeof ref === "function") ref(node);
-          else if (ref) ref.current = node;
-        },
-        className: clsx14("ds-metric-counter", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "ds-metric-counter__value-wrapper", children: [
-            prefix && /* @__PURE__ */ jsx("span", { className: "ds-metric-counter__prefix", children: prefix }),
-            /* @__PURE__ */ jsx("span", { className: "ds-metric-counter__value", children: formattedValue }),
-            suffix && /* @__PURE__ */ jsx("span", { className: "ds-metric-counter__suffix", children: suffix })
-          ] }),
-          label && /* @__PURE__ */ jsx("div", { className: "ds-metric-counter__label", children: label })
-        ]
-      }
-    );
-  }
-);
-MetricCounter.displayName = "MetricCounter";
-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: clsx14("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: clsx14("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 EvolutionTimeline = forwardRef(
-  ({
-    eyebrow,
-    title,
-    subtitle,
-    eras,
-    youAreHere,
-    cta,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      SectionShell,
-      {
-        ref,
-        className: clsx14("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: clsx14(
-                  "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: clsx14("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";
-var AvatarContext = React31.createContext({
-  hasImage: false,
-  imageError: false,
-  onImageError: () => {
-  }
-});
-var Avatar = React31.forwardRef(
-  ({ size = "md", className, children, ...props }, ref) => {
-    const [imageError, setImageError] = React31.useState(false);
-    const [hasImage, setHasImage] = React31.useState(false);
-    React31.useEffect(() => {
-      let found = false;
-      React31.Children.forEach(children, (child) => {
-        if (React31.isValidElement(child) && child.type === AvatarImage) {
-          found = true;
-        }
-      });
-      setHasImage(found);
-    }, [children]);
-    const onImageError = React31.useCallback(() => {
-      setImageError(true);
-    }, []);
-    return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: { hasImage, imageError, onImageError }, children: /* @__PURE__ */ jsx(
-      "span",
-      {
-        ref,
-        className: clsx14("ds-avatar", `ds-avatar--${size}`, className),
-        ...props,
-        children
-      }
-    ) });
-  }
-);
-Avatar.displayName = "Avatar";
-var AvatarImage = React31.forwardRef(({ className, onError, ...props }, ref) => {
-  const { imageError, onImageError } = React31.useContext(AvatarContext);
-  const handleError = (e) => {
-    onImageError();
-    onError?.(e);
-  };
-  if (imageError) return null;
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      ref,
-      className: clsx14("ds-avatar__image", className),
-      onError: handleError,
-      ...props
-    }
-  );
-});
-AvatarImage.displayName = "AvatarImage";
-var AvatarFallback = React31.forwardRef(({ className, ...props }, ref) => {
-  const { hasImage, imageError } = React31.useContext(AvatarContext);
-  if (hasImage && !imageError) return null;
-  return /* @__PURE__ */ jsx("span", { ref, className: clsx14("ds-avatar__fallback", className), ...props });
-});
-AvatarFallback.displayName = "AvatarFallback";
-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: clsx14("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 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: clsx14(
-          "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 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: clsx14(
-          "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: clsx14(
-                  "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 ProblemAgitation = forwardRef(
-  ({
-    title,
-    description,
-    points,
-    oldWayLabel = "The Old Way",
-    newWayLabel = "The New Way",
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "section",
-      {
-        ref,
-        className: clsx14("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(React31.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 Tabs = React31.forwardRef(
-  ({ className, orientation = "horizontal", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Tabs$1.Root,
-      {
-        ref,
-        className: clsx14("ds-tabs", `ds-tabs--${orientation}`, className),
-        orientation,
-        ...props
-      }
-    );
-  }
-);
-Tabs.displayName = "Tabs";
-var TabsList = React31.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Tabs$1.List, { ref, className: clsx14("ds-tabs__list", className), ...props });
-  }
-);
-TabsList.displayName = "TabsList";
-var TabsTrigger = React31.forwardRef(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Tabs$1.Tab, { ref, className: clsx14("ds-tabs__trigger", className), ...props, children });
-  }
-);
-TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React31.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Tabs$1.Panel, { ref, className: clsx14("ds-tabs__content", className), ...props });
-  }
-);
-TabsContent.displayName = "TabsContent";
-var StakeholderTabs = forwardRef(
-  ({
-    eyebrow,
-    title,
-    stakeholders,
-    defaultIndex = 0,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      SectionShell,
-      {
-        ref,
-        className: clsx14("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: clsx14("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: clsx14("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: clsx14("ds-security-block", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(SectionHeader, { eyebrow, title, subtitle }),
-          certifications && certifications.length > 0 && /* @__PURE__ */ jsx("div", { className: clsx14("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(React31.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 CaseStudyCard = forwardRef(
-  ({
-    company,
-    logo,
-    industry,
-    headline,
-    metrics,
-    href,
-    coverImage,
-    quote,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "article",
-      {
-        ref,
-        className: clsx14("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";
-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: clsx14("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 STATUS_LABELS2 = {
-  certified: "Certified",
-  "in-progress": "In Progress",
-  planned: "Planned"
-};
-var ComplianceGrid = forwardRef(
-  ({
-    eyebrow,
-    title,
-    subtitle,
-    items,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      SectionShell,
-      {
-        ref,
-        className: clsx14("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: clsx14(
-                  "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: clsx14(
-                          "ds-compliance-grid__status",
-                          `ds-compliance-grid__status--${item.status}`
-                        ),
-                        variant: "outline",
-                        children: STATUS_LABELS2[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(React31.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: clsx14(
-          "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(React31.Fragment, { children: [
-          i > 0 && /* @__PURE__ */ jsxs("div", { className: "ds-architecture__connection", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: clsx14(
-                  "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: clsx14(
-                "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: clsx14(className), ...props, children: content });
-  }
-);
-SegmentSwitch.displayName = "SegmentSwitch";
-var BrowserFrame = forwardRef(
-  ({
-    variant = "browser",
-    children,
-    url,
-    showControls,
-    withGlow = false,
-    aspectRatio = "16/9",
-    className,
-    ...props
-  }, ref) => {
-    const hasControls = showControls ?? (variant === "browser" || variant === "app");
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: clsx14(
-          "ds-browser-frame",
-          `ds-browser-frame--${variant}`,
-          withGlow && "ds-browser-frame--glow",
-          className
-        ),
-        ...props,
-        children: [
-          variant !== "minimal" && /* @__PURE__ */ jsxs("div", { className: "ds-browser-frame__chrome", children: [
-            hasControls && /* @__PURE__ */ jsxs("div", { className: "ds-browser-frame__controls", "aria-hidden": "true", children: [
-              /* @__PURE__ */ jsx("span", { className: "ds-browser-frame__dot ds-browser-frame__dot--red" }),
-              /* @__PURE__ */ jsx("span", { className: "ds-browser-frame__dot ds-browser-frame__dot--yellow" }),
-              /* @__PURE__ */ jsx("span", { className: "ds-browser-frame__dot ds-browser-frame__dot--green" })
-            ] }),
-            variant === "browser" && url && /* @__PURE__ */ jsxs("div", { className: "ds-browser-frame__url-bar", children: [
-              /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", className: "ds-browser-frame__lock", children: [
-                /* @__PURE__ */ jsx("path", { d: "M3 5V4a3 3 0 116 0v1", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }),
-                /* @__PURE__ */ jsx("rect", { x: "2", y: "5", width: "8", height: "6", rx: "1.5", stroke: "currentColor", strokeWidth: "1.2" })
-              ] }),
-              /* @__PURE__ */ jsx("span", { className: "ds-browser-frame__url-text", children: url })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "ds-browser-frame__content",
-              style: aspectRatio !== "auto" ? { aspectRatio } : void 0,
-              children
-            }
-          ),
-          variant === "mobile" && /* @__PURE__ */ jsx("div", { className: "ds-browser-frame__notch", "aria-hidden": "true" })
-        ]
-      }
-    );
-  }
-);
-BrowserFrame.displayName = "BrowserFrame";
-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: clsx14("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 React31.cloneElement(embedContent, { ref, ...props });
-  }
-);
-VideoEmbed.displayName = "VideoEmbed";
-
-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 };
+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 } from '../chunk-U3LK2GID.js';
+import '../chunk-HRENHNDJ.js';
+import '../chunk-3NKRFUAR.js';
+import '../chunk-SICKWUWB.js';
+import '../chunk-YSYR54XR.js';
+import '../chunk-XWPDRMZG.js';
+import '../chunk-2GARWEJK.js';
+import '../chunk-Y3CPKNB7.js';
+import '../chunk-UFAJY2DM.js';
+import '../chunk-KJ2OXQF4.js';
+import '../chunk-HN4PHABT.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map