@deriv-web-design/ui 0.0.24 → 0.0.26

package/dist/index.js

@@ -22,6 +22,7 @@ var index_exports = {};
 __export(index_exports, {
   AVATAR_DATA: () => AVATAR_DATA,
   Accordion: () => Accordion,
+  AvatarGrid: () => AvatarGrid,
   BottomSheet: () => BottomSheet,
   Breadcrumb: () => Breadcrumb,
   Button: () => Button,
@@ -44,14 +45,17 @@ __export(index_exports, {
   Footer: () => Footer,
   Header: () => Header,
   Hero: () => Hero,
+  ImageBanner: () => ImageBanner,
   Leaders: () => Leaders,
   Link: () => Link,
   LogoMarquee: () => LogoMarquee,
   Navbar: () => Navbar,
   Pagination: () => Pagination,
+  PeopleGrid: () => PeopleGrid,
   STEPS_DATA: () => STEPS_DATA,
   SearchField: () => SearchField,
   Stats: () => Stats,
+  StatsSimple: () => StatsSimple,
   Steps: () => Steps,
   StickyMarketCards: () => StickyMarketCards,
   StickyStackedCards: () => StickyStackedCards,
@@ -59,6 +63,7 @@ __export(index_exports, {
   Table: () => Table,
   Tabs: () => Tabs,
   Tag: () => Tag,
+  Testimonial: () => Testimonial,
   TextField: () => TextField,
   TextScroll: () => TextScroll,
   dayNightTransitionV2Preset: () => dayNightTransitionV2Preset
@@ -1094,18 +1099,25 @@ var Tabs = ({
 };
 
 // templates/FaqAccordion/FaqAccordion.tsx
+var import_react7 = require("react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var FaqAccordion = ({
   title,
   items,
   colorScheme = "white"
 }) => {
+  const [openIndex, setOpenIndex] = (0, import_react7.useState)(null);
+  const handleToggle = (index) => (isOpen) => {
+    setOpenIndex(isOpen ? index : null);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("section", { className: ["faq-accordion", `faq-accordion--${colorScheme}`].join(" "), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "faq-accordion__container", children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "faq-accordion__header", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { className: "faq-accordion__title", children: title }) }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "faq-accordion__list", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       Accordion,
       {
         title: item.question,
+        open: openIndex === index,
+        onToggle: handleToggle(index),
         showTopDivider: index === 0,
         showBottomDivider: true,
         children: item.answer
@@ -1371,7 +1383,7 @@ var FeatureBullets = ({
 };
 
 // components/Footer/Footer.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var ExternalLinkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   "svg",
@@ -1486,7 +1498,7 @@ var Footer = ({
   ...props
 }) => {
   const allSections = navColumns.flat();
-  const [openSections, setOpenSections] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
+  const [openSections, setOpenSections] = (0, import_react8.useState)(/* @__PURE__ */ new Set());
   const toggleSection = (index) => {
     setOpenSections((prev) => {
       const next = new Set(prev);
@@ -1851,7 +1863,7 @@ var Hero = ({
 };
 
 // templates/Header/Header.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var ButtonBlock2 = ({
   primaryButton,
@@ -1908,10 +1920,10 @@ var Header = ({
   ...props
 }) => {
   const variantClass = `header--${variant}`;
-  const sectionRef = (0, import_react8.useRef)(null);
-  const leftRef = (0, import_react8.useRef)(null);
-  const rightRef = (0, import_react8.useRef)(null);
-  (0, import_react8.useEffect)(() => {
+  const sectionRef = (0, import_react9.useRef)(null);
+  const leftRef = (0, import_react9.useRef)(null);
+  const rightRef = (0, import_react9.useRef)(null);
+  (0, import_react9.useEffect)(() => {
     if (variant !== "visuals") return;
     if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
     const section = sectionRef.current;
@@ -1972,36 +1984,182 @@ var Header = ({
   );
 };
 
-// templates/Stats/Stats.tsx
-var import_react9 = require("react");
+// templates/Stats/StatsV2.tsx
+var import_react10 = require("react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var INTERVAL_MS = 2e3;
-var TRANSITION = "transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1)";
-var PARALLAX_FACTOR = 0.18;
-var PARALLAX_MAX = 56;
-var PARALLAX_BP = 992;
-function relativePos(index, active, total) {
-  const raw = ((index - active) % total + total) % total;
-  return raw > total / 2 ? raw - total : raw;
-}
-function getStatStyle(rel) {
-  if (rel === 0) {
-    return { transform: "translateY(-50%) scale(1)", opacity: 1, zIndex: 2, transition: TRANSITION };
-  }
-  if (rel === -1) {
-    return { transform: "translateY(calc(-50% - 110%)) scale(0.7)", opacity: 1, zIndex: 1, transition: TRANSITION };
-  }
-  if (rel === 1) {
-    return { transform: "translateY(calc(-50% + 110%)) scale(0.7)", opacity: 1, zIndex: 1, transition: TRANSITION };
+var HOLD_MS = 1e3;
+var STEP_DURATION_MS = 700;
+var INTERVAL_MS = HOLD_MS + STEP_DURATION_MS;
+var EASING = "cubic-bezier(0.33, 1, 0.68, 1)";
+var TRANSITION = `transform ${STEP_DURATION_MS}ms ${EASING}, opacity ${STEP_DURATION_MS}ms ${EASING}`;
+var PARALLAX_START = 0.1;
+var PARALLAX_END = 0.45;
+var PARALLAX_MAX_PERCENT = 26.3;
+var PARALLAX_BREAKPOINT = 992;
+var SLOT_OFFSET = "var(--stats-v2-slot-offset, 110%)";
+var CENTER = "translate(-50%, -50%)";
+function getSlotStyle(slot, transition) {
+  switch (slot) {
+    case "active":
+      return {
+        transform: `${CENTER} translateY(0%) scale(1)`,
+        opacity: 1,
+        zIndex: 2,
+        transition
+      };
+    case "above":
+      return {
+        transform: `${CENTER} translateY(calc(${SLOT_OFFSET} * -1)) scale(0.65)`,
+        opacity: 1,
+        zIndex: 1,
+        transition
+      };
+    case "below":
+      return {
+        transform: `${CENTER} translateY(${SLOT_OFFSET}) scale(0.65)`,
+        opacity: 1,
+        zIndex: 1,
+        transition
+      };
+    case "exiting":
+      return {
+        transform: `${CENTER} translateY(calc(${SLOT_OFFSET} * -1)) scale(0.4)`,
+        opacity: 0,
+        zIndex: 0,
+        transition
+      };
+    case "queued":
+    default:
+      return {
+        transform: `${CENTER} translateY(${SLOT_OFFSET}) scale(0.4)`,
+        opacity: 0,
+        zIndex: 0,
+        transition
+      };
   }
-  return {
-    transform: rel < 0 ? "translateY(calc(-50% - 110%)) scale(0.4)" : "translateY(calc(-50% + 110%)) scale(0.4)",
-    opacity: 0,
-    zIndex: 0,
-    transition: TRANSITION
-  };
 }
-var AwardBadge = ({ imageSrc, imageAlt = "" }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "stats__award", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: imageSrc, alt: imageAlt, className: "stats__award-image" }) });
+function slotForIndex(index, step) {
+  const rel = index - step - 1;
+  if (rel === 0) return "active";
+  if (rel === -1) return "above";
+  if (rel === 1) return "below";
+  if (rel < -1) return "exiting";
+  return "queued";
+}
+var Laurel = ({ flip = false }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "32",
+    height: "84",
+    viewBox: "0 0 32 84",
+    fill: "none",
+    "aria-hidden": "true",
+    focusable: "false",
+    className: [
+      "stats-v2__laurel",
+      flip ? "stats-v2__laurel--flip" : ""
+    ].filter(Boolean).join(" "),
+    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("g", { opacity: "0.2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "path",
+        {
+          d: "M20.8655 76.0151C21.3631 78.5487 22.4577 80.4673 23.4245 81.7447C23.7945 82.2337 24.145 82.6275 24.4343 82.9245C24.5003 81.0424 24.5392 77.0209 23.854 73.543C23.3836 71.2282 22.6189 69.4263 21.9723 68.1997C21.7486 67.7754 21.539 67.42 21.3608 67.1361C21.2158 67.6487 21.042 68.3446 20.8935 69.1718C20.5634 71.0111 20.3623 73.4782 20.8655 76.0151Z",
+          fill: "currentColor",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "path",
+        {
+          d: "M9.19518 69.4464C8.5612 69.2311 8.01354 69.0792 7.6041 68.9776C7.77674 69.5261 8.03563 70.2542 8.40971 71.0711C9.16156 72.713 10.3603 74.6729 12.1472 76.0342C13.9141 77.3864 15.8077 77.7752 17.2669 77.8239C17.9963 77.8483 18.6126 77.7873 19.0419 77.7209C18.3715 76.5307 16.6347 73.8279 14.0892 71.9349C12.4167 70.7081 10.6015 69.924 9.19518 69.4464Z",
+          fill: "currentColor",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "path",
+        {
+          d: "M14.1789 62.4853C14.1095 65.0056 14.7018 67.1343 15.3106 68.6265C15.5268 69.1563 15.7445 69.6045 15.9342 69.9597C16.0737 69.4242 16.2473 68.7196 16.4239 67.9038C16.8294 66.0308 17.2467 63.5892 17.309 61.2688C17.3584 58.9612 17.0322 57.019 16.6942 55.65C16.5809 55.1908 16.4663 54.7965 16.3643 54.4749C16.1414 54.8952 15.8702 55.4487 15.5956 56.1107C14.9268 57.7233 14.2444 59.9642 14.1789 62.4853Z",
+          fill: "currentColor",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "path",
+        {
+          d: "M6.16644 56.5363L5.92729 56.2113C4.18123 53.9739 2.10237 52.4221 0.99942 51.685C1.0448 52.2219 1.13195 52.9558 1.29599 53.7969C1.6458 55.5904 2.33816 57.834 3.68889 59.699C5.02796 61.5534 6.66938 62.5331 7.97363 63.0496C8.56984 63.2857 9.09434 63.4244 9.48448 63.5049C9.08235 62.1271 8.06278 59.1136 6.16644 56.5363Z",
+          fill: "currentColor",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "path",
+        {
+          d: "M12.9202 41.9556C12.9103 41.468 12.8857 41.0438 12.8578 40.6964C12.5852 41.0139 12.2554 41.4254 11.9043 41.9234C10.9787 43.2365 9.91222 45.1415 9.34811 47.5086L9.21888 48.0509C8.78948 50.2094 8.89878 52.2002 9.13088 53.6853C9.21855 54.2463 9.32345 54.7333 9.42253 55.1275C10.2101 53.5777 11.6117 50.5783 12.3444 47.5177C12.8519 45.3454 12.9491 43.3817 12.9202 41.9556Z",
+          fill: "currentColor",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "path",
+        {
+          d: "M4.26838 40.1575C3.16507 37.3338 1.55966 35.0449 0.658674 33.8839C0.595099 34.3962 0.53299 35.0674 0.509766 35.8425C0.454879 37.6743 0.618233 40.0556 1.46849 42.2871C2.30759 44.5064 3.60611 45.9871 4.68907 46.9107C5.12959 47.2864 5.53393 47.5694 5.85602 47.7717C5.82536 47.3041 5.77132 46.6715 5.67501 45.9295C5.46619 44.3205 5.06044 42.211 4.27156 40.1569L4.26838 40.1575Z",
+          fill: "currentColor",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "path",
+        {
+          d: "M12.6632 27.4606C11.6314 28.3597 10.3804 29.7129 9.40352 31.5834L9.20135 32.004C8.19489 34.0975 7.83678 36.2499 7.73379 37.8807C7.69736 38.4576 7.693 38.9667 7.70264 39.3814C7.98105 39.0479 8.31846 38.6306 8.68777 38.1462C9.68653 36.8365 10.9078 35.0512 11.829 33.1204C12.7356 31.1936 13.238 29.3215 13.5154 27.9233C13.6157 27.4178 13.6864 26.9753 13.7361 26.6158C13.4324 26.8302 13.0648 27.1106 12.6632 27.4606Z",
+          fill: "currentColor",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "path",
+        {
+          d: "M7.15889 23.0454L7.23043 22.5253C7.54518 19.6881 7.36017 17.0948 7.19664 15.6517C6.9244 16.0575 6.59747 16.5777 6.25738 17.1905C5.37216 18.7855 4.41002 20.986 4.07631 23.4177C3.74032 25.8399 4.108 27.8499 4.55657 29.25C4.7215 29.7648 4.89717 30.1965 5.05235 30.5349C5.64762 29.1157 6.71893 26.2445 7.15889 23.0454Z",
+          fill: "currentColor",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "path",
+        {
+          d: "M20.7056 14.8951C19.4372 15.269 17.7724 15.9875 16.1554 17.3693L16.021 17.4932C14.3576 18.9542 13.2217 20.7665 12.5041 22.2202C12.2403 22.7546 12.0346 23.2374 11.8812 23.6318C12.2297 23.4596 12.6507 23.2423 13.1195 22.9822C14.4495 22.2442 16.1506 21.1686 17.6705 19.808C19.177 18.446 20.3493 16.9414 21.1512 15.7693C21.4549 15.3255 21.7047 14.9307 21.8987 14.6109C21.5673 14.6707 21.1626 14.7604 20.7056 14.8951Z",
+          fill: "currentColor",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "path",
+        {
+          d: "M15.246 9.89451L15.3989 9.48769C16.3817 6.71545 16.8681 4.08928 17.0948 2.56556C16.7641 2.88544 16.3703 3.28963 15.9481 3.76978C14.7583 5.12276 13.3571 7.06214 12.4902 9.40367C11.6163 11.7394 11.483 13.8564 11.5665 15.3854C11.595 15.9081 11.6489 16.3613 11.7069 16.7298C11.9415 16.3768 12.2271 15.9318 12.5414 15.4103C13.3841 14.0121 14.4266 12.0747 15.246 9.89451Z",
+          fill: "currentColor",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "path",
+        {
+          d: "M24.236 2.86551C22.4046 4.24716 21.0854 6.09763 20.225 7.6144C19.8673 8.24502 19.5916 8.81333 19.3933 9.25894C19.765 9.11933 20.2233 8.93634 20.7396 8.70812C22.1292 8.09394 23.9267 7.15785 25.5896 5.86671C27.2408 4.56435 28.6049 3.04428 29.5633 1.84034C29.9762 1.32163 30.3123 0.863542 30.5622 0.509562C30.206 0.526204 29.7564 0.567871 29.2396 0.659382C27.8788 0.900297 26.0564 1.48555 24.236 2.86551Z",
+          fill: "currentColor",
+          stroke: "currentColor"
+        }
+      )
+    ] })
+  }
+);
+var AwardBadge = ({ heading, subheading }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "stats-v2__award", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Laurel, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "stats-v2__award-text", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "stats-v2__award-heading", children: heading }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "stats-v2__award-subheading", children: subheading })
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Laurel, { flip: true })
+] });
 var Stats = ({
   title,
   description,
@@ -2011,105 +2169,283 @@ var Stats = ({
   className,
   ...props
 }) => {
-  const [activeIndex, setActiveIndex] = (0, import_react9.useState)(0);
-  const intervalRef = (0, import_react9.useRef)(null);
-  const sectionRef = (0, import_react9.useRef)(null);
-  const leftColRef = (0, import_react9.useRef)(null);
-  const rightColRef = (0, import_react9.useRef)(null);
-  const rafRef = (0, import_react9.useRef)(null);
+  const sectionRef = (0, import_react10.useRef)(null);
+  const leftColRef = (0, import_react10.useRef)(null);
+  const rightColRef = (0, import_react10.useRef)(null);
+  const rafRef = (0, import_react10.useRef)(null);
+  const N = stats.length;
   const hasAwards = leftAwards.length > 0 || rightAwards.length > 0;
   const allAwards = [...leftAwards, ...rightAwards];
-  const total = stats.length;
-  (0, import_react9.useEffect)(() => {
-    if (total <= 1) return;
-    intervalRef.current = setInterval(() => {
-      setActiveIndex((prev) => (prev + 1) % total);
-    }, INTERVAL_MS);
+  const strip = (0, import_react10.useMemo)(() => {
+    if (N === 0) return [];
+    const target = Math.max(2 * N, N + 3);
+    return Array.from({ length: target }, (_, i) => stats[i % N]);
+  }, [stats, N]);
+  const [step, setStep] = (0, import_react10.useState)(0);
+  const [phase, setPhase] = (0, import_react10.useState)("idle");
+  const scheduleRef = (0, import_react10.useRef)(null);
+  (0, import_react10.useEffect)(() => {
+    if (N <= 1) return;
+    let timerId = null;
+    let cancelled = false;
+    const advance = () => {
+      timerId = null;
+      if (cancelled) return;
+      setStep((prev) => {
+        if (prev >= N) {
+          setPhase("snap-disable");
+          return prev;
+        }
+        const next = prev + 1;
+        const delayMs = next >= N ? STEP_DURATION_MS : INTERVAL_MS;
+        schedule(delayMs);
+        return next;
+      });
+    };
+    const schedule = (delayMs) => {
+      if (cancelled) return;
+      if (timerId !== null) window.clearTimeout(timerId);
+      timerId = window.setTimeout(advance, delayMs);
+    };
+    scheduleRef.current = schedule;
+    schedule(HOLD_MS);
     return () => {
-      if (intervalRef.current) clearInterval(intervalRef.current);
+      cancelled = true;
+      scheduleRef.current = null;
+      if (timerId !== null) window.clearTimeout(timerId);
     };
-  }, [total]);
-  (0, import_react9.useEffect)(() => {
-    const applyParallax = () => {
+  }, [N]);
+  (0, import_react10.useEffect)(() => {
+    if (phase === "snap-disable") {
+      const raf = requestAnimationFrame(() => {
+        setStep(0);
+        setPhase("snap-jump");
+      });
+      rafRef.current = raf;
+      return () => cancelAnimationFrame(raf);
+    }
+    if (phase === "snap-jump") {
+      const raf = requestAnimationFrame(() => {
+        setPhase("idle");
+        scheduleRef.current?.(HOLD_MS);
+      });
+      rafRef.current = raf;
+      return () => cancelAnimationFrame(raf);
+    }
+  }, [phase]);
+  (0, import_react10.useEffect)(() => {
+    setStep(0);
+    setPhase("idle");
+  }, [N]);
+  (0, import_react10.useEffect)(() => {
+    const apply = () => {
       const section = sectionRef.current;
-      if (!section || window.innerWidth < PARALLAX_BP) {
+      if (!section || window.innerWidth < PARALLAX_BREAKPOINT) {
         if (leftColRef.current) leftColRef.current.style.transform = "";
-        if (rightColRef.current) rightColRef.current.style.transform = "";
+        if (rightColRef.current)
+          rightColRef.current.style.transform = "";
         return;
       }
       const rect = section.getBoundingClientRect();
-      const sectionCenter = rect.top + rect.height / 2;
-      const viewportCenter = window.innerHeight / 2;
-      const raw = (sectionCenter - viewportCenter) * PARALLAX_FACTOR;
-      const delta = Math.max(-PARALLAX_MAX, Math.min(PARALLAX_MAX, raw));
-      if (leftColRef.current) leftColRef.current.style.transform = `translateY(${delta}px)`;
-      if (rightColRef.current) rightColRef.current.style.transform = `translateY(${-delta}px)`;
+      const viewport = window.innerHeight;
+      const totalTravel = rect.height + viewport;
+      const traveled = viewport - rect.top;
+      const rawProgress = traveled / totalTravel;
+      const progress = Math.max(0, Math.min(1, rawProgress));
+      const normalised = Math.max(
+        0,
+        Math.min(
+          1,
+          (progress - PARALLAX_START) / (PARALLAX_END - PARALLAX_START)
+        )
+      );
+      const remaining = 1 - normalised;
+      const leftOffset = -PARALLAX_MAX_PERCENT * remaining;
+      const rightOffset = PARALLAX_MAX_PERCENT * remaining;
+      if (leftColRef.current) {
+        leftColRef.current.style.transform = `translateY(${leftOffset}%)`;
+      }
+      if (rightColRef.current) {
+        rightColRef.current.style.transform = `translateY(${rightOffset}%)`;
+      }
     };
     const onScroll = () => {
-      if (rafRef.current) cancelAnimationFrame(rafRef.current);
-      rafRef.current = requestAnimationFrame(applyParallax);
+      requestAnimationFrame(apply);
     };
-    applyParallax();
+    apply();
     window.addEventListener("scroll", onScroll, { passive: true });
     window.addEventListener("resize", onScroll, { passive: true });
     return () => {
       window.removeEventListener("scroll", onScroll);
       window.removeEventListener("resize", onScroll);
-      if (rafRef.current) cancelAnimationFrame(rafRef.current);
     };
   }, []);
+  const transition = phase === "idle" ? TRANSITION : "none";
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "section",
     {
       ref: sectionRef,
-      className: ["stats", className].filter(Boolean).join(" "),
+      className: ["stats-v2", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "stats__inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "stats__header", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "stats__title", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "stats__description", children: description })
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "stats-v2__inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "stats-v2__header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "stats-v2__title", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "stats-v2__description", children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "stats__content", children: [
-          leftAwards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref: leftColRef, className: "stats__awards-col stats__awards-col--left", children: leftAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AwardBadge, { ...award }, i)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "stats__card", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "stats__card-track", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "stats__fade stats__fade--top", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "stats__fade stats__fade--bottom", "aria-hidden": "true" }),
-            stats.map((stat, i) => {
-              const rel = relativePos(i, activeIndex, total);
-              const active = rel === 0;
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "stats-v2__content", children: [
+          leftAwards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            "div",
+            {
+              ref: leftColRef,
+              className: "stats-v2__awards-col stats-v2__awards-col--left",
+              children: leftAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AwardBadge, { ...award }, `l-${i}`))
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "stats-v2__card", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "stats-v2__card-track", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              "div",
+              {
+                className: "stats-v2__fade stats-v2__fade--top",
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              "div",
+              {
+                className: "stats-v2__fade stats-v2__fade--bottom",
+                "aria-hidden": "true"
+              }
+            ),
+            strip.map((stat, i) => {
+              const slot = slotForIndex(i, step);
+              const active = slot === "active";
               return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
                 "div",
                 {
                   className: [
-                    "stats__stat",
-                    active ? "stats__stat--active" : "stats__stat--inactive"
+                    "stats-v2__stat",
+                    active ? "stats-v2__stat--active" : "stats-v2__stat--inactive"
                   ].join(" "),
-                  style: getStatStyle(rel),
+                  style: getSlotStyle(slot, transition),
                   "aria-hidden": !active,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "stats__stat-value", children: stat.value }),
-                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "stats__stat-label", children: stat.label })
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "stats-v2__stat-value", children: stat.value }),
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "stats-v2__stat-label", children: stat.label })
                   ]
                 },
                 i
               );
             })
           ] }) }),
-          rightAwards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref: rightColRef, className: "stats__awards-col stats__awards-col--right", children: rightAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AwardBadge, { ...award }, i)) }),
-          hasAwards && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "stats__awards-mobile", children: allAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AwardBadge, { ...award }, i)) })
+          rightAwards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            "div",
+            {
+              ref: rightColRef,
+              className: "stats-v2__awards-col stats-v2__awards-col--right",
+              children: rightAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AwardBadge, { ...award }, `r-${i}`))
+            }
+          ),
+          hasAwards && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "stats-v2__awards-mobile", children: allAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AwardBadge, { ...award }, `m-${i}`)) })
         ] })
       ] })
     }
   );
 };
 
