@deriv-web-design/ui 0.0.15 → 0.0.19

package/dist/index.js

@@ -36,11 +36,13 @@ __export(index_exports, {
   DownloadBadge: () => DownloadBadge,
   DownloadBanner: () => DownloadBanner,
   FEATURE_SCROLL_DATA: () => FEATURE_SCROLL_DATA,
+  FeatureBullets: () => FeatureBullets,
   FeatureCards: () => FeatureCards,
   FeatureCardsSecondary: () => FeatureCardsSecondary,
   FeatureScroll: () => FeatureScroll,
   Footer: () => Footer,
   Hero: () => Hero,
+  Leaders: () => Leaders,
   Link: () => Link,
   LogoMarquee: () => LogoMarquee,
   Navbar: () => Navbar,
@@ -49,10 +51,15 @@ __export(index_exports, {
   SearchField: () => SearchField,
   Stats: () => Stats,
   Steps: () => Steps,
+  StickyMarketCards: () => StickyMarketCards,
   StickyStackedCards: () => StickyStackedCards,
   TEXT_CONTENT: () => TEXT_CONTENT,
+  Table: () => Table,
+  Tabs: () => Tabs,
   Tag: () => Tag,
-  TextField: () => TextField
+  TextField: () => TextField,
+  TextScroll: () => TextScroll,
+  dayNightTransitionV2Preset: () => dayNightTransitionV2Preset
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -1046,8 +1053,46 @@ var Pagination = ({
   );
 };
 
-// templates/FeatureCards/FeatureCards.tsx
+// primitives/Tabs/Tabs.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
+var Tabs = ({
+  items,
+  activeId,
+  onChange,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      className: ["tabs-menu w-tab-menu", className].filter(Boolean).join(" "),
+      role: "tablist",
+      ...props,
+      children: items.map((item, i) => {
+        const isActive = item.id === activeId;
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          Chip,
+          {
+            label: item.label,
+            selected: isActive,
+            onClick: () => onChange(item.id),
+            className: isActive ? "tab-active" : "",
+            "data-w-tab": item.label,
+            id: `w-tabs-0-data-w-tab-${i}`,
+            "aria-controls": `w-tabs-0-data-w-pane-${i}`,
+            "aria-selected": isActive,
+            tabIndex: isActive ? 0 : -1,
+            role: "tab"
+          },
+          item.id
+        );
+      })
+    }
+  );
+};
+
+// templates/FeatureCards/FeatureCards.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var FeatureCards = ({
   sectionTitle,
   sectionDescription,
@@ -1057,11 +1102,11 @@ var FeatureCards = ({
   cardColorScheme = "image",
   cards
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("section", { className: "fc-section", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "fc-container", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "fc-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { className: "fc-sectionTitle", children: sectionTitle }),
-      sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "fc-sectionDescription", children: sectionDescription }),
-      showLink && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("section", { className: "fc-section", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc-container", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { className: "fc-sectionTitle", children: sectionTitle }),
+      sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "fc-sectionDescription", children: sectionDescription }),
+      showLink && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         Link,
         {
           colorScheme: "coral",
@@ -1070,7 +1115,7 @@ var FeatureCards = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "fc-grid", children: cards.map((card, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "fc-grid", children: cards.map((card, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       Card,
       {
         variant: "primary",
@@ -1089,8 +1134,135 @@ var FeatureCards = ({
 };
 
 // templates/FeatureCardsSecondary/FeatureCardsSecondary.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var externalLinkRel = (href) => href && /^https?:\/\//i.test(href) ? "noopener noreferrer" : void 0;
+var TwoCardsItem = ({ card, index }) => {
+  const isDark = card.colorScheme === "dark";
+  const showCardLink = card.showLink !== false;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-twoCardWrap", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    "div",
+    {
+      className: [
+        "fcs-twoCard",
+        isDark ? "fcs-twoCard--dark" : "fcs-twoCard--light"
+      ].join(" "),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-twoCard-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-twoCard-content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "fcs-twoCard-title", children: card.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "fcs-twoCard-description", children: card.description }),
+            showCardLink && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-twoCard-linkWrap", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              Link,
+              {
+                colorScheme: "coral",
+                href: card.linkHref,
+                label: card.linkText ?? "Learn more",
+                rel: externalLinkRel(card.linkHref),
+                onClick: card.onLinkClick
+              }
+            ) })
+          ] }),
+          card.platforms && card.platforms.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-twoCard-platformsOuter", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "fcs-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+              "a",
+              {
+                className: [
+                  "fcs-platformLink",
+                  isDark ? "fcs-platformLink--dark" : ""
+                ].filter(Boolean).join(" "),
+                href: platform.href,
+                rel: externalLinkRel(platform.href),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    "img",
+                    {
+                      alt: "",
+                      className: "fcs-platformLink-icon",
+                      height: 32,
+                      src: platform.iconSrc,
+                      width: 32
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "fcs-platformLink-label", children: platform.label })
+                ]
+              },
+              `${platform.label}-${i}`
+            )) })
+          ] })
+        ] }),
+        card.image && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-twoCard-imageSection", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          "img",
+          {
+            alt: card.imageAlt ?? "",
+            className: "fcs-twoCard-image",
+            decoding: "async",
+            loading: index === 0 ? "eager" : "lazy",
+            src: card.image
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+var OneCardPanel = ({ card }) => {
+  const showCardLink = card.showLink !== false;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-oneCardShell", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-oneCardGrid fcs-twoCard--dark", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-oneCardLeft", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-oneCardContentBlock", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "fcs-twoCard-title", children: card.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "fcs-twoCard-description", children: card.description }),
+        showCardLink && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-twoCard-linkWrap", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          Link,
+          {
+            colorScheme: "coral",
+            href: card.linkHref,
+            label: card.linkText ?? "Learn more",
+            rel: externalLinkRel(card.linkHref),
+            onClick: card.onLinkClick
+          }
+        ) })
+      ] }),
+      card.platforms && card.platforms.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-twoCard-platformsOuter", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "fcs-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          "a",
+          {
+            className: "fcs-platformLink fcs-platformLink--dark",
+            href: platform.href,
+            rel: externalLinkRel(platform.href),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                "img",
+                {
+                  alt: "",
+                  className: "fcs-platformLink-icon",
+                  height: 32,
+                  src: platform.iconSrc,
+                  width: 32
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "fcs-platformLink-label", children: platform.label })
+            ]
+          },
+          `${platform.label}-${i}`
+        )) })
+      ] })
+    ] }),
+    card.image && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-oneCardRight", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "img",
+      {
+        alt: card.imageAlt ?? "",
+        className: "fcs-oneCardImage",
+        decoding: "async",
+        loading: "eager",
+        src: card.image
+      }
+    ) })
+  ] }) });
+};
 var FeatureCardsSecondary = ({
+  variant = "default",
   sectionTitle,
   sectionDescription,
   showLink = false,
@@ -1098,20 +1270,37 @@ var FeatureCardsSecondary = ({
   onLinkClick,
   cards
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("section", { className: "fcs-section", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fcs-container", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fcs-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { className: "fcs-sectionTitle", children: sectionTitle }),
-      sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "fcs-sectionDescription", children: sectionDescription }),
-      showLink && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        Link,
+  const sectionHeader = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-header", children: [
+    sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { className: "fcs-sectionTitle", children: sectionTitle }),
+    sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "fcs-sectionDescription", children: sectionDescription }),
+    showLink && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
+  ] });
+  if (variant === "twoCards") {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { className: "fcs-section", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-container", children: [
+      sectionHeader,
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fcs-grid fcs-grid--twoCards", children: cards.map((card, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        TwoCardsItem,
         {
-          colorScheme: "coral",
-          label: linkText,
-          onClick: onLinkClick
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: `fcs-grid fcs-grid--${cards.length === 4 ? "4" : "3"}`, children: cards.map((card, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          card,
+          index
+        },
+        `${card.title}-${index}`
+      )) })
+    ] }) });
+  }
+  if (variant === "oneCard") {
+    const card = cards[0];
+    if (!card) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { className: "fcs-section", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-container", children: [
+      sectionHeader,
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(OneCardPanel, { card })
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { className: "fcs-section", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fcs-container", children: [
+    sectionHeader,
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: `fcs-grid fcs-grid--${cards.length === 4 ? "4" : "3"}`, children: cards.map((card, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       Card,
       {
         variant: "secondary",
@@ -1128,10 +1317,51 @@ var FeatureCardsSecondary = ({
   ] }) });
 };
 
+// templates/FeatureBullets/FeatureBullets.module.css
+var FeatureBullets_default = {};
+
+// templates/FeatureBullets/FeatureBullets.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var CheckIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", className: FeatureBullets_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M12 4.375C9.07031 4.375 6.41406 5.9375 4.92969 8.4375C3.48438 10.9766 3.48438 14.0625 4.92969 16.5625C6.41406 19.1016 9.07031 20.625 12 20.625C14.8906 20.625 17.5469 19.1016 19.0312 16.5625C20.4766 14.0625 20.4766 10.9766 19.0312 8.4375C17.5469 5.9375 14.8906 4.375 12 4.375ZM12 22.5C8.40625 22.5 5.125 20.625 3.32812 17.5C1.53125 14.4141 1.53125 10.625 3.32812 7.5C5.125 4.41406 8.40625 2.5 12 2.5C15.5547 2.5 18.8359 4.41406 20.6328 7.5C22.4297 10.625 22.4297 14.4141 20.6328 17.5C18.8359 20.625 15.5547 22.5 12 22.5ZM16.4141 10.6641L11.4141 15.6641C11.0234 16.0547 10.4375 16.0547 10.0859 15.6641L7.58594 13.1641C7.19531 12.8125 7.19531 12.2266 7.58594 11.875C7.9375 11.4844 8.52344 11.4844 8.91406 11.875L10.75 13.7109L15.0859 9.375C15.4375 8.98438 16.0234 8.98438 16.4141 9.375C16.7656 9.72656 16.7656 10.3125 16.4141 10.6641Z", fill: "currentColor" }) });
+var FeatureBullets = ({
+  title,
+  bullets,
+  image,
+  imageAlt = "",
+  imagePosition = "right"
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("section", { className: FeatureBullets_default.section, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: FeatureBullets_default.container, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    "div",
+    {
+      className: [
+        FeatureBullets_default.split,
+        imagePosition === "left" ? FeatureBullets_default["split--image-left"] : ""
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: FeatureBullets_default.content, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: FeatureBullets_default.title, children: title }),
+          bullets && bullets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: FeatureBullets_default.bulletList, children: bullets.map((bullet, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: FeatureBullets_default.bulletItem, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: FeatureBullets_default.iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CheckIcon2, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: FeatureBullets_default.bulletText, children: bullet })
+          ] }, i)) })
+        ] }),
+        image && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: FeatureBullets_default.imageWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          "img",
+          {
+            alt: imageAlt,
+            className: FeatureBullets_default.image,
+            src: image
+          }
+        ) })
+      ]
+    }
+  ) }) });
+};
+
 // components/Footer/Footer.tsx
 var import_react7 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var ExternalLinkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var ExternalLinkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   "svg",
   {
     width: "12",
@@ -1140,7 +1370,7 @@ var ExternalLinkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     fill: "none",
     "aria-hidden": "true",
     focusable: "false",
-    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "path",
       {
         d: "M2 2H10M10 2V10M10 2L2 10",
@@ -1152,7 +1382,7 @@ var ExternalLinkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     )
   }
 );
