@deriv-web-design/ui 0.1.0 → 0.1.2

package/dist/index.js

@@ -44,6 +44,7 @@ __export(index_exports, {
   FeatureCards: () => FeatureCards,
   FeatureCardsIcon: () => FeatureCardsIcon,
   FeatureScroll: () => FeatureScroll,
+  FeatureSplit: () => FeatureSplit,
   Footer: () => Footer,
   Header: () => Header,
   Hero: () => Hero,
@@ -2802,9 +2803,55 @@ var FeatureScroll = ({
   ] }) });
 };
 
+// templates/FeatureSplit/FeatureSplit.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var FeatureSplit = ({
+  title,
+  description,
+  showDescription = true,
+  linkText = "Learn more",
+  showLink = true,
+  onLinkClick,
+  image,
+  imageAlt = "",
+  imagePosition = "right"
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("section", { className: "feature-split", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "feature-split__container", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    "div",
+    {
+      className: [
+        "feature-split__split",
+        imagePosition === "left" ? "feature-split__split--image-left" : ""
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "feature-split__content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h2", { className: "feature-split__title", children: title }),
+          showDescription && description && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "feature-split__description", children: description }),
+          showLink && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            Link,
+            {
+              colorScheme: "coral",
+              label: linkText,
+              onClick: onLinkClick
+            }
+          )
+        ] }),
+        image && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "feature-split__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          "img",
+          {
+            alt: imageAlt,
+            className: "feature-split__image",
+            src: image
+          }
+        ) })
+      ]
+    }
+  ) }) });
+};
+
 // templates/StickyStackedCards/StickyStackedCards.tsx
 var import_react14 = require("react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var PLACEHOLDER_IMAGE = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
 var STEPS_DATA = [
   {
@@ -2868,14 +2915,14 @@ var StickyStackedCards = ({
       cancelAnimationFrame(rafId);
     };
   }, [items.length]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "section",
     {
       className: ["ssc", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "ssc__inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h2", { className: "ssc__header", children: header }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "ssc__track", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "ssc__inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h2", { className: "ssc__header", children: header }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "ssc__track", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
           "div",
           {
             ref: (el) => {
@@ -2901,11 +2948,11 @@ var StickyStackedCards = ({
               top: `calc(var(--ssc-sticky-top) + ${i} * var(--ssc-peek-offset))`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "ssc__card-content", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h3", { className: "ssc__card-title", children: item.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "ssc__card-desc", children: item.description })
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "ssc__card-content", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h3", { className: "ssc__card-title", children: item.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "ssc__card-desc", children: item.description })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "ssc__card-image", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "ssc__card-image", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 "img",
                 {
                   src: item.imageUrl,
@@ -2925,7 +2972,7 @@ var StickyStackedCards = ({
 // templates/CTABanner/CTABanner.tsx
 var import_react15 = require("react");
 var import_framer_motion = require("framer-motion");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var ENTRANCE = {
   near: 80,
   mid: 130,
@@ -3189,14 +3236,14 @@ var CTABanner = ({
   const compactXValues = useCompactAvatarXValues(smooth);
   const avatarYValues = variant === "compact" ? compactYValues : standardYValues;
   const avatarXValues = variant === "compact" ? compactXValues : standardXValues;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "section",
     {
       ref: sectionRef,
       className: ["ctab", variant === "compact" ? "ctab--compact" : "", className].filter(Boolean).join(" "),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           import_framer_motion.motion.div,
           {
             className: "ctab__grid",
@@ -3204,7 +3251,7 @@ var CTABanner = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "ctab__inner", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "ctab__stage", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "ctab__inner", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "ctab__stage", children: [
           resolvedAvatars.map((avatar, index) => {
             const posStyle = {};
             if (avatar.desktopPos.left) posStyle["--av-d-left"] = avatar.desktopPos.left;
@@ -3213,7 +3260,7 @@ var CTABanner = ({
             if (avatar.mobilePos?.left) posStyle["--av-m-left"] = avatar.mobilePos.left;
             if (avatar.mobilePos?.right) posStyle["--av-m-right"] = avatar.mobilePos.right;
             if (avatar.mobilePos?.top) posStyle["--av-m-top"] = avatar.mobilePos.top;
-            return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               import_framer_motion.motion.div,
               {
                 className: [
@@ -3227,7 +3274,7 @@ var CTABanner = ({
                   opacity: avatarOpacity,
                   filter: avatarFilter
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                   "img",
                   {
                     src: avatar.imageUrl,
@@ -3240,14 +3287,14 @@ var CTABanner = ({
               avatar.id
             );
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
             import_framer_motion.motion.div,
             {
               className: "ctab__hero",
               style: { y: heroY, opacity: heroOpacity },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h2", { className: "ctab__headline", children: headline }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { colorScheme: "black", variant: "primary", label: ctaLabel }) })
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h2", { className: "ctab__headline", children: headline }),
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { colorScheme: "black", variant: "primary", label: ctaLabel }) })
               ]
             }
           )
@@ -3265,7 +3312,7 @@ var import_framer_motion2 = require("framer-motion");
 var icon_globe_default = "./icon-globe-S54WYYEK.svg";
 
 // components/Navbar/Navbar.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var EASE_OUT_EXPO = [0.16, 1, 0.3, 1];
 var dropdownVariants = {
   hidden: { opacity: 0, scale: 0.96, y: -8 },
@@ -3279,7 +3326,7 @@ var accordionVariants = {
   hidden: { height: 0, opacity: 0 },
   visible: { height: "auto", opacity: 1 }
 };
-var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "svg",
   {
     className,
@@ -3288,7 +3335,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime
     viewBox: "0 0 14 14",
     fill: "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       "path",
       {
         d: "M2.625 4.8125L7 9.1875L11.375 4.8125",
@@ -3300,7 +3347,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime
     )
   }
 );
-var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "path",
   {
     d: "M2.625 7H11.375M11.375 7L7.875 3.5M11.375 7L7.875 10.5",
@@ -3310,7 +3357,7 @@ var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg",
     strokeLinejoin: "round"
   }
 ) });
-var ArrowUpRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var ArrowUpRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "path",
   {
     d: "M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5",
@@ -3320,7 +3367,7 @@ var ArrowUpRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg"
     strokeLinejoin: "round"
   }
 ) });
-var BarsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var BarsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "path",
   {
     d: "M2.5 5H17.5M2.5 10H17.5M2.5 15H17.5",
@@ -3329,7 +3376,7 @@ var BarsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { widt
     strokeLinecap: "round"
   }
 ) });
-var XMarkIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var XMarkIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "path",
   {
     d: "M15 5L5 15M5 5L15 15",
@@ -3338,7 +3385,7 @@ var XMarkIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { wi
     strokeLinecap: "round"
   }
 ) });
-var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "svg",
   {
     className,
@@ -3347,7 +3394,7 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime3
     viewBox: "0 0 24 24",
     fill: "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       "path",
       {
         d: "M15 18L9 12L15 6",
@@ -3359,11 +3406,11 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime3
     )
   }
 );
-var GlobeIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("img", { src: icon_globe_default, alt: "", "aria-hidden": "true", width: "20", height: "20", className });
+var GlobeIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("img", { src: icon_globe_default, alt: "", "aria-hidden": "true", width: "20", height: "20", className });
 var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
   const { dropdown } = item;
   if (!dropdown) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     import_framer_motion2.motion.div,
     {
       className: "navbar__dropdown",
@@ -3374,10 +3421,10 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
       transition: { duration: 0.18, ease: EASE_OUT_EXPO },
       onMouseEnter,
       onMouseLeave,
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__dropdown-inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__dropdown-left", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__dropdown-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__dropdown-col-list", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "navbar__dropdown-col-title", children: section.title }),
-          section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "navbar__dropdown-inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "navbar__dropdown-left", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "navbar__dropdown-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "navbar__dropdown-col-list", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "navbar__dropdown-col-title", children: section.title }),
+          section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
             "a",
             {
               href: link.href,
@@ -3386,24 +3433,24 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
               rel: link.external ? "noopener noreferrer" : void 0,
               children: [
                 link.label,
-                link.external ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowUpRightIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowRightIcon, {})
+                link.external ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ArrowUpRightIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ArrowRightIcon, {})
               ]
             },
             link.href
           ))
         ] }, section.title)) }, colIdx)) }),
