{"id":1834,"date":"2026-05-27T18:50:11","date_gmt":"2026-05-27T18:50:11","guid":{"rendered":"https:\/\/mutualafricapay.com\/?page_id=1834"},"modified":"2026-05-27T18:50:11","modified_gmt":"2026-05-27T18:50:11","slug":"products","status":"publish","type":"page","link":"https:\/\/mutualafricapay.com\/bw\/products\/","title":{"rendered":"Products"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nProducts \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>\r\n*, *::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\r\n\/* \u2500\u2500 SHARED \u2500\u2500 *\/\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\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\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\r\n\/* \u2500\u2500 3D FLOAT ANIMATION \u2500\u2500 *\/\r\n@keyframes float1 { 0%,100%{transform:translateY(0) rotateX(0deg)} 50%{transform:translateY(-8px) rotateX(1deg)} }\r\n@keyframes float2 { 0%,100%{transform:translateY(0) rotateX(0deg)} 50%{transform:translateY(-12px) rotateX(-1deg)} }\r\n@keyframes float3 { 0%,100%{transform:translateY(0) rotateX(0deg)} 50%{transform:translateY(-6px) rotateX(0.5deg)} }\r\n@keyframes float4 { 0%,100%{transform:translateY(0) rotateX(0deg)} 50%{transform:translateY(-10px) rotateX(-0.8deg)} }\r\n\r\n\/* \u2501\u2501\u2501 HERO \u2501\u2501\u2501 *\/\r\n#s-hero {\r\n background: #07091A;\r\n min-height: 52vh;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.hero-inner {\r\n position: relative; z-index: 2; max-width: 780px;\r\n animation: fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both;\r\n}\r\n\r\n.hero-inner h1 {\r\n font-size: clamp(2.6rem,5.5vw,4.8rem);\r\n font-weight: 700; letter-spacing: -0.03em; line-height: 1.06;\r\n color: #FFFFFF; margin-bottom: 24px;\r\n}\r\n.hero-inner h1 span { color: #2E9E44; }\r\n\r\n.hero-inner p {\r\n font-size: 1.05rem; font-weight: 400;\r\n color: #FFFFFF; line-height: 1.74; max-width: 620px;\r\n}\r\n\r\n\/* stats row *\/\r\n.hero-stats {\r\n display: flex; flex-wrap: wrap; gap: 0;\r\n margin-top: 52px;\r\n border-top: 1px solid rgba(255,255,255,0.08);\r\n animation: fadeUp 0.55s 0.15s cubic-bezier(0.23,1,0.32,1) both;\r\n}\r\n.hstat { flex: 1; min-width: 120px; padding: 22px 0 0; }\r\n.hstat + .hstat { padding-left: 24px; border-left: 1px solid rgba(255,255,255,0.08); }\r\n.hstat-n { font-size: 2.1rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1; color: #FFFFFF; }\r\n.hstat-n span { color: #2E9E44; }\r\n.hstat-l { font-size: 0.77rem; color: #FFFFFF; opacity: 0.55; margin-top: 4px; }\r\n\r\n\/* \u2501\u2501\u2501 CATEGORY SECTIONS \u2501\u2501\u2501 *\/\r\n.cat-sec { background: #07091A; }\r\n.cat-sec.dark { background: #060810; }\r\n\r\n.cat-header {\r\n display: flex; justify-content: space-between; align-items: flex-end;\r\n gap: 28px; flex-wrap: wrap;\r\n margin-bottom: 48px;\r\n position: relative; z-index: 2;\r\n animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;\r\n}\r\n\r\n.cat-header-left {}\r\n.cat-title { font-size: clamp(1.7rem,2.8vw,2.4rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.1; color: #FFFFFF; margin-bottom: 10px; display: flex; align-items: center; gap: 14px; }\r\n.cat-ico { width: 44px; height: 44px; background: rgba(46,158,68,0.1); border: 1px solid rgba(46,158,68,0.25); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; }\r\n.cat-desc { font-size: 0.93rem; font-weight: 400; color: #FFFFFF; line-height: 1.7; max-width: 420px; }\r\n.cat-link { display: inline-flex; align-items: center; gap: 7px; font-size: 0.82rem; font-weight: 600; color: #2E9E44; text-decoration: none; margin-top: 14px; transition: gap 160ms; }\r\n@media(hover:hover)and(pointer:fine){ .cat-link:hover { gap: 11px; } }\r\n\r\n\/* \u2500\u2500 FLOATING 3D CARD GRID \u2500\u2500 *\/\r\n.fgrid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n position: relative; z-index: 2;\r\n perspective: 1200px;\r\n}\r\n\r\n\/* \u2500\u2500 FLOATING CARD \u2500\u2500 *\/\r\n.fcard {\r\n background: linear-gradient(160deg, #0D1033, #090C22);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n border-radius: 16px;\r\n padding: 28px 24px 32px;\r\n position: relative; overflow: hidden;\r\n transform-style: preserve-3d;\r\n text-decoration: none; color: inherit; display: block;\r\n animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;\r\n transition:\r\n border-color 160ms cubic-bezier(0.23,1,0.32,1),\r\n box-shadow 240ms cubic-bezier(0.23,1,0.32,1);\r\n}\r\n\r\n\/* floating animation assigned by position *\/\r\n.fcard.f1 { animation-name: fadeUp, float1; animation-duration: 0.5s, 6s; animation-delay: 0s, 0.5s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; }\r\n.fcard.f2 { animation-name: fadeUp, float2; animation-duration: 0.5s, 7s; animation-delay: 0.06s, 0.8s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; }\r\n.fcard.f3 { animation-name: fadeUp, float3; animation-duration: 0.5s, 5.5s; animation-delay: 0.12s, 0.3s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; }\r\n.fcard.f4 { animation-name: fadeUp, float4; animation-duration: 0.5s, 8s; animation-delay: 0.18s, 1s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; }\r\n.fcard.f5 { animation-name: fadeUp, float1; animation-duration: 0.5s, 6.5s; animation-delay: 0.24s, 0.6s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; }\r\n.fcard.f6 { animation-name: fadeUp, float2; animation-duration: 0.5s, 7.5s; animation-delay: 0.3s, 1.2s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; }\r\n.fcard.f7 { animation-name: fadeUp, float3; animation-duration: 0.5s, 5s; animation-delay: 0.36s, 0.4s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; }\r\n.fcard.f8 { animation-name: fadeUp, float4; animation-duration: 0.5s, 6.8s; animation-delay: 0.42s, 0.9s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; }\r\n\r\n\/* shimmer top *\/\r\n.fcard::before {\r\n content: '';\r\n position: absolute; top: 0; left: 15%; right: 15%; height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(46,158,68,0.45), transparent);\r\n opacity: 0; transition: opacity 200ms;\r\n}\r\n\r\n\/* inner glow *\/\r\n.fcard::after {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background: radial-gradient(ellipse at 50% 0%, rgba(46,158,68,0.08), transparent 60%);\r\n opacity: 0; transition: opacity 250ms;\r\n pointer-events: none;\r\n}\r\n\r\n@media(hover:hover)and(pointer:fine){\r\n .fcard:hover {\r\n border-color: rgba(46,158,68,0.42);\r\n box-shadow: 0 20px 52px rgba(0,0,0,0.5), 0 0 30px rgba(46,158,68,0.07);\r\n }\r\n .fcard:hover::before, .fcard:hover::after { opacity: 1; }\r\n .fcard:hover .fcard-arrow { opacity: 1; transform: translate(0,0); }\r\n}\r\n.fcard:active { transform: scale(0.98) !important; }\r\n\r\n.fcard-icon {\r\n font-size: 1.6rem; margin-bottom: 16px; line-height: 1;\r\n position: relative; z-index: 1;\r\n}\r\n\r\n.fcard-title {\r\n font-size: 1rem; font-weight: 600; color: #FFFFFF;\r\n margin-bottom: 10px; line-height: 1.3;\r\n position: relative; z-index: 1;\r\n}\r\n\r\n.fcard-body {\r\n font-size: 0.835rem; font-weight: 400; color: #FFFFFF;\r\n line-height: 1.68; position: relative; z-index: 1;\r\n}\r\n\r\n.fcard-arrow {\r\n position: absolute; bottom: 20px; right: 20px;\r\n width: 26px; height: 26px; border-radius: 50%;\r\n border: 1px solid rgba(46,158,68,0.38);\r\n display: flex; align-items: center; justify-content: center;\r\n opacity: 0; transform: translate(-4px, 4px);\r\n transition: opacity 180ms, transform 200ms cubic-bezier(0.23,1,0.32,1);\r\n z-index: 1;\r\n}\r\n\r\n\/* \u2501\u2501\u2501 DIVIDER \u2501\u2501\u2501 *\/\r\n.cat-divider {\r\n height: 1px;\r\n margin: 0 clamp(20px,6%,80px);\r\n background: linear-gradient(90deg, transparent, rgba(46,158,68,0.14), transparent);\r\n}\r\n\r\n\/* \u2501\u2501\u2501 CTA \u2501\u2501\u2501 *\/\r\n#s-cta { background: #07091A; }\r\n\r\n.cta-box {\r\n position: relative; z-index: 2;\r\n background: linear-gradient(145deg, #0D1140, #090C2E);\r\n border: 1px solid rgba(46,158,68,0.28);\r\n border-radius: 20px;\r\n padding: clamp(48px,8vw,88px) clamp(28px,8vw,80px);\r\n text-align: center; overflow: hidden;\r\n animation: fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both;\r\n}\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,0.6),transparent); }\r\n.cta-box::after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,0.08),transparent 55%); pointer-events:none; }\r\n\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:480px; 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\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,0.35); } }\r\n.btn-green:active { transform:scale(0.97)!important; }\r\n\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,transform 150ms; }\r\n@media(hover:hover)and(pointer:fine){ .btn-ghost:hover { border-color:rgba(255,255,255,0.35); background:rgba(255,255,255,0.05); transform:translateY(-1px); } }\r\n.btn-ghost:active { transform:scale(0.97)!important; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media(max-width:900px) { .fgrid { grid-template-columns: 1fr 1fr; } .cat-header { flex-direction: column; align-items: flex-start; } }\r\n@media(max-width:480px) { .fgrid { grid-template-columns: 1fr 1fr; } .sec { padding: 64px 20px; } .cat-divider { margin: 0 20px; } }\r\n@media(prefers-reduced-motion:reduce) { .fcard { animation: fadeUp 0.01ms both !important; } * { animation-duration: 0.01ms !important; } }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2501\u2501\u2501 HERO \u2501\u2501\u2501 -->\r\n<section class=\"sec\" id=\"s-hero\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <div class=\"bg-glow\" style=\"top:-100px;left:50%;transform:translateX(-50%);width:900px;height:480px;background:radial-gradient(ellipse,rgba(46,158,68,0.1) 0%,transparent 65%)\"><\/div>\r\n <\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Our Products<\/span><\/div>\r\n <h1>One platform.<br><span>Every financial function.<\/span><\/h1>\r\n <p>Mutual Africa Pay delivers integrated payments infrastructure, accounting software, business operations, compliance, and intelligence tools \u2014 built specifically for African businesses.<\/p>\r\n <div class=\"hero-stats\">\r\n <div class=\"hstat\"><div class=\"hstat-n\">33<span>+<\/span><\/div><div class=\"hstat-l\">Products & features<\/div><\/div>\r\n <div class=\"hstat\"><div class=\"hstat-n\">7<\/div><div class=\"hstat-l\">Product categories<\/div><\/div>\r\n <div class=\"hstat\"><div class=\"hstat-n\">54<\/div><div class=\"hstat-l\">African countries<\/div><\/div>\r\n <div class=\"hstat\"><div class=\"hstat-n\">12<span>+<\/span><\/div><div class=\"hstat-l\">Currencies<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"cat-divider\"><\/div>\r\n\r\n<!-- \u2501\u2501\u2501 1. ACCOUNTING & FINANCE \u2501\u2501\u2501 -->\r\n<section class=\"sec cat-sec\" id=\"accounting\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <div class=\"bg-glow\" style=\"top:-60px;right:-80px;width:480px;height:400px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div>\r\n <div class=\"bg-line\" style=\"bottom:0\"><\/div>\r\n <\/div>\r\n <div class=\"cat-header\">\r\n <div class=\"cat-header-left\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Category 01<\/span><\/div>\r\n <div class=\"cat-title\"><div class=\"cat-ico\">\ud83d\udcc4<\/div>Accounting & Finance<\/div>\r\n <p class=\"cat-desc\">Complete financial management for African businesses \u2014 from invoicing and expense tracking to VAT reporting and aged receivables.<\/p>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting\" class=\"cat-link\">View full details <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"fgrid\">\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting#invoicing\" class=\"fcard f1\">\r\n <div class=\"fcard-icon\">\ud83e\uddfe<\/div>\r\n <div class=\"fcard-title\">Invoicing & Billing<\/div>\r\n <p class=\"fcard-body\">Create branded invoices, track payment status in real time, and send automated reminders. Supports multiple currencies and custom tax rates per client.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting#expenses\" class=\"fcard f2\">\r\n <div class=\"fcard-icon\">\ud83d\udcca<\/div>\r\n <div class=\"fcard-title\">Expense Tracking<\/div>\r\n <p class=\"fcard-body\">Capture and categorise expenses with receipt photo upload. Assign to clients or projects for accurate job costing and billing.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting#pl\" class=\"fcard f3\">\r\n <div class=\"fcard-icon\">\ud83d\udcc9<\/div>\r\n <div class=\"fcard-title\">P&L Reporting<\/div>\r\n <p class=\"fcard-body\">Real-time profit and loss statements by date range, category, or project. Export-ready for accountants and board presentations.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting#balance\" class=\"fcard f4\">\r\n <div class=\"fcard-icon\">\u2696\ufe0f<\/div>\r\n <div class=\"fcard-title\">Balance Sheet<\/div>\r\n <p class=\"fcard-body\">Live snapshot of assets, liabilities, and equity at any point in time. Automatically updated as transactions flow through the platform.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting#vat\" class=\"fcard f5\">\r\n <div class=\"fcard-icon\">\ud83e\uddee<\/div>\r\n <div class=\"fcard-title\">VAT \/ Tax Reporting<\/div>\r\n <p class=\"fcard-body\">Automated VAT calculations on every transaction. Generate SARS-ready VAT201 reports and export summaries for any period.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting#aged\" class=\"fcard f6\">\r\n <div class=\"fcard-icon\">\ud83d\udcc5<\/div>\r\n <div class=\"fcard-title\">Aged Receivables & Payables<\/div>\r\n <p class=\"fcard-body\">See exactly who owes you and what you owe, aged by 30, 60, and 90-day brackets \u2014 clear cash flow visibility at all times.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"cat-divider\"><\/div>\r\n\r\n<!-- \u2501\u2501\u2501 2. PAYMENTS \u2501\u2501\u2501 -->\r\n<section class=\"sec cat-sec dark\" id=\"payments\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <div class=\"bg-glow\" style=\"top:-60px;left:-80px;width:480px;height:400px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div>\r\n <div class=\"bg-line\" style=\"bottom:0\"><\/div>\r\n <\/div>\r\n <div class=\"cat-header\">\r\n <div class=\"cat-header-left\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Category 02<\/span><\/div>\r\n <div class=\"cat-title\"><div class=\"cat-ico\">\ud83d\udcb3<\/div>Payments<\/div>\r\n <p class=\"cat-desc\">End-to-end payments infrastructure for African businesses \u2014 payment links, recurring billing, multi-currency settlements, and full processing across African rails.<\/p>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/payments\" class=\"cat-link\">View full details <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"fgrid\">\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/payments#links\" class=\"fcard f1\">\r\n <div class=\"fcard-icon\">\ud83d\udd17<\/div>\r\n <div class=\"fcard-title\">Payment Links<\/div>\r\n <p class=\"fcard-body\">Generate a payment link from any invoice and share via WhatsApp, SMS, or email. Clients pay without needing an account or app.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/payments#recurring\" class=\"fcard f2\">\r\n <div class=\"fcard-icon\">\ud83d\udd04<\/div>\r\n <div class=\"fcard-title\">Recurring Billing<\/div>\r\n <p class=\"fcard-body\">Automated subscription billing and recurring invoice collection. Define cycles, amounts, and currencies \u2014 MAP handles the rest automatically.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/payments#multi\" class=\"fcard f3\">\r\n <div class=\"fcard-icon\">\ud83c\udf0d<\/div>\r\n <div class=\"fcard-title\">Multi-Currency Settlements<\/div>\r\n <p class=\"fcard-body\">Send and receive in ZAR, USD, GBP, EUR, KES, NGN, GHS and more. Live exchange rates applied automatically at time of transaction.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/payments#utilities\" class=\"fcard f4\">\r\n <div class=\"fcard-icon\">\u26a1<\/div>\r\n <div class=\"fcard-title\">Utilities Payments<\/div>\r\n <p class=\"fcard-body\">Pay electricity, water, rates, and municipal accounts directly from MAP. Recorded and reconciled automatically as business expenses.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/payments#infra\" class=\"fcard f5\">\r\n <div class=\"fcard-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n <div class=\"fcard-title\">Payments Infrastructure<\/div>\r\n <p class=\"fcard-body\">End-to-end processing across African banking rails, mobile money networks, and card networks for businesses moving money at scale.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"cat-divider\"><\/div>\r\n\r\n<!-- \u2501\u2501\u2501 3. BANKING \u2501\u2501\u2501 -->\r\n<section class=\"sec cat-sec\" id=\"banking\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <div class=\"bg-glow\" style=\"bottom:-60px;right:-80px;width:440px;height:380px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div>\r\n <div class=\"bg-line\" style=\"bottom:0\"><\/div>\r\n <\/div>\r\n <div class=\"cat-header\">\r\n <div class=\"cat-header-left\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Category 03<\/span><\/div>\r\n <div class=\"cat-title\"><div class=\"cat-ico\">\ud83c\udfe6<\/div>Banking<\/div>\r\n <p class=\"cat-desc\">Banking integrations, reconciliation workflows, and open financial infrastructure designed to improve operational efficiency and financial accuracy.<\/p>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/banking\" class=\"cat-link\">View full details <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"fgrid\">\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/banking#recon\" class=\"fcard f1\">\r\n <div class=\"fcard-icon\">\ud83d\udd0d<\/div>\r\n <div class=\"fcard-title\">Bank Reconciliation<\/div>\r\n <p class=\"fcard-body\">Automatically match bank statement transactions to MAP records. Unmatched items flagged for review \u2014 no manual month-end reconciliation work.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/banking#open\" class=\"fcard f2\">\r\n <div class=\"fcard-icon\">\ud83d\udd0c<\/div>\r\n <div class=\"fcard-title\">Open Banking Connections<\/div>\r\n <p class=\"fcard-body\">Connect directly to your bank accounts via open banking APIs. Live transaction feeds keep your books current without manual imports or CSV files.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"cat-divider\"><\/div>\r\n\r\n<!-- \u2501\u2501\u2501 4. BUSINESS OPERATIONS \u2501\u2501\u2501 -->\r\n<section class=\"sec cat-sec dark\" id=\"operations\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <div class=\"bg-glow\" style=\"top:-60px;left:-80px;width:500px;height:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div>\r\n <div class=\"bg-line\" style=\"bottom:0\"><\/div>\r\n <\/div>\r\n <div class=\"cat-header\">\r\n <div class=\"cat-header-left\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Category 04<\/span><\/div>\r\n <div class=\"cat-title\"><div class=\"cat-ico\">\ud83c\udfea<\/div>Business Operations<\/div>\r\n <p class=\"cat-desc\">Operational coordination tools that create alignment between commercial activity, daily execution, and financial outcomes.<\/p>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/operations\" class=\"cat-link\">View full details <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"fgrid\">\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/operations#clients\" class=\"fcard f1\">\r\n <div class=\"fcard-icon\">\ud83d\udc64<\/div>\r\n <div class=\"fcard-title\">Contact & Client Management<\/div>\r\n <p class=\"fcard-body\">Full CRM with transaction history, outstanding balances, and communication logs \u2014 all linked to invoices and payments.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/operations#suppliers\" class=\"fcard f2\">\r\n <div class=\"fcard-icon\">\ud83d\ude9a<\/div>\r\n <div class=\"fcard-title\">Supplier Management<\/div>\r\n <p class=\"fcard-body\">Manage supplier relationships, purchase history, payment terms, and balances \u2014 linked to accounts payable and expense records.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/operations#inventory\" class=\"fcard f3\">\r\n <div class=\"fcard-icon\">\ud83d\udce6<\/div>\r\n <div class=\"fcard-title\">Inventory Management<\/div>\r\n <p class=\"fcard-body\">Real-time stock tracking with low-stock alerts and movement history. Updates automatically when sales are made through POS or invoicing.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/operations#po\" class=\"fcard f4\">\r\n <div class=\"fcard-icon\">\ud83d\udccb<\/div>\r\n <div class=\"fcard-title\">Purchase Orders<\/div>\r\n <p class=\"fcard-body\">Create and send POs with approval workflows. Approved POs convert to bills automatically when goods are received.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/operations#quotes\" class=\"fcard f5\">\r\n <div class=\"fcard-icon\">\u270d\ufe0f<\/div>\r\n <div class=\"fcard-title\">Quotes & Estimates<\/div>\r\n <p class=\"fcard-body\">Professional quotes that clients approve online. Accepted quotes convert to invoices in one click \u2014 no re-entering data.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/operations#projects\" class=\"fcard f6\">\r\n <div class=\"fcard-icon\">\ud83d\udccc<\/div>\r\n <div class=\"fcard-title\">Project & Job Tracking<\/div>\r\n <p class=\"fcard-body\">Track billable hours, costs, and profitability per job. Know which projects are making money in real time.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/operations#docs\" class=\"fcard f7\">\r\n <div class=\"fcard-icon\">\ud83d\uddc2\ufe0f<\/div>\r\n <div class=\"fcard-title\">Document Storage<\/div>\r\n <p class=\"fcard-body\">Centralised management for contracts, receipts, and compliance docs \u2014 attached to the relevant client, supplier, or transaction record.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/operations#pos\" class=\"fcard f8\">\r\n <div class=\"fcard-icon\">\ud83d\udda5\ufe0f<\/div>\r\n <div class=\"fcard-title\">Point of Sale (POS)<\/div>\r\n <p class=\"fcard-body\">Retail and service POS for in-person sales on any device. Synced live with inventory, accounting, and payments.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"cat-divider\"><\/div>\r\n\r\n<!-- \u2501\u2501\u2501 5. PEOPLE & GROWTH \u2501\u2501\u2501 -->\r\n<section class=\"sec cat-sec\" id=\"people\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <div class=\"bg-glow\" style=\"top:-60px;right:-80px;width:460px;height:400px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div>\r\n <div class=\"bg-line\" style=\"bottom:0\"><\/div>\r\n <\/div>\r\n <div class=\"cat-header\">\r\n <div class=\"cat-header-left\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Category 05<\/span><\/div>\r\n <div class=\"cat-title\"><div class=\"cat-ico\">\ud83d\udc65<\/div>People & Growth<\/div>\r\n <p class=\"cat-desc\">Workforce management, business intelligence, and growth enablement tools designed to strengthen productivity and operational control.<\/p>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/people\" class=\"cat-link\">View full details <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"fgrid\">\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/people#payroll\" class=\"fcard f1\">\r\n <div class=\"fcard-icon\">\ud83d\udcb0<\/div>\r\n <div class=\"fcard-title\">Payroll Processing<\/div>\r\n <p class=\"fcard-body\">End-to-end payroll with PAYE calculations, UIF deductions, payslip generation, and bank transfer initiation. Weekly, biweekly, and monthly pay runs.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/people#email\" class=\"fcard f2\">\r\n <div class=\"fcard-icon\">\ud83d\udce7<\/div>\r\n <div class=\"fcard-title\">Email Marketing<\/div>\r\n <p class=\"fcard-body\">Built-in email campaigns for client communications and statements. Your client list is already in MAP \u2014 no third-party tool needed.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/people#cashflow\" class=\"fcard f3\">\r\n <div class=\"fcard-icon\">\ud83e\udde0<\/div>\r\n <div class=\"fcard-title\">Cash Flow Intelligence<\/div>\r\n <p class=\"fcard-body\">AI-powered forecasting based on invoice due dates, recurring expenses, and payment history. Know your cash position weeks ahead \u2014 not after the fact.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"cat-divider\"><\/div>\r\n\r\n<!-- \u2501\u2501\u2501 6. COMPLIANCE & ADMIN \u2501\u2501\u2501 -->\r\n<section class=\"sec cat-sec dark\" id=\"compliance\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <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>\r\n <div class=\"bg-line\" style=\"bottom:0\"><\/div>\r\n <\/div>\r\n <div class=\"cat-header\">\r\n <div class=\"cat-header-left\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Category 06<\/span><\/div>\r\n <div class=\"cat-title\"><div class=\"cat-ico\">\ud83d\udd12<\/div>Compliance & Admin<\/div>\r\n <p class=\"cat-desc\">Governance and compliance capabilities supporting organizational accountability, operational transparency, security, and access control.<\/p>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/compliance\" class=\"cat-link\">View full details <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"fgrid\">\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/compliance#roles\" class=\"fcard f1\">\r\n <div class=\"fcard-icon\">\ud83d\udee1\ufe0f<\/div>\r\n <div class=\"fcard-title\">Multi-User Roles & Permissions<\/div>\r\n <p class=\"fcard-body\">Owner, accountant, manager, and viewer roles with granular access control per module. Your team sees exactly what they need \u2014 nothing more.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/compliance#audit\" class=\"fcard f2\">\r\n <div class=\"fcard-icon\">\ud83d\udd75\ufe0f<\/div>\r\n <div class=\"fcard-title\">Audit Trail<\/div>\r\n <p class=\"fcard-body\">Full immutable log of every action, edit, and deletion. Timestamped and user-attributed \u2014 critical for compliance, disputes, and accountability.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/compliance#popia\" class=\"fcard f3\">\r\n <div class=\"fcard-icon\">\ud83d\udcdc<\/div>\r\n <div class=\"fcard-title\">POPIA \/ GDPR Compliance<\/div>\r\n <p class=\"fcard-body\">Data handling, consent management, and privacy controls built to meet South Africa's POPIA and international GDPR requirements.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/compliance#lending\" class=\"fcard f4\">\r\n <div class=\"fcard-icon\">\ud83d\udcbc<\/div>\r\n <div class=\"fcard-title\">Business Lending<\/div>\r\n <p class=\"fcard-body\">Access working capital and loans based on your MAP transaction history. Apply and manage repayments directly within MAP.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"cat-divider\"><\/div>\r\n\r\n<!-- \u2501\u2501\u2501 7. INTEGRATIONS \u2501\u2501\u2501 -->\r\n<section class=\"sec cat-sec\" id=\"integrations\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <div class=\"bg-glow\" style=\"top:-60px;right:-80px;width:480px;height:400px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div>\r\n <div class=\"bg-line\" style=\"bottom:0\"><\/div>\r\n <\/div>\r\n <div class=\"cat-header\">\r\n <div class=\"cat-header-left\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Category 07<\/span><\/div>\r\n <div class=\"cat-title\"><div class=\"cat-ico\">\ud83d\udd17<\/div>Integrations<\/div>\r\n <p class=\"cat-desc\">Connect MAP to the tools and channels your business already uses \u2014 WhatsApp, e-commerce platforms, mobile devices, and more.<\/p>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/integrations\" class=\"cat-link\">View full details <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"fgrid\">\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/integrations#wa\" class=\"fcard f1\">\r\n <div class=\"fcard-icon\">\ud83d\udcac<\/div>\r\n <div class=\"fcard-title\">WhatsApp & SMS Invoicing<\/div>\r\n <p class=\"fcard-body\">Send invoices, payment links, and statements directly via WhatsApp and SMS. Meet your clients where they already are.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/integrations#migration\" class=\"fcard f2\">\r\n <div class=\"fcard-icon\">\ud83d\udd04<\/div>\r\n <div class=\"fcard-title\">Accounting Migration<\/div>\r\n <p class=\"fcard-body\">Import your existing data from other accounting platforms in minutes. Full migration support so switching to MAP is seamless.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/integrations#ecom\" class=\"fcard f3\">\r\n <div class=\"fcard-icon\">\ud83d\uded2<\/div>\r\n <div class=\"fcard-title\">E-commerce Connectors<\/div>\r\n <p class=\"fcard-body\">Sync orders and payments from Shopify, WooCommerce, and other platforms. Every online sale automatically recorded, reconciled, and reported.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/integrations#mobile\" class=\"fcard f4\">\r\n <div class=\"fcard-icon\">\ud83d\udcf1<\/div>\r\n <div class=\"fcard-title\">Mobile App (iOS & Android)<\/div>\r\n <p class=\"fcard-body\">Full-featured mobile app. Manage invoices, approve payments, check reports, and run your finances from anywhere in Africa.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/integrations#enterprise\" class=\"fcard f5\">\r\n <div class=\"fcard-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n <div class=\"fcard-title\">Enterprise Module<\/div>\r\n <p class=\"fcard-body\">Custom workflows, dedicated account management, enterprise SLA, and bespoke integrations for complex multi-entity organisations.<\/p>\r\n <div class=\"fcard-arrow\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5h7M5 2l3 3-3 3\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"cat-divider\"><\/div>\r\n\r\n<!-- \u2501\u2501\u2501 CTA \u2501\u2501\u2501 -->\r\n<section class=\"sec\" id=\"s-cta\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <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>\r\n <\/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>Ready to put MAP to work?<\/h2>\r\n <p>View our pricing plans or speak to our team about the right solution for your business.<\/p>\r\n <div class=\"cta-btns\">\r\n <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>\r\n <a href=\"https:\/\/mutualafricapay.com\/contact\" class=\"btn-ghost\">Contact Sales<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\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>Products \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; } \/* \u2500\u2500 SHARED \u2500\u2500 *\/ .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; } @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)} } \/* \u2500\u2500 3D FLOAT ANIMATION \u2500\u2500 *\/ @keyframes float1 { 0%,100%{transform:translateY(0) rotateX(0deg)} 50%{transform:translateY(-8px) rotateX(1deg)} } @keyframes float2 { 0%,100%{transform:translateY(0) rotateX(0deg)} 50%{transform:translateY(-12px) rotateX(-1deg)} } @keyframes float3 { 0%,100%{transform:translateY(0) rotateX(0deg)} 50%{transform:translateY(-6px) rotateX(0.5deg)} } @keyframes float4 { 0%,100%{transform:translateY(0) rotateX(0deg)} 50%{transform:translateY(-10px) rotateX(-0.8deg)} } \/* \u2501\u2501\u2501 HERO \u2501\u2501\u2501 *\/ #s-hero { background: #07091A; min-height: 52vh; display: flex; align-items: center; } .hero-inner { position: relative; z-index: 2; max-width: 780px; animation: fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .hero-inner h1 { font-size: clamp(2.6rem,5.5vw,4.8rem); font-weight: 700; letter-spacing: -0.03em; line-height: 1.06; color: #FFFFFF; margin-bottom: 24px; } .hero-inner h1 span { color: #2E9E44; } .hero-inner p { font-size: 1.05rem; font-weight: 400; color: #FFFFFF; line-height: 1.74; max-width: 620px; } \/* stats row *\/ .hero-stats { display: flex; flex-wrap: wrap; gap: 0; margin-top: 52px; border-top: 1px solid rgba(255,255,255,0.08); animation: fadeUp 0.55s 0.15s cubic-bezier(0.23,1,0.32,1) both; } .hstat { flex: 1; min-width: 120px; padding: 22px 0 0; } .hstat + .hstat { padding-left: 24px; border-left: 1px solid rgba(255,255,255,0.08); } .hstat-n { font-size: 2.1rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1; color: #FFFFFF; } .hstat-n span { color: #2E9E44; } .hstat-l { font-size: 0.77rem; color: #FFFFFF; opacity: 0.55; margin-top: 4px; } \/* \u2501\u2501\u2501 CATEGORY SECTIONS \u2501\u2501\u2501 *\/ .cat-sec { background: #07091A; } .cat-sec.dark { background: #060810; } .cat-header { display: flex; justify-content: space-between; align-items: flex-end; gap: 28px; flex-wrap: wrap; margin-bottom: 48px; position: relative; z-index: 2; animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .cat-header-left {} .cat-title { font-size: clamp(1.7rem,2.8vw,2.4rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.1; color: #FFFFFF; margin-bottom: 10px; display: flex; align-items: center; gap: 14px; } .cat-ico { width: 44px; height: 44px; background: rgba(46,158,68,0.1); border: 1px solid rgba(46,158,68,0.25); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; } .cat-desc { font-size: 0.93rem; font-weight: 400; color: #FFFFFF; line-height: 1.7; max-width: 420px; } .cat-link { display: inline-flex; align-items: center; gap: 7px; font-size: 0.82rem; font-weight: 600; color: #2E9E44; text-decoration: none; margin-top: 14px; transition: gap 160ms; } @media(hover:hover)and(pointer:fine){ .cat-link:hover { gap: 11px; } } \/* \u2500\u2500 FLOATING 3D CARD GRID \u2500\u2500 *\/ .fgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; position: relative; z-index: 2; perspective: 1200px; } \/* \u2500\u2500 FLOATING CARD \u2500\u2500 *\/ .fcard { background: linear-gradient(160deg, #0D1033, #090C22); border: 1px solid rgba(255,255,255,0.07); border-radius: 16px; padding: 28px 24px 32px; position: relative; overflow: hidden; transform-style: preserve-3d; text-decoration: none; color: inherit; display: block; animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; transition: border-color 160ms cubic-bezier(0.23,1,0.32,1), box-shadow 240ms cubic-bezier(0.23,1,0.32,1); } \/* floating animation assigned by position *\/ .fcard.f1 { animation-name: fadeUp, float1; animation-duration: 0.5s, 6s; animation-delay: 0s, 0.5s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; } .fcard.f2 { animation-name: fadeUp, float2; animation-duration: 0.5s, 7s; animation-delay: 0.06s, 0.8s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; } .fcard.f3 { animation-name: fadeUp, float3; animation-duration: 0.5s, 5.5s; animation-delay: 0.12s, 0.3s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; } .fcard.f4 { animation-name: fadeUp, float4; animation-duration: 0.5s, 8s; animation-delay: 0.18s, 1s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; } .fcard.f5 { animation-name: fadeUp, float1; animation-duration: 0.5s, 6.5s; animation-delay: 0.24s, 0.6s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; } .fcard.f6 { animation-name: fadeUp, float2; animation-duration: 0.5s, 7.5s; animation-delay: 0.3s, 1.2s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; } .fcard.f7 { animation-name: fadeUp, float3; animation-duration: 0.5s, 5s; animation-delay: 0.36s, 0.4s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; } .fcard.f8 { animation-name: fadeUp, float4; animation-duration: 0.5s, 6.8s; animation-delay: 0.42s, 0.9s; animation-timing-function: cubic-bezier(0.23,1,0.32,1), ease-in-out; animation-fill-mode: both, none; animation-iteration-count: 1, infinite; } \/* shimmer top *\/ .fcard::before { content: ”; position: absolute; top: 0; left: 15%; right: 15%; height: 1px; background: linear-gradient(90deg, transparent, rgba(46,158,68,0.45), transparent); opacity: 0; transition: opacity 200ms; } \/* inner glow *\/ .fcard::after { content: ”; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 0%, rgba(46,158,68,0.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,0.5), 0 0 30px rgba(46,158,68,0.07); } .fcard:hover::before, .fcard:hover::after { opacity: 1; } .fcard:hover .fcard-arrow { opacity: 1; transform: translate(0,0); } } .fcard:active { transform: scale(0.98) !important; } .fcard-icon { 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; font-weight: 400; color: #FFFFFF; line-height: 1.68; position: relative; z-index: 1; } .fcard-arrow { position: absolute; bottom: 20px; right: 20px; width: 26px; height: 26px; border-radius: 50%; border: 1px solid rgba(46,158,68,0.38); display: flex; align-items: center; justify-content: center; opacity: 0; transform: translate(-4px, 4px); transition: opacity 180ms, transform 200ms cubic-bezier(0.23,1,0.32,1); z-index: 1; } \/* \u2501\u2501\u2501 DIVIDER \u2501\u2501\u2501 *\/ .cat-divider { height: 1px; margin: 0 clamp(20px,6%,80px); background: linear-gradient(90deg, transparent, rgba(46,158,68,0.14), transparent); } \/* \u2501\u2501\u2501 CTA \u2501\u2501\u2501 *\/ #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,0.6),transparent); } .cta-box::after { content:”; position:absolute; inset:0; background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,0.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:480px;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1834","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mutualafricapay.com\/bw\/wp-json\/wp\/v2\/pages\/1834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mutualafricapay.com\/bw\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mutualafricapay.com\/bw\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/bw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/bw\/wp-json\/wp\/v2\/comments?post=1834"}],"version-history":[{"count":0,"href":"https:\/\/mutualafricapay.com\/bw\/wp-json\/wp\/v2\/pages\/1834\/revisions"}],"wp:attachment":[{"href":"https:\/\/mutualafricapay.com\/bw\/wp-json\/wp\/v2\/media?parent=1834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}