-var ChevronDownIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var ChevronDownIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   "svg",
   {
     width: "12",
@@ -1161,7 +1391,7 @@ var ChevronDownIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     fill: "none",
     "aria-hidden": "true",
     focusable: "false",
-    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "path",
       {
         d: "M2 4L6 8L10 4",
@@ -1178,9 +1408,9 @@ var DerivGoBadges = ({
   appStoreBadge,
   huaweiBadge,
   availabilityNote
-}) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "footer__app-badges", children: [
-    googlePlayBadge && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__app-badges", children: [
+    googlePlayBadge && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "a",
       {
         href: googlePlayBadge.href,
@@ -1188,10 +1418,10 @@ var DerivGoBadges = ({
         "aria-label": googlePlayBadge.imageAlt,
         target: "_blank",
         rel: "noopener noreferrer",
-        children: googlePlayBadge.icon ?? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("img", { src: googlePlayBadge.imageSrc, alt: googlePlayBadge.imageAlt })
+        children: googlePlayBadge.icon ?? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: googlePlayBadge.imageSrc, alt: googlePlayBadge.imageAlt })
       }
     ),
-    appStoreBadge && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    appStoreBadge && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "a",
       {
         href: appStoreBadge.href,
@@ -1199,10 +1429,10 @@ var DerivGoBadges = ({
         "aria-label": appStoreBadge.imageAlt,
         target: "_blank",
         rel: "noopener noreferrer",
-        children: appStoreBadge.icon ?? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("img", { src: appStoreBadge.imageSrc, alt: appStoreBadge.imageAlt })
+        children: appStoreBadge.icon ?? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: appStoreBadge.imageSrc, alt: appStoreBadge.imageAlt })
       }
     ),
-    huaweiBadge && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    huaweiBadge && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "a",
       {
         href: huaweiBadge.href,
@@ -1210,13 +1440,13 @@ var DerivGoBadges = ({
         "aria-label": huaweiBadge.imageAlt,
         target: "_blank",
         rel: "noopener noreferrer",
-        children: huaweiBadge.icon ?? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("img", { src: huaweiBadge.imageSrc, alt: huaweiBadge.imageAlt })
+        children: huaweiBadge.icon ?? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: huaweiBadge.imageSrc, alt: huaweiBadge.imageAlt })
       }
     )
   ] }),
-  availabilityNote && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "footer__app-note", children: availabilityNote })
+  availabilityNote && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "footer__app-note", children: availabilityNote })
 ] });
-var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
   "a",
   {
     href,
@@ -1225,7 +1455,7 @@ var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ (0, impo
     ...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : {},
     children: [
       label,
-      isExternal && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ExternalLinkIcon, {})
+      isExternal && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ExternalLinkIcon, {})
     ]
   }
 );
@@ -1257,14 +1487,14 @@ var Footer = ({
     });
   };
   const aiLabel = aiSummary?.label ?? "Ask AI for a summary of Deriv";
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "footer",
     {
       className: ["footer", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "footer__inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "footer__header", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "footer__logo-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__logo-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "img",
             {
               src: logoSrc,
@@ -1272,21 +1502,21 @@ var Footer = ({
               className: "footer__logo"
             }
           ) }),
-          aiSummary && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "footer__ai-bar footer__ai-bar--inline", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "footer__ai-bar-label", children: aiLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          aiSummary && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__ai-bar footer__ai-bar--inline", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "footer__ai-bar-label", children: aiLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "a",
               {
                 href: item.href,
                 "aria-label": item.imageAlt,
                 target: "_blank",
                 rel: "noopener noreferrer",
-                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
+                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
               },
               i
             )) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "footer__social footer__social--in-header", children: socialLinks.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__social footer__social--in-header", children: socialLinks.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "a",
             {
               href: link.href,
@@ -1299,27 +1529,27 @@ var Footer = ({
             i
           )) })
         ] }),
-        aiSummary && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "footer__ai-section", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "footer__ai-bar footer__ai-bar--block", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "footer__ai-bar-label", children: aiLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        aiSummary && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__ai-section", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__ai-bar footer__ai-bar--block", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "footer__ai-bar-label", children: aiLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "a",
             {
               href: item.href,
               "aria-label": item.imageAlt,
               target: "_blank",
               rel: "noopener noreferrer",
-              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
+              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
             },
             i
           )) })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "footer__nav footer__nav--columns", children: [
-          navColumns.map((column, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "footer__column", children: column.map((section, secIdx) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "footer__nav-section", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "footer__nav-title", children: section.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("ul", { className: "footer__nav-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(NavLink, { ...link }) }, linkIdx)) })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__nav footer__nav--columns", children: [
+          navColumns.map((column, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__column", children: column.map((section, secIdx) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__nav-section", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "footer__nav-title", children: section.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("ul", { className: "footer__nav-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(NavLink, { ...link }) }, linkIdx)) })
           ] }, secIdx)) }, colIdx)),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "footer__sidebar", children: [
-            investorsInPeopleSrc && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "footer__investors-card", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__sidebar", children: [
+            investorsInPeopleSrc && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__investors-card", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "img",
               {
                 src: investorsInPeopleSrc,
@@ -1327,9 +1557,9 @@ var Footer = ({
                 className: "footer__investors-img"
               }
             ) }),
-            derivGo && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "footer__deriv-go-card", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "footer__deriv-go-header", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            derivGo && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__deriv-go-card", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__deriv-go-header", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   "img",
                   {
                     src: derivGo.logoSrc,
@@ -1337,11 +1567,11 @@ var Footer = ({
                     className: "footer__deriv-go-logo"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." }),
-              (derivGo.qrCodeSrc || derivGo.qrCodeIcon) && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "footer__deriv-go-qr", children: [
-                derivGo.qrCodeIcon ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "footer__deriv-go-qr-icon", children: derivGo.qrCodeIcon }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." }),
+              (derivGo.qrCodeSrc || derivGo.qrCodeIcon) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__deriv-go-qr", children: [
+                derivGo.qrCodeIcon ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__deriv-go-qr-icon", children: derivGo.qrCodeIcon }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   "img",
                   {
                     src: derivGo.qrCodeSrc,
@@ -1349,9 +1579,9 @@ var Footer = ({
                     className: "footer__deriv-go-qr-img"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "footer__deriv-go-qr-label", children: derivGo.scanToDownloadLabel ?? "Scan to download" })
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "footer__deriv-go-qr-label", children: derivGo.scanToDownloadLabel ?? "Scan to download" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 DerivGoBadges,
                 {
                   googlePlayBadge: derivGo.googlePlayBadge,
@@ -1363,9 +1593,9 @@ var Footer = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "footer__nav footer__nav--accordion", children: allSections.map((section, idx) => {
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__nav footer__nav--accordion", children: allSections.map((section, idx) => {
           const isOpen = openSections.has(idx);
-          return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
             "div",
             {
               className: [
@@ -1373,7 +1603,7 @@ var Footer = ({
                 isOpen && "footer__accordion-item--open"
               ].filter(Boolean).join(" "),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -1381,18 +1611,18 @@ var Footer = ({
                     onClick: () => toggleSection(idx),
                     "aria-expanded": isOpen,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "footer__accordion-label", children: section.title }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "footer__accordion-chevron", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChevronDownIcon2, {}) })
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "footer__accordion-label", children: section.title }),
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "footer__accordion-chevron", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronDownIcon2, {}) })
                     ]
                   }
                 ),
-                isOpen && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("ul", { className: "footer__accordion-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(NavLink, { ...link }) }, linkIdx)) })
+                isOpen && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("ul", { className: "footer__accordion-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(NavLink, { ...link }) }, linkIdx)) })
               ]
             },
             idx
           );
         }) }),
-        socialLinks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "footer__social footer__social--standalone", children: socialLinks.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        socialLinks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__social footer__social--standalone", children: socialLinks.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "a",
           {
             href: link.href,
@@ -1404,10 +1634,10 @@ var Footer = ({
           },
           i
         )) }),
-        derivGo && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "footer__deriv-go-banner", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "footer__deriv-go-banner-info", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "footer__deriv-go-header", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        derivGo && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__deriv-go-banner", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__deriv-go-banner-info", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__deriv-go-header", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 "img",
                 {
                   src: derivGo.logoSrc,
@@ -1415,11 +1645,11 @@ var Footer = ({
                   className: "footer__deriv-go-logo"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." })
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "footer__deriv-go-banner-badges", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__deriv-go-banner-badges", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             DerivGoBadges,
             {
               googlePlayBadge: derivGo.googlePlayBadge,
@@ -1429,11 +1659,11 @@ var Footer = ({
             }
           ) })
         ] }),
-        (licenseText || riskWarningText) && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "footer__legal-block", children: [
-          licenseText && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "footer__license", children: licenseText }),
-          riskWarningText && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "footer__risk-warning", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "footer__risk-warning-text", children: riskWarningText }) })
+        (licenseText || riskWarningText) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "footer__legal-block", children: [
+          licenseText && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__license", children: licenseText }),
+          riskWarningText && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__risk-warning", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "footer__risk-warning-text", children: riskWarningText }) })
         ] }),
-        investorsInPeopleSrc && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "footer__investors-stacked", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        investorsInPeopleSrc && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "footer__investors-stacked", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "img",
           {
             src: investorsInPeopleSrc,
@@ -1448,12 +1678,12 @@ var Footer = ({
 
 // templates/Hero/Hero.tsx
 var import_react8 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var Visual = ({
   src,
   className,
   alt = ""
-}) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className, children: typeof src === "string" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src, alt }) : src });
+}) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className, children: typeof src === "string" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { src, alt }) : src });
 var Hero = ({
   variant,
   subtitle,
@@ -1504,13 +1734,13 @@ var Hero = ({
     onScroll();
     return () => scrollEl.removeEventListener("scroll", onScroll);
   }, [variant]);
-  const textBlock = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "hero__text", children: [
-    subtitle && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hero__subtitle", children: subtitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "hero__title", children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hero__description", children: description })
+  const textBlock = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__text", children: [
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__subtitle", children: subtitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { className: "hero__title", children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__description", children: description })
   ] });