-        dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__dropdown-right", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(FeatureCard, { feature: dropdown.feature }) })
+        dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "navbar__dropdown-right", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FeatureCard, { feature: dropdown.feature }) })
       ] })
     }
   );
 };
-var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
   "div",
   {
     className: mobile ? "navbar__drawer-feature" : "navbar__dropdown-feature",
     style: feature.backgroundImageUrl ? { backgroundImage: `url(${feature.backgroundImageUrl})` } : void 0,
     children: [
-      feature.backgroundImageUrl && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      feature.backgroundImageUrl && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         "img",
         {
           src: feature.backgroundImageUrl,
@@ -3412,20 +3459,20 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtim
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: mobile ? "navbar__drawer-feature-overlay" : "navbar__dropdown-feature-overlay", "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: mobile ? "navbar__drawer-feature-content" : "navbar__dropdown-feature-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: mobile ? "navbar__drawer-feature-title" : "navbar__dropdown-feature-title", children: feature.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: mobile ? "navbar__drawer-feature-desc" : "navbar__dropdown-feature-desc", children: feature.description })
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: mobile ? "navbar__drawer-feature-overlay" : "navbar__dropdown-feature-overlay", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: mobile ? "navbar__drawer-feature-content" : "navbar__dropdown-feature-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: mobile ? "navbar__drawer-feature-title" : "navbar__dropdown-feature-title", children: feature.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: mobile ? "navbar__drawer-feature-desc" : "navbar__dropdown-feature-desc", children: feature.description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
           "a",
           {
             href: feature.ctaHref,
             className: mobile ? "navbar__drawer-feature-cta" : "navbar__dropdown-feature-cta",
             children: [
               feature.ctaLabel,
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowRightIcon, {})
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ArrowRightIcon, {})
             ]
           }
         )
@@ -3435,8 +3482,8 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtim
 );
 var DrawerAccordion = ({ item, isOpen, onToggle }) => {
   const { dropdown } = item;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__drawer-item", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "navbar__drawer-item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
       "button",
       {
         className: `navbar__drawer-trigger ${isOpen ? "navbar__drawer-trigger--open" : ""}`,
@@ -3444,11 +3491,11 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
         "aria-expanded": isOpen,
         children: [
           item.label,
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ChevronDownIcon3, { className: "navbar__drawer-trigger__chevron" })
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChevronDownIcon3, { className: "navbar__drawer-trigger__chevron" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_framer_motion2.AnimatePresence, { initial: false, children: isOpen && dropdown && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_framer_motion2.AnimatePresence, { initial: false, children: isOpen && dropdown && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       import_framer_motion2.motion.div,
       {
         className: "navbar__drawer-panel",
@@ -3457,10 +3504,10 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
         animate: "visible",
         exit: "hidden",
         transition: { duration: 0.22, ease: EASE_OUT_EXPO },
-        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__drawer-panel-inner", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__drawer-panel-cols", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__drawer-panel-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__drawer-col-section", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "navbar__drawer-col-title", children: section.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__drawer-col-links", children: section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "navbar__drawer-panel-inner", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "navbar__drawer-panel-cols", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "navbar__drawer-panel-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "navbar__drawer-col-section", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "navbar__drawer-col-title", children: section.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "navbar__drawer-col-links", children: section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
               "a",
               {
                 href: link.href,
@@ -3472,7 +3519,7 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
               link.href
             )) })
           ] }, section.title)) }, colIdx)) }),
-          dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(FeatureCard, { feature: dropdown.feature, mobile: true })
+          dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FeatureCard, { feature: dropdown.feature, mobile: true })
         ] })
       }
     ) })
