@dmitriikapustin/ui 0.4.1 → 0.4.3

package/dist/index.cjs

@@ -1688,6 +1688,94 @@ function Skeleton({ variant = "line", width, height, className = "" }) {
   );
 }
 
+// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/atoms/SectionHeading.module.scss
+__styleInject(`@charset "UTF-8";
+/* SectionHeading \u2014 \u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0430 \u0434\u043B\u044F section-headings.
+   \u0422\u0440\u0438 \u0440\u0430\u0437\u043C\u0435\u0440\u0430: sm (sub-block), md (default, typical section h2), lg (landing promo). */
+.SectionHeading-module_heading {
+  font-weight: 700;
+  line-height: 1.1;
+  letter-spacing: -0.03em;
+  color: var(--fg);
+  text-wrap: balance;
+  margin: 0;
+}
+
+/* \u2014 \u0420\u0430\u0437\u043C\u0435\u0440\u044B (responsive clamp) \u2014 */
+.SectionHeading-module_sizeSm {
+  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
+  letter-spacing: -0.02em;
+}
+
+.SectionHeading-module_sizeMd {
+  font-size: clamp(1.5rem, 3vw, 2rem);
+}
+
+.SectionHeading-module_sizeLg {
+  font-size: clamp(1.75rem, 4vw, 2.75rem);
+}
+
+/* \u2014 \u0412\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u043D\u0438\u0435 \u2014 */
+.SectionHeading-module_alignLeft {
+  text-align: left;
+}
+
+.SectionHeading-module_alignCenter {
+  text-align: center;
+}
+
+/* \u2014 Wrapper \u0434\u043B\u044F subtitle \u2014 */
+.SectionHeading-module_wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+
+.SectionHeading-module_wrapCenter {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.75rem;
+  text-align: center;
+}
+
+.SectionHeading-module_subtitle {
+  font-size: 1rem;
+  line-height: 1.625;
+  color: var(--fg-secondary);
+  margin: 0;
+  max-width: 42rem;
+  text-wrap: balance;
+}
+@media (min-width: 768px) {
+  .SectionHeading-module_subtitle {
+    font-size: 1.125rem;
+  }
+}`);
+var __default20 = { "heading": "SectionHeading-module_heading", "sizeSm": "SectionHeading-module_sizeSm", "sizeMd": "SectionHeading-module_sizeMd", "sizeLg": "SectionHeading-module_sizeLg", "alignLeft": "SectionHeading-module_alignLeft", "alignCenter": "SectionHeading-module_alignCenter", "wrap": "SectionHeading-module_wrap", "wrapCenter": "SectionHeading-module_wrapCenter", "subtitle": "SectionHeading-module_subtitle" };
+var SIZE_CLASS = {
+  sm: __default20.sizeSm,
+  md: __default20.sizeMd,
+  lg: __default20.sizeLg
+};
+function SectionHeading({
+  children,
+  size = "md",
+  as = "h2",
+  align = "left",
+  subtitle,
+  className = ""
+}) {
+  const headingClass = `${__default20.heading} ${SIZE_CLASS[size]} ${align === "center" ? __default20.alignCenter : __default20.alignLeft}${className ? ` ${className}` : ""}`;
+  if (subtitle) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: align === "center" ? __default20.wrapCenter : __default20.wrap, children: [
+      react.createElement(as, { className: headingClass }, children),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default20.subtitle, children: subtitle })
+    ] });
+  }
+  return react.createElement(as, { className: headingClass }, children);
+}
+
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/atoms/TicketButton.module.scss
 __styleInject(`@charset "UTF-8";
 /* TicketButton SASS Module \u2014 scoped CSS replacing Tailwind group-hover utilities */
@@ -1752,7 +1840,7 @@ __styleInject(`@charset "UTF-8";
   align-items: center;
   justify-content: center;
 }`);
-var __default20 = { "root": "TicketButton-module_root", "stub": "TicketButton-module_stub", "body": "TicketButton-module_body", "bodySvg": "TicketButton-module_bodySvg", "bodyText": "TicketButton-module_bodyText", "stubSvg": "TicketButton-module_stubSvg", "stubIcon": "TicketButton-module_stubIcon" };
+var __default21 = { "root": "TicketButton-module_root", "stub": "TicketButton-module_stub", "body": "TicketButton-module_body", "bodySvg": "TicketButton-module_bodySvg", "bodyText": "TicketButton-module_bodyText", "stubSvg": "TicketButton-module_stubSvg", "stubIcon": "TicketButton-module_stubIcon" };
 var DefaultIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) });
 function TicketButton(_a) {
   var _b = _a, {
@@ -1775,14 +1863,14 @@ function TicketButton(_a) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     __spreadProps(__spreadValues({
-      className: `${__default20.root} ${className}`
+      className: `${__default21.root} ${className}`
     }, props), {
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default20.body, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default21.body, children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
             "svg",
             {
-              className: __default20.bodySvg,
+              className: __default21.bodySvg,
               viewBox: "0 0 140 56",
               fill: "none",
               preserveAspectRatio: "none",
@@ -1807,13 +1895,13 @@ function TicketButton(_a) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default20.bodyText, style: { color: fg }, children })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default21.bodyText, style: { color: fg }, children })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default20.stub, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default21.stub, children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
             "svg",
             {
-              className: __default20.stubSvg,
+              className: __default21.stubSvg,
               viewBox: "0 0 56 56",
               fill: "none",
               preserveAspectRatio: "none",
@@ -1837,7 +1925,7 @@ function TicketButton(_a) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default20.stubIcon, style: { color: fg }, children: icon || /* @__PURE__ */ jsxRuntime.jsx(DefaultIcon, {}) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default21.stubIcon, style: { color: fg }, children: icon || /* @__PURE__ */ jsxRuntime.jsx(DefaultIcon, {}) })
         ] })
       ]
     })
@@ -1938,7 +2026,7 @@ __styleInject(`@charset "UTF-8";
 .Card-module_spacer {
   display: block;
 }`);
-var __default21 = { "root": "Card-module_root", "imageWrapper": "Card-module_imageWrapper", "image": "Card-module_image", "body": "Card-module_body", "bodyWithImage": "Card-module_bodyWithImage", "bodyNoImage": "Card-module_bodyNoImage", "titleBlock": "Card-module_titleBlock", "title": "Card-module_title", "danger": "Card-module_danger", "description": "Card-module_description", "footer": "Card-module_footer", "footerRow": "Card-module_footerRow", "badges": "Card-module_badges", "spacer": "Card-module_spacer" };
+var __default22 = { "root": "Card-module_root", "imageWrapper": "Card-module_imageWrapper", "image": "Card-module_image", "body": "Card-module_body", "bodyWithImage": "Card-module_bodyWithImage", "bodyNoImage": "Card-module_bodyNoImage", "titleBlock": "Card-module_titleBlock", "title": "Card-module_title", "danger": "Card-module_danger", "description": "Card-module_description", "footer": "Card-module_footer", "footerRow": "Card-module_footerRow", "badges": "Card-module_badges", "spacer": "Card-module_spacer" };
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/molecules/IconBadge.module.scss
 __styleInject(`@charset "UTF-8";
@@ -1958,9 +2046,9 @@ __styleInject(`@charset "UTF-8";
   width: 20px;
   height: 20px;
 }`);
-var __default22 = { "root": "IconBadge-module_root" };
+var __default23 = { "root": "IconBadge-module_root" };
 function IconBadge({ icon, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default22.root}${className ? ` ${className}` : ""}`, children: icon });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default23.root}${className ? ` ${className}` : ""}`, children: icon });
 }
 function Card({
   image,
@@ -1977,20 +2065,20 @@ function Card({
   const hasImage = !!image;
   const hasBadgesOrAction = !!(badges && badges.length > 0 || action);
   const showFooter = !!footer || hasBadgesOrAction;
-  const variantClass = variant === "danger" ? ` ${__default21.danger}` : "";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default21.root}${variantClass}${className ? ` ${className}` : ""}`, children: [
-    hasImage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default21.imageWrapper, children: typeof image === "string" ? (
+  const variantClass = variant === "danger" ? ` ${__default22.danger}` : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default22.root}${variantClass}${className ? ` ${className}` : ""}`, children: [
+    hasImage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default22.imageWrapper, children: typeof image === "string" ? (
       // eslint-disable-next-line @next/next/no-img-element
-      /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: title || "", className: __default21.image })
+      /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: title || "", className: __default22.image })
     ) : image }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default21.body} ${hasImage ? __default21.bodyWithImage : __default21.bodyNoImage}`, children: [
-      (title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default21.titleBlock, children: [
-        title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default21.title, children: title }),
-        description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default21.description}${descriptionClassName ? ` ${descriptionClassName}` : ""}`, children: description })
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default22.body} ${hasImage ? __default22.bodyWithImage : __default22.bodyNoImage}`, children: [
+      (title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default22.titleBlock, children: [
+        title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default22.title, children: title }),
+        description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default22.description}${descriptionClassName ? ` ${descriptionClassName}` : ""}`, children: description })
       ] }),
       children,
-      showFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default21.footer, children: footer || /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default21.footerRow, children: [
-        badges && badges.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default21.badges, children: badges.map((b, i) => /* @__PURE__ */ jsxRuntime.jsx(IconBadge, { icon: b }, i)) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default21.spacer }),
+      showFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default22.footer, children: footer || /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default22.footerRow, children: [
+        badges && badges.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default22.badges, children: badges.map((b, i) => /* @__PURE__ */ jsxRuntime.jsx(IconBadge, { icon: b }, i)) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default22.spacer }),
         action && /* @__PURE__ */ jsxRuntime.jsx(
           Button,
           {
@@ -2083,7 +2171,7 @@ __styleInject(`@charset "UTF-8";
   height: auto;
   display: block;
 }`);
-var __default23 = { "root": "Gallery-module_root", "title": "Gallery-module_title", "grid": "Gallery-module_grid", "gridItem": "Gallery-module_gridItem", "image": "Gallery-module_image", "masonry": "Gallery-module_masonry", "masonryItem": "Gallery-module_masonryItem" };
+var __default24 = { "root": "Gallery-module_root", "title": "Gallery-module_title", "grid": "Gallery-module_grid", "gridItem": "Gallery-module_gridItem", "image": "Gallery-module_image", "masonry": "Gallery-module_masonry", "masonryItem": "Gallery-module_masonryItem" };
 function Gallery({
   variant = "grid",
   images,
@@ -2092,10 +2180,10 @@ function Gallery({
 }) {
   if (images.length === 0) return null;
   const isMasonry = variant === "masonry";
-  const itemClass = isMasonry ? __default23.masonryItem : __default23.gridItem;
-  const containerClass = isMasonry ? __default23.masonry : __default23.grid;
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default23.root}${className ? ` ${className}` : ""}`, children: [
-    title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default23.title, children: title }),
+  const itemClass = isMasonry ? __default24.masonryItem : __default24.gridItem;
+  const containerClass = isMasonry ? __default24.masonry : __default24.grid;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default24.root}${className ? ` ${className}` : ""}`, children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default24.title, children: title }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerClass, children: images.map((src, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: itemClass, children: /* @__PURE__ */ jsxRuntime.jsx(
       "img",
       {
@@ -2103,7 +2191,7 @@ function Gallery({
         alt: "",
         loading: i === 0 ? "eager" : "lazy",
         decoding: i === 0 ? "sync" : "async",
-        className: __default23.image
+        className: __default24.image
       }
     ) }, `${src}-${i}`)) })
   ] });
@@ -2122,12 +2210,12 @@ __styleInject(`@charset "UTF-8";
   font-size: 0.8125rem;
   color: var(--fg-muted);
 }`);
-var __default24 = { "root": "FormField-module_root", "hint": "FormField-module_hint" };
+var __default25 = { "root": "FormField-module_root", "hint": "FormField-module_hint" };
 function FormField(_a) {
   var _b = _a, { label, error, hint, icon } = _b, inputProps = __objRest(_b, ["label", "error", "hint", "icon"]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default24.root, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default25.root, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Input, __spreadValues({ label, error, icon }, inputProps)),
-    hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default24.hint, children: hint })
+    hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default25.hint, children: hint })
   ] });
 }
 
@@ -2179,7 +2267,7 @@ __styleInject(`@charset "UTF-8";
 .SearchBar-module_clearBtn:hover {
   color: var(--fg);
 }`);
-var __default25 = { "root": "SearchBar-module_root", "searchIcon": "SearchBar-module_searchIcon", "input": "SearchBar-module_input", "clearBtn": "SearchBar-module_clearBtn" };
+var __default26 = { "root": "SearchBar-module_root", "searchIcon": "SearchBar-module_searchIcon", "input": "SearchBar-module_input", "clearBtn": "SearchBar-module_clearBtn" };
 function SearchBar({ placeholder = "Search...", value: controlledValue, onChange, className = "" }) {
   const [internalValue, setInternalValue] = react.useState("");
   const value = controlledValue != null ? controlledValue : internalValue;
@@ -2187,8 +2275,8 @@ function SearchBar({ placeholder = "Search...", value: controlledValue, onChange
     setInternalValue(val);
     onChange == null ? void 0 : onChange(val);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default25.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default25.searchIcon, children: /* @__PURE__ */ jsxRuntime.jsx(IconlySearch, { size: 18 }) }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default26.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default26.searchIcon, children: /* @__PURE__ */ jsxRuntime.jsx(IconlySearch, { size: 18 }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
@@ -2197,14 +2285,14 @@ function SearchBar({ placeholder = "Search...", value: controlledValue, onChange
         onChange: (e) => handleChange(e.target.value),
         placeholder,
         "aria-label": "Search",
-        className: __default25.input
+        className: __default26.input
       }
     ),
     value && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         onClick: () => handleChange(""),
-        className: __default25.clearBtn,
+        className: __default26.clearBtn,
         "aria-label": "Clear search",
         children: /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 16 })
       }
@@ -2250,18 +2338,18 @@ __styleInject(`@charset "UTF-8";
   font-size: 0.875rem;
   color: var(--fg-muted);
 }`);
-var __default26 = { "root": "Stat-module_root", "valueRow": "Stat-module_valueRow", "value": "Stat-module_value", "trend": "Stat-module_trend", "positive": "Stat-module_positive", "negative": "Stat-module_negative", "label": "Stat-module_label" };
+var __default27 = { "root": "Stat-module_root", "valueRow": "Stat-module_valueRow", "value": "Stat-module_value", "trend": "Stat-module_trend", "positive": "Stat-module_positive", "negative": "Stat-module_negative", "label": "Stat-module_label" };
 function Stat({ value, label, trend, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default26.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default26.valueRow, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default26.value, children: value }),
