> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mx.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Welcome to the MX Documentation

<div className="relative w-full flex items-center h-[20rem] sm:h-[22rem] md:h-[28rem] lg:h-[28rem] overflow-hidden">
  <div id="background-div" className="absolute inset-0 h-full bg-[#000000] bg-cover bg-center" />

  <div
    id="background-grid"
    className="absolute inset-0 h-full bg-cover bg-center bg-no-repeat opacity-90"
    style={{
backgroundImage: 'url("https://mintcdn.com/mx-7a01b258/okX1fNbKtNWRCDvn/img/hero/hero-grid.svg?fit=max&auto=format&n=okX1fNbKtNWRCDvn&q=85&s=260229419b353f2760adc778f4a995b6")'
}}
  />

  <div className="relative h-full z-10 w-full max-w-7xl mx-auto px-4 sm:px-6 md:px-8 lg:px-12 flex flex-row items-center justify-between gap-8 lg:gap-12">
    <div className="flex-1 w-full lg:max-w-[50%] max-w-full text-left">
      <div className="text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold text-white mb-4 sm:mb-5 md:mb-6 tracking-tight">
        Documentation
      </div>

      <p className="text-base sm:text-lg md:text-xl text-white/90 font-medium mb-8 sm:mb-10 max-w-xl leading-relaxed">
        Use our guides and references to integrate with MX.
      </p>

      <div className="flex items-center gap-4">
        <a href="/connect" className="inline-flex items-center text-sm sm:text-base font-semibold px-6 sm:px-8 py-3.5 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-all duration-200 shadow-lg hover:shadow-blue-500/25">
          Get started with Connect Widget

          <svg className="ml-2.5 w-4 h-4 sm:w-5 sm:h-5 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.5} d="M9 5l7 7-7 7" />
          </svg>
        </a>
      </div>
    </div>

    <div className="flex-1 lg:max-w-[50%] w-full hidden md:flex items-center justify-end">
      <img src="https://mintcdn.com/mx-7a01b258/okX1fNbKtNWRCDvn/img/hero/connect-widget-no-bg.png?fit=max&auto=format&n=okX1fNbKtNWRCDvn&q=85&s=55133c457eaf50626de2bde6a839c12b" alt="Connect Widget" className="h-full max-h-[26rem] w-auto object-contain" noZoom width="1224" height="876" data-path="img/hero/connect-widget-no-bg.png" />
    </div>
  </div>
</div>