@@ -3577,20 +3624,20 @@ var Navbar = ({
     hoverTimeoutRef.current = setTimeout(() => setOpenDropdown(null), 120);
   }, [clearHoverTimeout]);
   const activeDropdownItem = navItems.find((item) => item.label === openDropdown);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "nav",
     {
       className: ["navbar", `navbar--${theme}`, scrolled && "navbar--scrolled", mobileOpen && "navbar--menu-open", className].filter(Boolean).join(" "),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__bar", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: logoHref, className: "navbar__logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("img", { src: resolvedLogo, alt: "Logo" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__nav-center", ref: pillAreaRef, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__pill", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: logoHref, className: "navbar__pill-logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("img", { src: logoSrcDark ?? logoSrc, alt: "Logo" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__nav-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "navbar__bar", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { href: logoHref, className: "navbar__logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("img", { src: resolvedLogo, alt: "Logo" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "navbar__nav-center", ref: pillAreaRef, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "navbar__pill", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { href: logoHref, className: "navbar__pill-logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("img", { src: logoSrcDark ?? logoSrc, alt: "Logo" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "navbar__nav-group", children: [
               navItems.map((item) => {
                 if (item.external) {
-                  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                     "a",
                     {
                       href: item.href,
@@ -3599,14 +3646,14 @@ var Navbar = ({
                       rel: "noopener noreferrer",
                       children: [
                         item.label,
-                        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowUpRightIcon, {})
+                        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ArrowUpRightIcon, {})
                       ]
                     },
                     item.label
                   );
                 }
                 if (item.dropdown) {
-                  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                     "button",
                     {
                       className: [
@@ -3619,21 +3666,21 @@ var Navbar = ({
                       "aria-haspopup": "true",
                       children: [
                         item.label,
-                        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ChevronDownIcon3, { className: "navbar__nav-item__chevron" })
+                        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChevronDownIcon3, { className: "navbar__nav-item__chevron" })
                       ]
                     },
                     item.label
                   );
                 }
-                return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: item.href, className: "navbar__nav-item", children: item.label }, item.label);
+                return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { href: item.href, className: "navbar__nav-item", children: item.label }, item.label);
               }),
-              languageLabel && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              languageLabel && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                 "div",
                 {
                   className: "navbar__lang-wrapper",
                   onMouseEnter: hasLangDropdown ? handleLangEnter : void 0,
                   onMouseLeave: hasLangDropdown ? handleLangLeave : void 0,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                     "button",
                     {
                       ref: langBtnRef,
@@ -3646,7 +3693,7 @@ var Navbar = ({
                       "aria-haspopup": hasLangDropdown ? "true" : void 0,
                       "aria-expanded": hasLangDropdown ? langDropdownOpen : void 0,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
                         languageLabel
                       ]
                     }
@@ -3654,12 +3701,12 @@ var Navbar = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__pill-actions", children: [
-              loginHref && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { colorScheme: "black", variant: "secondary", label: loginLabel }) }),
-              ctaHref && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "navbar__pill-actions", children: [
+              loginHref && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { colorScheme: "black", variant: "secondary", label: loginLabel }) }),
+              ctaHref && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_framer_motion2.AnimatePresence, { children: openDropdown && activeDropdownItem?.dropdown && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_framer_motion2.AnimatePresence, { children: openDropdown && activeDropdownItem?.dropdown && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
             DropdownPanel,
             {
               item: activeDropdownItem,
@@ -3668,7 +3715,7 @@ var Navbar = ({
             },
             "dropdown"
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && langDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && langDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
             import_framer_motion2.motion.div,
             {
               className: "navbar__lang-dropdown",
@@ -3679,12 +3726,12 @@ var Navbar = ({
               transition: { duration: 0.18, ease: EASE_OUT_EXPO },
               onMouseEnter: clearLangHoverTimeout,
               onMouseLeave: handleLangLeave,
-              children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                 "div",
                 {
                   className: "navbar__lang-dropdown-grid",
                   style: { "--lang-rows": Math.ceil(languageItems.length / 3) },
-                  children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                  children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                     "button",
                     {
                       className: [
@@ -3700,8 +3747,8 @@ var Navbar = ({
               )
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__actions", children: [
-            loginHref && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: loginHref, className: "navbar__actions-login", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "navbar__actions", children: [
+            loginHref && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { href: loginHref, className: "navbar__actions-login", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
               Button,
               {
                 colorScheme: theme === "dark" ? "white" : "black",
@@ -3709,10 +3756,10 @@ var Navbar = ({
                 label: loginLabel
               }
             ) }),
-            ctaHref && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
+            ctaHref && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__mobile-actions", children: [
-            loginHref && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "navbar__mobile-actions", children: [
+            loginHref && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
               Button,
               {
                 colorScheme: scrolled || theme === "light" ? "black" : "white",
@@ -3720,18 +3767,18 @@ var Navbar = ({
                 label: loginLabel
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
               "button",
               {
                 className: "navbar__mobile-trigger",
                 onClick: () => setMobileOpen((o) => !o),
                 "aria-label": mobileOpen ? "Close navigation menu" : "Open navigation menu",
-                children: mobileOpen ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(XMarkIcon2, {}) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(BarsIcon, {})
+                children: mobileOpen ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(XMarkIcon2, {}) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(BarsIcon, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__drawer-clip", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_framer_motion2.AnimatePresence, { children: mobileOpen && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "navbar__drawer-clip", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_framer_motion2.AnimatePresence, { children: mobileOpen && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
           import_framer_motion2.motion.div,
           {
             className: "navbar__drawer",
@@ -3744,10 +3791,10 @@ var Navbar = ({
             role: "dialog",
             "aria-label": "Navigation menu",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("nav", { className: "navbar__drawer-nav", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("nav", { className: "navbar__drawer-nav", children: [
                 navItems.map((item) => {
                   if (item.dropdown) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                       DrawerAccordion,
                       {
                         item,
@@ -3759,7 +3806,7 @@ var Navbar = ({
                       item.label
                     );
                   }
-                  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                     "a",
                     {
                       href: item.href,
@@ -3768,30 +3815,30 @@ var Navbar = ({
                       rel: item.external ? "noopener noreferrer" : void 0,
                       children: [
                         item.label,
-                        item.external && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowUpRightIcon, {})
+                        item.external && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ArrowUpRightIcon, {})
                       ]
                     },
                     item.label
                   );
                 }),
-                languageLabel && !hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("button", { className: "navbar__drawer-lang", onClick: onLanguageClick, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
+                languageLabel && !hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("button", { className: "navbar__drawer-lang", onClick: onLanguageClick, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
                   languageLabel
                 ] }),
-                languageLabel && hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                languageLabel && hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                   "button",
                   {
                     className: "navbar__drawer-lang",
                     onClick: () => setMobileLangOpen(true),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
                       languageLabel
                     ]
                   }
                 )
               ] }),
-              !mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__drawer-footer", children: [
-                loginHref && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: loginHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              !mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "navbar__drawer-footer", children: [
+                loginHref && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { href: loginHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                   Button,
                   {
                     colorScheme: "black",
@@ -3800,7 +3847,7 @@ var Navbar = ({
                     fullWidth: true
                   }
                 ) }),
-                ctaHref && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: ctaHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                ctaHref && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { href: ctaHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                   Button,
                   {
                     colorScheme: "coral",
@@ -3810,7 +3857,7 @@ var Navbar = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                 import_framer_motion2.motion.div,
                 {
                   className: "navbar__drawer-lang-panel",
@@ -3819,16 +3866,16 @@ var Navbar = ({
                   exit: { y: "100%" },
                   transition: { duration: 0.25, ease: EASE_OUT_EXPO },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                       "button",
                       {
                         className: "navbar__drawer-lang-back",
                         onClick: () => setMobileLangOpen(false),
                         "aria-label": "Back to menu",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ChevronLeftIcon, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChevronLeftIcon, {})
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__drawer-lang-grid", children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "navbar__drawer-lang-grid", children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                       "button",
                       {
                         className: [
@@ -3929,7 +3976,7 @@ function webflowV2DayClipPercent(t, media) {
 }
 
 // templates/DayNightTransition/DayNightTransition.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var SPRING2 = { stiffness: 80, damping: 30, restDelta: 1e-3 };
 var FADE_START = 0.35;
 var FADE_END = 0.65;
@@ -4066,15 +4113,15 @@ var DayNightTransition = ({
     descriptionLevel === "body-lg" && "dnt--desc-body-lg",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
     {
       ref: wrapperRef,
       className: rootClass,
       ...props,
       children: [
-        webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "dnt__v2-background-wrapper", "aria-hidden": "true", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "dnt__v2-background-wrapper", "aria-hidden": "true", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             import_framer_motion3.motion.div,
             {
               className: "dnt__v2-bg-day trade-day-night_background-day is-alternative",
@@ -4084,7 +4131,7 @@ var DayNightTransition = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             "div",
             {
               className: "dnt__v2-bg-night trade-day-night_background-night is-alternative",
@@ -4092,9 +4139,9 @@ var DayNightTransition = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: webflowV2 ? "dnt__sticky dnt__sticky--webflow-v2" : "dnt__sticky", children: [
-          !webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: webflowV2 ? "dnt__sticky dnt__sticky--webflow-v2" : "dnt__sticky", children: [
+          !webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               "img",
               {
                 className: "dnt__bg dnt__bg--day",
@@ -4104,7 +4151,7 @@ var DayNightTransition = ({
                 draggable: false
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               import_framer_motion3.motion.img,
               {
                 className: "dnt__bg dnt__bg--night",
@@ -4116,17 +4163,17 @@ var DayNightTransition = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "dnt__content", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "dnt__inner", children: webflowV2 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "dnt__text-wrap", children: [
-            useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "dnt__content", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "dnt__inner", children: webflowV2 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "dnt__text-wrap", children: [
+            useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
               MotionHeadline,
               {
                 className: "dnt__headline dnt__headline--inline-day-night",
                 style: { color: v2TitleColor },
                 "aria-label": `${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.dayWord} / ${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.nightWord}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "dnt__headline-pair", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "dnt__headline-pair", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                       import_framer_motion3.motion.span,
                       {
                         ref: dayWordRef,
@@ -4135,7 +4182,7 @@ var DayNightTransition = ({
                         children: inlineDayNightHeadline.dayWord
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                       import_framer_motion3.motion.span,
                       {
                         className: "dnt__headline-wnight",
@@ -4150,8 +4197,8 @@ var DayNightTransition = ({
                   ] })
                 ]
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 MotionHeadline,
                 {
                   className: "dnt__headline",
@@ -4159,7 +4206,7 @@ var DayNightTransition = ({
                   children: dayHeadline
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 MotionHeadline,
                 {
                   className: "dnt__headline",
@@ -4169,8 +4216,8 @@ var DayNightTransition = ({
                 }
               )
             ] }),
-            hasDescription && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            hasDescription && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 import_framer_motion3.motion.p,
                 {
                   className: "dnt__description",
@@ -4181,7 +4228,7 @@ var DayNightTransition = ({
                   children: dayDescription ?? ""
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 import_framer_motion3.motion.p,
                 {
                   className: "dnt__description",
@@ -4194,22 +4241,22 @@ var DayNightTransition = ({
                 }
               )
             ] }),
-            !hideCta && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+            !hideCta && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
             import_framer_motion3.motion.div,
             {
               className: "dnt__text-wrap",
               style: { color: textColor },
               children: [
-                useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+                useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
                   MotionHeadline,
                   {
                     className: "dnt__headline dnt__headline--inline-day-night",
                     "aria-label": `${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.dayWord} / ${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.nightWord}`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
-                      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "dnt__headline-pair", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
+                      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "dnt__headline-pair", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                           import_framer_motion3.motion.span,
                           {
                             ref: dayWordRef,
@@ -4218,7 +4265,7 @@ var DayNightTransition = ({
                             children: inlineDayNightHeadline.dayWord
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                           import_framer_motion3.motion.span,
                           {
                             className: "dnt__headline-wnight",
@@ -4233,8 +4280,8 @@ var DayNightTransition = ({
                       ] })
                     ]
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                     MotionHeadline,
                     {
                       className: "dnt__headline",
@@ -4242,7 +4289,7 @@ var DayNightTransition = ({
                       children: dayHeadline
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                     MotionHeadline,
                     {
                       className: "dnt__headline",
@@ -4252,8 +4299,8 @@ var DayNightTransition = ({
                     }
                   )
                 ] }),
-                hasDescription && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                hasDescription && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                     import_framer_motion3.motion.p,
                     {
                       className: "dnt__description",
@@ -4261,7 +4308,7 @@ var DayNightTransition = ({
                       children: dayDescription ?? ""
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                     import_framer_motion3.motion.p,
                     {
                       className: "dnt__description",
@@ -4271,7 +4318,7 @@ var DayNightTransition = ({
                     }
                   )
                 ] }),
-                !hideCta && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
+                !hideCta && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
               ]
             }
           ) }) })
@@ -4298,7 +4345,7 @@ var dayNightTransitionV2Preset = {
 // templates/LogoMarquee/LogoMarquee.tsx
 var import_react18 = require("react");
 var import_framer_motion4 = require("framer-motion");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function modWrap(min, max, v) {
   const range = max - min;
   return ((v - min) % range + range) % range + min;
@@ -4369,21 +4416,21 @@ var LogoMarquee = ({
   });
   const track1 = [...col1Logos, ...col1Logos];
   const track2 = [...col2Logos, ...col2Logos];
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "section",
     {
       className: ["lm", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "lm__inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "lm__media", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "lm__carousel", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "lm__fade lm__fade--top", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "lm__inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "lm__media", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "lm__carousel", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "lm__fade lm__fade--top", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             import_framer_motion4.motion.div,
             {
               ref: col1Ref,
               className: "lm__col",
               style: { y: col1Y },
-              children: track1.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              children: track1.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 "img",
                 {
                   src: logo.url,
@@ -4394,13 +4441,13 @@ var LogoMarquee = ({
               ) }) }, `c1-${i}`))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             import_framer_motion4.motion.div,
             {
               ref: col2Ref,
               className: "lm__col",
               style: { y: col2Y },
-              children: track2.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              children: track2.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 "img",
                 {
                   src: logo.url,
@@ -4411,17 +4458,17 @@ var LogoMarquee = ({
               ) }) }, `c2-${i}`))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "lm__fade lm__fade--bottom", "aria-hidden": "true" })
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "lm__fade lm__fade--bottom", "aria-hidden": "true" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "lm__content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h2", { className: "lm__headline", children: headline }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "lm__text-group", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "lm__body", children: body }),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "lm__disclaimer", children: disclaimer })
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "lm__content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h2", { className: "lm__headline", children: headline }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "lm__text-group", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "lm__body", children: body }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "lm__disclaimer", children: disclaimer })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("a", { href: ctaHref, className: "lm__link", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("a", { href: ctaHref, className: "lm__link", children: [
             ctaLabel,
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "lm__link-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M3 8H13M13 8L9 4M13 8L9 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "lm__link-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { d: "M3 8H13M13 8L9 4M13 8L9 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
           ] })
         ] })
       ] })
@@ -4472,7 +4519,7 @@ var appstore_linux_dark_default = "./appstore-linux-dark-RVH7CBM4.svg";
 var appstore_browser_dark_default = "./appstore-browser-dark-2E6TK6JH.svg";
 
 // components/DownloadBadge/DownloadBadge.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var BADGE_ASSETS = {
   light: {
     googleplay: { src: appstore_googleplay_light_default, alt: "Get it on Google Play" },
@@ -4501,7 +4548,7 @@ var DownloadBadge = ({
   ...props
 }) => {
   const { src, alt } = BADGE_ASSETS[colorScheme][platform];
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "a",
     {
       className: [
@@ -4514,13 +4561,13 @@ var DownloadBadge = ({
       target: "_blank",
       rel: "noopener noreferrer",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("img", { className: "download-badge__img", src, alt })
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("img", { className: "download-badge__img", src, alt })
     }
   );
 };
 
 // templates/Steps/Steps.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var Steps = ({
   title,
   steps,
@@ -4532,8 +4579,8 @@ var Steps = ({
     "steps__container",
     imagePosition === "right" ? "steps__container--image-right" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("section", { className: "steps", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: containerClass, children: [
-    image && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "steps__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("section", { className: "steps", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: containerClass, children: [
+    image && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "steps__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "img",
       {
         src: image,
@@ -4541,13 +4588,13 @@ var Steps = ({
         className: "steps__image"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "steps__content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h2", { className: "steps__title", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("ol", { className: "steps__list", children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("li", { className: "steps__item", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "steps__item-inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "steps__number", "aria-hidden": "true", children: index + 1 }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "steps__item-body", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "steps__item-title", children: step.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "steps__item-description", children: step.description })
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "steps__content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h2", { className: "steps__title", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ol", { className: "steps__list", children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("li", { className: "steps__item", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "steps__item-inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "steps__number", "aria-hidden": "true", children: index + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "steps__item-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h3", { className: "steps__item-title", children: step.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "steps__item-description", children: step.description })
         ] })
       ] }) }, index)) })
     ] })
@@ -4555,7 +4602,7 @@ var Steps = ({
 };
 
 // templates/DownloadBanner/DownloadBanner.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var DownloadBanner = ({
   style = "light-2",
   qrCodeImage,
@@ -4580,9 +4627,9 @@ var DownloadBanner = ({
   disclaimer
 }) => {
   const colorScheme = style === "dark" ? "dark" : "light";
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("section", { className: `db-section db-section--${style}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "db-container", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "db-card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "db-qr-block", children: [
-      qrCodeImage && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("section", { className: `db-section db-section--${style}`, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "db-container", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "db-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "db-qr-block", children: [
+      qrCodeImage && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         "img",
         {
           className: "db-qr-image",
@@ -4590,21 +4637,21 @@ var DownloadBanner = ({
           alt: qrCodeAlt
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "db-qr-text", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "db-qr-text__title db-qr-text__title--desktop", children: qrTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h2", { className: "db-qr-text__subtitle db-qr-text__subtitle--desktop", children: qrSubtitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "db-qr-text__title db-qr-text__title--mobile", children: mobileTitle }),
-        disclaimer && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "db-disclaimer", children: disclaimer })
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "db-qr-text", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "db-qr-text__title db-qr-text__title--desktop", children: qrTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h2", { className: "db-qr-text__subtitle db-qr-text__subtitle--desktop", children: qrSubtitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "db-qr-text__title db-qr-text__title--mobile", children: mobileTitle }),
+        disclaimer && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "db-disclaimer", children: disclaimer })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "db-badges", children: [
-      showGooglePlay && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DownloadBadge, { platform: "googleplay", colorScheme, href: googlePlayHref }),
-      showAppGallery && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DownloadBadge, { platform: "appgallery", colorScheme, href: appGalleryHref }),
-      showMacOS && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DownloadBadge, { platform: "macos", colorScheme, href: macOSHref }),
-      showWindows && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DownloadBadge, { platform: "windows", colorScheme, href: windowsHref }),
-      showLinux && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DownloadBadge, { platform: "linux", colorScheme, href: linuxHref }),
-      showAppStore && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DownloadBadge, { platform: "appstore", colorScheme, href: appStoreHref }),
-      showWeb && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DownloadBadge, { platform: "web", colorScheme, href: webHref })
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "db-badges", children: [
+      showGooglePlay && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DownloadBadge, { platform: "googleplay", colorScheme, href: googlePlayHref }),
+      showAppGallery && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DownloadBadge, { platform: "appgallery", colorScheme, href: appGalleryHref }),
+      showMacOS && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DownloadBadge, { platform: "macos", colorScheme, href: macOSHref }),
+      showWindows && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DownloadBadge, { platform: "windows", colorScheme, href: windowsHref }),
+      showLinux && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DownloadBadge, { platform: "linux", colorScheme, href: linuxHref }),
+      showAppStore && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DownloadBadge, { platform: "appstore", colorScheme, href: appStoreHref }),
+      showWeb && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DownloadBadge, { platform: "web", colorScheme, href: webHref })
     ] })
   ] }) }) });
 };
@@ -4613,7 +4660,7 @@ var DownloadBanner = ({
 var import_react19 = require("react");
 var import_gsap = require("gsap");
 var import_ScrollTrigger = require("gsap/ScrollTrigger");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 import_gsap.gsap.registerPlugin(import_ScrollTrigger.ScrollTrigger);
 var TextScroll = ({ text, className }) => {
   const sectionRef = (0, import_react19.useRef)(null);
@@ -4653,12 +4700,12 @@ var TextScroll = ({ text, className }) => {
       import_gsap.gsap.set(wordEls, { clearProps: "opacity" });
     };
   }, [text]);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "section",
     {
       ref: sectionRef,
       className: ["ts", className].filter(Boolean).join(" "),
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "ts__inner", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "ts__text", "aria-label": text, children: words.map((word, i) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "ts__inner", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "ts__text", "aria-label": text, children: words.map((word, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
         "span",
         {
           ref: (el) => {
@@ -4679,7 +4726,7 @@ var TextScroll = ({ text, className }) => {
 
 // templates/StickyMarketCards/StickyMarketCards.tsx
 var import_react20 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var PLACEHOLDER_IMAGE3 = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
 var StickyMarketCards = ({
   sectionTitle,
@@ -4760,20 +4807,20 @@ var StickyMarketCards = ({
   const n = items.length;
   const maxStack = 4;
   const baseIndex = Math.max(0, n - maxStack);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "section",
     {
       className: ["smc", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "smc__inner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "smc__header-wrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: "smc__header", children: sectionTitle }),
-          sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "smc__description", children: sectionDescription })
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "smc__inner", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "smc__header-wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h2", { className: "smc__header", children: sectionTitle }),
+          sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "smc__description", children: sectionDescription })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "smc__track", children: items.map((item, i) => {
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "smc__track", children: items.map((item, i) => {
           const theme = item.theme ?? "dark";
           const offsetMultiplier = Math.max(0, i - baseIndex);
-          return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             "div",
             {
               ref: (el) => {
@@ -4784,7 +4831,7 @@ var StickyMarketCards = ({
                 ["--smc-card-index"]: String(offsetMultiplier),
                 zIndex: i + 1
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
                 "div",
                 {
                   ref: (el) => {
@@ -4795,8 +4842,8 @@ var StickyMarketCards = ({
                     `smc__card-inner--${theme}`
                   ].join(" "),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "smc__card-bg", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "smc__card-bg", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                         "img",
                         {
                           src: item.imageUrl ?? PLACEHOLDER_IMAGE3,
@@ -4805,7 +4852,7 @@ var StickyMarketCards = ({
                           loading: i === 0 ? "eager" : "lazy"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                         "div",
                         {
                           className: [
@@ -4815,9 +4862,9 @@ var StickyMarketCards = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "smc__card-content", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "smc__card-title-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "smc__card-title", children: item.title }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "smc__card-desc-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "smc__card-desc", children: item.description }) })
+                    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "smc__card-content", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "smc__card-title-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "smc__card-title", children: item.title }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "smc__card-desc-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "smc__card-desc", children: item.description }) })
                     ] })
                   ]
                 }
@@ -4833,11 +4880,11 @@ var StickyMarketCards = ({
 
 // templates/Table/Table.tsx
 var import_react21 = require("react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var InfoIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }),
-  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M12 16V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { cx: "12", cy: "8", r: "1", fill: "currentColor", stroke: "currentColor", strokeWidth: "1" })
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var InfoIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }),
+  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { d: "M12 16V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("circle", { cx: "12", cy: "8", r: "1", fill: "currentColor", stroke: "currentColor", strokeWidth: "1" })
 ] });
 var Table = ({
   sectionTitle,
@@ -4874,12 +4921,12 @@ var Table = ({
     setSearch("");
     setPage(1);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("section", { className: ["tbl-section", className].filter(Boolean).join(" "), ...props, children: [
-    sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbl-section__header", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h2", { className: "tbl-section__title", children: sectionTitle }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "tbl-section__content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "tbl", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "tbl__topbar", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbl__search-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("section", { className: ["tbl-section", className].filter(Boolean).join(" "), ...props, children: [
+    sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "tbl-section__header", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { className: "tbl-section__title", children: sectionTitle }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "tbl-section__content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "tbl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "tbl__topbar", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "tbl__search-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             SearchField,
             {
               placeholder: searchPlaceholder,
@@ -4890,7 +4937,7 @@ var Table = ({
               "aria-label": searchPlaceholder
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbl__summary", children: filtered.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "tbl__summary", children: filtered.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
             "Showing ",
             startIdx + 1,
             "- ",
@@ -4899,12 +4946,12 @@ var Table = ({
             filtered.length
           ] }) : "No results" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbl__scroll-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("table", { className: "tbl__table", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tr", { className: "tbl__tr", children: columns.map((col, colIdx) => {
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "tbl__scroll-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("table", { className: "tbl__table", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tr", { className: "tbl__tr", children: columns.map((col, colIdx) => {
             const isFirst = colIdx === 0;
             const isLast = colIdx === columns.length - 1;
             const isMain = col.width === "main" || col.key === mainKey;
-            return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               "th",
               {
                 className: [
@@ -4912,7 +4959,7 @@ var Table = ({
                   isMain ? "tbl__th--main" : "",
                   col.width === "big" ? "tbl__th--big" : ""
                 ].filter(Boolean).join(" "),
-                children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   "div",
                   {
                     className: "tbl__th-inner",
@@ -4942,9 +4989,9 @@ var Table = ({
                         setTooltip((prev) => ({ ...prev, visible: false }));
                       }
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: ["tbl__col-label", col.tooltip ? "tbl__col-label--dashed" : ""].filter(Boolean).join(" "), children: Array.isArray(col.header) ? col.header.map((line, li) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { children: [
+                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: ["tbl__col-label", col.tooltip ? "tbl__col-label--dashed" : ""].filter(Boolean).join(" "), children: Array.isArray(col.header) ? col.header.map((line, li) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { children: [
                       line,
-                      li < col.header.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("br", {})
+                      li < col.header.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("br", {})
                     ] }, li)) : col.header })
                   }
                 )
@@ -4952,10 +4999,10 @@ var Table = ({
               col.key
             );
           }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tbody", { className: "tbl__tbody", children: visible.length > 0 ? visible.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tr", { className: "tbl__tr", children: columns.map((col) => {
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tbody", { className: "tbl__tbody", children: visible.length > 0 ? visible.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tr", { className: "tbl__tr", children: columns.map((col) => {
             const isMain = col.width === "main" || col.key === mainKey;
             const iconUrl = row[`${col.key}_iconUrl`];
-            return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               "td",
               {
                 className: [
@@ -4963,8 +5010,8 @@ var Table = ({
                   isMain ? "tbl__td--main" : "",
                   col.width === "big" ? "tbl__td--big" : ""
                 ].filter(Boolean).join(" "),
-                children: isMain ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "tbl__cell-inner", children: [
-                  iconUrl && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                children: isMain ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "tbl__cell-inner", children: [
+                  iconUrl && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                     "img",
                     {
                       src: iconUrl,
@@ -4976,18 +5023,18 @@ var Table = ({
                       height: "24"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "tbl__cell-text tbl__cell-text--bold", children: row[col.key] ?? "" })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "tbl__cell-text", children: row[col.key] ?? "" })
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "tbl__cell-text tbl__cell-text--bold", children: row[col.key] ?? "" })
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "tbl__cell-text", children: row[col.key] ?? "" })
               },
               col.key
             );
-          }) }, rowIdx)) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tr", { className: "tbl__tr", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("td", { colSpan: columns.length, className: "tbl__empty-cell", children: [
+          }) }, rowIdx)) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tr", { className: "tbl__tr", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("td", { colSpan: columns.length, className: "tbl__empty-cell", children: [
             'No results found for "',
             search,
             '"'
           ] }) }) })
         ] }) }),
-        totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbl__footer", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbl__pagination-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "tbl__footer", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "tbl__pagination-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           Pagination,
           {
             currentPage,
@@ -4996,19 +5043,19 @@ var Table = ({
           }
         ) }) })
       ] }),
-      infoText && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "tbl-section__info-box", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(InfoIcon, { className: "tbl-section__info-icon" }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "tbl-section__info-text", children: infoText })
+      infoText && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "tbl-section__info-box", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(InfoIcon, { className: "tbl-section__info-icon" }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "tbl-section__info-text", children: infoText })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "div",
       {
         className: ["tbl__global-hint", tooltip.visible ? "tbl__global-hint--visible" : ""].filter(Boolean).join(" "),
         style: { left: tooltip.x, top: tooltip.y - 8 },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbl__global-hint-desc", children: tooltip.description }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "tbl__global-hint-desc", children: tooltip.description }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "div",
             {
               className: "tbl__global-hint-arrow",
@@ -5023,11 +5070,11 @@ var Table = ({
 
 // templates/Leaders/Leaders.tsx
 var import_react22 = require("react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var ChevronDownIcon4 = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
-var ChevronUpIcon = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { d: "M12 10L8 6L4 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
-var CardContent = ({ item }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "avatar-grid__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var ChevronDownIcon4 = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var ChevronUpIcon = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M12 10L8 6L4 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var CardContent = ({ item }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "avatar-grid__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "img",
     {
       src: item.imageUrl,
@@ -5036,11 +5083,11 @@ var CardContent = ({ item }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(i
       loading: "lazy"
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "avatar-grid__content", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h3", { className: "avatar-grid__name", children: item.name }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "avatar-grid__role", children: item.role })
+  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "avatar-grid__content", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h3", { className: "avatar-grid__name", children: item.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "avatar-grid__role", children: item.role })
   ] }),
-  item.linkUrl && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  item.linkUrl && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     Link,
     {
       href: item.linkUrl,
@@ -5068,14 +5115,14 @@ var AvatarGrid = ({
   const hasMore = items.length > initialVisibleCount;
   const visibleItems = items.slice(0, initialVisibleCount);
   const extraItems = items.slice(initialVisibleCount);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("section", { className: ["avatar-grid", className].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "avatar-grid__container", children: [
-    (title || description) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "avatar-grid__header", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { className: "avatar-grid__title", children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "avatar-grid__description", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("section", { className: ["avatar-grid", className].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "avatar-grid__container", children: [
+    (title || description) && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "avatar-grid__header", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h2", { className: "avatar-grid__title", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "avatar-grid__description", children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "avatar-grid__grid-wrapper", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "avatar-grid__grid", children: visibleItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "avatar-grid__card", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CardContent, { item }) }, i)) }),
-      hasMore && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "avatar-grid__grid-wrapper", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "avatar-grid__grid", children: visibleItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "avatar-grid__card", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CardContent, { item }) }, i)) }),
+      hasMore && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "div",
         {
           className: [
@@ -5083,7 +5130,7 @@ var AvatarGrid = ({
             isExpanded ? "avatar-grid__extra-cards--open" : ""
           ].join(" "),
           "aria-hidden": !isExpanded,
-          children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "avatar-grid__extra-grid", children: extraItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "avatar-grid__extra-grid", children: extraItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "div",
             {
               className: [
@@ -5094,21 +5141,21 @@ var AvatarGrid = ({
               style: {
                 transitionDelay: isExpanded ? `${i * 70 + 120}ms` : "0ms"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CardContent, { item })
+              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CardContent, { item })
             },
             i
           )) })
         }
       )
     ] }),
-    hasMore && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "avatar-grid__actions", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    hasMore && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "avatar-grid__actions", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       Button,
       {
         variant: "secondary",
         colorScheme: "black",
         onClick: () => setIsExpanded(!isExpanded),
         iconPosition: "icon-right",
-        icon: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ChevronUpIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ChevronDownIcon4, {}),
+        icon: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ChevronUpIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ChevronDownIcon4, {}),
         fullWidth: true,
         children: isExpanded ? collapseText : expandText
       }
@@ -5119,7 +5166,7 @@ var PeopleGrid = AvatarGrid;
 var Leaders = AvatarGrid;
 
 // templates/ImageBanner/ImageBanner.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var ImageBanner = ({
   variant = "split",
   title = "Join our global community",
@@ -5133,12 +5180,12 @@ var ImageBanner = ({
   ...props
 }) => {
   const isFullBg = variant === "full-bg";
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "section",
     {
       className: ["image-banner", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
         "div",
         {
           className: [
@@ -5146,8 +5193,8 @@ var ImageBanner = ({
             `image-banner__inner--${variant}`
           ].join(" "),
           children: [
-            isFullBg && imageUrl && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "image-banner__bg-image-wrapper", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            isFullBg && imageUrl && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "image-banner__bg-image-wrapper", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                 "img",
                 {
                   src: imageUrl,
@@ -5156,12 +5203,12 @@ var ImageBanner = ({
                   loading: "lazy"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "image-banner__bg-overlay", "aria-hidden": "true" })
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "image-banner__bg-overlay", "aria-hidden": "true" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "image-banner__content", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h2", { className: "image-banner__title", children: title }),
-              description && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "image-banner__description", children: description }),
-              ctaLabel && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "image-banner__actions", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "image-banner__content", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h2", { className: "image-banner__title", children: title }),
+              description && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "image-banner__description", children: description }),
+              ctaLabel && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "image-banner__actions", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                 Link,
                 {
                   colorScheme: "coral",
@@ -5173,7 +5220,7 @@ var ImageBanner = ({
                 }
               ) })
             ] }),
-            !isFullBg && imageUrl && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "image-banner__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            !isFullBg && imageUrl && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "image-banner__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               "img",
               {
                 src: imageUrl,
@@ -5199,7 +5246,7 @@ var quote_left_default = "./quote-left-63QMW5NQ.webp";
 var quote_right_default = "./quote-right-W6AS4YHN.webp";
 
 // templates/Testimonial/Testimonial.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var Testimonial = ({
   title,
   items,
@@ -5236,15 +5283,15 @@ var Testimonial = ({
     };
   }, [activeIndex, items.length]);
   if (!items || items.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "section",
     {
       className: ["testimonial", className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "testimonial__container", children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h2", { className: "testimonial__title", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "testimonial__carousel", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "testimonial__slides", children: items.map((item, i) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "testimonial__container", children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h2", { className: "testimonial__title", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "testimonial__carousel", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "testimonial__slides", children: items.map((item, i) => {
             const isActive = i === activeIndex;
             const isExiting = isActive && phase === "exiting";
             const slideClass = [
@@ -5252,18 +5299,18 @@ var Testimonial = ({
               isActive && !isExiting ? "testimonial__slide--active" : "",
               isExiting ? "testimonial__slide--exiting" : ""
             ].filter(Boolean).join(" ");
-            return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
               "div",
               {
                 className: slideClass,
                 role: "region",
                 "aria-label": `Testimonial ${i + 1} of ${items.length}`,
                 "aria-hidden": !isActive,
-                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "testimonial__card", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "testimonial__quotemark testimonial__quotemark--open", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("img", { src: quote_left_default, alt: "", className: "testimonial__quotemark-img" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "testimonial__quote", children: item.quote }),
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "testimonial__author", children: [
-                    item.avatarUrl && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "testimonial__card", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "testimonial__quotemark testimonial__quotemark--open", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: quote_left_default, alt: "", className: "testimonial__quotemark-img" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "testimonial__quote", children: item.quote }),
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "testimonial__author", children: [
+                    item.avatarUrl && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                       "img",
                       {
                         src: item.avatarUrl,
@@ -5272,22 +5319,22 @@ var Testimonial = ({
                         loading: "lazy"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "testimonial__author-name", children: item.authorName }),
-                    item.authorLocation && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "testimonial__author-location", children: item.authorLocation })
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "testimonial__author-name", children: item.authorName }),
+                    item.authorLocation && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "testimonial__author-location", children: item.authorLocation })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "testimonial__quotemark testimonial__quotemark--close", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("img", { src: quote_right_default, alt: "", className: "testimonial__quotemark-img" }) })
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "testimonial__quotemark testimonial__quotemark--close", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: quote_right_default, alt: "", className: "testimonial__quotemark-img" }) })
                 ] })
               },
               i
             );
           }) }),
-          items.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          items.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "div",
             {
               className: "testimonial__dots",
               role: "tablist",
               "aria-label": "Testimonial navigation",
-              children: items.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              children: items.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 "button",
                 {
                   role: "tab",
@@ -5313,8 +5360,8 @@ var Testimonial = ({
 };
 
 // templates/ArticleHero/ArticleHero.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var ArticleCard = ({ article, showThumbnail = false }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-listItem", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var ArticleCard = ({ article, showThumbnail = false }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-listItem", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   Card,
   {
     variant: "thumbnail",
@@ -5330,12 +5377,12 @@ var ArticleCard = ({ article, showThumbnail = false }) => /* @__PURE__ */ (0, im
     hideAvatar: true
   }
 ) });
-var ColumnSection = ({ column, showThumbnails = false }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-column", children: [
-  column.label && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-columnHeader", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-columnLabel", children: column.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-columnLine" })
+var ColumnSection = ({ column, showThumbnails = false }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-column", children: [
+  column.label && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-columnHeader", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "bh-columnLabel", children: column.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "bh-columnLine" })
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-columnList", children: column.articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ArticleCard, { article, showThumbnail: showThumbnails }, i)) })
+  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-columnList", children: column.articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ArticleCard, { article, showThumbnail: showThumbnails }, i)) })
 ] });
 var ArticleHero = ({
   featured,
@@ -5344,79 +5391,79 @@ var ArticleHero = ({
   rightColumn,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("section", { className: ["bh-root", className ?? ""].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-desktop", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-desktopHeader", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-headerLeft", children: leftColumn.label && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-columnHeader", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-columnLabel", children: leftColumn.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-columnLine" })
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("section", { className: ["bh-root", className ?? ""].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-desktop", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-desktopHeader", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-headerLeft", children: leftColumn.label && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-columnHeader", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "bh-columnLabel", children: leftColumn.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "bh-columnLine" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-headerRight", children: rightColumn.label && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-columnHeader", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-columnLabel", children: rightColumn.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-columnLine" })
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-headerRight", children: rightColumn.label && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-columnHeader", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "bh-columnLabel", children: rightColumn.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "bh-columnLine" })
         ] }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-desktopBody", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-sidebar bh-sidebarLeft", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ColumnSection, { column: { ...leftColumn, label: void 0 }, showThumbnails: true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-divider" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-featured", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-featuredInfo", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h2", { className: "bh-featuredTitle", children: featured.title }),
-              featured.summary && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "bh-featuredSummary", children: featured.summary }),
-              featured.tags && featured.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-featuredTags", children: featured.tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "bh-tagItem", children: [
-                i > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Tag, { label: tag, size: "md", variant: "custom" })
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-desktopBody", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-sidebar bh-sidebarLeft", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ColumnSection, { column: { ...leftColumn, label: void 0 }, showThumbnails: true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "bh-divider" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-featured", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-featuredInfo", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("h2", { className: "bh-featuredTitle", children: featured.title }),
+              featured.summary && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "bh-featuredSummary", children: featured.summary }),
+              featured.tags && featured.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-featuredTags", children: featured.tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "bh-tagItem", children: [
+                i > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Tag, { label: tag, size: "md", variant: "custom" })
               ] }, i)) })
             ] }),
-            featured.thumbnail && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-featuredImage", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { alt: featured.thumbnailAlt ?? "", className: "bh-featuredImg", src: featured.thumbnail }) })
+            featured.thumbnail && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-featuredImage", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("img", { alt: featured.thumbnailAlt ?? "", className: "bh-featuredImg", src: featured.thumbnail }) })
           ] }),