-      trend && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${__default26.trend} ${trend.positive ? __default26.positive : __default26.negative}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default27.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default27.valueRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default27.value, children: value }),
+      trend && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${__default27.trend} ${trend.positive ? __default27.positive : __default27.negative}`, children: [
         trend.positive ? "\u2191" : "\u2193",
         " ",
         trend.value
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default26.label, children: label })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default27.label, children: label })
   ] });
 }
 
@@ -2328,7 +2416,7 @@ __styleInject(`@charset "UTF-8";
 .Alert-module_dismiss:hover {
   color: var(--fg);
 }`);
-var __default27 = { "root": "Alert-module_root", "icon": "Alert-module_icon", "info": "Alert-module_info", "success": "Alert-module_success", "warning": "Alert-module_warning", "error": "Alert-module_error", "content": "Alert-module_content", "title": "Alert-module_title", "message": "Alert-module_message", "dismiss": "Alert-module_dismiss" };
+var __default28 = { "root": "Alert-module_root", "icon": "Alert-module_icon", "info": "Alert-module_info", "success": "Alert-module_success", "warning": "Alert-module_warning", "error": "Alert-module_error", "content": "Alert-module_content", "title": "Alert-module_title", "message": "Alert-module_message", "dismiss": "Alert-module_dismiss" };
 var variantIcons = {
   info: IconlyInfoCircle,
   success: IconlySuccess,
@@ -2339,18 +2427,18 @@ function Alert({ variant = "info", title, children, closable = false, className
   const [visible, setVisible] = react.useState(true);
   if (!visible) return null;
   const Icon = variantIcons[variant];
-  const variantClass = __default27[variant];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default27.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default27.icon} ${variantClass}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 20 }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default27.content, children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default27.title} ${variantClass}`, children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default27.message, children })
+  const variantClass = __default28[variant];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default28.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default28.icon} ${variantClass}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 20 }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default28.content, children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default28.title} ${variantClass}`, children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default28.message, children })
     ] }),
     closable && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         onClick: () => setVisible(false),
-        className: __default27.dismiss,
+        className: __default28.dismiss,
         "aria-label": "Dismiss",
         children: /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 16 })
       }
@@ -2398,7 +2486,7 @@ __styleInject(`@charset "UTF-8";
 .Tabs-module_panel {
   padding-top: 1rem;
 }`);
-var __default28 = { "tabList": "Tabs-module_tabList", "tab": "Tabs-module_tab", "active": "Tabs-module_active", "indicator": "Tabs-module_indicator", "panel": "Tabs-module_panel" };
+var __default29 = { "tabList": "Tabs-module_tabList", "tab": "Tabs-module_tab", "active": "Tabs-module_active", "indicator": "Tabs-module_indicator", "panel": "Tabs-module_panel" };
 function Tabs({ tabs, defaultTab, onChange, className = "" }) {
   var _a, _b;
   const [activeTab, setActiveTab] = react.useState(defaultTab || ((_a = tabs[0]) == null ? void 0 : _a.id));
@@ -2429,7 +2517,7 @@ function Tabs({ tabs, defaultTab, onChange, className = "" }) {
       "div",
       {
         role: "tablist",
-        className: __default28.tabList,
+        className: __default29.tabList,
         onKeyDown: handleKeyDown,
         children: tabs.map((tab, index) => /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -2443,10 +2531,10 @@ function Tabs({ tabs, defaultTab, onChange, className = "" }) {
             "aria-controls": `panel-${tab.id}`,
             tabIndex: activeTab === tab.id ? 0 : -1,
             onClick: () => activateTab(tab.id),
-            className: `${__default28.tab} ${activeTab === tab.id ? __default28.active : ""}`,
+            className: `${__default29.tab} ${activeTab === tab.id ? __default29.active : ""}`,
             children: [
               tab.label,
-              activeTab === tab.id && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default28.indicator })
+              activeTab === tab.id && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default29.indicator })
             ]
           },
           tab.id
@@ -2459,7 +2547,7 @@ function Tabs({ tabs, defaultTab, onChange, className = "" }) {
         role: "tabpanel",
         id: `panel-${activeTab}`,
         "aria-labelledby": `tab-${activeTab}`,
-        className: __default28.panel,
+        className: __default29.panel,
         children: activeContent
       }
     )
@@ -2524,7 +2612,7 @@ __styleInject(`@charset "UTF-8";
   align-items: center;
   gap: 0.25rem;
 }`);
-var __default29 = { "root": "ChatInput-module_root", "contrast": "ChatInput-module_contrast", "plain": "ChatInput-module_plain", "input": "ChatInput-module_input", "actions": "ChatInput-module_actions", "actionsFull": "ChatInput-module_actionsFull", "actionsEasy": "ChatInput-module_actionsEasy", "toolGroup": "ChatInput-module_toolGroup" };
+var __default30 = { "root": "ChatInput-module_root", "contrast": "ChatInput-module_contrast", "plain": "ChatInput-module_plain", "input": "ChatInput-module_input", "actions": "ChatInput-module_actions", "actionsFull": "ChatInput-module_actionsFull", "actionsEasy": "ChatInput-module_actionsEasy", "toolGroup": "ChatInput-module_toolGroup" };
 function ChatInput({
   placeholder = "\u0412\u0432\u0435\u0434\u0438 \u0441\u0432\u043E\u0439 email...",
   buttonText = "\u041D\u0430\u0447\u0430\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E",
@@ -2550,7 +2638,7 @@ function ChatInput({
         var _a;
         return (_a = inputRef.current) == null ? void 0 : _a.focus();
       },
-      className: `${__default29.root} ${contrast ? __default29.contrast : __default29.plain}${className ? ` ${className}` : ""}`,
+      className: `${__default30.root} ${contrast ? __default30.contrast : __default30.plain}${className ? ` ${className}` : ""}`,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
@@ -2560,11 +2648,11 @@ function ChatInput({
             value,
             onChange: (e) => setValue(e.target.value),
             placeholder,
-            className: __default29.input
+            className: __default30.input
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default29.actions} ${type === "full" ? __default29.actionsFull : __default29.actionsEasy}`, children: [
-          type === "full" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default29.toolGroup, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default30.actions} ${type === "full" ? __default30.actionsFull : __default30.actionsEasy}`, children: [
+          type === "full" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default30.toolGroup, children: [
             /* @__PURE__ */ jsxRuntime.jsx(IconButton, { variant: "secondary", icon: /* @__PURE__ */ jsxRuntime.jsx(IconlySmile, { size: 20 }), type: "button", "aria-label": "Emoji" }),
             /* @__PURE__ */ jsxRuntime.jsx(IconButton, { variant: "clear", icon: /* @__PURE__ */ jsxRuntime.jsx(IconlyAttach, { size: 20 }), type: "button", "aria-label": "Attach" }),
             /* @__PURE__ */ jsxRuntime.jsx(IconButton, { variant: "clear", icon: /* @__PURE__ */ jsxRuntime.jsx(IconlyInfo, { size: 20 }), type: "button", "aria-label": "Info" })
@@ -2621,13 +2709,13 @@ __styleInject(`@charset "UTF-8";
   color: var(--bg);
   border-bottom-right-radius: 16px;
 }`);
-var __default30 = { "root": "ChatMessage-module_root", "user": "ChatMessage-module_user", "ai": "ChatMessage-module_ai", "bubble": "ChatMessage-module_bubble", "sm": "ChatMessage-module_sm", "lg": "ChatMessage-module_lg", "bubbleUser": "ChatMessage-module_bubbleUser", "bubbleAi": "ChatMessage-module_bubbleAi" };
+var __default31 = { "root": "ChatMessage-module_root", "user": "ChatMessage-module_user", "ai": "ChatMessage-module_ai", "bubble": "ChatMessage-module_bubble", "sm": "ChatMessage-module_sm", "lg": "ChatMessage-module_lg", "bubbleUser": "ChatMessage-module_bubbleUser", "bubbleAi": "ChatMessage-module_bubbleAi" };
 function ChatMessage({ children, role = "user", size = "sm", className = "" }) {
   const isUser = role === "user";
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default30.root} ${isUser ? __default30.user : __default30.ai}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default31.root} ${isUser ? __default31.user : __default31.ai}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: `${__default30.bubble} ${__default30[size]} ${isUser ? __default30.bubbleUser : __default30.bubbleAi}`,
+      className: `${__default31.bubble} ${__default31[size]} ${isUser ? __default31.bubbleUser : __default31.bubbleAi}`,
       children
     }
   ) });
@@ -2647,10 +2735,10 @@ __styleInject(`@charset "UTF-8";
   letter-spacing: -0.25px;
   color: var(--fg-secondary);
 }`);
-var __default31 = { "root": "TopPromo-module_root", "text": "TopPromo-module_text" };
+var __default32 = { "root": "TopPromo-module_root", "text": "TopPromo-module_text" };
 function TopPromo({ text, buttonText = "\u0421\u043C\u043E\u0442\u0440\u0435\u0442\u044C", onButtonClick, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default31.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default31.text, children: text }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default32.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default32.text, children: text }),
     /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", size: "md", onClick: onButtonClick, children: buttonText })
   ] });
 }
@@ -2686,16 +2774,16 @@ __styleInject(`@charset "UTF-8";
 .ProfileNav-module_separator {
   color: var(--fg-muted);
 }`);
-var __default32 = { "root": "ProfileNav-module_root", "stats": "ProfileNav-module_stats", "statItem": "ProfileNav-module_statItem", "statText": "ProfileNav-module_statText", "separator": "ProfileNav-module_separator" };
+var __default33 = { "root": "ProfileNav-module_root", "stats": "ProfileNav-module_stats", "statItem": "ProfileNav-module_statItem", "statText": "ProfileNav-module_statText", "separator": "ProfileNav-module_separator" };
 function ProfileNav({ stats, avatarSrc, avatarInitials = "DK", className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default32.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default32.stats, children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default32.statItem, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default32.statText, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default33.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default33.stats, children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default33.statItem, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default33.statText, children: [
         stat.value,
         " ",
         stat.suffix
       ] }),
-      i < stats.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default32.separator, children: " //" })
+      i < stats.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default33.separator, children: " //" })
     ] }, i)) }),
     /* @__PURE__ */ jsxRuntime.jsx(Avatar, { size: "sm", src: avatarSrc, initials: avatarInitials })
   ] });
@@ -2728,12 +2816,12 @@ __styleInject(`@charset "UTF-8";
   letter-spacing: -0.25px;
   white-space: nowrap;
 }`);
-var __default33 = { "root": "IconWithText-module_root", "icon": "IconWithText-module_icon", "text": "IconWithText-module_text" };
+var __default34 = { "root": "IconWithText-module_root", "icon": "IconWithText-module_icon", "text": "IconWithText-module_text" };
 function IconWithText({ icon, text, side = "left", className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default33.root}${className ? ` ${className}` : ""}`, children: [
-    side === "left" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default33.icon, children: icon }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default33.text, children: text }),
-    side === "right" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default33.icon, children: icon })
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default34.root}${className ? ` ${className}` : ""}`, children: [
+    side === "left" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default34.icon, children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default34.text, children: text }),
+    side === "right" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default34.icon, children: icon })
   ] });
 }
 
@@ -2755,7 +2843,7 @@ __styleInject(`@charset "UTF-8";
 .StampCard-module_inner {
   background: var(--bg);
 }`);
-var __default34 = { "root": "StampCard-module_root", "plain": "StampCard-module_plain", "inner": "StampCard-module_inner" };
+var __default35 = { "root": "StampCard-module_root", "plain": "StampCard-module_plain", "inner": "StampCard-module_inner" };
 function StampCard({
   children,
   className = "",
@@ -2807,9 +2895,9 @@ function StampCard({
     };
   }, [build, stamp]);
   if (!stamp) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default34.plain} ${className}`, children });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default35.plain} ${className}`, children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: outerRef, className: `${__default34.root} ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { filter: "drop-shadow(0 1px 3px rgba(0,0,0,0.25)) drop-shadow(0 4px 12px rgba(0,0,0,0.20))" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: outerRef, className: `${__default35.root} ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { filter: "drop-shadow(0 1px 3px rgba(0,0,0,0.25)) drop-shadow(0 4px 12px rgba(0,0,0,0.20))" }, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       style: {
@@ -2818,7 +2906,7 @@ function StampCard({
         WebkitMaskSize: "100% 100%",
         maskSize: "100% 100%"
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default34.inner, children })
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default35.inner, children })
     }
   ) }) });
 }
@@ -2832,7 +2920,7 @@ __styleInject(`@charset "UTF-8";
   justify-content: center;
   cursor: pointer;
 }`);
-var __default35 = { "toggle": "PasswordInput-module_toggle" };
+var __default36 = { "toggle": "PasswordInput-module_toggle" };
 function PasswordInput(_a) {
   var props = __objRest(_a, []);
   const [showPassword, setShowPassword] = react.useState(false);
@@ -2845,7 +2933,7 @@ function PasswordInput(_a) {
         {
           type: "button",
           onClick: () => setShowPassword((prev) => !prev),
-          className: __default35.toggle,
+          className: __default36.toggle,
           "aria-label": showPassword ? "Hide password" : "Show password",
           tabIndex: -1,
           children: showPassword ? /* @__PURE__ */ jsxRuntime.jsx(IconlyEyeOff, { size: 18 }) : /* @__PURE__ */ jsxRuntime.jsx(IconlyEye, { size: 18 })
@@ -2892,21 +2980,21 @@ __styleInject(`@charset "UTF-8";
 .Breadcrumbs-module_link:hover {
   color: var(--fg);
 }`);
-var __default36 = { "list": "Breadcrumbs-module_list", "item": "Breadcrumbs-module_item", "separator": "Breadcrumbs-module_separator", "active": "Breadcrumbs-module_active", "link": "Breadcrumbs-module_link" };
+var __default37 = { "list": "Breadcrumbs-module_list", "item": "Breadcrumbs-module_item", "separator": "Breadcrumbs-module_separator", "active": "Breadcrumbs-module_active", "link": "Breadcrumbs-module_link" };
 function Breadcrumbs({
   items,
   separator = /* @__PURE__ */ jsxRuntime.jsx(IconlyChevronRight, { size: 14 })
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: __default36.list, children: items.map((item, index) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: __default37.list, children: items.map((item, index) => {
     var _a;
     const isLast = index === items.length - 1;
-    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: __default36.item, children: [
-      index > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default36.separator, "aria-hidden": "true", children: separator }),
-      isLast ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default36.active, "aria-current": "page", children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: __default37.item, children: [
+      index > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default37.separator, "aria-hidden": "true", children: separator }),
+      isLast ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default37.active, "aria-current": "page", children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(
         "a",
         {
           href: (_a = item.href) != null ? _a : "#",
-          className: __default36.link,
+          className: __default37.link,
           children: item.label
         }
       )
@@ -2983,7 +3071,7 @@ __styleInject(`@charset "UTF-8";
 .Toast-module_dismiss:hover {
   color: var(--fg);
 }`);
-var __default37 = { "root": "Toast-module_root", "icon": "Toast-module_icon", "info": "Toast-module_info", "success": "Toast-module_success", "warning": "Toast-module_warning", "error": "Toast-module_error", "content": "Toast-module_content", "title": "Toast-module_title", "message": "Toast-module_message", "dismiss": "Toast-module_dismiss" };
+var __default38 = { "root": "Toast-module_root", "icon": "Toast-module_icon", "info": "Toast-module_info", "success": "Toast-module_success", "warning": "Toast-module_warning", "error": "Toast-module_error", "content": "Toast-module_content", "title": "Toast-module_title", "message": "Toast-module_message", "dismiss": "Toast-module_dismiss" };
 var variantIcons2 = {
   info: IconlyInfoCircle,
   success: IconlySuccess,
@@ -3006,24 +3094,24 @@ function Toast({
   }, [visible, duration, onClose]);
   if (!visible) return null;
   const Icon = variantIcons2[variant];
-  const variantClass = __default37[variant];
+  const variantClass = __default38[variant];
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       role: "alert",
       "aria-live": "assertive",
-      className: `${__default37.root}${className ? ` ${className}` : ""}`,
+      className: `${__default38.root}${className ? ` ${className}` : ""}`,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default37.icon} ${variantClass}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 20 }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default37.content, children: [
-          title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default37.title} ${variantClass}`, children: title }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default37.message, children: message })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default38.icon} ${variantClass}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 20 }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default38.content, children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default38.title} ${variantClass}`, children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default38.message, children: message })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             onClick: onClose,
-            className: __default37.dismiss,
+            className: __default38.dismiss,
             "aria-label": "Dismiss",
             children: /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 16 })
           }
@@ -3103,7 +3191,7 @@ __styleInject(`@charset "UTF-8";
   opacity: 0.5;
   cursor: not-allowed;
 }`);
-var __default38 = { "root": "Pagination-module_root", "pageBtn": "Pagination-module_pageBtn", "activePage": "Pagination-module_activePage", "ellipsis": "Pagination-module_ellipsis", "nav": "Pagination-module_nav" };
+var __default39 = { "root": "Pagination-module_root", "pageBtn": "Pagination-module_pageBtn", "activePage": "Pagination-module_activePage", "ellipsis": "Pagination-module_ellipsis", "nav": "Pagination-module_nav" };
 function getPageRange(current, total, siblings) {
   const range = /* @__PURE__ */ new Set();
   range.add(1);
@@ -3132,24 +3220,24 @@ function Pagination({
   const pages = getPageRange(currentPage, totalPages, siblingCount);
   const isFirst = currentPage === 1;
   const isLast = currentPage === totalPages;
-  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { "aria-label": "Pagination", className: `${__default38.root} ${className}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { "aria-label": "Pagination", className: `${__default39.root} ${className}`, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         onClick: () => onPageChange(currentPage - 1),
         disabled: isFirst,
         "aria-label": "Previous page",
-        className: __default38.nav,
+        className: __default39.nav,
         children: /* @__PURE__ */ jsxRuntime.jsx(IconlyChevronLeft, { size: 18 })
       }
     ),
     pages.map(
-      (page, i) => page === "\u2026" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default38.ellipsis, children: "\u2026" }, `ellipsis-${i}`) : /* @__PURE__ */ jsxRuntime.jsx(
+      (page, i) => page === "\u2026" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default39.ellipsis, children: "\u2026" }, `ellipsis-${i}`) : /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           onClick: () => onPageChange(page),
           "aria-current": page === currentPage ? "page" : void 0,
-          className: `${__default38.pageBtn} ${page === currentPage ? __default38.activePage : ""}`,
+          className: `${__default39.pageBtn} ${page === currentPage ? __default39.activePage : ""}`,
           children: page
         },
         page
@@ -3161,7 +3249,7 @@ function Pagination({
         onClick: () => onPageChange(currentPage + 1),
         disabled: isLast,
         "aria-label": "Next page",
-        className: __default38.nav,
+        className: __default39.nav,
         children: /* @__PURE__ */ jsxRuntime.jsx(IconlyChevronRight, { size: 18 })
       }
     )
@@ -3217,7 +3305,7 @@ __styleInject(`@charset "UTF-8";
   letter-spacing: -0.25px;
   color: var(--color-error);
 }`);
-var __default39 = { "root": "CodeInput-module_root", "label": "CodeInput-module_label", "group": "CodeInput-module_group", "digitInput": "CodeInput-module_digitInput", "digitError": "CodeInput-module_digitError", "errorText": "CodeInput-module_errorText" };
+var __default40 = { "root": "CodeInput-module_root", "label": "CodeInput-module_label", "group": "CodeInput-module_group", "digitInput": "CodeInput-module_digitInput", "digitError": "CodeInput-module_digitError", "errorText": "CodeInput-module_errorText" };
 function CodeInput({
   length,
   value,
@@ -3270,9 +3358,9 @@ function CodeInput({
     [length, onChange, focusInput]
   );
   const inputId = label == null ? void 0 : label.toLowerCase().replace(/\s+/g, "-");
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default39.root} ${className}`, children: [
-    label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: inputId, className: __default39.label, children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default39.group, role: "group", "aria-label": label || "Code input", children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default40.root} ${className}`, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: inputId, className: __default40.label, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default40.group, role: "group", "aria-label": label || "Code input", children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
         id: i === 0 ? inputId : void 0,
@@ -3287,12 +3375,12 @@ function CodeInput({
         onKeyDown: handleKeyDown(i),
         onPaste: handlePaste,
         autoComplete: "one-time-code",
-        className: `${__default39.digitInput} ${error ? __default39.digitError : ""}`,
+        className: `${__default40.digitInput} ${error ? __default40.digitError : ""}`,
         "aria-label": `Digit ${i + 1}`
       },
       i
     )) }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default39.errorText, children: error })
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default40.errorText, children: error })
   ] });
 }
 
@@ -3356,7 +3444,7 @@ __styleInject(`@charset "UTF-8";
   justify-content: flex-end;
   margin-top: 1.5rem;
 }`);
-var __default40 = { "dialog": "Modal-module_dialog", "content": "Modal-module_content", "header": "Modal-module_header", "title": "Modal-module_title", "closeBtn": "Modal-module_closeBtn", "body": "Modal-module_body", "footer": "Modal-module_footer" };
+var __default41 = { "dialog": "Modal-module_dialog", "content": "Modal-module_content", "header": "Modal-module_header", "title": "Modal-module_title", "closeBtn": "Modal-module_closeBtn", "body": "Modal-module_body", "footer": "Modal-module_footer" };
 function Modal({
   open,
   onClose,
@@ -3386,23 +3474,23 @@ function Modal({
       ref: dialogRef,
       onClose,
       onClick: handleBackdropClick,
-      className: `${__default40.dialog}${className ? ` ${className}` : ""}`,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default40.content, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default40.header, children: [
-          title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default40.title, children: title }),
+      className: `${__default41.dialog}${className ? ` ${className}` : ""}`,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default41.content, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default41.header, children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default41.title, children: title }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               type: "button",
               onClick: onClose,
-              className: __default40.closeBtn,
+              className: __default41.closeBtn,
               "aria-label": "Close",
               children: /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 20 })
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default40.body, children }),
-        footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default40.footer, children: footer })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default41.body, children }),
+        footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default41.footer, children: footer })
       ] })
     }
   );
@@ -3493,7 +3581,7 @@ __styleInject(`@charset "UTF-8";
   border: none;
   border-top: 1px solid var(--border-color);
 }`);