<div className="max-w-7xl mx-auto sm:mt-24 mt-12 px-4 sm:px-6 md:px-8 lg:px-12">
  <Columns cols={2}>
    <Card title=" " cta="Learn More" href="/use-cases/payment-verification">
      <div className="relative rounded-xl overflow-hidden bg-[#f0f6ff]" style={{ height: '260px' }}>
        <span className="absolute top-0 left-0 bg-[#3b82f6] text-white text-[10px] font-bold px-3 py-1.5 rounded-br-lg tracking-wider z-20">FEATURED</span>

        <div className="absolute bottom-[10px] left-[-30px] rounded-[100px] overflow-hidden opacity-50 z-0" style={{ width: '450px', height: '110px' }}>
          <div className="w-full h-full" style={{ backgroundImage: 'url("https://mintcdn.com/mx-7a01b258/Yq4VugKtWQ2Hv6ij/img/homepage/fingerprint.svg?fit=max&auto=format&n=Yq4VugKtWQ2Hv6ij&q=85&s=4d7d37c26ba4a78cf237e1abf63966ec")', backgroundSize: 'cover', backgroundPosition: 'center', backgroundRepeat: 'no-repeat' }} />
        </div>

        <div className="absolute top-[30px] right-[-10px] bg-[#111] rounded-full z-1" style={{ width: '120px', height: '14px' }} />

        <div className="absolute top-[50px] right-[20px] rounded-full z-1 border-[1.5px] border-[#0075ff]" style={{ width: '90px', height: '14px' }} />

        <div className="absolute top-[50px] right-[8px] bg-[#0075ff] rounded-full z-1" style={{ width: '8px', height: '14px' }} />

        <div className="absolute bottom-[15px] left-[20px] rounded-full z-1 border-[1.5px] border-[#9b3fdf]" style={{ width: '100px', height: '14px' }} />

        <div className="absolute bottom-[-5px] left-[-20px] bg-[#111] rounded-full z-1" style={{ width: '140px', height: '14px' }} />

        <div className="absolute inset-0 flex items-center justify-center z-10 overflow-hidden">
          <div className="relative w-full max-w-[360px] h-full flex items-center">
            <img noZoom src="https://mintcdn.com/mx-7a01b258/Yq4VugKtWQ2Hv6ij/img/homepage/payment-verification-1.png?fit=max&auto=format&n=Yq4VugKtWQ2Hv6ij&q=85&s=a493fc39c177df28167f7f143579abdc" className="absolute shadow-[0_8px_30px_rgba(0,0,0,0.12)] rounded-xl" style={{ width: '180px', left: '0px', top: '25px', zIndex: 1 }} alt="Payment Verification" width="647" height="1200" data-path="img/homepage/payment-verification-1.png" />

            <img noZoom src="https://mintcdn.com/mx-7a01b258/Yq4VugKtWQ2Hv6ij/img/homepage/payment-verification-2.png?fit=max&auto=format&n=Yq4VugKtWQ2Hv6ij&q=85&s=0a3f5f7e766e65a1bd2f69af016b498c" className="absolute shadow-[0_12px_35px_rgba(0,0,0,0.18)] rounded-xl" style={{ width: '140px', right: '0px', top: '-5px', zIndex: 2 }} alt="Account Balance" width="638" height="1001" data-path="img/homepage/payment-verification-2.png" />
          </div>
        </div>
      </div>

      <h3 className="text-xl font-bold mt-4 mb-2">Payment Verification</h3>
      Quickly verify financial data including direct deposit account information, account balances, and account owners to ensure a smoother experience for consumers and help mitigate risk.
    </Card>

    <Card title=" " cta="Learn More" href="/use-cases/deposit-account-opening">
      <div className="relative rounded-xl overflow-hidden bg-[#ede8fc] flex justify-center" style={{ height: '260px' }}>
        <span className="absolute top-0 left-0 bg-[#3b82f6] text-white text-[10px] font-bold px-3 py-1.5 rounded-br-lg tracking-wider z-20">FEATURED</span>

        <div className="absolute top-[10%] left-[10%] w-[220px] h-[220px] bg-[#9b3fdf] rounded-full blur-[90px] opacity-40 pointer-events-none z-0" />

        <div className="absolute top-[0%] left-[45%] w-[220px] h-[220px] bg-[#00c3ff] rounded-full blur-[90px] opacity-35 pointer-events-none z-0" />

        <div className="absolute top-[35%] left-[-40px] rounded-[100px] overflow-hidden opacity-40 z-0" style={{ width: '220px', height: '110px' }}>
          <div className="w-full h-full" style={{ backgroundImage: 'url("https://mintcdn.com/mx-7a01b258/Yq4VugKtWQ2Hv6ij/img/homepage/fingerprint.svg?fit=max&auto=format&n=Yq4VugKtWQ2Hv6ij&q=85&s=4d7d37c26ba4a78cf237e1abf63966ec")', backgroundSize: 'cover', backgroundPosition: 'center', backgroundRepeat: 'no-repeat' }} />
        </div>

        <div className="absolute bottom-[5%] right-[-50px] rounded-[100px] overflow-hidden opacity-40 z-0" style={{ width: '320px', height: '130px' }}>
          <div className="w-full h-full" style={{ backgroundImage: 'url("https://mintcdn.com/mx-7a01b258/Yq4VugKtWQ2Hv6ij/img/homepage/fingerprint.svg?fit=max&auto=format&n=Yq4VugKtWQ2Hv6ij&q=85&s=4d7d37c26ba4a78cf237e1abf63966ec")', backgroundSize: 'cover', backgroundPosition: 'center', backgroundRepeat: 'no-repeat' }} />
        </div>

        <div className="absolute top-[30px] right-[20px] bg-[#111] rounded-full z-1" style={{ width: '110px', height: '14px' }} />

        <div className="absolute top-[50px] right-[60px] rounded-full z-1 border-[1.5px] border-[#00c3ff]" style={{ width: '130px', height: '14px' }} />

        <div className="absolute bottom-[20px] left-[20px] rounded-full z-1 border-[1.5px] border-[#9b3fdf]" style={{ width: '120px', height: '14px' }} />

        <div className="absolute bottom-[20px] left-[10px] rounded-full z-1 border-[1.5px] border-[#0075ff]" style={{ width: '40px', height: '14px' }} />

        <div className="absolute bottom-[-20px] z-10 flex justify-center w-full">
          <img noZoom src="https://mintcdn.com/mx-7a01b258/okX1fNbKtNWRCDvn/img/homepage/account-opening.png?fit=max&auto=format&n=okX1fNbKtNWRCDvn&q=85&s=98e308bd0c4fc2af0dfdbdc0e41ae2e9" className="shadow-[0_-8px_30px_rgba(0,0,0,0.15)] rounded-t-xl" style={{ width: '230px', display: 'block' }} alt="Deposit Account Opening" width="996" height="1200" data-path="img/homepage/account-opening.png" />
        </div>
      </div>

      <h3 className="text-xl font-bold mt-4 mb-2">Deposit Account Opening</h3>
      Provide a frictionless process for consumers to easily open and fund new financial accounts.
    </Card>
  </Columns>