-          featuredFooter.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-featuredFooter", children: featuredFooter.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-footerItem", children: [
-            i > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-footerDivider" }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-footerContent", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "bh-footerTitle", children: article.title }),
-              article.tags && article.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-listItemTags", children: article.tags.map((tag, j) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "bh-tagItem", children: [
-                j > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Tag, { label: tag, size: "md", variant: "custom" })
+          featuredFooter.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-featuredFooter", children: featuredFooter.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-footerItem", children: [
+            i > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "bh-footerDivider" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-footerContent", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "bh-footerTitle", children: article.title }),
+              article.tags && article.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-listItemTags", children: article.tags.map((tag, j) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "bh-tagItem", children: [
+                j > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Tag, { label: tag, size: "md", variant: "custom" })
               ] }, j)) })
             ] })
           ] }, i)) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-divider" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-sidebar bh-sidebarRight", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ColumnSection, { column: { ...rightColumn, label: void 0 } }) })
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "bh-divider" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-sidebar bh-sidebarRight", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ColumnSection, { column: { ...rightColumn, label: void 0 } }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-mobile", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-mobileFeatured", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-mobileLabel", children: leftColumn.label ?? "Trending stories" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-featuredInfo", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h2", { className: "bh-featuredTitle", children: featured.title }),
-          featured.summary && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "bh-featuredSummary", children: featured.summary }),
-          featured.tags && featured.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-featuredTags", children: featured.tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "bh-tagItem", children: [
-            i > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Tag, { label: tag, size: "md", variant: "custom" })
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-mobile", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-mobileFeatured", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "bh-mobileLabel", children: leftColumn.label ?? "Trending stories" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-featuredInfo", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("h2", { className: "bh-featuredTitle", children: featured.title }),
+          featured.summary && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "bh-featuredSummary", children: featured.summary }),
+          featured.tags && featured.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-featuredTags", children: featured.tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "bh-tagItem", children: [
+            i > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Tag, { label: tag, size: "md", variant: "custom" })
           ] }, i)) })
         ] }),