-var __default41 = { "root": "DropdownMenu-module_root", "trigger": "DropdownMenu-module_trigger", "menu": "DropdownMenu-module_menu", "alignLeft": "DropdownMenu-module_alignLeft", "alignRight": "DropdownMenu-module_alignRight", "item": "DropdownMenu-module_item", "itemIcon": "DropdownMenu-module_itemIcon", "divider": "DropdownMenu-module_divider" };
+var __default42 = { "root": "DropdownMenu-module_root", "trigger": "DropdownMenu-module_trigger", "menu": "DropdownMenu-module_menu", "alignLeft": "DropdownMenu-module_alignLeft", "alignRight": "DropdownMenu-module_alignRight", "item": "DropdownMenu-module_item", "itemIcon": "DropdownMenu-module_itemIcon", "divider": "DropdownMenu-module_divider" };
 function DropdownMenu({
   trigger,
   items,
@@ -3561,7 +3649,7 @@ function DropdownMenu({
       openMenu();
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: `${__default41.root} ${className}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: `${__default42.root} ${className}`, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -3570,7 +3658,7 @@ function DropdownMenu({
         tabIndex: 0,
         onClick: () => isOpen ? closeMenu() : openMenu(),
         onKeyDown: handleTriggerKeyDown,
-        className: __default41.trigger,
+        className: __default42.trigger,
         "aria-haspopup": "true",
         "aria-expanded": isOpen,
         children: trigger
@@ -3581,9 +3669,9 @@ function DropdownMenu({
       {
         role: "menu",
         onKeyDown: handleMenuKeyDown,
-        className: `${__default41.menu} ${align === "right" ? __default41.alignRight : __default41.alignLeft}`,
+        className: `${__default42.menu} ${align === "right" ? __default42.alignRight : __default42.alignLeft}`,
         children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          item.divider && /* @__PURE__ */ jsxRuntime.jsx("hr", { className: __default41.divider }),
+          item.divider && /* @__PURE__ */ jsxRuntime.jsx("hr", { className: __default42.divider }),
           /* @__PURE__ */ jsxRuntime.jsxs(
             "button",
             {
@@ -3597,9 +3685,9 @@ function DropdownMenu({
                 item.onClick();
                 closeMenu();
               },
-              className: __default41.item,
+              className: __default42.item,
               children: [
-                item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default41.itemIcon, children: item.icon }),
+                item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default42.itemIcon, children: item.icon }),
                 item.label
               ]
             }
@@ -3671,7 +3759,7 @@ __styleInject(`@charset "UTF-8";
   color: var(--bg);
   cursor: default;
 }`);
-var __default42 = { "root": "SegmentedControl-module_root", "sm": "SegmentedControl-module_sm", "segment": "SegmentedControl-module_segment", "md": "SegmentedControl-module_md", "segmentActive": "SegmentedControl-module_segmentActive" };
+var __default43 = { "root": "SegmentedControl-module_root", "sm": "SegmentedControl-module_sm", "segment": "SegmentedControl-module_segment", "md": "SegmentedControl-module_md", "segmentActive": "SegmentedControl-module_segmentActive" };
 function SegmentedControl({
   options,
   value,
@@ -3685,7 +3773,7 @@ function SegmentedControl({
     {
       role: "group",
       "aria-label": ariaLabel,
-      className: `${__default42.root} ${__default42[size]}${className ? ` ${className}` : ""}`,
+      className: `${__default43.root} ${__default43[size]}${className ? ` ${className}` : ""}`,
       children: options.map((option) => {
         const isActive = option.value === value;
         const isDisabled = option.disabled || false;
@@ -3695,7 +3783,7 @@ function SegmentedControl({
             type: "button",
             "aria-pressed": isActive,
             disabled: isDisabled,
-            className: `${__default42.segment}${isActive ? ` ${__default42.segmentActive}` : ""}`,
+            className: `${__default43.segment}${isActive ? ` ${__default43.segmentActive}` : ""}`,
             onClick: () => {
               if (isActive || isDisabled) return;
               onChange(option.value);
@@ -3821,25 +3909,25 @@ __styleInject(`@charset "UTF-8";
   padding-top: 1rem;
   border-top: 1px solid var(--border-color);
 }`);
-var __default43 = { "root": "Header-module_root", "container": "Header-module_container", "bar": "Header-module_bar", "leftGroup": "Header-module_leftGroup", "desktopNav": "Header-module_desktopNav", "navLink": "Header-module_navLink", "desktopActions": "Header-module_desktopActions", "mobileToggle": "Header-module_mobileToggle", "mobileMenu": "Header-module_mobileMenu", "mobileNav": "Header-module_mobileNav", "mobileActions": "Header-module_mobileActions" };
+var __default44 = { "root": "Header-module_root", "container": "Header-module_container", "bar": "Header-module_bar", "leftGroup": "Header-module_leftGroup", "desktopNav": "Header-module_desktopNav", "navLink": "Header-module_navLink", "desktopActions": "Header-module_desktopActions", "mobileToggle": "Header-module_mobileToggle", "mobileMenu": "Header-module_mobileMenu", "mobileNav": "Header-module_mobileNav", "mobileActions": "Header-module_mobileActions" };
 function Header({ logo, navItems = [], actions, className = "" }) {
   const [mobileOpen, setMobileOpen] = react.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: `${__default43.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default43.container, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default43.bar, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default43.leftGroup, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: `${__default44.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default44.container, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.bar, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.leftGroup, children: [
         logo,
-        /* @__PURE__ */ jsxRuntime.jsx("nav", { className: __default43.desktopNav, children: navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("nav", { className: __default44.desktopNav, children: navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
           "a",
           {
             href: item.href,
-            className: __default43.navLink,
+            className: __default44.navLink,
             children: item.label
           },
           item.label
         )) })
       ] }),
-      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default43.desktopActions, children: actions }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default43.mobileToggle, children: /* @__PURE__ */ jsxRuntime.jsx(
+      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default44.desktopActions, children: actions }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default44.mobileToggle, children: /* @__PURE__ */ jsxRuntime.jsx(
         IconButton,
         {
           variant: "primary",
@@ -3849,17 +3937,17 @@ function Header({ logo, navItems = [], actions, className = "" }) {
         }
       ) })
     ] }) }),
-    mobileOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default43.mobileMenu, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("nav", { className: __default43.mobileNav, children: navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+    mobileOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.mobileMenu, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("nav", { className: __default44.mobileNav, children: navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
         "a",
         {
           href: item.href,
-          className: __default43.navLink,
+          className: __default44.navLink,
           children: item.label
         },
         item.label
       )) }),
-      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default43.mobileActions, children: actions })
+      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default44.mobileActions, children: actions })
     ] })
   ] });
 }
@@ -3993,7 +4081,7 @@ __styleInject(`@charset "UTF-8";
 .Footer-module_socialLink:hover {
   color: var(--fg);
 }`);
-var __default44 = { "root": "Footer-module_root", "container": "Footer-module_container", "grid": "Footer-module_grid", "brandCell": "Footer-module_brandCell", "tagline": "Footer-module_tagline", "columnTitle": "Footer-module_columnTitle", "linkList": "Footer-module_linkList", "link": "Footer-module_link", "bottom": "Footer-module_bottom", "copyright": "Footer-module_copyright", "socials": "Footer-module_socials", "socialLink": "Footer-module_socialLink" };
+var __default45 = { "root": "Footer-module_root", "container": "Footer-module_container", "grid": "Footer-module_grid", "brandCell": "Footer-module_brandCell", "tagline": "Footer-module_tagline", "columnTitle": "Footer-module_columnTitle", "linkList": "Footer-module_linkList", "link": "Footer-module_link", "bottom": "Footer-module_bottom", "copyright": "Footer-module_copyright", "socials": "Footer-module_socials", "socialLink": "Footer-module_socialLink" };
 function Footer({
   brand,
   columns,
@@ -4004,24 +4092,24 @@ function Footer({
   const hasBrand = !!(brand && (brand.logo || brand.tagline));
   const hasGrid = hasBrand || columns && columns.length > 0;
   const hasBottom = !!copyright || socials && socials.length > 0;
-  return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: `${__default44.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.container, children: [
-    hasGrid && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.grid, children: [
-      hasBrand && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.brandCell, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: `${__default45.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default45.container, children: [
+    hasGrid && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default45.grid, children: [
+      hasBrand && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default45.brandCell, children: [
         brand == null ? void 0 : brand.logo,
-        (brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default44.tagline, children: brand.tagline })
+        (brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default45.tagline, children: brand.tagline })
       ] }),
       columns == null ? void 0 : columns.map((col, ci) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: __default44.columnTitle, children: col.title }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: __default44.linkList, children: col.links.map((link, li) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, className: __default44.link, children: link.label }) }, `${ci}-${li}-${link.label}`)) })
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: __default45.columnTitle, children: col.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: __default45.linkList, children: col.links.map((link, li) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, className: __default45.link, children: link.label }) }, `${ci}-${li}-${link.label}`)) })
       ] }, `${ci}-${col.title}`))
     ] }),
-    hasBottom && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.bottom, children: [
-      copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default44.copyright, children: copyright }),
-      socials && socials.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default44.socials, children: socials.map((social, si) => /* @__PURE__ */ jsxRuntime.jsx(
+    hasBottom && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default45.bottom, children: [
+      copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default45.copyright, children: copyright }),
+      socials && socials.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default45.socials, children: socials.map((social, si) => /* @__PURE__ */ jsxRuntime.jsx(
         "a",
         {
           href: social.href,
-          className: __default44.socialLink,
+          className: __default45.socialLink,
           children: social.label
         },
         `${si}-${social.label}`
@@ -4117,7 +4205,7 @@ __styleInject(`.PricingCard-module_root {
 .PricingCard-module_cta {
   width: 100%;
 }`);
-var __default45 = { "root": "PricingCard-module_root", "highlighted": "PricingCard-module_highlighted", "badgeWrap": "PricingCard-module_badgeWrap", "header": "PricingCard-module_header", "plan": "PricingCard-module_plan", "description": "PricingCard-module_description", "priceBlock": "PricingCard-module_priceBlock", "price": "PricingCard-module_price", "period": "PricingCard-module_period", "features": "PricingCard-module_features", "featureItem": "PricingCard-module_featureItem", "featureItemExcluded": "PricingCard-module_featureItemExcluded", "featureIcon": "PricingCard-module_featureIcon", "featureIconExcluded": "PricingCard-module_featureIconExcluded", "cta": "PricingCard-module_cta" };
+var __default46 = { "root": "PricingCard-module_root", "highlighted": "PricingCard-module_highlighted", "badgeWrap": "PricingCard-module_badgeWrap", "header": "PricingCard-module_header", "plan": "PricingCard-module_plan", "description": "PricingCard-module_description", "priceBlock": "PricingCard-module_priceBlock", "price": "PricingCard-module_price", "period": "PricingCard-module_period", "features": "PricingCard-module_features", "featureItem": "PricingCard-module_featureItem", "featureItemExcluded": "PricingCard-module_featureItemExcluded", "featureIcon": "PricingCard-module_featureIcon", "featureIconExcluded": "PricingCard-module_featureIconExcluded", "cta": "PricingCard-module_cta" };
 function PricingCard({
   plan,
   price,
@@ -4132,26 +4220,26 @@ function PricingCard({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `${__default45.root}${highlighted ? ` ${__default45.highlighted}` : ""}${className ? ` ${className}` : ""}`,
+      className: `${__default46.root}${highlighted ? ` ${__default46.highlighted}` : ""}${className ? ` ${className}` : ""}`,
       children: [
-        badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default45.badgeWrap, children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { color: "info", children: badge }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default45.header, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default45.plan, children: plan }),
-          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default45.description, children: description })
+        badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default46.badgeWrap, children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { color: "info", children: badge }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default46.header, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default46.plan, children: plan }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default46.description, children: description })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default45.priceBlock, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default45.price, children: price }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default45.period, children: period })
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default46.priceBlock, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default46.price, children: price }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default46.period, children: period })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: __default45.features, children: features.map((feature, i) => {
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: __default46.features, children: features.map((feature, i) => {
           const text = typeof feature === "string" ? feature : feature.text;
           const isExcluded = typeof feature === "object" && feature.included === false;
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "li",
             {
-              className: `${__default45.featureItem}${isExcluded ? ` ${__default45.featureItemExcluded}` : ""}`,
+              className: `${__default46.featureItem}${isExcluded ? ` ${__default46.featureItemExcluded}` : ""}`,
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${__default45.featureIcon}${isExcluded ? ` ${__default45.featureIconExcluded}` : ""}`, children: isExcluded ? /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(IconlyCheck, { size: 16 }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${__default46.featureIcon}${isExcluded ? ` ${__default46.featureIconExcluded}` : ""}`, children: isExcluded ? /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(IconlyCheck, { size: 16 }) }),
                 text
               ]
             },
@@ -4162,7 +4250,7 @@ function PricingCard({
           Button,
           {
             variant: highlighted ? "primary" : "outline",
-            className: __default45.cta,
+            className: __default46.cta,
             onClick: cta.onClick,
             children: cta.label
           }
@@ -4210,21 +4298,21 @@ __styleInject(`.TestimonialCard-module_root {
   font-size: 0.75rem;
   color: var(--fg-muted);
 }`);
-var __default46 = { "root": "TestimonialCard-module_root", "quoteIcon": "TestimonialCard-module_quoteIcon", "quoteText": "TestimonialCard-module_quoteText", "author": "TestimonialCard-module_author", "authorName": "TestimonialCard-module_authorName", "authorRole": "TestimonialCard-module_authorRole" };
+var __default47 = { "root": "TestimonialCard-module_root", "quoteIcon": "TestimonialCard-module_quoteIcon", "quoteText": "TestimonialCard-module_quoteText", "author": "TestimonialCard-module_author", "authorName": "TestimonialCard-module_authorName", "authorRole": "TestimonialCard-module_authorRole" };
 function TestimonialCard({ quote, name, role, avatarSrc, className = "" }) {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default46.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default46.quoteIcon, children: /* @__PURE__ */ jsxRuntime.jsx(IconlyQuote, { size: 32 }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default46.quoteText, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default47.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default47.quoteIcon, children: /* @__PURE__ */ jsxRuntime.jsx(IconlyQuote, { size: 32 }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default47.quoteText, children: [
       "\u201C",
       quote,
       "\u201D"
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default46.author, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default47.author, children: [
       /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src: avatarSrc, initials, size: "sm" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default46.authorName, children: name }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default46.authorRole, children: role })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default47.authorName, children: name }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default47.authorRole, children: role })
       ] })
     ] })
   ] });
@@ -4296,17 +4384,17 @@ __styleInject(`.FeatureGrid-module_root {
   color: var(--fg-muted);
   line-height: 1.625;
 }`);
-var __default47 = { "root": "FeatureGrid-module_root", "cols2": "FeatureGrid-module_cols2", "cols3": "FeatureGrid-module_cols3", "cols4": "FeatureGrid-module_cols4", "card": "FeatureGrid-module_card", "cardIcon": "FeatureGrid-module_cardIcon", "cardTitle": "FeatureGrid-module_cardTitle", "cardDescription": "FeatureGrid-module_cardDescription" };
+var __default48 = { "root": "FeatureGrid-module_root", "cols2": "FeatureGrid-module_cols2", "cols3": "FeatureGrid-module_cols3", "cols4": "FeatureGrid-module_cols4", "card": "FeatureGrid-module_card", "cardIcon": "FeatureGrid-module_cardIcon", "cardTitle": "FeatureGrid-module_cardTitle", "cardDescription": "FeatureGrid-module_cardDescription" };
 function FeatureGrid({ features, columns = 3, className = "" }) {
   const colsClass = {
-    2: __default47.cols2,
-    3: __default47.cols3,
-    4: __default47.cols4
+    2: __default48.cols2,
+    3: __default48.cols3,
+    4: __default48.cols4
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default47.root} ${colsClass[columns]}${className ? ` ${className}` : ""}`, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default47.card, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default47.cardIcon, children: feature.icon }),
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default47.cardTitle, children: feature.title }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default47.cardDescription, children: feature.description })
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default48.root} ${colsClass[columns]}${className ? ` ${className}` : ""}`, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default48.card, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default48.cardIcon, children: feature.icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default48.cardTitle, children: feature.title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default48.cardDescription, children: feature.description })
   ] }, i)) });
 }
 
@@ -4407,7 +4495,7 @@ __styleInject(`@charset "UTF-8";
     display: block;
   }
 }`);
-var __default48 = { "root": "Sidebar-module_root", "menu": "Sidebar-module_menu", "courseSubmenu": "Sidebar-module_courseSubmenu", "logo": "Sidebar-module_logo", "compact": "Sidebar-module_compact", "footer": "Sidebar-module_footer", "nav": "Sidebar-module_nav", "legal": "Sidebar-module_legal", "overlay": "Sidebar-module_overlay", "collapsed": "Sidebar-module_collapsed", "open": "Sidebar-module_open", "overlayVisible": "Sidebar-module_overlayVisible" };
+var __default49 = { "root": "Sidebar-module_root", "menu": "Sidebar-module_menu", "courseSubmenu": "Sidebar-module_courseSubmenu", "logo": "Sidebar-module_logo", "compact": "Sidebar-module_compact", "footer": "Sidebar-module_footer", "nav": "Sidebar-module_nav", "legal": "Sidebar-module_legal", "overlay": "Sidebar-module_overlay", "collapsed": "Sidebar-module_collapsed", "open": "Sidebar-module_open", "overlayVisible": "Sidebar-module_overlayVisible" };
 var defaultMenuItems = [
   "\u0413\u043B\u0430\u0432\u043D\u0430\u044F",
   "\u041C\u043E\u0438 \u043A\u0443\u0440\u0441\u044B",
@@ -4451,19 +4539,19 @@ function Sidebar({
   const items = normaliseItems(rawItems);
   const [internalActive, setInternalActive] = react.useState(0);
   const isControlled = activeId !== void 0;
-  const widthClass = type === "courseSubmenu" ? __default48.courseSubmenu : __default48.menu;
+  const widthClass = type === "courseSubmenu" ? __default49.courseSubmenu : __default49.menu;
   const showLegal = legalText !== null;
   const legalContent = legalText === void 0 ? DEFAULT_LEGAL : legalText;
   const isOpen = collapsed === false;
   const collapseClasses = [
-    collapsed ? __default48.collapsed : "",
-    isOpen ? __default48.open : ""
+    collapsed ? __default49.collapsed : "",
+    isOpen ? __default49.open : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     onToggle && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: `${__default48.overlay}${isOpen ? ` ${__default48.overlayVisible}` : ""}`,
+        className: `${__default49.overlay}${isOpen ? ` ${__default49.overlayVisible}` : ""}`,
         onClick: onToggle,
         "aria-hidden": "true"
       }
@@ -4471,10 +4559,10 @@ function Sidebar({
     /* @__PURE__ */ jsxRuntime.jsxs(
       "aside",
       {
-        className: `${__default48.root} ${widthClass}${layout === "compact" ? ` ${__default48.compact}` : ""}${collapseClasses ? ` ${collapseClasses}` : ""}${className ? ` ${className}` : ""}`,
+        className: `${__default49.root} ${widthClass}${layout === "compact" ? ` ${__default49.compact}` : ""}${collapseClasses ? ` ${collapseClasses}` : ""}${className ? ` ${className}` : ""}`,
         children: [
-          logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default48.logo, children: logo }),
-          /* @__PURE__ */ jsxRuntime.jsx("nav", { className: __default48.nav, children: items.map((item, i) => {
+          logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default49.logo, children: logo }),
+          /* @__PURE__ */ jsxRuntime.jsx("nav", { className: __default49.nav, children: items.map((item, i) => {
             const isActive = isControlled ? item.id === activeId : i === internalActive;
             return /* @__PURE__ */ jsxRuntime.jsx(
               MenuItem,
@@ -4490,9 +4578,9 @@ function Sidebar({
               item.id
             );
           }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default48.footer, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default49.footer, children: [
             type === "menu" && footer,
-            showLegal && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default48.legal, children: legalContent })
+            showLegal && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default49.legal, children: legalContent })
           ] })
         ]
       }
@@ -4602,7 +4690,7 @@ __styleInject(`.AppCard-module_defaultCard {
 .AppCard-module_stampBg {
   background: var(--bg);
 }`);
-var __default49 = { "defaultCard": "AppCard-module_defaultCard", "stampCard": "AppCard-module_stampCard", "imageWrap": "AppCard-module_imageWrap", "imageWrapRounded": "AppCard-module_imageWrapRounded AppCard-module_imageWrap", "image": "AppCard-module_image", "contentDefaultNoImage": "AppCard-module_contentDefaultNoImage AppCard-module_contentDefault AppCard-module_contentArea", "contentDefaultWithImage": "AppCard-module_contentDefaultWithImage AppCard-module_contentDefault AppCard-module_contentArea", "contentStamp": "AppCard-module_contentStamp AppCard-module_contentArea", "textGroup": "AppCard-module_textGroup", "cardTitle": "AppCard-module_cardTitle", "cardDesc": "AppCard-module_cardDesc", "footer": "AppCard-module_footer", "iconRow": "AppCard-module_iconRow", "shadowWrap": "AppCard-module_shadowWrap", "stampBg": "AppCard-module_stampBg" };
+var __default50 = { "defaultCard": "AppCard-module_defaultCard", "stampCard": "AppCard-module_stampCard", "imageWrap": "AppCard-module_imageWrap", "imageWrapRounded": "AppCard-module_imageWrapRounded AppCard-module_imageWrap", "image": "AppCard-module_image", "contentDefaultNoImage": "AppCard-module_contentDefaultNoImage AppCard-module_contentDefault AppCard-module_contentArea", "contentDefaultWithImage": "AppCard-module_contentDefaultWithImage AppCard-module_contentDefault AppCard-module_contentArea", "contentStamp": "AppCard-module_contentStamp AppCard-module_contentArea", "textGroup": "AppCard-module_textGroup", "cardTitle": "AppCard-module_cardTitle", "cardDesc": "AppCard-module_cardDesc", "footer": "AppCard-module_footer", "iconRow": "AppCard-module_iconRow", "shadowWrap": "AppCard-module_shadowWrap", "stampBg": "AppCard-module_stampBg" };
 var HOLE_R = 4;
 var HOLE_SP = 16;
 function buildStampMask(w, h) {
@@ -4629,18 +4717,18 @@ function CardContent({
   isStamp
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: isStamp ? __default49.imageWrap : __default49.imageWrapRounded, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: title, className: __default49.image }) }),
+    image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: isStamp ? __default50.imageWrap : __default50.imageWrapRounded, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: title, className: __default50.image }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: isStamp ? __default49.contentStamp : image ? __default49.contentDefaultWithImage : __default49.contentDefaultNoImage,
+        className: isStamp ? __default50.contentStamp : image ? __default50.contentDefaultWithImage : __default50.contentDefaultNoImage,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default49.textGroup, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default49.cardTitle, children: title }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default49.cardDesc, children: description })
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default50.textGroup, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default50.cardTitle, children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default50.cardDesc, children: description })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default49.footer, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default49.iconRow, children: icons }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default50.footer, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default50.iconRow, children: icons }),
             /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: buttonVariant === "outline" ? "outline" : "primary", size: "md", onClick: onButtonClick, children: buttonText })
           ] })
         ]
@@ -4657,7 +4745,7 @@ function AppCard(_a) {
     "className"
   ]);
   if (variant === "default") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default49.defaultCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: false })) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default50.defaultCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: false })) });
   }
   const padded = variant === "stamp-padded";
   return /* @__PURE__ */ jsxRuntime.jsx(StampWrapper, { className, padded, children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: true })) });
@@ -4683,7 +4771,7 @@ function StampWrapper({ children, className, padded }) {
       ro.disconnect();
     };
   }, [build]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `${__default49.stampCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default49.shadowWrap, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `${__default50.stampCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default50.shadowWrap, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       style: {
@@ -4692,7 +4780,7 @@ function StampWrapper({ children, className, padded }) {
         WebkitMaskSize: "100% 100%",
         maskSize: "100% 100%"
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default49.stampBg, style: padded ? { padding: STAMP_PADDING } : void 0, children })
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default50.stampBg, style: padded ? { padding: STAMP_PADDING } : void 0, children })
     }
   ) }) });
 }
@@ -4705,7 +4793,7 @@ __styleInject(`.AppTopLine-module_root {
   justify-content: space-between;
   width: 100%;
 }`);
-var __default50 = { "root": "AppTopLine-module_root" };
+var __default51 = { "root": "AppTopLine-module_root" };
 function AppTopLine({
   promoText = "\u0412\u0430\u043C \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430 \u0441\u043A\u0438\u0434\u043A\u0430 10% \u043D\u0430 \u0432\u0441\u0435 \u043F\u043B\u0430\u0442\u043D\u044B\u0435 \u043A\u0443\u0440\u0441\u044B",
   promoButtonText = "\u0421\u043C\u043E\u0442\u0440\u0435\u0442\u044C",
@@ -4718,7 +4806,7 @@ function AppTopLine({
   avatarSrc,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default50.root}${className ? ` ${className}` : ""}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default51.root}${className ? ` ${className}` : ""}`, children: [
     /* @__PURE__ */ jsxRuntime.jsx(TopPromo, { text: promoText, buttonText: promoButtonText }),
     /* @__PURE__ */ jsxRuntime.jsx(ProfileNav, { stats, avatarSrc })
   ] });