</div>

<div className="max-w-7xl mx-auto sm:mt-24 mt-12 px-4 sm:px-6 md:px-8 lg:px-12">
  <h2 className="text-4xl font-bold dark:text-white text-black tracking-tight">Browse by products</h2>

  <div className="flex items-center gap-3 mt-12 mb-6">
    <div className="p-3 bg-blue-100 dark:bg-blue-900/40 rounded-lg">
      <img noZoom src="https://mintcdn.com/mx-7a01b258/Yq4VugKtWQ2Hv6ij/img/homepage/blue-lock.svg?fit=max&auto=format&n=Yq4VugKtWQ2Hv6ij&q=85&s=993b6e83e1d827ab729eb60417421f2a" alt="Connectivity" className="w-8 h-8" width="34" height="34" data-path="img/homepage/blue-lock.svg" />
    </div>

    <div>
      <h2 className="text-2xl font-bold text-[#2c64ef]">Connectivity</h2>
      <p className="text-lg text-gray-600 dark:text-gray-400 font-medium mt-1">Connect to and verify financial data</p>
    </div>
  </div>

  <Columns cols={3}>
    <Card title="Instant Account Verification" icon="badge-check" cta="Read Documentation" href="/products/connectivity/instant-account-verification">
      Get account and routing numbers
    </Card>

    <Card title="Account Owner Identification" icon="user" cta="Read Documentation" href="/products/connectivity/account-owner-identification">
      Get the name, address, and contact information for the owner of an account
    </Card>

    <Card title="Microdeposits" icon="money-bill-wave" cta="Read Documentation" href="/products/connectivity/microdeposits">
      Verify account details by making two, small ACH deposits for end user confirmation
    </Card>

    <Card title="Balance Checks" icon="money-bill-transfer" cta="Read Documentation" href="/products/connectivity/balance-checks">
      Get the available balance for an end user's financial accounts
    </Card>

    <Card title="Account Aggregation" icon="user-plus" cta="Read Documentation" href="/products/connectivity/account-aggregation">
      Get account and transaction data by connecting end users' financial accounts
    </Card>

    <Card title="Extended Transaction History" icon="clock" cta="Read Documentation" href="/products/connectivity/extended-transaction-history">
      Get up to 24 months of account and transaction data
    </Card>

    <Card title="Statements" icon="money-bill" cta="Read Documentation" href="/products/connectivity/statements">
      Get monthly account statements in PDF format
    </Card>
  </Columns>

  <div className="flex items-center gap-3 mt-16 mb-6">
    <div className="p-3 bg-cyan-100 dark:bg-cyan-900/40 rounded-lg">
      <img noZoom src="https://mintcdn.com/mx-7a01b258/Yq4VugKtWQ2Hv6ij/img/homepage/donut-chart.svg?fit=max&auto=format&n=Yq4VugKtWQ2Hv6ij&q=85&s=0e66056190bf2d4ef4d80e2bb0c9a461" alt="Data" className="w-8 h-8" width="34" height="34" data-path="img/homepage/donut-chart.svg" />
    </div>

    <div>
      <h2 className="text-2xl font-bold text-[#02c3ff]">Data</h2>
      <p className="text-lg text-gray-600 dark:text-gray-400 font-medium mt-1">Cleanse and categorize financial data</p>
    </div>
  </div>

  <Columns cols={3}>
    <Card title="Data Access" icon="share" cta="Read Documentation" href="/products/data/data-access">
      Share your held data with an FDX open finance platform
    </Card>

    <Card title="Customer Analytics" icon="chart-line" cta="Read Documentation" href="/products/data/customer-analytics">
      Use data-driven intelligence about your customers
    </Card>

    <Card title="Messaging" icon="envelope" cta="Read Documentation" href="/products/data/marketing-hub">
      Create and deploy messaging campaigns to MX Experiences products or your internal app/website
    </Card>

    <Card title="Audiences" icon="users" cta="Read Documentation" href="/products/data/audiences">
      Create segmented user lists for targeted marketing campaigns
    </Card>

    <Card title="Investment Data" icon="chart-line" cta="Read Documentation" href="/products/data/investment-data-enhancement">
      Get enhanced investment holdings data and actionable insights into users' portfolios
    </Card>
  </Columns>

  <div className="flex items-center gap-3 mt-16 mb-6">
    <div className="p-3 bg-purple-100 dark:bg-purple-900/40 rounded-lg">
      <img noZoom src="https://mintcdn.com/mx-7a01b258/Yq4VugKtWQ2Hv6ij/img/homepage/finger-touch.svg?fit=max&auto=format&n=Yq4VugKtWQ2Hv6ij&q=85&s=f228ca4bbdde2b37e25c8ead7b4d956e" alt="Experience" className="w-8 h-8" width="34" height="34" data-path="img/homepage/finger-touch.svg" />
    </div>

    <div>
      <h2 className="text-2xl font-bold text-[#9049d7]">Experience</h2>
      <p className="text-lg text-gray-600 dark:text-gray-400 font-medium mt-1">Personalized, digital financial experiences</p>
    </div>
  </div>

  <Columns cols={3}>
    <Card title="Personal Finance Management" icon="money-bill-wave" cta="Read Documentation" href="/products/experience/pfm">
      Create your own PFM solution using our widgets
    </Card>

    <Card title="Financial Insights" icon="chart-line" cta="Read Documentation" href="/products/experience/insights">
      Deliver dynamic, personalized, and predictive financial insights using our widgets
    </Card>

    <Card title="Mobile Banking" icon="mobile" cta="Read Documentation" href="/products/experience/mobile">
      Create a mobile banking app for Android or iOS
    </Card>
  </Columns>
