Mobile App \u2014 Mutual Africa Pay<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: 'Space Grotesk', sans-serif; background: #07091A; color: #FFFFFF; -webkit-font-smoothing: antialiased; }\r\n.sec { padding: clamp(64px,10vw,112px) clamp(20px,6%,80px); position: relative; overflow: hidden; }\r\n.bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }\r\n.bg-dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 30px 30px; }\r\n.bg-line { position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(46,158,68,0.16), transparent); }\r\n.bg-glow { position: absolute; border-radius: 50%; }\r\n.eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; }\r\n.edot { width: 6px; height: 6px; border-radius: 50%; background: #2E9E44; box-shadow: 0 0 8px rgba(46,158,68,0.7); animation: pulsedot 2.5s ease infinite; }\r\n.etxt { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #2E9E44; }\r\n.h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; }\r\n.body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; }\r\n@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes pulsedot { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(46,158,68,0.7)}50%{opacity:0.4;box-shadow:0 0 3px rgba(46,158,68,0.3)} }\r\n@keyframes float1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }\r\n@keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }\r\n@keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }\r\n@keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\r\n@keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }\r\n@keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} }\r\n.btn-green { display:inline-flex;align-items:center;gap:8px;background:#2E9E44;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background 150ms,transform 150ms,box-shadow 150ms; }\r\n@media(hover:hover)and(pointer:fine){.btn-green:hover{background:#38B850;transform:translateY(-2px);box-shadow:0 8px 24px rgba(46,158,68,.35);}}\r\n.btn-green:active{transform:scale(0.97)!important;}\r\n.btn-ghost { display:inline-flex;align-items:center;gap:8px;background:transparent;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:border-color 150ms,background 150ms; }\r\n@media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}}\r\n#s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; }\r\n.hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; }\r\n.breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; }\r\n@media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}}\r\n.breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; }\r\n.breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; }\r\n.hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; }\r\n.hero-inner h1 span { color:#2E9E44; }\r\n.hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; }\r\n.hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; }\r\n.hero-pills { display:flex;flex-wrap:wrap;gap:8px; }\r\n.pill { display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);font-size:0.78rem;font-weight:500;color:#FFFFFF; }\r\n.pill-dot { width:5px;height:5px;border-radius:50%;background:#2E9E44;flex-shrink:0; }\r\n#s-cap { background:#060810; }\r\n.cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.fgrid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:2;perspective:1200px; }\r\n.fcard { background:linear-gradient(160deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:28px 24px 36px;position:relative;overflow:hidden;display:block;color:inherit;text-decoration:none;transition:border-color 160ms cubic-bezier(0.23,1,0.32,1),box-shadow 240ms cubic-bezier(0.23,1,0.32,1); }\r\n.fcard.f1{animation:fadeUp 0.5s 0.03s cubic-bezier(0.23,1,0.32,1) both,float1 6s 0.5s ease-in-out infinite}\r\n.fcard.f2{animation:fadeUp 0.5s 0.07s cubic-bezier(0.23,1,0.32,1) both,float2 7s 0.8s ease-in-out infinite}\r\n.fcard.f3{animation:fadeUp 0.5s 0.11s cubic-bezier(0.23,1,0.32,1) both,float3 5.5s 0.3s ease-in-out infinite}\r\n.fcard.f4{animation:fadeUp 0.5s 0.15s cubic-bezier(0.23,1,0.32,1) both,float4 8s 1s ease-in-out infinite}\r\n.fcard.f5{animation:fadeUp 0.5s 0.19s cubic-bezier(0.23,1,0.32,1) both,float5 6.5s 0.6s ease-in-out infinite}\r\n.fcard.f6{animation:fadeUp 0.5s 0.23s cubic-bezier(0.23,1,0.32,1) both,float6 7.5s 1.2s ease-in-out infinite}\r\n.fcard::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.45),transparent);opacity:0;transition:opacity 200ms}\r\n.fcard::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 60%);opacity:0;transition:opacity 250ms;pointer-events:none}\r\n@media(hover:hover)and(pointer:fine){.fcard:hover{border-color:rgba(46,158,68,0.42);box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 30px rgba(46,158,68,.07)}.fcard:hover::before,.fcard:hover::after{opacity:1}}\r\n.fcard:active{transform:scale(0.98)!important}\r\n.fcard-ico{font-size:1.6rem;margin-bottom:16px;line-height:1;position:relative;z-index:1}\r\n.fcard-title{font-size:1rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3;position:relative;z-index:1}\r\n.fcard-body{font-size:0.835rem;color:#FFFFFF;line-height:1.68;position:relative;z-index:1}\r\n#s-how { background:#07091A; }\r\n.how-grid { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:2;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.steps { display:flex;flex-direction:column;gap:3px; }\r\n.step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; }\r\n@media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}}\r\n.step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; }\r\n.step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; }\r\n.step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; }\r\n#s-use { background:#060810; }\r\n.use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; }\r\n.use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; }\r\n.use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s}\r\n@media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}}\r\n.use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; }\r\n.use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; }\r\n.use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; }\r\n#s-africa { background:#07091A; }\r\n.africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.africa-inner::before{content:'';position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)}\r\n.africa-inner::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none}\r\n.africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; }\r\n.africa-points { display:flex;flex-direction:column;gap:12px; }\r\n.africa-point { display:flex;align-items:flex-start;gap:12px; }\r\n.africa-point-dot { width:20px;height:20px;border-radius:50%;background:rgba(46,158,68,0.12);border:1px solid rgba(46,158,68,0.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; }\r\n.africa-point-dot svg { width:9px;height:9px; }\r\n.africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; }\r\n#s-related { background:#060810; }\r\n.related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; }\r\n.related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s}\r\n@media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}}\r\n.related-card:active{transform:scale(0.98)!important}\r\n.related-ico { font-size:1.4rem;margin-bottom:12px; }\r\n.related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; }\r\n.related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; }\r\n.related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; }\r\n@media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}}\r\n#s-cta { background:#07091A; }\r\n.cta-box { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.28);border-radius:20px;padding:clamp(48px,8vw,88px) clamp(28px,8vw,80px);text-align:center;overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both }\r\n.cta-box::before{content:'';position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)}\r\n.cta-box::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 55%);pointer-events:none}\r\n.cta-box h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-0.025em;line-height:1.08;color:#FFFFFF;margin-bottom:16px;position:relative;z-index:1}\r\n.cta-box p{font-size:.97rem;color:#FFFFFF;max-width:460px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1}\r\n.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}\r\n@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}}\r\n@media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.sec{padding:64px 20px}}\r\n@media(prefers-reduced-motion:reduce){.fcard{animation:fadeUp 0.01ms both !important}*{animation-duration:0.01ms !important}}<\/style>\r\n<\/head>\r\n<body>\r\n<section class=\"sec\" id=\"s-hero\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-100px;left:50%;transform:translateX(-50%);width:900px;height:500px;background:radial-gradient(ellipse,rgba(46,158,68,0.1) 0%,transparent 65%)\"><\/div><\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"breadcrumb\"><a href=\"https:\/\/mutualafricapay.com\/products\">Products<\/a><span class=\"breadcrumb-sep\">\/<\/span><a href=\"https:\/\/mutualafricapay.com\/products\/integrations\">Integrations<\/a><span class=\"breadcrumb-sep\">\/<\/span><span class=\"breadcrumb-cur\">Mobile App<\/span><\/div>\r\n <h1>Run your finances from<br><span>anywhere on the continent<\/span><\/h1>\r\n <p>A full-featured mobile application for iOS and Android that gives business owners and their teams access to Mutual Africa Pay from anywhere in Africa. Manage invoices, approve payments, review reports, and run your finances on the go \u2014 with the same capabilities as the desktop experience.<\/p>\r\n <div class=\"hero-actions\"><a href=\"https:\/\/mutualafricapay.com\/pricing\" class=\"btn-green\">Get Started <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M7 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a><a href=\"https:\/\/mutualafricapay.com\/contact\" class=\"btn-ghost\">Contact Sales<\/a><\/div>\r\n <div class=\"hero-pills\"><span class=\"pill\"><span class=\"pill-dot\"><\/span>iOS & Android<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Full Features<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Offline Capable<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Invoice on Mobile<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Approve Payments<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Real-Time Data<\/span><\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-cap\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-60px;right:-80px;width:480px;height:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.08) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"cap-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Capabilities<\/span><\/div><h2 class=\"h2\">Six mobile capabilities that give you financial control anywhere<\/h2><p class=\"body\" style=\"margin-top:16px;max-width:580px\">The Mutual Africa Pay mobile app is not a lite version of the platform \u2014 it is a full-featured financial management tool designed for the mobile-first reality of African business.<\/p><\/div>\r\n <div class=\"fgrid\"><div class=\"fcard f1\"><div class=\"fcard-ico\">\ud83d\udcf1<\/div><div class=\"fcard-title\">Full Feature Access on Mobile<\/div><p class=\"fcard-body\">Every core Mutual Africa Pay feature accessible from the mobile app \u2014 invoicing, expense capture, client management, reports, approvals, and payments. Business owners and team members have the same functionality on mobile as on desktop, without any compromise in capability.<\/p><\/div><div class=\"fcard f2\"><div class=\"fcard-ico\">\ud83e\uddfe<\/div><div class=\"fcard-title\">Invoice Creation & Sending<\/div><p class=\"fcard-body\">Create, send, and track invoices from anywhere using the mobile app. Generate a quote or invoice at the client's location, send it immediately via WhatsApp or email, and track payment status in real time \u2014 the entire invoicing process completed from a mobile device without returning to the office.<\/p><\/div><div class=\"fcard f3\"><div class=\"fcard-ico\">\ud83d\udcf7<\/div><div class=\"fcard-title\">Receipt & Expense Capture<\/div><p class=\"fcard-body\">Photograph receipts and capture expenses immediately at the point of purchase using the mobile app. Receipt images attached to expense records automatically \u2014 no paper receipts to keep, no manual expense entry at the end of the day.<\/p><\/div><div class=\"fcard f4\"><div class=\"fcard-ico\">\u2705<\/div><div class=\"fcard-title\">Payment & Purchase Order Approval<\/div><p class=\"fcard-body\">Approve invoices, purchase orders, and payment runs from the mobile app. Business owners and managers can authorise transactions from anywhere \u2014 without requiring access to a desktop computer or delaying approvals until returning to the office.<\/p><\/div><div class=\"fcard f5\"><div class=\"fcard-ico\">\ud83d\udcca<\/div><div class=\"fcard-title\">Real-Time Financial Reports<\/div><p class=\"fcard-body\">Access live P&L reports, cash flow position, outstanding receivables, and bank balances from the mobile app. Business owners can review their financial position from anywhere \u2014 before a meeting, between client visits, or from any location across the continent.<\/p><\/div><div class=\"fcard f6\"><div class=\"fcard-ico\">\ud83d\udce1<\/div><div class=\"fcard-title\">Offline Capability<\/div><p class=\"fcard-body\">The mobile app functions in low-connectivity environments \u2014 expenses can be captured, invoices created, and data entered offline. Records sync automatically when connectivity is restored. Critical for business owners operating in areas with inconsistent mobile data coverage.<\/p><\/div><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-how\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"bottom:-60px;left:-80px;width:460px;height:380px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"how-grid\">\r\n <div><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">How It Works<\/span><\/div><h2 class=\"h2\" style=\"margin-bottom:20px\">Full financial management \u2014 from any device, anywhere<\/h2><p class=\"body\">The Mutual Africa Pay mobile app gives business owners and their teams the same financial management capability on their phone that they have on their desktop \u2014 accessible from any location across Africa.<\/p><\/div>\r\n <div class=\"steps\"><div class=\"step\"><div class=\"step-num\">01<\/div><div><h3>Download and log in<\/h3><p>Download the Mutual Africa Pay app for iOS or Android, log in with your account credentials, and access your full Mutual Africa Pay account immediately \u2014 all data synchronised from your account in real time.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">02<\/div><div><h3>Use the features you need<\/h3><p>Every core feature is accessible from the app \u2014 create invoices, capture expenses, review reports, check client balances, approve purchase orders. The mobile interface is designed for efficient use on a small screen without compromising functionality.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">03<\/div><div><h3>Work offline when needed<\/h3><p>In low-connectivity areas, continue working \u2014 capture expenses, create invoices, and record transactions offline. The app queues actions locally and syncs automatically when connectivity returns.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">04<\/div><div><h3>Data stays synchronised<\/h3><p>Everything done in the mobile app is reflected in the desktop version immediately \u2014 and vice versa. The mobile app and desktop share the same real-time data, so your whole team always has a consistent view of the business.<\/p><\/div><\/div><\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-use\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-60px;right:-80px;width:460px;height:380px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"use-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Use Cases<\/span><\/div><h2 class=\"h2\">How African businesses use the mobile app<\/h2><p class=\"body\" style=\"margin-top:14px;max-width:560px\">Mobile is the primary computing environment for most business owners and their teams across Africa \u2014 the Mutual Africa Pay mobile app is built for this reality.<\/p><\/div>\r\n <div class=\"use-grid\"><div class=\"use-card\"><div class=\"use-tag\">Business Owner on the Move<\/div><h3>A Cape Town contractor manages finances between project sites<\/h3><p>A building contractor moves between project sites across Cape Town throughout the day \u2014 rarely in the office. Using the Mutual Africa Pay mobile app, the contractor creates and sends invoices from site, captures material expenses with receipt photos immediately after purchase, approves supplier payment requests from wherever they are, and reviews project profitability during site visits. Financial management happens in real time, integrated with the business day \u2014 not as a separate administrative task at the end of the week.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Remote Team Management<\/div><h3>A Johannesburg firm approves transactions for team members in the field<\/h3><p>A professional services firm with consultants working at client sites across South Africa uses the Mutual Africa Pay mobile app to manage approvals remotely. Consultants submit expense claims from client locations. The finance manager approves them from the mobile app regardless of location. Purchase orders submitted by procurement are approved by the CFO from their phone. Decision-making is not delayed by geography or office availability.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Market Trader<\/div><h3>A Lagos market trader manages sales and finances from a smartphone<\/h3><p>A market trader uses the Mutual Africa Pay mobile app as their primary financial management tool \u2014 no desktop or laptop required. Invoices generated for wholesale clients, payments collected via payment links sent through WhatsApp, daily takings reviewed from the app dashboard, and basic financial reports accessed to understand business performance. A full accounting system running on a smartphone, built for the mobile-first African entrepreneur.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Multi-Location Business<\/div><h3>A Nairobi retailer monitors three store locations from a mobile dashboard<\/h3><p>A retail business owner with three store locations uses the Mutual Africa Pay mobile app to monitor consolidated sales performance across all three locations in real time. Daily sales, stock levels at each location, and outstanding client balances are all visible from the mobile dashboard \u2014 giving the owner a live view of the entire business from anywhere, without visiting each location or waiting for end-of-day reports.<\/p><\/div><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-africa\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.06) 0%,transparent 65%)\"><\/div><\/div>\r\n <div class=\"africa-inner\">\r\n <div class=\"africa-grid\">\r\n <div style=\"position:relative;z-index:1\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Built for Africa<\/span><\/div><h2 class=\"h2\" style=\"margin-bottom:20px\">Mobile built for the African business environment<\/h2><p class=\"body\">Africa is a mobile-first continent \u2014 more business activity happens on smartphones than on any other device across most African markets. Mutual Africa Pay's mobile app is built for this reality, designed from the ground up for mobile use rather than adapted from a desktop interface.<\/p><\/div>\r\n <div class=\"africa-points\" style=\"position:relative;z-index:1\"><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Designed for mobile-first African entrepreneurs who run their business primarily from a smartphone<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Offline capability for areas with inconsistent mobile data coverage across African markets<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Works on entry-level Android devices \u2014 accessible to business owners across the full range of smartphones used in Africa<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Receipt capture on mobile eliminates paper-based expense management common in informal African business environments<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>WhatsApp invoice sharing from mobile \u2014 creates the full invoicing and collection workflow entirely on a smartphone<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>iOS and Android support \u2014 covers the full range of smartphone platforms used by African business owners<\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-related\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"related-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Related Features<\/span><\/div><h2 class=\"h2\">Features that work alongside mobile app<\/h2><\/div>\r\n <div class=\"related-grid\"><a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/invoicing\" class=\"related-card\"><div class=\"related-ico\">\ud83e\uddfe<\/div><div class=\"related-title\">Invoicing & Billing<\/div><p class=\"related-desc\">Create and send invoices from anywhere using the mobile app \u2014 the full invoicing capability of Mutual Africa Pay on your phone.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/expenses\" class=\"related-card\"><div class=\"related-ico\">\ud83d\udcca<\/div><div class=\"related-title\">Expense Tracking<\/div><p class=\"related-desc\">Capture receipts and record expenses immediately at the point of purchase using the mobile camera \u2014 no paper receipts, no delayed entry.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><a href=\"https:\/\/mutualafricapay.com\/products\/integrations\/whatsapp\" class=\"related-card\"><div class=\"related-ico\">\ud83d\udcac<\/div><div class=\"related-title\">WhatsApp & SMS Invoicing<\/div><p class=\"related-desc\">WhatsApp invoicing works directly from the mobile app \u2014 creating and sending invoices via WhatsApp without leaving the app.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-cta\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:0;left:50%;transform:translateX(-50%);width:700px;height:300px;background:radial-gradient(ellipse,rgba(46,158,68,0.08) 0%,transparent 65%)\"><\/div><\/div>\r\n <div class=\"cta-box\">\r\n <div class=\"eyebrow\" style=\"justify-content:center;margin-bottom:20px\"><span class=\"edot\"><\/span><span class=\"etxt\">Get Started<\/span><\/div>\r\n <h2>Run your business from anywhere in Africa<\/h2><p>The Mutual Africa Pay mobile app is included in every plan \u2014 including the free Solopreneur plan. Download for iOS or Android today.<\/p>\r\n <div class=\"cta-btns\"><a href=\"https:\/\/mutualafricapay.com\/pricing\" class=\"btn-green\">View Pricing <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M7 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a><a href=\"https:\/\/mutualafricapay.com\/contact\" class=\"btn-ghost\">Contact Sales<\/a><\/div>\r\n <\/div>\r\n<\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mobile App \u2014 Mutual Africa Pay *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: ‘Space Grotesk’, sans-serif; background: #07091A; color: #FFFFFF; -webkit-font-smoothing: antialiased; } .sec { padding: clamp(64px,10vw,112px) clamp(20px,6%,80px); position: relative; overflow: hidden; } .bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; } .bg-dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 30px 30px; } .bg-line { position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(46,158,68,0.16), transparent); } .bg-glow { position: absolute; border-radius: 50%; } .eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; } .edot { width: 6px; height: 6px; border-radius: 50%; background: #2E9E44; box-shadow: 0 0 8px rgba(46,158,68,0.7); animation: pulsedot 2.5s ease infinite; } .etxt { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #2E9E44; } .h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; } .body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulsedot { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(46,158,68,0.7)}50%{opacity:0.4;box-shadow:0 0 3px rgba(46,158,68,0.3)} } @keyframes float1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} } @keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} } @keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} } @keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} } @keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} } @keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} } .btn-green { display:inline-flex;align-items:center;gap:8px;background:#2E9E44;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background 150ms,transform 150ms,box-shadow 150ms; } @media(hover:hover)and(pointer:fine){.btn-green:hover{background:#38B850;transform:translateY(-2px);box-shadow:0 8px 24px rgba(46,158,68,.35);}} .btn-green:active{transform:scale(0.97)!important;} .btn-ghost { display:inline-flex;align-items:center;gap:8px;background:transparent;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:border-color 150ms,background 150ms; } @media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}} #s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; } .hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; } .breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; } @media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}} .breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; } .breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; } .hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; } .hero-inner h1 span { color:#2E9E44; } .hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; } .hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; } .hero-pills { display:flex;flex-wrap:wrap;gap:8px; } .pill { display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);font-size:0.78rem;font-weight:500;color:#FFFFFF; } .pill-dot { width:5px;height:5px;border-radius:50%;background:#2E9E44;flex-shrink:0; } #s-cap { background:#060810; } .cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .fgrid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:2;perspective:1200px; } .fcard { background:linear-gradient(160deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:28px 24px 36px;position:relative;overflow:hidden;display:block;color:inherit;text-decoration:none;transition:border-color 160ms cubic-bezier(0.23,1,0.32,1),box-shadow 240ms cubic-bezier(0.23,1,0.32,1); } .fcard.f1{animation:fadeUp 0.5s 0.03s cubic-bezier(0.23,1,0.32,1) both,float1 6s 0.5s ease-in-out infinite} .fcard.f2{animation:fadeUp 0.5s 0.07s cubic-bezier(0.23,1,0.32,1) both,float2 7s 0.8s ease-in-out infinite} .fcard.f3{animation:fadeUp 0.5s 0.11s cubic-bezier(0.23,1,0.32,1) both,float3 5.5s 0.3s ease-in-out infinite} .fcard.f4{animation:fadeUp 0.5s 0.15s cubic-bezier(0.23,1,0.32,1) both,float4 8s 1s ease-in-out infinite} .fcard.f5{animation:fadeUp 0.5s 0.19s cubic-bezier(0.23,1,0.32,1) both,float5 6.5s 0.6s ease-in-out infinite} .fcard.f6{animation:fadeUp 0.5s 0.23s cubic-bezier(0.23,1,0.32,1) both,float6 7.5s 1.2s ease-in-out infinite} .fcard::before{content:”;position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.45),transparent);opacity:0;transition:opacity 200ms} .fcard::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 60%);opacity:0;transition:opacity 250ms;pointer-events:none} @media(hover:hover)and(pointer:fine){.fcard:hover{border-color:rgba(46,158,68,0.42);box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 30px rgba(46,158,68,.07)}.fcard:hover::before,.fcard:hover::after{opacity:1}} .fcard:active{transform:scale(0.98)!important} .fcard-ico{font-size:1.6rem;margin-bottom:16px;line-height:1;position:relative;z-index:1} .fcard-title{font-size:1rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3;position:relative;z-index:1} .fcard-body{font-size:0.835rem;color:#FFFFFF;line-height:1.68;position:relative;z-index:1} #s-how { background:#07091A; } .how-grid { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:2;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .steps { display:flex;flex-direction:column;gap:3px; } .step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; } @media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}} .step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; } .step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; } .step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; } #s-use { background:#060810; } .use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; } .use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; } .use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s} @media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}} .use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; } .use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; } .use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; } #s-africa { background:#07091A; } .africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .africa-inner::before{content:”;position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)} .africa-inner::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none} .africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; } .africa-points { display:flex;flex-direction:column;gap:12px; } .africa-point { display:flex;align-items:flex-start;gap:12px; } .africa-point-dot { width:20px;height:20px;border-radius:50%;background:rgba(46,158,68,0.12);border:1px solid rgba(46,158,68,0.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; } .africa-point-dot svg { width:9px;height:9px; } .africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; } #s-related { background:#060810; } .related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; } .related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s} @media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}} .related-card:active{transform:scale(0.98)!important} .related-ico { font-size:1.4rem;margin-bottom:12px; } .related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; } .related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; } .related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; } @media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}} #s-cta { background:#07091A; } .cta-box { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.28);border-radius:20px;padding:clamp(48px,8vw,88px) clamp(28px,8vw,80px);text-align:center;overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both } .cta-box::before{content:”;position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)} .cta-box::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 55%);pointer-events:none} .cta-box h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-0.025em;line-height:1.08;color:#FFFFFF;margin-bottom:16px;position:relative;z-index:1} .cta-box p{font-size:.97rem;color:#FFFFFF;max-width:460px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1} .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1} @media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.sec{padding:64px 20px}} @media(prefers-reduced-motion:reduce){.fcard{animation:fadeUp 0.01ms both !important}*{animation-duration:0.01ms !important}} Products\/Integrations\/Mobile App Run your finances fromanywhere on the continent A full-featured mobile application for iOS and Android that gives business owners and their teams access to Mutual Africa Pay from anywhere in Africa. Manage invoices, approve payments, review reports, and run your finances on the go \u2014 with the same capabilities as the desktop experience. Get Started Contact Sales iOS & AndroidFull FeaturesOffline CapableInvoice on MobileApprove PaymentsReal-Time Data Capabilities Six mobile capabilities that give you financial control anywhere The Mutual Africa Pay mobile app is not a lite version of the platform \u2014 it is a full-featured financial management tool designed for the mobile-first reality of African business. \ud83d\udcf1Full Feature Access on Mobile Every core Mutual Africa Pay feature accessible from the mobile app \u2014 invoicing, expense capture, client management, reports, approvals, and payments. Business owners and team members have the same functionality on mobile as on desktop, without any compromise in capability. \ud83e\uddfeInvoice Creation & Sending Create, send, and track invoices from anywhere using the mobile app. Generate a quote or invoice at the client’s location, send it immediately via WhatsApp or email, and track payment status in real time \u2014 the entire invoicing process completed from a mobile device without returning to the office. \ud83d\udcf7Receipt & Expense Capture Photograph receipts and capture expenses immediately at the point of purchase using the mobile app. Receipt images attached to expense records automatically \u2014 no paper receipts to keep, no manual expense entry at the end of the day. \u2705Payment & Purchase Order Approval Approve invoices, purchase orders, and payment runs from the mobile app. Business owners and managers can authorise transactions from anywhere \u2014 without requiring access to a desktop computer or delaying approvals until returning to the office. \ud83d\udccaReal-Time Financial Reports Access live P&L reports, cash flow position, outstanding receivables, and bank balances from the mobile app. Business owners can review their financial position from anywhere \u2014 before a meeting, between client visits, or from any location across the continent. \ud83d\udce1Offline Capability The mobile app functions in low-connectivity environments \u2014 expenses can be captured, invoices created, and data entered offline. Records<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1896,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2121","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/pages\/2121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/comments?post=2121"}],"version-history":[{"count":0,"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/pages\/2121\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/pages\/1896"}],"wp:attachment":[{"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/media?parent=2121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMobile App \u2014 Mutual Africa Pay<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: 'Space Grotesk', sans-serif; background: #07091A; color: #FFFFFF; -webkit-font-smoothing: antialiased; }\r\n.sec { padding: clamp(64px,10vw,112px) clamp(20px,6%,80px); position: relative; overflow: hidden; }\r\n.bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }\r\n.bg-dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 30px 30px; }\r\n.bg-line { position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(46,158,68,0.16), transparent); }\r\n.bg-glow { position: absolute; border-radius: 50%; }\r\n.eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; }\r\n.edot { width: 6px; height: 6px; border-radius: 50%; background: #2E9E44; box-shadow: 0 0 8px rgba(46,158,68,0.7); animation: pulsedot 2.5s ease infinite; }\r\n.etxt { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #2E9E44; }\r\n.h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; }\r\n.body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; }\r\n@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes pulsedot { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(46,158,68,0.7)}50%{opacity:0.4;box-shadow:0 0 3px rgba(46,158,68,0.3)} }\r\n@keyframes float1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }\r\n@keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }\r\n@keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }\r\n@keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\r\n@keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }\r\n@keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} }\r\n.btn-green { display:inline-flex;align-items:center;gap:8px;background:#2E9E44;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background 150ms,transform 150ms,box-shadow 150ms; }\r\n@media(hover:hover)and(pointer:fine){.btn-green:hover{background:#38B850;transform:translateY(-2px);box-shadow:0 8px 24px rgba(46,158,68,.35);}}\r\n.btn-green:active{transform:scale(0.97)!important;}\r\n.btn-ghost { display:inline-flex;align-items:center;gap:8px;background:transparent;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:border-color 150ms,background 150ms; }\r\n@media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}}\r\n#s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; }\r\n.hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; }\r\n.breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; }\r\n@media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}}\r\n.breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; }\r\n.breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; }\r\n.hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; }\r\n.hero-inner h1 span { color:#2E9E44; }\r\n.hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; }\r\n.hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; }\r\n.hero-pills { display:flex;flex-wrap:wrap;gap:8px; }\r\n.pill { display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);font-size:0.78rem;font-weight:500;color:#FFFFFF; }\r\n.pill-dot { width:5px;height:5px;border-radius:50%;background:#2E9E44;flex-shrink:0; }\r\n#s-cap { background:#060810; }\r\n.cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.fgrid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:2;perspective:1200px; }\r\n.fcard { background:linear-gradient(160deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:28px 24px 36px;position:relative;overflow:hidden;display:block;color:inherit;text-decoration:none;transition:border-color 160ms cubic-bezier(0.23,1,0.32,1),box-shadow 240ms cubic-bezier(0.23,1,0.32,1); }\r\n.fcard.f1{animation:fadeUp 0.5s 0.03s cubic-bezier(0.23,1,0.32,1) both,float1 6s 0.5s ease-in-out infinite}\r\n.fcard.f2{animation:fadeUp 0.5s 0.07s cubic-bezier(0.23,1,0.32,1) both,float2 7s 0.8s ease-in-out infinite}\r\n.fcard.f3{animation:fadeUp 0.5s 0.11s cubic-bezier(0.23,1,0.32,1) both,float3 5.5s 0.3s ease-in-out infinite}\r\n.fcard.f4{animation:fadeUp 0.5s 0.15s cubic-bezier(0.23,1,0.32,1) both,float4 8s 1s ease-in-out infinite}\r\n.fcard.f5{animation:fadeUp 0.5s 0.19s cubic-bezier(0.23,1,0.32,1) both,float5 6.5s 0.6s ease-in-out infinite}\r\n.fcard.f6{animation:fadeUp 0.5s 0.23s cubic-bezier(0.23,1,0.32,1) both,float6 7.5s 1.2s ease-in-out infinite}\r\n.fcard::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.45),transparent);opacity:0;transition:opacity 200ms}\r\n.fcard::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 60%);opacity:0;transition:opacity 250ms;pointer-events:none}\r\n@media(hover:hover)and(pointer:fine){.fcard:hover{border-color:rgba(46,158,68,0.42);box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 30px rgba(46,158,68,.07)}.fcard:hover::before,.fcard:hover::after{opacity:1}}\r\n.fcard:active{transform:scale(0.98)!important}\r\n.fcard-ico{font-size:1.6rem;margin-bottom:16px;line-height:1;position:relative;z-index:1}\r\n.fcard-title{font-size:1rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3;position:relative;z-index:1}\r\n.fcard-body{font-size:0.835rem;color:#FFFFFF;line-height:1.68;position:relative;z-index:1}\r\n#s-how { background:#07091A; }\r\n.how-grid { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:2;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.steps { display:flex;flex-direction:column;gap:3px; }\r\n.step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; }\r\n@media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}}\r\n.step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; }\r\n.step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; }\r\n.step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; }\r\n#s-use { background:#060810; }\r\n.use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; }\r\n.use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; }\r\n.use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s}\r\n@media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}}\r\n.use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; }\r\n.use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; }\r\n.use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; }\r\n#s-africa { background:#07091A; }\r\n.africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.africa-inner::before{content:'';position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)}\r\n.africa-inner::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none}\r\n.africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; }\r\n.africa-points { display:flex;flex-direction:column;gap:12px; }\r\n.africa-point { display:flex;align-items:flex-start;gap:12px; }\r\n.africa-point-dot { width:20px;height:20px;border-radius:50%;background:rgba(46,158,68,0.12);border:1px solid rgba(46,158,68,0.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; }\r\n.africa-point-dot svg { width:9px;height:9px; }\r\n.africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; }\r\n#s-related { background:#060810; }\r\n.related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; }\r\n.related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s}\r\n@media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}}\r\n.related-card:active{transform:scale(0.98)!important}\r\n.related-ico { font-size:1.4rem;margin-bottom:12px; }\r\n.related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; }\r\n.related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; }\r\n.related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; }\r\n@media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}}\r\n#s-cta { background:#07091A; }\r\n.cta-box { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.28);border-radius:20px;padding:clamp(48px,8vw,88px) clamp(28px,8vw,80px);text-align:center;overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both }\r\n.cta-box::before{content:'';position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)}\r\n.cta-box::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 55%);pointer-events:none}\r\n.cta-box h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-0.025em;line-height:1.08;color:#FFFFFF;margin-bottom:16px;position:relative;z-index:1}\r\n.cta-box p{font-size:.97rem;color:#FFFFFF;max-width:460px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1}\r\n.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}\r\n@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}}\r\n@media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.sec{padding:64px 20px}}\r\n@media(prefers-reduced-motion:reduce){.fcard{animation:fadeUp 0.01ms both !important}*{animation-duration:0.01ms !important}}<\/style>\r\n<\/head>\r\n<body>\r\n<section class=\"sec\" id=\"s-hero\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-100px;left:50%;transform:translateX(-50%);width:900px;height:500px;background:radial-gradient(ellipse,rgba(46,158,68,0.1) 0%,transparent 65%)\"><\/div><\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"breadcrumb\"><a href=\"https:\/\/mutualafricapay.com\/products\">Products<\/a><span class=\"breadcrumb-sep\">\/<\/span><a href=\"https:\/\/mutualafricapay.com\/products\/integrations\">Integrations<\/a><span class=\"breadcrumb-sep\">\/<\/span><span class=\"breadcrumb-cur\">Mobile App<\/span><\/div>\r\n <h1>Run your finances from<br><span>anywhere on the continent<\/span><\/h1>\r\n <p>A full-featured mobile application for iOS and Android that gives business owners and their teams access to Mutual Africa Pay from anywhere in Africa. Manage invoices, approve payments, review reports, and run your finances on the go \u2014 with the same capabilities as the desktop experience.<\/p>\r\n <div class=\"hero-actions\"><a href=\"https:\/\/mutualafricapay.com\/pricing\" class=\"btn-green\">Get Started <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M7 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a><a href=\"https:\/\/mutualafricapay.com\/contact\" class=\"btn-ghost\">Contact Sales<\/a><\/div>\r\n <div class=\"hero-pills\"><span class=\"pill\"><span class=\"pill-dot\"><\/span>iOS & Android<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Full Features<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Offline Capable<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Invoice on Mobile<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Approve Payments<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Real-Time Data<\/span><\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-cap\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-60px;right:-80px;width:480px;height:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.08) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"cap-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Capabilities<\/span><\/div><h2 class=\"h2\">Six mobile capabilities that give you financial control anywhere<\/h2><p class=\"body\" style=\"margin-top:16px;max-width:580px\">The Mutual Africa Pay mobile app is not a lite version of the platform \u2014 it is a full-featured financial management tool designed for the mobile-first reality of African business.<\/p><\/div>\r\n <div class=\"fgrid\"><div class=\"fcard f1\"><div class=\"fcard-ico\">\ud83d\udcf1<\/div><div class=\"fcard-title\">Full Feature Access on Mobile<\/div><p class=\"fcard-body\">Every core Mutual Africa Pay feature accessible from the mobile app \u2014 invoicing, expense capture, client management, reports, approvals, and payments. Business owners and team members have the same functionality on mobile as on desktop, without any compromise in capability.<\/p><\/div><div class=\"fcard f2\"><div class=\"fcard-ico\">\ud83e\uddfe<\/div><div class=\"fcard-title\">Invoice Creation & Sending<\/div><p class=\"fcard-body\">Create, send, and track invoices from anywhere using the mobile app. Generate a quote or invoice at the client's location, send it immediately via WhatsApp or email, and track payment status in real time \u2014 the entire invoicing process completed from a mobile device without returning to the office.<\/p><\/div><div class=\"fcard f3\"><div class=\"fcard-ico\">\ud83d\udcf7<\/div><div class=\"fcard-title\">Receipt & Expense Capture<\/div><p class=\"fcard-body\">Photograph receipts and capture expenses immediately at the point of purchase using the mobile app. Receipt images attached to expense records automatically \u2014 no paper receipts to keep, no manual expense entry at the end of the day.<\/p><\/div><div class=\"fcard f4\"><div class=\"fcard-ico\">\u2705<\/div><div class=\"fcard-title\">Payment & Purchase Order Approval<\/div><p class=\"fcard-body\">Approve invoices, purchase orders, and payment runs from the mobile app. Business owners and managers can authorise transactions from anywhere \u2014 without requiring access to a desktop computer or delaying approvals until returning to the office.<\/p><\/div><div class=\"fcard f5\"><div class=\"fcard-ico\">\ud83d\udcca<\/div><div class=\"fcard-title\">Real-Time Financial Reports<\/div><p class=\"fcard-body\">Access live P&L reports, cash flow position, outstanding receivables, and bank balances from the mobile app. Business owners can review their financial position from anywhere \u2014 before a meeting, between client visits, or from any location across the continent.<\/p><\/div><div class=\"fcard f6\"><div class=\"fcard-ico\">\ud83d\udce1<\/div><div class=\"fcard-title\">Offline Capability<\/div><p class=\"fcard-body\">The mobile app functions in low-connectivity environments \u2014 expenses can be captured, invoices created, and data entered offline. Records sync automatically when connectivity is restored. Critical for business owners operating in areas with inconsistent mobile data coverage.<\/p><\/div><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-how\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"bottom:-60px;left:-80px;width:460px;height:380px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"how-grid\">\r\n <div><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">How It Works<\/span><\/div><h2 class=\"h2\" style=\"margin-bottom:20px\">Full financial management \u2014 from any device, anywhere<\/h2><p class=\"body\">The Mutual Africa Pay mobile app gives business owners and their teams the same financial management capability on their phone that they have on their desktop \u2014 accessible from any location across Africa.<\/p><\/div>\r\n <div class=\"steps\"><div class=\"step\"><div class=\"step-num\">01<\/div><div><h3>Download and log in<\/h3><p>Download the Mutual Africa Pay app for iOS or Android, log in with your account credentials, and access your full Mutual Africa Pay account immediately \u2014 all data synchronised from your account in real time.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">02<\/div><div><h3>Use the features you need<\/h3><p>Every core feature is accessible from the app \u2014 create invoices, capture expenses, review reports, check client balances, approve purchase orders. The mobile interface is designed for efficient use on a small screen without compromising functionality.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">03<\/div><div><h3>Work offline when needed<\/h3><p>In low-connectivity areas, continue working \u2014 capture expenses, create invoices, and record transactions offline. The app queues actions locally and syncs automatically when connectivity returns.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">04<\/div><div><h3>Data stays synchronised<\/h3><p>Everything done in the mobile app is reflected in the desktop version immediately \u2014 and vice versa. The mobile app and desktop share the same real-time data, so your whole team always has a consistent view of the business.<\/p><\/div><\/div><\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-use\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-60px;right:-80px;width:460px;height:380px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"use-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Use Cases<\/span><\/div><h2 class=\"h2\">How African businesses use the mobile app<\/h2><p class=\"body\" style=\"margin-top:14px;max-width:560px\">Mobile is the primary computing environment for most business owners and their teams across Africa \u2014 the Mutual Africa Pay mobile app is built for this reality.<\/p><\/div>\r\n <div class=\"use-grid\"><div class=\"use-card\"><div class=\"use-tag\">Business Owner on the Move<\/div><h3>A Cape Town contractor manages finances between project sites<\/h3><p>A building contractor moves between project sites across Cape Town throughout the day \u2014 rarely in the office. Using the Mutual Africa Pay mobile app, the contractor creates and sends invoices from site, captures material expenses with receipt photos immediately after purchase, approves supplier payment requests from wherever they are, and reviews project profitability during site visits. Financial management happens in real time, integrated with the business day \u2014 not as a separate administrative task at the end of the week.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Remote Team Management<\/div><h3>A Johannesburg firm approves transactions for team members in the field<\/h3><p>A professional services firm with consultants working at client sites across South Africa uses the Mutual Africa Pay mobile app to manage approvals remotely. Consultants submit expense claims from client locations. The finance manager approves them from the mobile app regardless of location. Purchase orders submitted by procurement are approved by the CFO from their phone. Decision-making is not delayed by geography or office availability.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Market Trader<\/div><h3>A Lagos market trader manages sales and finances from a smartphone<\/h3><p>A market trader uses the Mutual Africa Pay mobile app as their primary financial management tool \u2014 no desktop or laptop required. Invoices generated for wholesale clients, payments collected via payment links sent through WhatsApp, daily takings reviewed from the app dashboard, and basic financial reports accessed to understand business performance. A full accounting system running on a smartphone, built for the mobile-first African entrepreneur.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Multi-Location Business<\/div><h3>A Nairobi retailer monitors three store locations from a mobile dashboard<\/h3><p>A retail business owner with three store locations uses the Mutual Africa Pay mobile app to monitor consolidated sales performance across all three locations in real time. Daily sales, stock levels at each location, and outstanding client balances are all visible from the mobile dashboard \u2014 giving the owner a live view of the entire business from anywhere, without visiting each location or waiting for end-of-day reports.<\/p><\/div><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-africa\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.06) 0%,transparent 65%)\"><\/div><\/div>\r\n <div class=\"africa-inner\">\r\n <div class=\"africa-grid\">\r\n <div style=\"position:relative;z-index:1\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Built for Africa<\/span><\/div><h2 class=\"h2\" style=\"margin-bottom:20px\">Mobile built for the African business environment<\/h2><p class=\"body\">Africa is a mobile-first continent \u2014 more business activity happens on smartphones than on any other device across most African markets. Mutual Africa Pay's mobile app is built for this reality, designed from the ground up for mobile use rather than adapted from a desktop interface.<\/p><\/div>\r\n <div class=\"africa-points\" style=\"position:relative;z-index:1\"><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Designed for mobile-first African entrepreneurs who run their business primarily from a smartphone<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Offline capability for areas with inconsistent mobile data coverage across African markets<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Works on entry-level Android devices \u2014 accessible to business owners across the full range of smartphones used in Africa<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Receipt capture on mobile eliminates paper-based expense management common in informal African business environments<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>WhatsApp invoice sharing from mobile \u2014 creates the full invoicing and collection workflow entirely on a smartphone<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>iOS and Android support \u2014 covers the full range of smartphone platforms used by African business owners<\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-related\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"related-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Related Features<\/span><\/div><h2 class=\"h2\">Features that work alongside mobile app<\/h2><\/div>\r\n <div class=\"related-grid\"><a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/invoicing\" class=\"related-card\"><div class=\"related-ico\">\ud83e\uddfe<\/div><div class=\"related-title\">Invoicing & Billing<\/div><p class=\"related-desc\">Create and send invoices from anywhere using the mobile app \u2014 the full invoicing capability of Mutual Africa Pay on your phone.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/expenses\" class=\"related-card\"><div class=\"related-ico\">\ud83d\udcca<\/div><div class=\"related-title\">Expense Tracking<\/div><p class=\"related-desc\">Capture receipts and record expenses immediately at the point of purchase using the mobile camera \u2014 no paper receipts, no delayed entry.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><a href=\"https:\/\/mutualafricapay.com\/products\/integrations\/whatsapp\" class=\"related-card\"><div class=\"related-ico\">\ud83d\udcac<\/div><div class=\"related-title\">WhatsApp & SMS Invoicing<\/div><p class=\"related-desc\">WhatsApp invoicing works directly from the mobile app \u2014 creating and sending invoices via WhatsApp without leaving the app.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-cta\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:0;left:50%;transform:translateX(-50%);width:700px;height:300px;background:radial-gradient(ellipse,rgba(46,158,68,0.08) 0%,transparent 65%)\"><\/div><\/div>\r\n <div class=\"cta-box\">\r\n <div class=\"eyebrow\" style=\"justify-content:center;margin-bottom:20px\"><span class=\"edot\"><\/span><span class=\"etxt\">Get Started<\/span><\/div>\r\n <h2>Run your business from anywhere in Africa<\/h2><p>The Mutual Africa Pay mobile app is included in every plan \u2014 including the free Solopreneur plan. Download for iOS or Android today.<\/p>\r\n <div class=\"cta-btns\"><a href=\"https:\/\/mutualafricapay.com\/pricing\" class=\"btn-green\">View Pricing <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M7 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a><a href=\"https:\/\/mutualafricapay.com\/contact\" class=\"btn-ghost\">Contact Sales<\/a><\/div>\r\n <\/div>\r\n<\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mobile App \u2014 Mutual Africa Pay *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: ‘Space Grotesk’, sans-serif; background: #07091A; color: #FFFFFF; -webkit-font-smoothing: antialiased; } .sec { padding: clamp(64px,10vw,112px) clamp(20px,6%,80px); position: relative; overflow: hidden; } .bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; } .bg-dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 30px 30px; } .bg-line { position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(46,158,68,0.16), transparent); } .bg-glow { position: absolute; border-radius: 50%; } .eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; } .edot { width: 6px; height: 6px; border-radius: 50%; background: #2E9E44; box-shadow: 0 0 8px rgba(46,158,68,0.7); animation: pulsedot 2.5s ease infinite; } .etxt { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #2E9E44; } .h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; } .body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulsedot { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(46,158,68,0.7)}50%{opacity:0.4;box-shadow:0 0 3px rgba(46,158,68,0.3)} } @keyframes float1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} } @keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} } @keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} } @keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} } @keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} } @keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} } .btn-green { display:inline-flex;align-items:center;gap:8px;background:#2E9E44;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background 150ms,transform 150ms,box-shadow 150ms; } @media(hover:hover)and(pointer:fine){.btn-green:hover{background:#38B850;transform:translateY(-2px);box-shadow:0 8px 24px rgba(46,158,68,.35);}} .btn-green:active{transform:scale(0.97)!important;} .btn-ghost { display:inline-flex;align-items:center;gap:8px;background:transparent;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:border-color 150ms,background 150ms; } @media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}} #s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; } .hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; } .breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; } @media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}} .breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; } .breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; } .hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; } .hero-inner h1 span { color:#2E9E44; } .hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; } .hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; } .hero-pills { display:flex;flex-wrap:wrap;gap:8px; } .pill { display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);font-size:0.78rem;font-weight:500;color:#FFFFFF; } .pill-dot { width:5px;height:5px;border-radius:50%;background:#2E9E44;flex-shrink:0; } #s-cap { background:#060810; } .cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .fgrid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:2;perspective:1200px; } .fcard { background:linear-gradient(160deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:28px 24px 36px;position:relative;overflow:hidden;display:block;color:inherit;text-decoration:none;transition:border-color 160ms cubic-bezier(0.23,1,0.32,1),box-shadow 240ms cubic-bezier(0.23,1,0.32,1); } .fcard.f1{animation:fadeUp 0.5s 0.03s cubic-bezier(0.23,1,0.32,1) both,float1 6s 0.5s ease-in-out infinite} .fcard.f2{animation:fadeUp 0.5s 0.07s cubic-bezier(0.23,1,0.32,1) both,float2 7s 0.8s ease-in-out infinite} .fcard.f3{animation:fadeUp 0.5s 0.11s cubic-bezier(0.23,1,0.32,1) both,float3 5.5s 0.3s ease-in-out infinite} .fcard.f4{animation:fadeUp 0.5s 0.15s cubic-bezier(0.23,1,0.32,1) both,float4 8s 1s ease-in-out infinite} .fcard.f5{animation:fadeUp 0.5s 0.19s cubic-bezier(0.23,1,0.32,1) both,float5 6.5s 0.6s ease-in-out infinite} .fcard.f6{animation:fadeUp 0.5s 0.23s cubic-bezier(0.23,1,0.32,1) both,float6 7.5s 1.2s ease-in-out infinite} .fcard::before{content:”;position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.45),transparent);opacity:0;transition:opacity 200ms} .fcard::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 60%);opacity:0;transition:opacity 250ms;pointer-events:none} @media(hover:hover)and(pointer:fine){.fcard:hover{border-color:rgba(46,158,68,0.42);box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 30px rgba(46,158,68,.07)}.fcard:hover::before,.fcard:hover::after{opacity:1}} .fcard:active{transform:scale(0.98)!important} .fcard-ico{font-size:1.6rem;margin-bottom:16px;line-height:1;position:relative;z-index:1} .fcard-title{font-size:1rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3;position:relative;z-index:1} .fcard-body{font-size:0.835rem;color:#FFFFFF;line-height:1.68;position:relative;z-index:1} #s-how { background:#07091A; } .how-grid { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:2;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .steps { display:flex;flex-direction:column;gap:3px; } .step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; } @media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}} .step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; } .step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; } .step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; } #s-use { background:#060810; } .use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; } .use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; } .use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s} @media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}} .use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; } .use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; } .use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; } #s-africa { background:#07091A; } .africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .africa-inner::before{content:”;position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)} .africa-inner::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none} .africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; } .africa-points { display:flex;flex-direction:column;gap:12px; } .africa-point { display:flex;align-items:flex-start;gap:12px; } .africa-point-dot { width:20px;height:20px;border-radius:50%;background:rgba(46,158,68,0.12);border:1px solid rgba(46,158,68,0.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; } .africa-point-dot svg { width:9px;height:9px; } .africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; } #s-related { background:#060810; } .related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; } .related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s} @media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}} .related-card:active{transform:scale(0.98)!important} .related-ico { font-size:1.4rem;margin-bottom:12px; } .related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; } .related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; } .related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; } @media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}} #s-cta { background:#07091A; } .cta-box { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.28);border-radius:20px;padding:clamp(48px,8vw,88px) clamp(28px,8vw,80px);text-align:center;overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both } .cta-box::before{content:”;position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)} .cta-box::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 55%);pointer-events:none} .cta-box h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-0.025em;line-height:1.08;color:#FFFFFF;margin-bottom:16px;position:relative;z-index:1} .cta-box p{font-size:.97rem;color:#FFFFFF;max-width:460px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1} .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1} @media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.sec{padding:64px 20px}} @media(prefers-reduced-motion:reduce){.fcard{animation:fadeUp 0.01ms both !important}*{animation-duration:0.01ms !important}} Products\/Integrations\/Mobile App Run your finances fromanywhere on the continent A full-featured mobile application for iOS and Android that gives business owners and their teams access to Mutual Africa Pay from anywhere in Africa. Manage invoices, approve payments, review reports, and run your finances on the go \u2014 with the same capabilities as the desktop experience. Get Started Contact Sales iOS & AndroidFull FeaturesOffline CapableInvoice on MobileApprove PaymentsReal-Time Data Capabilities Six mobile capabilities that give you financial control anywhere The Mutual Africa Pay mobile app is not a lite version of the platform \u2014 it is a full-featured financial management tool designed for the mobile-first reality of African business. \ud83d\udcf1Full Feature Access on Mobile Every core Mutual Africa Pay feature accessible from the mobile app \u2014 invoicing, expense capture, client management, reports, approvals, and payments. Business owners and team members have the same functionality on mobile as on desktop, without any compromise in capability. \ud83e\uddfeInvoice Creation & Sending Create, send, and track invoices from anywhere using the mobile app. Generate a quote or invoice at the client’s location, send it immediately via WhatsApp or email, and track payment status in real time \u2014 the entire invoicing process completed from a mobile device without returning to the office. \ud83d\udcf7Receipt & Expense Capture Photograph receipts and capture expenses immediately at the point of purchase using the mobile app. Receipt images attached to expense records automatically \u2014 no paper receipts to keep, no manual expense entry at the end of the day. \u2705Payment & Purchase Order Approval Approve invoices, purchase orders, and payment runs from the mobile app. Business owners and managers can authorise transactions from anywhere \u2014 without requiring access to a desktop computer or delaying approvals until returning to the office. \ud83d\udccaReal-Time Financial Reports Access live P&L reports, cash flow position, outstanding receivables, and bank balances from the mobile app. Business owners can review their financial position from anywhere \u2014 before a meeting, between client visits, or from any location across the continent. \ud83d\udce1Offline Capability The mobile app functions in low-connectivity environments \u2014 expenses can be captured, invoices created, and data entered offline. Records<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1896,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2121","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/pages\/2121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/comments?post=2121"}],"version-history":[{"count":0,"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/pages\/2121\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/pages\/1896"}],"wp:attachment":[{"href":"https:\/\/mutualafricapay.com\/ls\/wp-json\/wp\/v2\/media?parent=2121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}