@deriv-web-design/ui 0.0.19 → 0.0.22

package/dist/index.mjs

@@ -150,6 +150,11 @@ var Tag = ({
 
 // primitives/Accordion/Accordion.tsx
 import { useState } from "react";
+
+// primitives/Accordion/Accordion.module.css
+var Accordion_default = {};
+
+// primitives/Accordion/Accordion.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var ChevronIcon2 = () => /* @__PURE__ */ jsx5("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx5("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 var Accordion = ({
@@ -171,7 +176,7 @@ var Accordion = ({
     if (!isControlled) setInternalOpen(next);
     onToggle?.(next);
   };
-  const classNames = ["accordion", className ?? ""].filter(Boolean).join(" ");
+  const classNames = [Accordion_default.accordion, className ?? ""].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs5(
     "div",
     {
@@ -184,17 +189,17 @@ var Accordion = ({
         /* @__PURE__ */ jsxs5(
           "button",
           {
-            className: "header",
+            className: Accordion_default.header,
             onClick: handleToggle,
             "aria-expanded": isOpen,
             children: [
-              /* @__PURE__ */ jsx5("span", { className: "titleWrapper", children: /* @__PURE__ */ jsx5("span", { className: "title", children: title }) }),
-              /* @__PURE__ */ jsx5("span", { className: ["chevron", isOpen ? "chevronRotated" : ""].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx5(ChevronIcon2, {}) }),
-              showFocusRing && /* @__PURE__ */ jsx5("span", { className: "focusRing", "aria-hidden": "true" })
+              /* @__PURE__ */ jsx5("span", { className: Accordion_default.titleWrapper, children: /* @__PURE__ */ jsx5("span", { className: Accordion_default.title, children: title }) }),
+              /* @__PURE__ */ jsx5("span", { className: [Accordion_default.chevron, isOpen ? Accordion_default.chevronRotated : ""].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx5(ChevronIcon2, {}) }),
+              showFocusRing && /* @__PURE__ */ jsx5("span", { className: Accordion_default.focusRing, "aria-hidden": "true" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx5("div", { className: ["bodyWrapper", isOpen ? "bodyWrapperOpen" : ""].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx5("div", { className: "bodyInner", children: /* @__PURE__ */ jsx5("div", { className: "body", children }) }) })
+        /* @__PURE__ */ jsx5("div", { className: [Accordion_default.bodyWrapper, isOpen ? Accordion_default.bodyWrapperOpen : ""].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx5("div", { className: Accordion_default.bodyInner, children: /* @__PURE__ */ jsx5("div", { className: Accordion_default.body, children }) }) })
       ]
     }
   );
@@ -1026,67 +1031,50 @@ var Tabs = ({
   );
 };
 
-// templates/FeatureCards/FeatureCards.tsx
+// templates/FaqAccordion/FaqAccordion.module.css
+var FaqAccordion_default = {};
+
+// templates/FaqAccordion/FaqAccordion.tsx
 import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
-var FeatureCards = ({
-  sectionTitle,
-  sectionDescription,
-  showLink = false,
-  linkText = "Learn more",
-  onLinkClick,
-  cardColorScheme = "image",
-  cards
+var FaqAccordion = ({
+  title,
+  items,
+  colorScheme = "white"
 }) => {
-  return /* @__PURE__ */ jsx17("section", { className: "fc-section", children: /* @__PURE__ */ jsxs15("div", { className: "fc-container", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "fc-header", children: [
-      /* @__PURE__ */ jsx17("h2", { className: "fc-sectionTitle", children: sectionTitle }),
-      sectionDescription && /* @__PURE__ */ jsx17("p", { className: "fc-sectionDescription", children: sectionDescription }),
-      showLink && /* @__PURE__ */ jsx17(
-        Link,
-        {
-          colorScheme: "coral",
-          label: linkText,
-          onClick: onLinkClick
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx17("div", { className: "fc-grid", children: cards.map((card, index) => /* @__PURE__ */ jsx17(
-      Card,
+  return /* @__PURE__ */ jsx17("section", { className: [FaqAccordion_default.section, FaqAccordion_default[`section--${colorScheme}`]].join(" "), children: /* @__PURE__ */ jsxs15("div", { className: FaqAccordion_default.container, children: [
+    /* @__PURE__ */ jsx17("div", { className: FaqAccordion_default.header, children: /* @__PURE__ */ jsx17("h2", { className: FaqAccordion_default.title, children: title }) }),
+    /* @__PURE__ */ jsx17("div", { className: FaqAccordion_default.list, children: items.map((item, index) => /* @__PURE__ */ jsx17(
+      Accordion,
       {
-        variant: "primary",
-        colorScheme: card.colorScheme ?? cardColorScheme,
-        title: card.title,
-        description: card.description,
-        image: card.image,
-        imageAlt: card.imageAlt,
-        showLink: card.showLink,
-        linkText: card.linkText,
-        onLinkClick: card.onLinkClick
+        title: item.question,
+        showTopDivider: index === 0,
+        showBottomDivider: true,
+        children: item.answer
       },
-      index
+      `${item.question}-${index}`
     )) })
   ] }) });
 };
 
-// templates/FeatureCardsSecondary/FeatureCardsSecondary.tsx
+// templates/FeatureCards/FeatureCards.tsx
 import { jsx as jsx18, jsxs as jsxs16 } from "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 isDark = card.twoTone === "dark";
   const showCardLink = card.showLink !== false;
-  return /* @__PURE__ */ jsx18("div", { className: "fcs-twoCardWrap", children: /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsx18("div", { className: "fc-twoCardWrap", children: /* @__PURE__ */ jsxs16(
     "div",
     {
       className: [
-        "fcs-twoCard",
-        isDark ? "fcs-twoCard--dark" : "fcs-twoCard--light"
+        "fc-twoCard",
+        isDark ? "fc-twoCard--dark" : "fc-twoCard--light"
       ].join(" "),
       children: [
-        /* @__PURE__ */ jsxs16("div", { className: "fcs-twoCard-body", children: [
-          /* @__PURE__ */ jsxs16("div", { className: "fcs-twoCard-content", children: [
-            /* @__PURE__ */ jsx18("h3", { className: "fcs-twoCard-title", children: card.title }),
-            /* @__PURE__ */ jsx18("p", { className: "fcs-twoCard-description", children: card.description }),
-            showCardLink && /* @__PURE__ */ jsx18("div", { className: "fcs-twoCard-linkWrap", children: /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsxs16("div", { className: "fc-twoCard-body", children: [
+          /* @__PURE__ */ jsxs16("div", { className: "fc-twoCard-content", children: [
+            /* @__PURE__ */ jsx18("h3", { className: "fc-twoCard-title", children: card.title }),
+            /* @__PURE__ */ jsx18("p", { className: "fc-twoCard-description", children: card.description }),
+            showCardLink && /* @__PURE__ */ jsx18("div", { className: "fc-twoCard-linkWrap", children: /* @__PURE__ */ jsx18(
               Link,
               {
                 colorScheme: "coral",
@@ -1097,14 +1085,14 @@ var TwoCardsItem = ({ card, index }) => {
               }
             ) })
           ] }),
-          card.platforms && card.platforms.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "fcs-twoCard-platformsOuter", children: [
-            /* @__PURE__ */ jsx18("h3", { className: "fcs-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
-            /* @__PURE__ */ jsx18("div", { className: "fcs-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ jsxs16(
+          card.platforms && card.platforms.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "fc-twoCard-platformsOuter", children: [
+            /* @__PURE__ */ jsx18("h3", { className: "fc-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
+            /* @__PURE__ */ jsx18("div", { className: "fc-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ jsxs16(
               "a",
               {
                 className: [
-                  "fcs-platformLink",
-                  isDark ? "fcs-platformLink--dark" : ""
+                  "fc-platformLink",
+                  isDark ? "fc-platformLink--dark" : ""
                 ].filter(Boolean).join(" "),
                 href: platform.href,
                 rel: externalLinkRel(platform.href),
@@ -1113,24 +1101,24 @@ var TwoCardsItem = ({ card, index }) => {
                     "img",
                     {
                       alt: "",
-                      className: "fcs-platformLink-icon",
+                      className: "fc-platformLink-icon",
                       height: 32,
                       src: platform.iconSrc,
                       width: 32
                     }
                   ),
-                  /* @__PURE__ */ jsx18("span", { className: "fcs-platformLink-label", children: platform.label })
+                  /* @__PURE__ */ jsx18("span", { className: "fc-platformLink-label", children: platform.label })
                 ]
               },
               `${platform.label}-${i}`
             )) })
           ] })
         ] }),
-        card.image && /* @__PURE__ */ jsx18("div", { className: "fcs-twoCard-imageSection", children: /* @__PURE__ */ jsx18(
+        card.image && /* @__PURE__ */ jsx18("div", { className: "fc-twoCard-imageSection", children: /* @__PURE__ */ jsx18(
           "img",
           {
             alt: card.imageAlt ?? "",
-            className: "fcs-twoCard-image",
+            className: "fc-twoCard-image",
             decoding: "async",
             loading: index === 0 ? "eager" : "lazy",
             src: card.image
@@ -1142,12 +1130,12 @@ var TwoCardsItem = ({ card, index }) => {
 };
 var OneCardPanel = ({ card }) => {
   const showCardLink = card.showLink !== false;
-  return /* @__PURE__ */ jsx18("div", { className: "fcs-oneCardShell", children: /* @__PURE__ */ jsxs16("div", { className: "fcs-oneCardGrid fcs-twoCard--dark", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "fcs-oneCardLeft", children: [
-      /* @__PURE__ */ jsxs16("div", { className: "fcs-oneCardContentBlock", children: [
-        /* @__PURE__ */ jsx18("h3", { className: "fcs-twoCard-title", children: card.title }),
-        /* @__PURE__ */ jsx18("p", { className: "fcs-twoCard-description", children: card.description }),
-        showCardLink && /* @__PURE__ */ jsx18("div", { className: "fcs-twoCard-linkWrap", children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx18("div", { className: "fc-oneCardShell", children: /* @__PURE__ */ jsxs16("div", { className: "fc-oneCardGrid fc-twoCard--dark", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "fc-oneCardLeft", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "fc-oneCardContentBlock", children: [
+        /* @__PURE__ */ jsx18("h3", { className: "fc-twoCard-title", children: card.title }),
+        /* @__PURE__ */ jsx18("p", { className: "fc-twoCard-description", children: card.description }),
+        showCardLink && /* @__PURE__ */ jsx18("div", { className: "fc-twoCard-linkWrap", children: /* @__PURE__ */ jsx18(
           Link,
           {
             colorScheme: "coral",
@@ -1158,12 +1146,12 @@ var OneCardPanel = ({ card }) => {
           }
         ) })
       ] }),
-      card.platforms && card.platforms.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "fcs-twoCard-platformsOuter", children: [
-        /* @__PURE__ */ jsx18("h3", { className: "fcs-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
-        /* @__PURE__ */ jsx18("div", { className: "fcs-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ jsxs16(
+      card.platforms && card.platforms.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "fc-twoCard-platformsOuter", children: [
+        /* @__PURE__ */ jsx18("h3", { className: "fc-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
+        /* @__PURE__ */ jsx18("div", { className: "fc-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ jsxs16(
           "a",
           {
-            className: "fcs-platformLink fcs-platformLink--dark",
+            className: "fc-platformLink fc-platformLink--dark",
             href: platform.href,
             rel: externalLinkRel(platform.href),
             children: [
@@ -1171,24 +1159,24 @@ var OneCardPanel = ({ card }) => {
                 "img",
                 {
                   alt: "",
-                  className: "fcs-platformLink-icon",
+                  className: "fc-platformLink-icon",
                   height: 32,
                   src: platform.iconSrc,
                   width: 32
                 }
               ),
-              /* @__PURE__ */ jsx18("span", { className: "fcs-platformLink-label", children: platform.label })
+              /* @__PURE__ */ jsx18("span", { className: "fc-platformLink-label", children: platform.label })
             ]
           },
           `${platform.label}-${i}`
         )) })
       ] })
     ] }),
-    card.image && /* @__PURE__ */ jsx18("div", { className: "fcs-oneCardRight", children: /* @__PURE__ */ jsx18(
+    card.image && /* @__PURE__ */ jsx18("div", { className: "fc-oneCardRight", children: /* @__PURE__ */ jsx18(
       "img",
       {
         alt: card.imageAlt ?? "",
-        className: "fcs-oneCardImage",
+        className: "fc-oneCardImage",
         decoding: "async",
         loading: "eager",
         src: card.image
@@ -1196,24 +1184,25 @@ var OneCardPanel = ({ card }) => {
     ) })
   ] }) });
 };
-var FeatureCardsSecondary = ({
+var FeatureCards = ({
   variant = "default",
   sectionTitle,
   sectionDescription,
   showLink = false,
   linkText = "Learn more",
   onLinkClick,
+  cardColorScheme = "image",
   cards
 }) => {
-  const sectionHeader = /* @__PURE__ */ jsxs16("div", { className: "fcs-header", children: [
-    sectionTitle && /* @__PURE__ */ jsx18("h2", { className: "fcs-sectionTitle", children: sectionTitle }),
-    sectionDescription && /* @__PURE__ */ jsx18("p", { className: "fcs-sectionDescription", children: sectionDescription }),
+  const sectionHeader = /* @__PURE__ */ jsxs16("div", { className: "fc-header", children: [
+    /* @__PURE__ */ jsx18("h2", { className: "fc-sectionTitle", children: sectionTitle }),
+    sectionDescription && /* @__PURE__ */ jsx18("p", { className: "fc-sectionDescription", children: sectionDescription }),
     showLink && /* @__PURE__ */ jsx18(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
   ] });
   if (variant === "twoCards") {
-    return /* @__PURE__ */ jsx18("section", { className: "fcs-section", children: /* @__PURE__ */ jsxs16("div", { className: "fcs-container", children: [
+    return /* @__PURE__ */ jsx18("section", { className: "fc-section", children: /* @__PURE__ */ jsxs16("div", { className: "fc-container", children: [
       sectionHeader,
-      /* @__PURE__ */ jsx18("div", { className: "fcs-grid fcs-grid--twoCards", children: cards.map((card, index) => /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx18("div", { className: "fc-grid fc-grid--twoCards", children: cards.map((card, index) => /* @__PURE__ */ jsx18(
         TwoCardsItem,
         {
           card,
@@ -1225,17 +1214,49 @@ var FeatureCardsSecondary = ({
   }
   if (variant === "oneCard") {
     const card = cards[0];
-    if (!card) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx18("section", { className: "fcs-section", children: /* @__PURE__ */ jsxs16("div", { className: "fcs-container", children: [
+    if (!card) return null;
+    return /* @__PURE__ */ jsx18("section", { className: "fc-section", children: /* @__PURE__ */ jsxs16("div", { className: "fc-container", children: [
       sectionHeader,
       /* @__PURE__ */ jsx18(OneCardPanel, { card })
     ] }) });
   }
-  return /* @__PURE__ */ jsx18("section", { className: "fcs-section", children: /* @__PURE__ */ jsxs16("div", { className: "fcs-container", children: [
+  return /* @__PURE__ */ jsx18("section", { className: "fc-section", children: /* @__PURE__ */ jsxs16("div", { className: "fc-container", children: [
     sectionHeader,
-    /* @__PURE__ */ jsx18("div", { className: `fcs-grid fcs-grid--${cards.length === 4 ? "4" : "3"}`, children: cards.map((card, index) => /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx18("div", { className: `fc-grid fc-grid--${cards.length === 4 ? "4" : "3"}`, children: cards.map((card, index) => /* @__PURE__ */ jsx18(
+      Card,
+      {
+        variant: "primary",
+        colorScheme: card.colorScheme ?? cardColorScheme,
+        title: card.title,
+        description: card.description,
+        image: card.image,
+        imageAlt: card.imageAlt,
+        showLink: card.showLink,
+        linkText: card.linkText,
+        onLinkClick: card.onLinkClick
+      },
+      index
+    )) })
+  ] }) });
+};
+
+// templates/FeatureCardsIcon/FeatureCardsIcon.tsx
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+var FeatureCardsIcon = ({
+  sectionTitle,
+  sectionDescription,
+  showLink = false,
+  linkText = "Learn more",
+  onLinkClick,
+  cards
+}) => {
+  return /* @__PURE__ */ jsx19("section", { className: "fci-section", children: /* @__PURE__ */ jsxs17("div", { className: "fci-container", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "fci-header", children: [
+      sectionTitle && /* @__PURE__ */ jsx19("h2", { className: "fci-sectionTitle", children: sectionTitle }),
+      sectionDescription && /* @__PURE__ */ jsx19("p", { className: "fci-sectionDescription", children: sectionDescription }),
+      showLink && /* @__PURE__ */ jsx19(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
+    ] }),
+    /* @__PURE__ */ jsx19("div", { className: `fci-grid fci-grid--${cards.length === 4 ? "4" : "3"}`, children: cards.map((card, index) => /* @__PURE__ */ jsx19(
       Card,
       {
         variant: "secondary",
@@ -1256,8 +1277,8 @@ var FeatureCardsSecondary = ({
 var FeatureBullets_default = {};
 
 // templates/FeatureBullets/FeatureBullets.tsx
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
-var CheckIcon2 = () => /* @__PURE__ */ jsx19("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__ */ jsx19("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" }) });
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+var CheckIcon2 = () => /* @__PURE__ */ jsx20("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__ */ jsx20("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,
@@ -1265,7 +1286,7 @@ var FeatureBullets = ({
   imageAlt = "",
   imagePosition = "right"
 }) => {
-  return /* @__PURE__ */ jsx19("section", { className: FeatureBullets_default.section, children: /* @__PURE__ */ jsx19("div", { className: FeatureBullets_default.container, children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx20("section", { className: FeatureBullets_default.section, children: /* @__PURE__ */ jsx20("div", { className: FeatureBullets_default.container, children: /* @__PURE__ */ jsxs18(
     "div",
     {
       className: [
@@ -1273,14 +1294,14 @@ var FeatureBullets = ({
         imagePosition === "left" ? FeatureBullets_default["split--image-left"] : ""
       ].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ jsxs17("div", { className: FeatureBullets_default.content, children: [
-          /* @__PURE__ */ jsx19("h2", { className: FeatureBullets_default.title, children: title }),
-          bullets && bullets.length > 0 && /* @__PURE__ */ jsx19("div", { className: FeatureBullets_default.bulletList, children: bullets.map((bullet, i) => /* @__PURE__ */ jsxs17("div", { className: FeatureBullets_default.bulletItem, children: [
-            /* @__PURE__ */ jsx19("div", { className: FeatureBullets_default.iconWrapper, children: /* @__PURE__ */ jsx19(CheckIcon2, {}) }),
-            /* @__PURE__ */ jsx19("p", { className: FeatureBullets_default.bulletText, children: bullet })
+        /* @__PURE__ */ jsxs18("div", { className: FeatureBullets_default.content, children: [
+          /* @__PURE__ */ jsx20("h2", { className: FeatureBullets_default.title, children: title }),
+          bullets && bullets.length > 0 && /* @__PURE__ */ jsx20("div", { className: FeatureBullets_default.bulletList, children: bullets.map((bullet, i) => /* @__PURE__ */ jsxs18("div", { className: FeatureBullets_default.bulletItem, children: [
+            /* @__PURE__ */ jsx20("div", { className: FeatureBullets_default.iconWrapper, children: /* @__PURE__ */ jsx20(CheckIcon2, {}) }),
+            /* @__PURE__ */ jsx20("p", { className: FeatureBullets_default.bulletText, children: bullet })
           ] }, i)) })
         ] }),
-        image && /* @__PURE__ */ jsx19("div", { className: FeatureBullets_default.imageWrapper, children: /* @__PURE__ */ jsx19(
+        image && /* @__PURE__ */ jsx20("div", { className: FeatureBullets_default.imageWrapper, children: /* @__PURE__ */ jsx20(
           "img",
           {
             alt: imageAlt,
@@ -1295,8 +1316,8 @@ var FeatureBullets = ({
 
 // components/Footer/Footer.tsx
 import { useState as useState5 } from "react";
-import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
-var ExternalLinkIcon = () => /* @__PURE__ */ jsx20(
+import { Fragment as Fragment2, jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+var ExternalLinkIcon = () => /* @__PURE__ */ jsx21(
   "svg",
   {
     width: "12",
@@ -1305,7 +1326,7 @@ var ExternalLinkIcon = () => /* @__PURE__ */ jsx20(
     fill: "none",
     "aria-hidden": "true",
     focusable: "false",
-    children: /* @__PURE__ */ jsx20(
+    children: /* @__PURE__ */ jsx21(
       "path",
       {
         d: "M2 2H10M10 2V10M10 2L2 10",
@@ -1317,7 +1338,7 @@ var ExternalLinkIcon = () => /* @__PURE__ */ jsx20(
     )
   }
 );
-var ChevronDownIcon2 = () => /* @__PURE__ */ jsx20(
+var ChevronDownIcon2 = () => /* @__PURE__ */ jsx21(
   "svg",
   {
     width: "12",
@@ -1326,7 +1347,7 @@ var ChevronDownIcon2 = () => /* @__PURE__ */ jsx20(
     fill: "none",
     "aria-hidden": "true",
     focusable: "false",
-    children: /* @__PURE__ */ jsx20(
+    children: /* @__PURE__ */ jsx21(
       "path",
       {
         d: "M2 4L6 8L10 4",
@@ -1343,9 +1364,9 @@ var DerivGoBadges = ({
   appStoreBadge,
   huaweiBadge,
   availabilityNote
-}) => /* @__PURE__ */ jsxs18(Fragment2, { children: [
-  /* @__PURE__ */ jsxs18("div", { className: "footer__app-badges", children: [
-    googlePlayBadge && /* @__PURE__ */ jsx20(
+}) => /* @__PURE__ */ jsxs19(Fragment2, { children: [
+  /* @__PURE__ */ jsxs19("div", { className: "footer__app-badges", children: [
+    googlePlayBadge && /* @__PURE__ */ jsx21(
       "a",
       {
         href: googlePlayBadge.href,
@@ -1353,10 +1374,10 @@ var DerivGoBadges = ({
         "aria-label": googlePlayBadge.imageAlt,
         target: "_blank",
         rel: "noopener noreferrer",
-        children: googlePlayBadge.icon ?? /* @__PURE__ */ jsx20("img", { src: googlePlayBadge.imageSrc, alt: googlePlayBadge.imageAlt })
+        children: googlePlayBadge.icon ?? /* @__PURE__ */ jsx21("img", { src: googlePlayBadge.imageSrc, alt: googlePlayBadge.imageAlt })
       }
     ),
-    appStoreBadge && /* @__PURE__ */ jsx20(
+    appStoreBadge && /* @__PURE__ */ jsx21(
       "a",
       {
         href: appStoreBadge.href,
@@ -1364,10 +1385,10 @@ var DerivGoBadges = ({
         "aria-label": appStoreBadge.imageAlt,
         target: "_blank",
         rel: "noopener noreferrer",
-        children: appStoreBadge.icon ?? /* @__PURE__ */ jsx20("img", { src: appStoreBadge.imageSrc, alt: appStoreBadge.imageAlt })
+        children: appStoreBadge.icon ?? /* @__PURE__ */ jsx21("img", { src: appStoreBadge.imageSrc, alt: appStoreBadge.imageAlt })
       }
     ),
-    huaweiBadge && /* @__PURE__ */ jsx20(
+    huaweiBadge && /* @__PURE__ */ jsx21(
       "a",
       {
         href: huaweiBadge.href,
@@ -1375,13 +1396,13 @@ var DerivGoBadges = ({
         "aria-label": huaweiBadge.imageAlt,
         target: "_blank",
         rel: "noopener noreferrer",
-        children: huaweiBadge.icon ?? /* @__PURE__ */ jsx20("img", { src: huaweiBadge.imageSrc, alt: huaweiBadge.imageAlt })
+        children: huaweiBadge.icon ?? /* @__PURE__ */ jsx21("img", { src: huaweiBadge.imageSrc, alt: huaweiBadge.imageAlt })
       }
     )
   ] }),
-  availabilityNote && /* @__PURE__ */ jsx20("p", { className: "footer__app-note", children: availabilityNote })
+  availabilityNote && /* @__PURE__ */ jsx21("p", { className: "footer__app-note", children: availabilityNote })
 ] });
-var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ jsxs18(
+var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ jsxs19(
   "a",
   {
     href,
@@ -1390,7 +1411,7 @@ var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ jsxs18(
     ...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : {},
     children: [
       label,
-      isExternal && /* @__PURE__ */ jsx20(ExternalLinkIcon, {})
+      isExternal && /* @__PURE__ */ jsx21(ExternalLinkIcon, {})
     ]
   }
 );
@@ -1422,14 +1443,14 @@ var Footer = ({
     });
   };
   const aiLabel = aiSummary?.label ?? "Ask AI for a summary of Deriv";
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "footer",
     {
       className: ["footer", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ jsxs18("div", { className: "footer__inner", children: [
-        /* @__PURE__ */ jsxs18("div", { className: "footer__header", children: [
-          /* @__PURE__ */ jsx20("div", { className: "footer__logo-wrapper", children: /* @__PURE__ */ jsx20(
+      children: /* @__PURE__ */ jsxs19("div", { className: "footer__inner", children: [
+        /* @__PURE__ */ jsxs19("div", { className: "footer__header", children: [
+          /* @__PURE__ */ jsx21("div", { className: "footer__logo-wrapper", children: /* @__PURE__ */ jsx21(
             "img",
             {
               src: logoSrc,
@@ -1437,21 +1458,21 @@ var Footer = ({
               className: "footer__logo"
             }
           ) }),
-          aiSummary && /* @__PURE__ */ jsxs18("div", { className: "footer__ai-bar footer__ai-bar--inline", children: [
-            /* @__PURE__ */ jsx20("span", { className: "footer__ai-bar-label", children: aiLabel }),
-            /* @__PURE__ */ jsx20("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ jsx20(
+          aiSummary && /* @__PURE__ */ jsxs19("div", { className: "footer__ai-bar footer__ai-bar--inline", children: [
+            /* @__PURE__ */ jsx21("span", { className: "footer__ai-bar-label", children: aiLabel }),
+            /* @__PURE__ */ jsx21("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ jsx21(
               "a",
               {
                 href: item.href,
                 "aria-label": item.imageAlt,
                 target: "_blank",
                 rel: "noopener noreferrer",
-                children: /* @__PURE__ */ jsx20("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
+                children: /* @__PURE__ */ jsx21("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
               },
               i
             )) })
           ] }),
-          /* @__PURE__ */ jsx20("div", { className: "footer__social footer__social--in-header", children: socialLinks.map((link, i) => /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21("div", { className: "footer__social footer__social--in-header", children: socialLinks.map((link, i) => /* @__PURE__ */ jsx21(
             "a",
             {
               href: link.href,
@@ -1464,27 +1485,27 @@ var Footer = ({
             i
           )) })
         ] }),
-        aiSummary && /* @__PURE__ */ jsx20("div", { className: "footer__ai-section", children: /* @__PURE__ */ jsxs18("div", { className: "footer__ai-bar footer__ai-bar--block", children: [
-          /* @__PURE__ */ jsx20("span", { className: "footer__ai-bar-label", children: aiLabel }),
-          /* @__PURE__ */ jsx20("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ jsx20(
+        aiSummary && /* @__PURE__ */ jsx21("div", { className: "footer__ai-section", children: /* @__PURE__ */ jsxs19("div", { className: "footer__ai-bar footer__ai-bar--block", children: [
+          /* @__PURE__ */ jsx21("span", { className: "footer__ai-bar-label", children: aiLabel }),
+          /* @__PURE__ */ jsx21("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ jsx21(
             "a",
             {
               href: item.href,
               "aria-label": item.imageAlt,
               target: "_blank",
               rel: "noopener noreferrer",
-              children: /* @__PURE__ */ jsx20("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
+              children: /* @__PURE__ */ jsx21("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
             },
             i
           )) })
         ] }) }),
-        /* @__PURE__ */ jsxs18("div", { className: "footer__nav footer__nav--columns", children: [
-          navColumns.map((column, colIdx) => /* @__PURE__ */ jsx20("div", { className: "footer__column", children: column.map((section, secIdx) => /* @__PURE__ */ jsxs18("div", { className: "footer__nav-section", children: [
-            /* @__PURE__ */ jsx20("p", { className: "footer__nav-title", children: section.title }),
-            /* @__PURE__ */ jsx20("ul", { className: "footer__nav-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsx20(NavLink, { ...link }) }, linkIdx)) })
+        /* @__PURE__ */ jsxs19("div", { className: "footer__nav footer__nav--columns", children: [
+          navColumns.map((column, colIdx) => /* @__PURE__ */ jsx21("div", { className: "footer__column", children: column.map((section, secIdx) => /* @__PURE__ */ jsxs19("div", { className: "footer__nav-section", children: [
+            /* @__PURE__ */ jsx21("p", { className: "footer__nav-title", children: section.title }),
+            /* @__PURE__ */ jsx21("ul", { className: "footer__nav-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsx21(NavLink, { ...link }) }, linkIdx)) })
           ] }, secIdx)) }, colIdx)),
-          /* @__PURE__ */ jsxs18("div", { className: "footer__sidebar", children: [
-            investorsInPeopleSrc && /* @__PURE__ */ jsx20("div", { className: "footer__investors-card", children: /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsxs19("div", { className: "footer__sidebar", children: [
+            investorsInPeopleSrc && /* @__PURE__ */ jsx21("div", { className: "footer__investors-card", children: /* @__PURE__ */ jsx21(
               "img",
               {
                 src: investorsInPeopleSrc,
@@ -1492,9 +1513,9 @@ var Footer = ({
                 className: "footer__investors-img"
               }
             ) }),
-            derivGo && /* @__PURE__ */ jsxs18("div", { className: "footer__deriv-go-card", children: [
-              /* @__PURE__ */ jsxs18("div", { className: "footer__deriv-go-header", children: [
-                /* @__PURE__ */ jsx20(
+            derivGo && /* @__PURE__ */ jsxs19("div", { className: "footer__deriv-go-card", children: [
+              /* @__PURE__ */ jsxs19("div", { className: "footer__deriv-go-header", children: [
+                /* @__PURE__ */ jsx21(
                   "img",
                   {
                     src: derivGo.logoSrc,
@@ -1502,11 +1523,11 @@ var Footer = ({
                     className: "footer__deriv-go-logo"
                   }
                 ),
-                /* @__PURE__ */ jsx20("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
+                /* @__PURE__ */ jsx21("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
               ] }),
-              /* @__PURE__ */ jsx20("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." }),
-              (derivGo.qrCodeSrc || derivGo.qrCodeIcon) && /* @__PURE__ */ jsxs18("div", { className: "footer__deriv-go-qr", children: [
-                derivGo.qrCodeIcon ? /* @__PURE__ */ jsx20("div", { className: "footer__deriv-go-qr-icon", children: derivGo.qrCodeIcon }) : /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." }),
+              (derivGo.qrCodeSrc || derivGo.qrCodeIcon) && /* @__PURE__ */ jsxs19("div", { className: "footer__deriv-go-qr", children: [
+                derivGo.qrCodeIcon ? /* @__PURE__ */ jsx21("div", { className: "footer__deriv-go-qr-icon", children: derivGo.qrCodeIcon }) : /* @__PURE__ */ jsx21(
                   "img",
                   {
                     src: derivGo.qrCodeSrc,
@@ -1514,9 +1535,9 @@ var Footer = ({
                     className: "footer__deriv-go-qr-img"
                   }
                 ),
-                /* @__PURE__ */ jsx20("span", { className: "footer__deriv-go-qr-label", children: derivGo.scanToDownloadLabel ?? "Scan to download" })
+                /* @__PURE__ */ jsx21("span", { className: "footer__deriv-go-qr-label", children: derivGo.scanToDownloadLabel ?? "Scan to download" })
               ] }),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 DerivGoBadges,
                 {
                   googlePlayBadge: derivGo.googlePlayBadge,
@@ -1528,9 +1549,9 @@ var Footer = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx20("div", { className: "footer__nav footer__nav--accordion", children: allSections.map((section, idx) => {
+        /* @__PURE__ */ jsx21("div", { className: "footer__nav footer__nav--accordion", children: allSections.map((section, idx) => {
           const isOpen = openSections.has(idx);
-          return /* @__PURE__ */ jsxs18(
+          return /* @__PURE__ */ jsxs19(
             "div",
             {
               className: [
@@ -1538,7 +1559,7 @@ var Footer = ({
                 isOpen && "footer__accordion-item--open"
               ].filter(Boolean).join(" "),
               children: [
-                /* @__PURE__ */ jsxs18(
+                /* @__PURE__ */ jsxs19(
                   "button",
                   {
                     type: "button",
@@ -1546,18 +1567,18 @@ var Footer = ({
                     onClick: () => toggleSection(idx),
                     "aria-expanded": isOpen,
                     children: [
-                      /* @__PURE__ */ jsx20("span", { className: "footer__accordion-label", children: section.title }),
-                      /* @__PURE__ */ jsx20("span", { className: "footer__accordion-chevron", children: /* @__PURE__ */ jsx20(ChevronDownIcon2, {}) })
+                      /* @__PURE__ */ jsx21("span", { className: "footer__accordion-label", children: section.title }),
+                      /* @__PURE__ */ jsx21("span", { className: "footer__accordion-chevron", children: /* @__PURE__ */ jsx21(ChevronDownIcon2, {}) })
                     ]
                   }
                 ),
-                isOpen && /* @__PURE__ */ jsx20("ul", { className: "footer__accordion-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsx20(NavLink, { ...link }) }, linkIdx)) })
+                isOpen && /* @__PURE__ */ jsx21("ul", { className: "footer__accordion-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsx21(NavLink, { ...link }) }, linkIdx)) })
               ]
             },
             idx
           );
         }) }),
-        socialLinks.length > 0 && /* @__PURE__ */ jsx20("div", { className: "footer__social footer__social--standalone", children: socialLinks.map((link, i) => /* @__PURE__ */ jsx20(
+        socialLinks.length > 0 && /* @__PURE__ */ jsx21("div", { className: "footer__social footer__social--standalone", children: socialLinks.map((link, i) => /* @__PURE__ */ jsx21(
           "a",
           {
             href: link.href,
@@ -1569,10 +1590,10 @@ var Footer = ({
           },
           i
         )) }),
-        derivGo && /* @__PURE__ */ jsxs18("div", { className: "footer__deriv-go-banner", children: [
-          /* @__PURE__ */ jsxs18("div", { className: "footer__deriv-go-banner-info", children: [
-            /* @__PURE__ */ jsxs18("div", { className: "footer__deriv-go-header", children: [
-              /* @__PURE__ */ jsx20(
+        derivGo && /* @__PURE__ */ jsxs19("div", { className: "footer__deriv-go-banner", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "footer__deriv-go-banner-info", children: [
+            /* @__PURE__ */ jsxs19("div", { className: "footer__deriv-go-header", children: [
+              /* @__PURE__ */ jsx21(
                 "img",
                 {
                   src: derivGo.logoSrc,
@@ -1580,11 +1601,11 @@ var Footer = ({
                   className: "footer__deriv-go-logo"
                 }
               ),
-              /* @__PURE__ */ jsx20("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
+              /* @__PURE__ */ jsx21("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
             ] }),
-            /* @__PURE__ */ jsx20("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." })
+            /* @__PURE__ */ jsx21("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." })
           ] }),
-          /* @__PURE__ */ jsx20("div", { className: "footer__deriv-go-banner-badges", children: /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21("div", { className: "footer__deriv-go-banner-badges", children: /* @__PURE__ */ jsx21(
             DerivGoBadges,
             {
               googlePlayBadge: derivGo.googlePlayBadge,
@@ -1594,11 +1615,11 @@ var Footer = ({
             }
           ) })
         ] }),
-        (licenseText || riskWarningText) && /* @__PURE__ */ jsxs18("div", { className: "footer__legal-block", children: [
-          licenseText && /* @__PURE__ */ jsx20("div", { className: "footer__license", children: licenseText }),
-          riskWarningText && /* @__PURE__ */ jsx20("div", { className: "footer__risk-warning", children: /* @__PURE__ */ jsx20("p", { className: "footer__risk-warning-text", children: riskWarningText }) })
+        (licenseText || riskWarningText) && /* @__PURE__ */ jsxs19("div", { className: "footer__legal-block", children: [
+          licenseText && /* @__PURE__ */ jsx21("div", { className: "footer__license", children: licenseText }),
+          riskWarningText && /* @__PURE__ */ jsx21("div", { className: "footer__risk-warning", children: /* @__PURE__ */ jsx21("p", { className: "footer__risk-warning-text", children: riskWarningText }) })
         ] }),
-        investorsInPeopleSrc && /* @__PURE__ */ jsx20("div", { className: "footer__investors-stacked", children: /* @__PURE__ */ jsx20(
+        investorsInPeopleSrc && /* @__PURE__ */ jsx21("div", { className: "footer__investors-stacked", children: /* @__PURE__ */ jsx21(
           "img",
           {
             src: investorsInPeopleSrc,
@@ -1612,70 +1633,19 @@ var Footer = ({
 };
 
 // templates/Hero/Hero.tsx
-import { useEffect as useEffect3, useRef as useRef3 } from "react";
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 var Visual = ({
   src,
   className,
   alt = ""
-}) => /* @__PURE__ */ jsx21("div", { className, children: typeof src === "string" ? /* @__PURE__ */ jsx21("img", { src, alt }) : src });
-var Hero = ({
-  variant,
-  subtitle,
-  title,
-  description,
+}) => /* @__PURE__ */ jsx22("div", { className, children: typeof src === "string" ? /* @__PURE__ */ jsx22("img", { src, alt }) : src });
+var ButtonBlock = ({
   primaryButton,
-  secondaryButton,
-  backgroundImageSrc,
-  heroImage,
-  leftVisual,
-  rightVisual,
-  productImage,
-  floatingImage,
-  className,
-  ...props
+  secondaryButton
 }) => {
-  const variantClass = `hero--${variant}`;
-  const sectionRef = useRef3(null);
-  const leftRef = useRef3(null);
-  const rightRef = useRef3(null);
-  useEffect3(() => {
-    if (variant !== "visuals") return;
-    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
-    const section = sectionRef.current;
-    const leftEl = leftRef.current;
-    const rightEl = rightRef.current;
-    if (!section || !leftEl || !rightEl) return;
-    const STRENGTH = 60;
-    const onScroll = () => {
-      const rect = section.getBoundingClientRect();
-      const viewH = window.innerHeight;
-      const progress = 1 - rect.bottom / (viewH + rect.height);
-      const clamped = Math.max(0, Math.min(1, progress));
-      const offset = (clamped - 0.5) * STRENGTH * 2;
-      leftEl.style.transform = `translateY(${-offset}px)`;
-      rightEl.style.transform = `translateY(${offset}px)`;
-    };
-    const scrollEl = (() => {
-      let el = section.parentElement;
-      while (el && el !== document.documentElement) {
-        const { overflow, overflowY } = getComputedStyle(el);
-        if (/auto|scroll/.test(overflow + overflowY)) return el;
-        el = el.parentElement;
-      }
-      return window;
-    })();
-    scrollEl.addEventListener("scroll", onScroll, { passive: true });
-    onScroll();
-    return () => scrollEl.removeEventListener("scroll", onScroll);
-  }, [variant]);
-  const textBlock = /* @__PURE__ */ jsxs19("div", { className: "hero__text", children: [
-    subtitle && /* @__PURE__ */ jsx21("p", { className: "hero__subtitle", children: subtitle }),
-    /* @__PURE__ */ jsx21("h2", { className: "hero__title", children: title }),
-    description && /* @__PURE__ */ jsx21("p", { className: "hero__description", children: description })
-  ] });
-  const buttonBlock = (primaryButton || secondaryButton) && /* @__PURE__ */ jsxs19("div", { className: "hero__buttons", children: [
-    primaryButton && (primaryButton.href ? /* @__PURE__ */ jsx21("a", { href: primaryButton.href, children: /* @__PURE__ */ jsx21(
+  if (!primaryButton && !secondaryButton) return null;
+  return /* @__PURE__ */ jsxs20("div", { className: "hero__buttons", children: [
+    primaryButton && (primaryButton.href ? /* @__PURE__ */ jsx22("a", { href: primaryButton.href, children: /* @__PURE__ */ jsx22(
       Button,
       {
         colorScheme: "coral",
@@ -1683,7 +1653,7 @@ var Hero = ({
         label: primaryButton.label,
         onClick: primaryButton.onClick
       }
-    ) }) : /* @__PURE__ */ jsx21(
+    ) }) : /* @__PURE__ */ jsx22(
       Button,
       {
         colorScheme: "coral",
@@ -1692,7 +1662,7 @@ var Hero = ({
         onClick: primaryButton.onClick
       }
     )),
-    secondaryButton && (secondaryButton.href ? /* @__PURE__ */ jsx21("a", { href: secondaryButton.href, children: /* @__PURE__ */ jsx21(
+    secondaryButton && (secondaryButton.href ? /* @__PURE__ */ jsx22("a", { href: secondaryButton.href, children: /* @__PURE__ */ jsx22(
       Button,
       {
         colorScheme: "white",
@@ -1700,7 +1670,7 @@ var Hero = ({
         label: secondaryButton.label,
         onClick: secondaryButton.onClick
       }
-    ) }) : /* @__PURE__ */ jsx21(
+    ) }) : /* @__PURE__ */ jsx22(
       Button,
       {
         colorScheme: "white",
@@ -1710,191 +1680,70 @@ var Hero = ({
       }
     ))
   ] });
+};
+var Hero = ({
+  variant,
+  subtitle,
+  title,
+  description,
+  primaryButton,
+  secondaryButton,
+  backgroundImageSrc,
+  heroImage,
+  productImage,
+  floatingImage,
+  className,
+  ...props
+}) => {
+  const variantClass = `hero--${variant}`;
   if (variant === "split") {
-    return /* @__PURE__ */ jsxs19(
+    return /* @__PURE__ */ jsxs20(
       "section",
       {
         className: ["hero", variantClass, className].filter(Boolean).join(" "),
         style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
         ...props,
         children: [
-          /* @__PURE__ */ jsx21("div", { className: "hero__overlay", "aria-hidden": "true" }),
-          heroImage && /* @__PURE__ */ jsx21(
-            Visual,
-            {
-              src: heroImage,
-              className: "hero__image-slot",
-              alt: ""
-            }
-          ),
-          /* @__PURE__ */ jsx21("div", { className: "hero__inner", children: /* @__PURE__ */ jsx21("div", { className: "hero__content", children: /* @__PURE__ */ jsx21("div", { className: "hero__left", children: /* @__PURE__ */ jsxs19("div", { className: "hero__body", children: [
-            /* @__PURE__ */ jsxs19("div", { className: "hero__text", children: [
-              subtitle && /* @__PURE__ */ jsx21("p", { className: "hero__subtitle", children: subtitle }),
-              /* @__PURE__ */ jsx21("h2", { className: "hero__title", children: title }),
-              description && /* @__PURE__ */ jsx21("p", { className: "hero__description", children: description })
+          /* @__PURE__ */ jsx22("div", { className: "hero__overlay", "aria-hidden": "true" }),
+          heroImage && /* @__PURE__ */ jsx22(Visual, { src: heroImage, className: "hero__image-slot", alt: "" }),
+          /* @__PURE__ */ jsx22("div", { className: "hero__inner", children: /* @__PURE__ */ jsx22("div", { className: "hero__content", children: /* @__PURE__ */ jsx22("div", { className: "hero__left", children: /* @__PURE__ */ jsxs20("div", { className: "hero__body", children: [
+            /* @__PURE__ */ jsxs20("div", { className: "hero__text", children: [
+              subtitle && /* @__PURE__ */ jsx22("p", { className: "hero__subtitle", children: subtitle }),
+              /* @__PURE__ */ jsx22("h2", { className: "hero__title", children: title }),
+              description && /* @__PURE__ */ jsx22("p", { className: "hero__description", children: description })
             ] }),
-            (primaryButton || secondaryButton) && /* @__PURE__ */ jsxs19("div", { className: "hero__buttons", children: [
-              primaryButton && (primaryButton.href ? /* @__PURE__ */ jsx21("a", { href: primaryButton.href, children: /* @__PURE__ */ jsx21(
-                Button,
-                {
-                  colorScheme: "coral",
-                  variant: "primary",
-                  label: primaryButton.label,
-                  onClick: primaryButton.onClick
-                }
-              ) }) : /* @__PURE__ */ jsx21(
-                Button,
-                {
-                  colorScheme: "coral",
-                  variant: "primary",
-                  label: primaryButton.label,
-                  onClick: primaryButton.onClick
-                }
-              )),
-              secondaryButton && (secondaryButton.href ? /* @__PURE__ */ jsx21("a", { href: secondaryButton.href, children: /* @__PURE__ */ jsx21(
-                Button,
-                {
-                  colorScheme: "white",
-                  variant: "secondary",
-                  label: secondaryButton.label,
-                  onClick: secondaryButton.onClick
-                }
-              ) }) : /* @__PURE__ */ jsx21(
-                Button,
-                {
-                  colorScheme: "white",
-                  variant: "secondary",
-                  label: secondaryButton.label,
-                  onClick: secondaryButton.onClick
-                }
-              ))
-            ] })
+            /* @__PURE__ */ jsx22(
+              ButtonBlock,
+              {
+                primaryButton,
+                secondaryButton
+              }
+            )
           ] }) }) }) })
         ]
       }
     );
   }
   if (variant === "centered") {
-    return /* @__PURE__ */ jsxs19(
-      "section",
-      {
-        className: ["hero", variantClass, className].filter(Boolean).join(" "),
-        style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx21("div", { className: "hero__overlay", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx21("div", { className: "hero__inner", children: /* @__PURE__ */ jsxs19("div", { className: "hero__content", children: [
-            /* @__PURE__ */ jsxs19("div", { className: "hero__text", children: [
-              subtitle && /* @__PURE__ */ jsx21("p", { className: "hero__subtitle", children: subtitle }),
-              /* @__PURE__ */ jsx21("h2", { className: "hero__title", children: title }),
-              description && /* @__PURE__ */ jsx21("p", { className: "hero__description", children: description })
-            ] }),
-            (primaryButton || secondaryButton) && /* @__PURE__ */ jsxs19("div", { className: "hero__buttons", children: [
-              primaryButton && (primaryButton.href ? /* @__PURE__ */ jsx21("a", { href: primaryButton.href, children: /* @__PURE__ */ jsx21(
-                Button,
-                {
-                  colorScheme: "coral",
-                  variant: "primary",
-                  label: primaryButton.label,
-                  onClick: primaryButton.onClick
-                }
-              ) }) : /* @__PURE__ */ jsx21(
-                Button,
-                {
-                  colorScheme: "coral",
-                  variant: "primary",
-                  label: primaryButton.label,
-                  onClick: primaryButton.onClick
-                }
-              )),
-              secondaryButton && (secondaryButton.href ? /* @__PURE__ */ jsx21("a", { href: secondaryButton.href, children: /* @__PURE__ */ jsx21(
-                Button,
-                {
-                  colorScheme: "white",
-                  variant: "secondary",
-                  label: secondaryButton.label,
-                  onClick: secondaryButton.onClick
-                }
-              ) }) : /* @__PURE__ */ jsx21(
-                Button,
-                {
-                  colorScheme: "white",
-                  variant: "secondary",
-                  label: secondaryButton.label,
-                  onClick: secondaryButton.onClick
-                }
-              ))
-            ] })
-          ] }) })
-        ]
-      }
-    );
-  }
-  if (variant === "showcase") {
-    return /* @__PURE__ */ jsxs19(
+    return /* @__PURE__ */ jsxs20(
       "section",
       {
         className: ["hero", variantClass, className].filter(Boolean).join(" "),
         style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
         ...props,
         children: [
-          /* @__PURE__ */ jsx21("div", { className: "hero__overlay", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx21("div", { className: "hero__inner", children: /* @__PURE__ */ jsxs19("div", { className: "hero__content", children: [
-            /* @__PURE__ */ jsxs19("div", { className: "hero__text", children: [
-              subtitle && /* @__PURE__ */ jsx21("p", { className: "hero__subtitle", children: subtitle }),
-              /* @__PURE__ */ jsx21("h2", { className: "hero__title", children: title }),
-              description && /* @__PURE__ */ jsx21("p", { className: "hero__description", children: description })
+          /* @__PURE__ */ jsx22("div", { className: "hero__overlay", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx22("div", { className: "hero__inner", children: /* @__PURE__ */ jsxs20("div", { className: "hero__content", children: [
+            /* @__PURE__ */ jsxs20("div", { className: "hero__text", children: [
+              subtitle && /* @__PURE__ */ jsx22("p", { className: "hero__subtitle", children: subtitle }),
+              /* @__PURE__ */ jsx22("h2", { className: "hero__title", children: title }),
+              description && /* @__PURE__ */ jsx22("p", { className: "hero__description", children: description })
             ] }),
-            (primaryButton || secondaryButton) && /* @__PURE__ */ jsxs19("div", { className: "hero__buttons", children: [
-              primaryButton && (primaryButton.href ? /* @__PURE__ */ jsx21("a", { href: primaryButton.href, children: /* @__PURE__ */ jsx21(
-                Button,
-                {
-                  colorScheme: "coral",
-                  variant: "primary",
-                  label: primaryButton.label,
-                  onClick: primaryButton.onClick
-                }
-              ) }) : /* @__PURE__ */ jsx21(
-                Button,
-                {
-                  colorScheme: "coral",
-                  variant: "primary",
-                  label: primaryButton.label,
-                  onClick: primaryButton.onClick
-                }
-              )),
-              secondaryButton && (secondaryButton.href ? /* @__PURE__ */ jsx21("a", { href: secondaryButton.href, children: /* @__PURE__ */ jsx21(
-                Button,
-                {
-                  colorScheme: "white",
-                  variant: "secondary",
-                  label: secondaryButton.label,
-                  onClick: secondaryButton.onClick
-                }
-              ) }) : /* @__PURE__ */ jsx21(
-                Button,
-                {
-                  colorScheme: "white",
-                  variant: "secondary",
-                  label: secondaryButton.label,
-                  onClick: secondaryButton.onClick
-                }
-              ))
-            ] }),
-            productImage && /* @__PURE__ */ jsx21(
-              Visual,
+            /* @__PURE__ */ jsx22(
+              ButtonBlock,
               {
-                src: productImage,
-                className: "hero__product-image",
-                alt: ""
-              }
-            ),
-            floatingImage && /* @__PURE__ */ jsx21(
-              Visual,
-              {
-                src: floatingImage,
-                className: "hero__floating-image",
-                alt: ""
+                primaryButton,
+                secondaryButton
               }
             )
           ] }) })
@@ -1902,20 +1751,165 @@ var Hero = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "section",
     {
-      ref: sectionRef,
       className: ["hero", variantClass, className].filter(Boolean).join(" "),
+      style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx22("div", { className: "hero__overlay", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx22("div", { className: "hero__inner", children: /* @__PURE__ */ jsxs20("div", { className: "hero__content", children: [
+          /* @__PURE__ */ jsxs20("div", { className: "hero__text", children: [
+            subtitle && /* @__PURE__ */ jsx22("p", { className: "hero__subtitle", children: subtitle }),
+            /* @__PURE__ */ jsx22("h2", { className: "hero__title", children: title }),
+            description && /* @__PURE__ */ jsx22("p", { className: "hero__description", children: description })
+          ] }),
+          /* @__PURE__ */ jsx22(
+            ButtonBlock,
+            {
+              primaryButton,
+              secondaryButton
+            }
+          ),
+          productImage && /* @__PURE__ */ jsx22(
+            Visual,
+            {
+              src: productImage,
+              className: "hero__product-image",
+              alt: ""
+            }
+          ),
+          floatingImage && /* @__PURE__ */ jsx22(
+            Visual,
+            {
+              src: floatingImage,
+              className: "hero__floating-image",
+              alt: ""
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+};
+
+// templates/Header/Header.tsx
+import { useEffect as useEffect3, useRef as useRef3 } from "react";
+import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+var ButtonBlock2 = ({
+  primaryButton,
+  secondaryButton
+}) => {
+  if (!primaryButton && !secondaryButton) return null;
+  return /* @__PURE__ */ jsxs21("div", { className: "header__buttons", children: [
+    primaryButton && (primaryButton.href ? /* @__PURE__ */ jsx23("a", { href: primaryButton.href, children: /* @__PURE__ */ jsx23(
+      Button,
+      {
+        colorScheme: "coral",
+        variant: "primary",
+        label: primaryButton.label,
+        onClick: primaryButton.onClick
+      }
+    ) }) : /* @__PURE__ */ jsx23(
+      Button,
+      {
+        colorScheme: "coral",
+        variant: "primary",
+        label: primaryButton.label,
+        onClick: primaryButton.onClick
+      }
+    )),
+    secondaryButton && (secondaryButton.href ? /* @__PURE__ */ jsx23("a", { href: secondaryButton.href, children: /* @__PURE__ */ jsx23(
+      Button,
+      {
+        colorScheme: "white",
+        variant: "secondary",
+        label: secondaryButton.label,
+        onClick: secondaryButton.onClick
+      }
+    ) }) : /* @__PURE__ */ jsx23(
+      Button,
+      {
+        colorScheme: "white",
+        variant: "secondary",
+        label: secondaryButton.label,
+        onClick: secondaryButton.onClick
+      }
+    ))
+  ] });
+};
+var Header = ({
+  variant,
+  subtitle,
+  title,
+  description,
+  primaryButton,
+  secondaryButton,
+  leftVisual,
+  rightVisual,
+  className,
+  ...props
+}) => {
+  const variantClass = `header--${variant}`;
+  const sectionRef = useRef3(null);
+  const leftRef = useRef3(null);
+  const rightRef = useRef3(null);
+  useEffect3(() => {
+    if (variant !== "visuals") return;
+    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+    const section = sectionRef.current;
+    const leftEl = leftRef.current;
+    const rightEl = rightRef.current;
+    if (!section || !leftEl || !rightEl) return;
+    const STRENGTH = 60;
+    const onScroll = () => {
+      const rect = section.getBoundingClientRect();
+      const viewH = window.innerHeight;
+      const progress = 1 - rect.bottom / (viewH + rect.height);
+      const clamped = Math.max(0, Math.min(1, progress));
+      const offset = (clamped - 0.5) * STRENGTH * 2;
+      leftEl.style.transform = `translateY(${-offset}px)`;
+      rightEl.style.transform = `translateY(${offset}px)`;
+    };
+    const scrollEl = (() => {
+      let el = section.parentElement;
+      while (el && el !== document.documentElement) {
+        const { overflow, overflowY } = getComputedStyle(el);
+        if (/auto|scroll/.test(overflow + overflowY)) return el;
+        el = el.parentElement;
+      }
+      return window;
+    })();
+    scrollEl.addEventListener("scroll", onScroll, { passive: true });
+    onScroll();
+    return () => scrollEl.removeEventListener("scroll", onScroll);
+  }, [variant]);
+  const textBlock = /* @__PURE__ */ jsxs21("div", { className: "header__text", children: [
+    subtitle && /* @__PURE__ */ jsx23("p", { className: "header__subtitle", children: subtitle }),
+    /* @__PURE__ */ jsx23("h2", { className: "header__title", children: title }),
+    description && /* @__PURE__ */ jsx23("p", { className: "header__description", children: description })
+  ] });
+  return /* @__PURE__ */ jsxs21(
+    "section",
+    {
+      ref: sectionRef,
+      className: ["header", variantClass, className].filter(Boolean).join(" "),
       ...props,
       children: [
-        /* @__PURE__ */ jsx21("div", { className: "hero__grid", "aria-hidden": "true" }),
-        variant === "visuals" && leftVisual && /* @__PURE__ */ jsx21("div", { ref: leftRef, className: "hero__visual hero__visual--left", children: typeof leftVisual === "string" ? /* @__PURE__ */ jsx21("img", { src: leftVisual, alt: "" }) : leftVisual }),
-        variant === "visuals" && rightVisual && /* @__PURE__ */ jsx21("div", { ref: rightRef, className: "hero__visual hero__visual--right", children: typeof rightVisual === "string" ? /* @__PURE__ */ jsx21("img", { src: rightVisual, alt: "" }) : rightVisual }),
-        /* @__PURE__ */ jsx21("div", { className: "hero__overlay", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx21("div", { className: "hero__inner", children: /* @__PURE__ */ jsx21("div", { className: "hero__content", children: /* @__PURE__ */ jsxs19("div", { className: "hero__body", children: [
+        /* @__PURE__ */ jsx23("div", { className: "header__grid", "aria-hidden": "true" }),
+        variant === "visuals" && leftVisual && /* @__PURE__ */ jsx23("div", { ref: leftRef, className: "header__visual header__visual--left", children: typeof leftVisual === "string" ? /* @__PURE__ */ jsx23("img", { src: leftVisual, alt: "" }) : leftVisual }),
+        variant === "visuals" && rightVisual && /* @__PURE__ */ jsx23("div", { ref: rightRef, className: "header__visual header__visual--right", children: typeof rightVisual === "string" ? /* @__PURE__ */ jsx23("img", { src: rightVisual, alt: "" }) : rightVisual }),
+        /* @__PURE__ */ jsx23("div", { className: "header__overlay", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx23("div", { className: "header__inner", children: /* @__PURE__ */ jsx23("div", { className: "header__content", children: /* @__PURE__ */ jsxs21("div", { className: "header__body", children: [
           textBlock,
-          buttonBlock
+          /* @__PURE__ */ jsx23(
+            ButtonBlock2,
+            {
+              primaryButton,
+              secondaryButton
+            }
+          )
         ] }) }) })
       ]
     }
@@ -1924,7 +1918,7 @@ var Hero = ({
 
 // templates/Stats/Stats.tsx
 import { useEffect as useEffect4, useRef as useRef4, useState as useState6 } from "react";
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs22 } from "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;
@@ -1951,7 +1945,7 @@ function getStatStyle(rel) {
     transition: TRANSITION
   };
 }
-var AwardBadge = ({ imageSrc, imageAlt = "" }) => /* @__PURE__ */ jsx22("div", { className: "stats__award", children: /* @__PURE__ */ jsx22("img", { src: imageSrc, alt: imageAlt, className: "stats__award-image" }) });
+var AwardBadge = ({ imageSrc, imageAlt = "" }) => /* @__PURE__ */ jsx24("div", { className: "stats__award", children: /* @__PURE__ */ jsx24("img", { src: imageSrc, alt: imageAlt, className: "stats__award-image" }) });
 var Stats = ({
   title,
   description,
@@ -2008,26 +2002,26 @@ var Stats = ({
       if (rafRef.current) cancelAnimationFrame(rafRef.current);
     };
   }, []);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     "section",
     {
       ref: sectionRef,
       className: ["stats", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ jsxs20("div", { className: "stats__inner", children: [
-        /* @__PURE__ */ jsxs20("div", { className: "stats__header", children: [
-          /* @__PURE__ */ jsx22("h2", { className: "stats__title", children: title }),
-          description && /* @__PURE__ */ jsx22("p", { className: "stats__description", children: description })
+      children: /* @__PURE__ */ jsxs22("div", { className: "stats__inner", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "stats__header", children: [
+          /* @__PURE__ */ jsx24("h2", { className: "stats__title", children: title }),
+          description && /* @__PURE__ */ jsx24("p", { className: "stats__description", children: description })
         ] }),
-        /* @__PURE__ */ jsxs20("div", { className: "stats__content", children: [
-          leftAwards.length > 0 && /* @__PURE__ */ jsx22("div", { ref: leftColRef, className: "stats__awards-col stats__awards-col--left", children: leftAwards.map((award, i) => /* @__PURE__ */ jsx22(AwardBadge, { ...award }, i)) }),
-          /* @__PURE__ */ jsx22("div", { className: "stats__card", children: /* @__PURE__ */ jsxs20("div", { className: "stats__card-track", children: [
-            /* @__PURE__ */ jsx22("div", { className: "stats__fade stats__fade--top", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx22("div", { className: "stats__fade stats__fade--bottom", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs22("div", { className: "stats__content", children: [
+          leftAwards.length > 0 && /* @__PURE__ */ jsx24("div", { ref: leftColRef, className: "stats__awards-col stats__awards-col--left", children: leftAwards.map((award, i) => /* @__PURE__ */ jsx24(AwardBadge, { ...award }, i)) }),
+          /* @__PURE__ */ jsx24("div", { className: "stats__card", children: /* @__PURE__ */ jsxs22("div", { className: "stats__card-track", children: [
+            /* @__PURE__ */ jsx24("div", { className: "stats__fade stats__fade--top", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx24("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__ */ jsxs20(
+              return /* @__PURE__ */ jsxs22(
                 "div",
                 {
                   className: [
@@ -2037,16 +2031,16 @@ var Stats = ({
                   style: getStatStyle(rel),
                   "aria-hidden": !active,
                   children: [
-                    /* @__PURE__ */ jsx22("span", { className: "stats__stat-value", children: stat.value }),
-                    /* @__PURE__ */ jsx22("span", { className: "stats__stat-label", children: stat.label })
+                    /* @__PURE__ */ jsx24("span", { className: "stats__stat-value", children: stat.value }),
+                    /* @__PURE__ */ jsx24("span", { className: "stats__stat-label", children: stat.label })
                   ]
                 },
                 i
               );
             })
           ] }) }),
-          rightAwards.length > 0 && /* @__PURE__ */ jsx22("div", { ref: rightColRef, className: "stats__awards-col stats__awards-col--right", children: rightAwards.map((award, i) => /* @__PURE__ */ jsx22(AwardBadge, { ...award }, i)) }),
-          hasAwards && /* @__PURE__ */ jsx22("div", { className: "stats__awards-mobile", children: allAwards.map((award, i) => /* @__PURE__ */ jsx22(AwardBadge, { ...award }, i)) })
+          rightAwards.length > 0 && /* @__PURE__ */ jsx24("div", { ref: rightColRef, className: "stats__awards-col stats__awards-col--right", children: rightAwards.map((award, i) => /* @__PURE__ */ jsx24(AwardBadge, { ...award }, i)) }),
+          hasAwards && /* @__PURE__ */ jsx24("div", { className: "stats__awards-mobile", children: allAwards.map((award, i) => /* @__PURE__ */ jsx24(AwardBadge, { ...award }, i)) })
         ] })
       ] })
     }
@@ -2059,7 +2053,7 @@ import { useLayoutEffect, useRef as useRef6, useState as useState8 } from "react
 // components/DotLottieInView/DotLottieInView.tsx
 import { useEffect as useEffect5, useRef as useRef5, useState as useState7 } from "react";
 import { DotLottieReact } from "@lottiefiles/dotlottie-react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function DotLottieInView({
   enabled = true,
   rootMargin = "0px",
@@ -2092,7 +2086,7 @@ function DotLottieInView({
     dotLottie.stop();
     dotLottie.play();
   }, [dotLottie, enabled, inView]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       ref: wrapRef,
@@ -2107,7 +2101,7 @@ function DotLottieInView({
         backgroundColor: "transparent",
         ...style
       },
-      children: /* @__PURE__ */ jsx23(
+      children: /* @__PURE__ */ jsx25(
         DotLottieReact,
         {
           ...dotProps,
@@ -2121,7 +2115,7 @@ function DotLottieInView({
 }
 
 // templates/FeatureScroll/FeatureScroll.tsx
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 var FEATURE_SCROLL_DATA = [
   {
     title: "Forex",
@@ -2166,7 +2160,7 @@ var FEATURE_SCROLL_DATA = [
     mediaUrl: "https://cdn.prod.website-files.com/66fbaad381fa6866fa4991f3/675a9064f2c16e4e0732abfb_Stock%20Indices.lottie"
   }
 ];
-var ChevronRight2 = () => /* @__PURE__ */ jsx24(
+var ChevronRight2 = () => /* @__PURE__ */ jsx26(
   "svg",
   {
     className: "fs__item-link-icon",
@@ -2175,7 +2169,7 @@ var ChevronRight2 = () => /* @__PURE__ */ jsx24(
     viewBox: "0 0 16 16",
     fill: "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx24(
+    children: /* @__PURE__ */ jsx26(
       "path",
       {
         d: "M6 3l5 5-5 5",
@@ -2193,7 +2187,7 @@ function resolveMediaType(item) {
 }
 var MediaRenderer = ({ item, active }) => {
   if (resolveMediaType(item) === "lottie") {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx26(
       DotLottieInView,
       {
         src: item.mediaUrl,
@@ -2201,7 +2195,7 @@ var MediaRenderer = ({ item, active }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     "img",
     {
       src: item.mediaUrl,
@@ -2272,24 +2266,24 @@ var FeatureScroll = ({
     className
   ].filter(Boolean).join(" ");
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx24("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsx24("div", { className: "fs__inner", children: /* @__PURE__ */ jsx24("h2", { className: "fs__header", children: header }) }) });
+    return /* @__PURE__ */ jsx26("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsx26("div", { className: "fs__inner", children: /* @__PURE__ */ jsx26("h2", { className: "fs__header", children: header }) }) });
   }
-  return /* @__PURE__ */ jsx24("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsxs21("div", { className: "fs__inner", children: [
-    /* @__PURE__ */ jsx24("h2", { className: "fs__header", children: header }),
-    /* @__PURE__ */ jsxs21("div", { className: "fs__layout", children: [
-      /* @__PURE__ */ jsx24("div", { className: "fs__media-col", "aria-hidden": "true", children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsxs23("div", { className: "fs__inner", children: [
+    /* @__PURE__ */ jsx26("h2", { className: "fs__header", children: header }),
+    /* @__PURE__ */ jsxs23("div", { className: "fs__layout", children: [
+      /* @__PURE__ */ jsx26("div", { className: "fs__media-col", "aria-hidden": "true", children: /* @__PURE__ */ jsx26(
         "div",
         {
           ref: mediaColRef,
           className: "fs__media-sticky",
-          children: /* @__PURE__ */ jsx24("div", { className: "fs__media-wrap", children: items.map((item, i) => /* @__PURE__ */ jsx24(
+          children: /* @__PURE__ */ jsx26("div", { className: "fs__media-wrap", children: items.map((item, i) => /* @__PURE__ */ jsx26(
             "div",
             {
               className: [
                 "fs__media-item",
                 i === activeIndex ? "fs__media-item--active" : ""
               ].filter(Boolean).join(" "),
-              children: /* @__PURE__ */ jsx24(
+              children: /* @__PURE__ */ jsx26(
                 MediaRenderer,
                 {
                   item,
@@ -2301,12 +2295,12 @@ var FeatureScroll = ({
           )) })
         }
       ) }),
-      /* @__PURE__ */ jsx24("div", { className: "fs__content-col", children: items.map((item, i) => /* @__PURE__ */ jsxs21(
+      /* @__PURE__ */ jsx26("div", { className: "fs__content-col", children: items.map((item, i) => /* @__PURE__ */ jsxs23(
         "div",
         {
           className: "fs__item",
           children: [
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx26(
               "h3",
               {
                 ref: (el) => {
@@ -2316,15 +2310,15 @@ var FeatureScroll = ({
                 children: item.title
               }
             ),
-            /* @__PURE__ */ jsx24("p", { className: "fs__item-desc", children: item.description }),
-            /* @__PURE__ */ jsxs21(
+            /* @__PURE__ */ jsx26("p", { className: "fs__item-desc", children: item.description }),
+            /* @__PURE__ */ jsxs23(
               "a",
               {
                 href: item.link,
                 className: "fs__item-link",
                 children: [
-                  /* @__PURE__ */ jsx24("span", { children: item.linkLabel }),
-                  /* @__PURE__ */ jsx24(ChevronRight2, {})
+                  /* @__PURE__ */ jsx26("span", { children: item.linkLabel }),
+                  /* @__PURE__ */ jsx26(ChevronRight2, {})
                 ]
               }
             )
@@ -2333,18 +2327,18 @@ var FeatureScroll = ({
         i
       )) })
     ] }),
-    /* @__PURE__ */ jsx24("div", { className: "fs__mobile-list", children: items.map((item, i) => /* @__PURE__ */ jsxs21("div", { className: "fs__mobile-item", children: [
-      /* @__PURE__ */ jsx24("h3", { className: "fs__item-title", children: item.title }),
-      /* @__PURE__ */ jsx24("div", { className: "fs__mobile-media", children: /* @__PURE__ */ jsx24(MediaRenderer, { item, active: true }) }),
-      /* @__PURE__ */ jsx24("p", { className: "fs__item-desc", children: item.description }),
-      /* @__PURE__ */ jsxs21(
+    /* @__PURE__ */ jsx26("div", { className: "fs__mobile-list", children: items.map((item, i) => /* @__PURE__ */ jsxs23("div", { className: "fs__mobile-item", children: [
+      /* @__PURE__ */ jsx26("h3", { className: "fs__item-title", children: item.title }),
+      /* @__PURE__ */ jsx26("div", { className: "fs__mobile-media", children: /* @__PURE__ */ jsx26(MediaRenderer, { item, active: true }) }),
+      /* @__PURE__ */ jsx26("p", { className: "fs__item-desc", children: item.description }),
+      /* @__PURE__ */ jsxs23(
         "a",
         {
           href: item.link,
           className: "fs__item-link",
           children: [
-            /* @__PURE__ */ jsx24("span", { children: item.linkLabel }),
-            /* @__PURE__ */ jsx24(ChevronRight2, {})
+            /* @__PURE__ */ jsx26("span", { children: item.linkLabel }),
+            /* @__PURE__ */ jsx26(ChevronRight2, {})
           ]
         }
       )
@@ -2354,7 +2348,7 @@ var FeatureScroll = ({
 
 // templates/StickyStackedCards/StickyStackedCards.tsx
 import { useEffect as useEffect6, useRef as useRef7 } from "react";
-import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 var PLACEHOLDER_IMAGE = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
 var STEPS_DATA = [
   {
@@ -2418,14 +2412,14 @@ var StickyStackedCards = ({
       cancelAnimationFrame(rafId);
     };
   }, [items.length]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     "section",
     {
       className: ["ssc", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ jsxs22("div", { className: "ssc__inner", children: [
-        /* @__PURE__ */ jsx25("h2", { className: "ssc__header", children: header }),
-        /* @__PURE__ */ jsx25("div", { className: "ssc__track", children: items.map((item, i) => /* @__PURE__ */ jsxs22(
+      children: /* @__PURE__ */ jsxs24("div", { className: "ssc__inner", children: [
+        /* @__PURE__ */ jsx27("h2", { className: "ssc__header", children: header }),
+        /* @__PURE__ */ jsx27("div", { className: "ssc__track", children: items.map((item, i) => /* @__PURE__ */ jsxs24(
           "div",
           {
             ref: (el) => {
@@ -2451,11 +2445,11 @@ var StickyStackedCards = ({
               top: `calc(var(--ssc-sticky-top) + ${i} * var(--ssc-peek-offset))`
             },
             children: [
-              /* @__PURE__ */ jsxs22("div", { className: "ssc__card-content", children: [
-                /* @__PURE__ */ jsx25("h3", { className: "ssc__card-title", children: item.title }),
-                /* @__PURE__ */ jsx25("p", { className: "ssc__card-desc", children: item.description })
+              /* @__PURE__ */ jsxs24("div", { className: "ssc__card-content", children: [
+                /* @__PURE__ */ jsx27("h3", { className: "ssc__card-title", children: item.title }),
+                /* @__PURE__ */ jsx27("p", { className: "ssc__card-desc", children: item.description })
               ] }),
-              /* @__PURE__ */ jsx25("div", { className: "ssc__card-image", children: /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx27("div", { className: "ssc__card-image", children: /* @__PURE__ */ jsx27(
                 "img",
                 {
                   src: item.imageUrl,
@@ -2481,7 +2475,7 @@ import {
   useTransform,
   useMotionTemplate
 } from "framer-motion";
-import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 var ENTRANCE = {
   near: 80,
   mid: 130,
@@ -2745,14 +2739,14 @@ var CTABanner = ({
   const compactXValues = useCompactAvatarXValues(smooth);
   const avatarYValues = variant === "compact" ? compactYValues : standardYValues;
   const avatarXValues = variant === "compact" ? compactXValues : standardXValues;
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs25(
     "section",
     {
       ref: sectionRef,
       className: ["ctab", variant === "compact" ? "ctab--compact" : "", className].filter(Boolean).join(" "),
       ...props,
       children: [
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx28(
           motion.div,
           {
             className: "ctab__grid",
@@ -2760,7 +2754,7 @@ var CTABanner = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx26("div", { className: "ctab__inner", children: /* @__PURE__ */ jsxs23("div", { className: "ctab__stage", children: [
+        /* @__PURE__ */ jsx28("div", { className: "ctab__inner", children: /* @__PURE__ */ jsxs25("div", { className: "ctab__stage", children: [
           resolvedAvatars.map((avatar, index) => {
             const posStyle = {};
             if (avatar.desktopPos.left) posStyle["--av-d-left"] = avatar.desktopPos.left;
@@ -2769,7 +2763,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__ */ jsx26(
+            return /* @__PURE__ */ jsx28(
               motion.div,
               {
                 className: [
@@ -2783,7 +2777,7 @@ var CTABanner = ({
                   opacity: avatarOpacity,
                   filter: avatarFilter
                 },
-                children: /* @__PURE__ */ jsx26(
+                children: /* @__PURE__ */ jsx28(
                   "img",
                   {
                     src: avatar.imageUrl,
@@ -2796,14 +2790,14 @@ var CTABanner = ({
               avatar.id
             );
           }),
-          /* @__PURE__ */ jsxs23(
+          /* @__PURE__ */ jsxs25(
             motion.div,
             {
               className: "ctab__hero",
               style: { y: heroY, opacity: heroOpacity },
               children: [
-                /* @__PURE__ */ jsx26("h2", { className: "ctab__headline", children: headline }),
-                /* @__PURE__ */ jsx26("a", { href: ctaHref, children: /* @__PURE__ */ jsx26(Button, { colorScheme: "black", variant: "primary", label: ctaLabel }) })
+                /* @__PURE__ */ jsx28("h2", { className: "ctab__headline", children: headline }),
+                /* @__PURE__ */ jsx28("a", { href: ctaHref, children: /* @__PURE__ */ jsx28(Button, { colorScheme: "black", variant: "primary", label: ctaLabel }) })
               ]
             }
           )
@@ -2821,7 +2815,7 @@ import { motion as motion2, AnimatePresence } from "framer-motion";
 var icon_globe_default = "./icon-globe-S54WYYEK.svg";
 
 // components/Navbar/Navbar.tsx
-import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 var EASE_OUT_EXPO = [0.16, 1, 0.3, 1];
 var dropdownVariants = {
   hidden: { opacity: 0, scale: 0.96, y: -8 },
@@ -2835,7 +2829,7 @@ var accordionVariants = {
   hidden: { height: 0, opacity: 0 },
   visible: { height: "auto", opacity: 1 }
 };
-var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ jsx27(
+var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ jsx29(
   "svg",
   {
     className,
@@ -2844,7 +2838,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ jsx27(
     viewBox: "0 0 14 14",
     fill: "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx27(
+    children: /* @__PURE__ */ jsx29(
       "path",
       {
         d: "M2.625 4.8125L7 9.1875L11.375 4.8125",
@@ -2856,7 +2850,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ jsx27(
     )
   }
 );
-var ArrowRightIcon = () => /* @__PURE__ */ jsx27("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx27(
+var ArrowRightIcon = () => /* @__PURE__ */ jsx29("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx29(
   "path",
   {
     d: "M2.625 7H11.375M11.375 7L7.875 3.5M11.375 7L7.875 10.5",
@@ -2866,7 +2860,7 @@ var ArrowRightIcon = () => /* @__PURE__ */ jsx27("svg", { width: "14", height: "
     strokeLinejoin: "round"
   }
 ) });
-var ArrowUpRightIcon = () => /* @__PURE__ */ jsx27("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx27(
+var ArrowUpRightIcon = () => /* @__PURE__ */ jsx29("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx29(
   "path",
   {
     d: "M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5",
@@ -2876,7 +2870,7 @@ var ArrowUpRightIcon = () => /* @__PURE__ */ jsx27("svg", { width: "16", height:
     strokeLinejoin: "round"
   }
 ) });
-var BarsIcon = () => /* @__PURE__ */ jsx27("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx27(
+var BarsIcon = () => /* @__PURE__ */ jsx29("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx29(
   "path",
   {
     d: "M2.5 5H17.5M2.5 10H17.5M2.5 15H17.5",
@@ -2885,7 +2879,7 @@ var BarsIcon = () => /* @__PURE__ */ jsx27("svg", { width: "20", height: "20", v
     strokeLinecap: "round"
   }
 ) });
-var XMarkIcon2 = () => /* @__PURE__ */ jsx27("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx27(
+var XMarkIcon2 = () => /* @__PURE__ */ jsx29("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx29(
   "path",
   {
     d: "M15 5L5 15M5 5L15 15",
@@ -2894,7 +2888,7 @@ var XMarkIcon2 = () => /* @__PURE__ */ jsx27("svg", { width: "20", height: "20",
     strokeLinecap: "round"
   }
 ) });
-var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ jsx27(
+var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ jsx29(
   "svg",
   {
     className,
@@ -2903,7 +2897,7 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ jsx27(
     viewBox: "0 0 24 24",
     fill: "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx27(
+    children: /* @__PURE__ */ jsx29(
       "path",
       {
         d: "M15 18L9 12L15 6",
@@ -2915,11 +2909,11 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ jsx27(
     )
   }
 );
-var GlobeIcon = ({ className }) => /* @__PURE__ */ jsx27("img", { src: icon_globe_default, alt: "", "aria-hidden": "true", width: "20", height: "20", className });
+var GlobeIcon = ({ className }) => /* @__PURE__ */ jsx29("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__ */ jsx27(
+  return /* @__PURE__ */ jsx29(
     motion2.div,
     {
       className: "navbar__dropdown",
@@ -2930,10 +2924,10 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
       transition: { duration: 0.18, ease: EASE_OUT_EXPO },
       onMouseEnter,
       onMouseLeave,
-      children: /* @__PURE__ */ jsxs24("div", { className: "navbar__dropdown-inner", children: [
-        /* @__PURE__ */ jsx27("div", { className: "navbar__dropdown-left", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ jsx27("div", { className: "navbar__dropdown-col", children: col.sections.map((section) => /* @__PURE__ */ jsxs24("div", { className: "navbar__dropdown-col-list", children: [
-          /* @__PURE__ */ jsx27("p", { className: "navbar__dropdown-col-title", children: section.title }),
-          section.items.map((link) => /* @__PURE__ */ jsxs24(
+      children: /* @__PURE__ */ jsxs26("div", { className: "navbar__dropdown-inner", children: [
+        /* @__PURE__ */ jsx29("div", { className: "navbar__dropdown-left", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ jsx29("div", { className: "navbar__dropdown-col", children: col.sections.map((section) => /* @__PURE__ */ jsxs26("div", { className: "navbar__dropdown-col-list", children: [
+          /* @__PURE__ */ jsx29("p", { className: "navbar__dropdown-col-title", children: section.title }),
+          section.items.map((link) => /* @__PURE__ */ jsxs26(
             "a",
             {
               href: link.href,
@@ -2942,24 +2936,24 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
               rel: link.external ? "noopener noreferrer" : void 0,
               children: [
                 link.label,
-                link.external ? /* @__PURE__ */ jsx27(ArrowUpRightIcon, {}) : /* @__PURE__ */ jsx27(ArrowRightIcon, {})
+                link.external ? /* @__PURE__ */ jsx29(ArrowUpRightIcon, {}) : /* @__PURE__ */ jsx29(ArrowRightIcon, {})
               ]
             },
             link.href
           ))
         ] }, section.title)) }, colIdx)) }),
-        dropdown.feature && /* @__PURE__ */ jsx27("div", { className: "navbar__dropdown-right", children: /* @__PURE__ */ jsx27(FeatureCard, { feature: dropdown.feature }) })
+        dropdown.feature && /* @__PURE__ */ jsx29("div", { className: "navbar__dropdown-right", children: /* @__PURE__ */ jsx29(FeatureCard, { feature: dropdown.feature }) })
       ] })
     }
   );
 };
-var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ jsxs24(
+var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ jsxs26(
   "div",
   {
     className: mobile ? "navbar__drawer-feature" : "navbar__dropdown-feature",
     style: feature.backgroundImageUrl ? { backgroundImage: `url(${feature.backgroundImageUrl})` } : void 0,
     children: [
-      feature.backgroundImageUrl && /* @__PURE__ */ jsx27(
+      feature.backgroundImageUrl && /* @__PURE__ */ jsx29(
         "img",
         {
           src: feature.backgroundImageUrl,
@@ -2968,20 +2962,20 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ jsxs24(
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ jsx27("div", { className: mobile ? "navbar__drawer-feature-overlay" : "navbar__dropdown-feature-overlay", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsxs24("div", { className: mobile ? "navbar__drawer-feature-content" : "navbar__dropdown-feature-content", children: [
-        /* @__PURE__ */ jsxs24("div", { children: [
-          /* @__PURE__ */ jsx27("p", { className: mobile ? "navbar__drawer-feature-title" : "navbar__dropdown-feature-title", children: feature.title }),
-          /* @__PURE__ */ jsx27("p", { className: mobile ? "navbar__drawer-feature-desc" : "navbar__dropdown-feature-desc", children: feature.description })
+      /* @__PURE__ */ jsx29("div", { className: mobile ? "navbar__drawer-feature-overlay" : "navbar__dropdown-feature-overlay", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs26("div", { className: mobile ? "navbar__drawer-feature-content" : "navbar__dropdown-feature-content", children: [
+        /* @__PURE__ */ jsxs26("div", { children: [
+          /* @__PURE__ */ jsx29("p", { className: mobile ? "navbar__drawer-feature-title" : "navbar__dropdown-feature-title", children: feature.title }),
+          /* @__PURE__ */ jsx29("p", { className: mobile ? "navbar__drawer-feature-desc" : "navbar__dropdown-feature-desc", children: feature.description })
         ] }),
-        /* @__PURE__ */ jsxs24(
+        /* @__PURE__ */ jsxs26(
           "a",
           {
             href: feature.ctaHref,
             className: mobile ? "navbar__drawer-feature-cta" : "navbar__dropdown-feature-cta",
             children: [
               feature.ctaLabel,
-              /* @__PURE__ */ jsx27(ArrowRightIcon, {})
+              /* @__PURE__ */ jsx29(ArrowRightIcon, {})
             ]
           }
         )
@@ -2991,8 +2985,8 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ jsxs24(
 );
 var DrawerAccordion = ({ item, isOpen, onToggle }) => {
   const { dropdown } = item;
-  return /* @__PURE__ */ jsxs24("div", { className: "navbar__drawer-item", children: [
-    /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs26("div", { className: "navbar__drawer-item", children: [
+    /* @__PURE__ */ jsxs26(
       "button",
       {
         className: `navbar__drawer-trigger ${isOpen ? "navbar__drawer-trigger--open" : ""}`,
@@ -3000,11 +2994,11 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
         "aria-expanded": isOpen,
         children: [
           item.label,
-          /* @__PURE__ */ jsx27(ChevronDownIcon3, { className: "navbar__drawer-trigger__chevron" })
+          /* @__PURE__ */ jsx29(ChevronDownIcon3, { className: "navbar__drawer-trigger__chevron" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx27(AnimatePresence, { initial: false, children: isOpen && dropdown && /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx29(AnimatePresence, { initial: false, children: isOpen && dropdown && /* @__PURE__ */ jsx29(
       motion2.div,
       {
         className: "navbar__drawer-panel",
@@ -3013,10 +3007,10 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
         animate: "visible",
         exit: "hidden",
         transition: { duration: 0.22, ease: EASE_OUT_EXPO },
-        children: /* @__PURE__ */ jsxs24("div", { className: "navbar__drawer-panel-inner", children: [
-          /* @__PURE__ */ jsx27("div", { className: "navbar__drawer-panel-cols", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ jsx27("div", { className: "navbar__drawer-panel-col", children: col.sections.map((section) => /* @__PURE__ */ jsxs24("div", { className: "navbar__drawer-col-section", children: [
-            /* @__PURE__ */ jsx27("p", { className: "navbar__drawer-col-title", children: section.title }),
-            /* @__PURE__ */ jsx27("div", { className: "navbar__drawer-col-links", children: section.items.map((link) => /* @__PURE__ */ jsx27(
+        children: /* @__PURE__ */ jsxs26("div", { className: "navbar__drawer-panel-inner", children: [
+          /* @__PURE__ */ jsx29("div", { className: "navbar__drawer-panel-cols", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ jsx29("div", { className: "navbar__drawer-panel-col", children: col.sections.map((section) => /* @__PURE__ */ jsxs26("div", { className: "navbar__drawer-col-section", children: [
+            /* @__PURE__ */ jsx29("p", { className: "navbar__drawer-col-title", children: section.title }),
+            /* @__PURE__ */ jsx29("div", { className: "navbar__drawer-col-links", children: section.items.map((link) => /* @__PURE__ */ jsx29(
               "a",
               {
                 href: link.href,
@@ -3028,7 +3022,7 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
               link.href
             )) })
           ] }, section.title)) }, colIdx)) }),
-          dropdown.feature && /* @__PURE__ */ jsx27(FeatureCard, { feature: dropdown.feature, mobile: true })
+          dropdown.feature && /* @__PURE__ */ jsx29(FeatureCard, { feature: dropdown.feature, mobile: true })
         ] })
       }
     ) })
@@ -3133,20 +3127,20 @@ var Navbar = ({
     hoverTimeoutRef.current = setTimeout(() => setOpenDropdown(null), 120);
   }, [clearHoverTimeout]);
   const activeDropdownItem = navItems.find((item) => item.label === openDropdown);
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs26(
     "nav",
     {
       className: ["navbar", `navbar--${theme}`, scrolled && "navbar--scrolled", mobileOpen && "navbar--menu-open", className].filter(Boolean).join(" "),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs24("div", { className: "navbar__bar", children: [
-          /* @__PURE__ */ jsx27("a", { href: logoHref, className: "navbar__logo", "aria-label": "Home", children: /* @__PURE__ */ jsx27("img", { src: resolvedLogo, alt: "Logo" }) }),
-          /* @__PURE__ */ jsx27("div", { className: "navbar__nav-center", ref: pillAreaRef, children: /* @__PURE__ */ jsxs24("div", { className: "navbar__pill", children: [
-            /* @__PURE__ */ jsx27("a", { href: logoHref, className: "navbar__pill-logo", "aria-label": "Home", children: /* @__PURE__ */ jsx27("img", { src: logoSrcDark ?? logoSrc, alt: "Logo" }) }),
-            /* @__PURE__ */ jsxs24("div", { className: "navbar__nav-group", children: [
+        /* @__PURE__ */ jsxs26("div", { className: "navbar__bar", children: [
+          /* @__PURE__ */ jsx29("a", { href: logoHref, className: "navbar__logo", "aria-label": "Home", children: /* @__PURE__ */ jsx29("img", { src: resolvedLogo, alt: "Logo" }) }),
+          /* @__PURE__ */ jsx29("div", { className: "navbar__nav-center", ref: pillAreaRef, children: /* @__PURE__ */ jsxs26("div", { className: "navbar__pill", children: [
+            /* @__PURE__ */ jsx29("a", { href: logoHref, className: "navbar__pill-logo", "aria-label": "Home", children: /* @__PURE__ */ jsx29("img", { src: logoSrcDark ?? logoSrc, alt: "Logo" }) }),
+            /* @__PURE__ */ jsxs26("div", { className: "navbar__nav-group", children: [
               navItems.map((item) => {
                 if (item.external) {
-                  return /* @__PURE__ */ jsxs24(
+                  return /* @__PURE__ */ jsxs26(
                     "a",
                     {
                       href: item.href,
@@ -3155,14 +3149,14 @@ var Navbar = ({
                       rel: "noopener noreferrer",
                       children: [
                         item.label,
-                        /* @__PURE__ */ jsx27(ArrowUpRightIcon, {})
+                        /* @__PURE__ */ jsx29(ArrowUpRightIcon, {})
                       ]
                     },
                     item.label
                   );
                 }
                 if (item.dropdown) {
-                  return /* @__PURE__ */ jsxs24(
+                  return /* @__PURE__ */ jsxs26(
                     "button",
                     {
                       className: [
@@ -3175,21 +3169,21 @@ var Navbar = ({
                       "aria-haspopup": "true",
                       children: [
                         item.label,
-                        /* @__PURE__ */ jsx27(ChevronDownIcon3, { className: "navbar__nav-item__chevron" })
+                        /* @__PURE__ */ jsx29(ChevronDownIcon3, { className: "navbar__nav-item__chevron" })
                       ]
                     },
                     item.label
                   );
                 }
-                return /* @__PURE__ */ jsx27("a", { href: item.href, className: "navbar__nav-item", children: item.label }, item.label);
+                return /* @__PURE__ */ jsx29("a", { href: item.href, className: "navbar__nav-item", children: item.label }, item.label);
               }),
-              languageLabel && /* @__PURE__ */ jsx27(
+              languageLabel && /* @__PURE__ */ jsx29(
                 "div",
                 {
                   className: "navbar__lang-wrapper",
                   onMouseEnter: hasLangDropdown ? handleLangEnter : void 0,
                   onMouseLeave: hasLangDropdown ? handleLangLeave : void 0,
-                  children: /* @__PURE__ */ jsxs24(
+                  children: /* @__PURE__ */ jsxs26(
                     "button",
                     {
                       ref: langBtnRef,
@@ -3202,7 +3196,7 @@ var Navbar = ({
                       "aria-haspopup": hasLangDropdown ? "true" : void 0,
                       "aria-expanded": hasLangDropdown ? langDropdownOpen : void 0,
                       children: [
-                        /* @__PURE__ */ jsx27(GlobeIcon, { className: "navbar__lang-globe" }),
+                        /* @__PURE__ */ jsx29(GlobeIcon, { className: "navbar__lang-globe" }),
                         languageLabel
                       ]
                     }
@@ -3210,12 +3204,12 @@ var Navbar = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs24("div", { className: "navbar__pill-actions", children: [
-              loginHref && /* @__PURE__ */ jsx27("a", { href: loginHref, children: /* @__PURE__ */ jsx27(Button, { colorScheme: "black", variant: "secondary", label: loginLabel }) }),
-              ctaHref && /* @__PURE__ */ jsx27("a", { href: ctaHref, children: /* @__PURE__ */ jsx27(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
+            /* @__PURE__ */ jsxs26("div", { className: "navbar__pill-actions", children: [
+              loginHref && /* @__PURE__ */ jsx29("a", { href: loginHref, children: /* @__PURE__ */ jsx29(Button, { colorScheme: "black", variant: "secondary", label: loginLabel }) }),
+              ctaHref && /* @__PURE__ */ jsx29("a", { href: ctaHref, children: /* @__PURE__ */ jsx29(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsx27(AnimatePresence, { children: openDropdown && activeDropdownItem?.dropdown && /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx29(AnimatePresence, { children: openDropdown && activeDropdownItem?.dropdown && /* @__PURE__ */ jsx29(
             DropdownPanel,
             {
               item: activeDropdownItem,
@@ -3224,7 +3218,7 @@ var Navbar = ({
             },
             "dropdown"
           ) }),
-          /* @__PURE__ */ jsx27(AnimatePresence, { children: hasLangDropdown && langDropdownOpen && /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx29(AnimatePresence, { children: hasLangDropdown && langDropdownOpen && /* @__PURE__ */ jsx29(
             motion2.div,
             {
               className: "navbar__lang-dropdown",
@@ -3235,12 +3229,12 @@ var Navbar = ({
               transition: { duration: 0.18, ease: EASE_OUT_EXPO },
               onMouseEnter: clearLangHoverTimeout,
               onMouseLeave: handleLangLeave,
-              children: /* @__PURE__ */ jsx27(
+              children: /* @__PURE__ */ jsx29(
                 "div",
                 {
                   className: "navbar__lang-dropdown-grid",
                   style: { "--lang-rows": Math.ceil(languageItems.length / 3) },
-                  children: languageItems.map((lang) => /* @__PURE__ */ jsx27(
+                  children: languageItems.map((lang) => /* @__PURE__ */ jsx29(
                     "button",
                     {
                       className: [
@@ -3256,8 +3250,8 @@ var Navbar = ({
               )
             }
           ) }),
-          /* @__PURE__ */ jsxs24("div", { className: "navbar__actions", children: [
-            loginHref && /* @__PURE__ */ jsx27("a", { href: loginHref, className: "navbar__actions-login", children: /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsxs26("div", { className: "navbar__actions", children: [
+            loginHref && /* @__PURE__ */ jsx29("a", { href: loginHref, className: "navbar__actions-login", children: /* @__PURE__ */ jsx29(
               Button,
               {
                 colorScheme: theme === "dark" ? "white" : "black",
@@ -3265,10 +3259,10 @@ var Navbar = ({
                 label: loginLabel
               }
             ) }),
-            ctaHref && /* @__PURE__ */ jsx27("a", { href: ctaHref, children: /* @__PURE__ */ jsx27(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
+            ctaHref && /* @__PURE__ */ jsx29("a", { href: ctaHref, children: /* @__PURE__ */ jsx29(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
           ] }),
-          /* @__PURE__ */ jsxs24("div", { className: "navbar__mobile-actions", children: [
-            loginHref && /* @__PURE__ */ jsx27("a", { href: loginHref, children: /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsxs26("div", { className: "navbar__mobile-actions", children: [
+            loginHref && /* @__PURE__ */ jsx29("a", { href: loginHref, children: /* @__PURE__ */ jsx29(
               Button,
               {
                 colorScheme: scrolled || theme === "light" ? "black" : "white",
@@ -3276,18 +3270,18 @@ var Navbar = ({
                 label: loginLabel
               }
             ) }),
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx29(
               "button",
               {
                 className: "navbar__mobile-trigger",
                 onClick: () => setMobileOpen((o) => !o),
                 "aria-label": mobileOpen ? "Close navigation menu" : "Open navigation menu",
-                children: mobileOpen ? /* @__PURE__ */ jsx27(XMarkIcon2, {}) : /* @__PURE__ */ jsx27(BarsIcon, {})
+                children: mobileOpen ? /* @__PURE__ */ jsx29(XMarkIcon2, {}) : /* @__PURE__ */ jsx29(BarsIcon, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx27("div", { className: "navbar__drawer-clip", children: /* @__PURE__ */ jsx27(AnimatePresence, { children: mobileOpen && /* @__PURE__ */ jsxs24(
+        /* @__PURE__ */ jsx29("div", { className: "navbar__drawer-clip", children: /* @__PURE__ */ jsx29(AnimatePresence, { children: mobileOpen && /* @__PURE__ */ jsxs26(
           motion2.div,
           {
             className: "navbar__drawer",
@@ -3300,10 +3294,10 @@ var Navbar = ({
             role: "dialog",
             "aria-label": "Navigation menu",
             children: [
-              /* @__PURE__ */ jsxs24("nav", { className: "navbar__drawer-nav", children: [
+              /* @__PURE__ */ jsxs26("nav", { className: "navbar__drawer-nav", children: [
                 navItems.map((item) => {
                   if (item.dropdown) {
-                    return /* @__PURE__ */ jsx27(
+                    return /* @__PURE__ */ jsx29(
                       DrawerAccordion,
                       {
                         item,
@@ -3315,7 +3309,7 @@ var Navbar = ({
                       item.label
                     );
                   }
-                  return /* @__PURE__ */ jsxs24(
+                  return /* @__PURE__ */ jsxs26(
                     "a",
                     {
                       href: item.href,
@@ -3324,30 +3318,30 @@ var Navbar = ({
                       rel: item.external ? "noopener noreferrer" : void 0,
                       children: [
                         item.label,
-                        item.external && /* @__PURE__ */ jsx27(ArrowUpRightIcon, {})
+                        item.external && /* @__PURE__ */ jsx29(ArrowUpRightIcon, {})
                       ]
                     },
                     item.label
                   );
                 }),
-                languageLabel && !hasLangDropdown && /* @__PURE__ */ jsxs24("button", { className: "navbar__drawer-lang", onClick: onLanguageClick, children: [
-                  /* @__PURE__ */ jsx27(GlobeIcon, { className: "navbar__lang-globe" }),
+                languageLabel && !hasLangDropdown && /* @__PURE__ */ jsxs26("button", { className: "navbar__drawer-lang", onClick: onLanguageClick, children: [
+                  /* @__PURE__ */ jsx29(GlobeIcon, { className: "navbar__lang-globe" }),
                   languageLabel
                 ] }),
-                languageLabel && hasLangDropdown && /* @__PURE__ */ jsxs24(
+                languageLabel && hasLangDropdown && /* @__PURE__ */ jsxs26(
                   "button",
                   {
                     className: "navbar__drawer-lang",
                     onClick: () => setMobileLangOpen(true),
                     children: [
-                      /* @__PURE__ */ jsx27(GlobeIcon, { className: "navbar__lang-globe" }),
+                      /* @__PURE__ */ jsx29(GlobeIcon, { className: "navbar__lang-globe" }),
                       languageLabel
                     ]
                   }
                 )
               ] }),
-              !mobileLangOpen && /* @__PURE__ */ jsxs24("div", { className: "navbar__drawer-footer", children: [
-                loginHref && /* @__PURE__ */ jsx27("a", { href: loginHref, style: { display: "block" }, children: /* @__PURE__ */ jsx27(
+              !mobileLangOpen && /* @__PURE__ */ jsxs26("div", { className: "navbar__drawer-footer", children: [
+                loginHref && /* @__PURE__ */ jsx29("a", { href: loginHref, style: { display: "block" }, children: /* @__PURE__ */ jsx29(
                   Button,
                   {
                     colorScheme: "black",
@@ -3356,7 +3350,7 @@ var Navbar = ({
                     fullWidth: true
                   }
                 ) }),
-                ctaHref && /* @__PURE__ */ jsx27("a", { href: ctaHref, style: { display: "block" }, children: /* @__PURE__ */ jsx27(
+                ctaHref && /* @__PURE__ */ jsx29("a", { href: ctaHref, style: { display: "block" }, children: /* @__PURE__ */ jsx29(
                   Button,
                   {
                     colorScheme: "coral",
@@ -3366,7 +3360,7 @@ var Navbar = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsx27(AnimatePresence, { children: hasLangDropdown && mobileLangOpen && /* @__PURE__ */ jsxs24(
+              /* @__PURE__ */ jsx29(AnimatePresence, { children: hasLangDropdown && mobileLangOpen && /* @__PURE__ */ jsxs26(
                 motion2.div,
                 {
                   className: "navbar__drawer-lang-panel",
@@ -3375,16 +3369,16 @@ var Navbar = ({
                   exit: { y: "100%" },
                   transition: { duration: 0.25, ease: EASE_OUT_EXPO },
                   children: [
-                    /* @__PURE__ */ jsx27(
+                    /* @__PURE__ */ jsx29(
                       "button",
                       {
                         className: "navbar__drawer-lang-back",
                         onClick: () => setMobileLangOpen(false),
                         "aria-label": "Back to menu",
-                        children: /* @__PURE__ */ jsx27(ChevronLeftIcon, {})
+                        children: /* @__PURE__ */ jsx29(ChevronLeftIcon, {})
                       }
                     ),
-                    /* @__PURE__ */ jsx27("div", { className: "navbar__drawer-lang-grid", children: languageItems.map((lang) => /* @__PURE__ */ jsx27(
+                    /* @__PURE__ */ jsx29("div", { className: "navbar__drawer-lang-grid", children: languageItems.map((lang) => /* @__PURE__ */ jsx29(
                       "button",
                       {
                         className: [
@@ -3491,7 +3485,7 @@ function webflowV2DayClipPercent(t, media) {
 }
 
 // templates/DayNightTransition/DayNightTransition.tsx
-import { Fragment as Fragment3, jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 var SPRING2 = { stiffness: 80, damping: 30, restDelta: 1e-3 };
 var FADE_START = 0.35;
 var FADE_END = 0.65;
@@ -3628,15 +3622,15 @@ var DayNightTransition = ({
     descriptionLevel === "body-lg" && "dnt--desc-body-lg",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       ref: wrapperRef,
       className: rootClass,
       ...props,
       children: [
-        webflowV2 && /* @__PURE__ */ jsxs25("div", { className: "dnt__v2-background-wrapper", "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx28(
+        webflowV2 && /* @__PURE__ */ jsxs27("div", { className: "dnt__v2-background-wrapper", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx30(
             motion3.div,
             {
               className: "dnt__v2-bg-day trade-day-night_background-day is-alternative",
@@ -3646,7 +3640,7 @@ var DayNightTransition = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx30(
             "div",
             {
               className: "dnt__v2-bg-night trade-day-night_background-night is-alternative",
@@ -3654,9 +3648,9 @@ var DayNightTransition = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs25("div", { className: webflowV2 ? "dnt__sticky dnt__sticky--webflow-v2" : "dnt__sticky", children: [
-          !webflowV2 && /* @__PURE__ */ jsxs25(Fragment3, { children: [
-            /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsxs27("div", { className: webflowV2 ? "dnt__sticky dnt__sticky--webflow-v2" : "dnt__sticky", children: [
+          !webflowV2 && /* @__PURE__ */ jsxs27(Fragment3, { children: [
+            /* @__PURE__ */ jsx30(
               "img",
               {
                 className: "dnt__bg dnt__bg--day",
@@ -3666,7 +3660,7 @@ var DayNightTransition = ({
                 draggable: false
               }
             ),
-            /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsx30(
               motion3.img,
               {
                 className: "dnt__bg dnt__bg--night",
@@ -3678,17 +3672,17 @@ var DayNightTransition = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx28("div", { className: "dnt__content", children: /* @__PURE__ */ jsx28("div", { className: "dnt__inner", children: webflowV2 ? /* @__PURE__ */ jsxs25("div", { className: "dnt__text-wrap", children: [
-            useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ jsxs25(
+          /* @__PURE__ */ jsx30("div", { className: "dnt__content", children: /* @__PURE__ */ jsx30("div", { className: "dnt__inner", children: webflowV2 ? /* @__PURE__ */ jsxs27("div", { className: "dnt__text-wrap", children: [
+            useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ jsxs27(
               MotionHeadline,
               {
                 className: "dnt__headline dnt__headline--inline-day-night",
                 style: { color: v2TitleColor },
                 "aria-label": `${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.dayWord} / ${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.nightWord}`,
                 children: [
-                  /* @__PURE__ */ jsx28("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
-                  /* @__PURE__ */ jsxs25("span", { className: "dnt__headline-pair", children: [
-                    /* @__PURE__ */ jsx28(
+                  /* @__PURE__ */ jsx30("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
+                  /* @__PURE__ */ jsxs27("span", { className: "dnt__headline-pair", children: [
+                    /* @__PURE__ */ jsx30(
                       motion3.span,
                       {
                         ref: dayWordRef,
@@ -3697,7 +3691,7 @@ var DayNightTransition = ({
                         children: inlineDayNightHeadline.dayWord
                       }
                     ),
-                    /* @__PURE__ */ jsx28(
+                    /* @__PURE__ */ jsx30(
                       motion3.span,
                       {
                         className: "dnt__headline-wnight",
@@ -3712,8 +3706,8 @@ var DayNightTransition = ({
                   ] })
                 ]
               }
-            ) : /* @__PURE__ */ jsxs25("div", { className: "dnt__crossfade-wrap", children: [
-              /* @__PURE__ */ jsx28(
+            ) : /* @__PURE__ */ jsxs27("div", { className: "dnt__crossfade-wrap", children: [
+              /* @__PURE__ */ jsx30(
                 MotionHeadline,
                 {
                   className: "dnt__headline",
@@ -3721,7 +3715,7 @@ var DayNightTransition = ({
                   children: dayHeadline
                 }
               ),
-              /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx30(
                 MotionHeadline,
                 {
                   className: "dnt__headline",
@@ -3731,8 +3725,8 @@ var DayNightTransition = ({
                 }
               )
             ] }),
-            hasDescription && /* @__PURE__ */ jsxs25("div", { className: "dnt__crossfade-wrap", children: [
-              /* @__PURE__ */ jsx28(
+            hasDescription && /* @__PURE__ */ jsxs27("div", { className: "dnt__crossfade-wrap", children: [
+              /* @__PURE__ */ jsx30(
                 motion3.p,
                 {
                   className: "dnt__description",
@@ -3743,7 +3737,7 @@ var DayNightTransition = ({
                   children: dayDescription ?? ""
                 }
               ),
-              /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx30(
                 motion3.p,
                 {
                   className: "dnt__description",
@@ -3756,22 +3750,22 @@ var DayNightTransition = ({
                 }
               )
             ] }),
-            !hideCta && /* @__PURE__ */ jsx28("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
-          ] }) : /* @__PURE__ */ jsxs25(
+            !hideCta && /* @__PURE__ */ jsx30("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
+          ] }) : /* @__PURE__ */ jsxs27(
             motion3.div,
             {
               className: "dnt__text-wrap",
               style: { color: textColor },
               children: [
-                useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ jsxs25(
+                useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ jsxs27(
                   MotionHeadline,
                   {
                     className: "dnt__headline dnt__headline--inline-day-night",
                     "aria-label": `${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.dayWord} / ${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.nightWord}`,
                     children: [
-                      /* @__PURE__ */ jsx28("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
-                      /* @__PURE__ */ jsxs25("span", { className: "dnt__headline-pair", children: [
-                        /* @__PURE__ */ jsx28(
+                      /* @__PURE__ */ jsx30("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
+                      /* @__PURE__ */ jsxs27("span", { className: "dnt__headline-pair", children: [
+                        /* @__PURE__ */ jsx30(
                           motion3.span,
                           {
                             ref: dayWordRef,
@@ -3780,7 +3774,7 @@ var DayNightTransition = ({
                             children: inlineDayNightHeadline.dayWord
                           }
                         ),
-                        /* @__PURE__ */ jsx28(
+                        /* @__PURE__ */ jsx30(
                           motion3.span,
                           {
                             className: "dnt__headline-wnight",
@@ -3795,8 +3789,8 @@ var DayNightTransition = ({
                       ] })
                     ]
                   }
-                ) : /* @__PURE__ */ jsxs25("div", { className: "dnt__crossfade-wrap", children: [
-                  /* @__PURE__ */ jsx28(
+                ) : /* @__PURE__ */ jsxs27("div", { className: "dnt__crossfade-wrap", children: [
+                  /* @__PURE__ */ jsx30(
                     MotionHeadline,
                     {
                       className: "dnt__headline",
@@ -3804,7 +3798,7 @@ var DayNightTransition = ({
                       children: dayHeadline
                     }
                   ),
-                  /* @__PURE__ */ jsx28(
+                  /* @__PURE__ */ jsx30(
                     MotionHeadline,
                     {
                       className: "dnt__headline",
@@ -3814,8 +3808,8 @@ var DayNightTransition = ({
                     }
                   )
                 ] }),
-                hasDescription && /* @__PURE__ */ jsxs25("div", { className: "dnt__crossfade-wrap", children: [
-                  /* @__PURE__ */ jsx28(
+                hasDescription && /* @__PURE__ */ jsxs27("div", { className: "dnt__crossfade-wrap", children: [
+                  /* @__PURE__ */ jsx30(
                     motion3.p,
                     {
                       className: "dnt__description",
@@ -3823,7 +3817,7 @@ var DayNightTransition = ({
                       children: dayDescription ?? ""
                     }
                   ),
-                  /* @__PURE__ */ jsx28(
+                  /* @__PURE__ */ jsx30(
                     motion3.p,
                     {
                       className: "dnt__description",
@@ -3833,7 +3827,7 @@ var DayNightTransition = ({
                     }
                   )
                 ] }),
-                !hideCta && /* @__PURE__ */ jsx28("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
+                !hideCta && /* @__PURE__ */ jsx30("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
               ]
             }
           ) }) })
@@ -3866,7 +3860,7 @@ import {
   useAnimationFrame,
   useMotionValue
 } from "framer-motion";
-import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
 function modWrap(min, max, v) {
   const range = max - min;
   return ((v - min) % range + range) % range + min;
@@ -3937,21 +3931,21 @@ var LogoMarquee = ({
   });
   const track1 = [...col1Logos, ...col1Logos];
   const track2 = [...col2Logos, ...col2Logos];
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     "section",
     {
       className: ["lm", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ jsxs26("div", { className: "lm__inner", children: [
-        /* @__PURE__ */ jsx29("div", { className: "lm__media", children: /* @__PURE__ */ jsxs26("div", { className: "lm__carousel", children: [
-          /* @__PURE__ */ jsx29("div", { className: "lm__fade lm__fade--top", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx29(
+      children: /* @__PURE__ */ jsxs28("div", { className: "lm__inner", children: [
+        /* @__PURE__ */ jsx31("div", { className: "lm__media", children: /* @__PURE__ */ jsxs28("div", { className: "lm__carousel", children: [
+          /* @__PURE__ */ jsx31("div", { className: "lm__fade lm__fade--top", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx31(
             motion4.div,
             {
               ref: col1Ref,
               className: "lm__col",
               style: { y: col1Y },
-              children: track1.map((logo, i) => /* @__PURE__ */ jsx29("div", { className: "lm__card", children: /* @__PURE__ */ jsx29("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ jsx29(
+              children: track1.map((logo, i) => /* @__PURE__ */ jsx31("div", { className: "lm__card", children: /* @__PURE__ */ jsx31("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ jsx31(
                 "img",
                 {
                   src: logo.url,
@@ -3962,13 +3956,13 @@ var LogoMarquee = ({
               ) }) }, `c1-${i}`))
             }
           ),
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx31(
             motion4.div,
             {
               ref: col2Ref,
               className: "lm__col",
               style: { y: col2Y },
-              children: track2.map((logo, i) => /* @__PURE__ */ jsx29("div", { className: "lm__card", children: /* @__PURE__ */ jsx29("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ jsx29(
+              children: track2.map((logo, i) => /* @__PURE__ */ jsx31("div", { className: "lm__card", children: /* @__PURE__ */ jsx31("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ jsx31(
                 "img",
                 {
                   src: logo.url,
@@ -3979,17 +3973,17 @@ var LogoMarquee = ({
               ) }) }, `c2-${i}`))
             }
           ),
-          /* @__PURE__ */ jsx29("div", { className: "lm__fade lm__fade--bottom", "aria-hidden": "true" })
+          /* @__PURE__ */ jsx31("div", { className: "lm__fade lm__fade--bottom", "aria-hidden": "true" })
         ] }) }),
-        /* @__PURE__ */ jsxs26("div", { className: "lm__content", children: [
-          /* @__PURE__ */ jsx29("h2", { className: "lm__headline", children: headline }),
-          /* @__PURE__ */ jsxs26("div", { className: "lm__text-group", children: [
-            /* @__PURE__ */ jsx29("p", { className: "lm__body", children: body }),
-            /* @__PURE__ */ jsx29("p", { className: "lm__disclaimer", children: disclaimer })
+        /* @__PURE__ */ jsxs28("div", { className: "lm__content", children: [
+          /* @__PURE__ */ jsx31("h2", { className: "lm__headline", children: headline }),
+          /* @__PURE__ */ jsxs28("div", { className: "lm__text-group", children: [
+            /* @__PURE__ */ jsx31("p", { className: "lm__body", children: body }),
+            /* @__PURE__ */ jsx31("p", { className: "lm__disclaimer", children: disclaimer })
           ] }),
-          /* @__PURE__ */ jsxs26("a", { href: ctaHref, className: "lm__link", children: [
+          /* @__PURE__ */ jsxs28("a", { href: ctaHref, className: "lm__link", children: [
             ctaLabel,
-            /* @__PURE__ */ jsx29("span", { className: "lm__link-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx29("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx29("path", { d: "M3 8H13M13 8L9 4M13 8L9 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+            /* @__PURE__ */ jsx31("span", { className: "lm__link-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx31("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx31("path", { d: "M3 8H13M13 8L9 4M13 8L9 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
           ] })
         ] })
       ] })
@@ -4040,7 +4034,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
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var BADGE_ASSETS = {
   light: {
     googleplay: { src: appstore_googleplay_light_default, alt: "Get it on Google Play" },
@@ -4069,7 +4063,7 @@ var DownloadBadge = ({
   ...props
 }) => {
   const { src, alt } = BADGE_ASSETS[colorScheme][platform];
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     "a",
     {
       className: [
@@ -4082,13 +4076,13 @@ var DownloadBadge = ({
       target: "_blank",
       rel: "noopener noreferrer",
       ...props,
-      children: /* @__PURE__ */ jsx30("img", { className: "download-badge__img", src, alt })
+      children: /* @__PURE__ */ jsx32("img", { className: "download-badge__img", src, alt })
     }
   );
 };
 
 // templates/Steps/Steps.tsx
-import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
 var Steps = ({
   title,
   steps,
@@ -4100,8 +4094,8 @@ var Steps = ({
     "steps__container",
     imagePosition === "right" ? "steps__container--image-right" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx31("section", { className: "steps", children: /* @__PURE__ */ jsxs27("div", { className: containerClass, children: [
-    image && /* @__PURE__ */ jsx31("div", { className: "steps__image-wrapper", children: /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx33("section", { className: "steps", children: /* @__PURE__ */ jsxs29("div", { className: containerClass, children: [
+    image && /* @__PURE__ */ jsx33("div", { className: "steps__image-wrapper", children: /* @__PURE__ */ jsx33(
       "img",
       {
         src: image,
@@ -4109,13 +4103,13 @@ var Steps = ({
         className: "steps__image"
       }
     ) }),
-    /* @__PURE__ */ jsxs27("div", { className: "steps__content", children: [
-      /* @__PURE__ */ jsx31("h2", { className: "steps__title", children: title }),
-      /* @__PURE__ */ jsx31("ol", { className: "steps__list", children: steps.map((step, index) => /* @__PURE__ */ jsx31("li", { className: "steps__item", children: /* @__PURE__ */ jsxs27("div", { className: "steps__item-inner", children: [
-        /* @__PURE__ */ jsx31("span", { className: "steps__number", "aria-hidden": "true", children: index + 1 }),
-        /* @__PURE__ */ jsxs27("div", { className: "steps__item-body", children: [
-          /* @__PURE__ */ jsx31("h3", { className: "steps__item-title", children: step.title }),
-          /* @__PURE__ */ jsx31("p", { className: "steps__item-description", children: step.description })
+    /* @__PURE__ */ jsxs29("div", { className: "steps__content", children: [
+      /* @__PURE__ */ jsx33("h2", { className: "steps__title", children: title }),
+      /* @__PURE__ */ jsx33("ol", { className: "steps__list", children: steps.map((step, index) => /* @__PURE__ */ jsx33("li", { className: "steps__item", children: /* @__PURE__ */ jsxs29("div", { className: "steps__item-inner", children: [
+        /* @__PURE__ */ jsx33("span", { className: "steps__number", "aria-hidden": "true", children: index + 1 }),
+        /* @__PURE__ */ jsxs29("div", { className: "steps__item-body", children: [
+          /* @__PURE__ */ jsx33("h3", { className: "steps__item-title", children: step.title }),
+          /* @__PURE__ */ jsx33("p", { className: "steps__item-description", children: step.description })
         ] })
       ] }) }, index)) })
     ] })
@@ -4123,7 +4117,7 @@ var Steps = ({
 };
 
 // templates/DownloadBanner/DownloadBanner.tsx
-import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 var DownloadBanner = ({
   style = "light-2",
   qrCodeImage,
@@ -4148,9 +4142,9 @@ var DownloadBanner = ({
   disclaimer
 }) => {
   const colorScheme = style === "dark" ? "dark" : "light";
-  return /* @__PURE__ */ jsx32("section", { className: `db-section db-section--${style}`, children: /* @__PURE__ */ jsx32("div", { className: "db-container", children: /* @__PURE__ */ jsxs28("div", { className: "db-card", children: [
-    /* @__PURE__ */ jsxs28("div", { className: "db-qr-block", children: [
-      qrCodeImage && /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34("section", { className: `db-section db-section--${style}`, children: /* @__PURE__ */ jsx34("div", { className: "db-container", children: /* @__PURE__ */ jsxs30("div", { className: "db-card", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "db-qr-block", children: [
+      qrCodeImage && /* @__PURE__ */ jsx34(
         "img",
         {
           className: "db-qr-image",
@@ -4158,21 +4152,21 @@ var DownloadBanner = ({
           alt: qrCodeAlt
         }
       ),
-      /* @__PURE__ */ jsxs28("div", { className: "db-qr-text", children: [
-        /* @__PURE__ */ jsx32("span", { className: "db-qr-text__title db-qr-text__title--desktop", children: qrTitle }),
-        /* @__PURE__ */ jsx32("h2", { className: "db-qr-text__subtitle db-qr-text__subtitle--desktop", children: qrSubtitle }),
-        /* @__PURE__ */ jsx32("span", { className: "db-qr-text__title db-qr-text__title--mobile", children: mobileTitle }),
-        disclaimer && /* @__PURE__ */ jsx32("span", { className: "db-disclaimer", children: disclaimer })
+      /* @__PURE__ */ jsxs30("div", { className: "db-qr-text", children: [
+        /* @__PURE__ */ jsx34("span", { className: "db-qr-text__title db-qr-text__title--desktop", children: qrTitle }),
+        /* @__PURE__ */ jsx34("h2", { className: "db-qr-text__subtitle db-qr-text__subtitle--desktop", children: qrSubtitle }),
+        /* @__PURE__ */ jsx34("span", { className: "db-qr-text__title db-qr-text__title--mobile", children: mobileTitle }),
+        disclaimer && /* @__PURE__ */ jsx34("span", { className: "db-disclaimer", children: disclaimer })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "db-badges", children: [
-      showGooglePlay && /* @__PURE__ */ jsx32(DownloadBadge, { platform: "googleplay", colorScheme, href: googlePlayHref }),
-      showAppGallery && /* @__PURE__ */ jsx32(DownloadBadge, { platform: "appgallery", colorScheme, href: appGalleryHref }),
-      showMacOS && /* @__PURE__ */ jsx32(DownloadBadge, { platform: "macos", colorScheme, href: macOSHref }),
-      showWindows && /* @__PURE__ */ jsx32(DownloadBadge, { platform: "windows", colorScheme, href: windowsHref }),
-      showLinux && /* @__PURE__ */ jsx32(DownloadBadge, { platform: "linux", colorScheme, href: linuxHref }),
-      showAppStore && /* @__PURE__ */ jsx32(DownloadBadge, { platform: "appstore", colorScheme, href: appStoreHref }),
-      showWeb && /* @__PURE__ */ jsx32(DownloadBadge, { platform: "web", colorScheme, href: webHref })
+    /* @__PURE__ */ jsxs30("div", { className: "db-badges", children: [
+      showGooglePlay && /* @__PURE__ */ jsx34(DownloadBadge, { platform: "googleplay", colorScheme, href: googlePlayHref }),
+      showAppGallery && /* @__PURE__ */ jsx34(DownloadBadge, { platform: "appgallery", colorScheme, href: appGalleryHref }),
+      showMacOS && /* @__PURE__ */ jsx34(DownloadBadge, { platform: "macos", colorScheme, href: macOSHref }),
+      showWindows && /* @__PURE__ */ jsx34(DownloadBadge, { platform: "windows", colorScheme, href: windowsHref }),
+      showLinux && /* @__PURE__ */ jsx34(DownloadBadge, { platform: "linux", colorScheme, href: linuxHref }),
+      showAppStore && /* @__PURE__ */ jsx34(DownloadBadge, { platform: "appstore", colorScheme, href: appStoreHref }),
+      showWeb && /* @__PURE__ */ jsx34(DownloadBadge, { platform: "web", colorScheme, href: webHref })
     ] })
   ] }) }) });
 };
@@ -4181,7 +4175,7 @@ var DownloadBanner = ({
 import { useEffect as useEffect9, useRef as useRef12 } from "react";
 import { gsap } from "gsap";
 import { ScrollTrigger } from "gsap/ScrollTrigger";
-import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
 gsap.registerPlugin(ScrollTrigger);
 var TextScroll = ({ text, className }) => {
   const sectionRef = useRef12(null);
@@ -4221,12 +4215,12 @@ var TextScroll = ({ text, className }) => {
       gsap.set(wordEls, { clearProps: "opacity" });
     };
   }, [text]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(
     "section",
     {
       ref: sectionRef,
       className: ["ts", className].filter(Boolean).join(" "),
-      children: /* @__PURE__ */ jsx33("div", { className: "ts__inner", children: /* @__PURE__ */ jsx33("p", { className: "ts__text", "aria-label": text, children: words.map((word, i) => /* @__PURE__ */ jsxs29(
+      children: /* @__PURE__ */ jsx35("div", { className: "ts__inner", children: /* @__PURE__ */ jsx35("p", { className: "ts__text", "aria-label": text, children: words.map((word, i) => /* @__PURE__ */ jsxs31(
         "span",
         {
           ref: (el) => {
@@ -4247,7 +4241,7 @@ var TextScroll = ({ text, className }) => {
 
 // templates/StickyMarketCards/StickyMarketCards.tsx
 import { useEffect as useEffect10, useRef as useRef13 } from "react";
-import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
 var PLACEHOLDER_IMAGE3 = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
 var StickyMarketCards = ({
   sectionTitle,
@@ -4328,20 +4322,20 @@ var StickyMarketCards = ({
   const n = items.length;
   const maxStack = 4;
   const baseIndex = Math.max(0, n - maxStack);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx36(
     "section",
     {
       className: ["smc", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ jsxs30("div", { className: "smc__inner", children: [
-        /* @__PURE__ */ jsxs30("div", { className: "smc__header-wrap", children: [
-          /* @__PURE__ */ jsx34("h2", { className: "smc__header", children: sectionTitle }),
-          sectionDescription && /* @__PURE__ */ jsx34("p", { className: "smc__description", children: sectionDescription })
+      children: /* @__PURE__ */ jsxs32("div", { className: "smc__inner", children: [
+        /* @__PURE__ */ jsxs32("div", { className: "smc__header-wrap", children: [
+          /* @__PURE__ */ jsx36("h2", { className: "smc__header", children: sectionTitle }),
+          sectionDescription && /* @__PURE__ */ jsx36("p", { className: "smc__description", children: sectionDescription })
         ] }),
-        /* @__PURE__ */ jsx34("div", { className: "smc__track", children: items.map((item, i) => {
+        /* @__PURE__ */ jsx36("div", { className: "smc__track", children: items.map((item, i) => {
           const theme = item.theme ?? "dark";
           const offsetMultiplier = Math.max(0, i - baseIndex);
-          return /* @__PURE__ */ jsx34(
+          return /* @__PURE__ */ jsx36(
             "div",
             {
               ref: (el) => {
@@ -4352,7 +4346,7 @@ var StickyMarketCards = ({
                 ["--smc-card-index"]: String(offsetMultiplier),
                 zIndex: i + 1
               },
-              children: /* @__PURE__ */ jsxs30(
+              children: /* @__PURE__ */ jsxs32(
                 "div",
                 {
                   ref: (el) => {
@@ -4363,8 +4357,8 @@ var StickyMarketCards = ({
                     `smc__card-inner--${theme}`
                   ].join(" "),
                   children: [
-                    /* @__PURE__ */ jsxs30("div", { className: "smc__card-bg", children: [
-                      /* @__PURE__ */ jsx34(
+                    /* @__PURE__ */ jsxs32("div", { className: "smc__card-bg", children: [
+                      /* @__PURE__ */ jsx36(
                         "img",
                         {
                           src: item.imageUrl ?? PLACEHOLDER_IMAGE3,
@@ -4373,7 +4367,7 @@ var StickyMarketCards = ({
                           loading: i === 0 ? "eager" : "lazy"
                         }
                       ),
-                      /* @__PURE__ */ jsx34(
+                      /* @__PURE__ */ jsx36(
                         "div",
                         {
                           className: [
@@ -4383,9 +4377,9 @@ var StickyMarketCards = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs30("div", { className: "smc__card-content", children: [
-                      /* @__PURE__ */ jsx34("div", { className: "smc__card-title-wrap", children: /* @__PURE__ */ jsx34("h3", { className: "smc__card-title", children: item.title }) }),
-                      /* @__PURE__ */ jsx34("div", { className: "smc__card-desc-wrap", children: /* @__PURE__ */ jsx34("p", { className: "smc__card-desc", children: item.description }) })
+                    /* @__PURE__ */ jsxs32("div", { className: "smc__card-content", children: [
+                      /* @__PURE__ */ jsx36("div", { className: "smc__card-title-wrap", children: /* @__PURE__ */ jsx36("h3", { className: "smc__card-title", children: item.title }) }),
+                      /* @__PURE__ */ jsx36("div", { className: "smc__card-desc-wrap", children: /* @__PURE__ */ jsx36("p", { className: "smc__card-desc", children: item.description }) })
                     ] })
                   ]
                 }
@@ -4401,11 +4395,11 @@ var StickyMarketCards = ({
 
 // templates/Table/Table.tsx
 import { useState as useState11, useMemo } from "react";
-import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
-var InfoIcon = ({ className }) => /* @__PURE__ */ jsxs31("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className, children: [
-  /* @__PURE__ */ jsx35("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }),
-  /* @__PURE__ */ jsx35("path", { d: "M12 16V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
-  /* @__PURE__ */ jsx35("circle", { cx: "12", cy: "8", r: "1", fill: "currentColor", stroke: "currentColor", strokeWidth: "1" })
+import { Fragment as Fragment4, jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
+var InfoIcon = ({ className }) => /* @__PURE__ */ jsxs33("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className, children: [
+  /* @__PURE__ */ jsx37("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }),
+  /* @__PURE__ */ jsx37("path", { d: "M12 16V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+  /* @__PURE__ */ jsx37("circle", { cx: "12", cy: "8", r: "1", fill: "currentColor", stroke: "currentColor", strokeWidth: "1" })
 ] });
 var Table = ({
   sectionTitle,
@@ -4442,12 +4436,12 @@ var Table = ({
     setSearch("");
     setPage(1);
   };
-  return /* @__PURE__ */ jsxs31("section", { className: ["tbl-section", className].filter(Boolean).join(" "), ...props, children: [
-    sectionTitle && /* @__PURE__ */ jsx35("div", { className: "tbl-section__header", children: /* @__PURE__ */ jsx35("h2", { className: "tbl-section__title", children: sectionTitle }) }),
-    /* @__PURE__ */ jsxs31("div", { className: "tbl-section__content", children: [
-      /* @__PURE__ */ jsxs31("div", { className: "tbl", children: [
-        /* @__PURE__ */ jsxs31("div", { className: "tbl__topbar", children: [
-          /* @__PURE__ */ jsx35("div", { className: "tbl__search-wrap", children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs33("section", { className: ["tbl-section", className].filter(Boolean).join(" "), ...props, children: [
+    sectionTitle && /* @__PURE__ */ jsx37("div", { className: "tbl-section__header", children: /* @__PURE__ */ jsx37("h2", { className: "tbl-section__title", children: sectionTitle }) }),
+    /* @__PURE__ */ jsxs33("div", { className: "tbl-section__content", children: [
+      /* @__PURE__ */ jsxs33("div", { className: "tbl", children: [
+        /* @__PURE__ */ jsxs33("div", { className: "tbl__topbar", children: [
+          /* @__PURE__ */ jsx37("div", { className: "tbl__search-wrap", children: /* @__PURE__ */ jsx37(
             SearchField,
             {
               placeholder: searchPlaceholder,
@@ -4458,7 +4452,7 @@ var Table = ({
               "aria-label": searchPlaceholder
             }
           ) }),
-          /* @__PURE__ */ jsx35("div", { className: "tbl__summary", children: filtered.length > 0 ? /* @__PURE__ */ jsxs31(Fragment4, { children: [
+          /* @__PURE__ */ jsx37("div", { className: "tbl__summary", children: filtered.length > 0 ? /* @__PURE__ */ jsxs33(Fragment4, { children: [
             "Showing ",
             startIdx + 1,
             "- ",
@@ -4467,12 +4461,12 @@ var Table = ({
             filtered.length
           ] }) : "No results" })
         ] }),
-        /* @__PURE__ */ jsx35("div", { className: "tbl__scroll-wrapper", children: /* @__PURE__ */ jsxs31("table", { className: "tbl__table", children: [
-          /* @__PURE__ */ jsx35("thead", { children: /* @__PURE__ */ jsx35("tr", { className: "tbl__tr", children: columns.map((col, colIdx) => {
+        /* @__PURE__ */ jsx37("div", { className: "tbl__scroll-wrapper", children: /* @__PURE__ */ jsxs33("table", { className: "tbl__table", children: [
+          /* @__PURE__ */ jsx37("thead", { children: /* @__PURE__ */ jsx37("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__ */ jsx35(
+            return /* @__PURE__ */ jsx37(
               "th",
               {
                 className: [
@@ -4480,7 +4474,7 @@ var Table = ({
                   isMain ? "tbl__th--main" : "",
                   col.width === "big" ? "tbl__th--big" : ""
                 ].filter(Boolean).join(" "),
-                children: /* @__PURE__ */ jsx35(
+                children: /* @__PURE__ */ jsx37(
                   "div",
                   {
                     className: "tbl__th-inner",
@@ -4510,9 +4504,9 @@ var Table = ({
                         setTooltip((prev) => ({ ...prev, visible: false }));
                       }
                     },
-                    children: /* @__PURE__ */ jsx35("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__ */ jsxs31("span", { children: [
+                    children: /* @__PURE__ */ jsx37("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__ */ jsxs33("span", { children: [
                       line,
-                      li < col.header.length - 1 && /* @__PURE__ */ jsx35("br", {})
+                      li < col.header.length - 1 && /* @__PURE__ */ jsx37("br", {})
                     ] }, li)) : col.header })
                   }
                 )
@@ -4520,10 +4514,10 @@ var Table = ({
               col.key
             );
           }) }) }),
-          /* @__PURE__ */ jsx35("tbody", { className: "tbl__tbody", children: visible.length > 0 ? visible.map((row, rowIdx) => /* @__PURE__ */ jsx35("tr", { className: "tbl__tr", children: columns.map((col) => {
+          /* @__PURE__ */ jsx37("tbody", { className: "tbl__tbody", children: visible.length > 0 ? visible.map((row, rowIdx) => /* @__PURE__ */ jsx37("tr", { className: "tbl__tr", children: columns.map((col) => {
             const isMain = col.width === "main" || col.key === mainKey;
             const iconUrl = row[`${col.key}_iconUrl`];
-            return /* @__PURE__ */ jsx35(
+            return /* @__PURE__ */ jsx37(
               "td",
               {
                 className: [
@@ -4531,8 +4525,8 @@ var Table = ({
                   isMain ? "tbl__td--main" : "",
                   col.width === "big" ? "tbl__td--big" : ""
                 ].filter(Boolean).join(" "),
-                children: isMain ? /* @__PURE__ */ jsxs31("div", { className: "tbl__cell-inner", children: [
-                  iconUrl && /* @__PURE__ */ jsx35(
+                children: isMain ? /* @__PURE__ */ jsxs33("div", { className: "tbl__cell-inner", children: [
+                  iconUrl && /* @__PURE__ */ jsx37(
                     "img",
                     {
                       src: iconUrl,
@@ -4544,18 +4538,18 @@ var Table = ({
                       height: "24"
                     }
                   ),
-                  /* @__PURE__ */ jsx35("span", { className: "tbl__cell-text tbl__cell-text--bold", children: row[col.key] ?? "" })
-                ] }) : /* @__PURE__ */ jsx35("span", { className: "tbl__cell-text", children: row[col.key] ?? "" })
+                  /* @__PURE__ */ jsx37("span", { className: "tbl__cell-text tbl__cell-text--bold", children: row[col.key] ?? "" })
+                ] }) : /* @__PURE__ */ jsx37("span", { className: "tbl__cell-text", children: row[col.key] ?? "" })
               },
               col.key
             );
-          }) }, rowIdx)) : /* @__PURE__ */ jsx35("tr", { className: "tbl__tr", children: /* @__PURE__ */ jsxs31("td", { colSpan: columns.length, className: "tbl__empty-cell", children: [
+          }) }, rowIdx)) : /* @__PURE__ */ jsx37("tr", { className: "tbl__tr", children: /* @__PURE__ */ jsxs33("td", { colSpan: columns.length, className: "tbl__empty-cell", children: [
             'No results found for "',
             search,
             '"'
           ] }) }) })
         ] }) }),
-        totalPages > 1 && /* @__PURE__ */ jsx35("div", { className: "tbl__footer", children: /* @__PURE__ */ jsx35("div", { className: "tbl__pagination-wrap", children: /* @__PURE__ */ jsx35(
+        totalPages > 1 && /* @__PURE__ */ jsx37("div", { className: "tbl__footer", children: /* @__PURE__ */ jsx37("div", { className: "tbl__pagination-wrap", children: /* @__PURE__ */ jsx37(
           Pagination,
           {
             currentPage,
@@ -4564,19 +4558,19 @@ var Table = ({
           }
         ) }) })
       ] }),
-      infoText && /* @__PURE__ */ jsxs31("div", { className: "tbl-section__info-box", children: [
-        /* @__PURE__ */ jsx35(InfoIcon, { className: "tbl-section__info-icon" }),
-        /* @__PURE__ */ jsx35("p", { className: "tbl-section__info-text", children: infoText })
+      infoText && /* @__PURE__ */ jsxs33("div", { className: "tbl-section__info-box", children: [
+        /* @__PURE__ */ jsx37(InfoIcon, { className: "tbl-section__info-icon" }),
+        /* @__PURE__ */ jsx37("p", { className: "tbl-section__info-text", children: infoText })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs31(
+    /* @__PURE__ */ jsxs33(
       "div",
       {
         className: ["tbl__global-hint", tooltip.visible ? "tbl__global-hint--visible" : ""].filter(Boolean).join(" "),
         style: { left: tooltip.x, top: tooltip.y - 8 },
         children: [
-          /* @__PURE__ */ jsx35("div", { className: "tbl__global-hint-desc", children: tooltip.description }),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx37("div", { className: "tbl__global-hint-desc", children: tooltip.description }),
+          /* @__PURE__ */ jsx37(
             "div",
             {
               className: "tbl__global-hint-arrow",
@@ -4596,12 +4590,12 @@ import { useState as useState12 } from "react";
 var Leaders_default = {};
 
 // templates/Leaders/Leaders.tsx
-import { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
-var LinkedInIcon = () => /* @__PURE__ */ jsx36("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx36("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__ */ jsx36("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx36("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
-var ChevronUpIcon = () => /* @__PURE__ */ jsx36("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx36("path", { d: "M12 10L8 6L4 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
-var CardContent = ({ item }) => /* @__PURE__ */ jsxs32(Fragment5, { children: [
-  /* @__PURE__ */ jsx36("div", { className: Leaders_default.imageWrapper, children: /* @__PURE__ */ jsx36(
+import { Fragment as Fragment5, jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
+var LinkedInIcon = () => /* @__PURE__ */ jsx38("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx38("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__ */ jsx38("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx38("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var ChevronUpIcon = () => /* @__PURE__ */ jsx38("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx38("path", { d: "M12 10L8 6L4 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var CardContent = ({ item }) => /* @__PURE__ */ jsxs34(Fragment5, { children: [
+  /* @__PURE__ */ jsx38("div", { className: Leaders_default.imageWrapper, children: /* @__PURE__ */ jsx38(
     "img",
     {
       src: item.imageUrl,
@@ -4610,17 +4604,17 @@ var CardContent = ({ item }) => /* @__PURE__ */ jsxs32(Fragment5, { children: [
       loading: "lazy"
     }
   ) }),
-  /* @__PURE__ */ jsxs32("div", { className: Leaders_default.content, children: [
-    /* @__PURE__ */ jsx36("h3", { className: Leaders_default.name, children: item.name }),
-    /* @__PURE__ */ jsx36("p", { className: Leaders_default.role, children: item.role })
+  /* @__PURE__ */ jsxs34("div", { className: Leaders_default.content, children: [
+    /* @__PURE__ */ jsx38("h3", { className: Leaders_default.name, children: item.name }),
+    /* @__PURE__ */ jsx38("p", { className: Leaders_default.role, children: item.role })
   ] }),
-  item.linkedinUrl && /* @__PURE__ */ jsx36(
+  item.linkedinUrl && /* @__PURE__ */ jsx38(
     Link,
     {
       href: item.linkedinUrl,
       target: "_blank",
       rel: "noopener noreferrer",
-      icon: /* @__PURE__ */ jsx36(LinkedInIcon, {}),
+      icon: /* @__PURE__ */ jsx38(LinkedInIcon, {}),
       label: "LinkedIn",
       colorScheme: "black",
       showChevron: false,
@@ -4641,11 +4635,11 @@ var Leaders = ({
   const hasMore = items.length > initialVisibleCount;
   const visibleItems = items.slice(0, initialVisibleCount);
   const extraItems = items.slice(initialVisibleCount);
-  return /* @__PURE__ */ jsx36("section", { className: [Leaders_default.section, className].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ jsxs32("div", { className: Leaders_default.container, children: [
-    title && /* @__PURE__ */ jsx36("div", { className: Leaders_default.header, children: /* @__PURE__ */ jsx36("h2", { className: Leaders_default.title, children: title }) }),
-    /* @__PURE__ */ jsxs32("div", { className: Leaders_default.gridWrapper, children: [
-      /* @__PURE__ */ jsx36("div", { className: Leaders_default.grid, children: visibleItems.map((item, i) => /* @__PURE__ */ jsx36("div", { className: Leaders_default.card, children: /* @__PURE__ */ jsx36(CardContent, { item }) }, i)) }),
-      hasMore && /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38("section", { className: [Leaders_default.section, className].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ jsxs34("div", { className: Leaders_default.container, children: [
+    title && /* @__PURE__ */ jsx38("div", { className: Leaders_default.header, children: /* @__PURE__ */ jsx38("h2", { className: Leaders_default.title, children: title }) }),
+    /* @__PURE__ */ jsxs34("div", { className: Leaders_default.gridWrapper, children: [
+      /* @__PURE__ */ jsx38("div", { className: Leaders_default.grid, children: visibleItems.map((item, i) => /* @__PURE__ */ jsx38("div", { className: Leaders_default.card, children: /* @__PURE__ */ jsx38(CardContent, { item }) }, i)) }),
+      hasMore && /* @__PURE__ */ jsx38(
         "div",
         {
           className: [
@@ -4653,7 +4647,7 @@ var Leaders = ({
             isExpanded ? Leaders_default.extraCardsOpen : ""
           ].join(" "),
           "aria-hidden": !isExpanded,
-          children: /* @__PURE__ */ jsx36("div", { className: Leaders_default.extraGrid, children: extraItems.map((item, i) => /* @__PURE__ */ jsx36(
+          children: /* @__PURE__ */ jsx38("div", { className: Leaders_default.extraGrid, children: extraItems.map((item, i) => /* @__PURE__ */ jsx38(
             "div",
             {
               className: [
@@ -4664,21 +4658,21 @@ var Leaders = ({
               style: {
                 transitionDelay: isExpanded ? `${i * 70 + 120}ms` : "0ms"
               },
-              children: /* @__PURE__ */ jsx36(CardContent, { item })
+              children: /* @__PURE__ */ jsx38(CardContent, { item })
             },
             i
           )) })
         }
       )
     ] }),
-    hasMore && /* @__PURE__ */ jsx36("div", { className: Leaders_default.actions, children: /* @__PURE__ */ jsx36(
+    hasMore && /* @__PURE__ */ jsx38("div", { className: Leaders_default.actions, children: /* @__PURE__ */ jsx38(
       Button,
       {
         variant: "secondary",
         colorScheme: "black",
         onClick: () => setIsExpanded(!isExpanded),
         iconPosition: "icon-right",
-        icon: isExpanded ? /* @__PURE__ */ jsx36(ChevronUpIcon, {}) : /* @__PURE__ */ jsx36(ChevronDownIcon4, {}),
+        icon: isExpanded ? /* @__PURE__ */ jsx38(ChevronUpIcon, {}) : /* @__PURE__ */ jsx38(ChevronDownIcon4, {}),
         children: isExpanded ? collapseText : expandText
       }
     ) })
@@ -4701,11 +4695,13 @@ export {
   DownloadBadge,
   DownloadBanner,
   FEATURE_SCROLL_DATA,
+  FaqAccordion,
   FeatureBullets,
   FeatureCards,
-  FeatureCardsSecondary,
+  FeatureCardsIcon,
   FeatureScroll,
   Footer,
+  Header,
   Hero,
   Leaders,
   Link,