@clay-ds/react 0.2.1 → 0.3.1

package/dist/{footerDefaults-zo_Pjl3n.cjs → footerDefaults-C-9-hOSt.cjs}

@@ -670,7 +670,7 @@ const logo = "_logo_waxuh_51";
 const logoImg$2 = "_logoImg_waxuh_62";
 const nav = "_nav_waxuh_2";
 const full = "_full_waxuh_81";
-const short = "_short_waxuh_91";
+const short$1 = "_short_waxuh_91";
 const navList = "_navList_waxuh_96";
 const navItem = "_navItem_waxuh_106";
 const navLink = "_navLink_waxuh_112";
@@ -723,7 +723,7 @@ const styles$f = {
   logoImg: logoImg$2,
   nav,
   full,
-  short,
+  short: short$1,
   navList,
   navItem,
   navLink,
@@ -1289,261 +1289,277 @@ const CustomerLogoSection = React.forwardRef(
     );
   }
 );
-const section$9 = "_section_1iihw_3";
-const container$6 = "_container_1iihw_14";
-const accordion = "_accordion_1iihw_25";
-const item$1 = "_item_1iihw_33";
-const itemActive = "_itemActive_1iihw_40";
-const itemHeader = "_itemHeader_1iihw_45";
-const itemHeading = "_itemHeading_1iihw_59";
-const chevron$1 = "_chevron_1iihw_75";
-const chevronOpen$1 = "_chevronOpen_1iihw_83";
-const itemContent = "_itemContent_1iihw_88";
-const itemDescription = "_itemDescription_1iihw_93";
-const itemMedia = "_itemMedia_1iihw_105";
-const mediaPanel = "_mediaPanel_1iihw_114";
-const mediaFallback = "_mediaFallback_1iihw_118";
-const sideBySideLines = "_side-by-side-lines_1iihw_129";
-const itemLines = "_itemLines_1iihw_142";
-const tabsCard = "_tabsCard_1iihw_194";
-const tabContent = "_tabContent_1iihw_207";
-const tabText = "_tabText_1iihw_214";
-const tabTopic = "_tabTopic_1iihw_221";
-const tabHeading = "_tabHeading_1iihw_229";
-const tabDescription = "_tabDescription_1iihw_239";
-const tabMedia = "_tabMedia_1iihw_248";
-const strokeCard = "_strokeCard_1iihw_265";
-const strokeText = "_strokeText_1iihw_280";
-const strokeTextGroup = "_strokeTextGroup_1iihw_286";
-const strokeHeading = "_strokeHeading_1iihw_292";
-const strokeDescription = "_strokeDescription_1iihw_302";
-const strokeMedia = "_strokeMedia_1iihw_312";
-const sideBySideBullets = "_side-by-side-bullets_1iihw_329";
-const bulletSectionHeader = "_bulletSectionHeader_1iihw_336";
-const bulletTopic = "_bulletTopic_1iihw_342";
-const bulletSectionHeading = "_bulletSectionHeading_1iihw_350";
-const bulletCard = "_bulletCard_1iihw_361";
-const bulletList = "_bulletList_1iihw_366";
-const bulletItemInactive = "_bulletItemInactive_1iihw_372";
-const bulletIcon$2 = "_bulletIcon_1iihw_387";
-const bulletInactiveLabel = "_bulletInactiveLabel_1iihw_396";
-const bulletItemActive = "_bulletItemActive_1iihw_404";
-const bulletActiveLabel = "_bulletActiveLabel_1iihw_416";
-const bulletActiveDesc = "_bulletActiveDesc_1iihw_424";
-const bulletMediaPanel = "_bulletMediaPanel_1iihw_433";
-const bulletMediaFallback = "_bulletMediaFallback_1iihw_446";
-const bulletCarouselWrapper = "_bulletCarouselWrapper_1iihw_453";
-const bulletCarouselTrack = "_bulletCarouselTrack_1iihw_459";
-const bulletCarouselCard = "_bulletCarouselCard_1iihw_474";
-const bulletCarouselText = "_bulletCarouselText_1iihw_486";
-const bulletCarouselTitle = "_bulletCarouselTitle_1iihw_492";
-const bulletCarouselDesc = "_bulletCarouselDesc_1iihw_500";
-const bulletCarouselMedia = "_bulletCarouselMedia_1iihw_509";
-const bulletCarouselNav = "_bulletCarouselNav_1iihw_522";
-const tabCardsCarousel = "_tab-cards-carousel_1iihw_532";
-const tcSectionText = "_tcSectionText_1iihw_539";
-const tcTopic = "_tcTopic_1iihw_548";
-const tcSectionHeading = "_tcSectionHeading_1iihw_556";
-const tcTabBar = "_tcTabBar_1iihw_566";
-const tcTab = "_tcTab_1iihw_566";
-const tcTabActive = "_tcTabActive_1iihw_595";
-const tcCarouselOuter = "_tcCarouselOuter_1iihw_600";
-const tcCarouselTrack = "_tcCarouselTrack_1iihw_605";
-const tcCard = "_tcCard_1iihw_612";
-const tcCardHeader = "_tcCardHeader_1iihw_625";
-const tcCardMeta = "_tcCardMeta_1iihw_632";
-const tcCardIcon = "_tcCardIcon_1iihw_640";
-const tcCardText = "_tcCardText_1iihw_657";
-const tcCardTitle = "_tcCardTitle_1iihw_663";
-const tcCardSubtitle = "_tcCardSubtitle_1iihw_671";
-const tcCtaDeskWrap = "_tcCtaDeskWrap_1iihw_679";
-const tcCtaMobWrap = "_tcCtaMobWrap_1iihw_683";
-const tcMedia = "_tcMedia_1iihw_687";
-const tcNav = "_tcNav_1iihw_701";
-const stackedRows = "_stacked-rows_1iihw_711";
-const srHeader = "_srHeader_1iihw_718";
-const srTopic = "_srTopic_1iihw_726";
-const srSectionHeading = "_srSectionHeading_1iihw_734";
-const srRow = "_srRow_1iihw_745";
-const srContentCard = "_srContentCard_1iihw_751";
-const srCardInner = "_srCardInner_1iihw_760";
-const srTopGroup = "_srTopGroup_1iihw_766";
-const srTagWrap = "_srTagWrap_1iihw_772";
-const srTagDot = "_srTagDot_1iihw_778";
-const srTagLabel = "_srTagLabel_1iihw_786";
-const srHeading = "_srHeading_1iihw_794";
-const srDesc = "_srDesc_1iihw_804";
-const srBottomGroup = "_srBottomGroup_1iihw_813";
-const srBullets = "_srBullets_1iihw_819";
-const srBullet = "_srBullet_1iihw_819";
-const srBulletIcon = "_srBulletIcon_1iihw_833";
-const srBulletLabel = "_srBulletLabel_1iihw_843";
-const srMedia = "_srMedia_1iihw_853";
-const horizontalCards = "_horizontal-cards_1iihw_870";
-const hcHeader = "_hcHeader_1iihw_878";
-const hcTagline = "_hcTagline_1iihw_887";
-const hcSectionHeading = "_hcSectionHeading_1iihw_895";
-const hcSectionDesc = "_hcSectionDesc_1iihw_904";
-const hcGrid = "_hcGrid_1iihw_914";
-const hcCard = "_hcCard_1iihw_933";
-const hcMedia = "_hcMedia_1iihw_945";
-const hcContent = "_hcContent_1iihw_958";
-const hcTextGroup = "_hcTextGroup_1iihw_967";
-const hcHeading = "_hcHeading_1iihw_974";
-const hcDesc = "_hcDesc_1iihw_983";
-const hcAction = "_hcAction_1iihw_992";
-const hcDots = "_hcDots_1iihw_1014";
-const horizontalIcons = "_horizontal-icons_1iihw_1023";
-const hiHeader = "_hiHeader_1iihw_1030";
-const hiTagline = "_hiTagline_1iihw_1036";
-const hiSectionHeading = "_hiSectionHeading_1iihw_1044";
-const hiSectionDesc = "_hiSectionDesc_1iihw_1054";
-const hiGrid = "_hiGrid_1iihw_1063";
-const hiColumn = "_hiColumn_1iihw_1070";
-const hiIconWrap = "_hiIconWrap_1iihw_1076";
-const hiTextGroup = "_hiTextGroup_1iihw_1085";
-const hiHeading = "_hiHeading_1iihw_1091";
-const hiDesc = "_hiDesc_1iihw_1101";
-const stackedMediaLeft = "_stacked-media-left_1iihw_1114";
-const smlSectionHeader = "_smlSectionHeader_1iihw_1121";
-const smlSectionTopic = "_smlSectionTopic_1iihw_1127";
-const smlSectionHeading = "_smlSectionHeading_1iihw_1135";
-const smlRow = "_smlRow_1iihw_1145";
-const smlMedia = "_smlMedia_1iihw_1151";
-const smlContent = "_smlContent_1iihw_1165";
-const smlTagline = "_smlTagline_1iihw_1172";
-const smlHeading = "_smlHeading_1iihw_1180";
-const smlDesc = "_smlDesc_1iihw_1190";
-const smlActions = "_smlActions_1iihw_1199";
-const horizontalMediaTop = "_horizontal-media-top_1iihw_1211";
-const hmtHeader = "_hmtHeader_1iihw_1219";
-const hmtTopic = "_hmtTopic_1iihw_1227";
-const hmtSectionHeading = "_hmtSectionHeading_1iihw_1235";
-const hmtGrid = "_hmtGrid_1iihw_1245";
-const hmtColumn = "_hmtColumn_1iihw_1252";
-const hmtMedia = "_hmtMedia_1iihw_1258";
-const hmtContent = "_hmtContent_1iihw_1272";
-const hmtTextGroup = "_hmtTextGroup_1iihw_1278";
-const hmtHeading = "_hmtHeading_1iihw_1284";
-const hmtDesc = "_hmtDesc_1iihw_1294";
-const hmtAction = "_hmtAction_1iihw_1303";
-const stackedCardsCarousel = "_stacked-cards-carousel_1iihw_1327";
-const sccDeskStack = "_sccDeskStack_1iihw_1335";
-const sccMobTrack = "_sccMobTrack_1iihw_1340";
-const sccCard = "_sccCard_1iihw_1354";
-const sccMedia = "_sccMedia_1iihw_1364";
-const sccCardContent = "_sccCardContent_1iihw_1371";
-const sccDotTag = "_sccDotTag_1iihw_1379";
-const sccDot = "_sccDot_1iihw_1379";
-const sccDotLabel = "_sccDotLabel_1iihw_1393";
-const sccHeading = "_sccHeading_1iihw_1399";
-const sccDesc = "_sccDesc_1iihw_1408";
-const sccMobDots = "_sccMobDots_1iihw_1415";
-const contentCarousel = "_content-carousel_1iihw_1421";
-const ccHeader = "_ccHeader_1iihw_1429";
-const ccSectionHeading = "_ccSectionHeading_1iihw_1438";
-const ccSectionDesc = "_ccSectionDesc_1iihw_1447";
-const ccMobTrack = "_ccMobTrack_1iihw_1455";
-const ccDeskGrid = "_ccDeskGrid_1iihw_1474";
-const ccCard = "_ccCard_1iihw_1478";
-const ccMedia = "_ccMedia_1iihw_1486";
-const ccContent = "_ccContent_1iihw_1494";
-const ccCardHeading = "_ccCardHeading_1iihw_1501";
-const ccCardDesc = "_ccCardDesc_1iihw_1510";
-const ccLearnMore = "_ccLearnMore_1iihw_1517";
-const ccNavRow = "_ccNavRow_1iihw_1531";
-const ccArrows = "_ccArrows_1iihw_1538";
-const listRightMedia = "_list-right-media_1iihw_1543";
-const lrmContainer = "_lrmContainer_1iihw_1550";
-const lrmLeft = "_lrmLeft_1iihw_1557";
-const lrmSectionText = "_lrmSectionText_1iihw_1563";
-const lrmTagline = "_lrmTagline_1iihw_1569";
-const lrmSectionHeading = "_lrmSectionHeading_1iihw_1576";
-const lrmSectionDesc = "_lrmSectionDesc_1iihw_1585";
-const lrmList = "_lrmList_1iihw_1592";
-const lrmItem = "_lrmItem_1iihw_1597";
-const lrmItemHeading = "_lrmItemHeading_1iihw_1605";
-const lrmItemDesc = "_lrmItemDesc_1iihw_1614";
-const lrmMedia = "_lrmMedia_1iihw_1621";
-const tabsMediaRight = "_tabs-media-right_1iihw_1630";
-const tmrSectionHeader = "_tmrSectionHeader_1iihw_1638";
-const tmrTagline = "_tmrTagline_1iihw_1647";
-const tmrSectionHeading = "_tmrSectionHeading_1iihw_1654";
-const tmrSectionDesc = "_tmrSectionDesc_1iihw_1663";
-const tmrSectionActions = "_tmrSectionActions_1iihw_1670";
-const tmrPanel = "_tmrPanel_1iihw_1678";
-const tmrPanelText = "_tmrPanelText_1iihw_1687";
-const tmrDotTag = "_tmrDotTag_1iihw_1694";
-const tmrDot = "_tmrDot_1iihw_1694";
-const tmrDotLabel = "_tmrDotLabel_1iihw_1708";
-const tmrPanelHeading = "_tmrPanelHeading_1iihw_1714";
-const tmrPanelDesc = "_tmrPanelDesc_1iihw_1723";
-const tmrPanelMedia = "_tmrPanelMedia_1iihw_1730";
-const tmrTabsWrap = "_tmrTabsWrap_1iihw_1738";
-const amrContainer = "_amrContainer_1iihw_1762";
-const amrLeft = "_amrLeft_1iihw_1769";
-const amrSectionText = "_amrSectionText_1iihw_1775";
-const amrSectionHeading = "_amrSectionHeading_1iihw_1781";
-const amrSectionDesc = "_amrSectionDesc_1iihw_1791";
-const amrAccordion = "_amrAccordion_1iihw_1798";
-const amrItem = "_amrItem_1iihw_1803";
-const amrItemTrigger = "_amrItemTrigger_1iihw_1811";
-const amrItemTitle = "_amrItemTitle_1iihw_1824";
-const amrItemOpen = "_amrItemOpen_1iihw_1832";
-const amrChevron = "_amrChevron_1iihw_1836";
-const amrItemContent = "_amrItemContent_1iihw_1847";
-const amrItemDesc = "_amrItemDesc_1iihw_1855";
-const amrMedia = "_amrMedia_1iihw_1862";
-const naContainer = "_naContainer_1iihw_1871";
-const naSectionHeader = "_naSectionHeader_1iihw_1878";
-const naTagline = "_naTagline_1iihw_1886";
-const naSectionHeading = "_naSectionHeading_1iihw_1893";
-const naSectionDesc = "_naSectionDesc_1iihw_1903";
-const naDesktopRow = "_naDesktopRow_1iihw_1911";
-const naMobileList = "_naMobileList_1iihw_1916";
-const naMobileActiveItem = "_naMobileActiveItem_1iihw_1923";
-const naMobileNumber = "_naMobileNumber_1iihw_1932";
-const naMobileHeading = "_naMobileHeading_1iihw_1940";
-const naMobileDesc = "_naMobileDesc_1iihw_1950";
-const naMobileMedia = "_naMobileMedia_1iihw_1957";
-const naMobileInactiveItem = "_naMobileInactiveItem_1iihw_1964";
-const naMobileInactiveLabel = "_naMobileInactiveLabel_1iihw_1978";
-const snContainer = "_snContainer_1iihw_1987";
-const snRow = "_snRow_1iihw_1994";
-const snNumber = "_snNumber_1iihw_2001";
-const snContent = "_snContent_1iihw_2011";
-const snSectionTitle = "_snSectionTitle_1iihw_2017";
-const snTagline = "_snTagline_1iihw_2023";
-const snHeadingBlock = "_snHeadingBlock_1iihw_2030";
-const snHeading = "_snHeading_1iihw_2030";
-const snDesc = "_snDesc_1iihw_2046";
-const snActions = "_snActions_1iihw_2053";
-const silContainer = "_silContainer_1iihw_2061";
-const silLeft = "_silLeft_1iihw_2068";
-const silSectionTitle = "_silSectionTitle_1iihw_2074";
-const silTagline = "_silTagline_1iihw_2080";
-const silHeadingBlock = "_silHeadingBlock_1iihw_2087";
-const silSectionHeading = "_silSectionHeading_1iihw_2093";
-const silSectionDesc = "_silSectionDesc_1iihw_2103";
-const silActions = "_silActions_1iihw_2110";
-const silRight = "_silRight_1iihw_2117";
-const silCard = "_silCard_1iihw_2123";
-const silIcon = "_silIcon_1iihw_2132";
-const silItemHeading = "_silItemHeading_1iihw_2139";
-const silItemDesc = "_silItemDesc_1iihw_2148";
-const naActivePanel = "_naActivePanel_1iihw_2808";
-const naActivePanelContent = "_naActivePanelContent_1iihw_2815";
-const naActivePanelHeader = "_naActivePanelHeader_1iihw_2824";
-const naNumber = "_naNumber_1iihw_2830";
-const naPanelHeading = "_naPanelHeading_1iihw_2838";
-const naPanelDesc = "_naPanelDesc_1iihw_2848";
-const naMedia = "_naMedia_1iihw_2855";
-const naInactivePanel = "_naInactivePanel_1iihw_2863";
-const naInactiveNumber = "_naInactiveNumber_1iihw_2880";
-const naLabelWrap = "_naLabelWrap_1iihw_2889";
-const naLabel = "_naLabel_1iihw_2889";
-const containerWide$6 = "_containerWide_1iihw_2994";
-const containerFull$6 = "_containerFull_1iihw_2998";
+const section$9 = "_section_1uz4c_8";
+const container$6 = "_container_1uz4c_19";
+const accordion = "_accordion_1uz4c_30";
+const item$1 = "_item_1uz4c_38";
+const itemActive = "_itemActive_1uz4c_45";
+const itemHeader = "_itemHeader_1uz4c_50";
+const itemHeading = "_itemHeading_1uz4c_64";
+const chevron$1 = "_chevron_1uz4c_80";
+const chevronOpen$1 = "_chevronOpen_1uz4c_88";
+const itemContent = "_itemContent_1uz4c_93";
+const itemContentOpen = "_itemContentOpen_1uz4c_99";
+const itemContentInner = "_itemContentInner_1uz4c_103";
+const itemDescription = "_itemDescription_1uz4c_108";
+const itemMedia = "_itemMedia_1uz4c_120";
+const mediaPanel = "_mediaPanel_1uz4c_129";
+const mediaFallback = "_mediaFallback_1uz4c_133";
+const sideBySideLines = "_side-by-side-lines_1uz4c_144";
+const itemLines = "_itemLines_1uz4c_157";
+const mediaPanelInner = "_mediaPanelInner_1uz4c_213";
+const sblFadeIn = "_sblFadeIn_1uz4c_1";
+const tabsCard = "_tabsCard_1uz4c_242";
+const tabContent = "_tabContent_1uz4c_255";
+const tabText = "_tabText_1uz4c_262";
+const tabTopic = "_tabTopic_1uz4c_269";
+const tabHeading = "_tabHeading_1uz4c_277";
+const tabDescription = "_tabDescription_1uz4c_287";
+const tabMedia = "_tabMedia_1uz4c_296";
+const strokeCard = "_strokeCard_1uz4c_313";
+const strokeText = "_strokeText_1uz4c_328";
+const strokeTextGroup = "_strokeTextGroup_1uz4c_334";
+const strokeHeading = "_strokeHeading_1uz4c_340";
+const strokeDescription = "_strokeDescription_1uz4c_350";
+const strokeMedia = "_strokeMedia_1uz4c_360";
+const sideBySideBullets = "_side-by-side-bullets_1uz4c_377";
+const bulletSectionHeader = "_bulletSectionHeader_1uz4c_384";
+const bulletTopic = "_bulletTopic_1uz4c_390";
+const bulletSectionHeading = "_bulletSectionHeading_1uz4c_398";
+const bulletCard = "_bulletCard_1uz4c_409";
+const bulletList = "_bulletList_1uz4c_414";
+const bulletItemInactive = "_bulletItemInactive_1uz4c_420";
+const bulletIcon$2 = "_bulletIcon_1uz4c_435";
+const bulletInactiveLabel = "_bulletInactiveLabel_1uz4c_444";
+const bulletItemActive = "_bulletItemActive_1uz4c_452";
+const bulletActiveLabel = "_bulletActiveLabel_1uz4c_464";
+const bulletActiveDesc = "_bulletActiveDesc_1uz4c_472";
+const bulletMediaPanel = "_bulletMediaPanel_1uz4c_481";
+const bulletMediaFallback = "_bulletMediaFallback_1uz4c_494";
+const bulletCarouselWrapper = "_bulletCarouselWrapper_1uz4c_501";
+const bulletCarouselTrack = "_bulletCarouselTrack_1uz4c_507";
+const bulletCarouselCard = "_bulletCarouselCard_1uz4c_522";
+const bulletCarouselText = "_bulletCarouselText_1uz4c_534";
+const bulletCarouselTitle = "_bulletCarouselTitle_1uz4c_540";
+const bulletCarouselDesc = "_bulletCarouselDesc_1uz4c_548";
+const bulletCarouselMedia = "_bulletCarouselMedia_1uz4c_557";
+const bulletCarouselNav = "_bulletCarouselNav_1uz4c_570";
+const tabCardsCarousel = "_tab-cards-carousel_1uz4c_580";
+const tcSectionText = "_tcSectionText_1uz4c_587";
+const tcTopic = "_tcTopic_1uz4c_596";
+const tcSectionHeading = "_tcSectionHeading_1uz4c_604";
+const tcTabBar = "_tcTabBar_1uz4c_614";
+const tcTab = "_tcTab_1uz4c_614";
+const tcTabActive = "_tcTabActive_1uz4c_643";
+const tcCarouselOuter = "_tcCarouselOuter_1uz4c_648";
+const tcCarouselTrack = "_tcCarouselTrack_1uz4c_653";
+const tcCard = "_tcCard_1uz4c_660";
+const tcCardHeader = "_tcCardHeader_1uz4c_673";
+const tcCardMeta = "_tcCardMeta_1uz4c_680";
+const tcCardIcon = "_tcCardIcon_1uz4c_688";
+const tcCardText = "_tcCardText_1uz4c_705";
+const tcCardTitle = "_tcCardTitle_1uz4c_711";
+const tcCardSubtitle = "_tcCardSubtitle_1uz4c_719";
+const tcCtaDeskWrap = "_tcCtaDeskWrap_1uz4c_727";
+const tcCtaMobWrap = "_tcCtaMobWrap_1uz4c_731";
+const tcMedia = "_tcMedia_1uz4c_735";
+const tcNav = "_tcNav_1uz4c_749";
+const stackedRows = "_stacked-rows_1uz4c_759";
+const srHeader = "_srHeader_1uz4c_766";
+const srTopic = "_srTopic_1uz4c_774";
+const srSectionHeading = "_srSectionHeading_1uz4c_782";
+const srRow = "_srRow_1uz4c_793";
+const srContentCard = "_srContentCard_1uz4c_799";
+const srCardInner = "_srCardInner_1uz4c_808";
+const srTopGroup = "_srTopGroup_1uz4c_814";
+const srTagWrap = "_srTagWrap_1uz4c_820";
+const srTagDot = "_srTagDot_1uz4c_826";
+const srTagLabel = "_srTagLabel_1uz4c_834";
+const srHeading = "_srHeading_1uz4c_842";
+const srDesc = "_srDesc_1uz4c_852";
+const srBottomGroup = "_srBottomGroup_1uz4c_861";
+const srBullets = "_srBullets_1uz4c_867";
+const srBullet = "_srBullet_1uz4c_867";
+const srBulletIcon = "_srBulletIcon_1uz4c_881";
+const srBulletLabel = "_srBulletLabel_1uz4c_891";
+const srMedia = "_srMedia_1uz4c_901";
+const horizontalCards = "_horizontal-cards_1uz4c_918";
+const hcHeader = "_hcHeader_1uz4c_926";
+const hcTagline = "_hcTagline_1uz4c_935";
+const hcSectionHeading = "_hcSectionHeading_1uz4c_943";
+const hcSectionDesc = "_hcSectionDesc_1uz4c_952";
+const hcGrid = "_hcGrid_1uz4c_962";
+const hcCard = "_hcCard_1uz4c_981";
+const hcMedia = "_hcMedia_1uz4c_993";
+const hcContent = "_hcContent_1uz4c_1006";
+const hcTextGroup = "_hcTextGroup_1uz4c_1015";
+const hcHeading = "_hcHeading_1uz4c_1022";
+const hcDesc = "_hcDesc_1uz4c_1031";
+const hcAction = "_hcAction_1uz4c_1040";
+const hcDots = "_hcDots_1uz4c_1062";
+const horizontalIcons = "_horizontal-icons_1uz4c_1071";
+const hiHeader = "_hiHeader_1uz4c_1078";
+const hiTagline = "_hiTagline_1uz4c_1084";
+const hiSectionHeading = "_hiSectionHeading_1uz4c_1092";
+const hiSectionDesc = "_hiSectionDesc_1uz4c_1102";
+const hiGrid = "_hiGrid_1uz4c_1111";
+const hiColumn = "_hiColumn_1uz4c_1118";
+const hiIconWrap = "_hiIconWrap_1uz4c_1124";
+const hiTextGroup = "_hiTextGroup_1uz4c_1133";
+const hiHeading = "_hiHeading_1uz4c_1139";
+const hiDesc = "_hiDesc_1uz4c_1149";
+const stackedMediaLeft = "_stacked-media-left_1uz4c_1162";
+const smlSectionHeader = "_smlSectionHeader_1uz4c_1169";
+const smlSectionTopic = "_smlSectionTopic_1uz4c_1175";
+const smlSectionHeading = "_smlSectionHeading_1uz4c_1183";
+const smlRow = "_smlRow_1uz4c_1193";
+const smlMedia = "_smlMedia_1uz4c_1199";
+const smlContent = "_smlContent_1uz4c_1213";
+const smlTagline = "_smlTagline_1uz4c_1220";
+const smlHeading = "_smlHeading_1uz4c_1228";
+const smlDesc = "_smlDesc_1uz4c_1238";
+const smlActions = "_smlActions_1uz4c_1247";
+const horizontalMediaTop = "_horizontal-media-top_1uz4c_1259";
+const hmtHeader = "_hmtHeader_1uz4c_1267";
+const hmtTopic = "_hmtTopic_1uz4c_1275";
+const hmtSectionHeading = "_hmtSectionHeading_1uz4c_1283";
+const hmtGrid = "_hmtGrid_1uz4c_1293";
+const hmtColumn = "_hmtColumn_1uz4c_1300";
+const hmtMedia = "_hmtMedia_1uz4c_1306";
+const hmtContent = "_hmtContent_1uz4c_1320";
+const hmtTextGroup = "_hmtTextGroup_1uz4c_1326";
+const hmtHeading = "_hmtHeading_1uz4c_1332";
+const hmtDesc = "_hmtDesc_1uz4c_1342";
+const hmtAction = "_hmtAction_1uz4c_1351";
+const stackedCardsCarousel = "_stacked-cards-carousel_1uz4c_1375";
+const sccDeskStack = "_sccDeskStack_1uz4c_1383";
+const sccMobTrack = "_sccMobTrack_1uz4c_1388";
+const sccCard = "_sccCard_1uz4c_1402";
+const sccMedia = "_sccMedia_1uz4c_1412";
+const sccCardContent = "_sccCardContent_1uz4c_1419";
+const sccDotTag = "_sccDotTag_1uz4c_1427";
+const sccDot = "_sccDot_1uz4c_1427";
+const sccDotLabel = "_sccDotLabel_1uz4c_1441";
+const sccHeading = "_sccHeading_1uz4c_1447";
+const sccDesc = "_sccDesc_1uz4c_1456";
+const sccMobDots = "_sccMobDots_1uz4c_1463";
+const contentCarousel = "_content-carousel_1uz4c_1469";
+const ccHeader = "_ccHeader_1uz4c_1477";
+const ccSectionHeading = "_ccSectionHeading_1uz4c_1486";
+const ccSectionDesc = "_ccSectionDesc_1uz4c_1495";
+const ccMobTrack = "_ccMobTrack_1uz4c_1503";
+const ccDeskGrid = "_ccDeskGrid_1uz4c_1522";
+const ccCard = "_ccCard_1uz4c_1526";
+const ccMedia = "_ccMedia_1uz4c_1534";
+const ccContent = "_ccContent_1uz4c_1542";
+const ccCardHeading = "_ccCardHeading_1uz4c_1549";
+const ccCardDesc = "_ccCardDesc_1uz4c_1558";
+const ccLearnMore = "_ccLearnMore_1uz4c_1565";
+const ccNavRow = "_ccNavRow_1uz4c_1579";
+const ccArrows = "_ccArrows_1uz4c_1586";
+const listRightMedia = "_list-right-media_1uz4c_1591";
+const lrmContainer = "_lrmContainer_1uz4c_1598";
+const lrmLeft = "_lrmLeft_1uz4c_1605";
+const lrmSectionText = "_lrmSectionText_1uz4c_1611";
+const lrmTagline = "_lrmTagline_1uz4c_1617";
+const lrmSectionHeading = "_lrmSectionHeading_1uz4c_1624";
+const lrmSectionDesc = "_lrmSectionDesc_1uz4c_1633";
+const lrmList = "_lrmList_1uz4c_1640";
+const lrmItem = "_lrmItem_1uz4c_1645";
+const lrmItemHeading = "_lrmItemHeading_1uz4c_1653";
+const lrmItemDesc = "_lrmItemDesc_1uz4c_1662";
+const lrmMedia = "_lrmMedia_1uz4c_1669";
+const tabsMediaRight = "_tabs-media-right_1uz4c_1678";
+const tmrSectionHeader = "_tmrSectionHeader_1uz4c_1686";
+const tmrTagline = "_tmrTagline_1uz4c_1695";
+const tmrSectionHeading = "_tmrSectionHeading_1uz4c_1702";
+const tmrSectionDesc = "_tmrSectionDesc_1uz4c_1711";
+const tmrSectionActions = "_tmrSectionActions_1uz4c_1718";
+const tmrPanel = "_tmrPanel_1uz4c_1726";
+const tmrPanelText = "_tmrPanelText_1uz4c_1735";
+const tmrDotTag = "_tmrDotTag_1uz4c_1742";
+const tmrDot = "_tmrDot_1uz4c_1742";
+const tmrDotLabel = "_tmrDotLabel_1uz4c_1756";
+const tmrPanelHeading = "_tmrPanelHeading_1uz4c_1762";
+const tmrPanelDesc = "_tmrPanelDesc_1uz4c_1771";
+const tmrPanelMedia = "_tmrPanelMedia_1uz4c_1778";
+const tmrTabsWrap = "_tmrTabsWrap_1uz4c_1786";
+const amrContainer = "_amrContainer_1uz4c_1810";
+const amrLeft = "_amrLeft_1uz4c_1817";
+const amrSectionText = "_amrSectionText_1uz4c_1823";
+const amrSectionHeading = "_amrSectionHeading_1uz4c_1829";
+const amrSectionDesc = "_amrSectionDesc_1uz4c_1839";
+const amrAccordion = "_amrAccordion_1uz4c_1846";
+const amrItem = "_amrItem_1uz4c_1851";
+const amrItemTrigger = "_amrItemTrigger_1uz4c_1859";
+const amrItemTitle = "_amrItemTitle_1uz4c_1872";
+const amrItemOpen = "_amrItemOpen_1uz4c_1880";
+const amrChevron = "_amrChevron_1uz4c_1884";
+const amrItemContent = "_amrItemContent_1uz4c_1895";
+const amrItemDesc = "_amrItemDesc_1uz4c_1903";
+const amrMedia = "_amrMedia_1uz4c_1910";
+const naContainer = "_naContainer_1uz4c_1919";
+const naSectionHeader = "_naSectionHeader_1uz4c_1926";
+const naTagline = "_naTagline_1uz4c_1934";
+const naSectionHeading = "_naSectionHeading_1uz4c_1941";
+const naSectionDesc = "_naSectionDesc_1uz4c_1951";
+const naDesktopRow = "_naDesktopRow_1uz4c_1959";
+const naMobileList = "_naMobileList_1uz4c_1964";
+const naMobileItem = "_naMobileItem_1uz4c_1971";
+const naMobileItemHeader = "_naMobileItemHeader_1uz4c_1978";
+const naMobileItemBody = "_naMobileItemBody_1uz4c_1992";
+const naMobileItemActive = "_naMobileItemActive_1uz4c_1998";
+const naMobileInactiveLabel = "_naMobileInactiveLabel_1uz4c_2003";
+const naMobileBodyInner = "_naMobileBodyInner_1uz4c_2007";
+const naMobileNumber = "_naMobileNumber_1uz4c_2016";
+const naMobileHeading = "_naMobileHeading_1uz4c_2027";
+const naMobileDesc = "_naMobileDesc_1uz4c_2037";
+const naMobileMedia = "_naMobileMedia_1uz4c_2044";
+const snContainer = "_snContainer_1uz4c_2063";
+const snRow = "_snRow_1uz4c_2070";
+const snNumber = "_snNumber_1uz4c_2077";
+const snContent = "_snContent_1uz4c_2087";
+const snSectionTitle = "_snSectionTitle_1uz4c_2093";
+const snTagline = "_snTagline_1uz4c_2099";
+const snHeadingBlock = "_snHeadingBlock_1uz4c_2106";
+const snHeading = "_snHeading_1uz4c_2106";
+const snDesc = "_snDesc_1uz4c_2122";
+const snActions = "_snActions_1uz4c_2129";
+const snSticky = "_snSticky_1uz4c_2137";
+const snNumDisplay = "_snNumDisplay_1uz4c_2141";
+const snDigitZero = "_snDigitZero_1uz4c_2154";
+const snDigitCol = "_snDigitCol_1uz4c_2159";
+const snDigitItem = "_snDigitItem_1uz4c_2165";
+const snRows = "_snRows_1uz4c_2170";
+const snBarTrack = "_snBarTrack_1uz4c_2176";
+const snBarFill = "_snBarFill_1uz4c_2183";
+const silContainer = "_silContainer_1uz4c_2191";
+const silLeft = "_silLeft_1uz4c_2198";
+const silSectionTitle = "_silSectionTitle_1uz4c_2204";
+const silTagline = "_silTagline_1uz4c_2210";
+const silHeadingBlock = "_silHeadingBlock_1uz4c_2217";
+const silSectionHeading = "_silSectionHeading_1uz4c_2223";
+const silSectionDesc = "_silSectionDesc_1uz4c_2233";
+const silActions = "_silActions_1uz4c_2240";
+const silRight = "_silRight_1uz4c_2247";
+const silCard = "_silCard_1uz4c_2253";
+const silIcon = "_silIcon_1uz4c_2262";
+const silItemHeading = "_silItemHeading_1uz4c_2269";
+const silItemDesc = "_silItemDesc_1uz4c_2278";
+const naPanel = "_naPanel_1uz4c_2952";
+const naPanelActive = "_naPanelActive_1uz4c_2964";
+const naPanelSide = "_naPanelSide_1uz4c_2969";
+const naPanelBody = "_naPanelBody_1uz4c_2984";
+const naActivePanelContent = "_naActivePanelContent_1uz4c_2997";
+const naActivePanelHeader = "_naActivePanelHeader_1uz4c_3006";
+const naNumber = "_naNumber_1uz4c_3012";
+const naPanelHeading = "_naPanelHeading_1uz4c_3020";
+const naPanelDesc = "_naPanelDesc_1uz4c_3030";
+const naMedia = "_naMedia_1uz4c_3037";
+const naLabelWrap = "_naLabelWrap_1uz4c_3045";
+const naLabel = "_naLabel_1uz4c_3045";
+const containerWide$6 = "_containerWide_1uz4c_3135";
+const containerFull$6 = "_containerFull_1uz4c_3139";
 const styles$c = {
   section: section$9,
   container: container$6,
@@ -1555,13 +1571,17 @@ const styles$c = {
   chevron: chevron$1,
   chevronOpen: chevronOpen$1,
   itemContent,
+  itemContentOpen,
+  itemContentInner,
   itemDescription,
   itemMedia,
   mediaPanel,
   mediaFallback,
-  "side-by-side-lines": "_side-by-side-lines_1iihw_129",
+  "side-by-side-lines": "_side-by-side-lines_1uz4c_144",
   sideBySideLines,
   itemLines,
+  mediaPanelInner,
+  sblFadeIn,
   tabsCard,
   tabContent,
   tabText,
@@ -1575,7 +1595,7 @@ const styles$c = {
   strokeHeading,
   strokeDescription,
   strokeMedia,
-  "side-by-side-bullets": "_side-by-side-bullets_1iihw_329",
+  "side-by-side-bullets": "_side-by-side-bullets_1uz4c_377",
   sideBySideBullets,
   bulletSectionHeader,
   bulletTopic,
@@ -1598,7 +1618,7 @@ const styles$c = {
   bulletCarouselDesc,
   bulletCarouselMedia,
   bulletCarouselNav,
-  "tab-cards-carousel": "_tab-cards-carousel_1iihw_532",
+  "tab-cards-carousel": "_tab-cards-carousel_1uz4c_580",
   tabCardsCarousel,
   tcSectionText,
   tcTopic,
@@ -1619,7 +1639,7 @@ const styles$c = {
   tcCtaMobWrap,
   tcMedia,
   tcNav,
-  "stacked-rows": "_stacked-rows_1iihw_711",
+  "stacked-rows": "_stacked-rows_1uz4c_759",
   stackedRows,
   srHeader,
   srTopic,
@@ -1639,7 +1659,7 @@ const styles$c = {
   srBulletIcon,
   srBulletLabel,
   srMedia,
-  "horizontal-cards": "_horizontal-cards_1iihw_870",
+  "horizontal-cards": "_horizontal-cards_1uz4c_918",
   horizontalCards,
   hcHeader,
   hcTagline,
@@ -1654,7 +1674,7 @@ const styles$c = {
   hcDesc,
   hcAction,
   hcDots,
-  "horizontal-icons": "_horizontal-icons_1iihw_1023",
+  "horizontal-icons": "_horizontal-icons_1uz4c_1071",
   horizontalIcons,
   hiHeader,
   hiTagline,
@@ -1666,7 +1686,7 @@ const styles$c = {
   hiTextGroup,
   hiHeading,
   hiDesc,
-  "stacked-media-left": "_stacked-media-left_1iihw_1114",
+  "stacked-media-left": "_stacked-media-left_1uz4c_1162",
   stackedMediaLeft,
   smlSectionHeader,
   smlSectionTopic,
@@ -1678,7 +1698,7 @@ const styles$c = {
   smlHeading,
   smlDesc,
   smlActions,
-  "horizontal-media-top": "_horizontal-media-top_1iihw_1211",
+  "horizontal-media-top": "_horizontal-media-top_1uz4c_1259",
   horizontalMediaTop,
   hmtHeader,
   hmtTopic,
@@ -1691,7 +1711,7 @@ const styles$c = {
   hmtHeading,
   hmtDesc,
   hmtAction,
-  "stacked-cards-carousel": "_stacked-cards-carousel_1iihw_1327",
+  "stacked-cards-carousel": "_stacked-cards-carousel_1uz4c_1375",
   stackedCardsCarousel,
   sccDeskStack,
   sccMobTrack,
@@ -1704,7 +1724,7 @@ const styles$c = {
   sccHeading,
   sccDesc,
   sccMobDots,
-  "content-carousel": "_content-carousel_1iihw_1421",
+  "content-carousel": "_content-carousel_1uz4c_1469",
   contentCarousel,
   ccHeader,
   ccSectionHeading,
@@ -1719,7 +1739,7 @@ const styles$c = {
   ccLearnMore,
   ccNavRow,
   ccArrows,
-  "list-right-media": "_list-right-media_1iihw_1543",
+  "list-right-media": "_list-right-media_1uz4c_1591",
   listRightMedia,
   lrmContainer,
   lrmLeft,
@@ -1732,7 +1752,7 @@ const styles$c = {
   lrmItemHeading,
   lrmItemDesc,
   lrmMedia,
-  "tabs-media-right": "_tabs-media-right_1iihw_1630",
+  "tabs-media-right": "_tabs-media-right_1uz4c_1678",
   tabsMediaRight,
   tmrSectionHeader,
   tmrTagline,
@@ -1769,13 +1789,16 @@ const styles$c = {
   naSectionDesc,
   naDesktopRow,
   naMobileList,
-  naMobileActiveItem,
+  naMobileItem,
+  naMobileItemHeader,
+  naMobileItemBody,
+  naMobileItemActive,
+  naMobileInactiveLabel,
+  naMobileBodyInner,
   naMobileNumber,
   naMobileHeading,
   naMobileDesc,
   naMobileMedia,
-  naMobileInactiveItem,
-  naMobileInactiveLabel,
   snContainer,
   snRow,
   snNumber,
@@ -1786,6 +1809,14 @@ const styles$c = {
   snHeading,
   snDesc,
   snActions,
+  snSticky,
+  snNumDisplay,
+  snDigitZero,
+  snDigitCol,
+  snDigitItem,
+  snRows,
+  snBarTrack,
+  snBarFill,
   silContainer,
   silLeft,
   silSectionTitle,
@@ -1799,15 +1830,16 @@ const styles$c = {
   silIcon,
   silItemHeading,
   silItemDesc,
-  naActivePanel,
+  naPanel,
+  naPanelActive,
+  naPanelSide,
+  naPanelBody,
   naActivePanelContent,
   naActivePanelHeader,
   naNumber,
   naPanelHeading,
   naPanelDesc,
   naMedia,
-  naInactivePanel,
-  naInactiveNumber,
   naLabelWrap,
   naLabel,
   containerWide: containerWide$6,
@@ -1838,28 +1870,6 @@ function ChevronIcon$1({ open }) {
   );
 }
 function AccordionItem$1({ item: item2, index: index2, isActive, onToggle, showMedia, variant = "fill" }) {
-  const contentRef = React.useRef(null);
-  const isFirstRender = React.useRef(true);
-  const [height, setHeight] = React.useState(isActive ? "auto" : "0px");
-  React.useEffect(() => {
-    if (isFirstRender.current) {
-      isFirstRender.current = false;
-      return;
-    }
-    if (!contentRef.current) return;
-    if (isActive) {
-      const h = contentRef.current.scrollHeight;
-      setHeight(`${h}px`);
-      const timer = setTimeout(() => setHeight("auto"), 320);
-      return () => clearTimeout(timer);
-    } else {
-      const h = contentRef.current.scrollHeight;
-      setHeight(`${h}px`);
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => setHeight("0px"));
-      });
-    }
-  }, [isActive]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles$c.item} ${isActive ? styles$c.itemActive : ""} ${variant === "lines" ? styles$c.itemLines : ""}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -1874,17 +1884,15 @@ function AccordionItem$1({ item: item2, index: index2, isActive, onToggle, showM
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        ref: contentRef,
-        className: styles$c.itemContent,
-        style: { height },
+        className: `${styles$c.itemContent} ${isActive ? styles$c.itemContentOpen : ""}`,
         "aria-hidden": !isActive,
-        children: [
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.itemContentInner, children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.itemDescription, children: item2.description }),
           showMedia && item2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.itemMedia, children: item2.media })
-        ]
+        ] })
       }
     )
   ] });
@@ -2434,22 +2442,85 @@ function HorizontalMediaTopLayout({
   ] });
 }
 function StepsNumberedLayout({ items }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.snContainer, children: items.map((item2, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snRow, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snNumber, children: String(i + 1).padStart(2, "0") }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snContent, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snSectionTitle, children: [
-        item2.topic && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snTagline, children: item2.topic }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snHeadingBlock, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles$c.snHeading, children: item2.heading }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.snDesc, children: item2.description })
-        ] })
-      ] }),
-      (item2.cta || item2.cta2) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snActions, children: [
-        item2.cta && /* @__PURE__ */ jsxRuntime.jsx(Button, { buttonStyle: "primary", color: "black", size: "regular", onClick: item2.cta.onClick, children: item2.cta.label }),
-        item2.cta2 && /* @__PURE__ */ jsxRuntime.jsx(Button, { buttonStyle: "secondary", color: "black", size: "regular", onClick: item2.cta2.onClick, children: item2.cta2.label })
-      ] })
-    ] })
-  ] }, i)) });
+  const containerRef = React.useRef(null);
+  const digitColRef = React.useRef(null);
+  const cardRefs = React.useRef([]);
+  const barFillRefs = React.useRef([]);
+  React.useEffect(() => {
+    var _a;
+    if ((_a = window.matchMedia) == null ? void 0 : _a.call(window, "(prefers-reduced-motion: reduce)").matches) return;
+    const clamp01 = (v) => v < 0 ? 0 : v > 1 ? 1 : v;
+    const onScroll = () => {
+      const container2 = containerRef.current;
+      const digitCol = digitColRef.current;
+      if (container2 && digitCol) {
+        const section2 = container2.closest("section");
+        if (section2) {
+          const rect = section2.getBoundingClientRect();
+          const p = clamp01(-rect.top / rect.height);
+          const N = items.length;
+          const translatePct = -p * ((N - 1) / N) * 100;
+          digitCol.style.transform = `translateY(${translatePct.toFixed(2)}%)`;
+        }
+      }
+      const vh = window.innerHeight;
+      cardRefs.current.forEach((card2, i) => {
+        const barFill = barFillRefs.current[i];
+        if (!card2 || !barFill) return;
+        const rect = card2.getBoundingClientRect();
+        const cardP = clamp01((vh / 2 - rect.top) / rect.height);
+        barFill.style.width = `${(cardP * 100).toFixed(1)}%`;
+      });
+    };
+    onScroll();
+    window.addEventListener("scroll", onScroll, { passive: true });
+    window.addEventListener("resize", onScroll, { passive: true });
+    return () => {
+      window.removeEventListener("scroll", onScroll);
+      window.removeEventListener("resize", onScroll);
+    };
+  }, [items.length]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: styles$c.snContainer, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.snSticky, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snNumDisplay, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snDigitZero, children: "0" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { ref: digitColRef, className: styles$c.snDigitCol, children: items.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snDigitItem, children: i + 1 }, i)) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.snRows, children: items.map((item2, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: (el) => {
+          cardRefs.current[i] = el;
+        },
+        className: styles$c.snRow,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snNumber, children: String(i + 1).padStart(2, "0") }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.snBarTrack, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref: (el) => {
+                barFillRefs.current[i] = el;
+              },
+              className: styles$c.snBarFill
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snContent, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snSectionTitle, children: [
+              item2.topic && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snTagline, children: item2.topic }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snHeadingBlock, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles$c.snHeading, children: item2.heading }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.snDesc, children: item2.description })
+              ] })
+            ] }),
+            (item2.cta || item2.cta2) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snActions, children: [
+              item2.cta && /* @__PURE__ */ jsxRuntime.jsx(Button, { buttonStyle: "primary", color: "black", size: "regular", onClick: item2.cta.onClick, children: item2.cta.label }),
+              item2.cta2 && /* @__PURE__ */ jsxRuntime.jsx(Button, { buttonStyle: "secondary", color: "black", size: "regular", onClick: item2.cta2.onClick, children: item2.cta2.label })
+            ] })
+          ] })
+        ]
+      },
+      i
+    )) })
+  ] });
 }
 function SplitIconListLayout({
   items,
@@ -2497,25 +2568,32 @@ function NumberedAccordionLayout({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naDesktopRow, children: items.map((item2, i) => {
       const isActive = i === activeIndex;
       const num = String(i + 1).padStart(2, "0");
-      if (isActive) {
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naActivePanel, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naActivePanelContent, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naActivePanelHeader, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naNumber, children: num }),
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$c.naPanelHeading, children: item2.heading }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.naPanelDesc, children: item2.description })
-          ] }),
-          item2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMedia, children: item2.media })
-        ] }) }, i);
-      }
       return /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