-        featured.thumbnail && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-mobileFeaturedImage", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { alt: featured.thumbnailAlt ?? "", className: "bh-featuredImg", src: featured.thumbnail }) }),
-        featuredFooter.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-featuredFooter", children: featuredFooter.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-footerItem", children: [
-          i > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-footerDivider" }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-footerContent", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "bh-footerTitle", children: article.title }),
-            article.tags && article.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-listItemTags", children: article.tags.map((tag, j) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "bh-tagItem", children: [
-              j > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Tag, { label: tag, size: "md", variant: "custom" })
+        featured.thumbnail && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-mobileFeaturedImage", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("img", { alt: featured.thumbnailAlt ?? "", className: "bh-featuredImg", src: featured.thumbnail }) }),
+        featuredFooter.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-featuredFooter", children: featuredFooter.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-footerItem", children: [
+          i > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "bh-footerDivider" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bh-footerContent", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "bh-footerTitle", children: article.title }),
+            article.tags && article.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-listItemTags", children: article.tags.map((tag, j) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "bh-tagItem", children: [
+              j > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Tag, { label: tag, size: "md", variant: "custom" })
             ] }, j)) })
           ] })
         ] }, i)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-mobileSection", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ColumnSection, { column: { ...leftColumn, label: void 0 }, showThumbnails: true }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-mobileSection", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ColumnSection, { column: rightColumn }) })
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-mobileSection", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ColumnSection, { column: { ...leftColumn, label: void 0 }, showThumbnails: true }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "bh-mobileSection", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ColumnSection, { column: rightColumn }) })
     ] })
   ] });
 };
 
 // templates/ArticleSection/ArticleSection.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var ArticleSection = ({
   variant = "featured",
   sectionTitle,