@@ -4759,13 +4847,13 @@ __styleInject(`.EmptyState-module_root {
 .EmptyState-module_action {
   margin-top: 1.25rem;
 }`);
-var __default51 = { "root": "EmptyState-module_root", "icon": "EmptyState-module_icon", "title": "EmptyState-module_title", "description": "EmptyState-module_description", "action": "EmptyState-module_action" };
+var __default52 = { "root": "EmptyState-module_root", "icon": "EmptyState-module_icon", "title": "EmptyState-module_title", "description": "EmptyState-module_description", "action": "EmptyState-module_action" };
 function EmptyState({ icon, title, description, action, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default51.root}${className ? ` ${className}` : ""}`, children: [
-    icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default51.icon, children: icon }),
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default51.title, children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default51.description, children: description }),
-    action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default51.action, children: action })
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default52.root}${className ? ` ${className}` : ""}`, children: [
+    icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default52.icon, children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default52.title, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default52.description, children: description }),
+    action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default52.action, children: action })
   ] });
 }
 
@@ -4813,6 +4901,18 @@ __styleInject(`@charset "UTF-8";
   }
 }
 
+/* Opt-in \u0434\u043B\u044F consumer'\u043E\u0432, \u0443 \u043A\u043E\u0442\u043E\u0440\u044B\u0445 \u0440\u043E\u0434\u0438\u0442\u0435\u043B\u044C \u0443\u0436\u0435 \u0437\u0430\u0434\u0430\u0451\u0442 vertical rhythm.
+   \u041E\u0431\u044A\u044F\u0432\u043B\u044F\u0435\u0442\u0441\u044F \u043F\u043E\u0441\u043B\u0435 \`.inner\` / \`.innerCompact\` \u2014 \u043F\u0440\u0438 applied \u043A\u0430\u043A \u0432\u0442\u043E\u0440\u043E\u0439
+   \u043A\u043B\u0430\u0441\u0441 \u043F\u0435\u0440\u0435\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u0438\u0445 \`padding-block\` \u0437\u0430 \u0441\u0447\u0451\u0442 source-order specificity. */
+.HeroSection-module_innerNoVertical {
+  padding-block: 0;
+}
+@media (min-width: 768px) {
+  .HeroSection-module_innerNoVertical {
+    padding-block: 0;
+  }
+}
+
 .HeroSection-module_content {
   max-width: 56rem;
 }
@@ -4957,7 +5057,7 @@ __styleInject(`@charset "UTF-8";
   overflow: hidden;
   background: var(--bg-secondary);
 }`);
-var __default52 = { "root": "HeroSection-module_root", "bgGlow": "HeroSection-module_bgGlow", "glowOrb": "HeroSection-module_glowOrb", "inner": "HeroSection-module_inner", "innerCompact": "HeroSection-module_innerCompact", "content": "HeroSection-module_content", "contentCenter": "HeroSection-module_contentCenter HeroSection-module_content", "eyebrowWrap": "HeroSection-module_eyebrowWrap", "eyebrowCenter": "HeroSection-module_eyebrowCenter", "eyebrow": "HeroSection-module_eyebrow", "eyebrowDot": "HeroSection-module_eyebrowDot", "title": "HeroSection-module_title", "subtitle": "HeroSection-module_subtitle", "subtitleCenter": "HeroSection-module_subtitleCenter", "actions": "HeroSection-module_actions", "actionsCenter": "HeroSection-module_actionsCenter", "mediaWrapCenter": "HeroSection-module_mediaWrapCenter HeroSection-module_mediaWrap", "mediaWrapLeft": "HeroSection-module_mediaWrapLeft HeroSection-module_mediaWrap", "splitGrid": "HeroSection-module_splitGrid", "mediaSplit": "HeroSection-module_mediaSplit", "mediaBox": "HeroSection-module_mediaBox" };
+var __default53 = { "root": "HeroSection-module_root", "bgGlow": "HeroSection-module_bgGlow", "glowOrb": "HeroSection-module_glowOrb", "inner": "HeroSection-module_inner", "innerCompact": "HeroSection-module_innerCompact", "innerNoVertical": "HeroSection-module_innerNoVertical", "content": "HeroSection-module_content", "contentCenter": "HeroSection-module_contentCenter HeroSection-module_content", "eyebrowWrap": "HeroSection-module_eyebrowWrap", "eyebrowCenter": "HeroSection-module_eyebrowCenter", "eyebrow": "HeroSection-module_eyebrow", "eyebrowDot": "HeroSection-module_eyebrowDot", "title": "HeroSection-module_title", "subtitle": "HeroSection-module_subtitle", "subtitleCenter": "HeroSection-module_subtitleCenter", "actions": "HeroSection-module_actions", "actionsCenter": "HeroSection-module_actionsCenter", "mediaWrapCenter": "HeroSection-module_mediaWrapCenter HeroSection-module_mediaWrap", "mediaWrapLeft": "HeroSection-module_mediaWrapLeft HeroSection-module_mediaWrap", "splitGrid": "HeroSection-module_splitGrid", "mediaSplit": "HeroSection-module_mediaSplit", "mediaBox": "HeroSection-module_mediaBox" };
 function HeroSection({
   eyebrow,
   title,
@@ -4967,36 +5067,43 @@ function HeroSection({
   align = "center",
   size = "default",
   mediaPosition = "left",
+  verticalPadding = "default",
   className = ""
 }) {
   const isCenter = align === "center";
   const isCompact = size === "compact";
   const isSplitRight = !isCenter && mediaPosition === "right" && !!media;
-  const contentBlock = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isCenter ? __default52.contentCenter : __default52.content, children: [
-    eyebrow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default52.eyebrowWrap}${isCenter ? ` ${__default52.eyebrowCenter}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default52.eyebrow, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default52.eyebrowDot }),
+  const contentBlock = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isCenter ? __default53.contentCenter : __default53.content, children: [
+    eyebrow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default53.eyebrowWrap}${isCenter ? ` ${__default53.eyebrowCenter}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default53.eyebrow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default53.eyebrowDot }),
       eyebrow
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default52.title, children: title }),
-    subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default52.subtitle}${isCenter ? ` ${__default52.subtitleCenter}` : ""}`, children: subtitle }),
-    actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default52.actions}${isCenter ? ` ${__default52.actionsCenter}` : ""}`, children: actions })
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default53.title, children: title }),
+    subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default53.subtitle}${isCenter ? ` ${__default53.subtitleCenter}` : ""}`, children: subtitle }),
+    actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default53.actions}${isCenter ? ` ${__default53.actionsCenter}` : ""}`, children: actions })
   ] });
   const mediaBlock = media && /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: isSplitRight ? __default52.mediaSplit : isCenter ? __default52.mediaWrapCenter : __default52.mediaWrapLeft,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default52.mediaBox, children: media })
+      className: isSplitRight ? __default53.mediaSplit : isCenter ? __default53.mediaWrapCenter : __default53.mediaWrapLeft,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default53.mediaBox, children: media })
     }
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default52.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default52.bgGlow, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default52.glowOrb }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: isCompact ? __default52.innerCompact : __default52.inner, children: isSplitRight ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default52.splitGrid, children: [
-      contentBlock,
-      mediaBlock
-    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      contentBlock,
-      mediaBlock
-    ] }) })
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default53.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default53.bgGlow, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default53.glowOrb }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `${isCompact ? __default53.innerCompact : __default53.inner}${verticalPadding === "none" ? ` ${__default53.innerNoVertical}` : ""}`,
+        children: isSplitRight ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default53.splitGrid, children: [
+          contentBlock,
+          mediaBlock
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          contentBlock,
+          mediaBlock
+        ] })
+      }
+    )
   ] });
 }
 
@@ -5068,15 +5175,15 @@ __styleInject(`.LogoCloud-module_root {
     font-size: 1rem;
   }
 }`);
-var __default53 = { "root": "LogoCloud-module_root", "label": "LogoCloud-module_label", "grid": "LogoCloud-module_grid", "logoItem": "LogoCloud-module_logoItem", "logoImg": "LogoCloud-module_logoImg", "logoText": "LogoCloud-module_logoText" };
+var __default54 = { "root": "LogoCloud-module_root", "label": "LogoCloud-module_label", "grid": "LogoCloud-module_grid", "logoItem": "LogoCloud-module_logoItem", "logoImg": "LogoCloud-module_logoImg", "logoText": "LogoCloud-module_logoText" };
 function LogoCloud({
   label = "Trusted by teams at",
   logos,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default53.root}${className ? ` ${className}` : ""}`, children: [
-    label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default53.label, children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default53.grid, children: logos.map((logo) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default53.logoItem, children: logo.src ? (
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default54.root}${className ? ` ${className}` : ""}`, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default54.label, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.grid, children: logos.map((logo) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.logoItem, children: logo.src ? (
       // eslint-disable-next-line @next/next/no-img-element
       /* @__PURE__ */ jsxRuntime.jsx(
         "img",
@@ -5084,10 +5191,10 @@ function LogoCloud({
           src: logo.src,
           alt: logo.name,
           width: logo.width || 100,
-          className: `${__default53.logoImg} logo-img`
+          className: `${__default54.logoImg} logo-img`
         }
       )
-    ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default53.logoText, children: logo.name }) }, logo.name)) })
+    ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default54.logoText, children: logo.name }) }, logo.name)) })
   ] });
 }
 
@@ -5183,18 +5290,18 @@ __styleInject(`@charset "UTF-8";
   color: var(--fg-muted);
   letter-spacing: -0.25px;
 }`);
-var __default54 = { "root": "StatsBar-module_root", "inline": "StatsBar-module_inline", "inlineGrid": "StatsBar-module_inlineGrid", "inlineItem": "StatsBar-module_inlineItem", "cardsGrid": "StatsBar-module_cardsGrid", "card": "StatsBar-module_card", "cardIconWrap": "StatsBar-module_cardIconWrap", "statValue": "StatsBar-module_statValue", "statLabel": "StatsBar-module_statLabel" };
+var __default55 = { "root": "StatsBar-module_root", "inline": "StatsBar-module_inline", "inlineGrid": "StatsBar-module_inlineGrid", "inlineItem": "StatsBar-module_inlineItem", "cardsGrid": "StatsBar-module_cardsGrid", "card": "StatsBar-module_card", "cardIconWrap": "StatsBar-module_cardIconWrap", "statValue": "StatsBar-module_statValue", "statLabel": "StatsBar-module_statLabel" };
 function StatsBar({ stats, variant = "inline", className = "" }) {
   if (variant === "cards") {
-    return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default54.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.cardsGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default54.card, children: [
-      stat.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.cardIconWrap, children: stat.icon }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.statValue, children: stat.value }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.statLabel, children: stat.label })
+    return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default55.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.cardsGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default55.card, children: [
+      stat.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.cardIconWrap, children: stat.icon }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.statValue, children: stat.value }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.statLabel, children: stat.label })
     ] }, i)) }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default54.root} ${__default54.inline}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.inlineGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default54.inlineItem, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.statValue, children: stat.value }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.statLabel, children: stat.label })
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default55.root} ${__default55.inline}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.inlineGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default55.inlineItem, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.statValue, children: stat.value }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.statLabel, children: stat.label })
   ] }, i)) }) });
 }
 
@@ -5214,6 +5321,16 @@ __styleInject(`@charset "UTF-8";
   }
 }
 