-// templates/FeatureScroll/FeatureScroll.tsx
+// templates/Stats/StatsSimple.tsx
 var import_react11 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function parseValue(raw) {
+  const match = raw.match(/^([^0-9]*)([0-9]+(?:\.[0-9]+)?)(.*)$/);
+  if (!match) return { prefix: "", number: 0, suffix: raw };
+  return {
+    prefix: match[1],
+    number: parseFloat(match[2]),
+    suffix: match[3]
+  };
+}
+var DURATION_MS = 1800;
+var EASING2 = (t) => 1 - Math.pow(1 - t, 3);
+function useCountUp(target, active) {
+  const [display, setDisplay] = (0, import_react11.useState)(0);
+  const rafRef = (0, import_react11.useRef)(null);
+  const startRef = (0, import_react11.useRef)(null);
+  (0, import_react11.useEffect)(() => {
+    if (!active) return;
+    startRef.current = null;
+    const tick = (now) => {
+      if (startRef.current === null) startRef.current = now;
+      const elapsed = now - startRef.current;
+      const progress = Math.min(elapsed / DURATION_MS, 1);
+      const eased = EASING2(progress);
+      setDisplay(Math.round(eased * target));
+      if (progress < 1) {
+        rafRef.current = requestAnimationFrame(tick);
+      }
+    };
+    rafRef.current = requestAnimationFrame(tick);
+    return () => {
+      if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
+    };
+  }, [target, active]);
+  return display;
+}
+var AnimatedValue = ({
+  raw,
+  active
+}) => {
+  const { prefix, number, suffix } = parseValue(raw);
+  const count = useCountUp(number, active);
+  const formatted = number >= 1e3 && !/[KMBkmb]/.test(suffix) ? count.toLocaleString() : String(count);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "stats-simple__value", children: [
+    prefix,
+    formatted,
+    suffix
+  ] });
+};
+var StatsSimple = ({
+  stats,
+  className,
+  ...props
+}) => {
+  const sectionRef = (0, import_react11.useRef)(null);
+  const [animated, setAnimated] = (0, import_react11.useState)(false);
+  (0, import_react11.useEffect)(() => {
+    const el = sectionRef.current;
+    if (!el) return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          setAnimated(true);
+          observer.disconnect();
+        }
+      },
+      { threshold: 0.25 }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "section",
+    {
+      ref: sectionRef,
+      className: ["stats-simple", className].filter(Boolean).join(" "),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "stats-simple__inner", children: stats.map((stat, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "stats-simple__item", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AnimatedValue, { raw: stat.value, active: animated }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "stats-simple__label", children: stat.label })
+      ] }, i)) })
+    }
+  );
+};
+
+// templates/FeatureScroll/FeatureScroll.tsx
+var import_react13 = require("react");
 
 // components/DotLottieInView/DotLottieInView.tsx