@@ -5432,14 +5479,14 @@ var ArticleSection = ({
   const midpoint = Math.ceil(articles.length / 2);
   const col2 = articles.slice(0, midpoint);
   const col3 = articles.slice(midpoint);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("section", { className: rootClass, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "as-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("h2", { className: "as-title", children: sectionTitle }),
-      linkText && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("section", { className: rootClass, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "as-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h2", { className: "as-title", children: sectionTitle }),
+      linkText && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "as-desktop", children: [
-      !isShowcase && !isGrid && featured && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-featuredRow", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "as-desktop", children: [
+      !isShowcase && !isGrid && featured && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "as-featuredRow", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           Card,
           {
             variant: "thumbnail",
@@ -5455,7 +5502,7 @@ var ArticleSection = ({
             hideAvatar: true
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-grid", children: articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-gridItem", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "as-grid", children: articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "as-gridItem", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           Card,
           {
             variant: "thumbnail",
@@ -5472,7 +5519,7 @@ var ArticleSection = ({
           }
         ) }, i)) })
       ] }),
-      isGrid && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-grid", children: articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-gridItem", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      isGrid && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "as-grid", children: articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "as-gridItem", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         Card,
         {
           variant: "thumbnail",
@@ -5488,8 +5535,8 @@ var ArticleSection = ({
           hideAvatar: true
         }
       ) }, i)) }),