-  const buttonBlock = (primaryButton || secondaryButton) && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "hero__buttons", children: [
-    primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  const buttonBlock = (primaryButton || secondaryButton) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__buttons", children: [
+    primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       Button,
       {
         colorScheme: "coral",
@@ -1518,7 +1748,7 @@ var Hero = ({
         label: primaryButton.label,
         onClick: primaryButton.onClick
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       Button,
       {
         colorScheme: "coral",
@@ -1527,7 +1757,7 @@ var Hero = ({
         onClick: primaryButton.onClick
       }
     )),
-    secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       Button,
       {
         colorScheme: "white",
@@ -1535,7 +1765,7 @@ var Hero = ({
         label: secondaryButton.label,
         onClick: secondaryButton.onClick
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       Button,
       {
         colorScheme: "white",
@@ -1546,15 +1776,15 @@ var Hero = ({
     ))
   ] });
   if (variant === "split") {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       "section",
       {
         className: ["hero", variantClass, className].filter(Boolean).join(" "),
         style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
-          heroImage && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
+          heroImage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             Visual,
             {
               src: heroImage,
@@ -1562,14 +1792,14 @@ var Hero = ({
               alt: ""
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "hero__content", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "hero__left", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "hero__body", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "hero__text", children: [
-              subtitle && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hero__subtitle", children: subtitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "hero__title", children: title }),
-              description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hero__description", children: description })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__content", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__left", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__body", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__text", children: [
+              subtitle && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__subtitle", children: subtitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { className: "hero__title", children: title }),
+              description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__description", children: description })
             ] }),
-            (primaryButton || secondaryButton) && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "hero__buttons", children: [
-              primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            (primaryButton || secondaryButton) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__buttons", children: [
+              primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 Button,
                 {
                   colorScheme: "coral",
@@ -1577,7 +1807,7 @@ var Hero = ({
                   label: primaryButton.label,
                   onClick: primaryButton.onClick
                 }
-              ) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 Button,
                 {
                   colorScheme: "coral",
@@ -1586,7 +1816,7 @@ var Hero = ({
                   onClick: primaryButton.onClick
                 }
               )),
-              secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 Button,
                 {
                   colorScheme: "white",
@@ -1594,7 +1824,7 @@ var Hero = ({
                   label: secondaryButton.label,
                   onClick: secondaryButton.onClick
                 }
-              ) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 Button,
                 {
                   colorScheme: "white",
@@ -1610,22 +1840,22 @@ var Hero = ({
     );
   }
   if (variant === "centered") {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       "section",
       {
         className: ["hero", variantClass, className].filter(Boolean).join(" "),
         style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "hero__content", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "hero__text", children: [
-              subtitle && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hero__subtitle", children: subtitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "hero__title", children: title }),
-              description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hero__description", children: description })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__text", children: [
+              subtitle && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__subtitle", children: subtitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { className: "hero__title", children: title }),
+              description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__description", children: description })
             ] }),
-            (primaryButton || secondaryButton) && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "hero__buttons", children: [
-              primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            (primaryButton || secondaryButton) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__buttons", children: [
+              primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 Button,
                 {
                   colorScheme: "coral",
@@ -1633,7 +1863,7 @@ var Hero = ({
                   label: primaryButton.label,
                   onClick: primaryButton.onClick
                 }
-              ) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 Button,
                 {
                   colorScheme: "coral",
@@ -1642,7 +1872,7 @@ var Hero = ({
                   onClick: primaryButton.onClick
                 }
               )),
-              secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 Button,
                 {
                   colorScheme: "white",
@@ -1650,7 +1880,7 @@ var Hero = ({
                   label: secondaryButton.label,
                   onClick: secondaryButton.onClick
                 }
-              ) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 Button,
                 {
                   colorScheme: "white",
@@ -1666,22 +1896,22 @@ var Hero = ({
     );
   }
   if (variant === "showcase") {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       "section",
       {
         className: ["hero", variantClass, className].filter(Boolean).join(" "),
         style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "hero__content", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "hero__text", children: [
-              subtitle && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hero__subtitle", children: subtitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "hero__title", children: title }),
-              description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hero__description", children: description })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__text", children: [
+              subtitle && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__subtitle", children: subtitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { className: "hero__title", children: title }),
+              description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hero__description", children: description })
             ] }),
-            (primaryButton || secondaryButton) && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "hero__buttons", children: [
-              primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            (primaryButton || secondaryButton) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__buttons", children: [
+              primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 Button,
                 {
                   colorScheme: "coral",
@@ -1689,7 +1919,7 @@ var Hero = ({
                   label: primaryButton.label,
                   onClick: primaryButton.onClick
                 }
-              ) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 Button,
                 {
                   colorScheme: "coral",
@@ -1698,7 +1928,7 @@ var Hero = ({
                   onClick: primaryButton.onClick
                 }
               )),
-              secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 Button,
                 {
                   colorScheme: "white",
@@ -1706,7 +1936,7 @@ var Hero = ({
                   label: secondaryButton.label,
                   onClick: secondaryButton.onClick
                 }
-              ) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 Button,
                 {
                   colorScheme: "white",
@@ -1716,7 +1946,7 @@ var Hero = ({
                 }
               ))
             ] }),
-            productImage && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            productImage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               Visual,
               {
                 src: productImage,
@@ -1724,7 +1954,7 @@ var Hero = ({
                 alt: ""
               }
             ),
-            floatingImage && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            floatingImage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               Visual,
               {
                 src: floatingImage,
@@ -1737,18 +1967,18 @@ var Hero = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "section",
     {
       ref: sectionRef,
       className: ["hero", variantClass, className].filter(Boolean).join(" "),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "hero__grid", "aria-hidden": "true" }),
-        variant === "visuals" && leftVisual && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref: leftRef, className: "hero__visual hero__visual--left", children: typeof leftVisual === "string" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: leftVisual, alt: "" }) : leftVisual }),
-        variant === "visuals" && rightVisual && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref: rightRef, className: "hero__visual hero__visual--right", children: typeof rightVisual === "string" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: rightVisual, alt: "" }) : rightVisual }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "hero__content", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "hero__body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__grid", "aria-hidden": "true" }),
+        variant === "visuals" && leftVisual && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { ref: leftRef, className: "hero__visual hero__visual--left", children: typeof leftVisual === "string" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { src: leftVisual, alt: "" }) : leftVisual }),
+        variant === "visuals" && rightVisual && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { ref: rightRef, className: "hero__visual hero__visual--right", children: typeof rightVisual === "string" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { src: rightVisual, alt: "" }) : rightVisual }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hero__content", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "hero__body", children: [
           textBlock,
           buttonBlock
         ] }) }) })
@@ -1759,9 +1989,12 @@ var Hero = ({
 
 // templates/Stats/Stats.tsx
 var import_react9 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime22 = 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;
@@ -1783,7 +2016,7 @@ function getStatStyle(rel) {
     transition: TRANSITION
   };
 }
-var AwardBadge = ({ imageSrc, imageAlt = "" }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "stats__award", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: imageSrc, alt: imageAlt, className: "stats__award-image" }) });
+var AwardBadge = ({ imageSrc, imageAlt = "" }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "stats__award", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { src: imageSrc, alt: imageAlt, className: "stats__award-image" }) });
 var Stats = ({
   title,
   description,
@@ -1795,6 +2028,10 @@ var Stats = ({
 }) => {
   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 hasAwards = leftAwards.length > 0 || rightAwards.length > 0;
   const allAwards = [...leftAwards, ...rightAwards];
   const total = stats.length;
@@ -1807,25 +2044,55 @@ var Stats = ({
       if (intervalRef.current) clearInterval(intervalRef.current);
     };
   }, [total]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  (0, import_react9.useEffect)(() => {
+    const applyParallax = () => {
+      const section = sectionRef.current;
+      if (!section || window.innerWidth < PARALLAX_BP) {
+        if (leftColRef.current) leftColRef.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 onScroll = () => {
+      if (rafRef.current) cancelAnimationFrame(rafRef.current);
+      rafRef.current = requestAnimationFrame(applyParallax);
+    };
+    applyParallax();
+    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);
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "section",
     {
+      ref: sectionRef,
       className: ["stats", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "stats__inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "stats__header", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h2", { className: "stats__title", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "stats__description", children: description })
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "stats__inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "stats__header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { className: "stats__title", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "stats__description", children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "stats__content", children: [
-          leftAwards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "stats__awards-col stats__awards-col--left", children: leftAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AwardBadge, { ...award }, i)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "stats__card", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "stats__card-track", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "stats__fade stats__fade--top", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "stats__fade stats__fade--bottom", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "stats__content", children: [
+          leftAwards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { ref: leftColRef, className: "stats__awards-col stats__awards-col--left", children: leftAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(AwardBadge, { ...award }, i)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "stats__card", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "stats__card-track", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "stats__fade stats__fade--top", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.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;
-              return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
                 "div",
                 {
                   className: [
@@ -1835,16 +2102,16 @@ var Stats = ({
                   style: getStatStyle(rel),
                   "aria-hidden": !active,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "stats__stat-value", children: stat.value }),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "stats__stat-label", children: stat.label })
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "stats__stat-value", children: stat.value }),
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "stats__stat-label", children: stat.label })
                   ]
                 },
                 i
               );
             })
           ] }) }),
-          rightAwards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "stats__awards-col stats__awards-col--right", children: rightAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AwardBadge, { ...award }, i)) }),
-          hasAwards && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "stats__awards-mobile", children: allAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AwardBadge, { ...award }, i)) })
+          rightAwards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { ref: rightColRef, className: "stats__awards-col stats__awards-col--right", children: rightAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(AwardBadge, { ...award }, i)) }),
+          hasAwards && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "stats__awards-mobile", children: allAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(AwardBadge, { ...award }, i)) })
         ] })
       ] })
     }