-var import_react10 = require("react");
+var import_react12 = require("react");
 var import_dotlottie_react = require("@lottiefiles/dotlottie-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function DotLottieInView({
   enabled = true,
   rootMargin = "0px",
@@ -2118,10 +2454,10 @@ function DotLottieInView({
   style,
   ...dotProps
 }) {
-  const wrapRef = (0, import_react10.useRef)(null);
-  const [inView, setInView] = (0, import_react10.useState)(false);
-  const [dotLottie, setDotLottie] = (0, import_react10.useState)(null);
-  (0, import_react10.useEffect)(() => {
+  const wrapRef = (0, import_react12.useRef)(null);
+  const [inView, setInView] = (0, import_react12.useState)(false);
+  const [dotLottie, setDotLottie] = (0, import_react12.useState)(null);
+  (0, import_react12.useEffect)(() => {
     const el = wrapRef.current;
     if (!el) return;
     const observer = new IntersectionObserver(
@@ -2133,7 +2469,7 @@ function DotLottieInView({
     observer.observe(el);
     return () => observer.disconnect();
   }, [rootMargin, threshold]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!dotLottie) return;
     if (!enabled || !inView) {
       dotLottie.stop();
@@ -2142,7 +2478,7 @@ function DotLottieInView({
     dotLottie.stop();
     dotLottie.play();
   }, [dotLottie, enabled, inView]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       ref: wrapRef,
@@ -2157,7 +2493,7 @@ function DotLottieInView({
         backgroundColor: "transparent",
         ...style
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         import_dotlottie_react.DotLottieReact,
         {
           ...dotProps,
@@ -2171,7 +2507,7 @@ function DotLottieInView({
 }
 
 // templates/FeatureScroll/FeatureScroll.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var FEATURE_SCROLL_DATA = [
   {
     title: "Forex",
@@ -2216,7 +2552,7 @@ var FEATURE_SCROLL_DATA = [
     mediaUrl: "https://cdn.prod.website-files.com/66fbaad381fa6866fa4991f3/675a9064f2c16e4e0732abfb_Stock%20Indices.lottie"
   }
 ];
-var ChevronRight2 = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var ChevronRight2 = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "svg",
   {
     className: "fs__item-link-icon",
@@ -2225,7 +2561,7 @@ var ChevronRight2 = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     viewBox: "0 0 16 16",
     fill: "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "path",
       {
         d: "M6 3l5 5-5 5",
@@ -2243,7 +2579,7 @@ function resolveMediaType(item) {
 }
 var MediaRenderer = ({ item, active }) => {
   if (resolveMediaType(item) === "lottie") {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       DotLottieInView,
       {
         src: item.mediaUrl,
@@ -2251,7 +2587,7 @@ var MediaRenderer = ({ item, active }) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "img",
     {
       src: item.mediaUrl,
@@ -2267,10 +2603,10 @@ var FeatureScroll = ({
   className,
   ...props
 }) => {
-  const [activeIndex, setActiveIndex] = (0, import_react11.useState)(0);
-  const titleRefs = (0, import_react11.useRef)([]);
-  const mediaColRef = (0, import_react11.useRef)(null);
-  (0, import_react11.useLayoutEffect)(() => {
+  const [activeIndex, setActiveIndex] = (0, import_react13.useState)(0);
+  const titleRefs = (0, import_react13.useRef)([]);
+  const mediaColRef = (0, import_react13.useRef)(null);
+  (0, import_react13.useLayoutEffect)(() => {
     if (items.length === 0) return;
     const readThresholdPx = () => {
       const col = mediaColRef.current;
@@ -2322,24 +2658,24 @@ var FeatureScroll = ({
     className
   ].filter(Boolean).join(" ");
   if (items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("section", { className: rootClass, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fs__inner", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "fs__header", children: header }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("section", { className: rootClass, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "fs__inner", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { className: "fs__header", children: header }) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("section", { className: rootClass, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fs__inner", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "fs__header", children: header }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fs__layout", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fs__media-col", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("section", { className: rootClass, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fs__inner", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { className: "fs__header", children: header }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fs__layout", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "fs__media-col", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "div",
         {
           ref: mediaColRef,
           className: "fs__media-sticky",
-          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fs__media-wrap", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "fs__media-wrap", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "div",
             {
               className: [
                 "fs__media-item",
                 i === activeIndex ? "fs__media-item--active" : ""
               ].filter(Boolean).join(" "),
-              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 MediaRenderer,
                 {
                   item,
@@ -2351,12 +2687,12 @@ var FeatureScroll = ({
           )) })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fs__content-col", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "fs__content-col", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
         "div",
         {
           className: "fs__item",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               "h3",
               {
                 ref: (el) => {
@@ -2366,15 +2702,15 @@ var FeatureScroll = ({
                 children: item.title
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "fs__item-desc", children: item.description }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "fs__item-desc", children: item.description }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
               "a",
               {
                 href: item.link,
                 className: "fs__item-link",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: item.linkLabel }),
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChevronRight2, {})
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: item.linkLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronRight2, {})
                 ]
               }
             )
@@ -2383,18 +2719,18 @@ var FeatureScroll = ({
         i
       )) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fs__mobile-list", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fs__mobile-item", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { className: "fs__item-title", children: item.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fs__mobile-media", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MediaRenderer, { item, active: true }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "fs__item-desc", children: item.description }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "fs__mobile-list", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fs__mobile-item", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h3", { className: "fs__item-title", children: item.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "fs__mobile-media", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MediaRenderer, { item, active: true }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "fs__item-desc", children: item.description }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
         "a",
         {
           href: item.link,
           className: "fs__item-link",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: item.linkLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChevronRight2, {})
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: item.linkLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronRight2, {})
           ]
         }
       )
@@ -2403,8 +2739,8 @@ var FeatureScroll = ({
 };
 
 // templates/StickyStackedCards/StickyStackedCards.tsx
-var import_react12 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_react14 = require("react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var PLACEHOLDER_IMAGE = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
 var STEPS_DATA = [
   {
@@ -2433,8 +2769,8 @@ var StickyStackedCards = ({
   className,
   ...props
 }) => {
-  const cardRefs = (0, import_react12.useRef)([]);
-  (0, import_react12.useEffect)(() => {
+  const cardRefs = (0, import_react14.useRef)([]);
+  (0, import_react14.useEffect)(() => {
     if (typeof window === "undefined") return;
     let rafId = 0;
     const update = () => {
@@ -2468,14 +2804,14 @@ var StickyStackedCards = ({
       cancelAnimationFrame(rafId);
     };
   }, [items.length]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "section",
     {
       className: ["ssc", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "ssc__inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { className: "ssc__header", children: header }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "ssc__track", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "ssc__inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { className: "ssc__header", children: header }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ssc__track", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
           "div",
           {
             ref: (el) => {
@@ -2501,11 +2837,11 @@ var StickyStackedCards = ({
               top: `calc(var(--ssc-sticky-top) + ${i} * var(--ssc-peek-offset))`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "ssc__card-content", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h3", { className: "ssc__card-title", children: item.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "ssc__card-desc", children: item.description })
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "ssc__card-content", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h3", { className: "ssc__card-title", children: item.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "ssc__card-desc", children: item.description })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "ssc__card-image", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ssc__card-image", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                 "img",
                 {
                   src: item.imageUrl,
@@ -2523,9 +2859,9 @@ var StickyStackedCards = ({
 };
 
 // templates/CTABanner/CTABanner.tsx
-var import_react13 = require("react");
+var import_react15 = require("react");
 var import_framer_motion = require("framer-motion");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var ENTRANCE = {
   near: 80,
   mid: 130,
@@ -2771,7 +3107,7 @@ var CTABanner = ({
   ...props
 }) => {
   const resolvedAvatars = avatars ?? (variant === "compact" ? COMPACT_AVATAR_DATA : AVATAR_DATA);
-  const sectionRef = (0, import_react13.useRef)(null);
+  const sectionRef = (0, import_react15.useRef)(null);
   const { scrollYProgress } = (0, import_framer_motion.useScroll)({
     target: sectionRef,
     offset: ["start end", "end start"]
@@ -2789,14 +3125,14 @@ var CTABanner = ({
   const compactXValues = useCompactAvatarXValues(smooth);
   const avatarYValues = variant === "compact" ? compactYValues : standardYValues;
   const avatarXValues = variant === "compact" ? compactXValues : standardXValues;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "section",
     {
       ref: sectionRef,
       className: ["ctab", variant === "compact" ? "ctab--compact" : "", className].filter(Boolean).join(" "),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           import_framer_motion.motion.div,
           {
             className: "ctab__grid",
@@ -2804,7 +3140,7 @@ var CTABanner = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ctab__inner", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "ctab__stage", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "ctab__inner", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "ctab__stage", children: [
           resolvedAvatars.map((avatar, index) => {
             const posStyle = {};
             if (avatar.desktopPos.left) posStyle["--av-d-left"] = avatar.desktopPos.left;
@@ -2813,7 +3149,7 @@ var CTABanner = ({
             if (avatar.mobilePos?.left) posStyle["--av-m-left"] = avatar.mobilePos.left;
             if (avatar.mobilePos?.right) posStyle["--av-m-right"] = avatar.mobilePos.right;
             if (avatar.mobilePos?.top) posStyle["--av-m-top"] = avatar.mobilePos.top;
-            return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               import_framer_motion.motion.div,
               {
                 className: [
@@ -2827,7 +3163,7 @@ var CTABanner = ({
                   opacity: avatarOpacity,
                   filter: avatarFilter
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                   "img",
                   {
                     src: avatar.imageUrl,
@@ -2840,14 +3176,14 @@ var CTABanner = ({
               avatar.id
             );
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
             import_framer_motion.motion.div,
             {
               className: "ctab__hero",
               style: { y: heroY, opacity: heroOpacity },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { className: "ctab__headline", children: headline }),
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { colorScheme: "black", variant: "primary", label: ctaLabel }) })
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h2", { className: "ctab__headline", children: headline }),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { colorScheme: "black", variant: "primary", label: ctaLabel }) })
               ]
             }
           )
@@ -2858,14 +3194,14 @@ var CTABanner = ({
 };
 
 // components/Navbar/Navbar.tsx
-var import_react14 = require("react");
+var import_react16 = require("react");
 var import_framer_motion2 = require("framer-motion");
 
 // assets/icon-globe.svg
 var icon_globe_default = "./icon-globe-S54WYYEK.svg";
 
 // components/Navbar/Navbar.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var EASE_OUT_EXPO = [0.16, 1, 0.3, 1];
 var dropdownVariants = {
   hidden: { opacity: 0, scale: 0.96, y: -8 },
@@ -2879,7 +3215,7 @@ var accordionVariants = {
   hidden: { height: 0, opacity: 0 },
   visible: { height: "auto", opacity: 1 }
 };
-var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "svg",
   {
     className,
@@ -2888,7 +3224,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime
     viewBox: "0 0 14 14",
     fill: "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "path",
       {
         d: "M2.625 4.8125L7 9.1875L11.375 4.8125",
@@ -2900,7 +3236,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime
     )
   }
 );
-var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "path",
   {
     d: "M2.625 7H11.375M11.375 7L7.875 3.5M11.375 7L7.875 10.5",
@@ -2910,7 +3246,7 @@ var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg",
     strokeLinejoin: "round"
   }
 ) });
-var ArrowUpRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var ArrowUpRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "path",
   {
     d: "M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5",
@@ -2920,7 +3256,7 @@ var ArrowUpRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg"
     strokeLinejoin: "round"
   }
 ) });
-var BarsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var BarsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "path",
   {
     d: "M2.5 5H17.5M2.5 10H17.5M2.5 15H17.5",
@@ -2929,7 +3265,7 @@ var BarsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { widt
     strokeLinecap: "round"
   }
 ) });
-var XMarkIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var XMarkIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "path",
   {
     d: "M15 5L5 15M5 5L15 15",
@@ -2938,7 +3274,7 @@ var XMarkIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { wi
     strokeLinecap: "round"
   }
 ) });
-var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "svg",
   {
     className,
@@ -2947,7 +3283,7 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime2
     viewBox: "0 0 24 24",
     fill: "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "path",
       {
         d: "M15 18L9 12L15 6",
@@ -2959,11 +3295,11 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime2
     )
   }
 );
-var GlobeIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { src: icon_globe_default, alt: "", "aria-hidden": "true", width: "20", height: "20", className });
+var GlobeIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("img", { src: icon_globe_default, alt: "", "aria-hidden": "true", width: "20", height: "20", className });
 var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
   const { dropdown } = item;
   if (!dropdown) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     import_framer_motion2.motion.div,
     {
       className: "navbar__dropdown",
@@ -2974,10 +3310,10 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
       transition: { duration: 0.18, ease: EASE_OUT_EXPO },
       onMouseEnter,
       onMouseLeave,
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__dropdown-inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__dropdown-left", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__dropdown-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__dropdown-col-list", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "navbar__dropdown-col-title", children: section.title }),
-          section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "navbar__dropdown-inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "navbar__dropdown-left", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "navbar__dropdown-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "navbar__dropdown-col-list", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "navbar__dropdown-col-title", children: section.title }),
+          section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
             "a",
             {
               href: link.href,
@@ -2986,24 +3322,24 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
               rel: link.external ? "noopener noreferrer" : void 0,
               children: [
                 link.label,
-                link.external ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ArrowUpRightIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ArrowRightIcon, {})
+                link.external ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ArrowUpRightIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ArrowRightIcon, {})
               ]
             },
             link.href
           ))
         ] }, section.title)) }, colIdx)) }),
-        dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__dropdown-right", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(FeatureCard, { feature: dropdown.feature }) })
+        dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "navbar__dropdown-right", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FeatureCard, { feature: dropdown.feature }) })
       ] })
     }
   );
 };
-var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
   "div",
   {
     className: mobile ? "navbar__drawer-feature" : "navbar__dropdown-feature",
     style: feature.backgroundImageUrl ? { backgroundImage: `url(${feature.backgroundImageUrl})` } : void 0,
     children: [
-      feature.backgroundImageUrl && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      feature.backgroundImageUrl && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "img",
         {
           src: feature.backgroundImageUrl,
@@ -3012,20 +3348,20 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtim
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: mobile ? "navbar__drawer-feature-overlay" : "navbar__dropdown-feature-overlay", "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: mobile ? "navbar__drawer-feature-content" : "navbar__dropdown-feature-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: mobile ? "navbar__drawer-feature-title" : "navbar__dropdown-feature-title", children: feature.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: mobile ? "navbar__drawer-feature-desc" : "navbar__dropdown-feature-desc", children: feature.description })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: mobile ? "navbar__drawer-feature-overlay" : "navbar__dropdown-feature-overlay", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: mobile ? "navbar__drawer-feature-content" : "navbar__dropdown-feature-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: mobile ? "navbar__drawer-feature-title" : "navbar__dropdown-feature-title", children: feature.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: mobile ? "navbar__drawer-feature-desc" : "navbar__dropdown-feature-desc", children: feature.description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
           "a",
           {
             href: feature.ctaHref,
             className: mobile ? "navbar__drawer-feature-cta" : "navbar__dropdown-feature-cta",
             children: [
               feature.ctaLabel,
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ArrowRightIcon, {})
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ArrowRightIcon, {})
             ]
           }
         )
@@ -3035,8 +3371,8 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtim
 );
 var DrawerAccordion = ({ item, isOpen, onToggle }) => {
   const { dropdown } = item;
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__drawer-item", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "navbar__drawer-item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "button",
       {
         className: `navbar__drawer-trigger ${isOpen ? "navbar__drawer-trigger--open" : ""}`,
@@ -3044,11 +3380,11 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
         "aria-expanded": isOpen,
         children: [
           item.label,
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronDownIcon3, { className: "navbar__drawer-trigger__chevron" })
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronDownIcon3, { className: "navbar__drawer-trigger__chevron" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_framer_motion2.AnimatePresence, { initial: false, children: isOpen && dropdown && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_framer_motion2.AnimatePresence, { initial: false, children: isOpen && dropdown && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       import_framer_motion2.motion.div,
       {
         className: "navbar__drawer-panel",
@@ -3057,10 +3393,10 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
         animate: "visible",
         exit: "hidden",
         transition: { duration: 0.22, ease: EASE_OUT_EXPO },
-        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__drawer-panel-inner", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__drawer-panel-cols", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__drawer-panel-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__drawer-col-section", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "navbar__drawer-col-title", children: section.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__drawer-col-links", children: section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "navbar__drawer-panel-inner", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "navbar__drawer-panel-cols", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "navbar__drawer-panel-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "navbar__drawer-col-section", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "navbar__drawer-col-title", children: section.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "navbar__drawer-col-links", children: section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "a",
               {
                 href: link.href,
@@ -3072,7 +3408,7 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
               link.href
             )) })
           ] }, section.title)) }, colIdx)) }),
-          dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(FeatureCard, { feature: dropdown.feature, mobile: true })
+          dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FeatureCard, { feature: dropdown.feature, mobile: true })
         ] })
       }
     ) })
@@ -3096,24 +3432,24 @@ var Navbar = ({
   className,
   ...props
 }) => {
-  const [openDropdown, setOpenDropdown] = (0, import_react14.useState)(null);
-  const [mobileOpen, setMobileOpen] = (0, import_react14.useState)(false);
-  const [mobileExpanded, setMobileExpanded] = (0, import_react14.useState)(null);
-  const [scrolled, setScrolled] = (0, import_react14.useState)(false);
-  const [langDropdownOpen, setLangDropdownOpen] = (0, import_react14.useState)(false);
-  const [mobileLangOpen, setMobileLangOpen] = (0, import_react14.useState)(false);
-  const hoverTimeoutRef = (0, import_react14.useRef)(null);
-  const langHoverTimeoutRef = (0, import_react14.useRef)(null);
-  const pillAreaRef = (0, import_react14.useRef)(null);
-  const langBtnRef = (0, import_react14.useRef)(null);
+  const [openDropdown, setOpenDropdown] = (0, import_react16.useState)(null);
+  const [mobileOpen, setMobileOpen] = (0, import_react16.useState)(false);
+  const [mobileExpanded, setMobileExpanded] = (0, import_react16.useState)(null);
+  const [scrolled, setScrolled] = (0, import_react16.useState)(false);
+  const [langDropdownOpen, setLangDropdownOpen] = (0, import_react16.useState)(false);
+  const [mobileLangOpen, setMobileLangOpen] = (0, import_react16.useState)(false);
+  const hoverTimeoutRef = (0, import_react16.useRef)(null);
+  const langHoverTimeoutRef = (0, import_react16.useRef)(null);
+  const pillAreaRef = (0, import_react16.useRef)(null);
+  const langBtnRef = (0, import_react16.useRef)(null);
   const hasLangDropdown = Boolean(languageItems && languageItems.length > 0);
   const resolvedLogo = theme === "light" ? logoSrcDark ?? logoSrc : logoSrc;
-  (0, import_react14.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const onScroll = () => setScrolled(window.scrollY > 0);
     window.addEventListener("scroll", onScroll, { passive: true });
     return () => window.removeEventListener("scroll", onScroll);
   }, []);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const onKey = (e) => {
       if (e.key === "Escape") {
         setOpenDropdown(null);
@@ -3124,16 +3460,16 @@ var Navbar = ({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, []);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!mobileOpen) setMobileLangOpen(false);
   }, [mobileOpen]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     document.body.style.overflow = mobileOpen ? "hidden" : "";
     return () => {
       document.body.style.overflow = "";
     };
   }, [mobileOpen]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!openDropdown) return;
     const onPointerDown = (e) => {
       if (pillAreaRef.current && !pillAreaRef.current.contains(e.target)) {
@@ -3143,54 +3479,54 @@ var Navbar = ({
     document.addEventListener("pointerdown", onPointerDown);
     return () => document.removeEventListener("pointerdown", onPointerDown);
   }, [openDropdown]);
-  const clearHoverTimeout = (0, import_react14.useCallback)(() => {
+  const clearHoverTimeout = (0, import_react16.useCallback)(() => {
     if (hoverTimeoutRef.current) {
       clearTimeout(hoverTimeoutRef.current);
       hoverTimeoutRef.current = null;
     }
   }, []);
-  const clearLangHoverTimeout = (0, import_react14.useCallback)(() => {
+  const clearLangHoverTimeout = (0, import_react16.useCallback)(() => {
     if (langHoverTimeoutRef.current) {
       clearTimeout(langHoverTimeoutRef.current);
       langHoverTimeoutRef.current = null;
     }
   }, []);
-  const handleLangEnter = (0, import_react14.useCallback)(() => {
+  const handleLangEnter = (0, import_react16.useCallback)(() => {
     clearLangHoverTimeout();
     setLangDropdownOpen(true);
   }, [clearLangHoverTimeout]);
-  const handleLangLeave = (0, import_react14.useCallback)(() => {
+  const handleLangLeave = (0, import_react16.useCallback)(() => {
     clearLangHoverTimeout();
     langHoverTimeoutRef.current = setTimeout(() => setLangDropdownOpen(false), 150);
   }, [clearLangHoverTimeout]);
-  const handleLangSelect = (0, import_react14.useCallback)((code) => {
+  const handleLangSelect = (0, import_react16.useCallback)((code) => {
     setLangDropdownOpen(false);
     setMobileLangOpen(false);
     onLanguageSelect?.(code);
   }, [onLanguageSelect]);
-  const handleNavEnter = (0, import_react14.useCallback)((label) => {
+  const handleNavEnter = (0, import_react16.useCallback)((label) => {
     clearHoverTimeout();
     setOpenDropdown(label);
   }, [clearHoverTimeout]);
-  const handleNavLeave = (0, import_react14.useCallback)(() => {
+  const handleNavLeave = (0, import_react16.useCallback)(() => {
     clearHoverTimeout();
     hoverTimeoutRef.current = setTimeout(() => setOpenDropdown(null), 120);
   }, [clearHoverTimeout]);
   const activeDropdownItem = navItems.find((item) => item.label === openDropdown);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "nav",
     {
       className: ["navbar", `navbar--${theme}`, scrolled && "navbar--scrolled", mobileOpen && "navbar--menu-open", className].filter(Boolean).join(" "),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__bar", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: logoHref, className: "navbar__logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { src: resolvedLogo, alt: "Logo" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__nav-center", ref: pillAreaRef, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__pill", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: logoHref, className: "navbar__pill-logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { src: logoSrcDark ?? logoSrc, alt: "Logo" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__nav-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "navbar__bar", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: logoHref, className: "navbar__logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("img", { src: resolvedLogo, alt: "Logo" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "navbar__nav-center", ref: pillAreaRef, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "navbar__pill", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: logoHref, className: "navbar__pill-logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("img", { src: logoSrcDark ?? logoSrc, alt: "Logo" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "navbar__nav-group", children: [
               navItems.map((item) => {
                 if (item.external) {
-                  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
                     "a",
                     {
                       href: item.href,
@@ -3199,14 +3535,14 @@ var Navbar = ({
                       rel: "noopener noreferrer",
                       children: [
                         item.label,
-                        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ArrowUpRightIcon, {})
+                        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ArrowUpRightIcon, {})
                       ]
                     },
                     item.label
                   );
                 }
                 if (item.dropdown) {
-                  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
                     "button",
                     {
                       className: [
@@ -3219,21 +3555,21 @@ var Navbar = ({
                       "aria-haspopup": "true",
                       children: [
                         item.label,
-                        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronDownIcon3, { className: "navbar__nav-item__chevron" })
+                        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronDownIcon3, { className: "navbar__nav-item__chevron" })
                       ]
                     },
                     item.label
                   );
                 }
-                return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: item.href, className: "navbar__nav-item", children: item.label }, item.label);
+                return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: item.href, className: "navbar__nav-item", children: item.label }, item.label);
               }),
-              languageLabel && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              languageLabel && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 "div",
                 {
                   className: "navbar__lang-wrapper",
                   onMouseEnter: hasLangDropdown ? handleLangEnter : void 0,
                   onMouseLeave: hasLangDropdown ? handleLangLeave : void 0,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
                     "button",
                     {
                       ref: langBtnRef,
@@ -3246,7 +3582,7 @@ var Navbar = ({
                       "aria-haspopup": hasLangDropdown ? "true" : void 0,
                       "aria-expanded": hasLangDropdown ? langDropdownOpen : void 0,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
                         languageLabel
                       ]
                     }
@@ -3254,12 +3590,12 @@ var Navbar = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__pill-actions", children: [
-              loginHref && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { colorScheme: "black", variant: "secondary", label: loginLabel }) }),
-              ctaHref && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "navbar__pill-actions", children: [
+              loginHref && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { colorScheme: "black", variant: "secondary", label: loginLabel }) }),
+              ctaHref && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_framer_motion2.AnimatePresence, { children: openDropdown && activeDropdownItem?.dropdown && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_framer_motion2.AnimatePresence, { children: openDropdown && activeDropdownItem?.dropdown && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             DropdownPanel,
             {
               item: activeDropdownItem,
@@ -3268,7 +3604,7 @@ var Navbar = ({
             },
             "dropdown"
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && langDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && langDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             import_framer_motion2.motion.div,
             {
               className: "navbar__lang-dropdown",
@@ -3279,12 +3615,12 @@ var Navbar = ({
               transition: { duration: 0.18, ease: EASE_OUT_EXPO },
               onMouseEnter: clearLangHoverTimeout,
               onMouseLeave: handleLangLeave,
-              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 "div",
                 {
                   className: "navbar__lang-dropdown-grid",
                   style: { "--lang-rows": Math.ceil(languageItems.length / 3) },
-                  children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                  children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                     "button",
                     {
                       className: [
@@ -3300,8 +3636,8 @@ var Navbar = ({
               )
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__actions", children: [
-            loginHref && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: loginHref, className: "navbar__actions-login", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "navbar__actions", children: [
+            loginHref && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: loginHref, className: "navbar__actions-login", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               Button,
               {
                 colorScheme: theme === "dark" ? "white" : "black",
@@ -3309,10 +3645,10 @@ var Navbar = ({
                 label: loginLabel
               }
             ) }),
-            ctaHref && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
+            ctaHref && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__mobile-actions", children: [
-            loginHref && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "navbar__mobile-actions", children: [
+            loginHref && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               Button,
               {
                 colorScheme: scrolled || theme === "light" ? "black" : "white",
@@ -3320,18 +3656,18 @@ var Navbar = ({
                 label: loginLabel
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "button",
               {
                 className: "navbar__mobile-trigger",
                 onClick: () => setMobileOpen((o) => !o),
                 "aria-label": mobileOpen ? "Close navigation menu" : "Open navigation menu",
-                children: mobileOpen ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(XMarkIcon2, {}) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(BarsIcon, {})
+                children: mobileOpen ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(XMarkIcon2, {}) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(BarsIcon, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__drawer-clip", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_framer_motion2.AnimatePresence, { children: mobileOpen && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "navbar__drawer-clip", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_framer_motion2.AnimatePresence, { children: mobileOpen && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
           import_framer_motion2.motion.div,
           {
             className: "navbar__drawer",
@@ -3344,10 +3680,10 @@ var Navbar = ({
             role: "dialog",
             "aria-label": "Navigation menu",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("nav", { className: "navbar__drawer-nav", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("nav", { className: "navbar__drawer-nav", children: [
                 navItems.map((item) => {
                   if (item.dropdown) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                       DrawerAccordion,
                       {
                         item,
@@ -3359,7 +3695,7 @@ var Navbar = ({
                       item.label
                     );
                   }
-                  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
                     "a",
                     {
                       href: item.href,
@@ -3368,30 +3704,30 @@ var Navbar = ({
                       rel: item.external ? "noopener noreferrer" : void 0,
                       children: [
                         item.label,
-                        item.external && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ArrowUpRightIcon, {})
+                        item.external && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ArrowUpRightIcon, {})
                       ]
                     },
                     item.label
                   );
                 }),
-                languageLabel && !hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("button", { className: "navbar__drawer-lang", onClick: onLanguageClick, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
+                languageLabel && !hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("button", { className: "navbar__drawer-lang", onClick: onLanguageClick, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
                   languageLabel
                 ] }),
-                languageLabel && hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+                languageLabel && hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
                   "button",
                   {
                     className: "navbar__drawer-lang",
                     onClick: () => setMobileLangOpen(true),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
                       languageLabel
                     ]
                   }
                 )
               ] }),
-              !mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "navbar__drawer-footer", children: [
-                loginHref && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: loginHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              !mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "navbar__drawer-footer", children: [
+                loginHref && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: loginHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                   Button,
                   {
                     colorScheme: "black",
@@ -3400,7 +3736,7 @@ var Navbar = ({
                     fullWidth: true
                   }
                 ) }),
-                ctaHref && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href: ctaHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                ctaHref && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: ctaHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                   Button,
                   {
                     colorScheme: "coral",
@@ -3410,7 +3746,7 @@ var Navbar = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
                 import_framer_motion2.motion.div,
                 {
                   className: "navbar__drawer-lang-panel",
@@ -3419,16 +3755,16 @@ var Navbar = ({
                   exit: { y: "100%" },
                   transition: { duration: 0.25, ease: EASE_OUT_EXPO },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                       "button",
                       {
                         className: "navbar__drawer-lang-back",
                         onClick: () => setMobileLangOpen(false),
                         "aria-label": "Back to menu",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronLeftIcon, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronLeftIcon, {})
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "navbar__drawer-lang-grid", children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "navbar__drawer-lang-grid", children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                       "button",
                       {
                         className: [
@@ -3452,7 +3788,7 @@ var Navbar = ({
 };
 
 // templates/DayNightTransition/DayNightTransition.tsx
-var import_react15 = require("react");
+var import_react17 = require("react");
 var import_framer_motion3 = require("framer-motion");
 
 // templates/DayNightTransition/webflowDayNightV2Ix.ts
@@ -3529,7 +3865,7 @@ function webflowV2DayClipPercent(t, media) {
 }
 
 // templates/DayNightTransition/DayNightTransition.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var SPRING2 = { stiffness: 80, damping: 30, restDelta: 1e-3 };
 var FADE_START = 0.35;
 var FADE_END = 0.65;
@@ -3561,13 +3897,13 @@ var DayNightTransition = ({
   className,
   ...props
 }) => {
-  const wrapperRef = (0, import_react15.useRef)(null);
-  const dayWordRef = (0, import_react15.useRef)(null);
-  const [nightMarginStart, setNightMarginStart] = (0, import_react15.useState)("0px");
-  const [nightMarginEnd, setNightMarginEnd] = (0, import_react15.useState)("0px");
-  const [ixMedia, setIxMedia] = (0, import_react15.useState)("desktop");
+  const wrapperRef = (0, import_react17.useRef)(null);
+  const dayWordRef = (0, import_react17.useRef)(null);
+  const [nightMarginStart, setNightMarginStart] = (0, import_react17.useState)("0px");
+  const [nightMarginEnd, setNightMarginEnd] = (0, import_react17.useState)("0px");
+  const [ixMedia, setIxMedia] = (0, import_react17.useState)("desktop");
   const webflowV2 = scrollPreset === "webflow-day-night-v2";
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const mq = window.matchMedia("(max-width: 991px)");
     const sync = () => setIxMedia(mq.matches ? "mobile" : "desktop");
     sync();
@@ -3575,7 +3911,7 @@ var DayNightTransition = ({
     return () => mq.removeEventListener("change", sync);
   }, []);
   const MotionHeadline = headlineLevel === "h1" ? import_framer_motion3.motion.h1 : import_framer_motion3.motion.h2;
-  (0, import_react15.useLayoutEffect)(() => {
+  (0, import_react17.useLayoutEffect)(() => {
     if (!inlineDayNightHeadline) return;
     const syncNightPull = () => {
       const dayEl = dayWordRef.current;
@@ -3666,15 +4002,15 @@ var DayNightTransition = ({
     descriptionLevel === "body-lg" && "dnt--desc-body-lg",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "div",
     {
       ref: wrapperRef,
       className: rootClass,
       ...props,
       children: [
-        webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "dnt__v2-background-wrapper", "aria-hidden": "true", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "dnt__v2-background-wrapper", "aria-hidden": "true", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             import_framer_motion3.motion.div,
             {
               className: "dnt__v2-bg-day trade-day-night_background-day is-alternative",
@@ -3684,7 +4020,7 @@ var DayNightTransition = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "div",
             {
               className: "dnt__v2-bg-night trade-day-night_background-night is-alternative",
@@ -3692,9 +4028,9 @@ var DayNightTransition = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: webflowV2 ? "dnt__sticky dnt__sticky--webflow-v2" : "dnt__sticky", children: [
-          !webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: webflowV2 ? "dnt__sticky dnt__sticky--webflow-v2" : "dnt__sticky", children: [
+          !webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "img",
               {
                 className: "dnt__bg dnt__bg--day",
@@ -3704,7 +4040,7 @@ var DayNightTransition = ({
                 draggable: false
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               import_framer_motion3.motion.img,
               {
                 className: "dnt__bg dnt__bg--night",
@@ -3716,17 +4052,17 @@ var DayNightTransition = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "dnt__content", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "dnt__inner", children: webflowV2 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "dnt__text-wrap", children: [
-            useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "dnt__content", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "dnt__inner", children: webflowV2 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "dnt__text-wrap", children: [
+            useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
               MotionHeadline,
               {
                 className: "dnt__headline dnt__headline--inline-day-night",
                 style: { color: v2TitleColor },
                 "aria-label": `${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.dayWord} / ${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.nightWord}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "dnt__headline-pair", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "dnt__headline-pair", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                       import_framer_motion3.motion.span,
                       {
                         ref: dayWordRef,
@@ -3735,7 +4071,7 @@ var DayNightTransition = ({
                         children: inlineDayNightHeadline.dayWord
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                       import_framer_motion3.motion.span,
                       {
                         className: "dnt__headline-wnight",
@@ -3750,8 +4086,8 @@ var DayNightTransition = ({
                   ] })
                 ]
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 MotionHeadline,
                 {
                   className: "dnt__headline",
@@ -3759,7 +4095,7 @@ var DayNightTransition = ({
                   children: dayHeadline
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 MotionHeadline,
                 {
                   className: "dnt__headline",
@@ -3769,8 +4105,8 @@ var DayNightTransition = ({
                 }
               )
             ] }),
-            hasDescription && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            hasDescription && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 import_framer_motion3.motion.p,
                 {
                   className: "dnt__description",
@@ -3781,7 +4117,7 @@ var DayNightTransition = ({
                   children: dayDescription ?? ""
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 import_framer_motion3.motion.p,
                 {
                   className: "dnt__description",
@@ -3794,22 +4130,22 @@ var DayNightTransition = ({
                 }
               )
             ] }),
-            !hideCta && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+            !hideCta && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
             import_framer_motion3.motion.div,
             {
               className: "dnt__text-wrap",
               style: { color: textColor },
               children: [
-                useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                   MotionHeadline,
                   {
                     className: "dnt__headline dnt__headline--inline-day-night",
                     "aria-label": `${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.dayWord} / ${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.nightWord}`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
-                      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "dnt__headline-pair", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "dnt__headline-pair", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                           import_framer_motion3.motion.span,
                           {
                             ref: dayWordRef,
@@ -3818,7 +4154,7 @@ var DayNightTransition = ({
                             children: inlineDayNightHeadline.dayWord
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                           import_framer_motion3.motion.span,
                           {
                             className: "dnt__headline-wnight",
@@ -3833,8 +4169,8 @@ var DayNightTransition = ({
                       ] })
                     ]
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                     MotionHeadline,
                     {
                       className: "dnt__headline",
@@ -3842,7 +4178,7 @@ var DayNightTransition = ({
                       children: dayHeadline
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                     MotionHeadline,
                     {
                       className: "dnt__headline",
@@ -3852,8 +4188,8 @@ var DayNightTransition = ({
                     }
                   )
                 ] }),
-                hasDescription && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                hasDescription && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                     import_framer_motion3.motion.p,
                     {
                       className: "dnt__description",
@@ -3861,7 +4197,7 @@ var DayNightTransition = ({
                       children: dayDescription ?? ""
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                     import_framer_motion3.motion.p,
                     {
                       className: "dnt__description",
@@ -3871,7 +4207,7 @@ var DayNightTransition = ({
                     }
                   )
                 ] }),
-                !hideCta && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
+                !hideCta && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
               ]
             }
           ) }) })
@@ -3896,9 +4232,9 @@ var dayNightTransitionV2Preset = {
 };
 
 // templates/LogoMarquee/LogoMarquee.tsx
-var import_react16 = require("react");
+var import_react18 = require("react");
 var import_framer_motion4 = require("framer-motion");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function modWrap(min, max, v) {
   const range = max - min;
   return ((v - min) % range + range) % range + min;
@@ -3955,8 +4291,8 @@ var LogoMarquee = ({
   const scrollVelocity = (0, import_framer_motion4.useVelocity)(scrollY);
   const col1Y = (0, import_framer_motion4.useMotionValue)(0);
   const col2Y = (0, import_framer_motion4.useMotionValue)(0);
-  const col1Ref = (0, import_react16.useRef)(null);
-  const col2Ref = (0, import_react16.useRef)(null);
+  const col1Ref = (0, import_react18.useRef)(null);
+  const col2Ref = (0, import_react18.useRef)(null);
   (0, import_framer_motion4.useAnimationFrame)((_, delta) => {
     const raw = scrollVelocity.get();
     if (Math.abs(raw) < DEADZONE) return;
@@ -3969,21 +4305,21 @@ var LogoMarquee = ({
   });
   const track1 = [...col1Logos, ...col1Logos];
   const track2 = [...col2Logos, ...col2Logos];
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "section",
     {
       className: ["lm", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "lm__inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "lm__media", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "lm__carousel", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "lm__fade lm__fade--top", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lm__inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "lm__media", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lm__carousel", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "lm__fade lm__fade--top", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
             import_framer_motion4.motion.div,
             {
               ref: col1Ref,
               className: "lm__col",
               style: { y: col1Y },
-              children: track1.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              children: track1.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                 "img",
                 {
                   src: logo.url,
@@ -3994,13 +4330,13 @@ var LogoMarquee = ({
               ) }) }, `c1-${i}`))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
             import_framer_motion4.motion.div,
             {
               ref: col2Ref,
               className: "lm__col",
               style: { y: col2Y },
-              children: track2.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              children: track2.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                 "img",
                 {
                   src: logo.url,
@@ -4011,17 +4347,17 @@ var LogoMarquee = ({
               ) }) }, `c2-${i}`))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "lm__fade lm__fade--bottom", "aria-hidden": "true" })
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "lm__fade lm__fade--bottom", "aria-hidden": "true" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "lm__content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h2", { className: "lm__headline", children: headline }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "lm__text-group", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "lm__body", children: body }),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "lm__disclaimer", children: disclaimer })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lm__content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h2", { className: "lm__headline", children: headline }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lm__text-group", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "lm__body", children: body }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "lm__disclaimer", children: disclaimer })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("a", { href: ctaHref, className: "lm__link", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("a", { href: ctaHref, className: "lm__link", children: [
             ctaLabel,
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "lm__link-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M3 8H13M13 8L9 4M13 8L9 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "lm__link-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M3 8H13M13 8L9 4M13 8L9 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
           ] })
         ] })
       ] })
@@ -4072,7 +4408,7 @@ var appstore_linux_dark_default = "./appstore-linux-dark-RVH7CBM4.svg";
 var appstore_browser_dark_default = "./appstore-browser-dark-2E6TK6JH.svg";
 
 // primitives/DownloadBadge/DownloadBadge.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var BADGE_ASSETS = {
   light: {
     googleplay: { src: appstore_googleplay_light_default, alt: "Get it on Google Play" },
@@ -4101,7 +4437,7 @@ var DownloadBadge = ({
   ...props
 }) => {
   const { src, alt } = BADGE_ASSETS[colorScheme][platform];
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "a",
     {
       className: [
@@ -4114,13 +4450,13 @@ var DownloadBadge = ({
       target: "_blank",
       rel: "noopener noreferrer",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("img", { className: "download-badge__img", src, alt })
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("img", { className: "download-badge__img", src, alt })
     }
   );
 };
 
 // templates/Steps/Steps.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var Steps = ({
   title,
   steps,
@@ -4132,8 +4468,8 @@ var Steps = ({
     "steps__container",
     imagePosition === "right" ? "steps__container--image-right" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("section", { className: "steps", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: containerClass, children: [
-    image && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "steps__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("section", { className: "steps", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: containerClass, children: [
+    image && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "steps__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "img",
       {
         src: image,
@@ -4141,13 +4477,13 @@ var Steps = ({
         className: "steps__image"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "steps__content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h2", { className: "steps__title", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("ol", { className: "steps__list", children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("li", { className: "steps__item", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "steps__item-inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "steps__number", "aria-hidden": "true", children: index + 1 }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "steps__item-body", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h3", { className: "steps__item-title", children: step.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "steps__item-description", children: step.description })
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "steps__content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h2", { className: "steps__title", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("ol", { className: "steps__list", children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("li", { className: "steps__item", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "steps__item-inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "steps__number", "aria-hidden": "true", children: index + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "steps__item-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "steps__item-title", children: step.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "steps__item-description", children: step.description })
         ] })
       ] }) }, index)) })
     ] })
@@ -4155,7 +4491,7 @@ var Steps = ({
 };
 
 // templates/DownloadBanner/DownloadBanner.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var DownloadBanner = ({
   style = "light-2",
   qrCodeImage,
@@ -4180,9 +4516,9 @@ var DownloadBanner = ({
   disclaimer
 }) => {
   const colorScheme = style === "dark" ? "dark" : "light";
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("section", { className: `db-section db-section--${style}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "db-container", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "db-card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "db-qr-block", children: [
-      qrCodeImage && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("section", { className: `db-section db-section--${style}`, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "db-container", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "db-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "db-qr-block", children: [
+      qrCodeImage && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "img",
         {
           className: "db-qr-image",
@@ -4190,36 +4526,36 @@ var DownloadBanner = ({
           alt: qrCodeAlt
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "db-qr-text", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "db-qr-text__title db-qr-text__title--desktop", children: qrTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h2", { className: "db-qr-text__subtitle db-qr-text__subtitle--desktop", children: qrSubtitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "db-qr-text__title db-qr-text__title--mobile", children: mobileTitle }),
-        disclaimer && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "db-disclaimer", children: disclaimer })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "db-qr-text", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "db-qr-text__title db-qr-text__title--desktop", children: qrTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h2", { className: "db-qr-text__subtitle db-qr-text__subtitle--desktop", children: qrSubtitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "db-qr-text__title db-qr-text__title--mobile", children: mobileTitle }),
+        disclaimer && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "db-disclaimer", children: disclaimer })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "db-badges", children: [
-      showGooglePlay && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DownloadBadge, { platform: "googleplay", colorScheme, href: googlePlayHref }),
-      showAppGallery && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DownloadBadge, { platform: "appgallery", colorScheme, href: appGalleryHref }),
-      showMacOS && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DownloadBadge, { platform: "macos", colorScheme, href: macOSHref }),
-      showWindows && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DownloadBadge, { platform: "windows", colorScheme, href: windowsHref }),
-      showLinux && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DownloadBadge, { platform: "linux", colorScheme, href: linuxHref }),
-      showAppStore && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DownloadBadge, { platform: "appstore", colorScheme, href: appStoreHref }),
-      showWeb && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DownloadBadge, { platform: "web", colorScheme, href: webHref })
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "db-badges", children: [
+      showGooglePlay && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DownloadBadge, { platform: "googleplay", colorScheme, href: googlePlayHref }),
+      showAppGallery && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DownloadBadge, { platform: "appgallery", colorScheme, href: appGalleryHref }),
+      showMacOS && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DownloadBadge, { platform: "macos", colorScheme, href: macOSHref }),
+      showWindows && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DownloadBadge, { platform: "windows", colorScheme, href: windowsHref }),
+      showLinux && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DownloadBadge, { platform: "linux", colorScheme, href: linuxHref }),
+      showAppStore && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DownloadBadge, { platform: "appstore", colorScheme, href: appStoreHref }),
+      showWeb && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DownloadBadge, { platform: "web", colorScheme, href: webHref })
     ] })
   ] }) }) });
 };
 
 // templates/TextScroll/TextScroll.tsx
-var import_react17 = require("react");
+var import_react19 = require("react");
 var import_gsap = require("gsap");
 var import_ScrollTrigger = require("gsap/ScrollTrigger");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 import_gsap.gsap.registerPlugin(import_ScrollTrigger.ScrollTrigger);
 var TextScroll = ({ text, className }) => {
-  const sectionRef = (0, import_react17.useRef)(null);
-  const wordsRef = (0, import_react17.useRef)([]);
+  const sectionRef = (0, import_react19.useRef)(null);
+  const wordsRef = (0, import_react19.useRef)([]);
   const words = text.split(/\s+/).filter(Boolean);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const section = sectionRef.current;
     const wordEls = wordsRef.current.filter(Boolean);
     if (!section || wordEls.length === 0) return;
@@ -4253,12 +4589,12 @@ var TextScroll = ({ text, className }) => {
       import_gsap.gsap.set(wordEls, { clearProps: "opacity" });
     };
   }, [text]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "section",
     {
       ref: sectionRef,
       className: ["ts", className].filter(Boolean).join(" "),
-      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "ts__inner", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "ts__text", "aria-label": text, children: words.map((word, i) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "ts__inner", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "ts__text", "aria-label": text, children: words.map((word, i) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
         "span",
         {
           ref: (el) => {
@@ -4278,8 +4614,8 @@ var TextScroll = ({ text, className }) => {
 };
 
 // templates/StickyMarketCards/StickyMarketCards.tsx
-var import_react18 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_react20 = require("react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var PLACEHOLDER_IMAGE3 = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
 var StickyMarketCards = ({
   sectionTitle,
@@ -4288,9 +4624,9 @@ var StickyMarketCards = ({
   className,
   ...props
 }) => {
-  const cardRefs = (0, import_react18.useRef)([]);
-  const cardInnerRefs = (0, import_react18.useRef)([]);
-  (0, import_react18.useEffect)(() => {
+  const cardRefs = (0, import_react20.useRef)([]);
+  const cardInnerRefs = (0, import_react20.useRef)([]);
+  (0, import_react20.useEffect)(() => {
     if (typeof window === "undefined") return;
     let rafId = 0;
     const update = () => {
@@ -4331,7 +4667,7 @@ var StickyMarketCards = ({
       cancelAnimationFrame(rafId);
     };
   }, [items.length]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (typeof window === "undefined") return;
     const syncHeights = () => {
       const inners = cardInnerRefs.current.filter(Boolean);
@@ -4360,20 +4696,20 @@ var StickyMarketCards = ({
   const n = items.length;
   const maxStack = 4;
   const baseIndex = Math.max(0, n - maxStack);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "section",
     {
       className: ["smc", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "smc__inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "smc__header-wrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h2", { className: "smc__header", children: sectionTitle }),
-          sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "smc__description", children: sectionDescription })
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "smc__inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "smc__header-wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h2", { className: "smc__header", children: sectionTitle }),
+          sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "smc__description", children: sectionDescription })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "smc__track", children: items.map((item, i) => {
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "smc__track", children: items.map((item, i) => {
           const theme = item.theme ?? "dark";
           const offsetMultiplier = Math.max(0, i - baseIndex);
-          return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             "div",
             {
               ref: (el) => {
@@ -4384,7 +4720,7 @@ var StickyMarketCards = ({
                 ["--smc-card-index"]: String(offsetMultiplier),
                 zIndex: i + 1
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
                 "div",
                 {
                   ref: (el) => {
@@ -4395,8 +4731,8 @@ var StickyMarketCards = ({
                     `smc__card-inner--${theme}`
                   ].join(" "),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "smc__card-bg", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "smc__card-bg", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                         "img",
                         {
                           src: item.imageUrl ?? PLACEHOLDER_IMAGE3,
@@ -4405,7 +4741,7 @@ var StickyMarketCards = ({
                           loading: i === 0 ? "eager" : "lazy"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                         "div",
                         {
                           className: [
@@ -4415,9 +4751,9 @@ var StickyMarketCards = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "smc__card-content", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "smc__card-title-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h3", { className: "smc__card-title", children: item.title }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "smc__card-desc-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "smc__card-desc", children: item.description }) })
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "smc__card-content", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "smc__card-title-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h3", { className: "smc__card-title", children: item.title }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "smc__card-desc-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "smc__card-desc", children: item.description }) })
                     ] })
                   ]
                 }
@@ -4432,12 +4768,12 @@ var StickyMarketCards = ({
 };
 
 // templates/Table/Table.tsx
-var import_react19 = require("react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var InfoIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }),
-  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d: "M12 16V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("circle", { cx: "12", cy: "8", r: "1", fill: "currentColor", stroke: "currentColor", strokeWidth: "1" })
+var import_react21 = require("react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var InfoIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }),
+  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M12 16V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("circle", { cx: "12", cy: "8", r: "1", fill: "currentColor", stroke: "currentColor", strokeWidth: "1" })
 ] });
 var Table = ({
   sectionTitle,
@@ -4450,11 +4786,11 @@ var Table = ({
   className,
   ...props
 }) => {
-  const [search, setSearch] = (0, import_react19.useState)("");
-  const [page, setPage] = (0, import_react19.useState)(1);
-  const [tooltip, setTooltip] = (0, import_react19.useState)({ visible: false, heading: "", description: "", x: 0, y: 0, arrowOffset: 0 });
+  const [search, setSearch] = (0, import_react21.useState)("");
+  const [page, setPage] = (0, import_react21.useState)(1);
+  const [tooltip, setTooltip] = (0, import_react21.useState)({ visible: false, heading: "", description: "", x: 0, y: 0, arrowOffset: 0 });
   const mainKey = mainColumnKey ?? columns.find((c) => c.width === "main")?.key ?? columns[0]?.key;
-  const filtered = (0, import_react19.useMemo)(() => {
+  const filtered = (0, import_react21.useMemo)(() => {
     const q = search.trim().toLowerCase();
     if (!q) return rows;
     return rows.filter(
@@ -4474,12 +4810,12 @@ var Table = ({
     setSearch("");
     setPage(1);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("section", { className: ["tbl-section", className].filter(Boolean).join(" "), ...props, children: [
-    sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "tbl-section__header", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h2", { className: "tbl-section__title", children: sectionTitle }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "tbl-section__content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "tbl", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "tbl__topbar", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "tbl__search-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("section", { className: ["tbl-section", className].filter(Boolean).join(" "), ...props, children: [
+    sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "tbl-section__header", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: "tbl-section__title", children: sectionTitle }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "tbl-section__content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "tbl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "tbl__topbar", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "tbl__search-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             SearchField,
             {
               placeholder: searchPlaceholder,
@@ -4490,7 +4826,7 @@ var Table = ({
               "aria-label": searchPlaceholder
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "tbl__summary", children: filtered.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "tbl__summary", children: filtered.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
             "Showing ",
             startIdx + 1,
             "- ",
@@ -4499,12 +4835,12 @@ var Table = ({
             filtered.length
           ] }) : "No results" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "tbl__scroll-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("table", { className: "tbl__table", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("tr", { className: "tbl__tr", children: columns.map((col, colIdx) => {
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "tbl__scroll-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("table", { className: "tbl__table", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tr", { className: "tbl__tr", children: columns.map((col, colIdx) => {
             const isFirst = colIdx === 0;
             const isLast = colIdx === columns.length - 1;
             const isMain = col.width === "main" || col.key === mainKey;
-            return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               "th",
               {
                 className: [
@@ -4512,7 +4848,7 @@ var Table = ({
                   isMain ? "tbl__th--main" : "",
                   col.width === "big" ? "tbl__th--big" : ""
                 ].filter(Boolean).join(" "),
-                children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   "div",
                   {
                     className: "tbl__th-inner",
@@ -4542,9 +4878,9 @@ var Table = ({
                         setTooltip((prev) => ({ ...prev, visible: false }));
                       }
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: ["tbl__col-label", col.tooltip ? "tbl__col-label--dashed" : ""].filter(Boolean).join(" "), children: Array.isArray(col.header) ? col.header.map((line, li) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { children: [
+                    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: ["tbl__col-label", col.tooltip ? "tbl__col-label--dashed" : ""].filter(Boolean).join(" "), children: Array.isArray(col.header) ? col.header.map((line, li) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { children: [
                       line,
-                      li < col.header.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("br", {})
+                      li < col.header.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("br", {})
                     ] }, li)) : col.header })
                   }
                 )
@@ -4552,10 +4888,10 @@ var Table = ({
               col.key
             );
           }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("tbody", { className: "tbl__tbody", children: visible.length > 0 ? visible.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("tr", { className: "tbl__tr", children: columns.map((col) => {
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tbody", { className: "tbl__tbody", children: visible.length > 0 ? visible.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tr", { className: "tbl__tr", children: columns.map((col) => {
             const isMain = col.width === "main" || col.key === mainKey;
             const iconUrl = row[`${col.key}_iconUrl`];
-            return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               "td",
               {
                 className: [
@@ -4563,8 +4899,8 @@ var Table = ({
                   isMain ? "tbl__td--main" : "",
                   col.width === "big" ? "tbl__td--big" : ""
                 ].filter(Boolean).join(" "),
-                children: isMain ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "tbl__cell-inner", children: [
-                  iconUrl && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                children: isMain ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "tbl__cell-inner", children: [
+                  iconUrl && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                     "img",
                     {
                       src: iconUrl,
@@ -4576,18 +4912,18 @@ var Table = ({
                       height: "24"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "tbl__cell-text tbl__cell-text--bold", children: row[col.key] ?? "" })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "tbl__cell-text", children: row[col.key] ?? "" })
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "tbl__cell-text tbl__cell-text--bold", children: row[col.key] ?? "" })
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "tbl__cell-text", children: row[col.key] ?? "" })
               },
               col.key
             );
-          }) }, rowIdx)) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("tr", { className: "tbl__tr", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("td", { colSpan: columns.length, className: "tbl__empty-cell", children: [
+          }) }, rowIdx)) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tr", { className: "tbl__tr", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("td", { colSpan: columns.length, className: "tbl__empty-cell", children: [
             'No results found for "',
             search,
             '"'
           ] }) }) })
         ] }) }),
-        totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "tbl__footer", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "tbl__pagination-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "tbl__footer", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "tbl__pagination-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           Pagination,
           {
             currentPage,
@@ -4596,19 +4932,19 @@ var Table = ({
           }
         ) }) })
       ] }),
-      infoText && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "tbl-section__info-box", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(InfoIcon, { className: "tbl-section__info-icon" }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "tbl-section__info-text", children: infoText })
+      infoText && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "tbl-section__info-box", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(InfoIcon, { className: "tbl-section__info-icon" }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "tbl-section__info-text", children: infoText })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       "div",
       {
         className: ["tbl__global-hint", tooltip.visible ? "tbl__global-hint--visible" : ""].filter(Boolean).join(" "),
         style: { left: tooltip.x, top: tooltip.y - 8 },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "tbl__global-hint-desc", children: tooltip.description }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "tbl__global-hint-desc", children: tooltip.description }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "div",
             {
               className: "tbl__global-hint-arrow",
@@ -4622,41 +4958,41 @@ var Table = ({
 };
 
 // templates/Leaders/Leaders.tsx
-var import_react20 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var LinkedInIcon = () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M14.816 0H1.18C0.528 0 0 0.516 0 1.153V14.846C0 15.484 0.528 16 1.18 16H14.816C15.468 16 16 15.484 16 14.846V1.153C16 0.516 15.468 0 14.816 0ZM4.744 13.642H2.368V5.996H4.744V13.642ZM3.556 4.952C2.796 4.952 2.18 4.336 2.18 3.576C2.18 2.816 2.796 2.2 3.556 2.2C4.316 2.2 4.932 2.816 4.932 3.576C4.932 4.336 4.316 4.952 3.556 4.952ZM13.642 13.642H11.266V9.924C11.266 9.038 11.25 7.896 10.032 7.896C8.814 7.896 8.626 8.846 8.626 9.86V13.642H6.25V5.996H8.53V7.04H8.562C8.88 6.44 9.534 5.806 10.686 5.806C12.958 5.806 13.642 7.3 13.642 9.386V13.642Z", fill: "currentColor" }) });
-var ChevronDownIcon4 = () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
-var ChevronUpIcon = () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M12 10L8 6L4 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
-var CardContent = ({ item }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "leaders__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var import_react22 = require("react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var ChevronDownIcon4 = () => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var ChevronUpIcon = () => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M12 10L8 6L4 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var CardContent = ({ item }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "avatar-grid__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "img",
     {
       src: item.imageUrl,
       alt: item.name,
-      className: "leaders__image",
+      className: "avatar-grid__image",
       loading: "lazy"
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "leaders__content", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "leaders__name", children: item.name }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "leaders__role", children: item.role })
+  /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "avatar-grid__content", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "avatar-grid__name", children: item.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "avatar-grid__role", children: item.role })
   ] }),
-  item.linkedinUrl && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  item.linkUrl && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     Link,
     {
-      href: item.linkedinUrl,
+      href: item.linkUrl,
       target: "_blank",
       rel: "noopener noreferrer",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(LinkedInIcon, {}),
-      label: "LinkedIn",
+      icon: item.linkIcon,
+      label: item.linkLabel ?? "Profile",
       colorScheme: "black",
       showChevron: false,
-      className: "leaders__link"
+      className: "avatar-grid__link"
     }
   )
 ] });
-var Leaders = ({
-  title = "Our leaders",
+var AvatarGrid = ({
+  title,
+  description,
   items,
   initialVisibleCount = 4,
   expandText = "View all",
@@ -4664,57 +5000,258 @@ var Leaders = ({
   className,
   ...props
 }) => {
-  const [isExpanded, setIsExpanded] = (0, import_react20.useState)(false);
+  const [isExpanded, setIsExpanded] = (0, import_react22.useState)(false);
   const hasMore = items.length > initialVisibleCount;
   const visibleItems = items.slice(0, initialVisibleCount);
   const extraItems = items.slice(initialVisibleCount);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("section", { className: ["leaders", className].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "leaders__container", children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "leaders__header", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: "leaders__title", children: title }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "leaders__grid-wrapper", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "leaders__grid", children: visibleItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "leaders__card", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CardContent, { item }) }, i)) }),
-      hasMore && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("section", { className: ["avatar-grid", className].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "avatar-grid__container", children: [
+    (title || description) && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "avatar-grid__header", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h2", { className: "avatar-grid__title", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "avatar-grid__description", children: description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "avatar-grid__grid-wrapper", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "avatar-grid__grid", children: visibleItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "avatar-grid__card", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CardContent, { item }) }, i)) }),
+      hasMore && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         "div",
         {
           className: [
-            "leaders__extra-cards",
-            isExpanded ? "leaders__extra-cards--open" : ""
+            "avatar-grid__extra-cards",
+            isExpanded ? "avatar-grid__extra-cards--open" : ""
           ].join(" "),
           "aria-hidden": !isExpanded,
-          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "leaders__extra-grid", children: extraItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "avatar-grid__extra-grid", children: extraItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             "div",
             {
               className: [
-                "leaders__card",
-                "leaders__extra-card",
-                isExpanded ? "leaders__extra-card--visible" : ""
+                "avatar-grid__card",
+                "avatar-grid__extra-card",
+                isExpanded ? "avatar-grid__extra-card--visible" : ""
               ].join(" "),
               style: {
                 transitionDelay: isExpanded ? `${i * 70 + 120}ms` : "0ms"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CardContent, { item })
+              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CardContent, { item })
             },
             i
           )) })
         }
       )
     ] }),
-    hasMore && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "leaders__actions", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    hasMore && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "avatar-grid__actions", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       Button,
       {
         variant: "secondary",
         colorScheme: "black",
         onClick: () => setIsExpanded(!isExpanded),
         iconPosition: "icon-right",
-        icon: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronUpIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronDownIcon4, {}),
+        icon: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChevronUpIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChevronDownIcon4, {}),
+        fullWidth: true,
         children: isExpanded ? collapseText : expandText
       }
     ) })
   ] }) });
 };
+var PeopleGrid = AvatarGrid;
+var Leaders = AvatarGrid;
+
+// templates/ImageBanner/ImageBanner.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var ImageBanner = ({
+  variant = "split",
+  title = "Join our global community",
+  description = "Connect with traders around the world to exchange insights, explore portfolios, and gain valuable expertise.",
+  ctaLabel = "Trader's Hub",
+  ctaHref,
+  onCtaClick,
+  imageUrl,
+  imageAlt = "",
+  className,
+  ...props
+}) => {
+  const isFullBg = variant === "full-bg";
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    "section",
+    {
+      className: ["image-banner", className].filter(Boolean).join(" "),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+        "div",
+        {
+          className: [
+            "image-banner__inner",
+            `image-banner__inner--${variant}`
+          ].join(" "),
+          children: [
+            isFullBg && imageUrl && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "image-banner__bg-image-wrapper", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                "img",
+                {
+                  src: imageUrl,
+                  alt: imageAlt,
+                  className: "image-banner__bg-image",
+                  loading: "lazy"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "image-banner__bg-overlay", "aria-hidden": "true" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "image-banner__content", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { className: "image-banner__title", children: title }),
+              description && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "image-banner__description", children: description }),
+              ctaLabel && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "image-banner__actions", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                Link,
+                {
+                  colorScheme: "coral",
+                  label: ctaLabel,
+                  href: ctaHref,
+                  onClick: onCtaClick,
+                  showChevron: true,
+                  className: "image-banner__cta-link"
+                }
+              ) })
+            ] }),
+            !isFullBg && imageUrl && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "image-banner__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              "img",
+              {
+                src: imageUrl,
+                alt: imageAlt,
+                className: "image-banner__image",
+                loading: "lazy"
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+};
+
+// templates/Testimonial/Testimonial.tsx
+var import_react23 = require("react");
+
+// assets/quote-left.webp
+var quote_left_default = "./quote-left-63QMW5NQ.webp";
+
+// assets/quote-right.webp
+var quote_right_default = "./quote-right-W6AS4YHN.webp";
+
+// templates/Testimonial/Testimonial.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var Testimonial = ({
+  title,
+  items,
+  className,
+  ...props
+}) => {
+  const [activeIndex, setActiveIndex] = (0, import_react23.useState)(0);
+  const [phase, setPhase] = (0, import_react23.useState)("idle");
+  const pendingIndex = (0, import_react23.useRef)(null);
+  const autoRef = (0, import_react23.useRef)(null);
+  const goTo = (next) => {
+    if (next === activeIndex || phase !== "idle") return;
+    pendingIndex.current = next;
+    setPhase("exiting");
+  };
+  (0, import_react23.useEffect)(() => {
+    if (phase === "exiting") {
+      const t = setTimeout(() => {
+        setActiveIndex(pendingIndex.current ?? activeIndex);
+        setPhase("idle");
+      }, 200);
+      return () => clearTimeout(t);
+    }
+  }, [phase, activeIndex]);
+  (0, import_react23.useEffect)(() => {
+    if (items.length <= 1) return;
+    autoRef.current = setTimeout(() => {
+      const next = (activeIndex + 1) % items.length;
+      pendingIndex.current = next;
+      setPhase("exiting");
+    }, 5e3);
+    return () => {
+      if (autoRef.current) clearTimeout(autoRef.current);
+    };
+  }, [activeIndex, items.length]);
+  if (!items || items.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    "section",
+    {
+      className: ["testimonial", className].filter(Boolean).join(" "),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "testimonial__container", children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h2", { className: "testimonial__title", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "testimonial__carousel", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "testimonial__slides", children: items.map((item, i) => {
+            const isActive = i === activeIndex;
+            const isExiting = isActive && phase === "exiting";
+            const slideClass = [
+              "testimonial__slide",
+              isActive && !isExiting ? "testimonial__slide--active" : "",
+              isExiting ? "testimonial__slide--exiting" : ""
+            ].filter(Boolean).join(" ");
+            return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+              "div",
+              {
+                className: slideClass,
+                role: "region",
+                "aria-label": `Testimonial ${i + 1} of ${items.length}`,
+                "aria-hidden": !isActive,
+                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "testimonial__card", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "testimonial__quotemark testimonial__quotemark--open", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: quote_left_default, alt: "", className: "testimonial__quotemark-img" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "testimonial__quote", children: item.quote }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "testimonial__author", children: [
+                    item.avatarUrl && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      "img",
+                      {
+                        src: item.avatarUrl,
+                        alt: item.authorName,
+                        className: "testimonial__author-avatar",
+                        loading: "lazy"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "testimonial__author-name", children: item.authorName }),
+                    item.authorLocation && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "testimonial__author-location", children: item.authorLocation })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "testimonial__quotemark testimonial__quotemark--close", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: quote_right_default, alt: "", className: "testimonial__quotemark-img" }) })
+                ] })
+              },
+              i
+            );
+          }) }),
+          items.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            "div",
+            {
+              className: "testimonial__dots",
+              role: "tablist",
+              "aria-label": "Testimonial navigation",
+              children: items.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                "button",
+                {
+                  role: "tab",
+                  "aria-selected": i === activeIndex,
+                  "aria-label": `Go to testimonial ${i + 1}`,
+                  className: [
+                    "testimonial__dot",
+                    i === activeIndex ? "testimonial__dot--active" : ""
+                  ].filter(Boolean).join(" "),
+                  onClick: () => {
+                    if (autoRef.current) clearTimeout(autoRef.current);
+                    goTo(i);
+                  }
+                },
+                i
+              ))
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AVATAR_DATA,
   Accordion,
+  AvatarGrid,
   BottomSheet,
   Breadcrumb,
   Button,
@@ -4737,14 +5274,17 @@ var Leaders = ({
   Footer,
   Header,
   Hero,
+  ImageBanner,
   Leaders,
   Link,
   LogoMarquee,
   Navbar,
   Pagination,
+  PeopleGrid,
   STEPS_DATA,
   SearchField,
   Stats,
+  StatsSimple,
   Steps,
   StickyMarketCards,
   StickyStackedCards,
@@ -4752,6 +5292,7 @@ var Leaders = ({
   Table,
   Tabs,
   Tag,
+  Testimonial,
   TextField,
   TextScroll,
   dayNightTransitionV2Preset