{"id":1804,"date":"2026-05-27T18:28:20","date_gmt":"2026-05-27T18:28:20","guid":{"rendered":"https:\/\/mutualafricapay.com\/?page_id=1804"},"modified":"2026-05-27T18:28:20","modified_gmt":"2026-05-27T18:28:20","slug":"about","status":"publish","type":"page","link":"https:\/\/mutualafricapay.com\/sz\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

About Mutual Africa Pay\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\n\t\t

\n\n\t\t\t\t\t\n\t\t\t\t\t\t\tBuilding financial infrastructure for African business growth<\/span>\n\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t\t\t\t\t\tInvoicing & Billing<\/b>\n\t\t\t\t\t\t\t\t\tPayroll Processing<\/b>\n\t\t\t\t\t\t\t\t\tPoint of Sale<\/b>\n\t\t\t\t\t\t\t\t\tInventory Management<\/b>\n\t\t\t\t\t\t\t\t\tBusiness Lending<\/b>\n\t\t\t\t\t\t\t\t\tBank Reconciliation<\/b>\n\t\t\t\t\t\t\t\t\tVAT Reporting<\/b>\n\t\t\t\t\t\t\t\t\tCash Flow Intelligence<\/b>\n\t\t\t\t\t\t\t\t\tMulti-Currency Payments<\/b>\n\t\t\t\t\t\t\t\t\tPayment Links<\/b>\n\t\t\t\t\t\t\t\t\tWhatsApp Invoicing<\/b>\n\t\t\t\t\t\t\t\t\tPurchase Orders<\/b>\n\t\t\t\t\t\t\t\t\tExpense Tracking<\/b>\n\t\t\t\t\t\t\t\t\tPOPIA Compliant<\/b>\n\t\t\t\t\t\t\t\t\tBalance Sheet<\/b>\n\t\t\t\t\t\t\t\t\tRecurring Billing<\/b>\n\t\t\t\t\t\t\t\t\tSupplier Management<\/b>\n\t\t\t\t\t\t\t\t\tDocument Storage<\/b>\n\t\t\t\t\t\t\t\t\tOpen Banking API<\/b>\n\t\t\t\t\t\t\t\t\tE-commerce Connectors<\/b>\n\t\t\t\t\t\t\t\t\tEmail Marketing<\/b>\n\t\t\t\t\t\t\t\t\tAudit Trail<\/b>\n\t\t\t\t\t\t\t\t\tProject Tracking<\/b>\n\t\t\t\t\t\t\t\t\tQuotes & Estimates<\/b>\n\t\t\t\t\t\t\t\t\tMobile App iOS & Android<\/b>\n\t\t\t\t\t\t\t\t\tGDPR Compliance<\/b>\n\t\t\t\t\t\t\t\t\tEnterprise Module<\/b>\n\t\t\t\t\t\t\t\t\tUtilities Payments<\/b>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\n\t\t\t\t\n\t\t<\/h3>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Mutual Africa Pay is a technology company delivering integrated payments infrastructure, accounting intelligence, operational software, and financial enablement solutions for African businesses.<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\nMAP \u2014 Ticker Section<\/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*{margin:0;padding:0;box-sizing:border-box}\r\nbody{font-family:'Space Grotesk',sans-serif;background:#060810;color:#FFFFFF;overflow-x:hidden;-webkit-font-smoothing:antialiased}\r\n\r\nsection{\r\n background:#060810;\r\n border-top:1px solid rgba(255,255,255,.07);\r\n border-bottom:1px solid rgba(255,255,255,.07);\r\n padding:0;overflow:hidden;\r\n position:relative;\r\n}\r\n\r\n\/* left\/right fade masks *\/\r\nsection::before,section::after{\r\n content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none;\r\n}\r\nsection::before{left:0;background:linear-gradient(90deg,#060810,transparent)}\r\nsection::after{right:0;background:linear-gradient(270deg,#060810,transparent)}\r\n\r\n.row{padding:16px 0;overflow:hidden}\r\n\r\n.track{\r\n display:flex;align-items:center;gap:48px;\r\n white-space:nowrap;width:max-content;\r\n}\r\n.track-1{animation:tick1 38s linear infinite}\r\n.track-2{animation:tick2 42s linear infinite}\r\n\r\n@keyframes tick1{from{transform:translateX(0)}to{transform:translateX(-50%)}}\r\n@keyframes tick2{from{transform:translateX(-50%)}to{transform:translateX(0)}}\r\n\r\n.item{\r\n display:inline-flex;align-items:center;gap:12px;flex-shrink:0;\r\n font-size:.8rem;font-weight:500;color:#FFFFFF;\r\n letter-spacing:.04em;text-transform:uppercase;\r\n}\r\n.sep{width:5px;height:5px;border-radius:50%;background:#2E9E44;flex-shrink:0;box-shadow:0 0 6px rgba(46,158,68,.6)}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n .track-1,.track-2{animation-duration:120s}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<section>\r\n <!-- Row 1: left to right -->\r\n <div class=\"row\">\r\n <div class=\"track track-1\">\r\n <div class=\"item\"><span class=\"sep\"><\/span>Invoicing & Billing<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Payroll Processing<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Point of Sale<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Inventory Management<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Business Lending<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Bank Reconciliation<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>VAT Reporting<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Cash Flow Intelligence<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Multi-Currency Payments<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Payment Links<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>WhatsApp Invoicing<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Purchase Orders<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Expense Tracking<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>POPIA Compliant<\/div>\r\n <!-- duplicate -->\r\n <div class=\"item\"><span class=\"sep\"><\/span>Invoicing & Billing<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Payroll Processing<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Point of Sale<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Inventory Management<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Business Lending<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Bank Reconciliation<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>VAT Reporting<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Cash Flow Intelligence<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Multi-Currency Payments<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Payment Links<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>WhatsApp Invoicing<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Purchase Orders<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Expense Tracking<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>POPIA Compliant<\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Row 2: right to left -->\r\n <div class=\"row\">\r\n <div class=\"track track-2\">\r\n <div class=\"item\"><span class=\"sep\"><\/span>Balance Sheet<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Recurring Billing<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Supplier Management<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Document Storage<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Open Banking API<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>E-commerce Connectors<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Email Marketing<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Audit Trail<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Project Tracking<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Quotes & Estimates<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Mobile App iOS & Android<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>GDPR Compliance<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Enterprise Module<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Utilities Payments<\/div>\r\n <!-- duplicate -->\r\n <div class=\"item\"><span class=\"sep\"><\/span>Balance Sheet<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Recurring Billing<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Supplier Management<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Document Storage<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Open Banking API<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>E-commerce Connectors<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Email Marketing<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Audit Trail<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Project Tracking<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Quotes & Estimates<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Mobile App iOS & Android<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>GDPR Compliance<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Enterprise Module<\/div>\r\n <div class=\"item\"><span class=\"sep\"><\/span>Utilities Payments<\/div>\r\n <\/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<div class=\"elementor-element elementor-element-bf234ac e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"bf234ac\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e89608c elementor-widget elementor-widget-html\" data-id=\"e89608c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,maximum-scale=5.0\">\r\n<title>What We Do \u2014 About 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\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(72px,10vw,120px) 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.h1 { font-size: clamp(2.8rem,6vw,5.2rem); font-weight: 700; letter-spacing: -0.035em; line-height: 1.04; color: #FFFFFF; }\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.h3 { font-size: 1.15rem; font-weight: 600; color: #FFFFFF; line-height: 1.3; }\r\n.body { font-size: 0.975rem; font-weight: 400; color: #FFFFFF; line-height: 1.78; }\r\n.body-lg { font-size: 1.1rem; font-weight: 400; color: #FFFFFF; line-height: 1.74; }\r\n\r\n.green { color: #2E9E44; }\r\n\r\n.card-base {\r\n background: linear-gradient(145deg, #0D1033, #090C25);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n border-radius: 14px;\r\n transition: border-color 160ms, box-shadow 240ms, transform 240ms cubic-bezier(0.23,1,0.32,1);\r\n}\r\n@media(hover:hover)and(pointer:fine){\r\n .card-base:hover { border-color: rgba(46,158,68,0.38); box-shadow: 0 16px 44px rgba(0,0,0,0.45); transform: translateY(-4px); }\r\n}\r\n.card-base:active { transform: scale(0.98) !important; }\r\n\r\n.anim { animation: fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\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\/* \u2501\u2501\u2501 S1: HERO \u2501\u2501\u2501 *\/\r\n#s1 { background: #07091A; min-height: 64vh; display: flex; align-items: center; }\r\n\r\n.hero-content { position: relative; z-index: 2; max-width: 840px; }\r\n.hero-content .h1 { margin-bottom: 28px; }\r\n.hero-content .body-lg { max-width: 660px; margin-bottom: 48px; }\r\n\r\n\/* purpose lines *\/\r\n.purpose-lines { display: flex; flex-direction: column; gap: 0; border-left: 2px solid #2E9E44; padding-left: 24px; }\r\n.purpose-lines p { font-size: 1.05rem; font-weight: 400; color: #FFFFFF; line-height: 1.8; }\r\n.purpose-lines p + p { margin-top: 6px; }\r\n\r\n\/* \u2501\u2501\u2501 S2: WHAT WE DO \u2501\u2501\u2501 *\/\r\n#s2 { background: #060810; }\r\n\r\n.s2-top { margin-bottom: 56px; position: relative; z-index: 2; }\r\n.s2-top .h2 { margin-bottom: 20px; max-width: 640px; }\r\n.s2-top .body { max-width: 680px; }\r\n\r\n.what-grid {\r\n display: grid; grid-template-columns: repeat(3,1fr); gap: 14px;\r\n position: relative; z-index: 2;\r\n}\r\n\r\n.what-card { padding: 32px 28px; text-decoration: none; color: inherit; display: block; }\r\n.what-card .wico { width: 46px; height: 46px; background: rgba(46,158,68,0.1); border: 1px solid rgba(46,158,68,0.25); border-radius: 11px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-bottom: 18px; }\r\n.what-card .h3 { margin-bottom: 10px; }\r\n.what-card .body { font-size: 0.845rem; }\r\n.what-card:nth-child(1){animation-delay:.04s}\r\n.what-card:nth-child(2){animation-delay:.08s}\r\n.what-card:nth-child(3){animation-delay:.12s}\r\n.what-card:nth-child(4){animation-delay:.16s}\r\n.what-card:nth-child(5){animation-delay:.20s}\r\n.what-card:nth-child(6){animation-delay:.24s}\r\n.what-card:nth-child(7){animation-delay:.28s}\r\n\r\n\/* \u2501\u2501\u2501 S3: PURPOSE \u2501\u2501\u2501 *\/\r\n#s3 { background: #07091A; }\r\n\r\n.purpose-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; position: relative; z-index: 2; }\r\n\r\n.purpose-left .h2 { margin-bottom: 24px; }\r\n.purpose-left .body { margin-bottom: 18px; }\r\n\r\n.purpose-right { display: flex; flex-direction: column; gap: 3px; }\r\n\r\n.purpose-item {\r\n padding: 22px 26px;\r\n border-left: 2px solid rgba(46,158,68,0.25);\r\n background: linear-gradient(145deg, #0D1033, #090C25);\r\n border-radius: 0 10px 10px 0;\r\n border-top: 1px solid rgba(255,255,255,0.06);\r\n border-bottom: 1px solid rgba(255,255,255,0.06);\r\n border-right: 1px solid rgba(255,255,255,0.06);\r\n transition: border-left-color 160ms, background 160ms;\r\n}\r\n@media(hover:hover)and(pointer:fine){\r\n .purpose-item:hover { border-left-color: #2E9E44; background: linear-gradient(145deg, #111440, #0d1035); }\r\n}\r\n.purpose-item p { font-size: 0.9rem; font-weight: 400; color: #FFFFFF; line-height: 1.6; }\r\n\r\n\/* \u2501\u2501\u2501 S4: VISION \u2501\u2501\u2501 *\/\r\n#s4 { background: #060810; }\r\n\r\n.vision-inner {\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.25);\r\n border-radius: 20px;\r\n padding: clamp(48px,8vw,88px) clamp(28px,8vw,80px);\r\n overflow: hidden;\r\n}\r\n.vision-inner::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.vision-inner::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 0%, rgba(46,158,68,0.07), transparent 55%); pointer-events: none; }\r\n\r\n.vision-inner .h2 { max-width: 720px; margin-bottom: 28px; position: relative; z-index: 1; }\r\n.vision-inner .body-lg { max-width: 720px; position: relative; z-index: 1; }\r\n\r\n\/* \u2501\u2501\u2501 S5: WHO WE SERVE \u2501\u2501\u2501 *\/\r\n#s5 { background: #07091A; }\r\n\r\n.serve-top { margin-bottom: 52px; position: relative; z-index: 2; }\r\n.serve-top .h2 { margin-bottom: 18px; }\r\n\r\n.serve-grid {\r\n display: grid; grid-template-columns: repeat(3,1fr); gap: 12px;\r\n position: relative; z-index: 2;\r\n}\r\n\r\n.serve-card {\r\n padding: 26px 24px;\r\n display: flex; align-items: flex-start; gap: 16px;\r\n animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;\r\n}\r\n.serve-card:nth-child(1){animation-delay:.04s}\r\n.serve-card:nth-child(2){animation-delay:.08s}\r\n.serve-card:nth-child(3){animation-delay:.12s}\r\n.serve-card:nth-child(4){animation-delay:.16s}\r\n.serve-card:nth-child(5){animation-delay:.20s}\r\n.serve-card:nth-child(6){animation-delay:.24s}\r\n.serve-card:nth-child(7){animation-delay:.28s}\r\n.serve-card:nth-child(8){animation-delay:.32s}\r\n.serve-card:nth-child(9){animation-delay:.36s}\r\n\r\n.serve-num { font-size: 0.7rem; font-weight: 700; color: #2E9E44; letter-spacing: 0.06em; flex-shrink: 0; margin-top: 2px; width: 24px; }\r\n.serve-card .h3 { font-size: 0.95rem; margin-bottom: 6px; }\r\n.serve-card .body { font-size: 0.82rem; }\r\n\r\n\/* \u2501\u2501\u2501 S6: VALUES \u2501\u2501\u2501 *\/\r\n#s6 { background: #060810; }\r\n\r\n.val-top { text-align: center; margin-bottom: 52px; position: relative; z-index: 2; }\r\n.val-top .h2 { margin-bottom: 16px; }\r\n\r\n.val-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; position: relative; z-index: 2; }\r\n\r\n.val-card {\r\n padding: 40px 36px;\r\n animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;\r\n}\r\n.val-card:nth-child(1){animation-delay:.04s}\r\n.val-card:nth-child(2){animation-delay:.09s}\r\n.val-card:nth-child(3){animation-delay:.14s}\r\n.val-card:nth-child(4){animation-delay:.19s}\r\n\r\n.val-n { font-size: 4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 0.9; color: #2E9E44; opacity: 0.18; margin-bottom: 18px; }\r\n.val-card .h3 { margin-bottom: 12px; }\r\n.val-card .body { font-size: 0.875rem; }\r\n\r\n\/* \u2501\u2501\u2501 S7: CONTACT \u2501\u2501\u2501 *\/\r\n#s7 { 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.cta-box .h2 { margin-bottom: 16px; position: relative; z-index: 1; }\r\n.cta-box .body { max-width: 480px; margin: 0 auto 40px; 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: 0.92rem; font-weight: 600; text-decoration: none; font-family: 'Space Grotesk', sans-serif; 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; box-shadow: none !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: 0.92rem; font-weight: 500; text-decoration: none; font-family: 'Space Grotesk', sans-serif; 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){\r\n .what-grid { grid-template-columns: 1fr 1fr; }\r\n .serve-grid { grid-template-columns: 1fr 1fr; }\r\n .purpose-grid { grid-template-columns: 1fr; gap: 48px; }\r\n}\r\n@media(max-width:640px){\r\n .val-grid { grid-template-columns: 1fr; }\r\n .what-grid { grid-template-columns: 1fr 1fr; }\r\n .serve-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media(max-width:480px){\r\n .what-grid { grid-template-columns: 1fr 1fr; }\r\n .serve-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media(prefers-reduced-motion:reduce){ * { animation-duration: 0.01ms !important; } }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<section class=\"sec\" id=\"s2\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <div class=\"bg-glow\" style=\"top:-60px;right:-100px;width:500px;height:450px;background:radial-gradient(ellipse,rgba(46,158,68,0.08) 0%,transparent 65%)\"><\/div>\r\n <div class=\"bg-line\" style=\"top:42%\"><\/div>\r\n <\/div>\r\n <div class=\"s2-top anim\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">What We Do<\/span><\/div>\r\n <h2 class=\"h2\">An integrated business technology ecosystem<\/h2>\r\n <p class=\"body\" style=\"margin-top:16px\">Our platform enables businesses to accept and manage payments, automate financial management, strengthen operational control, improve cash visibility, unlock business intelligence, and scale with greater efficiency and confidence.<\/p>\r\n <\/div>\r\n <div class=\"what-grid\">\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/payments\" class=\"what-card card-base anim\">\r\n <div class=\"wico\">\ud83d\udcb3<\/div>\r\n <h3 class=\"h3\">Payments Infrastructure<\/h3>\r\n <p class=\"body\">Payment collection, transaction flows, recurring billing, settlement processes, utilities payments, payment links, multi-currency capabilities, and embedded payment experiences across African markets.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting\" class=\"what-card card-base anim\">\r\n <div class=\"wico\">\ud83d\udcc4<\/div>\r\n <h3 class=\"h3\">Accounting & Financial Management<\/h3>\r\n <p class=\"body\">Invoicing, expense management, P&L reporting, balance sheet, VAT and tax reporting, bank reconciliation, multi-currency accounting, and cash flow intelligence.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/operations\" class=\"what-card card-base anim\">\r\n <div class=\"wico\">\ud83c\udfea<\/div>\r\n <h3 class=\"h3\">Business Operations<\/h3>\r\n <p class=\"body\">Client management, supplier management, inventory, purchase orders, quotes, project tracking, point of sale, and document management \u2014 creating alignment between commercial activity and financial outcomes.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/banking\" class=\"what-card card-base anim\">\r\n <div class=\"wico\">\ud83c\udfe6<\/div>\r\n <h3 class=\"h3\">Banking Connectivity<\/h3>\r\n <p class=\"body\">Banking integrations, reconciliation workflows, account connectivity, transaction synchronization, and open financial infrastructure designed to improve operational efficiency and financial accuracy.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/people\" class=\"what-card card-base anim\">\r\n <div class=\"wico\">\ud83d\udc65<\/div>\r\n <h3 class=\"h3\">Workforce & People Systems<\/h3>\r\n <p class=\"body\">Integrated payroll processing, employee-related workflows, communication capabilities, and operational coordination tools that strengthen business productivity and administrative control.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/compliance\" class=\"what-card card-base anim\">\r\n <div class=\"wico\">\ud83d\udd12<\/div>\r\n <h3 class=\"h3\">Governance & Compliance<\/h3>\r\n <p class=\"body\">Roles and permissions, audit trails, compliance frameworks, data governance, security controls, and enterprise access management \u2014 supporting organizational accountability and operational integrity.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/integrations\" class=\"what-card card-base anim\">\r\n <div class=\"wico\">\ud83d\udcca<\/div>\r\n <h3 class=\"h3\">Intelligence & Analytics<\/h3>\r\n <p class=\"body\">Cash flow intelligence, operational analytics, financial performance monitoring, business reporting, forecasting support, and strategic decision visibility for deeper business insight.<\/p>\r\n <\/a>\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<div class=\"elementor-element elementor-element-08d6ee6 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"08d6ee6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bceed11 elementor-widget elementor-widget-html\" data-id=\"bceed11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,maximum-scale=5.0\">\r\n<title>Our Purpose \u2014 About 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\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(72px,10vw,120px) 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.h1 { font-size: clamp(2.8rem,6vw,5.2rem); font-weight: 700; letter-spacing: -0.035em; line-height: 1.04; color: #FFFFFF; }\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.h3 { font-size: 1.15rem; font-weight: 600; color: #FFFFFF; line-height: 1.3; }\r\n.body { font-size: 0.975rem; font-weight: 400; color: #FFFFFF; line-height: 1.78; }\r\n.body-lg { font-size: 1.1rem; font-weight: 400; color: #FFFFFF; line-height: 1.74; }\r\n\r\n.green { color: #2E9E44; }\r\n\r\n.card-base {\r\n background: linear-gradient(145deg, #0D1033, #090C25);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n border-radius: 14px;\r\n transition: border-color 160ms, box-shadow 240ms, transform 240ms cubic-bezier(0.23,1,0.32,1);\r\n}\r\n@media(hover:hover)and(pointer:fine){\r\n .card-base:hover { border-color: rgba(46,158,68,0.38); box-shadow: 0 16px 44px rgba(0,0,0,0.45); transform: translateY(-4px); }\r\n}\r\n.card-base:active { transform: scale(0.98) !important; }\r\n\r\n.anim { animation: fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\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\/* \u2501\u2501\u2501 S1: HERO \u2501\u2501\u2501 *\/\r\n#s1 { background: #07091A; min-height: 64vh; display: flex; align-items: center; }\r\n\r\n.hero-content { position: relative; z-index: 2; max-width: 840px; }\r\n.hero-content .h1 { margin-bottom: 28px; }\r\n.hero-content .body-lg { max-width: 660px; margin-bottom: 48px; }\r\n\r\n\/* purpose lines *\/\r\n.purpose-lines { display: flex; flex-direction: column; gap: 0; border-left: 2px solid #2E9E44; padding-left: 24px; }\r\n.purpose-lines p { font-size: 1.05rem; font-weight: 400; color: #FFFFFF; line-height: 1.8; }\r\n.purpose-lines p + p { margin-top: 6px; }\r\n\r\n\/* \u2501\u2501\u2501 S2: WHAT WE DO \u2501\u2501\u2501 *\/\r\n#s2 { background: #060810; }\r\n\r\n.s2-top { margin-bottom: 56px; position: relative; z-index: 2; }\r\n.s2-top .h2 { margin-bottom: 20px; max-width: 640px; }\r\n.s2-top .body { max-width: 680px; }\r\n\r\n.what-grid {\r\n display: grid; grid-template-columns: repeat(3,1fr); gap: 14px;\r\n position: relative; z-index: 2;\r\n}\r\n\r\n.what-card { padding: 32px 28px; text-decoration: none; color: inherit; display: block; }\r\n.what-card .wico { width: 46px; height: 46px; background: rgba(46,158,68,0.1); border: 1px solid rgba(46,158,68,0.25); border-radius: 11px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-bottom: 18px; }\r\n.what-card .h3 { margin-bottom: 10px; }\r\n.what-card .body { font-size: 0.845rem; }\r\n.what-card:nth-child(1){animation-delay:.04s}\r\n.what-card:nth-child(2){animation-delay:.08s}\r\n.what-card:nth-child(3){animation-delay:.12s}\r\n.what-card:nth-child(4){animation-delay:.16s}\r\n.what-card:nth-child(5){animation-delay:.20s}\r\n.what-card:nth-child(6){animation-delay:.24s}\r\n.what-card:nth-child(7){animation-delay:.28s}\r\n\r\n\/* \u2501\u2501\u2501 S3: PURPOSE \u2501\u2501\u2501 *\/\r\n#s3 { background: #07091A; }\r\n\r\n.purpose-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; position: relative; z-index: 2; }\r\n\r\n.purpose-left .h2 { margin-bottom: 24px; }\r\n.purpose-left .body { margin-bottom: 18px; }\r\n\r\n.purpose-right { display: flex; flex-direction: column; gap: 3px; }\r\n\r\n.purpose-item {\r\n padding: 22px 26px;\r\n border-left: 2px solid rgba(46,158,68,0.25);\r\n background: linear-gradient(145deg, #0D1033, #090C25);\r\n border-radius: 0 10px 10px 0;\r\n border-top: 1px solid rgba(255,255,255,0.06);\r\n border-bottom: 1px solid rgba(255,255,255,0.06);\r\n border-right: 1px solid rgba(255,255,255,0.06);\r\n transition: border-left-color 160ms, background 160ms;\r\n}\r\n@media(hover:hover)and(pointer:fine){\r\n .purpose-item:hover { border-left-color: #2E9E44; background: linear-gradient(145deg, #111440, #0d1035); }\r\n}\r\n.purpose-item p { font-size: 0.9rem; font-weight: 400; color: #FFFFFF; line-height: 1.6; }\r\n\r\n\/* \u2501\u2501\u2501 S4: VISION \u2501\u2501\u2501 *\/\r\n#s4 { background: #060810; }\r\n\r\n.vision-inner {\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.25);\r\n border-radius: 20px;\r\n padding: clamp(48px,8vw,88px) clamp(28px,8vw,80px);\r\n overflow: hidden;\r\n}\r\n.vision-inner::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.vision-inner::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 0%, rgba(46,158,68,0.07), transparent 55%); pointer-events: none; }\r\n\r\n.vision-inner .h2 { max-width: 720px; margin-bottom: 28px; position: relative; z-index: 1; }\r\n.vision-inner .body-lg { max-width: 720px; position: relative; z-index: 1; }\r\n\r\n\/* \u2501\u2501\u2501 S5: WHO WE SERVE \u2501\u2501\u2501 *\/\r\n#s5 { background: #07091A; }\r\n\r\n.serve-top { margin-bottom: 52px; position: relative; z-index: 2; }\r\n.serve-top .h2 { margin-bottom: 18px; }\r\n\r\n.serve-grid {\r\n display: grid; grid-template-columns: repeat(3,1fr); gap: 12px;\r\n position: relative; z-index: 2;\r\n}\r\n\r\n.serve-card {\r\n padding: 26px 24px;\r\n display: flex; align-items: flex-start; gap: 16px;\r\n animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;\r\n}\r\n.serve-card:nth-child(1){animation-delay:.04s}\r\n.serve-card:nth-child(2){animation-delay:.08s}\r\n.serve-card:nth-child(3){animation-delay:.12s}\r\n.serve-card:nth-child(4){animation-delay:.16s}\r\n.serve-card:nth-child(5){animation-delay:.20s}\r\n.serve-card:nth-child(6){animation-delay:.24s}\r\n.serve-card:nth-child(7){animation-delay:.28s}\r\n.serve-card:nth-child(8){animation-delay:.32s}\r\n.serve-card:nth-child(9){animation-delay:.36s}\r\n\r\n.serve-num { font-size: 0.7rem; font-weight: 700; color: #2E9E44; letter-spacing: 0.06em; flex-shrink: 0; margin-top: 2px; width: 24px; }\r\n.serve-card .h3 { font-size: 0.95rem; margin-bottom: 6px; }\r\n.serve-card .body { font-size: 0.82rem; }\r\n\r\n\/* \u2501\u2501\u2501 S6: VALUES \u2501\u2501\u2501 *\/\r\n#s6 { background: #060810; }\r\n\r\n.val-top { text-align: center; margin-bottom: 52px; position: relative; z-index: 2; }\r\n.val-top .h2 { margin-bottom: 16px; }\r\n\r\n.val-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; position: relative; z-index: 2; }\r\n\r\n.val-card {\r\n padding: 40px 36px;\r\n animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;\r\n}\r\n.val-card:nth-child(1){animation-delay:.04s}\r\n.val-card:nth-child(2){animation-delay:.09s}\r\n.val-card:nth-child(3){animation-delay:.14s}\r\n.val-card:nth-child(4){animation-delay:.19s}\r\n\r\n.val-n { font-size: 4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 0.9; color: #2E9E44; opacity: 0.18; margin-bottom: 18px; }\r\n.val-card .h3 { margin-bottom: 12px; }\r\n.val-card .body { font-size: 0.875rem; }\r\n\r\n\/* \u2501\u2501\u2501 S7: CONTACT \u2501\u2501\u2501 *\/\r\n#s7 { 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.cta-box .h2 { margin-bottom: 16px; position: relative; z-index: 1; }\r\n.cta-box .body { max-width: 480px; margin: 0 auto 40px; 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: 0.92rem; font-weight: 600; text-decoration: none; font-family: 'Space Grotesk', sans-serif; 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; box-shadow: none !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: 0.92rem; font-weight: 500; text-decoration: none; font-family: 'Space Grotesk', sans-serif; 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){\r\n .what-grid { grid-template-columns: 1fr 1fr; }\r\n .serve-grid { grid-template-columns: 1fr 1fr; }\r\n .purpose-grid { grid-template-columns: 1fr; gap: 48px; }\r\n}\r\n@media(max-width:640px){\r\n .val-grid { grid-template-columns: 1fr; }\r\n .what-grid { grid-template-columns: 1fr 1fr; }\r\n .serve-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media(max-width:480px){\r\n .what-grid { grid-template-columns: 1fr 1fr; }\r\n .serve-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media(prefers-reduced-motion:reduce){ * { animation-duration: 0.01ms !important; } }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<section class=\"sec\" id=\"s3\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <div class=\"bg-glow\" style=\"bottom:-80px;left:-80px;width:480px;height:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.08) 0%,transparent 65%)\"><\/div>\r\n <\/div>\r\n <div class=\"purpose-grid\">\r\n <div class=\"anim\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Our Purpose<\/span><\/div>\r\n <h2 class=\"h2\" style=\"margin-bottom:24px\">Africa's economic future will be built by businesses<\/h2>\r\n <p class=\"body\" style=\"margin-bottom:18px\">By entrepreneurs creating new industries. By SMEs driving employment. By corporations expanding value chains. By governments modernizing economies. By innovators building digital infrastructure.<\/p>\r\n <p class=\"body\">Mutual Africa Pay is focused on supporting that future \u2014 through technology that makes businesses easier to build, manage, operate, and grow. Our purpose is to strengthen the operational and financial foundations of African enterprises.<\/p>\r\n <\/div>\r\n <div class=\"purpose-right anim\" style=\"animation-delay:.1s\">\r\n <div class=\"purpose-item\"><p>Entrepreneurs creating new industries<\/p><\/div>\r\n <div class=\"purpose-item\"><p>SMEs driving employment and economic activity<\/p><\/div>\r\n <div class=\"purpose-item\"><p>Corporations expanding value chains<\/p><\/div>\r\n <div class=\"purpose-item\"><p>Governments modernizing economies<\/p><\/div>\r\n <div class=\"purpose-item\"><p>Innovators building digital infrastructure<\/p><\/div>\r\n <\/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<div class=\"elementor-element elementor-element-7a63092 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"7a63092\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-1150cef e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"1150cef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8268c3f elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"8268c3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeIn"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Vision<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1f9eb4 wpr-fancy-text-push wpr-advanced-text-style-animated wpr-animated-text-infinite-yes elementor-invisible elementor-widget elementor-widget-wpr-advanced-text\" data-id=\"d1f9eb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":100,"anim_loop":"yes"}\" data-widget_type=\"wpr-advanced-text.default\">\n\t\t\t\t\t\n\t\t<h3 class=\"wpr-advanced-text\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t<span class=\"wpr-advanced-text-preffix\">To help build a more connected, efficient, financially intelligent, and digitally empowered African economy<\/span>\n\t\t\t\n\t\t<span class=\"wpr-anim-text wpr-anim-text-type-push\" data-anim-duration=\"1600,2400\" data-anim-loop=\"yes\">\n\t\t\t<span class=\"wpr-anim-text-inner\">\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\n\t\t\t\t\n\t\t<\/h3>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98de3f6 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"98de3f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We envision an ecosystem where businesses across the continent can access enterprise-grade financial tools, operational systems, payments capabilities, and growth infrastructure \u2014 regardless of size, geography, or market maturity. An Africa where businesses of all sizes operate with the financial sophistication necessary to compete, grow, and sustain long-term value.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-823e8fe e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"823e8fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a386b34 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a386b34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-858b115 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"858b115\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d72672 elementor-widget elementor-widget-html\" data-id=\"8d72672\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,maximum-scale=5.0\">\r\n<title>Who We Serve \u2014 About 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.map-serve {\r\n padding: clamp(64px, 10vw, 112px) clamp(20px, 6%, 80px);\r\n background: #07091A;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 BACKGROUND \u2500\u2500 *\/\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-glow-tr { position: absolute; top: -60px; right: -80px; width: 480px; height: 420px; border-radius: 50%; background: radial-gradient(ellipse, rgba(46,158,68,0.08) 0%, transparent 65%); }\r\n.bg-glow-bl { position: absolute; bottom: -60px; left: -80px; width: 420px; height: 380px; border-radius: 50%; background: radial-gradient(ellipse, rgba(13,27,62,0.6) 0%, transparent 65%); }\r\n.bg-line { position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(46,158,68,0.14), transparent); }\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.head {\r\n max-width: 660px;\r\n margin-bottom: 52px;\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.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.head h2 {\r\n font-size: clamp(1.9rem, 3.2vw, 2.9rem);\r\n font-weight: 700; letter-spacing: -0.025em; line-height: 1.08;\r\n color: #FFFFFF; margin-bottom: 16px;\r\n}\r\n\r\n.head p {\r\n font-size: 0.975rem; font-weight: 400; color: #FFFFFF; line-height: 1.72;\r\n}\r\n\r\n\/* \u2500\u2500 GRID: 3 cols desktop, 2 tablet, 1 mobile \u2500\u2500 *\/\r\n.grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n position: relative; z-index: 2;\r\n}\r\n\r\n\/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n.card {\r\n background: linear-gradient(160deg, #0D1033, #090C22);\r\n border: 1px solid rgba(255,255,255,0.08);\r\n border-radius: 14px;\r\n padding: 28px 24px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n position: relative;\r\n overflow: hidden;\r\n animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;\r\n transition: border-color 160ms, box-shadow 240ms, transform 240ms cubic-bezier(0.23,1,0.32,1);\r\n}\r\n\r\n\/* left accent bar *\/\r\n.card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; bottom: 0;\r\n width: 2px;\r\n background: linear-gradient(to bottom, transparent, rgba(46,158,68,0.4), transparent);\r\n opacity: 0;\r\n transition: opacity 200ms;\r\n}\r\n\r\n@media(hover:hover)and(pointer:fine){\r\n .card:hover {\r\n border-color: rgba(46,158,68,0.35);\r\n box-shadow: 0 14px 40px rgba(0,0,0,0.45);\r\n transform: translateY(-3px);\r\n }\r\n .card:hover::before { opacity: 1; }\r\n}\r\n\r\n.card:nth-child(1){animation-delay:.03s}\r\n.card:nth-child(2){animation-delay:.07s}\r\n.card:nth-child(3){animation-delay:.11s}\r\n.card:nth-child(4){animation-delay:.15s}\r\n.card:nth-child(5){animation-delay:.19s}\r\n.card:nth-child(6){animation-delay:.23s}\r\n.card:nth-child(7){animation-delay:.27s}\r\n.card:nth-child(8){animation-delay:.31s}\r\n.card:nth-child(9){animation-delay:.35s}\r\n\r\n\/* number *\/\r\n.card-num {\r\n font-size: 0.68rem;\r\n font-weight: 700;\r\n color: #2E9E44;\r\n letter-spacing: 0.08em;\r\n margin-bottom: 12px;\r\n}\r\n\r\n\/* icon *\/\r\n.card-ico {\r\n font-size: 1.4rem;\r\n margin-bottom: 14px;\r\n line-height: 1;\r\n}\r\n\r\n\/* title *\/\r\n.card-title {\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n color: #FFFFFF;\r\n line-height: 1.3;\r\n margin-bottom: 10px;\r\n}\r\n\r\n\/* body *\/\r\n.card-body {\r\n font-size: 0.815rem;\r\n font-weight: 400;\r\n color: #FFFFFF;\r\n line-height: 1.65;\r\n flex: 1;\r\n}\r\n\r\n\/* \u2500\u2500 KEYFRAMES \u2500\u2500 *\/\r\n@keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(18px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes pulsedot {\r\n 0%,100% { opacity: 1; box-shadow: 0 0 8px rgba(46,158,68,0.7); }\r\n 50% { opacity: 0.4; box-shadow: 0 0 3px rgba(46,158,68,0.3); }\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media(max-width:860px) { .grid { grid-template-columns: 1fr 1fr; } }\r\n@media(max-width:480px) { .grid { grid-template-columns: 1fr 1fr; } .map-serve { padding: 64px 20px; } }\r\n@media(prefers-reduced-motion:reduce) { * { animation-duration: 0.01ms !important; } }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"map-serve\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <div class=\"bg-glow-tr\"><\/div>\r\n <div class=\"bg-glow-bl\"><\/div>\r\n <div class=\"bg-line\" style=\"top:38%\"><\/div>\r\n <div class=\"bg-line\" style=\"top:72%\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"head\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Who We Serve<\/span><\/div>\r\n <h2>Serving African businesses at every stage<\/h2>\r\n <p>Whether building a startup, scaling an SME, operating a corporation, or managing institutional programmes \u2014 Mutual Africa Pay is designed to support growth at every level.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid\">\r\n\r\n <div class=\"card\">\r\n <div class=\"card-num\">01<\/div>\r\n <div class=\"card-ico\">\ud83d\ude80<\/div>\r\n <div class=\"card-title\">Entrepreneurs & Founders<\/div>\r\n <p class=\"card-body\">Start-up stage businesses requiring financial systems that support early-stage operations, cash flow management, and scalable infrastructure from day one.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-num\">02<\/div>\r\n <div class=\"card-ico\">\ud83d\udcc8<\/div>\r\n <div class=\"card-title\">SMEs & Growth Businesses<\/div>\r\n <p class=\"card-body\">Small and medium enterprises requiring integrated financial management, operational coordination, and business intelligence to support sustainable growth.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-num\">03<\/div>\r\n <div class=\"card-ico\">\ud83c\udfe2<\/div>\r\n <div class=\"card-title\">Corporations & Enterprise Groups<\/div>\r\n <p class=\"card-body\">Established organizations requiring enterprise-grade financial infrastructure, multi-entity support, governance, compliance, and advanced reporting capabilities.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-num\">04<\/div>\r\n <div class=\"card-ico\">\ud83c\udfe6<\/div>\r\n <div class=\"card-title\">Financial Institutions<\/div>\r\n <p class=\"card-body\">Banks, fintechs, and financial services providers requiring embedded financial infrastructure, payments connectivity, and integrated technology partnerships.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-num\">05<\/div>\r\n <div class=\"card-ico\">\ud83c\udfdb\ufe0f<\/div>\r\n <div class=\"card-title\">Government & Public Sector<\/div>\r\n <p class=\"card-body\">Government bodies, development agencies, and public-sector programmes supporting SME formalization, financial inclusion, and economic digitization initiatives.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-num\">06<\/div>\r\n <div class=\"card-ico\">\ud83d\uded2<\/div>\r\n <div class=\"card-title\">Digital Commerce Businesses<\/div>\r\n <p class=\"card-body\">E-commerce operators and digital-first businesses requiring payments infrastructure, financial management, and operational systems built for high-volume digital transactions.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-num\">07<\/div>\r\n <div class=\"card-ico\">\ud83c\udf0d<\/div>\r\n <div class=\"card-title\">Multi-Entity Operations<\/div>\r\n <p class=\"card-body\">Business groups and holding companies operating across multiple subsidiaries, geographies, or market segments requiring consolidated financial visibility and control.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-num\">08<\/div>\r\n <div class=\"card-ico\">\ud83e\udd1d<\/div>\r\n <div class=\"card-title\">Development Organisations<\/div>\r\n <p class=\"card-body\">Development finance institutions, NGOs, and impact organizations supporting enterprise development programmes across African markets.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-num\">09<\/div>\r\n <div class=\"card-ico\">\ud83d\udcbc<\/div>\r\n <div class=\"card-title\">Strategic Partners & Investors<\/div>\r\n <p class=\"card-body\">Capital partners, strategic investors, and technology collaborators building on or alongside Mutual Africa Pay's infrastructure to serve the African market.<\/p>\r\n <\/div>\r\n\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<div class=\"elementor-element elementor-element-9e47662 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"9e47662\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e55222 elementor-widget elementor-widget-html\" data-id=\"6e55222\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,maximum-scale=5.0\">\r\n<title>Our Values \u2014 About 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\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(72px,10vw,120px) 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.h1 { font-size: clamp(2.8rem,6vw,5.2rem); font-weight: 700; letter-spacing: -0.035em; line-height: 1.04; color: #FFFFFF; }\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.h3 { font-size: 1.15rem; font-weight: 600; color: #FFFFFF; line-height: 1.3; }\r\n.body { font-size: 0.975rem; font-weight: 400; color: #FFFFFF; line-height: 1.78; }\r\n.body-lg { font-size: 1.1rem; font-weight: 400; color: #FFFFFF; line-height: 1.74; }\r\n\r\n.green { color: #2E9E44; }\r\n\r\n.card-base {\r\n background: linear-gradient(145deg, #0D1033, #090C25);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n border-radius: 14px;\r\n transition: border-color 160ms, box-shadow 240ms, transform 240ms cubic-bezier(0.23,1,0.32,1);\r\n}\r\n@media(hover:hover)and(pointer:fine){\r\n .card-base:hover { border-color: rgba(46,158,68,0.38); box-shadow: 0 16px 44px rgba(0,0,0,0.45); transform: translateY(-4px); }\r\n}\r\n.card-base:active { transform: scale(0.98) !important; }\r\n\r\n.anim { animation: fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\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\/* \u2501\u2501\u2501 S1: HERO \u2501\u2501\u2501 *\/\r\n#s1 { background: #07091A; min-height: 64vh; display: flex; align-items: center; }\r\n\r\n.hero-content { position: relative; z-index: 2; max-width: 840px; }\r\n.hero-content .h1 { margin-bottom: 28px; }\r\n.hero-content .body-lg { max-width: 660px; margin-bottom: 48px; }\r\n\r\n\/* purpose lines *\/\r\n.purpose-lines { display: flex; flex-direction: column; gap: 0; border-left: 2px solid #2E9E44; padding-left: 24px; }\r\n.purpose-lines p { font-size: 1.05rem; font-weight: 400; color: #FFFFFF; line-height: 1.8; }\r\n.purpose-lines p + p { margin-top: 6px; }\r\n\r\n\/* \u2501\u2501\u2501 S2: WHAT WE DO \u2501\u2501\u2501 *\/\r\n#s2 { background: #060810; }\r\n\r\n.s2-top { margin-bottom: 56px; position: relative; z-index: 2; }\r\n.s2-top .h2 { margin-bottom: 20px; max-width: 640px; }\r\n.s2-top .body { max-width: 680px; }\r\n\r\n.what-grid {\r\n display: grid; grid-template-columns: repeat(3,1fr); gap: 14px;\r\n position: relative; z-index: 2;\r\n}\r\n\r\n.what-card { padding: 32px 28px; text-decoration: none; color: inherit; display: block; }\r\n.what-card .wico { width: 46px; height: 46px; background: rgba(46,158,68,0.1); border: 1px solid rgba(46,158,68,0.25); border-radius: 11px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-bottom: 18px; }\r\n.what-card .h3 { margin-bottom: 10px; }\r\n.what-card .body { font-size: 0.845rem; }\r\n.what-card:nth-child(1){animation-delay:.04s}\r\n.what-card:nth-child(2){animation-delay:.08s}\r\n.what-card:nth-child(3){animation-delay:.12s}\r\n.what-card:nth-child(4){animation-delay:.16s}\r\n.what-card:nth-child(5){animation-delay:.20s}\r\n.what-card:nth-child(6){animation-delay:.24s}\r\n.what-card:nth-child(7){animation-delay:.28s}\r\n\r\n\/* \u2501\u2501\u2501 S3: PURPOSE \u2501\u2501\u2501 *\/\r\n#s3 { background: #07091A; }\r\n\r\n.purpose-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; position: relative; z-index: 2; }\r\n\r\n.purpose-left .h2 { margin-bottom: 24px; }\r\n.purpose-left .body { margin-bottom: 18px; }\r\n\r\n.purpose-right { display: flex; flex-direction: column; gap: 3px; }\r\n\r\n.purpose-item {\r\n padding: 22px 26px;\r\n border-left: 2px solid rgba(46,158,68,0.25);\r\n background: linear-gradient(145deg, #0D1033, #090C25);\r\n border-radius: 0 10px 10px 0;\r\n border-top: 1px solid rgba(255,255,255,0.06);\r\n border-bottom: 1px solid rgba(255,255,255,0.06);\r\n border-right: 1px solid rgba(255,255,255,0.06);\r\n transition: border-left-color 160ms, background 160ms;\r\n}\r\n@media(hover:hover)and(pointer:fine){\r\n .purpose-item:hover { border-left-color: #2E9E44; background: linear-gradient(145deg, #111440, #0d1035); }\r\n}\r\n.purpose-item p { font-size: 0.9rem; font-weight: 400; color: #FFFFFF; line-height: 1.6; }\r\n\r\n\/* \u2501\u2501\u2501 S4: VISION \u2501\u2501\u2501 *\/\r\n#s4 { background: #060810; }\r\n\r\n.vision-inner {\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.25);\r\n border-radius: 20px;\r\n padding: clamp(48px,8vw,88px) clamp(28px,8vw,80px);\r\n overflow: hidden;\r\n}\r\n.vision-inner::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.vision-inner::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 0%, rgba(46,158,68,0.07), transparent 55%); pointer-events: none; }\r\n\r\n.vision-inner .h2 { max-width: 720px; margin-bottom: 28px; position: relative; z-index: 1; }\r\n.vision-inner .body-lg { max-width: 720px; position: relative; z-index: 1; }\r\n\r\n\/* \u2501\u2501\u2501 S5: WHO WE SERVE \u2501\u2501\u2501 *\/\r\n#s5 { background: #07091A; }\r\n\r\n.serve-top { margin-bottom: 52px; position: relative; z-index: 2; }\r\n.serve-top .h2 { margin-bottom: 18px; }\r\n\r\n.serve-grid {\r\n display: grid; grid-template-columns: repeat(3,1fr); gap: 12px;\r\n position: relative; z-index: 2;\r\n}\r\n\r\n.serve-card {\r\n padding: 26px 24px;\r\n display: flex; align-items: flex-start; gap: 16px;\r\n animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;\r\n}\r\n.serve-card:nth-child(1){animation-delay:.04s}\r\n.serve-card:nth-child(2){animation-delay:.08s}\r\n.serve-card:nth-child(3){animation-delay:.12s}\r\n.serve-card:nth-child(4){animation-delay:.16s}\r\n.serve-card:nth-child(5){animation-delay:.20s}\r\n.serve-card:nth-child(6){animation-delay:.24s}\r\n.serve-card:nth-child(7){animation-delay:.28s}\r\n.serve-card:nth-child(8){animation-delay:.32s}\r\n.serve-card:nth-child(9){animation-delay:.36s}\r\n\r\n.serve-num { font-size: 0.7rem; font-weight: 700; color: #2E9E44; letter-spacing: 0.06em; flex-shrink: 0; margin-top: 2px; width: 24px; }\r\n.serve-card .h3 { font-size: 0.95rem; margin-bottom: 6px; }\r\n.serve-card .body { font-size: 0.82rem; }\r\n\r\n\/* \u2501\u2501\u2501 S6: VALUES \u2501\u2501\u2501 *\/\r\n#s6 { background: #060810; }\r\n\r\n.val-top { text-align: center; margin-bottom: 52px; position: relative; z-index: 2; }\r\n.val-top .h2 { margin-bottom: 16px; }\r\n\r\n.val-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; position: relative; z-index: 2; }\r\n\r\n.val-card {\r\n padding: 40px 36px;\r\n animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;\r\n}\r\n.val-card:nth-child(1){animation-delay:.04s}\r\n.val-card:nth-child(2){animation-delay:.09s}\r\n.val-card:nth-child(3){animation-delay:.14s}\r\n.val-card:nth-child(4){animation-delay:.19s}\r\n\r\n.val-n { font-size: 4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 0.9; color: #2E9E44; opacity: 0.18; margin-bottom: 18px; }\r\n.val-card .h3 { margin-bottom: 12px; }\r\n.val-card .body { font-size: 0.875rem; }\r\n\r\n\/* \u2501\u2501\u2501 S7: CONTACT \u2501\u2501\u2501 *\/\r\n#s7 { 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.cta-box .h2 { margin-bottom: 16px; position: relative; z-index: 1; }\r\n.cta-box .body { max-width: 480px; margin: 0 auto 40px; 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: 0.92rem; font-weight: 600; text-decoration: none; font-family: 'Space Grotesk', sans-serif; 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; box-shadow: none !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: 0.92rem; font-weight: 500; text-decoration: none; font-family: 'Space Grotesk', sans-serif; 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){\r\n .what-grid { grid-template-columns: 1fr 1fr; }\r\n .serve-grid { grid-template-columns: 1fr 1fr; }\r\n .purpose-grid { grid-template-columns: 1fr; gap: 48px; }\r\n}\r\n@media(max-width:640px){\r\n .val-grid { grid-template-columns: 1fr; }\r\n .what-grid { grid-template-columns: 1fr 1fr; }\r\n .serve-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media(max-width:480px){\r\n .what-grid { grid-template-columns: 1fr 1fr; }\r\n .serve-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media(prefers-reduced-motion:reduce){ * { animation-duration: 0.01ms !important; } }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<section class=\"sec\" id=\"s6\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <div class=\"bg-glow\" style=\"bottom:-60px;left:-80px;width:480px;height:400px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div>\r\n <\/div>\r\n <div class=\"val-top anim\">\r\n <div class=\"eyebrow\" style=\"justify-content:center\"><span class=\"edot\"><\/span><span class=\"etxt\">Our Values<\/span><\/div>\r\n <h2 class=\"h2\">The principles we build by<\/h2>\r\n <p class=\"body\" style=\"margin-top:14px;max-width:580px;margin-left:auto;margin-right:auto\">Every decision at Mutual Africa Pay is guided by a clear set of principles \u2014 the standards we hold ourselves to in how we build, serve, and operate.<\/p>\r\n <\/div>\r\n <div class=\"val-grid\">\r\n <div class=\"val-card card-base anim\">\r\n <div class=\"val-n\">01<\/div>\r\n <h3 class=\"h3\" style=\"margin-bottom:12px\">Africa First<\/h3>\r\n <p class=\"body\" style=\"font-size:.875rem\">Every product decision begins with the realities of African commerce. We build for the currencies, compliance frameworks, and business models that define how trade works across this continent \u2014 not as an afterthought, but as the foundation.<\/p>\r\n <\/div>\r\n <div class=\"val-card card-base anim\">\r\n <div class=\"val-n\">02<\/div>\r\n <h3 class=\"h3\" style=\"margin-bottom:12px\">Integrity in Infrastructure<\/h3>\r\n <p class=\"body\" style=\"font-size:.875rem\">Financial infrastructure demands the highest standards of trust. We build with security, compliance, and reliability at every layer \u2014 because the businesses that depend on us depend on us completely.<\/p>\r\n <\/div>\r\n <div class=\"val-card card-base anim\">\r\n <div class=\"val-n\">03<\/div>\r\n <h3 class=\"h3\" style=\"margin-bottom:12px\">Simplicity at Scale<\/h3>\r\n <p class=\"body\" style=\"font-size:.875rem\">Powerful tools do not have to be complicated. We design every product so that a business owner \u2014 not a specialist \u2014 can use it from day one, and scale it as their business grows without friction.<\/p>\r\n <\/div>\r\n <div class=\"val-card card-base anim\">\r\n <div class=\"val-n\">04<\/div>\r\n <h3 class=\"h3\" style=\"margin-bottom:12px\">Accountability to Growth<\/h3>\r\n <p class=\"body\" style=\"font-size:.875rem\">We measure our success by the success of the businesses we serve. Every feature we build, every process we improve, and every decision we make is evaluated against one standard: does this help African businesses grow?<\/p>\r\n <\/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<div class=\"elementor-element elementor-element-bc9f3c9 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"bc9f3c9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b957a91 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"b957a91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,maximum-scale=5.0\">\r\n<title>Contact \u2014 About 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\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(72px,10vw,120px) 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.h1 { font-size: clamp(2.8rem,6vw,5.2rem); font-weight: 700; letter-spacing: -0.035em; line-height: 1.04; color: #FFFFFF; }\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.h3 { font-size: 1.15rem; font-weight: 600; color: #FFFFFF; line-height: 1.3; }\r\n.body { font-size: 0.975rem; font-weight: 400; color: #FFFFFF; line-height: 1.78; }\r\n.body-lg { font-size: 1.1rem; font-weight: 400; color: #FFFFFF; line-height: 1.74; }\r\n\r\n.green { color: #2E9E44; }\r\n\r\n.card-base {\r\n background: linear-gradient(145deg, #0D1033, #090C25);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n border-radius: 14px;\r\n transition: border-color 160ms, box-shadow 240ms, transform 240ms cubic-bezier(0.23,1,0.32,1);\r\n}\r\n@media(hover:hover)and(pointer:fine){\r\n .card-base:hover { border-color: rgba(46,158,68,0.38); box-shadow: 0 16px 44px rgba(0,0,0,0.45); transform: translateY(-4px); }\r\n}\r\n.card-base:active { transform: scale(0.98) !important; }\r\n\r\n.anim { animation: fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\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\/* \u2501\u2501\u2501 S1: HERO \u2501\u2501\u2501 *\/\r\n#s1 { background: #07091A; min-height: 64vh; display: flex; align-items: center; }\r\n\r\n.hero-content { position: relative; z-index: 2; max-width: 840px; }\r\n.hero-content .h1 { margin-bottom: 28px; }\r\n.hero-content .body-lg { max-width: 660px; margin-bottom: 48px; }\r\n\r\n\/* purpose lines *\/\r\n.purpose-lines { display: flex; flex-direction: column; gap: 0; border-left: 2px solid #2E9E44; padding-left: 24px; }\r\n.purpose-lines p { font-size: 1.05rem; font-weight: 400; color: #FFFFFF; line-height: 1.8; }\r\n.purpose-lines p + p { margin-top: 6px; }\r\n\r\n\/* \u2501\u2501\u2501 S2: WHAT WE DO \u2501\u2501\u2501 *\/\r\n#s2 { background: #060810; }\r\n\r\n.s2-top { margin-bottom: 56px; position: relative; z-index: 2; }\r\n.s2-top .h2 { margin-bottom: 20px; max-width: 640px; }\r\n.s2-top .body { max-width: 680px; }\r\n\r\n.what-grid {\r\n display: grid; grid-template-columns: repeat(3,1fr); gap: 14px;\r\n position: relative; z-index: 2;\r\n}\r\n\r\n.what-card { padding: 32px 28px; text-decoration: none; color: inherit; display: block; }\r\n.what-card .wico { width: 46px; height: 46px; background: rgba(46,158,68,0.1); border: 1px solid rgba(46,158,68,0.25); border-radius: 11px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-bottom: 18px; }\r\n.what-card .h3 { margin-bottom: 10px; }\r\n.what-card .body { font-size: 0.845rem; }\r\n.what-card:nth-child(1){animation-delay:.04s}\r\n.what-card:nth-child(2){animation-delay:.08s}\r\n.what-card:nth-child(3){animation-delay:.12s}\r\n.what-card:nth-child(4){animation-delay:.16s}\r\n.what-card:nth-child(5){animation-delay:.20s}\r\n.what-card:nth-child(6){animation-delay:.24s}\r\n.what-card:nth-child(7){animation-delay:.28s}\r\n\r\n\/* \u2501\u2501\u2501 S3: PURPOSE \u2501\u2501\u2501 *\/\r\n#s3 { background: #07091A; }\r\n\r\n.purpose-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; position: relative; z-index: 2; }\r\n\r\n.purpose-left .h2 { margin-bottom: 24px; }\r\n.purpose-left .body { margin-bottom: 18px; }\r\n\r\n.purpose-right { display: flex; flex-direction: column; gap: 3px; }\r\n\r\n.purpose-item {\r\n padding: 22px 26px;\r\n border-left: 2px solid rgba(46,158,68,0.25);\r\n background: linear-gradient(145deg, #0D1033, #090C25);\r\n border-radius: 0 10px 10px 0;\r\n border-top: 1px solid rgba(255,255,255,0.06);\r\n border-bottom: 1px solid rgba(255,255,255,0.06);\r\n border-right: 1px solid rgba(255,255,255,0.06);\r\n transition: border-left-color 160ms, background 160ms;\r\n}\r\n@media(hover:hover)and(pointer:fine){\r\n .purpose-item:hover { border-left-color: #2E9E44; background: linear-gradient(145deg, #111440, #0d1035); }\r\n}\r\n.purpose-item p { font-size: 0.9rem; font-weight: 400; color: #FFFFFF; line-height: 1.6; }\r\n\r\n\/* \u2501\u2501\u2501 S4: VISION \u2501\u2501\u2501 *\/\r\n#s4 { background: #060810; }\r\n\r\n.vision-inner {\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.25);\r\n border-radius: 20px;\r\n padding: clamp(48px,8vw,88px) clamp(28px,8vw,80px);\r\n overflow: hidden;\r\n}\r\n.vision-inner::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.vision-inner::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 0%, rgba(46,158,68,0.07), transparent 55%); pointer-events: none; }\r\n\r\n.vision-inner .h2 { max-width: 720px; margin-bottom: 28px; position: relative; z-index: 1; }\r\n.vision-inner .body-lg { max-width: 720px; position: relative; z-index: 1; }\r\n\r\n\/* \u2501\u2501\u2501 S5: WHO WE SERVE \u2501\u2501\u2501 *\/\r\n#s5 { background: #07091A; }\r\n\r\n.serve-top { margin-bottom: 52px; position: relative; z-index: 2; }\r\n.serve-top .h2 { margin-bottom: 18px; }\r\n\r\n.serve-grid {\r\n display: grid; grid-template-columns: repeat(3,1fr); gap: 12px;\r\n position: relative; z-index: 2;\r\n}\r\n\r\n.serve-card {\r\n padding: 26px 24px;\r\n display: flex; align-items: flex-start; gap: 16px;\r\n animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;\r\n}\r\n.serve-card:nth-child(1){animation-delay:.04s}\r\n.serve-card:nth-child(2){animation-delay:.08s}\r\n.serve-card:nth-child(3){animation-delay:.12s}\r\n.serve-card:nth-child(4){animation-delay:.16s}\r\n.serve-card:nth-child(5){animation-delay:.20s}\r\n.serve-card:nth-child(6){animation-delay:.24s}\r\n.serve-card:nth-child(7){animation-delay:.28s}\r\n.serve-card:nth-child(8){animation-delay:.32s}\r\n.serve-card:nth-child(9){animation-delay:.36s}\r\n\r\n.serve-num { font-size: 0.7rem; font-weight: 700; color: #2E9E44; letter-spacing: 0.06em; flex-shrink: 0; margin-top: 2px; width: 24px; }\r\n.serve-card .h3 { font-size: 0.95rem; margin-bottom: 6px; }\r\n.serve-card .body { font-size: 0.82rem; }\r\n\r\n\/* \u2501\u2501\u2501 S6: VALUES \u2501\u2501\u2501 *\/\r\n#s6 { background: #060810; }\r\n\r\n.val-top { text-align: center; margin-bottom: 52px; position: relative; z-index: 2; }\r\n.val-top .h2 { margin-bottom: 16px; }\r\n\r\n.val-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; position: relative; z-index: 2; }\r\n\r\n.val-card {\r\n padding: 40px 36px;\r\n animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;\r\n}\r\n.val-card:nth-child(1){animation-delay:.04s}\r\n.val-card:nth-child(2){animation-delay:.09s}\r\n.val-card:nth-child(3){animation-delay:.14s}\r\n.val-card:nth-child(4){animation-delay:.19s}\r\n\r\n.val-n { font-size: 4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 0.9; color: #2E9E44; opacity: 0.18; margin-bottom: 18px; }\r\n.val-card .h3 { margin-bottom: 12px; }\r\n.val-card .body { font-size: 0.875rem; }\r\n\r\n\/* \u2501\u2501\u2501 S7: CONTACT \u2501\u2501\u2501 *\/\r\n#s7 { 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.cta-box .h2 { margin-bottom: 16px; position: relative; z-index: 1; }\r\n.cta-box .body { max-width: 480px; margin: 0 auto 40px; 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: 0.92rem; font-weight: 600; text-decoration: none; font-family: 'Space Grotesk', sans-serif; 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; box-shadow: none !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: 0.92rem; font-weight: 500; text-decoration: none; font-family: 'Space Grotesk', sans-serif; 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){\r\n .what-grid { grid-template-columns: 1fr 1fr; }\r\n .serve-grid { grid-template-columns: 1fr 1fr; }\r\n .purpose-grid { grid-template-columns: 1fr; gap: 48px; }\r\n}\r\n@media(max-width:640px){\r\n .val-grid { grid-template-columns: 1fr; }\r\n .what-grid { grid-template-columns: 1fr 1fr; }\r\n .serve-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media(max-width:480px){\r\n .what-grid { grid-template-columns: 1fr 1fr; }\r\n .serve-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media(prefers-reduced-motion:reduce){ * { animation-duration: 0.01ms !important; } }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<section class=\"sec\" id=\"s7\">\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 in Touch<\/span><\/div>\r\n <h2 class=\"h2\" style=\"margin-bottom:16px\">Ready to get started?<\/h2>\r\n <p class=\"body\">Speak to our team about the right plan for your business, request a demo, or get answers to any questions about Mutual Africa Pay.<\/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<\/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>About Mutual Africa Pay Building financial infrastructure for African business growth Invoicing & Billing Payroll Processing Point of Sale Inventory Management Business Lending Bank Reconciliation VAT Reporting Cash Flow Intelligence Multi-Currency Payments Payment Links WhatsApp Invoicing Purchase Orders Expense Tracking POPIA Compliant Balance Sheet Recurring Billing Supplier Management Document Storage Open Banking API E-commerce Connectors Email Marketing Audit Trail Project Tracking Quotes & Estimates Mobile App iOS & Android GDPR Compliance Enterprise Module Utilities Payments Mutual Africa Pay is a technology company delivering integrated payments infrastructure, accounting intelligence, operational software, and financial enablement solutions for African businesses. MAP \u2014 Ticker Section *{margin:0;padding:0;box-sizing:border-box} body{font-family:’Space Grotesk’,sans-serif;background:#060810;color:#FFFFFF;overflow-x:hidden;-webkit-font-smoothing:antialiased} section{ background:#060810; border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); padding:0;overflow:hidden; position:relative; } \/* left\/right fade masks *\/ section::before,section::after{ content:”;position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none; } section::before{left:0;background:linear-gradient(90deg,#060810,transparent)} section::after{right:0;background:linear-gradient(270deg,#060810,transparent)} .row{padding:16px 0;overflow:hidden} .track{ display:flex;align-items:center;gap:48px; white-space:nowrap;width:max-content; } .track-1{animation:tick1 38s linear infinite} .track-2{animation:tick2 42s linear infinite} @keyframes tick1{from{transform:translateX(0)}to{transform:translateX(-50%)}} @keyframes tick2{from{transform:translateX(-50%)}to{transform:translateX(0)}} .item{ display:inline-flex;align-items:center;gap:12px;flex-shrink:0; font-size:.8rem;font-weight:500;color:#FFFFFF; letter-spacing:.04em;text-transform:uppercase; } .sep{width:5px;height:5px;border-radius:50%;background:#2E9E44;flex-shrink:0;box-shadow:0 0 6px rgba(46,158,68,.6)} @media(prefers-reduced-motion:reduce){ .track-1,.track-2{animation-duration:120s} } Invoicing & Billing Payroll Processing Point of Sale Inventory Management Business Lending Bank Reconciliation VAT Reporting Cash Flow Intelligence Multi-Currency Payments Payment Links WhatsApp Invoicing Purchase Orders Expense Tracking POPIA Compliant Invoicing & Billing Payroll Processing Point of Sale Inventory Management Business Lending Bank Reconciliation VAT Reporting Cash Flow Intelligence Multi-Currency Payments Payment Links WhatsApp Invoicing Purchase Orders Expense Tracking POPIA Compliant Balance Sheet Recurring Billing Supplier Management Document Storage Open Banking API E-commerce Connectors Email Marketing Audit Trail Project Tracking Quotes & Estimates Mobile App iOS & Android GDPR Compliance Enterprise Module Utilities Payments Balance Sheet Recurring Billing Supplier Management Document Storage Open Banking API E-commerce Connectors Email Marketing Audit Trail Project Tracking Quotes & Estimates Mobile App iOS & Android GDPR Compliance Enterprise Module Utilities Payments What We Do \u2014 About 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(72px,10vw,120px) 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; } .h1 { font-size: clamp(2.8rem,6vw,5.2rem); font-weight: 700; letter-spacing: -0.035em; line-height: 1.04; color: #FFFFFF; } .h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; } .h3 { font-size: 1.15rem; font-weight: 600; color: #FFFFFF; line-height: 1.3; } .body { font-size: 0.975rem; font-weight: 400; color: #FFFFFF; line-height: 1.78; } .body-lg { font-size: 1.1rem; font-weight: 400; color: #FFFFFF; line-height: 1.74; } .green { color: #2E9E44; } .card-base { background: linear-gradient(145deg, #0D1033, #090C25); border: 1px solid rgba(255,255,255,0.07); border-radius: 14px; transition: border-color 160ms, box-shadow 240ms, transform 240ms cubic-bezier(0.23,1,0.32,1); } @media(hover:hover)and(pointer:fine){ .card-base:hover { border-color: rgba(46,158,68,0.38); box-shadow: 0 16px 44px rgba(0,0,0,0.45); transform: translateY(-4px); } } .card-base:active { transform: scale(0.98) !important; } .anim { animation: fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } @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)} } \/* \u2501\u2501\u2501 S1: HERO \u2501\u2501\u2501 *\/ #s1 { background: #07091A; min-height: 64vh; display: flex; align-items: center; } .hero-content { position: relative; z-index: 2; max-width: 840px; } .hero-content .h1 { margin-bottom: 28px; } .hero-content .body-lg { max-width: 660px; margin-bottom: 48px; } \/* purpose lines *\/ .purpose-lines { display: flex; flex-direction: column; gap: 0; border-left: 2px solid #2E9E44; padding-left: 24px; } .purpose-lines p { font-size: 1.05rem; font-weight: 400; color: #FFFFFF; line-height: 1.8; } .purpose-lines p + p { margin-top: 6px; } \/* \u2501\u2501\u2501 S2: WHAT WE DO \u2501\u2501\u2501 *\/ #s2 { background: #060810; } .s2-top { margin-bottom: 56px; position: relative; z-index: 2; } .s2-top .h2 { margin-bottom: 20px; max-width: 640px; } .s2-top .body { max-width: 680px; } .what-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; position: relative; z-index: 2; } .what-card { padding: 32px 28px; text-decoration: none; color: inherit; display: block; } .what-card .wico { width: 46px; height: 46px; background: rgba(46,158,68,0.1); border: 1px solid rgba(46,158,68,0.25); border-radius: 11px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-bottom: 18px; } .what-card .h3 { margin-bottom: 10px; } .what-card .body { font-size: 0.845rem; } .what-card:nth-child(1){animation-delay:.04s} .what-card:nth-child(2){animation-delay:.08s} .what-card:nth-child(3){animation-delay:.12s} .what-card:nth-child(4){animation-delay:.16s} .what-card:nth-child(5){animation-delay:.20s} .what-card:nth-child(6){animation-delay:.24s} .what-card:nth-child(7){animation-delay:.28s} \/* \u2501\u2501\u2501 S3: PURPOSE \u2501\u2501\u2501 *\/ #s3 { background: #07091A; } .purpose-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; position: relative; z-index: 2; } .purpose-left .h2 { margin-bottom: 24px; } .purpose-left .body { margin-bottom: 18px; } .purpose-right { display: flex; flex-direction: column; gap: 3px; } .purpose-item { padding: 22px 26px; border-left: 2px solid rgba(46,158,68,0.25); background: linear-gradient(145deg, #0D1033, #090C25); border-radius: 0 10px 10px 0; border-top: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); border-right: 1px solid rgba(255,255,255,0.06); transition: border-left-color 160ms, background 160ms; } @media(hover:hover)and(pointer:fine){ .purpose-item:hover { border-left-color: #2E9E44; background: linear-gradient(145deg, #111440, #0d1035); } } .purpose-item p { font-size: 0.9rem; font-weight: 400; color: #FFFFFF; line-height: 1.6; } \/* \u2501\u2501\u2501 S4: VISION \u2501\u2501\u2501 *\/ #s4 { background: #060810; } .vision-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(48px,8vw,88px) clamp(28px,8vw,80px); overflow: hidden; } .vision-inner::before { content: ”; position: absolute; top: -1px; left: 12%; right: 12%; height: 1px; background: linear-gradient(90deg, transparent, rgba(46,158,68,0.6), transparent); } .vision-inner::after { content: ”; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 0%, rgba(46,158,68,0.07), transparent 55%); pointer-events: none; } .vision-inner .h2 { max-width: 720px; margin-bottom: 28px; position: relative; z-index: 1; } .vision-inner .body-lg { max-width: 720px; position: relative; z-index: 1; } \/* \u2501\u2501\u2501 S5: WHO WE SERVE \u2501\u2501\u2501 *\/ #s5 { background: #07091A; } .serve-top { margin-bottom: 52px; position: relative; z-index: 2; } .serve-top .h2 { margin-bottom: 18px; } .serve-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; position: relative; z-index: 2; } .serve-card { padding: 26px 24px; display:<\/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-1804","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mutualafricapay.com\/sz\/wp-json\/wp\/v2\/pages\/1804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mutualafricapay.com\/sz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mutualafricapay.com\/sz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/sz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/sz\/wp-json\/wp\/v2\/comments?post=1804"}],"version-history":[{"count":0,"href":"https:\/\/mutualafricapay.com\/sz\/wp-json\/wp\/v2\/pages\/1804\/revisions"}],"wp:attachment":[{"href":"https:\/\/mutualafricapay.com\/sz\/wp-json\/wp\/v2\/media?parent=1804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}