@@ -1857,7 +2124,7 @@ var import_react11 = require("react");
 // components/DotLottieInView/DotLottieInView.tsx
 var import_react10 = require("react");
 var import_dotlottie_react = require("@lottiefiles/dotlottie-react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function DotLottieInView({
   enabled = true,
   rootMargin = "0px",
@@ -1890,7 +2157,7 @@ function DotLottieInView({
     dotLottie.stop();
     dotLottie.play();
   }, [dotLottie, enabled, inView]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       ref: wrapRef,
@@ -1905,7 +2172,7 @@ function DotLottieInView({
         backgroundColor: "transparent",
         ...style
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         import_dotlottie_react.DotLottieReact,
         {
           ...dotProps,
@@ -1919,7 +2186,7 @@ function DotLottieInView({
 }
 
 // templates/FeatureScroll/FeatureScroll.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var FEATURE_SCROLL_DATA = [
   {
     title: "Forex",
@@ -1964,7 +2231,7 @@ var FEATURE_SCROLL_DATA = [
     mediaUrl: "https://cdn.prod.website-files.com/66fbaad381fa6866fa4991f3/675a9064f2c16e4e0732abfb_Stock%20Indices.lottie"
   }
 ];
-var ChevronRight2 = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var ChevronRight2 = () => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   "svg",
   {
     className: "fs__item-link-icon",
@@ -1973,7 +2240,7 @@ var ChevronRight2 = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     viewBox: "0 0 16 16",
     fill: "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "path",
       {
         d: "M6 3l5 5-5 5",
@@ -1991,7 +2258,7 @@ function resolveMediaType(item) {
 }
 var MediaRenderer = ({ item, active }) => {
   if (resolveMediaType(item) === "lottie") {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       DotLottieInView,
       {
         src: item.mediaUrl,
@@ -1999,7 +2266,7 @@ var MediaRenderer = ({ item, active }) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "img",
     {
       src: item.mediaUrl,
@@ -2070,24 +2337,24 @@ var FeatureScroll = ({
     className
   ].filter(Boolean).join(" ");
   if (items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("section", { className: rootClass, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "fs__inner", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { className: "fs__header", children: header }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("section", { className: rootClass, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fs__inner", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "fs__header", children: header }) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("section", { className: rootClass, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "fs__inner", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { className: "fs__header", children: header }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "fs__layout", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "fs__media-col", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("section", { className: rootClass, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fs__inner", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "fs__header", children: header }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fs__layout", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fs__media-col", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "div",
         {
           ref: mediaColRef,
           className: "fs__media-sticky",
-          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "fs__media-wrap", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fs__media-wrap", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "div",
             {
               className: [
                 "fs__media-item",
                 i === activeIndex ? "fs__media-item--active" : ""
               ].filter(Boolean).join(" "),
-              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                 MediaRenderer,
                 {
                   item,
@@ -2099,12 +2366,12 @@ var FeatureScroll = ({
           )) })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "fs__content-col", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fs__content-col", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
         "div",
         {
           className: "fs__item",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               "h3",
               {
                 ref: (el) => {
@@ -2114,15 +2381,15 @@ var FeatureScroll = ({
                 children: item.title
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "fs__item-desc", children: item.description }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "fs__item-desc", children: item.description }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
               "a",
               {
                 href: item.link,
                 className: "fs__item-link",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: item.linkLabel }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChevronRight2, {})
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: item.linkLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChevronRight2, {})
                 ]
               }
             )
@@ -2131,18 +2398,18 @@ var FeatureScroll = ({
         i
       )) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "fs__mobile-list", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "fs__mobile-item", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h3", { className: "fs__item-title", children: item.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "fs__mobile-media", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(MediaRenderer, { item, active: true }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "fs__item-desc", children: item.description }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fs__mobile-list", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fs__mobile-item", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "fs__item-title", children: item.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fs__mobile-media", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MediaRenderer, { item, active: true }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "fs__item-desc", children: item.description }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
         "a",
         {
           href: item.link,
           className: "fs__item-link",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: item.linkLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChevronRight2, {})
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: item.linkLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChevronRight2, {})
           ]
         }
       )
@@ -2152,7 +2419,7 @@ var FeatureScroll = ({
 
 // templates/StickyStackedCards/StickyStackedCards.tsx
 var import_react12 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var PLACEHOLDER_IMAGE = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
 var STEPS_DATA = [
   {
@@ -2216,14 +2483,14 @@ var StickyStackedCards = ({
       cancelAnimationFrame(rafId);
     };
   }, [items.length]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "section",
     {
       className: ["ssc", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "ssc__inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h2", { className: "ssc__header", children: header }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "ssc__track", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "ssc__inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: "ssc__header", children: header }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "ssc__track", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
           "div",
           {
             ref: (el) => {
@@ -2249,11 +2516,11 @@ var StickyStackedCards = ({
               top: `calc(var(--ssc-sticky-top) + ${i} * var(--ssc-peek-offset))`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "ssc__card-content", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h3", { className: "ssc__card-title", children: item.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "ssc__card-desc", children: item.description })
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "ssc__card-content", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h3", { className: "ssc__card-title", children: item.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "ssc__card-desc", children: item.description })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "ssc__card-image", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "ssc__card-image", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 "img",
                 {
                   src: item.imageUrl,
@@ -2273,7 +2540,7 @@ var StickyStackedCards = ({
 // templates/CTABanner/CTABanner.tsx
 var import_react13 = require("react");
 var import_framer_motion = require("framer-motion");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var ENTRANCE = {
   near: 80,
   mid: 130,
@@ -2537,14 +2804,14 @@ var CTABanner = ({
   const compactXValues = useCompactAvatarXValues(smooth);
   const avatarYValues = variant === "compact" ? compactYValues : standardYValues;
   const avatarXValues = variant === "compact" ? compactXValues : standardXValues;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "section",
     {
       ref: sectionRef,
       className: ["ctab", variant === "compact" ? "ctab--compact" : "", className].filter(Boolean).join(" "),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           import_framer_motion.motion.div,
           {
             className: "ctab__grid",
@@ -2552,7 +2819,7 @@ var CTABanner = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "ctab__inner", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "ctab__stage", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "ctab__inner", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "ctab__stage", children: [
           resolvedAvatars.map((avatar, index) => {
             const posStyle = {};
             if (avatar.desktopPos.left) posStyle["--av-d-left"] = avatar.desktopPos.left;
@@ -2561,7 +2828,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_runtime24.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               import_framer_motion.motion.div,
               {
                 className: [
@@ -2575,7 +2842,7 @@ var CTABanner = ({
                   opacity: avatarOpacity,
                   filter: avatarFilter
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   "img",
                   {
                     src: avatar.imageUrl,
@@ -2588,14 +2855,14 @@ var CTABanner = ({
               avatar.id
             );
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
             import_framer_motion.motion.div,
             {
               className: "ctab__hero",
               style: { y: heroY, opacity: heroOpacity },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "ctab__headline", children: headline }),
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { colorScheme: "black", variant: "primary", label: ctaLabel }) })
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "ctab__headline", children: headline }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { colorScheme: "black", variant: "primary", label: ctaLabel }) })
               ]
             }
           )
@@ -2613,7 +2880,7 @@ var import_framer_motion2 = require("framer-motion");
 var icon_globe_default = "./icon-globe-S54WYYEK.svg";
 
 // components/Navbar/Navbar.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var EASE_OUT_EXPO = [0.16, 1, 0.3, 1];
 var dropdownVariants = {
   hidden: { opacity: 0, scale: 0.96, y: -8 },
@@ -2627,7 +2894,7 @@ var accordionVariants = {
   hidden: { height: 0, opacity: 0 },
   visible: { height: "auto", opacity: 1 }
 };
-var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "svg",
   {
     className,
@@ -2636,7 +2903,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime
     viewBox: "0 0 14 14",
     fill: "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "path",
       {
         d: "M2.625 4.8125L7 9.1875L11.375 4.8125",
@@ -2648,7 +2915,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime
     )
   }
 );
-var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "path",
   {
     d: "M2.625 7H11.375M11.375 7L7.875 3.5M11.375 7L7.875 10.5",
@@ -2658,7 +2925,7 @@ var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg",
     strokeLinejoin: "round"
   }
 ) });
-var ArrowUpRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var ArrowUpRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "path",
   {
     d: "M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5",
@@ -2668,7 +2935,7 @@ var ArrowUpRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg"
     strokeLinejoin: "round"
   }
 ) });
-var BarsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var BarsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "path",
   {
     d: "M2.5 5H17.5M2.5 10H17.5M2.5 15H17.5",
@@ -2677,7 +2944,7 @@ var BarsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { widt
     strokeLinecap: "round"
   }
 ) });
-var XMarkIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var XMarkIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "path",
   {
     d: "M15 5L5 15M5 5L15 15",
@@ -2686,7 +2953,7 @@ var XMarkIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { wi
     strokeLinecap: "round"
   }
 ) });
-var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "svg",
   {
     className,
@@ -2695,7 +2962,7 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime2
     viewBox: "0 0 24 24",
     fill: "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "path",
       {
         d: "M15 18L9 12L15 6",
@@ -2707,11 +2974,11 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime2
     )
   }
 );
-var GlobeIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: icon_globe_default, alt: "", "aria-hidden": "true", width: "20", height: "20", className });
+var GlobeIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_framer_motion2.motion.div,
     {
       className: "navbar__dropdown",
@@ -2722,10 +2989,10 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
       transition: { duration: 0.18, ease: EASE_OUT_EXPO },
       onMouseEnter,
       onMouseLeave,
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "navbar__dropdown-inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "navbar__dropdown-left", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "navbar__dropdown-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "navbar__dropdown-col-list", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "navbar__dropdown-col-title", children: section.title }),
-          section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__dropdown-inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__dropdown-left", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__dropdown-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__dropdown-col-list", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "navbar__dropdown-col-title", children: section.title }),
+          section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
             "a",
             {
               href: link.href,
@@ -2734,24 +3001,24 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
               rel: link.external ? "noopener noreferrer" : void 0,
               children: [
                 link.label,
-                link.external ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArrowUpRightIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArrowRightIcon, {})
+                link.external ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowUpRightIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowRightIcon, {})
               ]
             },
             link.href
           ))
         ] }, section.title)) }, colIdx)) }),
-        dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "navbar__dropdown-right", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(FeatureCard, { feature: dropdown.feature }) })
+        dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__dropdown-right", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FeatureCard, { feature: dropdown.feature }) })
       ] })
     }
   );
 };
-var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime25.jsx)(
+      feature.backgroundImageUrl && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "img",
         {
           src: feature.backgroundImageUrl,
@@ -2760,20 +3027,20 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtim
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: mobile ? "navbar__drawer-feature-overlay" : "navbar__dropdown-feature-overlay", "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: mobile ? "navbar__drawer-feature-content" : "navbar__dropdown-feature-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: mobile ? "navbar__drawer-feature-title" : "navbar__dropdown-feature-title", children: feature.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: mobile ? "navbar__drawer-feature-desc" : "navbar__dropdown-feature-desc", children: feature.description })
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: mobile ? "navbar__drawer-feature-overlay" : "navbar__dropdown-feature-overlay", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: mobile ? "navbar__drawer-feature-content" : "navbar__dropdown-feature-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: mobile ? "navbar__drawer-feature-title" : "navbar__dropdown-feature-title", children: feature.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: mobile ? "navbar__drawer-feature-desc" : "navbar__dropdown-feature-desc", children: feature.description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
           "a",
           {
             href: feature.ctaHref,
             className: mobile ? "navbar__drawer-feature-cta" : "navbar__dropdown-feature-cta",
             children: [
               feature.ctaLabel,
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArrowRightIcon, {})
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowRightIcon, {})
             ]
           }
         )
@@ -2783,8 +3050,8 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtim
 );
 var DrawerAccordion = ({ item, isOpen, onToggle }) => {
   const { dropdown } = item;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "navbar__drawer-item", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__drawer-item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "button",
       {
         className: `navbar__drawer-trigger ${isOpen ? "navbar__drawer-trigger--open" : ""}`,
@@ -2792,11 +3059,11 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
         "aria-expanded": isOpen,
         children: [
           item.label,
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChevronDownIcon3, { className: "navbar__drawer-trigger__chevron" })
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronDownIcon3, { className: "navbar__drawer-trigger__chevron" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_framer_motion2.AnimatePresence, { initial: false, children: isOpen && dropdown && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_framer_motion2.AnimatePresence, { initial: false, children: isOpen && dropdown && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       import_framer_motion2.motion.div,
       {
         className: "navbar__drawer-panel",
@@ -2805,10 +3072,10 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
         animate: "visible",
         exit: "hidden",
         transition: { duration: 0.22, ease: EASE_OUT_EXPO },
-        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "navbar__drawer-panel-inner", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "navbar__drawer-panel-cols", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "navbar__drawer-panel-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "navbar__drawer-col-section", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "navbar__drawer-col-title", children: section.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "navbar__drawer-col-links", children: section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__drawer-panel-inner", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__drawer-panel-cols", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__drawer-panel-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__drawer-col-section", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "navbar__drawer-col-title", children: section.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__drawer-col-links", children: section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               "a",
               {
                 href: link.href,
@@ -2820,7 +3087,7 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
               link.href
             )) })
           ] }, section.title)) }, colIdx)) }),
-          dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(FeatureCard, { feature: dropdown.feature, mobile: true })
+          dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FeatureCard, { feature: dropdown.feature, mobile: true })
         ] })
       }
     ) })
@@ -2925,20 +3192,20 @@ var Navbar = ({
     hoverTimeoutRef.current = setTimeout(() => setOpenDropdown(null), 120);
   }, [clearHoverTimeout]);
   const activeDropdownItem = navItems.find((item) => item.label === openDropdown);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "nav",
     {
       className: ["navbar", `navbar--${theme}`, scrolled && "navbar--scrolled", mobileOpen && "navbar--menu-open", className].filter(Boolean).join(" "),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "navbar__bar", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: logoHref, className: "navbar__logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: resolvedLogo, alt: "Logo" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "navbar__nav-center", ref: pillAreaRef, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "navbar__pill", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: logoHref, className: "navbar__pill-logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: logoSrcDark ?? logoSrc, alt: "Logo" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "navbar__nav-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__bar", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: logoHref, className: "navbar__logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { src: resolvedLogo, alt: "Logo" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__nav-center", ref: pillAreaRef, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__pill", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: logoHref, className: "navbar__pill-logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { src: logoSrcDark ?? logoSrc, alt: "Logo" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__nav-group", children: [
               navItems.map((item) => {
                 if (item.external) {
-                  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                     "a",
                     {
                       href: item.href,
@@ -2947,14 +3214,14 @@ var Navbar = ({
                       rel: "noopener noreferrer",
                       children: [
                         item.label,
-                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArrowUpRightIcon, {})
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowUpRightIcon, {})
                       ]
                     },
                     item.label
                   );
                 }
                 if (item.dropdown) {
-                  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                     "button",
                     {
                       className: [
@@ -2967,30 +3234,34 @@ var Navbar = ({
                       "aria-haspopup": "true",
                       children: [
                         item.label,
-                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChevronDownIcon3, { className: "navbar__nav-item__chevron" })
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronDownIcon3, { className: "navbar__nav-item__chevron" })
                       ]
                     },
                     item.label
                   );
                 }
-                return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: item.href, className: "navbar__nav-item", children: item.label }, item.label);
+                return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: item.href, className: "navbar__nav-item", children: item.label }, item.label);
               }),