+/* Opt-in \u0434\u043B\u044F default variant \u2014 \u0440\u043E\u0434\u0438\u0442\u0435\u043B\u044C \u0443\u043F\u0440\u0430\u0432\u043B\u044F\u0435\u0442 vertical rhythm. */
+.CTASection-module_defaultNoVertical {
+  padding-block: 0;
+}
+@media (min-width: 768px) {
+  .CTASection-module_defaultNoVertical {
+    padding-block: 0;
+  }
+}
+
 /* \u2500\u2500\u2500 Variant: filled \u2500\u2500\u2500 */
 .CTASection-module_filled {
   padding-block: 3rem;
@@ -5284,24 +5401,27 @@ __styleInject(`@charset "UTF-8";
   gap: 0.75rem;
   justify-content: center;
 }`);
-var __default55 = { "root": "CTASection-module_root", "default": "CTASection-module_default", "filled": "CTASection-module_filled", "bordered": "CTASection-module_bordered", "inner": "CTASection-module_inner", "title": "CTASection-module_title", "titleFilled": "CTASection-module_titleFilled", "description": "CTASection-module_description", "descriptionFilled": "CTASection-module_descriptionFilled", "actions": "CTASection-module_actions" };
+var __default56 = { "root": "CTASection-module_root", "default": "CTASection-module_default", "defaultNoVertical": "CTASection-module_defaultNoVertical", "filled": "CTASection-module_filled", "bordered": "CTASection-module_bordered", "inner": "CTASection-module_inner", "title": "CTASection-module_title", "titleFilled": "CTASection-module_titleFilled", "description": "CTASection-module_description", "descriptionFilled": "CTASection-module_descriptionFilled", "actions": "CTASection-module_actions" };
 function CTASection({
   title,
   description,
   actions,
   variant = "default",
+  verticalPadding = "default",
   className = ""
 }) {
   const isFilled = variant === "filled";
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default55.root} ${__default55[variant]}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default55.inner, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${__default55.title}${isFilled ? ` ${__default55.titleFilled}` : ""}`, children: title }),
-    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default55.description}${isFilled ? ` ${__default55.descriptionFilled}` : ""}`, children: description }),
-    actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.actions, children: actions })
+  const noVerticalClass = variant === "default" && verticalPadding === "none" ? ` ${__default56.defaultNoVertical}` : "";
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default56.root} ${__default56[variant]}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default56.inner, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${__default56.title}${isFilled ? ` ${__default56.titleFilled}` : ""}`, children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default56.description}${isFilled ? ` ${__default56.descriptionFilled}` : ""}`, children: description }),
+    actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default56.actions, children: actions })
   ] }) });
 }
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/BentoGrid.module.scss
-__styleInject(`.BentoGrid-module_root {
+__styleInject(`@charset "UTF-8";
+.BentoGrid-module_root {
   padding-block: 2.5rem;
 }
 @media (min-width: 768px) {
@@ -5310,6 +5430,16 @@ __styleInject(`.BentoGrid-module_root {
   }
 }
 
+/* Opt-in \u0434\u043B\u044F consumer'\u043E\u0432 \u0441 \u0441\u043E\u0431\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u043C vertical rhythm wrapper'\u043E\u043C. */
+.BentoGrid-module_rootNoVertical {
+  padding-block: 0;
+}
+@media (min-width: 768px) {
+  .BentoGrid-module_rootNoVertical {
+    padding-block: 0;
+  }
+}
+
 .BentoGrid-module_grid {
   display: grid;
   grid-template-columns: 1fr;
@@ -5392,21 +5522,22 @@ __styleInject(`.BentoGrid-module_root {
   line-height: 1.625;
   letter-spacing: -0.25px;
 }`);
-var __default56 = { "root": "BentoGrid-module_root", "grid": "BentoGrid-module_grid", "item": "BentoGrid-module_item", "colSpan2": "BentoGrid-module_colSpan2", "rowSpan2": "BentoGrid-module_rowSpan2", "mediaWrap": "BentoGrid-module_mediaWrap", "content": "BentoGrid-module_content", "contentTall": "BentoGrid-module_contentTall", "itemIcon": "BentoGrid-module_itemIcon", "itemTitle": "BentoGrid-module_itemTitle", "itemDescription": "BentoGrid-module_itemDescription" };
-function BentoGrid({ items, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default56.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default56.grid, children: items.map((item, i) => {
-    const spanClass = item.span === 2 ? ` ${__default56.colSpan2}` : "";
-    const rowClass = item.rowSpan === 2 ? ` ${__default56.rowSpan2}` : "";
+var __default57 = { "root": "BentoGrid-module_root", "rootNoVertical": "BentoGrid-module_rootNoVertical", "grid": "BentoGrid-module_grid", "item": "BentoGrid-module_item", "colSpan2": "BentoGrid-module_colSpan2", "rowSpan2": "BentoGrid-module_rowSpan2", "mediaWrap": "BentoGrid-module_mediaWrap", "content": "BentoGrid-module_content", "contentTall": "BentoGrid-module_contentTall", "itemIcon": "BentoGrid-module_itemIcon", "itemTitle": "BentoGrid-module_itemTitle", "itemDescription": "BentoGrid-module_itemDescription" };
+function BentoGrid({ items, verticalPadding = "default", className = "" }) {
+  const noVerticalClass = verticalPadding === "none" ? ` ${__default57.rootNoVertical}` : "";
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default57.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default57.grid, children: items.map((item, i) => {
+    const spanClass = item.span === 2 ? ` ${__default57.colSpan2}` : "";
+    const rowClass = item.rowSpan === 2 ? ` ${__default57.rowSpan2}` : "";
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: `${__default56.item}${spanClass}${rowClass}${item.className ? ` ${item.className}` : ""}`,
+        className: `${__default57.item}${spanClass}${rowClass}${item.className ? ` ${item.className}` : ""}`,
         children: [
-          item.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default56.mediaWrap, children: item.media }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default56.content}${item.rowSpan === 2 ? ` ${__default56.contentTall}` : ""}`, children: [
-            item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default56.itemIcon, children: item.icon }),
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default56.itemTitle, children: item.title }),
-            item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default56.itemDescription, children: item.description })
+          item.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default57.mediaWrap, children: item.media }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default57.content}${item.rowSpan === 2 ? ` ${__default57.contentTall}` : ""}`, children: [
+            item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default57.itemIcon, children: item.icon }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default57.itemTitle, children: item.title }),
+            item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default57.itemDescription, children: item.description })
           ] })
         ]
       },
@@ -5521,7 +5652,7 @@ __styleInject(`.FAQSection-module_root {
   line-height: 1.625;
   padding-right: 2rem;
 }`);
-var __default57 = { "root": "FAQSection-module_root", "container": "FAQSection-module_container", "title": "FAQSection-module_title", "subtitle": "FAQSection-module_subtitle", "list": "FAQSection-module_list", "item": "FAQSection-module_item", "question": "FAQSection-module_question", "questionText": "FAQSection-module_questionText", "toggleIcon": "FAQSection-module_toggleIcon", "toggleIconOpen": "FAQSection-module_toggleIconOpen FAQSection-module_toggleIcon", "answerOpen": "FAQSection-module_answerOpen FAQSection-module_answer", "answerClosed": "FAQSection-module_answerClosed FAQSection-module_answer", "answerText": "FAQSection-module_answerText" };
+var __default58 = { "root": "FAQSection-module_root", "container": "FAQSection-module_container", "title": "FAQSection-module_title", "subtitle": "FAQSection-module_subtitle", "list": "FAQSection-module_list", "item": "FAQSection-module_item", "question": "FAQSection-module_question", "questionText": "FAQSection-module_questionText", "toggleIcon": "FAQSection-module_toggleIcon", "toggleIconOpen": "FAQSection-module_toggleIconOpen FAQSection-module_toggleIcon", "answerOpen": "FAQSection-module_answerOpen FAQSection-module_answer", "answerClosed": "FAQSection-module_answerClosed FAQSection-module_answer", "answerText": "FAQSection-module_answerText" };
 function FAQSection({
   title = "Frequently asked questions",
   subtitle,
@@ -5530,25 +5661,25 @@ function FAQSection({
 }) {
   const [openIndex, setOpenIndex] = react.useState(null);
   const toggle = (i) => setOpenIndex(openIndex === i ? null : i);
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default57.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default57.container, children: [
-    title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default57.title, children: title }),
-    subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default57.subtitle, children: subtitle }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: title || subtitle ? __default57.list : "", children: items.map((item, i) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default58.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default58.container, children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default58.title, children: title }),
+    subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default58.subtitle, children: subtitle }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: title || subtitle ? __default58.list : "", children: items.map((item, i) => {
       const isOpen = openIndex === i;
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default57.item, children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default58.item, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
             onClick: () => toggle(i),
-            className: __default57.question,
+            className: __default58.question,
             "aria-expanded": isOpen,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default57.questionText, children: item.question }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: isOpen ? __default57.toggleIconOpen : __default57.toggleIcon, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 1v12M1 7h12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default58.questionText, children: item.question }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: isOpen ? __default58.toggleIconOpen : __default58.toggleIcon, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 1v12M1 7h12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: isOpen ? __default57.answerOpen : __default57.answerClosed, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default57.answerText, children: item.answer }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: isOpen ? __default58.answerOpen : __default58.answerClosed, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default58.answerText, children: item.answer }) })
       ] }, i);
     }) })
   ] }) });
@@ -5638,32 +5769,32 @@ __styleInject(`.ComparisonTable-module_root {
   font-weight: 500;
   color: var(--fg);
 }`);
-var __default58 = { "root": "ComparisonTable-module_root", "scrollWrap": "ComparisonTable-module_scrollWrap", "table": "ComparisonTable-module_table", "headerCell": "ComparisonTable-module_headerCell", "columnHeader": "ComparisonTable-module_columnHeader", "columnHeaderHighlighted": "ComparisonTable-module_columnHeaderHighlighted ComparisonTable-module_columnHeader", "bodyRow": "ComparisonTable-module_bodyRow", "featureCell": "ComparisonTable-module_featureCell", "valueCell": "ComparisonTable-module_valueCell", "valueCellHighlighted": "ComparisonTable-module_valueCellHighlighted ComparisonTable-module_valueCell", "valueCellHighlightedLast": "ComparisonTable-module_valueCellHighlightedLast ComparisonTable-module_valueCellHighlighted ComparisonTable-module_valueCell", "iconSuccess": "ComparisonTable-module_iconSuccess", "iconMuted": "ComparisonTable-module_iconMuted", "textValue": "ComparisonTable-module_textValue" };
+var __default59 = { "root": "ComparisonTable-module_root", "scrollWrap": "ComparisonTable-module_scrollWrap", "table": "ComparisonTable-module_table", "headerCell": "ComparisonTable-module_headerCell", "columnHeader": "ComparisonTable-module_columnHeader", "columnHeaderHighlighted": "ComparisonTable-module_columnHeaderHighlighted ComparisonTable-module_columnHeader", "bodyRow": "ComparisonTable-module_bodyRow", "featureCell": "ComparisonTable-module_featureCell", "valueCell": "ComparisonTable-module_valueCell", "valueCellHighlighted": "ComparisonTable-module_valueCellHighlighted ComparisonTable-module_valueCell", "valueCellHighlightedLast": "ComparisonTable-module_valueCellHighlightedLast ComparisonTable-module_valueCellHighlighted ComparisonTable-module_valueCell", "iconSuccess": "ComparisonTable-module_iconSuccess", "iconMuted": "ComparisonTable-module_iconMuted", "textValue": "ComparisonTable-module_textValue" };
 function ComparisonTable({ columns, rows, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default58.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default58.scrollWrap, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: __default58.table, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default59.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default59.scrollWrap, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: __default59.table, children: [
     /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("th", { className: __default58.headerCell }),
+      /* @__PURE__ */ jsxRuntime.jsx("th", { className: __default59.headerCell }),
       columns.map((col, i) => /* @__PURE__ */ jsxRuntime.jsx(
         "th",
         {
-          className: col.highlighted ? __default58.columnHeaderHighlighted : __default58.columnHeader,
+          className: col.highlighted ? __default59.columnHeaderHighlighted : __default59.columnHeader,
           children: col.label
         },
         i
       ))
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row, ri) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: __default58.bodyRow, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("td", { className: __default58.featureCell, children: row.feature }),
+    /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row, ri) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: __default59.bodyRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("td", { className: __default59.featureCell, children: row.feature }),
       row.values.map((val, vi) => {
         var _a;
         const isHighlighted = (_a = columns[vi]) == null ? void 0 : _a.highlighted;
         const isLast = ri === rows.length - 1;
-        const cellClass = isHighlighted ? isLast ? __default58.valueCellHighlightedLast : __default58.valueCellHighlighted : __default58.valueCell;
+        const cellClass = isHighlighted ? isLast ? __default59.valueCellHighlightedLast : __default59.valueCellHighlighted : __default59.valueCell;
         return /* @__PURE__ */ jsxRuntime.jsx(
           "td",
           {
             className: cellClass,
-            children: typeof val === "boolean" ? val ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default58.iconSuccess, children: /* @__PURE__ */ jsxRuntime.jsx(IconlyCheck, { size: 18 }) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default58.iconMuted, children: /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 18 }) }) : typeof val === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default58.textValue, children: val }) : val
+            children: typeof val === "boolean" ? val ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default59.iconSuccess, children: /* @__PURE__ */ jsxRuntime.jsx(IconlyCheck, { size: 18 }) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default59.iconMuted, children: /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 18 }) }) : typeof val === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default59.textValue, children: val }) : val
           },
           vi
         );
@@ -5828,7 +5959,7 @@ __styleInject(`@charset "UTF-8";
   background: var(--border-color-strong);
   transition: background var(--transition-fast), width var(--transition-fast);
 }`);
-var __default59 = { "root": "BottomSheet-module_root", "trigger": "BottomSheet-module_trigger", "bar": "BottomSheet-module_bar", "barHandle": "BottomSheet-module_barHandle", "handleBar": "BottomSheet-module_handleBar", "barActions": "BottomSheet-module_barActions", "backdrop": "BottomSheet-module_backdrop", "backdropOpen": "BottomSheet-module_backdropOpen", "panel": "BottomSheet-module_panel", "panelOpen": "BottomSheet-module_panelOpen", "handle": "BottomSheet-module_handle" };
+var __default60 = { "root": "BottomSheet-module_root", "trigger": "BottomSheet-module_trigger", "bar": "BottomSheet-module_bar", "barHandle": "BottomSheet-module_barHandle", "handleBar": "BottomSheet-module_handleBar", "barActions": "BottomSheet-module_barActions", "backdrop": "BottomSheet-module_backdrop", "backdropOpen": "BottomSheet-module_backdropOpen", "panel": "BottomSheet-module_panel", "panelOpen": "BottomSheet-module_panelOpen", "handle": "BottomSheet-module_handle" };
 var BottomSheetContext = react.createContext(null);
 function useBottomSheet(part) {
   const ctx = react.useContext(BottomSheetContext);
@@ -5900,13 +6031,13 @@ function BottomSheet({
     BottomSheetContext.Provider,
     {
       value: { open, setOpen, dragY, isDragging, onDragStart, onDragMove, onDragEnd },
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default59.root}${className ? ` ${className}` : ""}`, children })
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default60.root}${className ? ` ${className}` : ""}`, children })
     }
   );
 }
 function Bar({ children, className = "" }) {
   const { setOpen, onDragStart, onDragMove, onDragEnd } = useBottomSheet("Bar");
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default59.bar}${className ? ` ${className}` : ""}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default60.bar}${className ? ` ${className}` : ""}`, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
@@ -5916,12 +6047,12 @@ function Bar({ children, className = "" }) {
         onTouchMove: (e) => onDragMove(e.touches[0].clientY),
         onTouchEnd: onDragEnd,
         onTouchCancel: onDragEnd,
-        className: __default59.barHandle,
+        className: __default60.barHandle,
         "aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E",
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default59.handleBar })
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default60.handleBar })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default59.barActions, children })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default60.barActions, children })
   ] });
 }
 function Panel({ children, className = "" }) {
@@ -5942,7 +6073,7 @@ function Panel({ children, className = "" }) {
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: `${__default59.backdrop}${open || isDraggingOpen ? ` ${__default59.backdropOpen}` : ""}`,
+        className: `${__default60.backdrop}${open || isDraggingOpen ? ` ${__default60.backdropOpen}` : ""}`,
         onClick: () => setOpen(false),
         "aria-hidden": "true"
       }
@@ -5950,7 +6081,7 @@ function Panel({ children, className = "" }) {
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: `${__default59.panel}${open ? ` ${__default59.panelOpen}` : ""}${className ? ` ${className}` : ""}`,
+        className: `${__default60.panel}${open ? ` ${__default60.panelOpen}` : ""}${className ? ` ${className}` : ""}`,
         role: "dialog",
         "aria-modal": open,
         "aria-hidden": !open && !isDraggingOpen,
@@ -5983,9 +6114,9 @@ function Handle({ className = "" }) {
         if (e.pointerType === "mouse") return;
         onDragEnd();
       },
-      className: `${__default59.handle}${className ? ` ${className}` : ""}`,
+      className: `${__default60.handle}${className ? ` ${className}` : ""}`,
       "aria-label": open ? "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" : "\u041E\u0442\u043A\u0440\u044B\u0442\u044C",
-      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default59.handleBar })
+      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default60.handleBar })
     }
   );
 }
@@ -5995,7 +6126,7 @@ function Trigger({ children, className = "" }) {
     "div",
     {
       onClick: () => setOpen(!open),
-      className: `${__default59.trigger}${className ? ` ${className}` : ""}`,
+      className: `${__default60.trigger}${className ? ` ${className}` : ""}`,
       children
     }
   );
@@ -6164,21 +6295,21 @@ __styleInject(`.PromoBento-module_root {
 .PromoBento-module_cardCta {
   margin-top: 0.25rem;
 }`);
-var __default60 = { "root": "PromoBento-module_root", "header": "PromoBento-module_header", "heading": "PromoBento-module_heading", "subtitle": "PromoBento-module_subtitle", "grid": "PromoBento-module_grid", "card": "PromoBento-module_card", "cardMedia": "PromoBento-module_cardMedia", "cardMediaInner": "PromoBento-module_cardMediaInner", "cardFade": "PromoBento-module_cardFade", "cardContent": "PromoBento-module_cardContent", "pill": "PromoBento-module_pill", "pillInner": "PromoBento-module_pillInner", "pillIcon": "PromoBento-module_pillIcon", "cardTitle": "PromoBento-module_cardTitle", "cardDesc": "PromoBento-module_cardDesc", "cardCta": "PromoBento-module_cardCta" };
+var __default61 = { "root": "PromoBento-module_root", "header": "PromoBento-module_header", "heading": "PromoBento-module_heading", "subtitle": "PromoBento-module_subtitle", "grid": "PromoBento-module_grid", "card": "PromoBento-module_card", "cardMedia": "PromoBento-module_cardMedia", "cardMediaInner": "PromoBento-module_cardMediaInner", "cardFade": "PromoBento-module_cardFade", "cardContent": "PromoBento-module_cardContent", "pill": "PromoBento-module_pill", "pillInner": "PromoBento-module_pillInner", "pillIcon": "PromoBento-module_pillIcon", "cardTitle": "PromoBento-module_cardTitle", "cardDesc": "PromoBento-module_cardDesc", "cardCta": "PromoBento-module_cardCta" };
 function PromoBentoCard({ pill, title, description, cta, media, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default60.card}${className ? ` ${className}` : ""}`, children: [
-    media && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default60.cardMedia, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default60.cardMediaInner, children: media }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default60.cardFade })
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default61.card}${className ? ` ${className}` : ""}`, children: [
+    media && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default61.cardMedia, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.cardMediaInner, children: media }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.cardFade })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default60.cardContent, children: [
-      pill && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default60.pill, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default60.pillInner, children: [
-        pill.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default60.pillIcon, children: pill.icon }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default61.cardContent, children: [
+      pill && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.pill, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default61.pillInner, children: [
+        pill.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default61.pillIcon, children: pill.icon }),
         pill.label
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default60.cardTitle, children: title }),
-      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default60.cardDesc, children: description }),
-      cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default60.cardCta, children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default61.cardTitle, children: title }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default61.cardDesc, children: description }),
+      cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.cardCta, children: /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
           variant: "outline",
@@ -6191,12 +6322,12 @@ function PromoBentoCard({ pill, title, description, cta, media, className = "" }
   ] });
 }
 function PromoBento({ heading, subtitle, items, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default60.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default60.header, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default60.heading, children: heading }),
-      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default60.subtitle, children: subtitle })
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default61.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default61.header, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default61.heading, children: heading }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default61.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default60.grid, children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(PromoBentoCard, __spreadValues({}, item), i)) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.grid, children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(PromoBentoCard, __spreadValues({}, item), i)) })
   ] });
 }
 
@@ -6318,26 +6449,26 @@ __styleInject(`.PromoShowcase-module_root {
     padding: 2.5rem;
   }
 }`);
-var __default61 = { "root": "PromoShowcase-module_root", "heading": "PromoShowcase-module_heading", "headingText": "PromoShowcase-module_headingText", "body": "PromoShowcase-module_body", "stepper": "PromoShowcase-module_stepper", "stepButton": "PromoShowcase-module_stepButton", "stepButtonActive": "PromoShowcase-module_stepButtonActive", "contentArea": "PromoShowcase-module_contentArea", "panel": "PromoShowcase-module_panel", "panelActive": "PromoShowcase-module_panelActive", "panelInner": "PromoShowcase-module_panelInner" };
+var __default62 = { "root": "PromoShowcase-module_root", "heading": "PromoShowcase-module_heading", "headingText": "PromoShowcase-module_headingText", "body": "PromoShowcase-module_body", "stepper": "PromoShowcase-module_stepper", "stepButton": "PromoShowcase-module_stepButton", "stepButtonActive": "PromoShowcase-module_stepButtonActive", "contentArea": "PromoShowcase-module_contentArea", "panel": "PromoShowcase-module_panel", "panelActive": "PromoShowcase-module_panelActive", "panelInner": "PromoShowcase-module_panelInner" };
 function PromoShowcase({ heading, steps, className = "" }) {
   const [activeIndex, setActiveIndex] = react.useState(0);
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default61.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default61.headingText, children: heading }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default61.body, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.stepper, children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default62.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default62.headingText, children: heading }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default62.body, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.stepper, children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           onClick: () => setActiveIndex(i),
-          className: `${__default61.stepButton}${i === activeIndex ? ` ${__default61.stepButtonActive}` : ""}`,
+          className: `${__default62.stepButton}${i === activeIndex ? ` ${__default62.stepButtonActive}` : ""}`,
           children: step.label
         },
         i
       )) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.contentArea, children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.contentArea, children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: `${__default61.panel}${i === activeIndex ? ` ${__default61.panelActive}` : ""}`,
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.panelInner, children: step.content })
+          className: `${__default62.panel}${i === activeIndex ? ` ${__default62.panelActive}` : ""}`,
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.panelInner, children: step.content })
         },
         i
       )) })