-      isShowcase && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "as-showcaseGrid", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-showcaseFeatured", children: featured && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      isShowcase && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "as-showcaseGrid", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "as-showcaseFeatured", children: featured && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           Card,
           {
             variant: "thumbnail",
@@ -5505,7 +5552,7 @@ var ArticleSection = ({
             hideAvatar: true
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-showcaseCol", children: col2.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-showcaseItem", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "as-showcaseCol", children: col2.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "as-showcaseItem", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           Card,
           {
             variant: "thumbnail",
@@ -5521,7 +5568,7 @@ var ArticleSection = ({
             hideAvatar: true
           }
         ) }, i)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-showcaseCol", children: col3.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-showcaseItem", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "as-showcaseCol", children: col3.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "as-showcaseItem", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           Card,
           {
             variant: "thumbnail",
@@ -5539,8 +5586,8 @@ var ArticleSection = ({
         ) }, i)) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: isGrid ? "as-mobile-grid" : "as-mobile", children: [
-      !isGrid && featured && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-mobileFeatured", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: isGrid ? "as-mobile-grid" : "as-mobile", children: [
+      !isGrid && featured && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "as-mobileFeatured", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         Card,
         {
           variant: "thumbnail",
@@ -5556,7 +5603,7 @@ var ArticleSection = ({
           hideAvatar: true
         }
       ) }),
-      !isGrid && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-mobileList", children: articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-mobileListItem", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      !isGrid && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "as-mobileList", children: articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "as-mobileListItem", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         Card,
         {
           variant: "thumbnail",
@@ -5572,7 +5619,7 @@ var ArticleSection = ({
           hideAvatar: true
         }
       ) }, i)) }),
-      isGrid && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-mobileScroll", children: articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-mobileScrollItem", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      isGrid && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "as-mobileScroll", children: articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "as-mobileScrollItem", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         Card,
         {
           variant: "thumbnail",
@@ -5617,6 +5664,7 @@ var ArticleSection = ({
   FeatureCards,
   FeatureCardsIcon,
   FeatureScroll,
+  FeatureSplit,
   Footer,
   Header,
   Hero,