-              languageLabel && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              languageLabel && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 "div",
                 {
                   className: "navbar__lang-wrapper",
                   onMouseEnter: hasLangDropdown ? handleLangEnter : void 0,
                   onMouseLeave: hasLangDropdown ? handleLangLeave : void 0,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                     "button",
                     {
                       ref: langBtnRef,
-                      className: "navbar__nav-item navbar__lang-btn",
+                      className: [
+                        "navbar__nav-item",
+                        "navbar__lang-btn",
+                        hasLangDropdown && langDropdownOpen ? "navbar__nav-item--open" : ""
+                      ].filter(Boolean).join(" "),
                       onClick: hasLangDropdown ? () => setLangDropdownOpen((o) => !o) : onLanguageClick,
                       "aria-haspopup": hasLangDropdown ? "true" : void 0,
                       "aria-expanded": hasLangDropdown ? langDropdownOpen : void 0,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
                         languageLabel
                       ]
                     }
@@ -2998,12 +3269,12 @@ var Navbar = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "navbar__pill-actions", children: [
-              loginHref && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { colorScheme: "black", variant: "secondary", label: loginLabel }) }),
-              ctaHref && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__pill-actions", children: [
+              loginHref && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { colorScheme: "black", variant: "secondary", label: loginLabel }) }),
+              ctaHref && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_framer_motion2.AnimatePresence, { children: openDropdown && activeDropdownItem?.dropdown && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_framer_motion2.AnimatePresence, { children: openDropdown && activeDropdownItem?.dropdown && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             DropdownPanel,
             {
               item: activeDropdownItem,
@@ -3012,7 +3283,7 @@ var Navbar = ({
             },
             "dropdown"
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && langDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && langDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             import_framer_motion2.motion.div,
             {
               className: "navbar__lang-dropdown",
@@ -3023,12 +3294,12 @@ var Navbar = ({
               transition: { duration: 0.18, ease: EASE_OUT_EXPO },
               onMouseEnter: clearLangHoverTimeout,
               onMouseLeave: handleLangLeave,
-              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 "div",
                 {
                   className: "navbar__lang-dropdown-grid",
                   style: { "--lang-rows": Math.ceil(languageItems.length / 3) },
-                  children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                  children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                     "button",
                     {
                       className: [
@@ -3044,8 +3315,8 @@ var Navbar = ({
               )
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "navbar__actions", children: [
-            loginHref && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: loginHref, className: "navbar__actions-login", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__actions", children: [
+            loginHref && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: loginHref, className: "navbar__actions-login", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               Button,
               {
                 colorScheme: theme === "dark" ? "white" : "black",
@@ -3053,10 +3324,10 @@ var Navbar = ({
                 label: loginLabel
               }
             ) }),
-            ctaHref && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
+            ctaHref && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "navbar__mobile-actions", children: [
-            loginHref && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__mobile-actions", children: [
+            loginHref && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               Button,
               {
                 colorScheme: scrolled || theme === "light" ? "black" : "white",
@@ -3064,18 +3335,18 @@ var Navbar = ({
                 label: loginLabel
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime25.jsx)(XMarkIcon2, {}) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(BarsIcon, {})
+                children: mobileOpen ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(XMarkIcon2, {}) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(BarsIcon, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "navbar__drawer-clip", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_framer_motion2.AnimatePresence, { children: mobileOpen && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__drawer-clip", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_framer_motion2.AnimatePresence, { children: mobileOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
           import_framer_motion2.motion.div,
           {
             className: "navbar__drawer",
@@ -3088,10 +3359,10 @@ var Navbar = ({
             role: "dialog",
             "aria-label": "Navigation menu",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("nav", { className: "navbar__drawer-nav", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("nav", { className: "navbar__drawer-nav", children: [
                 navItems.map((item) => {
                   if (item.dropdown) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                       DrawerAccordion,
                       {
                         item,
@@ -3103,7 +3374,7 @@ var Navbar = ({
                       item.label
                     );
                   }
-                  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                     "a",
                     {
                       href: item.href,
@@ -3112,30 +3383,30 @@ var Navbar = ({
                       rel: item.external ? "noopener noreferrer" : void 0,
                       children: [
                         item.label,
-                        item.external && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArrowUpRightIcon, {})
+                        item.external && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowUpRightIcon, {})
                       ]
                     },
                     item.label
                   );
                 }),
-                languageLabel && !hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("button", { className: "navbar__drawer-lang", onClick: onLanguageClick, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
+                languageLabel && !hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("button", { className: "navbar__drawer-lang", onClick: onLanguageClick, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
                   languageLabel
                 ] }),
-                languageLabel && hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+                languageLabel && hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                   "button",
                   {
                     className: "navbar__drawer-lang",
                     onClick: () => setMobileLangOpen(true),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
                       languageLabel
                     ]
                   }
                 )
               ] }),
-              !mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "navbar__drawer-footer", children: [
-                loginHref && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: loginHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              !mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "navbar__drawer-footer", children: [
+                loginHref && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: loginHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   Button,
                   {
                     colorScheme: "black",
@@ -3144,7 +3415,7 @@ var Navbar = ({
                     fullWidth: true
                   }
                 ) }),
-                ctaHref && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: ctaHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                ctaHref && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: ctaHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   Button,
                   {
                     colorScheme: "coral",
@@ -3154,7 +3425,7 @@ var Navbar = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                 import_framer_motion2.motion.div,
                 {
                   className: "navbar__drawer-lang-panel",
@@ -3163,16 +3434,16 @@ var Navbar = ({
                   exit: { y: "100%" },
                   transition: { duration: 0.25, ease: EASE_OUT_EXPO },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                       "button",
                       {
                         className: "navbar__drawer-lang-back",
                         onClick: () => setMobileLangOpen(false),
                         "aria-label": "Back to menu",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChevronLeftIcon, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronLeftIcon, {})
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "navbar__drawer-lang-grid", children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "navbar__drawer-lang-grid", children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                       "button",
                       {
                         className: [
@@ -3198,14 +3469,96 @@ var Navbar = ({
 // templates/DayNightTransition/DayNightTransition.tsx
 var import_react15 = require("react");
 var import_framer_motion3 = require("framer-motion");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+
+// templates/DayNightTransition/webflowDayNightV2Ix.ts
+var DESC_SWATCH = { r: 24, g: 28, b: 37 };
+var BODY_TEXT = { r: 51, g: 51, b: 51 };
+var rgb = (r, g, b) => `rgb(${r},${g},${b})`;
+var lerp = (a, b, u) => a + (b - a) * u;
+var seg = (t, t0, t1, v0, v1) => {
+  if (t <= t0) return v0;
+  if (t >= t1) return v1;
+  return lerp(v0, v1, (t - t0) / (t1 - t0));
+};
+function webflowV2DescriptionColor(t, media) {
+  if (media === "desktop") {
+    const body2 = rgb(BODY_TEXT.r, BODY_TEXT.g, BODY_TEXT.b);
+    const dark2 = rgb(DESC_SWATCH.r, DESC_SWATCH.g, DESC_SWATCH.b);
+    const white2 = rgb(255, 255, 255);
+    if (t < 0.49) return body2;
+    if (t < 0.5) return dark2;
+    return white2;
+  }
+  const white = rgb(255, 255, 255);
+  const dark = rgb(DESC_SWATCH.r, DESC_SWATCH.g, DESC_SWATCH.b);
+  const body = rgb(BODY_TEXT.r, BODY_TEXT.g, BODY_TEXT.b);
+  if (t < 0.58) return body;
+  if (t < 0.59) return dark;
+  return white;
+}
+function webflowV2TitleColor(t, media) {
+  if (media === "desktop") {
+    const body2 = rgb(BODY_TEXT.r, BODY_TEXT.g, BODY_TEXT.b);
+    const black = rgb(0, 0, 0);
+    const white2 = rgb(255, 255, 255);
+    if (t < 0.51) return body2;
+    if (t >= 0.52) return white2;
+    return seg(t, 0.51, 0.52, black, white2);
+  }
+  const dark = rgb(DESC_SWATCH.r, DESC_SWATCH.g, DESC_SWATCH.b);
+  const white = rgb(255, 255, 255);
+  const body = rgb(BODY_TEXT.r, BODY_TEXT.g, BODY_TEXT.b);
+  if (t < 0.6) return body;
+  if (t >= 0.61) return white;
+  const u = (t - 0.6) / 0.01;
+  return rgb(
+    lerp(DESC_SWATCH.r, 255, u),
+    lerp(DESC_SWATCH.g, 255, u),
+    lerp(DESC_SWATCH.b, 255, u)
+  );
+}
+function webflowV2DayWordOpacity(t, media) {
+  if (media === "desktop") {
+    if (t < 0.51) return 1;
+    if (t >= 0.52) return 0;
+    return seg(t, 0.51, 0.52, 1, 0);
+  }
+  if (t < 0.6) return 1;
+  if (t >= 0.61) return 0;
+  return seg(t, 0.6, 0.61, 1, 0);
+}
+function webflowV2NightWordOpacity(t, media) {
+  if (media === "desktop") {
+    if (t < 0.51) return 0;
+    if (t >= 0.52) return 1;
+    return seg(t, 0.51, 0.52, 0, 1);
+  }
+  if (t < 0.6) return 0;
+  if (t >= 0.61) return 1;
+  return seg(t, 0.6, 0.61, 0, 1);
+}
+var WEBFLOW_V2_DAY_CLIP_SCROLL_END = 0.65;
+function webflowV2DayClipPercent(t, media) {
+  if (media === "desktop") return 100;
+  return seg(t, 0, WEBFLOW_V2_DAY_CLIP_SCROLL_END, 100, 0);
+}
+
+// templates/DayNightTransition/DayNightTransition.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var SPRING2 = { stiffness: 80, damping: 30, restDelta: 1e-3 };
 var FADE_START = 0.35;
 var FADE_END = 0.65;
-var WORD_START = 0.4;
-var WORD_END = 0.6;
+var V2_TEXT_SCROLL_CROSSFADE_DESKTOP_START = 0.49;
+var V2_TEXT_SCROLL_CROSSFADE_DESKTOP_END = 0.52;
+var V2_TEXT_SCROLL_CROSSFADE_MOBILE_START = 0.58;
+var V2_TEXT_SCROLL_CROSSFADE_MOBILE_END = 0.61;
 var TEXT_CHANNEL_DAY = 0;
 var TEXT_CHANNEL_NIGHT = 255;
+var seg2 = (t, t0, t1, v0, v1) => {
+  if (t <= t0) return v0;
+  if (t >= t1) return v1;
+  return v0 + (v1 - v0) * ((t - t0) / (t1 - t0));
+};
 var DayNightTransition = ({
   dayImageUrl,
   nightImageUrl,
@@ -3215,106 +3568,352 @@ var DayNightTransition = ({
   nightDescription = "Description goes here. Description goes here. Description goes here.",
   ctaLabel = "Get started",
   ctaHref = "#",
+  hideCta = false,
+  headlineLevel = "h2",
+  descriptionLevel = "body-md",
+  inlineDayNightHeadline,
+  scrollPreset = "default",
   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 webflowV2 = scrollPreset === "webflow-day-night-v2";
+  (0, import_react15.useEffect)(() => {
+    const mq = window.matchMedia("(max-width: 991px)");
+    const sync = () => setIxMedia(mq.matches ? "mobile" : "desktop");
+    sync();
+    mq.addEventListener("change", sync);
+    return () => mq.removeEventListener("change", sync);
+  }, []);
+  const MotionHeadline = headlineLevel === "h1" ? import_framer_motion3.motion.h1 : import_framer_motion3.motion.h2;
+  (0, import_react15.useLayoutEffect)(() => {
+    if (!inlineDayNightHeadline) return;
+    const syncNightPull = () => {
+      const dayEl = dayWordRef.current;
+      if (!dayEl) return;
+      const w = dayEl.offsetWidth;
+      const doc = document.documentElement;
+      const rtl = doc.getAttribute("dir") === "rtl" || doc.lang.toLowerCase().startsWith("ar");
+      if (rtl) {
+        setNightMarginStart("0px");
+        setNightMarginEnd(w ? `-${w}px` : "0px");
+      } else {
+        setNightMarginStart(w ? `-${w}px` : "0px");
+        setNightMarginEnd("0px");
+      }
+    };
+    syncNightPull();
+    const ro = new ResizeObserver(syncNightPull);
+    if (dayWordRef.current) ro.observe(dayWordRef.current);
+    window.addEventListener("resize", syncNightPull);
+    return () => {
+      ro.disconnect();
+      window.removeEventListener("resize", syncNightPull);
+    };
+  }, [
+    inlineDayNightHeadline,
+    inlineDayNightHeadline?.dayWord,
+    inlineDayNightHeadline?.nightWord,
+    inlineDayNightHeadline?.prefix
+  ]);
   const { scrollYProgress } = (0, import_framer_motion3.useScroll)({
     target: wrapperRef,
     offset: ["start end", "end start"]
   });
   const smooth = (0, import_framer_motion3.useSpring)(scrollYProgress, SPRING2);
-  const nightOpacity = (0, import_framer_motion3.useTransform)(smooth, [FADE_START, FADE_END], [0, 1]);
-  const channel = (0, import_framer_motion3.useTransform)(smooth, [FADE_START, FADE_END], [TEXT_CHANNEL_DAY, TEXT_CHANNEL_NIGHT]);
+  const progress = webflowV2 ? scrollYProgress : smooth;
+  const nightOpacity = (0, import_framer_motion3.useTransform)(progress, [FADE_START, FADE_END], [0, 1]);
+  const channel = (0, import_framer_motion3.useTransform)(progress, [FADE_START, FADE_END], [TEXT_CHANNEL_DAY, TEXT_CHANNEL_NIGHT]);
   const textColor = import_framer_motion3.useMotionTemplate`rgb(${channel}, ${channel}, ${channel})`;
-  const dayOpacity = (0, import_framer_motion3.useTransform)(smooth, [WORD_START, WORD_END], [1, 0]);
-  const nightOpacity2 = (0, import_framer_motion3.useTransform)(smooth, [WORD_START, WORD_END], [0, 1]);
+  const dayOpacity = (0, import_framer_motion3.useTransform)(progress, (t) => {
+    if (webflowV2) {
+      return ixMedia === "mobile" ? seg2(
+        t,
+        V2_TEXT_SCROLL_CROSSFADE_MOBILE_START,
+        V2_TEXT_SCROLL_CROSSFADE_MOBILE_END,
+        1,
+        0
+      ) : seg2(
+        t,
+        V2_TEXT_SCROLL_CROSSFADE_DESKTOP_START,
+        V2_TEXT_SCROLL_CROSSFADE_DESKTOP_END,
+        1,
+        0
+      );
+    }
+    return seg2(t, FADE_START, FADE_END, 1, 0);
+  });
+  const nightOpacity2 = (0, import_framer_motion3.useTransform)(progress, (t) => {
+    if (webflowV2) {
+      return ixMedia === "mobile" ? seg2(
+        t,
+        V2_TEXT_SCROLL_CROSSFADE_MOBILE_START,
+        V2_TEXT_SCROLL_CROSSFADE_MOBILE_END,
+        0,
+        1
+      ) : seg2(
+        t,
+        V2_TEXT_SCROLL_CROSSFADE_DESKTOP_START,
+        V2_TEXT_SCROLL_CROSSFADE_DESKTOP_END,
+        0,
+        1
+      );
+    }
+    return seg2(t, FADE_START, FADE_END, 0, 1);
+  });
+  const v2DescColor = (0, import_framer_motion3.useTransform)(progress, (t) => webflowV2DescriptionColor(t, ixMedia));
+  const v2TitleColor = (0, import_framer_motion3.useTransform)(progress, (t) => webflowV2TitleColor(t, ixMedia));
+  const v2DayWordOp = (0, import_framer_motion3.useTransform)(progress, (t) => webflowV2DayWordOpacity(t, ixMedia));
+  const v2NightWordOp = (0, import_framer_motion3.useTransform)(progress, (t) => webflowV2NightWordOpacity(t, ixMedia));
+  const v2DayHeight = (0, import_framer_motion3.useTransform)(
+    progress,
+    (t) => ixMedia === "mobile" ? `${webflowV2DayClipPercent(t, ixMedia)}%` : "100vh"
+  );
   const hasDescription = Boolean(dayDescription || nightDescription);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  const useInlineHeadline = Boolean(inlineDayNightHeadline);
+  const rootClass = [
+    "dnt",
+    headlineLevel === "h1" && "dnt--headline-h1",
+    descriptionLevel === "body-lg" && "dnt--desc-body-lg",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "div",
     {
       ref: wrapperRef,
-      className: ["dnt", className].filter(Boolean).join(" "),
+      className: rootClass,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "dnt__sticky", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          "img",
-          {
-            className: "dnt__bg dnt__bg--day",
-            src: dayImageUrl,
-            alt: "",
-            loading: "eager",
-            draggable: false
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          import_framer_motion3.motion.img,
-          {
-            className: "dnt__bg dnt__bg--night",
-            src: nightImageUrl,
-            alt: "",
-            loading: "eager",
-            draggable: false,
-            style: { opacity: nightOpacity }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "dnt__content", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "dnt__inner", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-          import_framer_motion3.motion.div,
-          {
-            className: "dnt__text-wrap",
-            style: { color: textColor },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                  import_framer_motion3.motion.h2,
-                  {
-                    className: "dnt__headline",
-                    style: { opacity: dayOpacity },
-                    children: dayHeadline
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                  import_framer_motion3.motion.h2,
-                  {
-                    className: "dnt__headline",
-                    "aria-hidden": "true",
-                    style: { opacity: nightOpacity2 },
-                    children: nightHeadline
-                  }
-                )
-              ] }),
-              hasDescription && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                  import_framer_motion3.motion.p,
-                  {
-                    className: "dnt__description",
-                    style: { opacity: dayOpacity },
-                    children: dayDescription ?? ""
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                  import_framer_motion3.motion.p,
+      children: [
+        webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "dnt__v2-background-wrapper", "aria-hidden": "true", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            import_framer_motion3.motion.div,
+            {
+              className: "dnt__v2-bg-day trade-day-night_background-day is-alternative",
+              style: {
+                backgroundImage: `url(${dayImageUrl})`,
+                height: v2DayHeight
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            "div",
+            {
+              className: "dnt__v2-bg-night trade-day-night_background-night is-alternative",
+              style: { backgroundImage: `url(${nightImageUrl})` }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: webflowV2 ? "dnt__sticky dnt__sticky--webflow-v2" : "dnt__sticky", children: [
+          !webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              "img",
+              {
+                className: "dnt__bg dnt__bg--day",
+                src: dayImageUrl,
+                alt: "",
+                loading: "eager",
+                draggable: false
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              import_framer_motion3.motion.img,
+              {
+                className: "dnt__bg dnt__bg--night",
+                src: nightImageUrl,
+                alt: "",
+                loading: "eager",
+                draggable: false,
+                style: { opacity: nightOpacity }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "dnt__content", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "dnt__inner", children: webflowV2 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "dnt__text-wrap", children: [
+            useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime28.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_runtime28.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
+                  /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "dnt__headline-pair", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                      import_framer_motion3.motion.span,
+                      {
+                        ref: dayWordRef,
+                        className: "dnt__headline-wday",
+                        style: { opacity: v2DayWordOp },
+                        children: inlineDayNightHeadline.dayWord
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                      import_framer_motion3.motion.span,
+                      {
+                        className: "dnt__headline-wnight",
+                        style: {
+                          opacity: v2NightWordOp,
+                          marginInlineStart: nightMarginStart,
+                          marginInlineEnd: nightMarginEnd
+                        },
+                        children: inlineDayNightHeadline.nightWord
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                MotionHeadline,
+                {
+                  className: "dnt__headline",
+                  style: { color: v2TitleColor, opacity: dayOpacity },
+                  children: dayHeadline
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                MotionHeadline,
+                {
+                  className: "dnt__headline",
+                  "aria-hidden": "true",
+                  style: { color: v2TitleColor, opacity: nightOpacity2 },
+                  children: nightHeadline
+                }
+              )
+            ] }),
+            hasDescription && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                import_framer_motion3.motion.p,
+                {
+                  className: "dnt__description",
+                  style: {
+                    color: v2DescColor,
+                    opacity: dayOpacity
+                  },
+                  children: dayDescription ?? ""
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                import_framer_motion3.motion.p,
+                {
+                  className: "dnt__description",
+                  "aria-hidden": "true",
+                  style: {
+                    color: v2DescColor,
+                    opacity: nightOpacity2
+                  },
+                  children: nightDescription ?? ""
+                }
+              )
+            ] }),
+            !hideCta && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+            import_framer_motion3.motion.div,
+            {
+              className: "dnt__text-wrap",
+              style: { color: textColor },
+              children: [
+                useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+                  MotionHeadline,
                   {
-                    className: "dnt__description",
-                    "aria-hidden": "true",
-                    style: { opacity: nightOpacity2 },
-                    children: nightDescription ?? ""
+                    className: "dnt__headline dnt__headline--inline-day-night",
+                    "aria-label": `${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.dayWord} / ${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.nightWord}`,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
+                      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "dnt__headline-pair", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                          import_framer_motion3.motion.span,
+                          {
+                            ref: dayWordRef,
+                            className: "dnt__headline-wday",
+                            style: { opacity: dayOpacity },
+                            children: inlineDayNightHeadline.dayWord
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                          import_framer_motion3.motion.span,
+                          {
+                            className: "dnt__headline-wnight",
+                            style: {
+                              opacity: nightOpacity2,
+                              marginInlineStart: nightMarginStart,
+                              marginInlineEnd: nightMarginEnd
+                            },
+                            children: inlineDayNightHeadline.nightWord
+                          }
+                        )
+                      ] })
+                    ]
                   }
-                )
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
-            ]
-          }
-        ) }) })
-      ] })
+                ) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                    MotionHeadline,
+                    {
+                      className: "dnt__headline",
+                      style: { opacity: dayOpacity },
+                      children: dayHeadline
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                    MotionHeadline,
+                    {
+                      className: "dnt__headline",
+                      "aria-hidden": "true",
+                      style: { opacity: nightOpacity2 },
+                      children: nightHeadline
+                    }
+                  )
+                ] }),
+                hasDescription && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                    import_framer_motion3.motion.p,
+                    {
+                      className: "dnt__description",
+                      style: { opacity: dayOpacity },
+                      children: dayDescription ?? ""
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                    import_framer_motion3.motion.p,
+                    {
+                      className: "dnt__description",
+                      "aria-hidden": "true",
+                      style: { opacity: nightOpacity2 },
+                      children: nightDescription ?? ""
+                    }
+                  )
+                ] }),
+                !hideCta && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
+              ]
+            }
+          ) }) })
+        ] })
+      ]
     }
   );
 };
 
+// templates/DayNightTransition/dayNightTransitionPresets.ts
+var dayNightTransitionV2Preset = {
+  className: "dnt--layout-v2 dnt--webflow-v2",
+  scrollPreset: "webflow-day-night-v2",
+  dayImageUrl: "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/68da5c86c91c54f39c86cd8f_trade_day.webp",
+  nightImageUrl: "https://cdn.prod.website-files.com/66585fe0e1dc7e70cc75d440/6757df573bf331c84b6c69fe_trade_night.webp",
+  dayHeadline: "Section title light\n",
+  nightHeadline: "Section title dark\n",
+  dayDescription: "This section is designed to give your visitors a quick overview of why your solution is the right choice. Use this space to provide high-level context.\n",
+  nightDescription: "This section is designed to give your visitors a quick overview of why your solution is the right choice. Use this space to provide high-level context.",
+  ctaLabel: "Open account",
+  ctaHref: "#"
+};
+
 // templates/LogoMarquee/LogoMarquee.tsx
 var import_react16 = require("react");
 var import_framer_motion4 = require("framer-motion");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function modWrap(min, max, v) {
   const range = max - min;
   return ((v - min) % range + range) % range + min;
@@ -3385,21 +3984,21 @@ var LogoMarquee = ({
   });
   const track1 = [...col1Logos, ...col1Logos];
   const track2 = [...col2Logos, ...col2Logos];
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "section",
     {
       className: ["lm", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "lm__inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "lm__media", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "lm__carousel", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "lm__fade lm__fade--top", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "lm__inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "lm__media", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "lm__carousel", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "lm__fade lm__fade--top", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             import_framer_motion4.motion.div,
             {
               ref: col1Ref,
               className: "lm__col",
               style: { y: col1Y },
-              children: track1.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              children: track1.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                 "img",
                 {
                   src: logo.url,
@@ -3410,13 +4009,13 @@ var LogoMarquee = ({
               ) }) }, `c1-${i}`))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             import_framer_motion4.motion.div,
             {
               ref: col2Ref,
               className: "lm__col",
               style: { y: col2Y },
-              children: track2.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              children: track2.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                 "img",
                 {
                   src: logo.url,
@@ -3427,17 +4026,17 @@ var LogoMarquee = ({
               ) }) }, `c2-${i}`))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "lm__fade lm__fade--bottom", "aria-hidden": "true" })
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "lm__fade lm__fade--bottom", "aria-hidden": "true" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "lm__content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { className: "lm__headline", children: headline }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "lm__text-group", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "lm__body", children: body }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "lm__disclaimer", children: disclaimer })
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "lm__content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h2", { className: "lm__headline", children: headline }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "lm__text-group", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "lm__body", children: body }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "lm__disclaimer", children: disclaimer })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("a", { href: ctaHref, className: "lm__link", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("a", { href: ctaHref, className: "lm__link", children: [
             ctaLabel,
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "lm__link-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.jsx)("path", { d: "M3 8H13M13 8L9 4M13 8L9 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "lm__link-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime29.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_runtime29.jsx)("path", { d: "M3 8H13M13 8L9 4M13 8L9 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
           ] })
         ] })
       ] })