+        "div",
         {
-          type: "button",
-          className: styles$c.naInactivePanel,
-          onClick: () => setActiveIndex(i),
+          className: `${styles$c.naPanel}${isActive ? ` ${styles$c.naPanelActive}` : ""}`,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naInactiveNumber, children: num }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naLabelWrap, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naLabel, children: item2.topic ?? item2.heading }) })
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                className: styles$c.naPanelSide,
+                onClick: () => setActiveIndex(i),
+                "aria-expanded": isActive,
+                "aria-label": `${item2.topic ?? item2.heading}, panel ${num}`,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naNumber, children: num }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naLabelWrap, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naLabel, children: item2.topic ?? item2.heading }) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naPanelBody, "aria-hidden": !isActive, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naActivePanelContent, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naActivePanelHeader, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$c.naPanelHeading, children: item2.heading }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.naPanelDesc, children: item2.description })
+              ] }),
+              item2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMedia, children: item2.media })
+            ] }) })
           ]
         },
         i
@@ -2524,23 +2602,29 @@ function NumberedAccordionLayout({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMobileList, children: items.map((item2, i) => {
       const isActive = i === activeIndex;
       const num = String(i + 1).padStart(2, "0");
-      if (isActive) {
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naMobileActiveItem, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naMobileNumber, children: num }),
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$c.naMobileHeading, children: item2.heading }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.naMobileDesc, children: item2.description }),
-          item2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMobileMedia, children: item2.media })
-        ] }, i);
-      }
       return /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
