@salesmind-ai/design-system 0.3.3 → 0.3.4

package/dist/marketing/index.js

@@ -1,13 +1,3044 @@
-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-TW5JB35D.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-KBA2LFBG.js';
-import '../chunk-KJ2OXQF4.js';
-import '../chunk-HN4PHABT.js';
+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 };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map