</div>

<div className="mt-24" />

<div
  role="contentinfo"
  style={{
width: '100vw',
position: 'relative',
left: '50%',
right: '50%',
marginLeft: '-50vw',
marginRight: '-50vw',
backgroundColor: 'transparent',
borderTop: '1px solid #e5e7eb',
}}
>
  <div
    style={{
maxWidth: '80rem',
margin: '0 auto',
padding: '2.5rem 2rem 1.5rem',
display: 'flex',
flexDirection: 'column',
gap: '1.5rem',
}}
  >
    <div
      style={{
display: 'flex',
flexWrap: 'wrap',
gap: '2rem',
alignItems: 'flex-start',
}}
    >
      <div style={{ flex: '1 1 160px', minWidth: '140px' }}>
        <img src="https://mintcdn.com/mx-7a01b258/Yq4VugKtWQ2Hv6ij/img/mx-docs-logo.png?fit=max&auto=format&n=Yq4VugKtWQ2Hv6ij&q=85&s=71b6e5f5d329fbc7c9f550c26bffefa6" alt="MX" style={{ height: '80px', width: 'auto' }} noZoom width="768" height="512" data-path="img/mx-docs-logo.png" />
      </div>

      <div style={{ flex: '1 1 120px' }}>
        <p style={{ color: '#111827', fontWeight: '600', fontSize: '0.85rem', marginBottom: '0.75rem', marginTop: 0 }}>Policies</p>

        <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
          <li><a href="https://www.mx.com/privacy-policy/" style={{ color: '#6b7280', fontSize: '0.85rem', textDecoration: 'none' }}>Privacy Policy</a></li>
          <li><a href="https://www.mx.com/terms/" style={{ color: '#6b7280', fontSize: '0.85rem', textDecoration: 'none' }}>Terms of Use</a></li>
          <li><a href="https://www.mx.com/security-policy/" style={{ color: '#6b7280', fontSize: '0.85rem', textDecoration: 'none' }}>Security Policy</a></li>
        </ul>
      </div>

      <div style={{ flex: '1 1 120px' }}>
        <p style={{ color: '#111827', fontWeight: '600', fontSize: '0.85rem', marginBottom: '0.75rem', marginTop: 0 }}>Contact</p>

        <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
          <li><a href="https://www.mx.com/request-demo/?referring_page=https://www.docs.mx.com" style={{ color: '#6b7280', fontSize: '0.85rem', textDecoration: 'none' }}>Contact Sales</a></li>
          <li><a href="https://support.mx.com" style={{ color: '#6b7280', fontSize: '0.85rem', textDecoration: 'none' }}>Contact Support</a></li>
        </ul>
      </div>

      <div style={{ flex: '1 1 200px' }}>
        <p style={{ color: '#111827', fontWeight: '600', fontSize: '0.85rem', marginBottom: '0.75rem', marginTop: 0 }}>MX Technologies, Inc.</p>

        <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
          <li><a href="https://maps.google.com/?q=3401+N+Thanksgiving+Way+Ste+150+Lehi+UT+84043" style={{ color: '#6b7280', fontSize: '0.85rem', textDecoration: 'none' }}>3401 N Thanksgiving Way Ste 150, Lehi, UT 84043</a></li>
          <li><a href="tel:+18016695500" style={{ color: '#6b7280', fontSize: '0.85rem', textDecoration: 'none' }}>(801) 669-5500</a></li>
        </ul>
      </div>

      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem', paddingTop: '0.25rem' }}>
        <a href="https://www.linkedin.com/company/mxenabled" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" style={{ color: '#6b7280' }}>
          <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
            <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
          </svg>
        </a>

        <a href="https://twitter.com/intent/follow?screen_name=mX" target="_blank" rel="noopener noreferrer" aria-label="X / Twitter" style={{ color: '#6b7280' }}>
          <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
            <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.737-8.835L1.254 2.25H8.08l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
          </svg>
        </a>

        <a href="https://github.com/mxenabled" target="_blank" rel="noopener noreferrer" aria-label="GitHub" style={{ color: '#6b7280' }}>
          <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
            <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
          </svg>
        </a>
      </div>
    </div>

    <div style={{ borderTop: '1px solid #e5e7eb', paddingTop: '1rem' }}>
      <p style={{ color: '#9ca3af', fontSize: '0.8rem', margin: 0 }}>© 2026 MX Technologies, Inc.</p>
    </div>
  </div>
</div>