+        "div",
         {
-          type: "button",
-          className: styles$c.naMobileInactiveItem,
-          onClick: () => setActiveIndex(i),
+          className: `${styles$c.naMobileItem}${isActive ? ` ${styles$c.naMobileItemActive}` : ""}`,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naMobileNumber, children: num }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naMobileInactiveLabel, children: item2.topic ?? item2.heading })
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                className: styles$c.naMobileItemHeader,
+                onClick: () => setActiveIndex(i),
+                "aria-expanded": isActive,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naMobileNumber, children: num }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naMobileInactiveLabel, children: item2.topic ?? item2.heading })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMobileItemBody, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naMobileBodyInner, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$c.naMobileHeading, children: item2.heading }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.naMobileDesc, children: item2.description }),
+              item2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMobileMedia, children: item2.media })
+            ] }) })
           ]
         },
         i
@@ -2760,104 +2844,105 @@ const FeaturesSection = React.forwardRef(
         },
         i
       )) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.mediaPanel, children: activeMedia || /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.mediaFallback }) })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.mediaPanel, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.mediaPanelInner, children: activeMedia || /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.mediaFallback }) }, activeIndex) })
     ] }) });
   }
 );
-const section$8 = "_section_1q7wf_4";
-const container$5 = "_container_1q7wf_13";
-const card$3 = "_card_1q7wf_23";
-const inner$1 = "_inner_1q7wf_32";
-const textContent$1 = "_textContent_1q7wf_40";
-const textBlock$1 = "_textBlock_1q7wf_47";
-const titleGroup = "_titleGroup_1q7wf_55";
-const miniTitle$2 = "_miniTitle_1q7wf_61";
-const heading$9 = "_heading_1q7wf_70";
-const description$5 = "_description_1q7wf_78";
-const actions$3 = "_actions_1q7wf_86";
-const media = "_media_1q7wf_92";
-const grid$3 = "_grid_1q7wf_164";
-const gridWrapper = "_gridWrapper_1q7wf_168";
-const gridCard = "_gridCard_1q7wf_175";
-const gridMedia = "_gridMedia_1q7wf_185";
-const gridContent = "_gridContent_1q7wf_198";
-const gridTexts = "_gridTexts_1q7wf_205";
-const gridHeading = "_gridHeading_1q7wf_213";
-const gridDescription = "_gridDescription_1q7wf_221";
-const gridActions = "_gridActions_1q7wf_229";
-const valueCards = "_value-cards_1q7wf_272";
-const vcHeading = "_vcHeading_1q7wf_283";
-const vcRow = "_vcRow_1q7wf_295";
-const vcCard = "_vcCard_1q7wf_303";
-const vcCardInner = "_vcCardInner_1q7wf_311";
-const vcTextGroup = "_vcTextGroup_1q7wf_317";
-const vcIcon = "_vcIcon_1q7wf_323";
-const vcTexts = "_vcTexts_1q7wf_329";
-const vcCardHeading = "_vcCardHeading_1q7wf_337";
-const vcCardDescription = "_vcCardDescription_1q7wf_345";
-const vcFooter = "_vcFooter_1q7wf_352";
-const vcPlusBtn = "_vcPlusBtn_1q7wf_358";
-const oneMedia = "_one-media_1q7wf_424";
-const mmHeading = "_mmHeading_1q7wf_429";
-const mmRow = "_mmRow_1q7wf_440";
-const mmFeatureCard = "_mmFeatureCard_1q7wf_446";
-const mmIcon = "_mmIcon_1q7wf_461";
-const mmTexts = "_mmTexts_1q7wf_467";
-const mmCardHeading = "_mmCardHeading_1q7wf_475";
-const mmCardDescription = "_mmCardDescription_1q7wf_483";
-const mmMediaCard = "_mmMediaCard_1q7wf_490";
-const mediaTop = "_media-top_1q7wf_552";
-const mtRow = "_mtRow_1q7wf_558";
-const mtCard = "_mtCard_1q7wf_565";
-const mtMediaArea = "_mtMediaArea_1q7wf_572";
-const mtContent = "_mtContent_1q7wf_588";
-const mtContentTop = "_mtContentTop_1q7wf_600";
-const mtTag = "_mtTag_1q7wf_607";
-const mtTexts = "_mtTexts_1q7wf_623";
-const mtCardHeading = "_mtCardHeading_1q7wf_631";
-const mtCardDescription = "_mtCardDescription_1q7wf_639";
-const mtActions = "_mtActions_1q7wf_646";
-const iconWithLink = "_icon-with-link_1q7wf_690";
-const fgHeading = "_fgHeading_1q7wf_695";
-const fgRow = "_fgRow_1q7wf_706";
-const fgCard = "_fgCard_1q7wf_713";
-const fgTop = "_fgTop_1q7wf_728";
-const fgIcon = "_fgIcon_1q7wf_735";
-const fgContent = "_fgContent_1q7wf_742";
-const fgHeadline = "_fgHeadline_1q7wf_750";
-const fgCardHeading = "_fgCardHeading_1q7wf_754";
-const fgCardDescription = "_fgCardDescription_1q7wf_762";
-const fgLink = "_fgLink_1q7wf_769";
-const fgLinkText = "_fgLinkText_1q7wf_788";
-const horizontalReveal = "_horizontal-reveal_1q7wf_821";
-const sectionHeader = "_sectionHeader_1q7wf_830";
-const sectionHeaderInner = "_sectionHeaderInner_1q7wf_838";
-const tagline = "_tagline_1q7wf_849";
-const cardRow = "_cardRow_1q7wf_871";
-const marqueeWrapper = "_marqueeWrapper_1q7wf_887";
-const cardRowMarquee$1 = "_cardRowMarquee_1q7wf_893";
-const marquee = "_marquee_1q7wf_887";
-const marqueeTrack = "_marqueeTrack_1q7wf_903";
-const revealCard = "_revealCard_1q7wf_921";
-const revealed = "_revealed_1q7wf_942";
-const revealFront = "_revealFront_1q7wf_948";
-const revealMedia = "_revealMedia_1q7wf_956";
-const revealBack = "_revealBack_1q7wf_983";
-const revealHeader = "_revealHeader_1q7wf_996";
-const revealAvatar = "_revealAvatar_1q7wf_1002";
-const revealName = "_revealName_1q7wf_1017";
-const revealList = "_revealList_1q7wf_1025";
-const revealListItem = "_revealListItem_1q7wf_1034";
-const bulletIcon$1 = "_bulletIcon_1q7wf_1045";
-const revealFooter = "_revealFooter_1q7wf_1057";
-const revealFooterContent = "_revealFooterContent_1q7wf_1065";
-const revealFooterName = "_revealFooterName_1q7wf_1072";
-const revealTags = "_revealTags_1q7wf_1082";
-const revealTag = "_revealTag_1q7wf_1082";
-const revealToggle = "_revealToggle_1q7wf_1100";
-const navDots = "_navDots_1q7wf_1124";
-const containerWide$5 = "_containerWide_1q7wf_1161";
-const containerFull$5 = "_containerFull_1q7wf_1165";
+const section$8 = "_section_14jny_4";
+const container$5 = "_container_14jny_13";
+const card$3 = "_card_14jny_23";
+const inner$1 = "_inner_14jny_32";
+const textContent$1 = "_textContent_14jny_40";
+const textBlock$1 = "_textBlock_14jny_47";
+const titleGroup = "_titleGroup_14jny_55";
+const miniTitle$2 = "_miniTitle_14jny_61";
+const heading$9 = "_heading_14jny_70";
+const description$5 = "_description_14jny_78";
+const actions$3 = "_actions_14jny_86";
+const media = "_media_14jny_92";
+const sideBySide$1 = "_side-by-side_14jny_107";
+const grid$3 = "_grid_14jny_221";
+const gridWrapper = "_gridWrapper_14jny_225";
+const gridCard = "_gridCard_14jny_232";
+const gridMedia = "_gridMedia_14jny_242";
+const gridContent = "_gridContent_14jny_255";
+const gridTexts = "_gridTexts_14jny_262";
+const gridHeading = "_gridHeading_14jny_270";
+const gridDescription = "_gridDescription_14jny_278";
+const gridActions = "_gridActions_14jny_286";
+const valueCards = "_value-cards_14jny_329";
+const vcHeading = "_vcHeading_14jny_340";
+const vcRow = "_vcRow_14jny_352";
+const vcCard = "_vcCard_14jny_360";
+const vcCardInner = "_vcCardInner_14jny_368";
+const vcTextGroup = "_vcTextGroup_14jny_374";
+const vcIcon = "_vcIcon_14jny_380";
+const vcTexts = "_vcTexts_14jny_386";
+const vcCardHeading = "_vcCardHeading_14jny_394";
+const vcCardDescription = "_vcCardDescription_14jny_402";
+const vcFooter = "_vcFooter_14jny_409";
+const vcPlusBtn = "_vcPlusBtn_14jny_415";
+const oneMedia = "_one-media_14jny_481";
+const mmHeading = "_mmHeading_14jny_486";
+const mmRow = "_mmRow_14jny_497";
+const mmFeatureCard = "_mmFeatureCard_14jny_503";
+const mmIcon = "_mmIcon_14jny_518";
+const mmTexts = "_mmTexts_14jny_524";
+const mmCardHeading = "_mmCardHeading_14jny_532";
+const mmCardDescription = "_mmCardDescription_14jny_540";
+const mmMediaCard = "_mmMediaCard_14jny_547";
+const mediaTop = "_media-top_14jny_609";
+const mtRow = "_mtRow_14jny_615";
+const mtCard = "_mtCard_14jny_622";
+const mtMediaArea = "_mtMediaArea_14jny_629";
+const mtContent = "_mtContent_14jny_645";
+const mtContentTop = "_mtContentTop_14jny_657";
+const mtTag = "_mtTag_14jny_664";
+const mtTexts = "_mtTexts_14jny_680";
+const mtCardHeading = "_mtCardHeading_14jny_688";
+const mtCardDescription = "_mtCardDescription_14jny_696";
+const mtActions = "_mtActions_14jny_703";
+const iconWithLink = "_icon-with-link_14jny_747";
+const fgHeading = "_fgHeading_14jny_752";
+const fgRow = "_fgRow_14jny_763";
+const fgCard = "_fgCard_14jny_770";
+const fgTop = "_fgTop_14jny_785";
+const fgIcon = "_fgIcon_14jny_792";
+const fgContent = "_fgContent_14jny_799";
+const fgHeadline = "_fgHeadline_14jny_807";
+const fgCardHeading = "_fgCardHeading_14jny_811";
+const fgCardDescription = "_fgCardDescription_14jny_819";
+const fgLink = "_fgLink_14jny_826";
+const fgLinkText = "_fgLinkText_14jny_845";
+const horizontalReveal = "_horizontal-reveal_14jny_878";
+const sectionHeader = "_sectionHeader_14jny_887";
+const sectionHeaderInner = "_sectionHeaderInner_14jny_895";
+const tagline = "_tagline_14jny_906";
+const cardRow = "_cardRow_14jny_928";
+const marqueeWrapper = "_marqueeWrapper_14jny_944";
+const cardRowMarquee$1 = "_cardRowMarquee_14jny_950";
+const marquee = "_marquee_14jny_944";
+const marqueeTrack = "_marqueeTrack_14jny_960";
+const revealCard = "_revealCard_14jny_978";
+const revealed = "_revealed_14jny_999";
+const revealFront = "_revealFront_14jny_1005";
+const revealMedia = "_revealMedia_14jny_1013";
+const revealBack = "_revealBack_14jny_1040";
+const revealHeader = "_revealHeader_14jny_1053";
+const revealAvatar = "_revealAvatar_14jny_1059";
+const revealName = "_revealName_14jny_1074";
+const revealList = "_revealList_14jny_1082";
+const revealListItem = "_revealListItem_14jny_1091";
+const bulletIcon$1 = "_bulletIcon_14jny_1102";
+const revealFooter = "_revealFooter_14jny_1114";
+const revealFooterContent = "_revealFooterContent_14jny_1122";
+const revealFooterName = "_revealFooterName_14jny_1129";
+const revealTags = "_revealTags_14jny_1139";
+const revealTag = "_revealTag_14jny_1139";
+const revealToggle = "_revealToggle_14jny_1157";
+const navDots = "_navDots_14jny_1181";
+const containerWide$5 = "_containerWide_14jny_1218";
+const containerFull$5 = "_containerFull_14jny_1222";
 const styles$b = {
   section: section$8,
   container: container$5,
@@ -2871,6 +2956,8 @@ const styles$b = {
   description: description$5,
   actions: actions$3,
   media,
+  "side-by-side": "_side-by-side_14jny_107",
+  sideBySide: sideBySide$1,
   grid: grid$3,
   gridWrapper,
   gridCard,
@@ -2880,7 +2967,7 @@ const styles$b = {
   gridHeading,
   gridDescription,
   gridActions,
-  "value-cards": "_value-cards_1q7wf_272",
+  "value-cards": "_value-cards_14jny_329",
   valueCards,
   vcHeading,
   vcRow,
@@ -2893,7 +2980,7 @@ const styles$b = {
   vcCardDescription,
   vcFooter,
   vcPlusBtn,
-  "one-media": "_one-media_1q7wf_424",
+  "one-media": "_one-media_14jny_481",
   oneMedia,
   mmHeading,
   mmRow,
@@ -2903,7 +2990,7 @@ const styles$b = {
   mmCardHeading,
   mmCardDescription,
   mmMediaCard,
-  "media-top": "_media-top_1q7wf_552",
+  "media-top": "_media-top_14jny_609",
   mediaTop,
   mtRow,
   mtCard,
@@ -2915,7 +3002,7 @@ const styles$b = {
   mtCardHeading,
   mtCardDescription,
   mtActions,
-  "icon-with-link": "_icon-with-link_1q7wf_690",
+  "icon-with-link": "_icon-with-link_14jny_747",
   iconWithLink,
   fgHeading,
   fgRow,
@@ -2928,7 +3015,7 @@ const styles$b = {
   fgCardDescription,
   fgLink,
   fgLinkText,
-  "horizontal-reveal": "_horizontal-reveal_1q7wf_821",
+  "horizontal-reveal": "_horizontal-reveal_14jny_878",
   horizontalReveal,
   sectionHeader,
   sectionHeaderInner,
@@ -3056,19 +3143,24 @@ const CardsSection = React.forwardRef(
         ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.cardRow, children: revealCards.map((card2, i) => /* @__PURE__ */ jsxRuntime.jsx(RevealCardItem, { card: card2 }, i)) })),
         navigation && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.navDots, children: navigation })
       ] }),