@@ -6346,7 +6477,8 @@ function PromoShowcase({ heading, steps, className = "" }) {
 }
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoSplit.module.scss
-__styleInject(`.PromoSplit-module_root {
+__styleInject(`@charset "UTF-8";
+.PromoSplit-module_root {
   padding: 4rem 0;
 }
 @media (min-width: 768px) {
@@ -6355,6 +6487,16 @@ __styleInject(`.PromoSplit-module_root {
   }
 }
 
+/* Opt-in \u0434\u043B\u044F consumer'\u043E\u0432 \u0441 \u0441\u043E\u0431\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u043C vertical rhythm wrapper'\u043E\u043C. */
+.PromoSplit-module_rootNoVertical {
+  padding-block: 0;
+}
+@media (min-width: 768px) {
+  .PromoSplit-module_rootNoVertical {
+    padding-block: 0;
+  }
+}
+
 .PromoSplit-module_grid {
   display: grid;
   grid-template-columns: 1fr;
@@ -6486,26 +6628,28 @@ __styleInject(`.PromoSplit-module_root {
   align-items: center;
   justify-content: center;
 }`);
-var __default62 = { "root": "PromoSplit-module_root", "grid": "PromoSplit-module_grid", "gridReversed": "PromoSplit-module_gridReversed PromoSplit-module_grid", "textColumn": "PromoSplit-module_textColumn", "textColumnLtr": "PromoSplit-module_textColumnLtr", "heading": "PromoSplit-module_heading", "description": "PromoSplit-module_description", "features": "PromoSplit-module_features", "feature": "PromoSplit-module_feature", "featureTitle": "PromoSplit-module_featureTitle", "featureDesc": "PromoSplit-module_featureDesc", "mediaColumn": "PromoSplit-module_mediaColumn", "mediaColumnLtr": "PromoSplit-module_mediaColumnLtr", "mediaBox": "PromoSplit-module_mediaBox", "mediaContent": "PromoSplit-module_mediaContent", "mediaPlaceholder": "PromoSplit-module_mediaPlaceholder", "placeholderCircle": "PromoSplit-module_placeholderCircle" };
+var __default63 = { "root": "PromoSplit-module_root", "rootNoVertical": "PromoSplit-module_rootNoVertical", "grid": "PromoSplit-module_grid", "gridReversed": "PromoSplit-module_gridReversed PromoSplit-module_grid", "textColumn": "PromoSplit-module_textColumn", "textColumnLtr": "PromoSplit-module_textColumnLtr", "heading": "PromoSplit-module_heading", "description": "PromoSplit-module_description", "features": "PromoSplit-module_features", "feature": "PromoSplit-module_feature", "featureTitle": "PromoSplit-module_featureTitle", "featureDesc": "PromoSplit-module_featureDesc", "mediaColumn": "PromoSplit-module_mediaColumn", "mediaColumnLtr": "PromoSplit-module_mediaColumnLtr", "mediaBox": "PromoSplit-module_mediaBox", "mediaContent": "PromoSplit-module_mediaContent", "mediaPlaceholder": "PromoSplit-module_mediaPlaceholder", "placeholderCircle": "PromoSplit-module_placeholderCircle" };
 function PromoSplit({
   heading,
   description,
   features,
   media,
   mediaPosition = "right",
+  verticalPadding = "default",
   className = ""
 }) {
   const isLeft = mediaPosition === "left";
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default62.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isLeft ? __default62.gridReversed : __default62.grid, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default62.textColumn}${isLeft ? ` ${__default62.textColumnLtr}` : ""}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default62.heading, children: heading }),
-      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default62.description, children: description }),
-      features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.features, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default62.feature, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default62.featureTitle, children: feature.title }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default62.featureDesc, children: feature.description })
+  const noVerticalClass = verticalPadding === "none" ? ` ${__default63.rootNoVertical}` : "";
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default63.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isLeft ? __default63.gridReversed : __default63.grid, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default63.textColumn}${isLeft ? ` ${__default63.textColumnLtr}` : ""}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default63.heading, children: heading }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default63.description, children: description }),
+      features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.features, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default63.feature, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default63.featureTitle, children: feature.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default63.featureDesc, children: feature.description })
       ] }, i)) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default62.mediaColumn}${isLeft ? ` ${__default62.mediaColumnLtr}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.mediaBox, children: media ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.mediaContent, children: media }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.mediaPlaceholder, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.placeholderCircle, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "var(--fg-muted)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default63.mediaColumn}${isLeft ? ` ${__default63.mediaColumnLtr}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.mediaBox, children: media ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.mediaContent, children: media }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.mediaPlaceholder, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.placeholderCircle, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "var(--fg-muted)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
       /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 15-5-5L5 21" })
@@ -6622,16 +6766,16 @@ __styleInject(`.PromoTrustGrid-module_root {
   justify-content: center;
   padding: 1.5rem;
 }`);
-var __default63 = { "root": "PromoTrustGrid-module_root", "heading": "PromoTrustGrid-module_heading", "headingText": "PromoTrustGrid-module_headingText", "grid": "PromoTrustGrid-module_grid", "featureCard": "PromoTrustGrid-module_featureCard", "featureIcon": "PromoTrustGrid-module_featureIcon", "featureTitle": "PromoTrustGrid-module_featureTitle", "featureDescription": "PromoTrustGrid-module_featureDescription", "media": "PromoTrustGrid-module_media", "mediaInner": "PromoTrustGrid-module_mediaInner" };
+var __default64 = { "root": "PromoTrustGrid-module_root", "heading": "PromoTrustGrid-module_heading", "headingText": "PromoTrustGrid-module_headingText", "grid": "PromoTrustGrid-module_grid", "featureCard": "PromoTrustGrid-module_featureCard", "featureIcon": "PromoTrustGrid-module_featureIcon", "featureTitle": "PromoTrustGrid-module_featureTitle", "featureDescription": "PromoTrustGrid-module_featureDescription", "media": "PromoTrustGrid-module_media", "mediaInner": "PromoTrustGrid-module_mediaInner" };
 function PromoTrustGrid({ heading, features, media, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default63.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default63.headingText, children: heading }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.grid, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default63.featureCard, children: [
-      feature.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.featureIcon, children: feature.icon }),
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default63.featureTitle, children: feature.title }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default63.featureDescription, children: feature.description })
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default64.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default64.headingText, children: heading }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.grid, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default64.featureCard, children: [
+      feature.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.featureIcon, children: feature.icon }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default64.featureTitle, children: feature.title }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default64.featureDescription, children: feature.description })
     ] }, i)) }),
-    media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.media, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.mediaInner, children: media }) })
+    media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.media, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.mediaInner, children: media }) })
   ] });
 }
 
@@ -6818,36 +6962,37 @@ __styleInject(`@charset "UTF-8";
   border-radius: clamp(8px, 1.5vw, 16px);
   background: var(--bg-tertiary);
 }`);
-var __default64 = { "root": "PromoDevicesCTA-module_root", "textBlock": "PromoDevicesCTA-module_textBlock", "heading": "PromoDevicesCTA-module_heading", "description": "PromoDevicesCTA-module_description", "ctaWrap": "PromoDevicesCTA-module_ctaWrap", "devices": "PromoDevicesCTA-module_devices", "laptop": "PromoDevicesCTA-module_laptop", "laptopScreen": "PromoDevicesCTA-module_laptopScreen", "laptopScreenInner": "PromoDevicesCTA-module_laptopScreenInner", "laptopHinge": "PromoDevicesCTA-module_laptopHinge", "laptopBase": "PromoDevicesCTA-module_laptopBase", "tablet": "PromoDevicesCTA-module_tablet", "tabletShell": "PromoDevicesCTA-module_tabletShell", "tabletScreen": "PromoDevicesCTA-module_tabletScreen", "phone": "PromoDevicesCTA-module_phone", "phoneShell": "PromoDevicesCTA-module_phoneShell", "phoneNotch": "PromoDevicesCTA-module_phoneNotch", "phoneScreen": "PromoDevicesCTA-module_phoneScreen" };
+var __default65 = { "root": "PromoDevicesCTA-module_root", "textBlock": "PromoDevicesCTA-module_textBlock", "heading": "PromoDevicesCTA-module_heading", "description": "PromoDevicesCTA-module_description", "ctaWrap": "PromoDevicesCTA-module_ctaWrap", "devices": "PromoDevicesCTA-module_devices", "laptop": "PromoDevicesCTA-module_laptop", "laptopScreen": "PromoDevicesCTA-module_laptopScreen", "laptopScreenInner": "PromoDevicesCTA-module_laptopScreenInner", "laptopHinge": "PromoDevicesCTA-module_laptopHinge", "laptopBase": "PromoDevicesCTA-module_laptopBase", "tablet": "PromoDevicesCTA-module_tablet", "tabletShell": "PromoDevicesCTA-module_tabletShell", "tabletScreen": "PromoDevicesCTA-module_tabletScreen", "phone": "PromoDevicesCTA-module_phone", "phoneShell": "PromoDevicesCTA-module_phoneShell", "phoneNotch": "PromoDevicesCTA-module_phoneNotch", "phoneScreen": "PromoDevicesCTA-module_phoneScreen" };
 function PromoDevicesCTA({
   heading,
   description,
   cta,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default64.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default64.textBlock, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default64.heading, children: heading }),
