https://www.mx.com/_next/static/chunks/pages/case-studies/cure-for-lost-deposits-711a5fc33336de64.js
1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66110],{46599:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/case-studies/cure-for-lost-deposits",function(){return c(29866)}])},65436:function(a,b,c){"use strict";var d=c(85893),e=c(35736),f=c(71819),g=c(57344);function h(){var a,b,c=(a=["\n position: relative;\n padding-top: 63px;\n overflow: hidden;\n\n .cta-accent-top {\n position: absolute;\n left: calc(50% - -348px);\n top: -11px;\n z-index: 2;\n @media (max-width: 950px) {\n left: calc(50%);\n }\n }\n .cta-accent-bottom {\n position: absolute;\n left: calc(50% - 925px);\n bottom: 13px;\n z-index: 2;\n\n @media (max-width: 950px) {\n display: none;\n }\n }\n\n .inner {\n .block-graphic {\n position: absolute;\n top: -20px;\n left: calc(50% + 219px);\n @media (max-width: 950px) {\n display: none;\n }\n }\n .bg-graphic {\n position: absolute;\n top: 0;\n left: calc(50% + -750px);\n height: 100%;\n }\n\n background: black;\n max-width: 100%;\n position: relative;\n display: grid;\n place-items: center;\n padding: 75px 30px;\n\n h2 {\n font-size: 38px;\n font-style: normal;\n font-weight: 700;\n line-height: 1.25;\n color: white;\n width: 460px;\n max-width: 100%;\n @media (max-width: 500px) {\n width: 300px;\n }\n }\n\n .inner-inner {\n width: 745px;\n max-width: 100%;\n position: relative;\n z-index: 2;\n @media (max-width: 800px) {\n width: unset;\n }\n\n p {\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n color: white;\n margin: 20px 0;\n }\n }\n }\n"],b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}})));return h=function(){return c},c}var i=c(19521).default.section(h());b.Z=function(a){var b=a.header,c=a.paragraph,h=a.btnText,j=a.btnHref,k=a.blueButton,l=a.className;return(0,d.jsxs)(i,{className:"cta-2023".concat(l?" ".concat(l):""),children:[(0,d.jsx)(f.Z,{className:"cta-accent-top",url:"https://assets.mx.com/images/accent-graphics/cta-accent-top.svg"}),(0,d.jsx)(f.Z,{className:"cta-accent-bottom",url:"https://assets.mx.com/images/accent-graphics/cta-accent-bottom.svg"}),(0,d.jsxs)("div",{className:"inner",children:[(0,d.jsx)("img",{className:"block-graphic",src:"https://assets.mx.com/images/resources/2023/bg-block.svg",alt:"bg block"}),(0,d.jsx)("img",{className:"bg-graphic",src:"https://assets.mx.com/images/resources/2023/cta-bg.jpg",alt:"cta bg"}),(0,d.jsxs)("div",{className:"inner-inner",children:[(0,d.jsx)("h2",{children:b}),!c&&(0,d.jsx)(g.Z,{size:33}),c&&(0,d.jsx)("p",{children:c}),k?(0,d.jsx)(e.Z,{href:j,text:h}):(0,d.jsx)(e.Z,{href:j,text:h,darkOutlined:!0})]})]})]})}},14996:function(a,b,c){"use strict";var d=c(85893);function e(){var a,b,c=(a=["\n display: inline-flex;\n align-items: center;\n svg {\n transition: rotate ease 0.3s;\n }\n &.down svg {\n rotate: 90deg;\n }\n &.left svg {\n rotate: 180deg;\n }\n"],b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}})));return e=function(){return c},c}var f=c(19521).default.div(e());b.Z=function(a){var b=a.color,c=a.direction,e=a.down,g=a.onClick;return(0,d.jsx)(f,{onClick:g,className:"arrow ".concat(c||""," ").concat(e?"down":""),children:(0,d.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"7",height:"12",viewBox:"0 0 7 12",fill:"none",children:(0,d.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.70711 5.29289C7.09763 5.68342 7.09763 6.31658 6.70711 6.70711L1.70711 11.7071C1.31658 12.0976 0.683417 12.0976 0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L4.58579 6L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z",fill:b||"#2C64EF"})})})}},2498:function(a,b,c){"use strict";var d=c(85893),e=c(67294),f=c(11405);b.Z=function(a){var b=a.children,c=a.onlyOnce,g=(0,e.useState)(""),h=g[0],i=g[1],j=(0,e.useRef)();return(0,e.useEffect)(function(){var a=function(){if(!h||!c){var a=f.Z.isHalfInViewport(j.current,300);a!=h&&i(a)}};return window.addEventListener("scroll",a),a(),function(){window.removeEventListener("scroll",a)}}
1,[h]),(0,d.jsx)("div",{ref:j,className:h?"on-screen":"",children:b})}},71819:function(a,b,c){"use strict";c.d(b,{Z:function(){return m}});var d=c(85893),e=c(34051),f=c.n(e),g=c(67294);function h(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(j){c(j);return}h.done?b(i):Promise.resolve(i).then(d,e)}var i=function(a){var b=a.url;a.animateClass;var c=(0,g.useRef)(null);return(0,g.useEffect)(function(){var a,d;(a=f().mark(function a(){var d,e,g,h,i,j;return f().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.prev=2,a.next=5,fetch(b);case 5:return d=a.sent,a.next=8,d.text();case 8:e=a.sent,a.next=13;break;case 11:a.prev=11,a.t0=a.catch(2);case 13:if(d){a.next=15;break}return a.abrupt("return");case 15:(i=(h=(g=new DOMParser()).parseFromString(e,"image/svg+xml")).documentElement).setAttribute("xmlns","http://www.w3.org/2000/svg"),(j=Array.from(i.children)).forEach(function(a,b){a.classList.contains("dont-animate")||(a.classList.add("loadified"),a.style.animationDelay="".concat(.2*b,"s"))}),c&&c.current&&c.current.replaceWith(i);case 22:case"end":return a.stop()}},a,null,[[2,11]])}),d=function(){var b=this,c=arguments;return new Promise(function(d,e){var f=a.apply(b,c);function g(a){h(f,d,e,g,i,"next",a)}function i(a){h(f,d,e,g,i,"throw",a)}g(void 0)})},function(){return d.apply(this,arguments)})()},[b]),(0,d.jsx)(d.Fragment,{children:(0,d.jsx)("div",{ref:c})})},j=c(2498);function k(){var a,b,c=(a=["\n position: absolute;\n z-index: -1;\n\n svg {\n overflow: visible;\n }\n\n @keyframes loadified-left-in {\n 0% {\n translate: 100px;\n opacity: 0;\n }\n 100% {\n translate: 0px;\n opacity: 1;\n }\n }\n\n @keyframes loadified-right-in {\n 0% {\n translate: -100px;\n opacity: 0;\n }\n 100% {\n translate: 0px;\n opacity: 1;\n }\n }\n\n .loadified {\n animation-duration: 2s;\n animation-fill-mode: forwards;\n animation-timing-function: ease;\n opacity: 0;\n }\n\n .on-screen {\n .loadified:nth-child(odd) {\n animation-name: loadified-left-in;\n }\n\n .loadified:nth-child(even) {\n animation-name: loadified-right-in;\n }\n }\n"],b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}})));return k=function(){return c},c}var l=c(19521).default.div(k()),m=function(a){var b=a.className,c=a.url;return(0,d.jsx)(l,{className:"fade-accent ".concat(b),children:(0,d.jsx)(j.Z,{children:(0,d.jsx)(i,{url:c})})})}},61958:function(a,b,c){"use strict";var d=c(85893);c(67294);var e=c(19521),f=c(22004);function g(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}function h(){var a=g(["\n background: rgba(28, 28, 28, 0.5);\n position: fixed;\n top: 0;\n left: 0;\n z-index: 35;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n @media only screen and (max-width: 1000px) {\n /* i don't think we need this */\n /* overflow: scroll; */\n }\n @media only screen and (max-height: 900px) {\n align-items: flex-start;\n padding-top: 110px;\n }\n\n h2 {\n font-size: 35px;\n margin-bottom: 30px;\n }\n"]);return h=function(){return a},a}function i(){var a=g(["\n position: absolute;\n top: 0px;\n right: 20px;\n cursor: pointer;\n z-index: 3;\n padding: 10px;\n"]);return i=function(){return a},a}function j(){var a=g(["\n position: relative;\n background: #f8f9fb;\n box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);\n border-radius: 5px;\n padding: 35px 20px 40px;\n width: 1050px;\n max-width: 96%;\n\n #video {\n aspect-ratio: 16 / 9;\n &.portrait {\n aspect-ratio: 9 / 16;\n max-height: calc(100vh - 300px);\n margin: auto;\n }\n }\n\n #post-video-cta {\n background: white;\n z-index: 2;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n padding: 20px;\n p {\n margin-bottom: 40px;\n max-width: 500px;\n text-align: center;\n }\n\n animation-name: animate;\n animation-duration: 0.7s;\n animation-fill-mode: forwards;\n animation-timing-function: ease;\n }\n\n @keyframes animate {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n\n #information {\n padding: 20px;\n padding-bottom: 0;\n }\n\n h2 {\n margin-top: 10px;\n margin-bottom: 15px;\n font-weight: 700;\n font-size: 24px;\n line-height: 1.08;\n color: #000000;\n }\n\n p {\n font-weight: 500;\n font-size: 17px;\n line-height: 1.65;\n color: #000000;\n text-align: left;\n margin: unset;\n }\n"]);return j=function(){return a},a}c(65128);var k=e.default.div.withConfig({componentId:"sc-9d8256af-0"})(h()),l=e.default.img.withConfig({componentId:"sc-9d8256af-1"})(i()),m=e.default.div.withConfig({componentId:"sc-9d8256af-2"})(j());b.Z=function(a){var b=a.displayed,c=a.closeVideo,e=a.vimeoLink,g=a.playing,h=function(a){("info-wrap"===a.target.id||"close-x"===a.target.id)&&c()};return b?(0,d.jsx)(k,{id:"info-wrap",onClick:function(a){return h(a)},children:(0,d.jsxs)(m,{className:"popup-video",children:[(0,d.jsx)(l,{id:"close-x",onClick:function(a){return h(a)},src:"https://assets.mx.com/images/analyst/close-x.svg",alt:"close button"}),(0,d.jsx)("div",{id:"video",children:(0,d.jsx)(f.Z,{className:"react-player",width:"100%",height:"100%",url:e,playing:g,volume:1,controls:!0,onReady:function(){setFadeIn(!0)},onEnded:function(){c()},config:{playerOptions:{playsinline:!0}}})})]})}):""}},99057:function(a,b,c){"use strict";var d=c(47902);b.Z=d.Z},69170:function(a,b,c){"use strict";var d=c(31672);b.Z=d.Z},65128:function(a,b,c){"use strict";var d=c(85893),e=c(19521);function f(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
1function g(){var a=f(["\n width: 20px;\n height: 20px;\n margin-right: 10px;\n"]);return g=function(){return a},a}function h(){var a=f(["\n ",";\n min-width: 181px;\n height: 50px;\n padding: 10px 35px;\n font-weight: 700;\n font-size: 14px;\n line-height: 17px;\n text-align: center;\n text-transform: uppercase;\n color: #ffffff;\n background-color: #2c64ef;\n border: none;\n outline: none;\n cursor: pointer;\n letter-spacing: 1px;\n border-radius: 2px;\n position: relative;\n\n &:active {\n opacity: 0.5;\n }\n\n &.fill {\n &::after {\n content: \"","\";\n width: 100%;\n height: 100%;\n position: absolute;\n background: linear-gradient(\n 93.64deg,\n #5ac3f9 -3.34%,\n #9c42f6 68.56%,\n #e14ecc 108.89%\n );\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n border-radius: 2px;\n transition: opacity 0.25s ease;\n }\n\n &:hover {\n &::after {\n opacity: 1;\n }\n }\n }\n\n &.outline {\n background: none;\n border: 2px solid #000000;\n box-sizing: border-box;\n border-radius: 2px;\n color: #28282a;\n ",";\n\n &::after {\n content: \"","\";\n width: 100%;\n height: 100%;\n position: absolute;\n top: -2px;\n left: -2px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 2px solid #000000;\n opacity: 0;\n transition: opacity 0.25s ease;\n border-radius: 2px;\n border-image-slice: 1;\n border-image-source: linear-gradient(\n 93.64deg,\n #5ac3f9 -3.34%,\n #9c42f6 68.56%,\n #e14ecc 108.89%\n );\n background: linear-gradient(\n 93.64deg,\n #5ac3f9 -3.34%,\n #9c42f6 68.56%,\n #e14ecc 108.89%\n );\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n\n ",";\n }\n\n &:hover {\n &::after {\n opacity: 1;\n }\n }\n }\n"]);return h=function(){return a},a}var i=e.default.img.withConfig({componentId:"sc-72e8ab59-0"})(g()),j=e.default.button.withConfig({componentId:"sc-72e8ab59-1"})(h(),function(a){return a.icon&&"display: flex; align-items: center;"},function(a){return a.text},function(a){return a.darkMode&&"color: #fff; border: 2px solid #fff;"},function(a){return a.text},function(a){return a.blueGradientHover&&"\n border-image-source: linear-gradient(to bottom,#6cdbe6,#2c64ef); \n background: linear-gradient(to bottom,#6cdbe6,#2c64ef);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n "}),k=function(){for(var a=window.location.pathname.split("/"),b=[],c=0;c<a.length;c++)a[c].length>0&&b.push(a[c]);return b.join("-")||"homepage"};b.Z=function(a){var b=a.text,c=a.black,e=a.offBlack,f=a.gradient,g=a.blueGradientHover,h=a.transparent,l=a.darkMode,m=a.onClick,n=a.id,o=a.icon,p=a.linkTo,q=a.headerApiButton,r=a.className,s=void 0===r?"":r,t={};return c&&(t={background:"black"}),e&&(t={background:"#28282A"}),f&&(t={background:"linear-gradient(225deg, #69cbdb 0%, #3176da 97.95%)"}),p&&"/request-demo/"==p&&(m=function(a){a.preventDefault();var b=window.location.search+"&";"&"==b&&(b="?");var c=k();a.ctrlKey||a.metaKey?window.open(p+b+"referring_page="+c,"_blank"):window.location.href=p+b+"referring_page="+c}),p?(0,d.jsx)("a",{href:p,rel:"noopener noreferrer",children:(0,d.jsxs)(j,{blueGradientHover:g,darkMode:l,className:h?"".concat(s," outline primary-button"):"".concat(s," fill primary-button"),id:n,onClick:m,style:t,icon:o,text:b,children:[o&&(0,d.jsx)(i,{src:o,alt:"icon"}),b]})}):(0,d.jsxs)(j,{blueGradientHover:g,darkMode:l,className:h?"".concat(s," outline primary-button"):"".concat(s," fill primary-button"),id:n,onClick:m,style:t,icon:o,text:b,children:[o&&(0,d.jsx)(i,{src:o,alt:"icon"}),b]})}},29866:function(a,b,c){"use strict";c.r(b);var d=c(85893),e=c(67294),f=c(63189);c(11163);var g=c(19521),h=c(69170),i=c(99057),j=c(39994),k=c(71819),l=c(65436),m=c(14996),n=c(35736),o=c(57344);function p(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}function q(){var a=p(["\n overflow: hidden;\n position: relative;\n\n @media only screen and (max-width: 1100px) {\n overflow: hidden;\n }\n\n p {\n font-size: 16px;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .popup-video {\n top: 30px;\n background-color: #000;\n padding: 0;\n\n @media only screen and (max-width: 900px) {\n top: 50px;\n }\n\n #close-x {\n top: -25px;\n right: -35px;\n filter: invert(1);\n\n @media only screen and (max-width: 900px) {\n top: -40px;\n right: 0;\n margin: auto;\n }\n }\n }\n\n .hero-accent-1 {\n @media only screen and (max-width: 1100px) {\n display: none;\n }\n }\n\n #hero-bottom-wrap {\n width: 100%;\n position: relative;\n z-index: -1;\n .accent-hero-bottom {\n position: absolute;\n bottom: -31px;\n left: calc(50% - 1789px);\n z-index: 5;\n }\n }\n"]);return q=function(){return a},a}function r(){var a=p(["\n position: relative;\n z-index: 1;\n padding: 0;\n background: #000;\n margin-bottom: 20px;\n\n #bg-wrap {\n position: absolute;\n height: 100%;\n width: 100%;\n overflow: hidden;\n top: 0;\n right: 0;\n }\n #hero-bg-gradient {\n position: absolute;\n top: -195px;\n right: calc(50% - 871px);\n z-index: -1;\n pointer-events: none;\n @media only screen and (max-width: 1100px) {\n top: unset;\n bottom: -307px;\n right: calc(50% - 466px);\n }\n }\n\n #hero-black-overlay {\n position: absolute;\n height: 100px;\n background: linear-gradient(0deg, #000 20%, transparent 100%);\n left: 0;\n right: 0;\n width: 100%;\n bottom: 0;\n z-index: 1;\n }\n\n .back-arrow {\n font-style: normal !important;\n font-weight: 600 !important;\n font-size: 16px !important;\n line-height: 1 !important;\n color: #0075ff !important;\n cursor: pointer !important;\n margin-top: 15px !important;\n margin-bottom: 60px;\n display: block;\n\n .arrow {\n margin-right: 10px;\n /* transition: transform 0.3s ease; */\n }\n\n &:hover {\n .arrow {\n /* transform: translateX(-10px); */\n }\n }\n }\n\n .case-featured-logo {\n border-radius: 30px;\n line-height: 1;\n margin: 0;\n width: fit-content;\n display: flex;\n margin-bottom: 30px;\n border: 1px solid #fff;\n max-height: 70px;\n overflow: hidden;\n\n @media only screen and (max-width: 1100px) {\n margin: 0 auto 30px auto;\n ",";\n }\n }\n\n .partner-logo-wrap {\n border-radius: 0 30px 30px 0;\n padding: 15px 30px 15px 5px;\n background: #fff;\n width: 100%;\n margin-left: -2px;\n\n .partner-logo {\n height: 20px;\n }\n }\n\n .mx-logo-wrap {\n display: flex;
1\n align-items: center;\n padding-right: 20px;\n background: linear-gradient(-70deg, #fff 0%, #fff 25px, transparent 10px);\n width: 90px;\n\n .mx-logo {\n padding: 0 0 0 20px;\n margin-right: 10px;\n box-sizing: content-box;\n width: 40px;\n height: auto;\n }\n }\n\n .wrapper {\n position: relative;\n width: 1191px;\n max-width: 100%;\n margin: 0 auto;\n padding: 0 20px;\n box-sizing: content-box;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n @media only screen and (max-width: 1250px) {\n box-sizing: border-box;\n }\n @media only screen and (max-width: 1100px) {\n padding: 0;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n @media only screen and (max-width: 600px) {\n box-sizing: border-box;\n }\n\n .hero-cta-btns {\n display: flex;\n width: 100%;\n align-items: center;\n margin-top: 40px;\n position: relative;\n z-index: 5;\n\n @media only screen and (max-width: 1100px) {\n margin: 30px auto 0 auto;\n justify-content: space-between;\n width: 600px;\n justify-content: center;\n }\n @media only screen and (max-width: 700px) {\n width: 100%;\n flex-direction: column;\n }\n\n .primary-button {\n }\n\n .video-btn {\n display: flex;\n align-items: center;\n margin-left: 100px;\n\n @media only screen and (max-width: 700px) {\n text-align: center;\n flex-direction: column;\n margin: 30px auto;\n }\n\n p {\n font-size: 15px;\n font-style: normal;\n font-weight: 700;\n color: #fff;\n\n @media only screen and (max-width: 700px) {\n margin-bottom: 15px;\n }\n }\n\n img {\n margin-left: 20px;\n width: 171px;\n cursor: pointer;\n }\n }\n }\n .hero-img-wrap {\n position: relative;\n top: 48px;\n width: 450px;\n max-width: 100%;\n z-index: 2;\n margin-left: 40px;\n align-self: center;\n\n @media only screen and (max-width: 1200px) {\n margin-left: 0;\n padding-left: 20px;\n }\n\n @media only screen and (max-width: 1100px) {\n padding-left: 0;\n margin: 0 auto;\n width: 100%;\n margin-top: -70px;\n }\n\n .hero-tall-img {\n transform-origin: left;\n pointer-events: none;\n width: 430px;\n top: 90px;\n left: 40px;\n position: relative;\n\n @media only screen and (max-width: 1200px) {\n transform: scale(1);\n }\n\n @media only screen and (max-width: 1100px) {\n padding: 0 20px;\n left: 0px;\n }\n\n @media only screen and (max-width: 600px) {\n width: 100%;\n }\n }\n .hero-user-bottom {\n position: absolute;\n bottom: -144px;\n left: 20px;\n z-index: 5;\n @media only screen and (max-width: 1100px) {\n left: calc(50% - 235px);\n }\n }\n }\n\n .content {\n z-index: 1;\n max-width: 100%;\n padding: 40px 0 50px 0;\n display: flex;\n justify-content: space-between;\n height: 402px;\n\n @media only screen and (max-width: 1100px) {\n height: auto;\n width: 100%;\n padding: 40px 0 0 0;\n flex-direction: column;\n box-sizing: border-box;\n }\n\n h1 {\n color: #fff;\n font-size: 48px;\n font-weight: 600;\n line-height: 1.2;\n margin-bottom: 20px;\n\n @media only screen and (max-width: 600px) {\n font-size: 30px;\n }\n }\n & > div > p {\n color: #fff;\n font-size: 21px;\n font-weight: 300;\n line-height: 1.4;\n margin-bottom: 30px;\n\n @media only screen and (max-width: 1100px) {\n margin: 0 auto;\n }\n @media only screen and (max-width: 600px) {\n font-size: 18px;\n }\n }\n }\n }\n .hero-top {\n top: 33px;\n right: 331px;\n z-index: 3;\n @media only screen and (max-width: 1100px) {\n right: -76px;\n }\n @media only screen and (max-width: 650px) {\n display: none;\n }\n }\n"]);return r=function(){return a},a}function s(){var a=p(["\n width: 1191px;\n max-width: 100%;\n margin: 0 auto;\n position: relative;\n padding: 0 20px;\n box-sizing: content-box;\n margin-top: 100px;\n\n p.intro {\n width: 674px;\n max-width: 100%;\n @media only screen and (max-width: 600px) {\n padding: 0 3
10px;\n }\n }\n\n @media only screen and (max-width: 1100px) {\n flex-direction: column;\n padding: 0 20px;\n box-sizing: border-box;\n }\n\n .hero-accent-1 {\n z-index: 2;\n top: 120px;\n right: -10px;\n\n @media only screen and (max-width: 1100px) {\n top: 135px;\n right: -150px;\n }\n @media only screen and (max-width: 900px) {\n display: none;\n }\n }\n\n p {\n font-size: 16px;\n font-weight: 300;\n line-height: 1.6;\n }\n\n & > p {\n max-width: 100%;\n\n @media only screen and (max-width: 1100px) {\n min-height: initial;\n margin: 0 auto 50px auto;\n text-align: center;\n width: 700px;\n }\n }\n\n #challenge-solution {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n margin: 50px auto;\n\n @media only screen and (max-width: 1100px) {\n flex-direction: column;\n }\n\n p {\n margin: 10px 0;\n }\n\n .col-2 {\n max-width: 100%;\n\n @media only screen and (max-width: 1100px) {\n width: 663px;\n flex-direction: column;\n align-items: center;\n margin: 0 auto;\n text-align: center;\n }\n\n & > div {\n @media only screen and (max-width: 1100px) {\n width: 663px;\n max-width: 100%;\n }\n\n &:first-child {\n margin-right: 40px;\n\n @media only screen and (max-width: 1100px) {\n margin-right: 0;\n }\n }\n }\n }\n\n h2 {\n color: #0075ff;\n font-size: 32px;\n font-weight: 600;\n margin-bottom: 20px;\n\n @media only screen and (max-width: 1100px) {\n text-align: center;\n }\n }\n\n ul {\n padding-left: 20px;\n list-style: disc;\n margin-top: 20px;\n\n li {\n margin: 10px 0;\n line-height: 1.6;\n }\n }\n\n #solution {\n @media only screen and (max-width: 1100px) {\n width: 663px;\n max-width: 100%;\n margin: 0 auto;\n }\n }\n }\n"]);return s=function(){return a},a}function t(){var a=p(["\n background: #000;\n padding: 50px 0 70px;\n text-align: center;\n position: relative;\n\n .accent-benefits-left {\n left: 232px;\n top: -30px;\n z-index: 2;\n }\n\n h2 {\n color: #fff;\n font-size: 32px;\n font-weight: 600;\n margin-bottom: 50px;\n }\n\n .accent-benefits-mid {\n left: calc(50% - -277px);\n bottom: -30px;\n z-index: 2;\n }\n\n .wrapper {\n width: 855px;\n max-width: 100%;\n margin: 0 auto;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n .benefit {\n text-align: center;\n margin: 10px 0;\n padding: 0 40px;\n box-sizing: border-box;\n width: 279px;\n\n @media only screen and (max-width: 950px) {\n width: ",";\n }\n\n @media only screen and (max-width: 950px) {\n width: 100%;\n padding: 20px;\n margin: 0;\n }\n\n img {\n margin-bottom: 20px;\n height: 50px;\n }\n p {\n color: #fff;\n font-size: 14px;\n font-weight: 300;\n line-height: 1.6;\n\n @media only screen and (max-width: 950px) {\n width: 200px;\n max-width: 100%;\n margin: 0 auto;\n }\n }\n }\n }\n"]);return t=function(){return a},a}function u(){var a=p(["\n position: relative;\n padding: 50px 20px;\n box-sizing: content-box;\n\n .accent-feature-1 {\n position: absolute;\n right: 200px;\n bottom: -30px;\n z-index: -1;\n height: 100px;\n\n @media only screen and (max-width: 1100px) {\n display: none;\n }\n }\n\n .accent-feature-2 {\n left: 0;\n top: 0;\n }\n .accent-feature-3 {\n right: 300px;\n bottom: 0;\n\n @media only screen and (max-width: 600px) {\n display: none;\n }\n }\n .accent-feature-bottom {\n left: -300px;\n bottom: -100px;\n\n @media only screen and (max-width: 600px) {\n display: none;\n }\n }\n\n .wrapper {\n width: 1191px;\n max-width: 100%;\n margin: 0 auto;\n }\n .feature {\n display: flex;\n position: relative;\n\n @media only screen and (max-width: 1100px) {\n flex-direction: column-reverse;\n padding: 0 20px;\n margin-top: 20px;\n }\n\n &.v-center {\n align-items: center;\n }\n\n .link-line {\n margin-top: 20px;\n }\n\n .text {\n width: 596px;\n max-width: 100%;\n margin-right: 30px;\n margin-top: 70px;\n\n @media only screen and (max-width: 1100px) {\n margin: 20px auto !important;\n }\n\n h3 {\n font-size: 32px;\n font-style: normal;\n font-weight: 700;\n line-height: 1;\n margin-bottom: 30px;\n }\n p {\n font-size: 16px;\n font-weight: 300;\n line-height: 1.5;\n }\n }\n img {\n width: 600px;\n max-width: 100%;\n }\n &.reverse {\n flex-direction: row-reverse;\n\n @media only screen and (max-width: 1100px) {\n flex-direction: column-reverse;\n }\n\n .text {\n margin-left: 30px;\n margin-right: 0;\n }\n }\n\n #product-image-1 {\n position: relative;\n left: 30px;\n top: 50px;\n @media only screen and (max-width: 1100px) {\n left: unset;\n top: -42px;\n margin-top: 80px;\n }\n }\n\n #product-image-2 {\n scale: 1.2;\n position: relative;\n left: -61px;\n top: 50px;\n @media only screen and (max-width: 1100px) {\n left: unset;\n top: -42px;\n margin-top: 120px;\n }\n }\n\n #product-image-3 {\n scale: 0.9;\n position: relative;\n left: 1px;\n top: 1px;\n @media only screen and (max-width: 1100px) {\n left: unset;\n top: -20px;\n margin-top: 100px;\n }\n }\n }\n"]);return u=function(){return a},a}function v(){var a=p(["\n z-index: 1;\n position: absolute;\n ",";\n ","\n ","\n ","\n width: ",";\n background: #000;\n height: ",";\n"]);return v=function(){return a},a}function w(){var a=p(["\n position: relative;\n .consumers-top {\n position: absolute;\n top: -26px;\n left: calc(50% - 1225px);\n z-index: 1;\n }\n .consumers-bottom {\n position: absolute;\n bottom: -65px;\n left: calc(50% - 722px);\n z-index: 1;\n }\n\n .wrap {\n background: black;\n position: relative;\n }\n\n .inner {\n position: relative;\n z-index: 2;\n text-align: center;\n width: 1180px;\n color: #fff;\n font-size: 32px;\n line-height: 45px;\n box-sizing: border-box;\n max-width: 100%;\n margin: 0px auto;\n padding: 60px 30px;\n }\n"]);return w=function(){return a},a}
1function x(){var a=p(["\n padding: 0 30px;\n .wrap {\n justify-content: center;\n display: flex;\n align-items: center;\n\n @media only screen and (max-width: 1050px) {\n flex-direction: column;\n display: flex;\n }\n\n @media only screen and (max-width: 690px) {\n align-items: flex-start;\n display: flex;\n }\n\n p {\n width: 304px;\n color: #000;\n font-size: 16px;\n font-weight: 400;\n line-height: 26px;\n @media only screen and (max-width: 1050px) {\n margin-bottom: 30px;\n }\n @media only screen and (max-width: 690px) {\n width: 100%;\n box-sizing: border-box;\n padding: 30px;\n }\n }\n }\n\n .graph-wrap-1 {\n margin: 0px 0px 0px 92px;\n }\n\n @media only screen and (max-width: 1050px) {\n .graph-wrap-1 {\n margin: 43px auto 0px auto;\n }\n }\n\n @media only screen and (max-width: 922px) {\n .graph-wrap-1 {\n max-width: 100%;\n }\n }\n\n .graph-1 {\n width: 670px;\n @media only screen and (max-width: 902px) {\n max-width: 90%;\n display: block;\n margin: auto;\n }\n }\n\n .wrap-2 {\n justify-content: center;\n display: flex;\n align-items: center;\n\n @media only screen and (max-width: 1050px) {\n flex-direction: column-reverse;\n display: flex;\n }\n\n @media only screen and (max-width: 690px) {\n align-items: flex-start;\n display: flex;\n }\n\n p {\n width: 367px;\n color: #000;\n font-size: 16px;\n font-weight: 400;\n line-height: 26px;\n @media only screen and (max-width: 1050px) {\n margin-bottom: 30px;\n }\n @media only screen and (max-width: 690px) {\n width: 100%;\n box-sizing: border-box;\n padding: 30px;\n }\n }\n }\n\n .graph-wrap-2 {\n margin: 0px 104px 0px 0px;\n }\n\n @media only screen and (max-width: 1050px) {\n .graph-wrap-2 {\n margin: 43px auto 0px auto;\n }\n }\n\n @media only screen and (max-width: 900px) {\n .graph-wrap-2 {\n max-width: 100%;\n }\n }\n\n .graph-2 {\n width: 672px;\n @media only screen and (max-width: 902px) {\n max-width: 90%;\n margin: auto;\n display: block;\n }\n }\n"]);return x=function(){return a},a}function y(){var a=p(["\n display: flex;\n justify-content: center;\n position: relative;\n\n .accent-credit-card-user-top-left {\n position: absolute;\n top: 231px;\n left: calc(50% - 721px);\n z-index: 1;\n }\n\n .accent-credit-card-user-bottom-right {\n position: absolute;\n bottom: 56px;\n right: calc(50% - 756px);\n z-index: 1;\n }\n\n .wrap {\n position: relative;\n }\n\n .bubble-user {\n width: 958.784px;\n max-width: 90%;\n display: block;\n position: relative;\n left: 50px;\n }\n"]);return y=function(){return a},a}function z(){var a=p(["\n .wrap {\n flex-direction: column;\n display: flex;\n }\n\n .top-p {\n text-align: center;\n width: 630px;\n margin: 34px auto 42px auto;\n padding: 0 30px;\n box-sizing: border-box;\n max-width: 100%;\n }\n\n .pointer-wrap {\n flex-wrap: wrap;\n max-width: 100%;\n margin: 0px auto 0px auto;\n width: 1220px;\n display: flex;\n justify-content: center;\n }\n\n .bottom-p {\n text-align: center;\n width: 1010px;\n margin: 45px auto 31px auto;\n padding: 0 30px;\n box-sizing: border-box;\n max-width: 100%;\n }\n\n .pointer {\n color: #000;\n text-align: center;\n width: 297px;\n padding: 18px 30px;\n box-sizing: border-box;\n margin: 20px;\n align-items: center;\n display: flex;\n background: white;\n\n border-radius: 10px;\n border: 1px solid #0075ff;\n background: #fff;\n box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);\n\n p {\n font-size: 18px;\n font-weight: 400;\n line-height: 30px;\n }\n\n span {\n background: linear-gradient(\n 249deg,\n #9b3fdf 25.89%,\n #0075ff 58.19%,\n #00c3ff 88.54%\n );\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-size: 18px;\n font-style: normal;\n font-weight: 700;\n line-height: 30px;\n }\n }\n"]);return z=function(){return a},a}c(61958);var A=g.default.div.withConfig({componentId:"sc-204f51bd-0"})(q()),B=g.default.div.withConfig({componentId:"sc-204f51bd-1"})(r(),function(a){return"".concat(a.noHeaderImage&&"margin: 30px auto")}),C=g.default.div.withConfig({componentId:"sc-204f51bd-2"})(s()),D=g.default.div.withConfig({componentId:"sc-204f51bd-3"}
1)(t(),function(a){return a.benefits?"".concat(100/(a.benefits/2),"%"):"0"}),E=g.default.div.withConfig({componentId:"sc-204f51bd-4"})(u()),F=g.default.div.withConfig({componentId:"sc-204f51bd-5"})(v(),function(a){return a.top&&"top: ".concat(a.top,";")},function(a){return a.bottom&&"bottom: ".concat(a.bottom,";")},function(a){return a.left&&"left: ".concat(a.left,";")},function(a){return a.right&&"right: ".concat(a.right,";")},function(a){return a.width?a.width:"100%"},function(a){return a.height?a.height:"50px"}),G=g.default.div.withConfig({componentId:"sc-204f51bd-6"})(w()),H=g.default.div.withConfig({componentId:"sc-204f51bd-7"})(x()),I=g.default.div.withConfig({componentId:"sc-204f51bd-8"})(y()),J=g.default.div.withConfig({componentId:"sc-204f51bd-9"})(z());b.default=function(a){var a=null!==a?a:function(a){throw a}(new TypeError("Cannot destructure undefined")),b=(0,e.useState)(!1);return b[0],b[1],(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(f.Z,{title:"Embedded Financial Wellness Tools | MX Case Study",meta:"See how embedded PFM and financial wellness tools can drive higher engagement and deposits with consumers.",metaImage:"https://assets.mx.com/images/case-studies/cure-for-lost-deposits/meta.jpg"}),(0,d.jsx)(h.Z,{}),(0,d.jsxs)(A,{children:[(0,d.jsxs)(B,{className:"hero",children:[(0,d.jsx)("div",{id:"bg-wrap",children:(0,d.jsx)("img",{src:"https://assets.mx.com/images/case-studies/cure-for-lost-deposits/bg-gradient.svg",alt:"background gradient",id:"hero-bg-gradient"})}),(0,d.jsx)("div",{className:"wrapper",children:(0,d.jsxs)("div",{className:"content",children:[(0,d.jsxs)("div",{children:[(0,d.jsxs)("a",{className:"back-arrow",href:"/case-studies/",children:[(0,d.jsx)(m.Z,{color:"#0075FF",direction:"left"}),"View All Case Studies"]}),(0,d.jsx)("h1",{children:"The Cure for Lost Deposits"}),(0,d.jsx)("p",{children:"How Engaged Customers Lead to Higher Deposits and Lasting Relationships"}),(0,d.jsx)("div",{className:"hero-cta-btns",children:(0,d.jsx)(n.Z,{text:"Download the PDF",href:"https://assets.mx.com/images/case-studies/cure-for-lost-deposits/cure-for-lost-deposits.pdf"})})]}),(0,d.jsx)(k.Z,{className:"hero-top",url:"https://assets.mx.com/images/accent-graphics/case-studies/cure-for-lost-deposits/hero-top.svg"}),(0,d.jsxs)("div",{className:"hero-img-wrap",children:[(0,d.jsx)("img",{className:"hero-tall-img",src:"https://assets.mx.com/images/case-studies/cure-for-lost-deposits/header-user.png",alt:"product image"}),(0,d.jsx)(k.Z,{className:"hero-user-bottom",url:"https://assets.mx.com/images/accent-graphics/case-studies/cure-for-lost-deposits/hero-user-bottom.svg"})]})]})})]}),(0,d.jsx)("div",{id:"hero-bottom-wrap",children:(0,d.jsx)(k.Z,{className:"accent-hero-bottom",url:"https://assets.mx.com/images/accent-graphics/case-studies/cure-for-lost-deposits/hero-bottom.svg"})}),(0,d.jsx)(o.Z,{size:12,mobile:1100,mSize:140}),(0,d.jsxs)(C,{children:[(0,d.jsxs)("p",{className:"intro",children:["Deposits are the lifeblood of financial institutions. However, they are falling across a majority of financial institutions. In fact, S&P Global reported the"," ",(0,d.jsxs)("a",{target:"_blank",rel:"noreferrer",href:"https://www.spglobal.com/marketintelligence/en
1/news-insights/latest-news-headlines/us-banks-report-872b-yoy-drop-in-deposits-77596674",children:["U.S. banking industry","'","s deposits contracted 4.8% year over year."]})," ","From catastrophic bank runs to consumers flocking to new accounts from technology industry giants, whatâs key to reversing the trend?"]}),(0,d.jsx)(o.Z,{size:20}),(0,d.jsxs)("div",{id:"challenge-solution",children:[(0,d.jsxs)("div",{id:"challenge",className:"col-2",children:[(0,d.jsx)("h2",{children:"The Challenge"}),(0,d.jsx)("div",{children:(0,d.jsx)("div",{children:(0,d.jsxs)("p",{children:["A complex set of factors are making it harder than ever to grow and retain deposits. Coupled with increasing demands from consumers for personalized and engaging digital experiences, financial institutions may continue to see declining deposits unless they take action. In fact, todayâs digital-first consumers are more willing to switch to a new provider than ever before."," ",(0,d.jsx)("a",{href:"/research/what-influences-where-consumers-choose-to-bank/",children:"Half of consumers have opened a new bank account"})," ","or considered switching financial providers within the last 6 months, according to MX research."]})})})]}),(0,d.jsx)(o.Z,{size:50}),(0,d.jsxs)("div",{id:"solution",className:"col-2",children:[(0,d.jsx)("h2",{children:"The Solution"}),(0,d.jsx)("p",{children:"MX looked closely at the behavior of more than 10 million consumers over the past 12 months and found that engagement with financial wellness tools is key to growing and retaining deposits. In fact, the data shows consumers who actively engaged with their digital financial solution consistently outperformed non-engaged users."})]})]}),(0,d.jsx)(o.Z,{size:50})]}),(0,d.jsxs)(G,{children:[(0,d.jsx)(k.Z,{className:"consumers-top",url:"https://assets.mx.com/images/accent-graphics/case-studies/cure-for-lost-deposits/consumers-top.svg"}),(0,d.jsx)("div",{className:"wrap",children:(0,d.jsxs)("div",{className:"inner",children:["Consumers who engage regularly and often with mobile and digital banking services are"," ",(0,d.jsx)("b",{children:"more loyal, have less turnover, and maintain higher deposit balances"})," ","than less engaged consumers. And, the more they engage,"," ",(0,d.jsx)("b",{children:"the greater the positive impact on deposits."})]})}),(0,d.jsx)(k.Z,{className:"consumers-bottom",url:"https://assets.mx.com/images/accent-graphics/case-studies/cure-for-lost-deposits/consumers-bottom.svg"})]}),(0,d.jsx)(o.Z,{size:100}),(0,d.jsxs)(H,{children:[(0,d.jsxs)("div",{className:"wrap",children:[(0,d.jsx)("p",{children:"Consumers who regularly engaged with MXâs personal financial management (PFM) features â specifically creating and using budgets â within their mobile banking experiences had the highest deposit levels and grew those balances during the year, even as deposit balances fell for those who didnât engage as often."}),(0,d.jsx)("div",{className:"graph-wrap-1",children:(0,d.jsx)("img",{alt:"mx consumers graph",className:"graph-1",src:"https://assets.mx.com/images/case-studies/cure-for-lost-deposits/graph-1.png"})})]}),(0,d.jsx)(o.Z,{size:100}),(0,d.jsxs)("div",{className:"wrap-2",children:[(0,d.jsx)("div",{className:"graph-wrap-2",children:(0,d.jsx)("img",{alt:"mx consumers graph",className:"graph-2",src:"https://assets.mx.com/images/case-studies/cure-for-lost-deposits/graph-2.png"})}),(0,d.jsxs)("p",{children:["While growing their deposit balances, these users also managed their credit card debt more effectively than others, even during a period of high inflation and increasing consumer debt levels.",(0,d.jsx)("br",{}),(0,d.jsx)("br",{}),"These are great examples of how using MXâs financial wellness widgets and tools enable consumers to better understand and manage their finances. With the insights generated from these tools, consumers are able to spend less than they earn, build up their savings, and avoid debt â all of which drive improved financial wellness for the consumer and in turn, better outcomes for the financial institution."]})]}),(0,d.jsx)(o.Z,{size:100})]}),(0,d.jsxs)(I,{children:[(0,d.jsx)(k.Z,{className:"accent-credit-card-user-top-left",url:"https://assets.mx.com/images/accent-graphics/case-studies/cure-for-lost-deposits/credit-card-user-top-left.svg"}),(0,d.jsx)("div",{className:"wrap",children:(0,d.jsx)("img",{alt:"credit card balance facts",className:"bubble-user",src:"https://assets.mx.com/images/case-studies/cure-for-lost-deposits/credit-card-balance-user.png"})}),(0,d.jsx)(k.Z,{className:"accent-credit-card-user-bottom-right",url:"https://assets.mx.com/images/accent-graphics/case-studies/cure-for-lost-deposits/credit-card-user-bottom-right.svg"})]}),(0,d.jsx)(J,{children:(0,d.jsxs)("div",{className:"wrap",children:[(0,d.jsxs)("p",{className:"top-p",children:["In addition, our data shows the first 30 days of onboarding a consumer can influence and build long-term digital engagement.",(0,d.jsx)("br",{}),(0,d.jsx)("br",{}),"Just look at the stats:"]}),(0,d.jsxs)("div",{className:"pointer-wrap",children:[(0,d.jsx)("div",{className:"pointer",children:(0,d.jsxs)("p",{children:["Consumers who interact with MXâs PFM tools at least one day during their first month are"," ",(0,d.jsx)("span",{children:"176% more likely to be digitally engaged after one year"})," ","than those who donât."]})}),(0,d.jsx)("div",{className:"pointer",children:(0,d.jsxs)("p",{children:["Consumers who establish direct deposit during the first 30 days of their banking relationship are"," ",(0,d.jsx)("span",{children:"76% more likely to be digitally engaged"})," a year later than those without direct deposit."]})}),(0,d.jsx)("div",{className:"pointer",children:(0,d.jsxs)("p",{children:["Consumers who connect at least one or more external financial accounts are"," ",(0,d.jsx)("span",{children:"48% more likely to be digitally active"})," a year later than those who donât."]})}),(0,d.jsx)("div",{className:"pointer",children:(0,d.jsxs)("p",{children:["Consumers who make at least one mobile transfer during their first month are",(0,d.jsx)("br",{}),(0,d.jsx)("span",{children:"195% more likely to be digitally engaged"})," a year later than those who donât."]})}),(0,d.jsx)("div",{className:"pointer",children:(0,d.jsxs)("p",{children:["Consumers who log in at least once during their first month are ",(0,d.jsx)("span",{children:"26% more likely to be digitally"})," engaged after a year."]})}),(0,d.jsx)("div",{className:"pointer",children:(0,d.jsxs)("p",{children:["For those who log in on at least four separate days during their first month, they are"," ",(0,d.jsx)("span",{children:"550% more likely to still be active a year later."})]})})]}),(0,d.jsx)("p",{className:"bottom-p",children:"âWhile we donât have specific details about each financial institutionâs onboarding experience, the data clearly shows that efforts to educate and engage consumers are critical to long-term success,â said Clint Johnson, Director of Professional Services at MX. âBy focusing on customer outcomes and creating personalized, intuitive experiences from Day 1 of the relationship, financial institutions can not only maintain deposits but grow them â even in an increasingly challenging market.â"})]})}),(0,d.jsx)(o.Z,{size:100}),(0,d.jsxs)(D,{benefits:3,children:[(0,d.jsx)(F,{top:"-10px",right:"0",left:"0",width:"80%",style:{borderRadius:"50px 50px 0 0",margin:"0 auto"}}),(0,d.jsx)("h2",{children:"Key Benefits"}),(0,d.jsxs)("div",{className:"wrapper",children:[(0,d.jsx)(k.Z,{className:"accent-benefits-left",url:"https://assets.mx.com/images/accent-graphics/resources/case-studies/indv/dots-benefits-left.svg"}),(0,d.jsx)(k.Z,{className:"accent-benefits-mid",url:"https://assets.mx.com/images/accent-graphics/resources/case-studies/indv/dots-benefits-mid.svg"}),(0,d.jsxs)("div",{className:"benefit",children:[(0,d.jsx)("img",{src:"https://assets.mx.com/images/case-studies/cure-for-lost-deposits/benefit-icon-1.svg",alt:"icon"}),(0,d.jsx)("p",{children:"Deliver personalized data- driven insights to increase customer engagement"})]}),(0,d.jsxs)("div",{className:"benefit",children:[(0,d.jsx)("img",{src:"https://assets.mx.com/images/case-studies/cure-for-lost-deposits/benefit-icon-2.svg",alt:"icon"}),(0,d.jsx)("p",{children:"Build stronger customer relationships with actionable insights and outcomes"})]}),(0,d.jsxs)("div",{className:"benefit",children:[(0,d.jsx)("img",{src:"https://assets.mx.com/images/case-studies/cure-for-lost-deposits/benefit-icon-3.svg",alt:"icon"}),(0,d.jsx)("p",{children:"Increase deposits and create long- term loyalty with superior mobile and digital money experiences"})]})]})]}),(0,d.jsx)(o.Z,{size:30}),(0,d.jsxs)(E,{children:[(0,d.jsxs)("div",{className:"wrapper",children:[(0,d.jsxs)("div",{className:"feature v-center",children:[(0,d.jsxs)("div",{className:"text",children:[(0,d.jsx)("h3",{children:"About MX Insights"}),(0,d.jsx)("p",{children:"MX Insights delivers a combination of personal financial management, predictive financial guidance, and financial wellness capabilities that helps organizations to translate data into actionable insights. It enables organizations to gain more value from their data, power the best experiences, and improve engagement so their consumers can become financially strong."}),(0,d.jsx)(j.Z,{href:"/products/financial-insights/",children:"Learn More"})]}),(0,d.jsx)("img",{className:"accent-feature-1",src:"https://assets.mx.com/images/news/blog-quote-accent.svg",alt:"accent"}),(0,d.jsx)("img",{id:"product-image-1",src:"https://assets.mx.com/images/resources/case-study/mercantile/feature-1.png",alt:"product image"})]}),(0,d.jsxs)("div",{className:"feature reverse v-center",children:[(0,d.jsxs)("div",{className:"text",children:[(0,d.jsx)("h3",{children:"About MX Mobile Banking"}),(0,d.jsx)("p",{children:"MX offers a fully-featured digital banking platform that empowers financial institutions and fintechs to deliver data-driven, contextual, and personalized experiences."}),(0,d.jsx)(j.Z,{href:"/products/mobile-banking/",children:"Learn More"})]}),(0,d.jsx)("img",{id:"product-image-2",src:"https://assets.mx.com/images/case-studies/cure-for-lost-deposits/mobile-banking-apps.png",alt:"product image"})]}),(0,d.jsxs)("div",{className:"feature v-center",children:[(0,d.jsxs)("div",{className:"text",children:[(0,d.jsx)("h3",{children:"About MX Personal Financial Management"}),(0,d.jsx)("p",{children:"MX Personal Financial Management simplifies consumer interactions with their finances from connecting all their accounts in one place, to best-in-class digital money management and notification capabilities."}),(0,d.jsx)(j.Z,{href:"/products/personal-financial-management/",children:"Learn More"})]}),(0,d.jsx)("img",{src:"https://assets.mx.com/images/case-studies/cure-for-lost-deposits/pfm-elements.png",alt:"product image",id:"product-image-3"})]})]}),(0,d.jsx)(o.Z,{size:0,mSize:100,mobile:1100}),(0,d.jsx)(k.Z,{className:"accent-feature-bottom",url:"https://assets.mx.com/images/accent-graphics/resources/case-studies/indv/dots-feature-bottom.svg"})]}),(0,d.jsx)(l.Z,{header:"Ready to Get Started?",paragraph:"Explore how MX can help you get the most from financial data and build better money experiences for consumers.",btnText:"Request Demo",btnHref:"/request-demo/",blueButton:!0})]}),(0,d.jsx)(i.Z,{})]})}},11405:function(a,b){"use strict";b.Z={isDivVerticallyCentered:function(a,b){var c=a.getBoundingClientRect(),d=window.innerHeight/2;return c.top<=d+b&&c.bottom>=d-b},isHalfInViewport:function(a){var b=a.getBoundingClientRect();return b.top+b.height/2>=0&&b.bottom-b.height/2<=window.innerHeight}}}},function(a){a.O(0,[32055,7080,31672,49774,92888,40179],function(){return a(a.s=46599)}),_N_E=a.O()}])
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.