-      layout === "side-by-side" && cards && cards.map((card2, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.card, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.inner, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.textContent, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.textBlock, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.titleGroup, children: [
-              card2.miniTitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$b.miniTitle, children: card2.miniTitle }),
-              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles$b.heading, children: card2.heading })
+      layout === "side-by-side" && (() => {
+        const c = cards ?? [];
+        const filler = c[0] ?? { heading: "" };
+        const displayCards = c.length >= 2 ? c : [...c, ...Array(2 - c.length).fill(filler)];
+        return displayCards.map((card2, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.card, style: { "--clay-sticky-top": "15%" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.inner, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.textContent, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.textBlock, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.titleGroup, children: [
+                card2.miniTitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$b.miniTitle, children: card2.miniTitle }),
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles$b.heading, children: card2.heading })
+              ] }),
+              card2.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$b.description, children: card2.description })
             ] }),
-            card2.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$b.description, children: card2.description })
+            card2.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.actions, children: card2.actions })
           ] }),
-          card2.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.actions, children: card2.actions })
-        ] }),
-        card2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.media, children: card2.media })
-      ] }) }, i)),
+          card2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.media, children: card2.media })
+        ] }) }, i));
+      })(),
       layout === "grid" && cards && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.gridWrapper, children: cards.map((card2, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.gridCard, children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.gridMedia, children: card2.media }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.gridContent, children: [
@@ -11715,42 +11807,43 @@ const NumbersSection = React.forwardRef(
     ] }) });
   }
 );