-      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default64.description, children: description }),
-      cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.ctaWrap, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", onClick: cta.onClick, children: cta.label }) })
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default65.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.textBlock, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default65.heading, children: heading }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default65.description, children: description }),
+      cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.ctaWrap, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", onClick: cta.onClick, children: cta.label }) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default64.devices, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default64.laptop, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.laptopScreen, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.laptopScreenInner }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.laptopHinge }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.laptopBase })
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.devices, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.laptop, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.laptopScreen, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.laptopScreenInner }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.laptopHinge }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.laptopBase })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.tablet, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.tabletShell, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.tabletScreen }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.phone, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default64.phoneShell, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.phoneNotch }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.phoneScreen })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.tablet, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.tabletShell, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.tabletScreen }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.phone, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.phoneShell, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.phoneNotch }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.phoneScreen })
       ] }) })
     ] })
   ] });
 }
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoTestimonials.module.scss
-__styleInject(`.PromoTestimonials-module_root {
+__styleInject(`@charset "UTF-8";
+.PromoTestimonials-module_root {
   padding: 4rem 0;
 }
 @media (min-width: 768px) {
@@ -6856,6 +7001,16 @@ __styleInject(`.PromoTestimonials-module_root {
   }
 }
 
+/* Opt-in \u0434\u043B\u044F consumer'\u043E\u0432 \u0441 \u0441\u043E\u0431\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u043C vertical rhythm wrapper'\u043E\u043C. */
+.PromoTestimonials-module_rootNoVertical {
+  padding-block: 0;
+}
+@media (min-width: 768px) {
+  .PromoTestimonials-module_rootNoVertical {
+    padding-block: 0;
+  }
+}
+
 .PromoTestimonials-module_wrapper {
   position: relative;
   border-radius: clamp(20px, 3vw, 40px);
@@ -7029,22 +7184,24 @@ __styleInject(`.PromoTestimonials-module_root {
   background: var(--bg-secondary);
   overflow: hidden;
 }`);
-var __default65 = { "root": "PromoTestimonials-module_root", "wrapper": "PromoTestimonials-module_wrapper", "avatarSection": "PromoTestimonials-module_avatarSection", "avatarStack": "PromoTestimonials-module_avatarStack", "avatarRing": "PromoTestimonials-module_avatarRing", "overflowBadge": "PromoTestimonials-module_overflowBadge", "overflowCircle": "PromoTestimonials-module_overflowCircle", "headingSection": "PromoTestimonials-module_headingSection", "heading": "PromoTestimonials-module_heading", "subtitle": "PromoTestimonials-module_subtitle", "cardsSection": "PromoTestimonials-module_cardsSection", "cardsGrid": "PromoTestimonials-module_cardsGrid", "card": "PromoTestimonials-module_card", "quote": "PromoTestimonials-module_quote", "author": "PromoTestimonials-module_author", "authorInfo": "PromoTestimonials-module_authorInfo", "authorName": "PromoTestimonials-module_authorName", "authorRole": "PromoTestimonials-module_authorRole", "mediaSection": "PromoTestimonials-module_mediaSection", "mediaBox": "PromoTestimonials-module_mediaBox" };
+var __default66 = { "root": "PromoTestimonials-module_root", "rootNoVertical": "PromoTestimonials-module_rootNoVertical", "wrapper": "PromoTestimonials-module_wrapper", "avatarSection": "PromoTestimonials-module_avatarSection", "avatarStack": "PromoTestimonials-module_avatarStack", "avatarRing": "PromoTestimonials-module_avatarRing", "overflowBadge": "PromoTestimonials-module_overflowBadge", "overflowCircle": "PromoTestimonials-module_overflowCircle", "headingSection": "PromoTestimonials-module_headingSection", "heading": "PromoTestimonials-module_heading", "subtitle": "PromoTestimonials-module_subtitle", "cardsSection": "PromoTestimonials-module_cardsSection", "cardsGrid": "PromoTestimonials-module_cardsGrid", "card": "PromoTestimonials-module_card", "quote": "PromoTestimonials-module_quote", "author": "PromoTestimonials-module_author", "authorInfo": "PromoTestimonials-module_authorInfo", "authorName": "PromoTestimonials-module_authorName", "authorRole": "PromoTestimonials-module_authorRole", "mediaSection": "PromoTestimonials-module_mediaSection", "mediaBox": "PromoTestimonials-module_mediaBox" };
 function PromoTestimonials({
   heading,
   subtitle,
   testimonials,
   media,
+  verticalPadding = "default",
   className = ""
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default65.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.wrapper, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.avatarSection, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.avatarStack, children: [
+  const noVerticalClass = verticalPadding === "none" ? ` ${__default66.rootNoVertical}` : "";
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default66.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.wrapper, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.avatarSection, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.avatarStack, children: [
       testimonials.slice(0, 5).map((t, i) => {
         const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
         return /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: __default65.avatarRing,
+            className: __default66.avatarRing,
             style: { zIndex: 10 - i },
             children: /* @__PURE__ */ jsxRuntime.jsx(
               Avatar,
@@ -7058,32 +7215,32 @@ function PromoTestimonials({
           i
         );
       }),
-      testimonials.length > 5 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.overflowBadge, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.overflowCircle, children: [
+      testimonials.length > 5 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.overflowBadge, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.overflowCircle, children: [
         "+",
         testimonials.length - 5
       ] }) })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.headingSection, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default65.heading, children: heading }),
-      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default65.subtitle, children: subtitle })
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.headingSection, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default66.heading, children: heading }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default66.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.cardsSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.cardsGrid, children: testimonials.map((t, i) => {
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.cardsSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.cardsGrid, children: testimonials.map((t, i) => {
       const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: __default65.card,
+          className: __default66.card,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default65.quote, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default66.quote, children: [
               "\u201C",
               t.quote,
               "\u201D"
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.author, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.author, children: [
               /* @__PURE__ */ jsxRuntime.jsx(Avatar, { size: "sm", src: t.avatarSrc, initials }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.authorInfo, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default65.authorName, children: t.name }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default65.authorRole, children: t.role })
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.authorInfo, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default66.authorName, children: t.name }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default66.authorRole, children: t.role })
               ] })
             ] })
           ]
@@ -7091,7 +7248,7 @@ function PromoTestimonials({
         i
       );
     }) }) }),
-    media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.mediaSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.mediaBox, children: media }) })
+    media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.mediaSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.mediaBox, children: media }) })
   ] }) });
 }
 
@@ -7243,7 +7400,7 @@ __styleInject(`.PromoHero-module_root {
   align-items: center;
   justify-content: center;
 }`);
-var __default66 = { "root": "PromoHero-module_root", "dark": "PromoHero-module_dark", "light": "PromoHero-module_light", "gradient": "PromoHero-module_gradient", "glowLayer": "PromoHero-module_glowLayer", "glowTop": "PromoHero-module_glowTop", "glowBottom": "PromoHero-module_glowBottom", "inner": "PromoHero-module_inner", "textColumn": "PromoHero-module_textColumn", "title": "PromoHero-module_title", "subtitle": "PromoHero-module_subtitle", "subtitleDark": "PromoHero-module_subtitleDark", "subtitleLight": "PromoHero-module_subtitleLight", "actions": "PromoHero-module_actions", "ctaDark": "PromoHero-module_ctaDark", "ghostDark": "PromoHero-module_ghostDark", "mediaColumn": "PromoHero-module_mediaColumn" };
+var __default67 = { "root": "PromoHero-module_root", "dark": "PromoHero-module_dark", "light": "PromoHero-module_light", "gradient": "PromoHero-module_gradient", "glowLayer": "PromoHero-module_glowLayer", "glowTop": "PromoHero-module_glowTop", "glowBottom": "PromoHero-module_glowBottom", "inner": "PromoHero-module_inner", "textColumn": "PromoHero-module_textColumn", "title": "PromoHero-module_title", "subtitle": "PromoHero-module_subtitle", "subtitleDark": "PromoHero-module_subtitleDark", "subtitleLight": "PromoHero-module_subtitleLight", "actions": "PromoHero-module_actions", "ctaDark": "PromoHero-module_ctaDark", "ghostDark": "PromoHero-module_ghostDark", "mediaColumn": "PromoHero-module_mediaColumn" };
 function PromoHero({
   title,
   subtitle,
@@ -7253,30 +7410,30 @@ function PromoHero({
   variant = "dark",
   className = ""
 }) {
-  const variantClass = variant === "dark" ? __default66.dark : variant === "gradient" ? __default66.gradient : __default66.light;
-  const subtitleClass = variant === "light" ? __default66.subtitleLight : __default66.subtitleDark;
+  const variantClass = variant === "dark" ? __default67.dark : variant === "gradient" ? __default67.gradient : __default67.light;
+  const subtitleClass = variant === "light" ? __default67.subtitleLight : __default67.subtitleDark;
   const isLight = variant === "light";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "section",
     {
-      className: `${__default66.root} ${variantClass}${className ? ` ${className}` : ""}`,
+      className: `${__default67.root} ${variantClass}${className ? ` ${className}` : ""}`,
       children: [
-        !isLight && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.glowLayer, "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.glowTop }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.glowBottom })
+        !isLight && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.glowLayer, "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default67.glowTop }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default67.glowBottom })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.inner, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.textColumn, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default66.title, children: title }),
-            subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default66.subtitle} ${subtitleClass}`, children: subtitle }),
-            (cta || secondaryCta) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.actions, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.inner, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.textColumn, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default67.title, children: title }),
+            subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default67.subtitle} ${subtitleClass}`, children: subtitle }),
+            (cta || secondaryCta) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.actions, children: [
               cta && /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
                 {
                   variant: isLight ? "primary" : "outline",
                   size: "hero",
                   onClick: cta.onClick,
-                  className: !isLight ? __default66.ctaDark : "",
+                  className: !isLight ? __default67.ctaDark : "",
                   children: cta.label
                 }
               ),
@@ -7286,13 +7443,13 @@ function PromoHero({
                   variant: "ghost",
                   size: "hero",
                   onClick: secondaryCta.onClick,
-                  className: !isLight ? __default66.ghostDark : "",
+                  className: !isLight ? __default67.ghostDark : "",
                   children: secondaryCta.label
                 }
               )
             ] })
           ] }),
-          media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.mediaColumn, children: media })
+          media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default67.mediaColumn, children: media })
         ] })
       ]
     }
@@ -7446,7 +7603,7 @@ __styleInject(`@charset "UTF-8";
   max-width: 640px;
   width: 100%;
 }`);
-var __default67 = { "root": "PromoHeroForm-module_root", "inner": "PromoHeroForm-module_inner", "title": "PromoHeroForm-module_title", "subtitle": "PromoHeroForm-module_subtitle", "form": "PromoHeroForm-module_form", "formInner": "PromoHeroForm-module_formInner", "input": "PromoHeroForm-module_input", "hint": "PromoHeroForm-module_hint", "errorBox": "PromoHeroForm-module_errorBox" };
+var __default68 = { "root": "PromoHeroForm-module_root", "inner": "PromoHeroForm-module_inner", "title": "PromoHeroForm-module_title", "subtitle": "PromoHeroForm-module_subtitle", "form": "PromoHeroForm-module_form", "formInner": "PromoHeroForm-module_formInner", "input": "PromoHeroForm-module_input", "hint": "PromoHeroForm-module_hint", "errorBox": "PromoHeroForm-module_errorBox" };
 function PromoHeroForm({
   title,
   subtitle,
@@ -7469,17 +7626,17 @@ function PromoHeroForm({
     onSubmit == null ? void 0 : onSubmit(trimmed);
   };
   const isDisabled = loading || value.trim().length === 0;
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default67.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.inner, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default67.title, children: title }),
-    subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default67.subtitle, children: subtitle }),
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default68.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default68.inner, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default68.title, children: title }),
+    subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default68.subtitle, children: subtitle }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "form",
       {
-        className: __default67.form,
+        className: __default68.form,
         onSubmit: handleSubmit,
         "aria-busy": loading,
         noValidate: true,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.formInner, children: [
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default68.formInner, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
@@ -7488,7 +7645,7 @@ function PromoHeroForm({
               value,
               onChange: (e) => setValue(e.target.value),
               disabled: loading,
-              className: __default67.input,
+              className: __default68.input,
               "aria-label": inputAriaLabel || inputPlaceholder
             }
           ),
@@ -7506,8 +7663,8 @@ function PromoHeroForm({
         ] })
       }
     ),
-    hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default67.hint, children: hint }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default67.errorBox, role: "alert", children: error })
+    hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default68.hint, children: hint }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default68.errorBox, role: "alert", children: error })
   ] }) });
 }
 
@@ -7785,7 +7942,7 @@ __styleInject(`.PromoPricing-module_root {
 .PromoPricing-module_ctaWrap {
   margin-top: auto;
 }`);
-var __default68 = { "root": "PromoPricing-module_root", "dark": "PromoPricing-module_dark", "light": "PromoPricing-module_light", "headingSection": "PromoPricing-module_headingSection", "heading": "PromoPricing-module_heading", "headingDark": "PromoPricing-module_headingDark", "headingLight": "PromoPricing-module_headingLight", "subtitle": "PromoPricing-module_subtitle", "subtitleDark": "PromoPricing-module_subtitleDark", "subtitleLight": "PromoPricing-module_subtitleLight", "tiersGrid": "PromoPricing-module_tiersGrid", "tierDefault": "PromoPricing-module_tierDefault PromoPricing-module_tierCard", "tierHighlighted": "PromoPricing-module_tierHighlighted PromoPricing-module_tierCard", "tierDark": "PromoPricing-module_tierDark PromoPricing-module_tierCard", "tierDarkHighlighted": "PromoPricing-module_tierDarkHighlighted PromoPricing-module_tierCard", "tierName": "PromoPricing-module_tierName", "tierNameMuted": "PromoPricing-module_tierNameMuted", "tierNameDark": "PromoPricing-module_tierNameDark", "tierNameHighlightedLight": "PromoPricing-module_tierNameHighlightedLight", "tierNameHighlightedDark": "PromoPricing-module_tierNameHighlightedDark", "price": "PromoPricing-module_price", "period": "PromoPricing-module_period", "periodMuted": "PromoPricing-module_periodMuted", "periodDark": "PromoPricing-module_periodDark", "periodHighlightedLight": "PromoPricing-module_periodHighlightedLight", "periodHighlightedDark": "PromoPricing-module_periodHighlightedDark", "tierDesc": "PromoPricing-module_tierDesc", "tierDescMuted": "PromoPricing-module_tierDescMuted", "tierDescDark": "PromoPricing-module_tierDescDark", "tierDescHighlightedLight": "PromoPricing-module_tierDescHighlightedLight", "tierDescHighlightedDark": "PromoPricing-module_tierDescHighlightedDark", "featureList": "PromoPricing-module_featureList", "featureItem": "PromoPricing-module_featureItem", "checkIcon": "PromoPricing-module_checkIcon", "checkDefault": "PromoPricing-module_checkDefault", "checkDark": "PromoPricing-module_checkDark", "checkHighlightedLight": "PromoPricing-module_checkHighlightedLight", "checkHighlightedDark": "PromoPricing-module_checkHighlightedDark", "featureTextMuted": "PromoPricing-module_featureTextMuted", "featureTextDark": "PromoPricing-module_featureTextDark", "featureTextHighlightedLight": "PromoPricing-module_featureTextHighlightedLight", "featureTextHighlightedDark": "PromoPricing-module_featureTextHighlightedDark", "ctaWrap": "PromoPricing-module_ctaWrap" };
+var __default69 = { "root": "PromoPricing-module_root", "dark": "PromoPricing-module_dark", "light": "PromoPricing-module_light", "headingSection": "PromoPricing-module_headingSection", "heading": "PromoPricing-module_heading", "headingDark": "PromoPricing-module_headingDark", "headingLight": "PromoPricing-module_headingLight", "subtitle": "PromoPricing-module_subtitle", "subtitleDark": "PromoPricing-module_subtitleDark", "subtitleLight": "PromoPricing-module_subtitleLight", "tiersGrid": "PromoPricing-module_tiersGrid", "tierDefault": "PromoPricing-module_tierDefault PromoPricing-module_tierCard", "tierHighlighted": "PromoPricing-module_tierHighlighted PromoPricing-module_tierCard", "tierDark": "PromoPricing-module_tierDark PromoPricing-module_tierCard", "tierDarkHighlighted": "PromoPricing-module_tierDarkHighlighted PromoPricing-module_tierCard", "tierName": "PromoPricing-module_tierName", "tierNameMuted": "PromoPricing-module_tierNameMuted", "tierNameDark": "PromoPricing-module_tierNameDark", "tierNameHighlightedLight": "PromoPricing-module_tierNameHighlightedLight", "tierNameHighlightedDark": "PromoPricing-module_tierNameHighlightedDark", "price": "PromoPricing-module_price", "period": "PromoPricing-module_period", "periodMuted": "PromoPricing-module_periodMuted", "periodDark": "PromoPricing-module_periodDark", "periodHighlightedLight": "PromoPricing-module_periodHighlightedLight", "periodHighlightedDark": "PromoPricing-module_periodHighlightedDark", "tierDesc": "PromoPricing-module_tierDesc", "tierDescMuted": "PromoPricing-module_tierDescMuted", "tierDescDark": "PromoPricing-module_tierDescDark", "tierDescHighlightedLight": "PromoPricing-module_tierDescHighlightedLight", "tierDescHighlightedDark": "PromoPricing-module_tierDescHighlightedDark", "featureList": "PromoPricing-module_featureList", "featureItem": "PromoPricing-module_featureItem", "checkIcon": "PromoPricing-module_checkIcon", "checkDefault": "PromoPricing-module_checkDefault", "checkDark": "PromoPricing-module_checkDark", "checkHighlightedLight": "PromoPricing-module_checkHighlightedLight", "checkHighlightedDark": "PromoPricing-module_checkHighlightedDark", "featureTextMuted": "PromoPricing-module_featureTextMuted", "featureTextDark": "PromoPricing-module_featureTextDark", "featureTextHighlightedLight": "PromoPricing-module_featureTextHighlightedLight", "featureTextHighlightedDark": "PromoPricing-module_featureTextHighlightedDark", "ctaWrap": "PromoPricing-module_ctaWrap" };
 function PromoPricing({
   heading,
   subtitle,
@@ -7795,50 +7952,50 @@ function PromoPricing({
 }) {
   const isDark = variant === "dark";
   const getTierClass = (highlighted) => {
-    if (highlighted) return isDark ? __default68.tierDarkHighlighted : __default68.tierHighlighted;
-    return isDark ? __default68.tierDark : __default68.tierDefault;
+    if (highlighted) return isDark ? __default69.tierDarkHighlighted : __default69.tierHighlighted;
+    return isDark ? __default69.tierDark : __default69.tierDefault;
   };
   const getNameClass = (highlighted) => {
-    if (highlighted) return isDark ? __default68.tierNameHighlightedDark : __default68.tierNameHighlightedLight;
-    return isDark ? __default68.tierNameDark : __default68.tierNameMuted;
+    if (highlighted) return isDark ? __default69.tierNameHighlightedDark : __default69.tierNameHighlightedLight;
+    return isDark ? __default69.tierNameDark : __default69.tierNameMuted;
   };
   const getPeriodClass = (highlighted) => {
-    if (highlighted) return isDark ? __default68.periodHighlightedDark : __default68.periodHighlightedLight;
-    return isDark ? __default68.periodDark : __default68.periodMuted;
+    if (highlighted) return isDark ? __default69.periodHighlightedDark : __default69.periodHighlightedLight;
+    return isDark ? __default69.periodDark : __default69.periodMuted;
   };
   const getDescClass = (highlighted) => {
-    if (highlighted) return isDark ? __default68.tierDescHighlightedDark : __default68.tierDescHighlightedLight;
-    return isDark ? __default68.tierDescDark : __default68.tierDescMuted;
+    if (highlighted) return isDark ? __default69.tierDescHighlightedDark : __default69.tierDescHighlightedLight;
+    return isDark ? __default69.tierDescDark : __default69.tierDescMuted;
   };
   const getCheckClass = (highlighted) => {
-    if (highlighted) return isDark ? __default68.checkHighlightedDark : __default68.checkHighlightedLight;
-    return isDark ? __default68.checkDark : __default68.checkDefault;
+    if (highlighted) return isDark ? __default69.checkHighlightedDark : __default69.checkHighlightedLight;
+    return isDark ? __default69.checkDark : __default69.checkDefault;
   };
   const getFeatureTextClass = (highlighted) => {
-    if (highlighted) return isDark ? __default68.featureTextHighlightedDark : __default68.featureTextHighlightedLight;
-    return isDark ? __default68.featureTextDark : __default68.featureTextMuted;
+    if (highlighted) return isDark ? __default69.featureTextHighlightedDark : __default69.featureTextHighlightedLight;
+    return isDark ? __default69.featureTextDark : __default69.featureTextMuted;
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "section",
     {
-      className: `${__default68.root} ${isDark ? __default68.dark : __default68.light}${className ? ` ${className}` : ""}`,
+      className: `${__default69.root} ${isDark ? __default69.dark : __default69.light}${className ? ` ${className}` : ""}`,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default68.headingSection, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${__default68.heading} ${isDark ? __default68.headingDark : __default68.headingLight}`, children: heading }),
-          subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default68.subtitle} ${isDark ? __default68.subtitleDark : __default68.subtitleLight}`, children: subtitle })
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default69.headingSection, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${__default69.heading} ${isDark ? __default69.headingDark : __default69.headingLight}`, children: heading }),
+          subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default69.subtitle} ${isDark ? __default69.subtitleDark : __default69.subtitleLight}`, children: subtitle })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default68.tiersGrid, children: tiers.map((tier, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default69.tiersGrid, children: tiers.map((tier, i) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: getTierClass(tier.highlighted),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default68.tierName, children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: getNameClass(tier.highlighted), children: tier.name }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default68.price, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default69.tierName, children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: getNameClass(tier.highlighted), children: tier.name }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default69.price, children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: tier.price }),
-                tier.period && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${__default68.period} ${getPeriodClass(tier.highlighted)}`, children: tier.period })
+                tier.period && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${__default69.period} ${getPeriodClass(tier.highlighted)}`, children: tier.period })
               ] }),
-              tier.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default68.tierDesc} ${getDescClass(tier.highlighted)}`, children: tier.description }),
-              /* @__PURE__ */ jsxRuntime.jsx("ul", { className: __default68.featureList, children: tier.features.map((feature, fi) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: __default68.featureItem, children: [
+              tier.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default69.tierDesc} ${getDescClass(tier.highlighted)}`, children: tier.description }),
+              /* @__PURE__ */ jsxRuntime.jsx("ul", { className: __default69.featureList, children: tier.features.map((feature, fi) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: __default69.featureItem, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "svg",
                   {
@@ -7846,13 +8003,13 @@ function PromoPricing({
                     height: "16",
                     viewBox: "0 0 16 16",
                     fill: "none",
-                    className: `${__default68.checkIcon} ${getCheckClass(tier.highlighted)}`,
+                    className: `${__default69.checkIcon} ${getCheckClass(tier.highlighted)}`,
                     children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: getFeatureTextClass(tier.highlighted), children: feature })
               ] }, fi)) }),
-              tier.cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default68.ctaWrap, children: tier.cta })
+              tier.cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default69.ctaWrap, children: tier.cta })
             ]
           },
           i
@@ -8010,7 +8167,7 @@ __styleInject(`.PromoActionCards-module_root {
 .PromoActionCards-module_ctaBtn:hover {
   opacity: 0.9;
 }`);
-var __default69 = { "root": "PromoActionCards-module_root", "header": "PromoActionCards-module_header", "heading": "PromoActionCards-module_heading", "subtitle": "PromoActionCards-module_subtitle", "grid2": "PromoActionCards-module_grid2 PromoActionCards-module_grid", "grid3": "PromoActionCards-module_grid3 PromoActionCards-module_grid", "card": "PromoActionCards-module_card", "cardContent": "PromoActionCards-module_cardContent", "cardTitle": "PromoActionCards-module_cardTitle", "cardDesc": "PromoActionCards-module_cardDesc", "cardFooter": "PromoActionCards-module_cardFooter", "iconGroup": "PromoActionCards-module_iconGroup", "iconCircle": "PromoActionCards-module_iconCircle", "ctaBtn": "PromoActionCards-module_ctaBtn" };
+var __default70 = { "root": "PromoActionCards-module_root", "header": "PromoActionCards-module_header", "heading": "PromoActionCards-module_heading", "subtitle": "PromoActionCards-module_subtitle", "grid2": "PromoActionCards-module_grid2 PromoActionCards-module_grid", "grid3": "PromoActionCards-module_grid3 PromoActionCards-module_grid", "card": "PromoActionCards-module_card", "cardContent": "PromoActionCards-module_cardContent", "cardTitle": "PromoActionCards-module_cardTitle", "cardDesc": "PromoActionCards-module_cardDesc", "cardFooter": "PromoActionCards-module_cardFooter", "iconGroup": "PromoActionCards-module_iconGroup", "iconCircle": "PromoActionCards-module_iconCircle", "ctaBtn": "PromoActionCards-module_ctaBtn" };
 function PromoActionCards({
   heading,
   subtitle,
@@ -8018,28 +8175,28 @@ function PromoActionCards({
   columns = 3,
   className = ""
 }) {
-  const gridClass = columns === 2 ? __default69.grid2 : __default69.grid3;
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default69.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default69.header, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default69.heading, children: heading }),
-      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default69.subtitle, children: subtitle })
+  const gridClass = columns === 2 ? __default70.grid2 : __default70.grid3;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default70.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default70.header, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default70.heading, children: heading }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default70.subtitle, children: subtitle })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: gridClass, children: cards.map((card, i) => {
       var _a;
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: __default69.card,
+          className: __default70.card,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default69.cardContent, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default69.cardTitle, children: card.title }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default69.cardDesc, children: card.description })
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default70.cardContent, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default70.cardTitle, children: card.title }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default70.cardDesc, children: card.description })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default69.cardFooter, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default69.iconGroup, children: (_a = card.icons) == null ? void 0 : _a.map((icon, ii) => /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default70.cardFooter, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default70.iconGroup, children: (_a = card.icons) == null ? void 0 : _a.map((icon, ii) => /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: __default69.iconCircle,
+                  className: __default70.iconCircle,
                   children: icon
                 },
                 ii
@@ -8048,7 +8205,7 @@ function PromoActionCards({
                 "button",
                 {
                   onClick: card.cta.onClick,
-                  className: __default69.ctaBtn,
+                  className: __default70.ctaBtn,
                   children: [
                     card.cta.label,
                     /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "11", height: "11", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.5 2.5l4 3.5-4 3.5" }) })
@@ -8171,7 +8328,7 @@ __styleInject(`.ArticleHero-module_root {
   color: rgba(255, 255, 255, 0.9);
   line-height: 22.5px;
 }`);
-var __default70 = { "root": "ArticleHero-module_root", "bgLayer": "ArticleHero-module_bgLayer", "bgImage": "ArticleHero-module_bgImage", "overlay": "ArticleHero-module_overlay", "topBar": "ArticleHero-module_topBar", "logo": "ArticleHero-module_logo", "divider": "ArticleHero-module_divider", "nav": "ArticleHero-module_nav", "bottom": "ArticleHero-module_bottom", "category": "ArticleHero-module_category", "title": "ArticleHero-module_title", "subtitle": "ArticleHero-module_subtitle" };
+var __default71 = { "root": "ArticleHero-module_root", "bgLayer": "ArticleHero-module_bgLayer", "bgImage": "ArticleHero-module_bgImage", "overlay": "ArticleHero-module_overlay", "topBar": "ArticleHero-module_topBar", "logo": "ArticleHero-module_logo", "divider": "ArticleHero-module_divider", "nav": "ArticleHero-module_nav", "bottom": "ArticleHero-module_bottom", "category": "ArticleHero-module_category", "title": "ArticleHero-module_title", "subtitle": "ArticleHero-module_subtitle" };
 var DEFAULT_BG = "https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&h=900&fit=crop&q=80";
 function ArticleHero({
   category,
@@ -8183,20 +8340,20 @@ function ArticleHero({
   className = ""
 }) {
   const bgSrc = backgroundImage != null ? backgroundImage : DEFAULT_BG;
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default70.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default70.bgLayer, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("img", { src: bgSrc, alt: "", className: __default70.bgImage }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default70.overlay })
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default71.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default71.bgLayer, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("img", { src: bgSrc, alt: "", className: __default71.bgImage }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default71.overlay })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default70.topBar, children: [
-      logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default70.logo, children: logo }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default70.divider }),
-      nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default70.nav, children: nav })
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default71.topBar, children: [
+      logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default71.logo, children: logo }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default71.divider }),
+      nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default71.nav, children: nav })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default70.bottom, children: [
-      category && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default70.category, children: category }),
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default70.title, children: title }),
-      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default70.subtitle, children: subtitle })
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default71.bottom, children: [
+      category && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default71.category, children: category }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default71.title, children: title }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default71.subtitle, children: subtitle })
     ] })
   ] });
 }
@@ -8208,9 +8365,9 @@ __styleInject(`.ArticleBody-module_root {
   color: var(--fg-secondary);
   font-weight: 400;
 }`);
-var __default71 = { "root": "ArticleBody-module_root" };
+var __default72 = { "root": "ArticleBody-module_root" };
 function ArticleBody({ children, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default71.root}${className ? ` ${className}` : ""}`, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default72.root}${className ? ` ${className}` : ""}`, children });
 }
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleHeading.module.scss
@@ -8253,10 +8410,10 @@ __styleInject(`.ArticleHeading-module_root {
   line-height: 1.25rem;
   color: var(--fg-muted);
 }`);
-var __default72 = { "root": "ArticleHeading-module_root", "header": "ArticleHeading-module_header", "h2": "ArticleHeading-module_h2", "h3": "ArticleHeading-module_h3", "action": "ArticleHeading-module_action", "subtitle": "ArticleHeading-module_subtitle" };
+var __default73 = { "root": "ArticleHeading-module_root", "header": "ArticleHeading-module_header", "h2": "ArticleHeading-module_h2", "h3": "ArticleHeading-module_h3", "action": "ArticleHeading-module_action", "subtitle": "ArticleHeading-module_subtitle" };
 var levelClass = {
-  2: __default72.h2,
-  3: __default72.h3
+  2: __default73.h2,
+  3: __default73.h3
 };
 function ArticleHeading({
   level = 2,
@@ -8266,12 +8423,12 @@ function ArticleHeading({
   className = ""
 }) {
   const Tag2 = `h${level}`;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default72.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default72.header, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default73.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default73.header, children: [
       /* @__PURE__ */ jsxRuntime.jsx(Tag2, { className: levelClass[level], children }),
-      action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default72.action, children: action })
+      action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default73.action, children: action })
     ] }),
-    subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default72.subtitle, children: subtitle })
+    subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default73.subtitle, children: subtitle })
   ] });
 }
 
@@ -8347,7 +8504,7 @@ __styleInject(`.ArticleFigure-module_root {
   line-height: 1.25rem;
   color: var(--fg-muted);
 }`);
-var __default73 = { "root": "ArticleFigure-module_root", "imageWrapper": "ArticleFigure-module_imageWrapper", "image": "ArticleFigure-module_image", "childWrapper": "ArticleFigure-module_childWrapper", "placeholder": "ArticleFigure-module_placeholder", "placeholderText": "ArticleFigure-module_placeholderText", "legend": "ArticleFigure-module_legend", "legendItem": "ArticleFigure-module_legendItem", "legendSwatch": "ArticleFigure-module_legendSwatch", "legendLabel": "ArticleFigure-module_legendLabel", "caption": "ArticleFigure-module_caption" };
+var __default74 = { "root": "ArticleFigure-module_root", "imageWrapper": "ArticleFigure-module_imageWrapper", "image": "ArticleFigure-module_image", "childWrapper": "ArticleFigure-module_childWrapper", "placeholder": "ArticleFigure-module_placeholder", "placeholderText": "ArticleFigure-module_placeholderText", "legend": "ArticleFigure-module_legend", "legendItem": "ArticleFigure-module_legendItem", "legendSwatch": "ArticleFigure-module_legendSwatch", "legendLabel": "ArticleFigure-module_legendLabel", "caption": "ArticleFigure-module_caption" };
 function ArticleFigure({
   src,
   alt = "",
@@ -8357,35 +8514,35 @@ function ArticleFigure({
   children,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default73.root}${className ? ` ${className}` : ""}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default74.root}${className ? ` ${className}` : ""}`, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: __default73.imageWrapper,
+        className: __default74.imageWrapper,
         style: { minHeight: height },
         children: src ? (
           // eslint-disable-next-line @next/next/no-img-element
-          /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className: __default73.image })
-        ) : children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default73.childWrapper, children }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default73.placeholder, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className: __default74.image })
+        ) : children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default74.childWrapper, children }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default74.placeholder, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
             /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 16l5-5 4 4 4-6 5 7" })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default73.placeholderText, children: "Figure placeholder" })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default74.placeholderText, children: "Figure placeholder" })
         ] })
       }
     ),