@@ -3488,7 +4087,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_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var BADGE_ASSETS = {
   light: {
     googleplay: { src: appstore_googleplay_light_default, alt: "Get it on Google Play" },
@@ -3517,7 +4116,7 @@ var DownloadBadge = ({
   ...props
 }) => {
   const { src, alt } = BADGE_ASSETS[colorScheme][platform];
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "a",
     {
       className: [
@@ -3530,13 +4129,13 @@ var DownloadBadge = ({
       target: "_blank",
       rel: "noopener noreferrer",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("img", { className: "download-badge__img", src, alt })
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("img", { className: "download-badge__img", src, alt })
     }
   );
 };
 
 // templates/Steps/Steps.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var Steps = ({
   title,
   steps,
@@ -3548,8 +4147,8 @@ var Steps = ({
     "steps__container",
     imagePosition === "right" ? "steps__container--image-right" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("section", { className: "steps", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: containerClass, children: [
-    image && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "steps__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("section", { className: "steps", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: containerClass, children: [
+    image && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "steps__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "img",
       {
         src: image,
@@ -3557,13 +4156,13 @@ var Steps = ({
         className: "steps__image"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "steps__content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h2", { className: "steps__title", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("ol", { className: "steps__list", children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { className: "steps__item", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "steps__item-inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "steps__number", "aria-hidden": "true", children: index + 1 }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "steps__item-body", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h3", { className: "steps__item-title", children: step.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "steps__item-description", children: step.description })
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "steps__content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h2", { className: "steps__title", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("ol", { className: "steps__list", children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", { className: "steps__item", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "steps__item-inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "steps__number", "aria-hidden": "true", children: index + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "steps__item-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h3", { className: "steps__item-title", children: step.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "steps__item-description", children: step.description })
         ] })
       ] }) }, index)) })
     ] })
@@ -3571,7 +4170,7 @@ var Steps = ({
 };
 
 // templates/DownloadBanner/DownloadBanner.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var DownloadBanner = ({
   style = "light-2",
   qrCodeImage,
@@ -3596,9 +4195,9 @@ var DownloadBanner = ({
   disclaimer
 }) => {
   const colorScheme = style === "dark" ? "dark" : "light";
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("section", { className: `db-section db-section--${style}`, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "db-container", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "db-card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "db-qr-block", children: [
-      qrCodeImage && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("section", { className: `db-section db-section--${style}`, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "db-container", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "db-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "db-qr-block", children: [
+      qrCodeImage && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         "img",
         {
           className: "db-qr-image",
@@ -3606,24 +4205,532 @@ var DownloadBanner = ({
           alt: qrCodeAlt
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "db-qr-text", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "db-qr-text__title db-qr-text__title--desktop", children: qrTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h2", { className: "db-qr-text__subtitle db-qr-text__subtitle--desktop", children: qrSubtitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "db-qr-text__title db-qr-text__title--mobile", children: mobileTitle }),
-        disclaimer && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "db-disclaimer", children: disclaimer })
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "db-qr-text", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "db-qr-text__title db-qr-text__title--desktop", children: qrTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h2", { className: "db-qr-text__subtitle db-qr-text__subtitle--desktop", children: qrSubtitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "db-qr-text__title db-qr-text__title--mobile", children: mobileTitle }),
+        disclaimer && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "db-disclaimer", children: disclaimer })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "db-badges", children: [
-      showGooglePlay && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DownloadBadge, { platform: "googleplay", colorScheme, href: googlePlayHref }),
-      showAppGallery && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DownloadBadge, { platform: "appgallery", colorScheme, href: appGalleryHref }),
-      showMacOS && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DownloadBadge, { platform: "macos", colorScheme, href: macOSHref }),
-      showWindows && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DownloadBadge, { platform: "windows", colorScheme, href: windowsHref }),
-      showLinux && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DownloadBadge, { platform: "linux", colorScheme, href: linuxHref }),
-      showAppStore && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DownloadBadge, { platform: "appstore", colorScheme, href: appStoreHref }),
-      showWeb && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DownloadBadge, { platform: "web", colorScheme, href: webHref })
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "db-badges", children: [
+      showGooglePlay && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DownloadBadge, { platform: "googleplay", colorScheme, href: googlePlayHref }),
+      showAppGallery && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DownloadBadge, { platform: "appgallery", colorScheme, href: appGalleryHref }),
+      showMacOS && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DownloadBadge, { platform: "macos", colorScheme, href: macOSHref }),
+      showWindows && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DownloadBadge, { platform: "windows", colorScheme, href: windowsHref }),
+      showLinux && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DownloadBadge, { platform: "linux", colorScheme, href: linuxHref }),
+      showAppStore && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DownloadBadge, { platform: "appstore", colorScheme, href: appStoreHref }),
+      showWeb && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DownloadBadge, { platform: "web", colorScheme, href: webHref })
     ] })
   ] }) }) });
 };