-const footer = "_footer_183rd_3";
-const dividerTop = "_dividerTop_183rd_10";
-const dividerBottom = "_dividerBottom_183rd_11";
-const navContainer = "_navContainer_183rd_19";
-const navGrid = "_navGrid_183rd_27";
-const column = "_column_183rd_33";
-const columnBrand = "_columnBrand_183rd_40";
-const brand = "_brand_183rd_44";
-const logoImg = "_logoImg_183rd_48";
-const heading = "_heading_183rd_56";
-const links = "_links_183rd_67";
-const linkItem = "_linkItem_183rd_76";
-const linkIcon = "_linkIcon_183rd_82";
-const link = "_link_183rd_67";
-const subGroup = "_subGroup_183rd_113";
-const bottomContainer = "_bottomContainer_183rd_118";
-const bottomContent = "_bottomContent_183rd_126";
-const bottomLeft = "_bottomLeft_183rd_133";
-const languageSelector = "_languageSelector_183rd_140";
-const complianceBadges = "_complianceBadges_183rd_144";
-const complianceBadge = "_complianceBadge_183rd_144";
-const bottomCenter = "_bottomCenter_183rd_159";
-const socialLinks = "_socialLinks_183rd_166";
-const socialLink = "_socialLink_183rd_166";
-const legalBlock = "_legalBlock_183rd_194";
-const legalLinks = "_legalLinks_183rd_200";
-const legalItem = "_legalItem_183rd_207";
-const legalLink = "_legalLink_183rd_200";
-const pipe = "_pipe_183rd_226";
-const copyright = "_copyright_183rd_230";
-const bottomRight = "_bottomRight_183rd_240";
-const appStoreBadges = "_appStoreBadges_183rd_247";
-const appStoreBadge = "_appStoreBadge_183rd_247";
-const accessibility = "_accessibility_183rd_258";
-const accessibilityIcon = "_accessibilityIcon_183rd_264";
-const accessibilityLink = "_accessibilityLink_183rd_280";
+const footer = "_footer_17cq5_3";
+const dividerTop = "_dividerTop_17cq5_10";
+const dividerBottom = "_dividerBottom_17cq5_11";
+const navContainer = "_navContainer_17cq5_19";
+const navGrid = "_navGrid_17cq5_27";
+const column = "_column_17cq5_33";
+const columnBrand = "_columnBrand_17cq5_40";
+const brand = "_brand_17cq5_44";
+const logoImg = "_logoImg_17cq5_48";
+const heading = "_heading_17cq5_56";
+const links = "_links_17cq5_67";
+const linkItem = "_linkItem_17cq5_76";
+const linkIcon = "_linkIcon_17cq5_82";
+const link = "_link_17cq5_67";
+const subGroup = "_subGroup_17cq5_113";
+const bottomContainer = "_bottomContainer_17cq5_118";
+const bottomContent = "_bottomContent_17cq5_126";
+const bottomLeft = "_bottomLeft_17cq5_133";
+const languageSelector = "_languageSelector_17cq5_140";
+const complianceBadges = "_complianceBadges_17cq5_144";
+const complianceBadge = "_complianceBadge_17cq5_144";
+const bottomCenter = "_bottomCenter_17cq5_159";
+const socialLinks = "_socialLinks_17cq5_166";
+const socialLink = "_socialLink_17cq5_166";
+const legalBlock = "_legalBlock_17cq5_194";
+const legalLinks = "_legalLinks_17cq5_200";
+const legalItem = "_legalItem_17cq5_207";
+const legalLink = "_legalLink_17cq5_200";
+const pipe = "_pipe_17cq5_226";
+const copyright = "_copyright_17cq5_230";
+const bottomRight = "_bottomRight_17cq5_240";
+const appStoreBadges = "_appStoreBadges_17cq5_247";
+const appStoreBadge = "_appStoreBadge_17cq5_247";
+const accessibility = "_accessibility_17cq5_258";
+const accessibilityIcon = "_accessibilityIcon_17cq5_264";
+const accessibilityLink = "_accessibilityLink_17cq5_280";
+const short = "_short_17cq5_448";
 const styles = {
   footer,
   dividerTop,
@@ -11787,10 +11880,12 @@ const styles = {
   appStoreBadge,
   accessibility,
   accessibilityIcon,
-  accessibilityLink
+  accessibilityLink,
+  short
 };
 const FooterSection = React.forwardRef(
   function FooterSection2({
+    variant = "full",
     logo: logo2,
     columns,
     socialLinks: socialLinks2,
@@ -11805,54 +11900,57 @@ const FooterSection = React.forwardRef(
     className = "",
     ...rest
   }, ref) {
+    const isShort = variant === "short";
+    const logoImg2 = logo2 && /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo2.src, alt: logo2.alt, className: styles.logoImg });
+    const brand2 = logo2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.brand, children: logo2.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: logo2.href, "aria-label": "Home", children: logoImg2 }) : logoImg2 });
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "footer",
       {
         ref,
-        className: [styles.footer, className].filter(Boolean).join(" "),
+        className: [styles.footer, isShort ? styles.short : "", className].filter(Boolean).join(" "),
         ...rest,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.dividerTop, role: "separator" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.navContainer, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.navGrid, children: columns.map((col, index2) => /* @__PURE__ */ jsxRuntime.jsxs(
-            "nav",
-            {
-              className: [
-                styles.column,
-                index2 === 0 && !col.heading ? styles.columnBrand : ""
-              ].filter(Boolean).join(" "),
-              "aria-label": col.heading ?? "Footer navigation",
-              children: [
-                index2 === 0 && logo2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.brand, children: logo2.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: logo2.href, "aria-label": "Home", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "img",
-                  {
-                    src: logo2.src,
-                    alt: logo2.alt,
-                    className: styles.logoImg
-                  }
-                ) }) : /* @__PURE__ */ jsxRuntime.jsx(
-                  "img",
-                  {
-                    src: logo2.src,
-                    alt: logo2.alt,
-                    className: styles.logoImg
-                  }
-                ) }),
-                col.heading && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles.heading, children: col.heading }),
-                /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles.links, children: col.links.map((link2) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: styles.linkItem, children: [
-                  link2.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.linkIcon, children: link2.icon }),
-                  link2.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: link2.href, className: styles.link, children: link2.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.link, children: link2.label })
-                ] }, link2.label)) }),
-                col.groups && col.groups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.subGroup, children: [
-                  group.heading && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles.heading, children: group.heading }),
-                  /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles.links, children: group.links.map((link2) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: styles.linkItem, children: [
-                    link2.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.linkIcon, children: link2.icon }),
-                    link2.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: link2.href, className: styles.link, children: link2.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.link, children: link2.label })
-                  ] }, link2.label)) })
-                ] }, group.heading ?? "sub"))
-              ]
-            },
-            col.heading ?? `col-${index2}`
-          )) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.navContainer, children: (() => {
+            const GridTag = isShort ? "nav" : "div";
+            const ColumnTag = isShort ? "div" : "nav";
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              GridTag,
+              {
+                className: styles.navGrid,
+                "aria-label": isShort ? "Footer" : void 0,
+                children: [
+                  isShort && brand2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: [styles.column, styles.columnBrand].join(" "), children: brand2 }),
+                  columns.map((col, index2) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    ColumnTag,
+                    {
+                      className: [
+                        styles.column,
+                        !isShort && index2 === 0 && !col.heading ? styles.columnBrand : ""
+                      ].filter(Boolean).join(" "),
+                      "aria-label": isShort ? void 0 : col.heading ?? "Footer navigation",
+                      children: [
+                        !isShort && index2 === 0 && brand2,
+                        col.heading && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles.heading, children: col.heading }),
+                        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles.links, children: col.links.map((link2) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: styles.linkItem, children: [
+                          link2.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.linkIcon, children: link2.icon }),
+                          link2.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: link2.href, className: styles.link, children: link2.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.link, children: link2.label })
+                        ] }, link2.label)) }),
+                        col.groups && col.groups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.subGroup, children: [
+                          group.heading && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles.heading, children: group.heading }),
+                          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles.links, children: group.links.map((link2) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: styles.linkItem, children: [
+                            link2.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.linkIcon, children: link2.icon }),
+                            link2.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: link2.href, className: styles.link, children: link2.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.link, children: link2.label })
+                          ] }, link2.label)) })
+                        ] }, group.heading ?? "sub"))
+                      ]
+                    },
+                    col.heading ?? `col-${index2}`
+                  ))
+                ]
+              }
+            );
+          })() }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.dividerBottom, role: "separator" }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.bottomContainer, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.bottomContent, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.bottomLeft, children: [
@@ -12087,6 +12185,36 @@ const FOOTER_DEFAULTS = {
   accessibilityHref: "#",
   accessibilityIcon: /* @__PURE__ */ jsxRuntime.jsx("img", { src: iconAccessibility, alt: "", width: 21, height: 21 })
 };
+const FOOTER_SHORT_DEFAULTS = {
+  ...FOOTER_DEFAULTS,
+  variant: "short",
+  columns: [
+    {
+      links: [
+        { label: "Pricing", href: "#" },
+        { label: "About us", href: "#" }
+      ]
+    },
+    {
+      links: [
+        { label: "24/7 support", href: "#" },
+        { label: "Customer stories", href: "#" }
+      ]
+    },
+    {
+      links: [
+        { label: "Contact sales", href: "#" },
+        { label: "Enterprise", href: "#" }
+      ]
+    },
+    {
+      links: [
+        { label: "Integrations", href: "#" },
+        { label: "Templates", href: "#" }
+      ]
+    }
+  ]
+};
 exports.BulletsSection = BulletsSection;
 exports.Button = Button;
 exports.CardsSection = CardsSection;
@@ -12097,6 +12225,7 @@ exports.CustomerLogo = CustomerLogo;
 exports.CustomerLogoSection = CustomerLogoSection;
 exports.FOOTER_ASSETS = FOOTER_ASSETS;
 exports.FOOTER_DEFAULTS = FOOTER_DEFAULTS;
+exports.FOOTER_SHORT_DEFAULTS = FOOTER_SHORT_DEFAULTS;
 exports.FaqSection = FaqSection;
 exports.FeaturesSection = FeaturesSection;
 exports.FooterSection = FooterSection;
@@ -12118,4 +12247,4 @@ exports.TestimonialsSection = TestimonialsSection;
 exports.TrustBadge = TrustBadge;
 exports.TrustBentoSection = TrustBentoSection;
 exports.TrustSection = TrustSection;
-//# sourceMappingURL=footerDefaults-zo_Pjl3n.cjs.map
+//# sourceMappingURL=footerDefaults-C-9-hOSt.cjs.map