-    legend && legend.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default73.legend, children: legend.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default73.legendItem, children: [
+    legend && legend.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default74.legend, children: legend.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default74.legendItem, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: __default73.legendSwatch,
+          className: __default74.legendSwatch,
           style: { backgroundColor: item.color }
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default73.legendLabel, children: item.label })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default74.legendLabel, children: item.label })
     ] }, item.label)) }),
-    caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: __default73.caption, children: caption })
+    caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: __default74.caption, children: caption })
   ] });
 }
 
@@ -8478,7 +8635,7 @@ __styleInject(`.ArticleTable-module_root {
 .ArticleTable-module_showMore:hover {
   color: var(--fg);
 }`);
-var __default74 = { "root": "ArticleTable-module_root", "headerRow": "ArticleTable-module_headerRow", "rankCell": "ArticleTable-module_rankCell", "headerCell": "ArticleTable-module_headerCell", "headerLabel": "ArticleTable-module_headerLabel", "row": "ArticleTable-module_row", "rankValue": "ArticleTable-module_rankValue", "cell": "ArticleTable-module_cell", "cellText": "ArticleTable-module_cellText", "badge": "ArticleTable-module_badge", "showMore": "ArticleTable-module_showMore" };
+var __default75 = { "root": "ArticleTable-module_root", "headerRow": "ArticleTable-module_headerRow", "rankCell": "ArticleTable-module_rankCell", "headerCell": "ArticleTable-module_headerCell", "headerLabel": "ArticleTable-module_headerLabel", "row": "ArticleTable-module_row", "rankValue": "ArticleTable-module_rankValue", "cell": "ArticleTable-module_cell", "cellText": "ArticleTable-module_cellText", "badge": "ArticleTable-module_badge", "showMore": "ArticleTable-module_showMore" };
 function ArticleTable({
   columns,
   rows,
@@ -8490,19 +8647,19 @@ function ArticleTable({
   const limit = initialVisible != null ? initialVisible : rows.length;
   const visibleRows = expanded ? rows : rows.slice(0, limit);
   const hiddenCount = rows.length - limit;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default74.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default74.headerRow, children: [
-      showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default74.rankCell }),
-      columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default74.headerCell, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default74.headerLabel, children: col.label }) }, col.key))
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default75.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default75.headerRow, children: [
+      showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default75.rankCell }),
+      columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default75.headerCell, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default75.headerLabel, children: col.label }) }, col.key))
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default74.row, children: [
-      showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default74.rankValue, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: i + 1 }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default75.row, children: [
+      showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default75.rankValue, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: i + 1 }) }),
       columns.map((col) => {
         const value = row[col.key];
         const hasBadge = row._badge && row._badgeColumn === col.key;
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default74.cell, children: [
-          col.render ? col.render(value, row) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default74.cellText, children: String(value != null ? value : "") }),
-          hasBadge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default74.badge, children: row._badge })
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default75.cell, children: [
+          col.render ? col.render(value, row) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default75.cellText, children: String(value != null ? value : "") }),
+          hasBadge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default75.badge, children: row._badge })
         ] }, col.key);
       })
     ] }, i)) }),
@@ -8510,7 +8667,7 @@ function ArticleTable({
       "button",
       {
         onClick: () => setExpanded(true),
-        className: __default74.showMore,
+        className: __default75.showMore,
         children: [
           "Show ",
           hiddenCount,
@@ -8543,19 +8700,19 @@ __styleInject(`.ArticleList-module_root {
 .ArticleList-module_item {
   padding-left: 0.25rem;
 }`);
-var __default75 = { "root": "ArticleList-module_root", "ordered": "ArticleList-module_ordered", "unordered": "ArticleList-module_unordered", "item": "ArticleList-module_item" };
+var __default76 = { "root": "ArticleList-module_root", "ordered": "ArticleList-module_ordered", "unordered": "ArticleList-module_unordered", "item": "ArticleList-module_item" };
 function ArticleList({
   variant = "unordered",
   items,
   className = ""
 }) {
   const Tag2 = variant === "ordered" ? "ol" : "ul";
-  const variantClass = variant === "ordered" ? __default75.ordered : __default75.unordered;
+  const variantClass = variant === "ordered" ? __default76.ordered : __default76.unordered;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Tag2,
     {
-      className: `${__default75.root} ${variantClass}${className ? ` ${className}` : ""}`,
-      children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: __default75.item, children: item }, i))
+      className: `${__default76.root} ${variantClass}${className ? ` ${className}` : ""}`,
+      children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: __default76.item, children: item }, i))
     }
   );
 }
@@ -8567,9 +8724,9 @@ __styleInject(`.ArticleNote-module_root {
   color: var(--fg-secondary);
   font-style: italic;
 }`);
-var __default76 = { "root": "ArticleNote-module_root" };
+var __default77 = { "root": "ArticleNote-module_root" };
 function ArticleNote({ children, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default76.root}${className ? ` ${className}` : ""}`, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default77.root}${className ? ` ${className}` : ""}`, children });
 }
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChatBlock.module.scss
@@ -8682,11 +8839,11 @@ __styleInject(`.ArticleChatBlock-module_root {
 .ArticleChatBlock-module_showMoreBtn:hover {
   color: var(--fg);
 }`);
-var __default77 = { "root": "ArticleChatBlock-module_root", "assistant": "ArticleChatBlock-module_assistant", "system": "ArticleChatBlock-module_system", "user": "ArticleChatBlock-module_user", "header": "ArticleChatBlock-module_header", "roleLabel": "ArticleChatBlock-module_roleLabel", "toolBadge": "ArticleChatBlock-module_toolBadge", "toolBadgeInner": "ArticleChatBlock-module_toolBadgeInner", "toolDot": "ArticleChatBlock-module_toolDot", "toolLabel": "ArticleChatBlock-module_toolLabel", "divider": "ArticleChatBlock-module_divider", "contentWrapper": "ArticleChatBlock-module_contentWrapper", "content": "ArticleChatBlock-module_content", "fadeOverlay": "ArticleChatBlock-module_fadeOverlay", "fadeGradient": "ArticleChatBlock-module_fadeGradient", "showMoreBar": "ArticleChatBlock-module_showMoreBar", "showMoreBtn": "ArticleChatBlock-module_showMoreBtn" };
+var __default78 = { "root": "ArticleChatBlock-module_root", "assistant": "ArticleChatBlock-module_assistant", "system": "ArticleChatBlock-module_system", "user": "ArticleChatBlock-module_user", "header": "ArticleChatBlock-module_header", "roleLabel": "ArticleChatBlock-module_roleLabel", "toolBadge": "ArticleChatBlock-module_toolBadge", "toolBadgeInner": "ArticleChatBlock-module_toolBadgeInner", "toolDot": "ArticleChatBlock-module_toolDot", "toolLabel": "ArticleChatBlock-module_toolLabel", "divider": "ArticleChatBlock-module_divider", "contentWrapper": "ArticleChatBlock-module_contentWrapper", "content": "ArticleChatBlock-module_content", "fadeOverlay": "ArticleChatBlock-module_fadeOverlay", "fadeGradient": "ArticleChatBlock-module_fadeGradient", "showMoreBar": "ArticleChatBlock-module_showMoreBar", "showMoreBtn": "ArticleChatBlock-module_showMoreBtn" };
 var roleConfig = {
-  assistant: { cls: __default77.assistant, gradient: "var(--bg-secondary)" },
-  system: { cls: __default77.system, gradient: "var(--bg-tertiary)" },
-  user: { cls: __default77.user, gradient: "var(--bg-secondary)" }
+  assistant: { cls: __default78.assistant, gradient: "var(--bg-secondary)" },
+  system: { cls: __default78.system, gradient: "var(--bg-tertiary)" },
+  user: { cls: __default78.user, gradient: "var(--bg-secondary)" }
 };
 function ArticleChatBlock({
   role,
@@ -8700,40 +8857,40 @@ function ArticleChatBlock({
   var _a;
   const [expanded, setExpanded] = react.useState(false);
   const config = (_a = roleConfig[role]) != null ? _a : roleConfig.assistant;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default77.root} ${config.cls}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default77.header, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default77.roleLabel, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default78.root} ${config.cls}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default78.header, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default78.roleLabel, children: [
       role,
       model && ` \u2022 ${model}`
     ] }) }),
-    toolCall && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default77.toolBadge, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default77.toolBadgeInner, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default77.toolDot }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default77.toolLabel, children: toolCall })
+    toolCall && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default78.toolBadge, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default78.toolBadgeInner, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default78.toolDot }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default78.toolLabel, children: toolCall })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default77.divider }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default77.contentWrapper, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default78.divider }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default78.contentWrapper, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: __default77.content,
+          className: __default78.content,
           style: collapsible && !expanded ? { maxHeight: collapsedHeight, overflow: "hidden" } : void 0,
           children
         }
       ),
-      collapsible && !expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default77.fadeOverlay, children: [
+      collapsible && !expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default78.fadeOverlay, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: __default77.fadeGradient,
+            className: __default78.fadeGradient,
             style: {
               background: `linear-gradient(to top, ${config.gradient}, transparent)`
             }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default77.showMoreBar} ${config.cls}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default78.showMoreBar} ${config.cls}`, children: /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             onClick: () => setExpanded(true),
-            className: __default77.showMoreBtn,
+            className: __default78.showMoreBtn,
             children: "Show more"
           }
         ) })
@@ -8765,14 +8922,14 @@ __styleInject(`.ArticleLinkButton-module_root {
 .ArticleLinkButton-module_root:active {
   opacity: 0.8;
 }`);
-var __default78 = { "root": "ArticleLinkButton-module_root" };
+var __default79 = { "root": "ArticleLinkButton-module_root" };
 function ArticleLinkButton({
   children,
   href,
   onClick,
   className = ""
 }) {
-  const cls = `${__default78.root}${className ? ` ${className}` : ""}`;
+  const cls = `${__default79.root}${className ? ` ${className}` : ""}`;
   if (href) {
     return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: cls, children });
   }
@@ -8809,18 +8966,18 @@ __styleInject(`.ArticleFooter-module_root {
   line-height: 1.25rem;
   color: var(--fg-muted);
 }`);
-var __default79 = { "root": "ArticleFooter-module_root", "topBar": "ArticleFooter-module_topBar", "logo": "ArticleFooter-module_logo", "divider": "ArticleFooter-module_divider", "copyright": "ArticleFooter-module_copyright" };
+var __default80 = { "root": "ArticleFooter-module_root", "topBar": "ArticleFooter-module_topBar", "logo": "ArticleFooter-module_logo", "divider": "ArticleFooter-module_divider", "copyright": "ArticleFooter-module_copyright" };
 function ArticleFooter({
   logo,
   copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} All rights reserved.`,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: `${__default79.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default79.topBar, children: [
-      logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default79.logo, children: logo }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default79.divider })
+  return /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: `${__default80.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default80.topBar, children: [
+      logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default80.logo, children: logo }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default80.divider })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default79.copyright, children: copyright })
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default80.copyright, children: copyright })
   ] });
 }
 
@@ -8843,15 +9000,15 @@ __styleInject(`.ArticleLayout-module_root {
   width: 100%;
   max-width: 720px;
 }`);
-var __default80 = { "root": "ArticleLayout-module_root", "wide": "ArticleLayout-module_wide", "narrow": "ArticleLayout-module_narrow" };
+var __default81 = { "root": "ArticleLayout-module_root", "wide": "ArticleLayout-module_wide", "narrow": "ArticleLayout-module_narrow" };
 function ArticleLayout({ children, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("article", { className: `${__default80.root}${className ? ` ${className}` : ""}`, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("article", { className: `${__default81.root}${className ? ` ${className}` : ""}`, children });
 }
 function ArticleWide({ children, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default80.wide}${className ? ` ${className}` : ""}`, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default81.wide}${className ? ` ${className}` : ""}`, children });
 }
 function ArticleNarrow({ children, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default80.narrow}${className ? ` ${className}` : ""}`, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default81.narrow}${className ? ` ${className}` : ""}`, children });
 }
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChart.module.scss
@@ -8938,7 +9095,7 @@ __styleInject(`.ArticleChart-module_figure {
   line-height: 1rem;
   color: var(--fg-secondary);
 }`);
-var __default81 = { "figure": "ArticleChart-module_figure", "chartWrapper": "ArticleChart-module_chartWrapper", "tooltip": "ArticleChart-module_tooltip", "tooltipLabel": "ArticleChart-module_tooltipLabel", "tooltipRow": "ArticleChart-module_tooltipRow", "tooltipDot": "ArticleChart-module_tooltipDot", "tooltipName": "ArticleChart-module_tooltipName", "tooltipValue": "ArticleChart-module_tooltipValue", "scatterTooltipLabel": "ArticleChart-module_scatterTooltipLabel", "scatterTooltipRow": "ArticleChart-module_scatterTooltipRow", "legend": "ArticleChart-module_legend", "legendItem": "ArticleChart-module_legendItem", "legendSwatch": "ArticleChart-module_legendSwatch", "legendLabel": "ArticleChart-module_legendLabel" };
+var __default82 = { "figure": "ArticleChart-module_figure", "chartWrapper": "ArticleChart-module_chartWrapper", "tooltip": "ArticleChart-module_tooltip", "tooltipLabel": "ArticleChart-module_tooltipLabel", "tooltipRow": "ArticleChart-module_tooltipRow", "tooltipDot": "ArticleChart-module_tooltipDot", "tooltipName": "ArticleChart-module_tooltipName", "tooltipValue": "ArticleChart-module_tooltipValue", "scatterTooltipLabel": "ArticleChart-module_scatterTooltipLabel", "scatterTooltipRow": "ArticleChart-module_scatterTooltipRow", "legend": "ArticleChart-module_legend", "legendItem": "ArticleChart-module_legendItem", "legendSwatch": "ArticleChart-module_legendSwatch", "legendLabel": "ArticleChart-module_legendLabel" };
 function ChartTooltip({
   active,
   payload,
@@ -8949,15 +9106,15 @@ function ChartTooltip({
 }) {
   if (!active || !(payload == null ? void 0 : payload.length)) return null;
   const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default81.tooltip, children: [
-    label !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default81.tooltipLabel, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default82.tooltip, children: [
+    label !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default82.tooltipLabel, children: [
       xLabel ? `${xLabel}: ` : "",
       label
     ] }),
-    payload.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default81.tooltipRow, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default81.tooltipDot, style: { backgroundColor: entry.color } }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default81.tooltipName, children: entry.name }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default81.tooltipValue, children: yLabel ? `${fmt(entry.value)} ` : fmt(entry.value) })
+    payload.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default82.tooltipRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default82.tooltipDot, style: { backgroundColor: entry.color } }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default82.tooltipName, children: entry.name }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default82.tooltipValue, children: yLabel ? `${fmt(entry.value)} ` : fmt(entry.value) })
     ] }, i))
   ] });
 }
@@ -8971,8 +9128,8 @@ function ArticleLineChart({
   valueFormatter,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default81.figure}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default81.chartWrapper, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default82.figure}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default82.chartWrapper, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
       /* @__PURE__ */ jsxRuntime.jsx(
         recharts.XAxis,
@@ -9022,9 +9179,9 @@ function ArticleLineChart({
         s.dataKey
       ))
     ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default81.legend, children: series.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default81.legendItem, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default81.legendSwatch, style: { backgroundColor: s.color } }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default81.legendLabel, children: s.name })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default82.legend, children: series.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default82.legendItem, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default82.legendSwatch, style: { backgroundColor: s.color } }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default82.legendLabel, children: s.name })
     ] }, s.dataKey)) })
   ] });
 }
@@ -9039,8 +9196,8 @@ function ArticleBarChart({
   valueFormatter,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default81.figure}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default81.chartWrapper, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default82.figure}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default82.chartWrapper, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)", vertical: false }),
       /* @__PURE__ */ jsxRuntime.jsx(
         recharts.XAxis,
@@ -9088,9 +9245,9 @@ function ArticleBarChart({
         s.dataKey
       ))
     ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default81.legend, children: series.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default81.legendItem, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default81.legendSwatch, style: { backgroundColor: s.color } }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default81.legendLabel, children: s.name })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default82.legend, children: series.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default82.legendItem, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default82.legendSwatch, style: { backgroundColor: s.color } }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default82.legendLabel, children: s.name })
     ] }, s.dataKey)) })
   ] });
 }
@@ -9108,7 +9265,7 @@ function ArticleScatterChart({
     var _a;
     return (_a = d.color) != null ? _a : color;
   });
-  return /* @__PURE__ */ jsxRuntime.jsx("figure", { className: `${__default81.figure}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default81.chartWrapper, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.ScatterChart, { margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("figure", { className: `${__default82.figure}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default82.chartWrapper, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.ScatterChart, { margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       recharts.XAxis,
@@ -9144,14 +9301,14 @@ function ArticleScatterChart({
           if (!active || !(payload == null ? void 0 : payload.length)) return null;
           const point = (_a = payload[0]) == null ? void 0 : _a.payload;
           const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
-          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default81.tooltip, children: [
-            point.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default81.scatterTooltipLabel, children: point.label }),
-            xLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default81.scatterTooltipRow, children: [
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default82.tooltip, children: [
+            point.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default82.scatterTooltipLabel, children: point.label }),
+            xLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default82.scatterTooltipRow, children: [
               xLabel,
               ": ",
               fmt(point.x)
             ] }),
-            yLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default81.scatterTooltipRow, children: [
+            yLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default82.scatterTooltipRow, children: [
               yLabel,
               ": ",
               fmt(point.y)
@@ -9228,7 +9385,7 @@ __styleInject(`.LandingLayout-module_headerMode {
     padding-right: 4rem;
   }
 }`);
-var __default82 = { "headerMode": "LandingLayout-module_headerMode", "headerMain": "LandingLayout-module_headerMain", "sidebarMode": "LandingLayout-module_sidebarMode", "sidebarNav": "LandingLayout-module_sidebarNav", "sidebarMain": "LandingLayout-module_sidebarMain", "sidebarContent": "LandingLayout-module_sidebarContent" };
+var __default83 = { "headerMode": "LandingLayout-module_headerMode", "headerMain": "LandingLayout-module_headerMain", "sidebarMode": "LandingLayout-module_sidebarMode", "sidebarNav": "LandingLayout-module_sidebarNav", "sidebarMain": "LandingLayout-module_sidebarMain", "sidebarContent": "LandingLayout-module_sidebarContent" };
 function LandingLayout({
   mode = "header",
   nav,
@@ -9237,17 +9394,17 @@ function LandingLayout({
   className = ""
 }) {
   if (mode === "sidebar") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default82.sidebarMode}${className ? ` ${className}` : ""}`, children: [
-      nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default82.sidebarNav, children: nav }),
-      /* @__PURE__ */ jsxRuntime.jsxs("main", { className: __default82.sidebarMain, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default82.sidebarContent, children }),
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default83.sidebarMode}${className ? ` ${className}` : ""}`, children: [
+      nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default83.sidebarNav, children: nav }),
+      /* @__PURE__ */ jsxRuntime.jsxs("main", { className: __default83.sidebarMain, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default83.sidebarContent, children }),
         footer
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default82.headerMode}${className ? ` ${className}` : ""}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default83.headerMode}${className ? ` ${className}` : ""}`, children: [
     nav,
-    /* @__PURE__ */ jsxRuntime.jsx("main", { className: __default82.headerMain, children }),
+    /* @__PURE__ */ jsxRuntime.jsx("main", { className: __default83.headerMain, children }),
     footer
   ] });
 }
@@ -9353,6 +9510,7 @@ exports.PromoTestimonials = PromoTestimonials;
 exports.PromoTrustGrid = PromoTrustGrid;
 exports.Radio = Radio;
 exports.SearchBar = SearchBar;
+exports.SectionHeading = SectionHeading;
 exports.SegmentedControl = SegmentedControl;
 exports.Select = Select;
 exports.Sidebar = Sidebar;