+
+// templates/TextScroll/TextScroll.tsx
+var import_react17 = require("react");
+var import_gsap = require("gsap");
+var import_ScrollTrigger = require("gsap/ScrollTrigger");
+var import_jsx_runtime33 = 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 words = text.split(/\s+/).filter(Boolean);
+  (0, import_react17.useEffect)(() => {
+    const section = sectionRef.current;
+    const wordEls = wordsRef.current.filter(Boolean);
+    if (!section || wordEls.length === 0) return;
+    const isMobile = window.matchMedia("(max-width: 767px)").matches;
+    const startValue = isMobile ? "top 35%" : "top center";
+    const endValue = isMobile ? "bottom 90%" : "bottom center";
+    const rafId = requestAnimationFrame(() => {
+      import_gsap.gsap.set(wordEls, { opacity: 0.2 });
+      const tl = import_gsap.gsap.timeline({
+        scrollTrigger: {
+          trigger: section,
+          start: startValue,
+          end: endValue,
+          scrub: 2
+        }
+      });
+      tl.to(wordEls, {
+        opacity: 1,
+        stagger: 0.1,
+        ease: "none"
+      });
+      section._tl = tl;
+    });
+    return () => {
+      cancelAnimationFrame(rafId);
+      const tl = section._tl;
+      if (tl) {
+        tl.scrollTrigger?.kill();
+        tl.kill();
+      }
+      import_gsap.gsap.set(wordEls, { clearProps: "opacity" });
+    };
+  }, [text]);
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    "section",
+    {
+      ref: sectionRef,
+      className: ["ts", className].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "ts__inner", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "ts__text", "aria-label": text, children: words.map((word, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+        "span",
+        {
+          ref: (el) => {
+            if (el) wordsRef.current[i] = el;
+          },
+          className: "ts__word",
+          "aria-hidden": "true",
+          children: [
+            word,
+            i < words.length - 1 ? " " : ""
+          ]
+        },
+        i
+      )) }) })
+    }
+  );
+};
+
+// templates/StickyMarketCards/StickyMarketCards.tsx
+var import_react18 = require("react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var PLACEHOLDER_IMAGE3 = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
+var StickyMarketCards = ({
+  sectionTitle,
+  sectionDescription,
+  items,
+  className,
+  ...props
+}) => {
+  const cardRefs = (0, import_react18.useRef)([]);
+  const cardInnerRefs = (0, import_react18.useRef)([]);
+  (0, import_react18.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    let rafId = 0;
+    const update = () => {
+      const wrappers = cardRefs.current.filter(Boolean);
+      const inners = cardInnerRefs.current.filter(Boolean);
+      const n2 = wrappers.length;
+      wrappers.forEach((wrapper, i) => {
+        const inner = inners[i];
+        if (!inner) return;
+        if (i === n2 - 1) {
+          inner.style.transform = "scale(1)";
+          inner.style.filter = "brightness(1)";
+          return;
+        }
+        const nextWrapper = wrappers[i + 1];
+        if (!nextWrapper) return;
+        const currentRect = wrapper.getBoundingClientRect();
+        const nextRect = nextWrapper.getBoundingClientRect();
+        const overlap = currentRect.bottom - nextRect.top;
+        if (overlap > 0) {
+          const progress = Math.min(overlap / currentRect.height, 1);
+          inner.style.transform = `scale(${(1 - progress * 0.05).toFixed(4)})`;
+          inner.style.filter = `brightness(${(1 - progress * 0.4).toFixed(4)})`;
+        } else {
+          inner.style.transform = "scale(1)";
+          inner.style.filter = "brightness(1)";
+        }
+      });
+    };
+    const onScroll = () => {
+      cancelAnimationFrame(rafId);
+      rafId = requestAnimationFrame(update);
+    };
+    window.addEventListener("scroll", onScroll, { passive: true });
+    update();
+    return () => {
+      window.removeEventListener("scroll", onScroll);
+      cancelAnimationFrame(rafId);
+    };
+  }, [items.length]);
+  (0, import_react18.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    const syncHeights = () => {
+      const inners = cardInnerRefs.current.filter(Boolean);
+      if (!inners.length) return;
+      inners.forEach((inner) => {
+        inner.style.minHeight = "";
+      });
+      let maxH = 0;
+      inners.forEach((inner) => {
+        const h = inner.getBoundingClientRect().height;
+        if (h > maxH) maxH = h;
+      });
+      inners.forEach((inner) => {
+        inner.style.minHeight = `${maxH}px`;
+      });
+    };
+    syncHeights();
+    window.addEventListener("resize", syncHeights);
+    if (document.fonts && document.fonts.ready) {
+      document.fonts.ready.then(syncHeights);
+    }
+    return () => {
+      window.removeEventListener("resize", syncHeights);
+    };
+  }, [items.length]);
+  const n = items.length;
+  const maxStack = 4;
+  const baseIndex = Math.max(0, n - maxStack);
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    "section",
+    {
+      className: ["smc", className].filter(Boolean).join(" "),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "smc__inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "smc__header-wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h2", { className: "smc__header", children: sectionTitle }),
+          sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "smc__description", children: sectionDescription })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.jsx)(
+            "div",
+            {
+              ref: (el) => {
+                cardRefs.current[i] = el;
+              },
+              className: "smc__card",
+              style: {
+                ["--smc-card-index"]: String(offsetMultiplier),
+                zIndex: i + 1
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+                "div",
+                {
+                  ref: (el) => {
+                    cardInnerRefs.current[i] = el;
+                  },
+                  className: [
+                    "smc__card-inner",
+                    `smc__card-inner--${theme}`
+                  ].join(" "),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "smc__card-bg", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                        "img",
+                        {
+                          src: item.imageUrl ?? PLACEHOLDER_IMAGE3,
+                          alt: "",
+                          "aria-hidden": "true",
+                          loading: i === 0 ? "eager" : "lazy"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                        "div",
+                        {
+                          className: [
+                            "smc__card-overlay",
+                            `smc__card-overlay--${theme}`
+                          ].join(" ")
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "smc__card-content", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "smc__card-title-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "smc__card-title", children: item.title }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "smc__card-desc-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "smc__card-desc", children: item.description }) })
+                    ] })
+                  ]
+                }
+              )
+            },
+            i
+          );
+        }) })
+      ] })
+    }
+  );
+};
+
+// templates/Table/Table.tsx
+var import_react19 = require("react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var InfoIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }),
+  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { d: "M12 16V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("circle", { cx: "12", cy: "8", r: "1", fill: "currentColor", stroke: "currentColor", strokeWidth: "1" })
+] });
+var Table = ({
+  sectionTitle,
+  columns,
+  rows,
+  mainColumnKey,
+  pageSize = 10,
+  searchPlaceholder = "Search",
+  infoText,
+  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 mainKey = mainColumnKey ?? columns.find((c) => c.width === "main")?.key ?? columns[0]?.key;
+  const filtered = (0, import_react19.useMemo)(() => {
+    const q = search.trim().toLowerCase();
+    if (!q) return rows;
+    return rows.filter(
+      (row) => Object.values(row).some((v) => v.toLowerCase().includes(q))
+    );
+  }, [rows, search]);
+  const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize));
+  const currentPage = Math.min(page, totalPages);
+  const startIdx = (currentPage - 1) * pageSize;
+  const endIdx = Math.min(startIdx + pageSize, filtered.length);
+  const visible = filtered.slice(startIdx, endIdx);
+  const handleSearch = (e) => {
+    setSearch(e.target.value);
+    setPage(1);
+  };
+  const handleClear = () => {
+    setSearch("");
+    setPage(1);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("section", { className: ["tbl-section", className].filter(Boolean).join(" "), ...props, children: [
+    sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "tbl-section__header", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h2", { className: "tbl-section__title", children: sectionTitle }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "tbl-section__content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "tbl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "tbl__topbar", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "tbl__search-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            SearchField,
+            {
+              placeholder: searchPlaceholder,
+              value: search,
+              onChange: handleSearch,
+              onClear: handleClear,
+              variant: "fill",
+              "aria-label": searchPlaceholder
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "tbl__summary", children: filtered.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+            "Showing ",
+            startIdx + 1,
+            "- ",
+            endIdx,
+            " of ",
+            filtered.length
+          ] }) : "No results" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "tbl__scroll-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("table", { className: "tbl__table", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)(
+              "th",
+              {
+                className: [
+                  "tbl__th",
+                  isMain ? "tbl__th--main" : "",
+                  col.width === "big" ? "tbl__th--big" : ""
+                ].filter(Boolean).join(" "),
+                children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                  "div",
+                  {
+                    className: "tbl__th-inner",
+                    onMouseEnter: (e) => {
+                      if (!col.tooltip) return;
+                      const rect = e.currentTarget.getBoundingClientRect();
+                      const targetX = rect.left + rect.width / 2;
+                      const targetY = rect.top;
+                      const tooltipHalfWidth = 104;
+                      const margin = 16;
+                      const clampedX = Math.max(
+                        margin + tooltipHalfWidth,
+                        Math.min(window.innerWidth - margin - tooltipHalfWidth, targetX)
+                      );
+                      const arrowOffset = targetX - clampedX;
+                      setTooltip({
+                        visible: true,
+                        heading: col.tooltip.heading,
+                        description: col.tooltip.description,
+                        x: clampedX,
+                        y: targetY,
+                        arrowOffset
+                      });
+                    },
+                    onMouseLeave: () => {
+                      if (col.tooltip) {
+                        setTooltip((prev) => ({ ...prev, visible: false }));
+                      }
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsxs)("span", { children: [
+                      line,
+                      li < col.header.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("br", {})
+                    ] }, li)) : col.header })
+                  }
+                )
+              },
+              col.key
+            );
+          }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tbody", { className: "tbl__tbody", children: visible.length > 0 ? visible.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)(
+              "td",
+              {
+                className: [
+                  "tbl__td",
+                  isMain ? "tbl__td--main" : "",
+                  col.width === "big" ? "tbl__td--big" : ""
+                ].filter(Boolean).join(" "),
+                children: isMain ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "tbl__cell-inner", children: [
+                  iconUrl && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                    "img",
+                    {
+                      src: iconUrl,
+                      alt: "",
+                      "aria-hidden": "true",
+                      className: "tbl__cell-icon",
+                      loading: "lazy",
+                      width: "24",
+                      height: "24"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "tbl__cell-text tbl__cell-text--bold", children: row[col.key] ?? "" })
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "tbl__cell-text", children: row[col.key] ?? "" })
+              },
+              col.key
+            );
+          }) }, rowIdx)) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tr", { className: "tbl__tr", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("td", { colSpan: columns.length, className: "tbl__empty-cell", children: [
+            'No results found for "',
+            search,
+            '"'
+          ] }) }) })
+        ] }) }),
+        totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "tbl__footer", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "tbl__pagination-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          Pagination,
+          {
+            currentPage,
+            totalPages,
+            onPageChange: setPage
+          }
+        ) }) })
+      ] }),
+      infoText && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "tbl-section__info-box", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(InfoIcon, { className: "tbl-section__info-icon" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "tbl-section__info-text", children: infoText })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)("div", { className: "tbl__global-hint-desc", children: tooltip.description }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            "div",
+            {
+              className: "tbl__global-hint-arrow",
+              style: { transform: `translateX(calc(-50% + ${tooltip.arrowOffset}px))` }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+
+// templates/Leaders/Leaders.tsx
+var import_react20 = require("react");
+
+// templates/Leaders/Leaders.module.css
+var Leaders_default = {};
+
+// templates/Leaders/Leaders.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var LinkedInIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.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_runtime36.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_runtime36.jsx)("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var ChevronUpIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.jsx)("path", { d: "M12 10L8 6L4 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var CardContent = ({ item }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: Leaders_default.imageWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    "img",
+    {
+      src: item.imageUrl,
+      alt: item.name,
+      className: Leaders_default.image,
+      loading: "lazy"
+    }
+  ) }),
+  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: Leaders_default.content, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h3", { className: Leaders_default.name, children: item.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: Leaders_default.role, children: item.role })
+  ] }),
+  item.linkedinUrl && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    Link,
+    {
+      href: item.linkedinUrl,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(LinkedInIcon, {}),
+      label: "LinkedIn",
+      colorScheme: "black",
+      showChevron: false,
+      className: Leaders_default.link
+    }
+  )
+] });
+var Leaders = ({
+  title = "Our leaders",
+  items,
+  initialVisibleCount = 4,
+  expandText = "View all",
+  collapseText = "View less",
+  className,
+  ...props
+}) => {
+  const [isExpanded, setIsExpanded] = (0, import_react20.useState)(false);
+  const hasMore = items.length > initialVisibleCount;
+  const visibleItems = items.slice(0, initialVisibleCount);
+  const extraItems = items.slice(initialVisibleCount);
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("section", { className: [Leaders_default.section, className].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: Leaders_default.container, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: Leaders_default.header, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h2", { className: Leaders_default.title, children: title }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: Leaders_default.gridWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: Leaders_default.grid, children: visibleItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: Leaders_default.card, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardContent, { item }) }, i)) }),
+      hasMore && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        "div",
+        {
+          className: [
+            Leaders_default.extraCards,
+            isExpanded ? Leaders_default.extraCardsOpen : ""
+          ].join(" "),
+          "aria-hidden": !isExpanded,
+          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: Leaders_default.extraGrid, children: extraItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            "div",
+            {
+              className: [
+                Leaders_default.card,
+                Leaders_default.extraCard,
+                isExpanded ? Leaders_default.extraCardVisible : ""
+              ].join(" "),
+              style: {
+                transitionDelay: isExpanded ? `${i * 70 + 120}ms` : "0ms"
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CardContent, { item })
+            },
+            i
+          )) })
+        }
+      )
+    ] }),
+    hasMore && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: Leaders_default.actions, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      Button,
+      {
+        variant: "secondary",
+        colorScheme: "black",
+        onClick: () => setIsExpanded(!isExpanded),
+        iconPosition: "icon-right",
+        icon: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ChevronUpIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ChevronDownIcon4, {}),
+        children: isExpanded ? collapseText : expandText
+      }
+    ) })
+  ] }) });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AVATAR_DATA,
@@ -3642,11 +4749,13 @@ var DownloadBanner = ({
   DownloadBadge,
   DownloadBanner,
   FEATURE_SCROLL_DATA,
+  FeatureBullets,
   FeatureCards,
   FeatureCardsSecondary,
   FeatureScroll,
   Footer,
   Hero,
+  Leaders,
   Link,
   LogoMarquee,
   Navbar,
@@ -3655,9 +4764,14 @@ var DownloadBanner = ({
   SearchField,
   Stats,
   Steps,
+  StickyMarketCards,
   StickyStackedCards,
   TEXT_CONTENT,
+  Table,
+  Tabs,
   Tag,
-  TextField
+  TextField,
+  TextScroll,
+  dayNightTransitionV2Preset
 });
 //# sourceMappingURL=index.js.map