PageSourceSearch

https://www.mx.com/_next/static/chunks/pages/data-into-growth-568ca718bfa23b7a.js

js mx.com collected 2026-09-24 09:28:44 UTC 32,856 bytes, 1 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[89903],{69110:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/data-into-growth",function(){return c(92563)}])},30609:function(a,b,c){"use strict";c.d(b,{Z:function(){return j}});var d=c(85893),e=c(19521),f=c(21801),g=c(79617);function h(){var a,b,c=(a=["\n  --sf-accent: #0075ff;\n\n  ","\n\n  background: #fff;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.25);\n\n  /* Gradient header */\n  .demo-header {\n    background: linear-gradient(\n      279deg,\n      #9b3fdf 4.21%,\n      #0075ff 55.6%,\n      #00c3ff 100%\n    );\n    padding: 30px 40px;\n\n    h2 {\n      font-size: 24px;\n      font-weight: 700;\n      letter-spacing: -0.36px;\n      color: #fff;\n      margin: 0;\n      line-height: 1.2;\n\n      @media (max-width: 600px) {\n        font-size: 26px;\n      }\n    }\n    p {\n      color: rgba(255, 255, 255, 0.85);\n      font-size: 15px;\n      margin: 8px 0 0;\n    }\n  }\n\n  /* Form body */\n  .demo-body {\n    background: #f8f9fb;\n    padding: 50px 40px;\n\n    @media (max-width: 600px) {\n      padding: 24px 20px 28px;\n    }\n  }\n\n  /* 2-col grid; selects and textarea fields span full width */\n  .sf-form {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px 28px;\n\n    @media (max-width: 600px) {\n      grid-template-columns: 1fr;\n    }\n  }\n  .sf-field--select,\n  .sf-field--textarea,\n  .sf-field--full {\n    grid-column: 1 / -1;\n  }\n\n  /* Floating label */\n  .sf-field {\n    position: relative;\n    padding-top: 18px;\n  }\n  .sf-label {\n    position: absolute;\n    top: 22px;\n    left: 0;\n    font-size: 14px;\n    font-weight: 400;\n    color: #999;\n    pointer-events: none;\n    transition:\n      top 0.18s ease,\n      font-size 0.18s ease,\n      color 0.18s ease;\n    line-height: 1;\n    margin: 0;\n  }\n  /* Float up on focus or when the field has a value */\n  .sf-field:focus-within .sf-label,\n  .sf-field--has-value .sf-label {\n    top: 0;\n    font-size: 11px;\n    color: var(--sf-accent);\n    font-weight: 500;\n  }\n  /* Selects always show the label floated since they always display a value */\n  .sf-field--select .sf-label {\n    top: 0;\n    font-size: 11px;\n    font-weight: 500;\n  }\n  /* Error: label turns red when not focused */\n  .sf-field--error:not(:focus-within) .sf-label {\n    color: #e0392d;\n  }
1\n\n  /* Underline-only inputs */\n  .sf-input,\n  .sf-select,\n  .sf-textarea {\n    border: none;\n    border-bottom: 1.5px solid #ccc;\n    border-radius: 0;\n    background-color: transparent;\n    padding: 4px 0 8px;\n    height: 36px;\n\n    &:focus {\n      border-color: var(--sf-accent);\n      background-color: transparent;\n    }\n  }\n  .sf-field--error .sf-input,\n  .sf-field--error .sf-select,\n  .sf-field--error .sf-textarea {\n    border-color: #e0392d;\n  }\n  .sf-textarea {\n    height: auto;\n    padding: 4px 0 8px;\n  }\n\n  /* Span both columns so justify-self: center (from base) can center the pill */\n  .sf-submit {\n    grid-column: 1 / -1;\n  }\n\n  /* Fine print */\n  .demo-fine-print {\n    font-size: 12px;\n    color: #888;\n    text-align: center;\n    line-height: 1.7;\n    margin: 20px 0 0;\n\n    a {\n      color: #0075ff;\n      text-decoration: none;\n      &:hover {\n        text-decoration: underline;\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=e.default.div.withConfig({componentId:"sc-eba3a08e-0"})(h(),g.Z);function j(a){var b=a.formId,c=a.fields,e=a.submitText,g=a.onSubmit,h=a.onLoad,j=a.header,k=a.subheader,l=a.debug;return(0,d.jsxs)(i,{children:[(0,d.jsxs)("div",{className:"demo-header",children:[(0,d.jsx)("h2",{children:void 0===j?"Talk with Our Team":j}),k&&(0,d.jsx)("p",{children:k})]}),(0,d.jsxs)("div",{className:"demo-body",children:[(0,d.jsx)(f.Z,{formId:b,fields:c,submitText:void 0===e?"Submit":e,onSubmit:g,onLoad:h,debug:l}),(0,d.jsxs)("p",{className:"demo-fine-print",children:["By submitting this form, you are confirming you have read and agree to our ",(0,d.jsx)("a",{href:"/terms",children:"Terms and Conditions"})," and"," ",(0,d.jsx)("a",{href:"/privacy",children:"Privacy Statement"}),"."]})]})]})}},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},92563:function(a,b,c){"use strict";c.r(b);var d=c(85893),e=c(58192),f=c(67294),g=c(19521),h=c(69170),i=c(63189),j=c(99057),k=c(35736);c(39994);var l=c(30609);function m(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}function n(){var a=m(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px 48px;\n  font-size: 16px;\n  font-weight: 500;\n  color: #fff;\n  background: transparent;\n  border: none;\n  border-radius: 50px;\n  cursor: pointer;\n  position: relative;\n  text-decoration: none;\n\n  /* Gradient border using pseudo-element */\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: 50px;\n    padding: 2px;\n    background: linear-gradient(135deg, #a855f7, #6366f1, #22d3d3);\n    -webkit-mask:\n      linear-gradient(#fff 0 0) content-box,\n      linear-gradient(#fff 0 0);\n    -webkit-mask-composite: xor;\n    mask-composite: exclude;\n  }\n\n  &:hover {\n    &::before {\n      background: linear-gradient(135deg, #c084fc, #818cf8, #5eead4);\n    }\n  }\n"]);return n=function(){return a},a}function o(){var a=m(["\n  background: #000;\n  color: #fff;\n  contain: paint;\n  scroll-behavior: smooth;\n\n  .lower-cta {\n    margin-top: 40px;\n  }\n\n  h1 {\n    color: #fff;\n    text-align: center;\n    font-size: 84px;\n    font-style: normal;\n    font-weight: 300;\n    line-height: 1.1;\n    letter-spacing: 1.68px;\n\n    @media only screen and (max-width: 1100px) {\n      font-size: 56px;\n    }\n\n    @media only screen and (max-width: 900px) {\n      font-size: 48px;\n    }\n\n    @media only screen and (max-width: 600px) {\n      font-size: 30px;\n    }\n  }\n\n  h2 {\n    @media only screen and (max-width: 600px) {\n      font-size: 40px !important;\n    }\n  }\n\n  p {\n    font-size: 16px;\n    font-weight: 200 !important;\n    line-height: 1.4;\n\n    @media only screen and (max-width: 600px) {\n      font-size: 14px !important;\n    }\n  }\n\n  h1,\n  h2,\n  h3,\n  h4 {\n    color: #fff;\n  }\n"]);return o=function(){return a},a}function p(){var a=m(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 120px 40px 0;\n  margin-bottom: 100px;\n  overflow: hidden;\n\n  @media only screen and (max-width: 900px) {\n    padding: 100px 20px 0;\n    min-height: auto;\n  }\n\n  .hero-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 0;\n\n    img {\n      position: absolute;\n    }\n\n    .hero-gradient-background {\n      top: -200px;\n      right: calc(50% - 1040px);\n      z-index: 0;\n\n      @media only screen and (max-width: 600px) {\n        display: none;\n      }\n    }\n\n    .hero-image {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 1300px;\n      z-index: 0;\n\n      @media only screen and (max-width: 600px) {\n        display: none;\n      }\n    }\n\n    .hero-phone-overlay {\n      z-index: 2;\n      width: 400px;\n      max-width: 100%;\n      left: 50%;\n      transform: translateX(-47%);\n\n      @media only screen and (max-width: 600px) {\n        display: none;\n      }\n    }\n\n    .hero-image-mobile {\n      display: none;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      z-index: 0;\n\n      @media only screen and (max-width: 600px) {\n        display: block;\n      }\n    }\n  }\n\n  .hero-content {\n    text-align: center;\n    position: relative;\n    z-index: 1;\n    max-width: 1200px;\n    margin: 0 auto;\n    width: 100%;\n  }\n\n  .hero-text {\n    text-align: center;\n    width: 1150px;\n    max-width: 100%;\n    margin: 260px auto 0 auto;\n    position: relative;\n    z-index: 2;\n    padding: 48px 60px 40px;\n\n    &::before {\n      content: \"\";\n      position: absolute;\n      top: -50px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 100vw;\n      height: calc(100% + 50px);\n      background: linear-gradient(to bottom, transparent 0%, #000 150px);\n      z-index: -1;\n    }\n\n    @media only screen and (max-width: 600px) {\n      width: 270px;\n      padding: 40px 0;\n      margin: 0 auto;\n    }\n\n    p {\n      font-size: 24px;\n      font-weight: 300;\n      line-height: 1.6;\n      margin: 32px 0;\n\n      @media only screen and (max-width: 600px) {\n        font-size: 12px;\n      }\n    }\n  }\n\n  .primary-button {\n    margin: 0 auto;\n  }\n"]);return p=function(){return a},a}function q(){var a=m(["\n  position: relative;\n  padding: 120px 40px 60px;\n  margin-bottom: 100px;\n  overflow: hidden;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 160px;\n    background: linear-gradient(to bottom, #000, transparent);\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 750px;\n    background: linear-gradient(to bottom, transparent, #000);\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  @media only screen and (max-width: 1000px) {\n    padding: 120px 20px 60px;\n    min-height: auto;\n  }\n\n  .hero-background {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    pointer-events: none;\n    mask-image:\n      linear-gradient(to right, transparent, black 15%, black 85%, transparent),\n      linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);\n    mask-composite: intersect;\n    -webkit-mask-image:\n      linear-gradient(to right, transparent, black 15%, black 85%, transparent),\n      linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);\n    -webkit-mask-composite: source-in;\n\n    img {\n      position: absolute;\n    }\n\n    .hero-gradient-background {\n      top: -200px;\n      right: calc(50% - 1040px);\n\n      @media only screen and (max-width: 600px) {\n        display: none;\n      }\n    }\n\n    .hero-image {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 1300px;\n      z-index: 0;\n\n      @media only screen and (max-width: 600px) {\n        display: none;\n      }\n    }\n\n    .hero-phone-overlay {\n      z-index: 2;\n      width: 400px;\n      max-width: 100%;\n      left: 50%;\n      transform: translateX(-47%);\n\n      @media only screen and (max-width: 600px) {\n        display: none;\n      }\n    }\n\n    .hero-image-mobile {\n      display: none;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      z-index: 0;\n\n      @media only screen and (max-width: 600px) {\n        display: block;\n      }\n    }\n  }\n\n  .hero-inner {\n    position: relative;\n    z-index: 2;\n    display: flex;
1\n    align-items: center;\n    max-width: 1150px;\n    margin: 0 auto;\n\n    @media only screen and (max-width: 1000px) {\n      flex-direction: column;\n      gap: 60px;\n    }\n  }\n\n  .hero-left {\n    flex: 1;\n    max-width: 560px;\n    position: relative;\n\n    @media only screen and (max-width: 1000px) {\n      max-width: 100%;\n      text-align: center;\n    }\n\n    h1 {\n      font-size: 64px;\n      font-weight: 300;\n      line-height: 1.1;\n      letter-spacing: 1.2px;\n      margin-bottom: 24px;\n      text-align: left;\n\n      @media only screen and (max-width: 1000px) {\n        text-align: center;\n        font-size: 48px;\n      }\n\n      @media only screen and (max-width: 600px) {\n        font-size: 32px;\n      }\n    }\n\n    p {\n      font-size: 20px !important;\n      font-weight: 300 !important;\n      line-height: 1.6;\n      color: rgba(255, 255, 255, 0.75);\n      margin-bottom: 0;\n\n      @media only screen and (max-width: 600px) {\n        font-size: 14px !important;\n      }\n    }\n  }\n\n  .hero-right {\n    flex-shrink: 0;\n    width: 460px;\n    max-width: 100%;\n    margin-left: 80px;\n\n    @media only screen and (max-width: 1000px) {\n      margin-left: 0;\n      width: 100%;\n      max-width: 500px;\n    }\n  }\n"]);return q=function(){return a},a}function r(){var a=m(["\n  position: relative;\n  z-index: 2;\n  max-width: 100%;\n  width: 800px;\n  margin: 60px auto 0;\n  padding: 40px 40px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n\n  @media only screen and (max-width: 900px) {\n    gap: 36px;\n    padding: 40px 20px;\n    width: 400px;\n  }\n\n  @media only screen and (max-width: 600px) {\n    column-gap: 15px;\n    width: 90%;\n    margin-top: 0;\n  }\n\n  img {\n    height: auto;\n    width: 100px;\n    opacity: 1;\n    /* filter: brightness(0) invert(1); */\n\n    @media only screen and (max-width: 600px) {\n      width: 55px;\n    }\n  }\n"]);return r=function(){return a},a}function s(){var a=m(["\n  position: relative;\n  padding: 100px 40px;\n  background: #000;\n  overflow: hidden;\n  width: 100%;\n\n  @media only screen and (max-width: 900px) {\n    padding: 60px 20px;\n  }\n\n  .section-content {\n    width: 1150px;\n    max-width: 100%;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 80px;\n\n    @media only screen and (max-width: 950px) {\n      flex-direction: column;\n      gap: 40px;\n    }\n  }\n\n  .text-content {\n    width: 450px;\n    max-width: 100%;\n\n    @media only screen and (max-width: 600px) {\n      width: 255px;\n      text-align: center;\n    }\n\n    h2 {\n      font-size: 60px;\n      font-weight: 300;\n      margin-bottom: 20px;\n      line-height: 1.2;\n\n      @media only screen and (max-width: 900px) {\n        font-size: 50px;\n      }\n    }\n\n    p {\n      width: 85%;\n      font-weight: 300;\n      line-height: 1.6;\n      margin-bottom: 20px;\n\n      b {\n        font-weight: 600;\n      }\n\n      span {\n        display: block;\n        margin-top: 15px;\n      }\n\n      @media only screen and (max-width: 600px) {\n        margin: 0 auto;\n        text-align: center;\n      }\n    }\n  }\n\n  .chart-content {\n    width: 800px;\n    max-width: 100%;\n\n    .chart-desktop {\n      width: 100%;\n\n      @media only screen and (max-width: 900px) {\n        transform: scale(1.8);\n        transform-origin: top;\n        margin-bottom: 50vw;\n      }\n\n      @media only screen and (max-width: 600px) {\n        display: none;\n      }\n    }\n\n    .chart-mobile {\n      display: none;\n      width: 100%;\n\n      @media only screen and (max-width: 600px) {\n        display: block;\n      }\n    }\n  }\n"]);return s=function(){return a},a}function t(){var a=m(["\n  width: 1280px;\n  max-width: 100%;\n  margin: 0 auto;\n\n  .desktop-stats {\n    width: 100%;\n\n    @media only screen and (max-width: 800px) {\n      display: none;\n    }\n  }\n  .mobile-stats {\n    width: 100%;\n    display: none;\n\n    @media only screen and (max-width: 800px) {\n      display: block;\n    }\n  }\n"]);return t=function(){return a},a}function u(){var a=m(["\n  .top-text {\n    width: 650px;\n    max-width: 100%;\n    margin: 0 auto;\n    text-align: center;\n\n    h2 {\n      color: #fff;\n      text-align: center;\n      font-size: 60px;\n      font-weight: 400;\n      line-height: 1.2;\n      letter-spacing: 1.2px;\n      margin-bottom: 10px;\n\n      @media only screen and (max-width: 600px) {\n        font-weight: 200;\n        width: 300px;\n        margin: 0 auto 10px auto;\n      }\n    }\n\n    p {\n      width: 80%;\n      margin: 0 auto;\n      color: #fff;\n      text-align: center;\n      font-size: 36px;\n      font-weight: 200;\n      line-height: 1.6;\n\n      @media only screen and (max-width: 600px) {\n        width: 200px;\n      }\n    }\n  }\n  .oval-stats {\n    position: relative;\n    padding: 50px 60px;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  .outline-svg {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n\n    @media only screen and (max-width: 900px) {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 1200px;\n      height: 100vw;\n      transform: translate(-50%, -50%) rotate(90deg);\n    }\n  }\n\n  .stats-inner {\n    position: relative;\n    padding: 60px 40px;\n  }\n\n  .stats-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n    position: relative;\n    z-index: 1;\n\n    @media only screen and (max-width: 1100px) {\n      grid-template-columns: repeat(3, 250px);\n      gap: 20px;\n      width: 300px;\n    }\n\n    @media only screen and (max-width: 900px) {\n      grid-template-columns: 1fr;\n      gap: 30px;\n      margin: 200px auto 150px auto;\n    }\n  }\n\n  .stat-item {\n    text-align: center;\n  }\n\n  .stat-number {\n    font-size: 72px;\n    font-weight: 700;\n    color: #fff;\n    margin-bottom: 8px;\n\n    @media only screen and (max-width: 1100px) {\n      font-size: 56px;\n    }\n  }\n\n  .stat-label {\n    font-size: 20px;\n    font-weight: 300;\n    color: #fff;\n    margin-bottom: 12px;\n  }\n\n  .stat-item p {\n    font-size: 14px;\n    line-height: 1.5;\n    color: #fff;\n    width: 280px;\n    max-width: 100%;\n    margin: 0 auto;\n\n    @media only screen and (max-width: 900px) {\n      width: 30%;\n      margin: 0 auto;\n    }\n\n    @media only screen and (max-width: 700px) {\n      width: 80%;\n      margin: 0 auto;\n    }\n\n    strong {\n      color: #fff;\n      font-weight: 600;\n    }\n  }\n"]);return u=function(){return a},a}function v(){var a=m(["\n  padding: 100px 40px;\n  position: relative;\n  text-align: center;\n\n  .flywheel-desktop {\n    width: 1000px;\n    max-width: 100%;\n    margin: 0 auto;\n    pointer-events: none;\n\n    @media only screen and (max-width: 600px) {\n      display: none;\n    }\n  }\n\n  .flywheel-mobile {\n    display: none;\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n    pointer-events: none;\n\n    @media only screen and (max-width: 600px) {\n      display: block;\n    }\n  }\n\n  .flywheel-mobile-heading {\n    display: none;\n\n    @media only screen and (max-width: 600px) {\n      display: block;\n      font-size: 30px;\n      font-weight: 300;\n      text-align: center;\n      margin-bottom: 24px;\n    }\n  }\n"]);return v=function(){return a},a}function w(){var a=m(["\n  padding: 800px 0 0;\n  position: relative;\n  text-align: center;\n\n  @media only screen and (max-width: 600px) {\n    padding: 100px 0 0 0;\n    overflow: hidden;\n  }\n\n  .surge-desktop-wrapper {\n    position: relative;\n\n    @media only screen and (max-width: 600px) {\n      display: none;\n    }\n  }\n\n  .surge-desktop {\n    pointer-events: none;\n    width: 1400px;\n    display: block;\n    position: relative;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .surge-desktop-cta {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-15%, -100%);\n    z-index: 1;\n  }\n\n  .surge-mobile {\n    display: none;\n    pointer-events: none;\n\n    @media only screen and (max-width: 600px) {\n      display: block;\n      width: 200%;\n      margin-left: -55%;\n      clip-path: inset(80px 0 0 0);\n    }\n  }\n\n  .surge-mobile-cta {\n    display: none;\n\n    @media only screen and (max-width: 600px) {\n      display: flex;\n      justify-content: center;\n      margin-top: -100px;\n    }\n  }\n"]);return w=function(){return a},a}function x(){var a=m(["\n  position: relative;\n  padding: 100px 40px;\n  background: #000;\n\n  @media only screen and (max-width: 900px) {\n    padding: 60px 20px;\n  }\n\n  .section-content {\n    max-width: 1150px;\n    margin: 0 auto;\n    display: flex;
1\n    align-items: center;\n    gap: 80px;\n\n    @media only screen and (max-width: 900px) {\n      flex-direction: column;\n      gap: 40px;\n    }\n  }\n\n  .text-content {\n    width: 600px;\n    max-width: 100%;\n\n    h2 {\n      color: #fff;\n      font-size: 60px;\n      font-weight: 400;\n      line-height: 1.2;\n      letter-spacing: 1.2px;\n\n      @media only screen and (max-width: 900px) {\n        font-weight: 300;\n        font-size: 50px;\n      }\n    }\n\n    h3 {\n      color: #fff;\n      font-size: 36px;\n      font-weight: 200;\n      line-height: 1.3;\n      margin: 20px 0;\n\n      @media only screen and (max-width: 900px) {\n        font-weight: 300;\n        font-size: 18px;\n      }\n    }\n\n    p {\n      width: 85%;\n      color: #fff;\n      font-size: 18px;\n      font-weight: 400;\n      line-height: 1.4;\n\n      b {\n        font-weight: 600;\n      }\n    }\n\n    a {\n      margin-top: 20px;\n      display: block;\n      color: #0075ff;\n      font-size: 18px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 1.6;\n\n      @media only screen and (max-width: 900px) {\n        font-size: 12px;\n      }\n    }\n  }\n\n  .gradient-wave {\n    position: relative;\n    width: 50%;\n    pointer-events: none;\n\n    @media only screen and (max-width: 600px) {\n      width: 100%;\n    }\n\n    img {\n      position: absolute;\n      right: calc(50% - 1000px);\n      top: -700px;\n      transform: scale(1);\n\n      @media only screen and (max-width: 600px) {\n        right: -150px;\n        left: 0;\n        bottom: 0;\n        top: -100px;\n        width: 100%;\n        transform: scale(1.7);\n        font-size: 12px;\n      }\n    }\n  }\n"]);return x=function(){return a},a}function y(){var a=m(["\n  height: ",";\n"]);return y=function(){return a},a}function z(){var a=m(["\n  padding: 120px 40px 100px 40px;\n  position: relative;\n  width: 1400px;\n  max-width: 100%;\n  margin: 0 auto;\n  margin-top: -100px;\n  overflow: hidden;\n\n  @media only screen and (max-width: 1250px) {\n    margin-top: 100px;\n  }\n\n  #form-bottom-gradient {\n    position: absolute;\n    bottom: -250px;\n    left: calc(50% - 800px);\n    right: 0;\n    width: 1900px;\n    z-index: 0;\n  }\n\n  .form-section-content {\n    z-index: 1;\n    position: relative;\n    max-width: 1150px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 80px;\n\n    @media only screen and (max-width: 1250px) {\n      flex-direction: column;\n    }\n  }\n\n  .form-text {\n    width: 500px;\n    max-width: 100%;\n\n    .form-mobile-img {\n      display: none;\n\n      @media only screen and (max-width: 600px) {\n        display: block;\n        width: 100%;\n        margin-bottom: 24px;\n      }\n    }\n\n    h2 {\n      font-size: 60px;\n      font-weight: 300;\n      line-height: 1.2;\n      margin-bottom: 20px;\n    }\n\n    p {\n      font-size: 18px;\n      font-weight: 300;\n      line-height: 1.6;\n    }\n  }\n\n  .form-wrap {\n    width: 470px;\n    max-width: 100%;\n  }\n"]);return z=function(){return a},a}g.default.a.withConfig({componentId:"sc-13d3e1ea-0"})(n());var A=g.default.div.withConfig({componentId:"sc-13d3e1ea-1"})(o()),B=g.default.section.withConfig({componentId:"sc-13d3e1ea-2"})(p()),C=g.default.section.withConfig({componentId:"sc-13d3e1ea-3"})(q()),D=g.default.div.withConfig({componentId:"sc-13d3e1ea-4"})(r()),E=g.default.section.withConfig({componentId:"sc-13d3e1ea-5"})(s()),F=g.default.div.withConfig({componentId:"sc-13d3e1ea-6"})(t()),G=g.default.div.withConfig({componentId:"sc-13d3e1ea-7"})(u()),H=g.default.section.withConfig({componentId:"sc-13d3e1ea-8"})(v()),I=g.default.section.withConfig({componentId:"sc-13d3e1ea-9"})(w()),J=g.default.section.withConfig({componentId:"sc-13d3e1ea-10"})(x());g.default.div.withConfig({componentId:"sc-13d3e1ea-11"})(y(),function(a){return a.height||"100px"});var K=g.default.section.withConfig({componentId:"sc-13d3e1ea-12"})(z()),L=[{marketoId:"FirstName",label:"First Name",type:"text",required:!0},{marketoId:"LastName",label:"Last Name",type:"text",required:!0},{marketoId:"Phone",label:"Phone Number",type:"tel",required:!0},{marketoId:"Email",label:"Work Email",type:"email",required:!0},{marketoId:"Company",label:"Company",type:"text",required:!0},{marketoId:"Title",label:"Job Title",type:"text",required:!0},{marketoId:"Job_Focus__c",label:"Job Focus",type:"select",required:!0,options:[{value:"Consumer / Retail Banking",label:"Consumer / Retail Banking"},{value:"Customer Experience",label:"Customer Experience"},{value:"Data / Open Banking",label:"Data / Open Banking"},{value:"Digital Strategy / Engagement",label:"Digital Strategy / Engagement"},{value:"Founder / CEO / President",label:"Founder / CEO / President"},{value:"Information / Technology",label:"Information / Technology"},{value:"Marketing",label:"Marketing"},{value:"Partnerships / Business Development",label:"Partnerships / Business Development"},{value:"Product Development",label:"Product Development"},{value:"Risk / Regulatory / Compliance",label:"Risk / Regulatory / Compliance"},{value:"Strategy / Innovation",label:"Strategy / Innovation"},{value:"Other",label:"Other"},]},{marketoId:"Job_Focus_Other__c",label:"Please describe your role",type:"text",required:!0,fullWidth:!0,showWhen:{field:"Job_Focus__c",value:"Other"}},];b.default=function(){var a=(0,e.U0)(),b=(0,e.ZR)("data-into-growth-form-position"),c=(0,f.useState)(!1),g=c[0],m=c[1];(0,f.useEffect)(function(){var b=setTimeout(function(){return m(!0)},1500),c=null==a?void 0:a.onFeatureFlags(function(){clearTimeout(b),m(!0)});return function(){clearTimeout(b),c&&c()}},[a]);var n=g&&"form-top"===b;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i.Z,{title:"Drive Powerful Growth | MX",meta:"Unlock growth with MX's data-driven solutions for financial institutions.",metaImage:"https://assets.mx.com/images/data-into-growth/grow-meta.png"}),(0,d.jsx)(h.Z,{}),(0,d.jsxs)(A,{children:[n?(0,d.jsxs)(C,{id:"form",children:[(0,d.jsxs)("div",{className:"hero-background",children:[(0,d.jsx)("img",{src:"https://assets.mx.com/images/data-into-growth/hero-gradint.svg",className:"hero-gradient-background",alt:""}),(0,d.jsx)("img",{className:"hero-image",src:"https://assets.mx.com/images/data-into-growth/hero-phone.png",alt:""}),(0,d.jsx)("img",{className:"hero-image-mobile",src:"https://assets.mx.com/images/data-into-growth/mobile-grow-header.png",alt:""})]}),(0,d.jsxs)("div",{className:"hero-inner",children:[(0,d.jsxs)("div",{className:"hero-left",children:[(0,d.jsx)("h1",{children:"Drive Growth across Deposits, Loans, and Cards"}),(0,d.jsx)("p",{children:"Turn customer behavior into moments that move money and grow revenue."})]}),(0,d.jsx)("div",{className:"hero-right",children:(0,d.jsx)(l.Z,{formId:1075,fields:L,header:"Talk with Our Team",submitText:"Submit",onSubmit:function(){a.capture("demo_form_submitted",{variant:"form-top",form_id:"10
175",page:"data-into-growth"}),window.dataLayer=window.dataLayer||[],dataLayer.push({event:"formComplete",formType:"demo request",formID:"1075"}),window.location="/request-demo/thank-you/"}})})]})]}):(0,d.jsxs)(B,{children:[(0,d.jsxs)("div",{className:"hero-background",children:[(0,d.jsx)("img",{src:"https://assets.mx.com/images/data-into-growth/hero-gradint.svg",className:"hero-gradient-background",alt:"hero-gradient-background"}),(0,d.jsx)("img",{className:"hero-image",src:"https://assets.mx.com/images/data-into-growth/hero-phone.png",alt:"Growth dashboard showing deposits, cards, and insights"}),(0,d.jsx)("img",{className:"hero-image hero-phone-overlay",src:"https://assets.mx.com/images/home/2026/hero-phone-1.png",alt:""}),(0,d.jsx)("img",{className:"hero-image-mobile",src:"https://assets.mx.com/images/data-into-growth/mobile-grow-header.png",alt:"Growth dashboard"})]}),(0,d.jsx)("div",{className:"hero-content",children:(0,d.jsxs)("div",{className:"hero-text",children:[(0,d.jsx)("h1",{children:"Drive Growth across Deposits, Loans, and Cards"}),(0,d.jsx)("p",{children:"Turn customer behavior into moments that move money and grow revenue."}),(0,d.jsx)(k.Z,{href:"#form",text:"Let's Talk"})]})})]}),(0,d.jsxs)(D,{children:[(0,d.jsx)("img",{src:"https://assets.mx.com/images/data-into-growth/grow-logo-gcu.svg",alt:"Global Credit Union"}),(0,d.jsx)("img",{src:"https://assets.mx.com/images/data-into-growth/grow-logo-us-bank.svg",alt:"US Bank"}),(0,d.jsx)("img",{src:"https://assets.mx.com/images/data-into-growth/grow-logo-discover.svg",alt:"Discover"})]}),(0,d.jsx)(E,{children:(0,d.jsxs)("div",{className:"section-content",children:[(0,d.jsxs)("div",{className:"text-content",children:[(0,d.jsx)("h2",{children:"Where Growth Gets Stuck"}),(0,d.jsxs)("p",{children:["Consumers are ready to take action. Your experience may slow them down."," ",(0,d.jsx)("span",{children:"When moving money or opening accounts feels hard, growth stalls."})]}),(0,d.jsx)("p",{children:(0,d.jsx)("b",{children:"MX helps remove friction so customers can take the actions that drive growth."})})]}),(0,d.jsxs)("div",{className:"chart-content",children:[(0,d.jsx)("img",{className:"chart-desktop",src:"https://assets.mx.com/images/data-into-growth/where-stuck-img-dark.png",alt:""}),(0,d.jsx)("img",{className:"chart-mobile",src:"https://assets.mx.com/images/data-into-growth/mobile-stuck-graphs.png",alt:""})]})]})}),(0,d.jsx)(G,{children:(0,d.jsxs)("div",{className:"top-text",children:[(0,d.jsx)("h2",{children:"Proven ROI for Financial Institutions"}),(0,d.jsx)("p",{children:"Build growth into the experience. Results will follow."})]})}),(0,d.jsxs)(F,{children:[(0,d.jsx)("img",{src:"https://assets.mx.com/images/data-into-growth/stats-oval.svg",className:"desktop-stats",alt:""}),(0,d.jsx)("img",{src:"https://assets.mx.com/images/data-into-growth/stats-oval-mobile.svg",className:"mobile-stats",alt:""})]}),(0,d.jsxs)(H,{children:[(0,d.jsx)("img",{className:"flywheel-desktop",src:"https://assets.mx.com/images/data-into-growth/flywheel.svg",alt:""}),(0,d.jsx)("h2",{className:"flywheel-mobile-heading",children:"Growth Starts at MX"}),(0,d.jsx)("img",{className:"flywheel-mobile",src:"https://assets.mx.com/images/data-into-growth/mobile-flywheel-chart.svg",alt:""})]}),(0,d.jsx)(J,{children:(0,d.jsxs)("div",{className:"section-content",children:[(0,d.jsxs)("div",{className:"text-content",children:[(0,d.jsx)("h2",{children:"Growth that Keeps Paying Off"}),(0,d.jsxs)("h3",{children:["Most growth stalls.",(0,d.jsx)("br",{}),"MX keeps it going."]}),(0,d.jsx)("p",{children:"More deposits. More products. Stronger relationships."}),(0,d.jsxs)("a",{href:"#form",children:["→ See what","’","s possible with MX"]})]}),(0,d.jsx)("div",{className:"gradient-wave",children:(0,d.jsx)("img",{src:"https://assets.mx.com/images/data-into-growth/gradient-wave.svg",alt:""})})]})}),(0,d.jsxs)(I,{children:[(0,d.jsxs)("div",{className:"surge-desktop-wrapper",children:[(0,d.jsx)("img",{className:"surge-desktop",src:"https://assets.mx.com/images/data-into-growth/surge-image.svg",alt:""}),(0,d.jsx)("div",{className:"surge-desktop-cta",children:(0,d.jsx)(k.Z,{href:"/request-demo/",text:"See how GCU did it"})})]}),(0,d.jsx)("img",{className:"surge-mobile",src:"https://assets.mx.com/images/data-into-growth/mobile-surge.svg",alt:""}),(0,d.jsx)("div",{className:"surge-mobile-cta",children:(0,d.jsx)(k.Z,{href:n?"#form":"/request-demo/",text:"Let's Talk"})})]}),(0,d.jsxs)(K,{id:n?void 0:"form",children:[(0,d.jsxs)("div",{className:"form-section-content",children:[(0,d.jsxs)("div",{className:"form-text",children:[(0,d.jsx)("img",{className:"form-mobile-img",src:"https://assets.mx.com/images/data-into-growth/mobile-ui-image.png",alt:""}),(0,d.jsx)("h2",{children:"Explore Your Growth Potential"}),(0,d.jsx)("p",{children:"See how MX uncovers deposit, loan, and card growth opportunities hiding in your experience today."}),n&&(0,d.jsx)(k.Z,{className:"lower-cta",href:"#form",text:"Talk with Our Team"})]}),g&&!n&&(0,d.jsx)("div",{className:"form-wrap",children:(0,d.jsx)(l.Z,{formId:1075,fields:L,header:"Talk with Our Team",submitText:"Submit",onSubmit:function(){a.capture("demo_form_submitted",{variant:"form-bottom",form_id:"10
175",page:"data-into-growth"}),window.dataLayer=window.dataLayer||[],dataLayer.push({event:"formComplete",formType:"demo request",formID:"1075"}),window.location="/request-demo/thank-you/"}})})]}),(0,d.jsx)("img",{src:"https://assets.mx.com/images/data-into-growth/form-bottom-gradient.svg",id:"form-bottom-gradient",alt:""})]})]}),(0,d.jsx)(j.Z,{})]})}}},function(a){a.O(0,[7080,31672,19899,85089,49774,92888,40179],function(){return a(a.s=69110)}),_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.