Expense Tracking \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.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.h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; }\r\n.body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; }\r\n\r\n@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes pulsedot { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(46,158,68,0.7)}50%{opacity:0.4;box-shadow:0 0 3px rgba(46,158,68,0.3)} }\r\n@keyframes float1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }\r\n@keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }\r\n@keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }\r\n@keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\r\n@keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }\r\n@keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} }\r\n\r\n.btn-green { display:inline-flex;align-items:center;gap:8px;background:#2E9E44;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background 150ms,transform 150ms,box-shadow 150ms; }\r\n@media(hover:hover)and(pointer:fine){.btn-green:hover{background:#38B850;transform:translateY(-2px);box-shadow:0 8px 24px rgba(46,158,68,.35);}}\r\n.btn-green:active{transform:scale(0.97)!important;}\r\n.btn-ghost { display:inline-flex;align-items:center;gap:8px;background:transparent;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:border-color 150ms,background 150ms; }\r\n@media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}}\r\n\r\n\/* \u2501\u2501\u2501 HERO \u2501\u2501\u2501 *\/\r\n#s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; }\r\n.hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; }\r\n.breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; }\r\n@media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}}\r\n.breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; }\r\n.breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; }\r\n.hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; }\r\n.hero-inner h1 span { color:#2E9E44; }\r\n.hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; }\r\n.hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; }\r\n.hero-pills { display:flex;flex-wrap:wrap;gap:8px; }\r\n.pill { display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);font-size:0.78rem;font-weight:500;color:#FFFFFF; }\r\n.pill-dot { width:5px;height:5px;border-radius:50%;background:#2E9E44;flex-shrink:0; }\r\n\r\n\/* \u2501\u2501\u2501 CAPABILITIES \u2501\u2501\u2501 *\/\r\n#s-cap { background:#060810; }\r\n.cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.cap-header h2 { margin-bottom:16px; }\r\n.fgrid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:2;perspective:1200px; }\r\n.fcard { background:linear-gradient(160deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:28px 24px 36px;position:relative;overflow:hidden;display:block;color:inherit;text-decoration:none;transition:border-color 160ms cubic-bezier(0.23,1,0.32,1),box-shadow 240ms cubic-bezier(0.23,1,0.32,1); }\r\n.fcard.f1{animation:fadeUp 0.5s 0.03s cubic-bezier(0.23,1,0.32,1) both,float1 6s 0.5s ease-in-out infinite}\r\n.fcard.f2{animation:fadeUp 0.5s 0.07s cubic-bezier(0.23,1,0.32,1) both,float2 7s 0.8s ease-in-out infinite}\r\n.fcard.f3{animation:fadeUp 0.5s 0.11s cubic-bezier(0.23,1,0.32,1) both,float3 5.5s 0.3s ease-in-out infinite}\r\n.fcard.f4{animation:fadeUp 0.5s 0.15s cubic-bezier(0.23,1,0.32,1) both,float4 8s 1s ease-in-out infinite}\r\n.fcard.f5{animation:fadeUp 0.5s 0.19s cubic-bezier(0.23,1,0.32,1) both,float5 6.5s 0.6s ease-in-out infinite}\r\n.fcard.f6{animation:fadeUp 0.5s 0.23s cubic-bezier(0.23,1,0.32,1) both,float6 7.5s 1.2s ease-in-out infinite}\r\n.fcard::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.45),transparent);opacity:0;transition:opacity 200ms}\r\n.fcard::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 60%);opacity:0;transition:opacity 250ms;pointer-events:none}\r\n@media(hover:hover)and(pointer:fine){.fcard:hover{border-color:rgba(46,158,68,0.42);box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 30px rgba(46,158,68,.07)}.fcard:hover::before,.fcard:hover::after{opacity:1}}\r\n.fcard:active{transform:scale(0.98)!important}\r\n.fcard-ico{font-size:1.6rem;margin-bottom:16px;line-height:1;position:relative;z-index:1}\r\n.fcard-title{font-size:1rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3;position:relative;z-index:1}\r\n.fcard-body{font-size:0.835rem;color:#FFFFFF;line-height:1.68;position:relative;z-index:1}\r\n\r\n\/* \u2501\u2501\u2501 HOW IT WORKS \u2501\u2501\u2501 *\/\r\n#s-how { background:#07091A; }\r\n.how-grid { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:2;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.steps { display:flex;flex-direction:column;gap:3px; }\r\n.step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; }\r\n@media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}}\r\n.step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; }\r\n.step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; }\r\n.step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; }\r\n\r\n\/* \u2501\u2501\u2501 USE CASES \u2501\u2501\u2501 *\/\r\n#s-use { background:#060810; }\r\n.use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; }\r\n.use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; }\r\n.use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s}\r\n@media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}}\r\n.use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; }\r\n.use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; }\r\n.use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; }\r\n\r\n\/* \u2501\u2501\u2501 BUILT FOR AFRICA \u2501\u2501\u2501 *\/\r\n#s-africa { background:#07091A; }\r\n.africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.africa-inner::before{content:'';position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)}\r\n.africa-inner::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none}\r\n.africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; }\r\n.africa-points { display:flex;flex-direction:column;gap:12px; }\r\n.africa-point { display:flex;align-items:flex-start;gap:12px; }\r\n.africa-point-dot { width:20px;height:20px;border-radius:50%;background:rgba(46,158,68,0.12);border:1px solid rgba(46,158,68,0.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; }\r\n.africa-point-dot svg { width:9px;height:9px; }\r\n.africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; }\r\n\r\n\/* \u2501\u2501\u2501 RELATED \u2501\u2501\u2501 *\/\r\n#s-related { background:#060810; }\r\n.related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; }\r\n.related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s}\r\n@media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}}\r\n.related-card:active{transform:scale(0.98)!important}\r\n.related-ico { font-size:1.4rem;margin-bottom:12px; }\r\n.related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; }\r\n.related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; }\r\n.related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; }\r\n@media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}}\r\n\r\n\/* \u2501\u2501\u2501 CTA \u2501\u2501\u2501 *\/\r\n#s-cta { background:#07091A; }\r\n.cta-box { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.28);border-radius:20px;padding:clamp(48px,8vw,88px) clamp(28px,8vw,80px);text-align:center;overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both }\r\n.cta-box::before{content:'';position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)}\r\n.cta-box::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 55%);pointer-events:none}\r\n.cta-box h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-0.025em;line-height:1.08;color:#FFFFFF;margin-bottom:16px;position:relative;z-index:1}\r\n.cta-box p{font-size:.97rem;color:#FFFFFF;max-width:460px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1}\r\n.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}}\r\n@media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.sec{padding:64px 20px}}\r\n@media(prefers-reduced-motion:reduce){.fcard{animation:fadeUp 0.01ms both !important}*{animation-duration:0.01ms !important}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\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:500px;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=\"breadcrumb\">\r\n <a href=\"https:\/\/mutualafricapay.com\/products\">Products<\/a>\r\n <span class=\"breadcrumb-sep\">\/<\/span>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting\">Accounting & Finance<\/a>\r\n <span class=\"breadcrumb-sep\">\/<\/span>\r\n <span class=\"breadcrumb-cur\">Expense Tracking<\/span>\r\n <\/div>\r\n <h1>Know exactly where<br><span>every rand is going<\/span><\/h1>\r\n <p>Capture, categorise, and control every business expense \u2014 from fuel and materials to subscriptions and supplier payments. Expense tracking built to give African businesses real visibility over where their money goes.<\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"https:\/\/mutualafricapay.com\/pricing\" class=\"btn-green\">Get Started <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M7 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/contact\" class=\"btn-ghost\">Contact Sales<\/a>\r\n <\/div>\r\n <div class=\"hero-pills\">\r\n <span class=\"pill\"><span class=\"pill-dot\"><\/span>Receipt Capture<\/span>\r\n <span class=\"pill\"><span class=\"pill-dot\"><\/span>Category Management<\/span>\r\n <span class=\"pill\"><span class=\"pill-dot\"><\/span>Client Billing<\/span>\r\n <span class=\"pill\"><span class=\"pill-dot\"><\/span>Project Costing<\/span>\r\n <span class=\"pill\"><span class=\"pill-dot\"><\/span>Live P&L Impact<\/span>\r\n <span class=\"pill\"><span class=\"pill-dot\"><\/span>Multi-Currency<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"sec\" id=\"s-cap\">\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:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.08) 0%,transparent 65%)\"><\/div>\r\n <div class=\"bg-line\" style=\"bottom:0\"><\/div>\r\n <\/div>\r\n <div class=\"cap-header\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Capabilities<\/span><\/div>\r\n <h2 class=\"h2\">Six ways Mutual Africa Pay tracks every business expense<\/h2>\r\n <p class=\"body\" style=\"margin-top:16px;max-width:580px\">From the moment money leaves your business to when it appears in your reports \u2014 every expense captured, categorised, and connected to your financial records automatically.<\/p>\r\n <\/div>\r\n <div class=\"fgrid\">\r\n <div class=\"fcard f1\">\r\n <div class=\"fcard-ico\">\ud83d\udcf7<\/div>\r\n <div class=\"fcard-title\">Receipt Photo Capture<\/div>\r\n <p class=\"fcard-body\">Photograph receipts directly from the Mutual Africa Pay mobile app at the point of purchase. No more lost paper receipts, no manual data entry \u2014 the expense is captured immediately, wherever you are.<\/p>\r\n <\/div>\r\n <div class=\"fcard f2\">\r\n <div class=\"fcard-ico\">\ud83d\uddc2\ufe0f<\/div>\r\n <div class=\"fcard-title\">Category Management<\/div>\r\n <p class=\"fcard-body\">Assign every expense to a category \u2014 travel, materials, subscriptions, salaries, utilities, and more. Custom categories available to match how your business actually operates. Categories flow directly into your P&L reporting.<\/p>\r\n <\/div>\r\n <div class=\"fcard f3\">\r\n <div class=\"fcard-ico\">\ud83d\udc64<\/div>\r\n <div class=\"fcard-title\">Client Expense Assignment<\/div>\r\n <p class=\"fcard-body\">Link expenses directly to a client. When you bill that client, assigned expenses appear as billable line items \u2014 no manual transfer, no risk of missing recoverable costs from your invoices.<\/p>\r\n <\/div>\r\n <div class=\"fcard f4\">\r\n <div class=\"fcard-ico\">\ud83d\udccc<\/div>\r\n <div class=\"fcard-title\">Project Cost Tracking<\/div>\r\n <p class=\"fcard-body\">Assign expenses to specific projects or jobs. See the real cost of every project in real time \u2014 labour, materials, subcontractors, and overheads \u2014 so you know whether each job is profitable before it closes.<\/p>\r\n <\/div>\r\n <div class=\"fcard f5\">\r\n <div class=\"fcard-ico\">\ud83c\udf0d<\/div>\r\n <div class=\"fcard-title\">Multi-Currency Expenses<\/div>\r\n <p class=\"fcard-body\">Record expenses in any currency \u2014 ZAR, USD, GBP, EUR, KES, NGN, and more. Live exchange rates applied at the time of recording. Foreign expenses converted and reflected accurately in your local currency reports.<\/p>\r\n <\/div>\r\n <div class=\"fcard f6\">\r\n <div class=\"fcard-ico\">\ud83d\udcca<\/div>\r\n <div class=\"fcard-title\">Instant P&L Impact<\/div>\r\n <p class=\"fcard-body\">Every expense recorded updates your profit and loss statement in real time. No end-of-month batch processing \u2014 your P&L always reflects actual spend, giving you live visibility into business performance.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"sec\" id=\"s-how\">\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=\"how-grid\">\r\n <div>\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">How It Works<\/span><\/div>\r\n <h2 class=\"h2\" style=\"margin-bottom:20px\">From spend to report \u2014 without the paperwork<\/h2>\r\n <p class=\"body\">Expense tracking in Mutual Africa Pay is designed to capture costs at the moment they happen, not at the end of the month when receipts are lost and details are forgotten. Every expense flows automatically into your accounts.<\/p>\r\n <\/div>\r\n <div class=\"steps\">\r\n <div class=\"step\">\r\n <div class=\"step-num\">01<\/div>\r\n <div>\r\n <h3>Capture the expense immediately<\/h3>\r\n <p>Photograph the receipt or enter the expense on the Mutual Africa Pay mobile app at the point of purchase \u2014 before you lose the receipt or forget the details.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-num\">02<\/div>\r\n <div>\r\n <h3>Categorise and assign<\/h3>\r\n <p>Select the expense category, assign it to a client or project if applicable, and confirm the currency and amount. Takes under 30 seconds per expense.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-num\">03<\/div>\r\n <div>\r\n <h3>Expense flows into your accounts<\/h3>\r\n <p>The expense appears in your P&L, updates your cash flow position, and becomes available as a billable line item if assigned to a client \u2014 all automatically, with no manual journal entries.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-num\">04<\/div>\r\n <div>\r\n <h3>Review and report<\/h3>\r\n <p>Filter expenses by category, date, client, or project. Export for your accountant, include in client invoices, or review project profitability \u2014 all from one place.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"sec\" id=\"s-use\">\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: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=\"use-header\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Use Cases<\/span><\/div>\r\n <h2 class=\"h2\">How African businesses track expenses every day<\/h2>\r\n <p class=\"body\" style=\"margin-top:14px;max-width:560px\">From construction sites to consulting firms, expense visibility is critical to profitability across every sector.<\/p>\r\n <\/div>\r\n <div class=\"use-grid\">\r\n <div class=\"use-card\">\r\n <div class=\"use-tag\">Construction & Contracting<\/div>\r\n <h3>A contractor tracks all project costs in real time<\/h3>\r\n <p>A building contractor assigns every material purchase, subcontractor payment, and equipment hire to the relevant project. At the end of each job, Mutual Africa Pay shows the total cost versus the quoted price \u2014 making profitability visible on every contract before the final invoice is sent.<\/p>\r\n <\/div>\r\n <div class=\"use-card\">\r\n <div class=\"use-tag\">Professional Services<\/div>\r\n <h3>A consultancy bills all client expenses accurately<\/h3>\r\n <p>A management consulting firm assigns travel, accommodation, and research costs to each client engagement as they are incurred. At billing time, all assigned expenses appear as line items in the client invoice \u2014 eliminating the risk of under-billing or missing recoverable costs.<\/p>\r\n <\/div>\r\n <div class=\"use-card\">\r\n <div class=\"use-tag\">Retail & Distribution<\/div>\r\n <h3>A distributor monitors operating costs by category<\/h3>\r\n <p>A wholesale distributor uses expense categories to track fuel, vehicle maintenance, warehousing, and staff costs separately. Monthly expense reports by category give management a clear view of where costs are rising \u2014 before they impact margins significantly.<\/p>\r\n <\/div>\r\n <div class=\"use-card\">\r\n <div class=\"use-tag\">Hospitality & Events<\/div>\r\n <h3>An events company tracks costs per event<\/h3>\r\n <p>An events management company assigns every vendor payment, d\u00e9cor purchase, and staffing cost to the specific event project. At closure, the event's total cost is visible against the quoted budget \u2014 building accurate pricing models for future events based on real historical data.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"sec\" id=\"s-africa\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <div class=\"bg-glow\" style=\"top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.06) 0%,transparent 65%)\"><\/div>\r\n <\/div>\r\n <div class=\"africa-inner\">\r\n <div class=\"africa-grid\">\r\n <div style=\"position:relative;z-index:1\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Built for Africa<\/span><\/div>\r\n <h2 class=\"h2\" style=\"margin-bottom:20px\">Expense tracking designed for how African businesses actually spend<\/h2>\r\n <p class=\"body\">African businesses operate across diverse currencies, informal and formal procurement channels, and markets where receipts are not always standardised. Mutual Africa Pay's expense tracking is built for this reality \u2014 not for a market where every purchase comes with a neat digital record.<\/p>\r\n <\/div>\r\n <div class=\"africa-points\" style=\"position:relative;z-index:1\">\r\n <div class=\"africa-point\">\r\n <div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <span>Mobile receipt capture works anywhere \u2014 on site, in the market, or on the road<\/span>\r\n <\/div>\r\n <div class=\"africa-point\">\r\n <div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <span>Multi-currency expense recording across ZAR, USD, KES, NGN and more with live rates<\/span>\r\n <\/div>\r\n <div class=\"africa-point\">\r\n <div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <span>VAT-aware expense categorisation \u2014 SARS-compliant input tax tracking for South African businesses<\/span>\r\n <\/div>\r\n <div class=\"africa-point\">\r\n <div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <span>Cross-border expense tracking for businesses operating across multiple African countries<\/span>\r\n <\/div>\r\n <div class=\"africa-point\">\r\n <div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <span>Works fully offline on mobile \u2014 expenses sync when connectivity is restored<\/span>\r\n <\/div>\r\n <div class=\"africa-point\">\r\n <div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <span>Project-level cost tracking suited to contract-based and project-driven African business models<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"sec\" id=\"s-related\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <div class=\"bg-line\" style=\"bottom:0\"><\/div>\r\n <\/div>\r\n <div class=\"related-header\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Related Features<\/span><\/div>\r\n <h2 class=\"h2\">Features that work alongside expense tracking<\/h2>\r\n <\/div>\r\n <div class=\"related-grid\">\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/pl\" class=\"related-card\">\r\n <div class=\"related-ico\">\ud83d\udcc9<\/div>\r\n <div class=\"related-title\">P&L Reporting<\/div>\r\n <p class=\"related-desc\">Every tracked expense flows directly into your profit and loss statement \u2014 giving you a real-time view of business performance.<\/p>\r\n <div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/invoicing\" class=\"related-card\">\r\n <div class=\"related-ico\">\ud83e\uddfe<\/div>\r\n <div class=\"related-title\">Invoicing & Billing<\/div>\r\n <p class=\"related-desc\">Expenses assigned to clients appear automatically as billable line items on the next invoice \u2014 no manual transfer or risk of missed costs.<\/p>\r\n <div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/vat\" class=\"related-card\">\r\n <div class=\"related-ico\">\ud83e\uddee<\/div>\r\n <div class=\"related-title\">VAT \/ Tax Reporting<\/div>\r\n <p class=\"related-desc\">VAT on categorised expenses is tracked automatically and included in your SARS-ready VAT201 reports \u2014 no manual input tax calculations.<\/p>\r\n <div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n\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>Stop losing track of where your money goes<\/h2>\r\n <p>Expense tracking is included in every Mutual Africa Pay plan \u2014 start on the Solopreneur plan for free, no credit card required.<\/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>Expense Tracking \u2014 Mutual Africa Pay *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: ‘Space Grotesk’, sans-serif; background: #07091A; color: #FFFFFF; -webkit-font-smoothing: antialiased; } .sec { padding: clamp(64px,10vw,112px) clamp(20px,6%,80px); position: relative; overflow: hidden; } .bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; } .bg-dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 30px 30px; } .bg-line { position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(46,158,68,0.16), transparent); } .bg-glow { position: absolute; border-radius: 50%; } .eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; } .edot { width: 6px; height: 6px; border-radius: 50%; background: #2E9E44; box-shadow: 0 0 8px rgba(46,158,68,0.7); animation: pulsedot 2.5s ease infinite; } .etxt { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #2E9E44; } .h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; } .body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulsedot { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(46,158,68,0.7)}50%{opacity:0.4;box-shadow:0 0 3px rgba(46,158,68,0.3)} } @keyframes float1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} } @keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} } @keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} } @keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} } @keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} } @keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} } .btn-green { display:inline-flex;align-items:center;gap:8px;background:#2E9E44;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background 150ms,transform 150ms,box-shadow 150ms; } @media(hover:hover)and(pointer:fine){.btn-green:hover{background:#38B850;transform:translateY(-2px);box-shadow:0 8px 24px rgba(46,158,68,.35);}} .btn-green:active{transform:scale(0.97)!important;} .btn-ghost { display:inline-flex;align-items:center;gap:8px;background:transparent;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:border-color 150ms,background 150ms; } @media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}} \/* \u2501\u2501\u2501 HERO \u2501\u2501\u2501 *\/ #s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; } .hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; } .breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; } @media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}} .breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; } .breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; } .hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; } .hero-inner h1 span { color:#2E9E44; } .hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; } .hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; } .hero-pills { display:flex;flex-wrap:wrap;gap:8px; } .pill { display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);font-size:0.78rem;font-weight:500;color:#FFFFFF; } .pill-dot { width:5px;height:5px;border-radius:50%;background:#2E9E44;flex-shrink:0; } \/* \u2501\u2501\u2501 CAPABILITIES \u2501\u2501\u2501 *\/ #s-cap { background:#060810; } .cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .cap-header h2 { margin-bottom:16px; } .fgrid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:2;perspective:1200px; } .fcard { background:linear-gradient(160deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:28px 24px 36px;position:relative;overflow:hidden;display:block;color:inherit;text-decoration:none;transition:border-color 160ms cubic-bezier(0.23,1,0.32,1),box-shadow 240ms cubic-bezier(0.23,1,0.32,1); } .fcard.f1{animation:fadeUp 0.5s 0.03s cubic-bezier(0.23,1,0.32,1) both,float1 6s 0.5s ease-in-out infinite} .fcard.f2{animation:fadeUp 0.5s 0.07s cubic-bezier(0.23,1,0.32,1) both,float2 7s 0.8s ease-in-out infinite} .fcard.f3{animation:fadeUp 0.5s 0.11s cubic-bezier(0.23,1,0.32,1) both,float3 5.5s 0.3s ease-in-out infinite} .fcard.f4{animation:fadeUp 0.5s 0.15s cubic-bezier(0.23,1,0.32,1) both,float4 8s 1s ease-in-out infinite} .fcard.f5{animation:fadeUp 0.5s 0.19s cubic-bezier(0.23,1,0.32,1) both,float5 6.5s 0.6s ease-in-out infinite} .fcard.f6{animation:fadeUp 0.5s 0.23s cubic-bezier(0.23,1,0.32,1) both,float6 7.5s 1.2s ease-in-out infinite} .fcard::before{content:”;position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.45),transparent);opacity:0;transition:opacity 200ms} .fcard::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 60%);opacity:0;transition:opacity 250ms;pointer-events:none} @media(hover:hover)and(pointer:fine){.fcard:hover{border-color:rgba(46,158,68,0.42);box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 30px rgba(46,158,68,.07)}.fcard:hover::before,.fcard:hover::after{opacity:1}} .fcard:active{transform:scale(0.98)!important} .fcard-ico{font-size:1.6rem;margin-bottom:16px;line-height:1;position:relative;z-index:1} .fcard-title{font-size:1rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3;position:relative;z-index:1} .fcard-body{font-size:0.835rem;color:#FFFFFF;line-height:1.68;position:relative;z-index:1} \/* \u2501\u2501\u2501 HOW IT WORKS \u2501\u2501\u2501 *\/ #s-how { background:#07091A; } .how-grid { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:2;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .steps { display:flex;flex-direction:column;gap:3px; } .step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; } @media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}} .step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; } .step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; } .step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; } \/* \u2501\u2501\u2501 USE CASES \u2501\u2501\u2501 *\/ #s-use { background:#060810; } .use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; } .use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; } .use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s} @media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}} .use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; } .use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; } .use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; } \/* \u2501\u2501\u2501 BUILT FOR AFRICA \u2501\u2501\u2501 *\/ #s-africa { background:#07091A; } .africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .africa-inner::before{content:”;position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)} .africa-inner::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none} .africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; } .africa-points { display:flex;flex-direction:column;gap:12px; } .africa-point { display:flex;align-items:flex-start;gap:12px; } .africa-point-dot { width:20px;height:20px;border-radius:50%;background:rgba(46,158,68,0.12);border:1px solid rgba(46,158,68,0.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; } .africa-point-dot svg { width:9px;height:9px; } .africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; } \/* \u2501\u2501\u2501 RELATED \u2501\u2501\u2501 *\/ #s-related { background:#060810; } .related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; } .related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s} @media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}} .related-card:active{transform:scale(0.98)!important} .related-ico { font-size:1.4rem;margin-bottom:12px; } .related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; } .related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; } .related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; } @media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}} \/* \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,.6),transparent)} .cta-box::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 55%);pointer-events:none} .cta-box h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-0.025em;line-height:1.08;color:#FFFFFF;margin-bottom:16px;position:relative;z-index:1} .cta-box p{font-size:.97rem;color:#FFFFFF;max-width:460px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1} .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1} \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.sec{padding:64px 20px}} @media(prefers-reduced-motion:reduce){.fcard{animation:fadeUp 0.01ms both !important}*{animation-duration:0.01ms !important}} Products \/ Accounting & Finance \/ Expense Tracking Know exactly whereevery rand is going Capture, categorise, and control every business expense \u2014 from fuel and materials to subscriptions and supplier payments. Expense tracking built to give African businesses real visibility over where their money goes. Get Started Contact Sales Receipt Capture Category Management Client Billing Project Costing Live P&L Impact Multi-Currency Capabilities Six ways Mutual Africa Pay tracks every business expense From the moment money leaves your business to when it appears in your reports \u2014 every expense captured, categorised, and connected to your financial records automatically. \ud83d\udcf7 Receipt Photo Capture Photograph receipts directly from the Mutual Africa Pay mobile app at the point of purchase. No more lost paper receipts, no manual data entry \u2014 the expense is captured immediately, wherever you are. \ud83d\uddc2\ufe0f Category Management Assign every expense to a category \u2014 travel, materials, subscriptions, salaries, utilities, and more. Custom categories available to match how your business actually operates. Categories flow directly into your P&L reporting. \ud83d\udc64 Client Expense Assignment Link expenses directly to a client. When you bill that client, assigned expenses appear as billable line items \u2014 no manual transfer, no risk of missing recoverable costs from your invoices. \ud83d\udccc Project Cost Tracking Assign expenses to specific projects or jobs. See the real cost of every project in real time \u2014 labour, materials, subcontractors, and overheads \u2014 so you know whether each job is profitable before it closes. \ud83c\udf0d Multi-Currency Expenses Record expenses in any currency \u2014 ZAR, USD, GBP, EUR, KES, NGN, and more. Live exchange rates applied at the time of recording. Foreign expenses converted and reflected accurately in your local currency reports. \ud83d\udcca Instant P&L Impact Every expense recorded updates your profit and loss statement in real time. No end-of-month batch processing \u2014 your P&L<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1844,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1934","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/pages\/1934","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/comments?post=1934"}],"version-history":[{"count":0,"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/pages\/1934\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/pages\/1844"}],"wp:attachment":[{"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/media?parent=1934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nExpense Tracking \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.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.h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; }\r\n.body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; }\r\n\r\n@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes pulsedot { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(46,158,68,0.7)}50%{opacity:0.4;box-shadow:0 0 3px rgba(46,158,68,0.3)} }\r\n@keyframes float1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }\r\n@keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }\r\n@keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }\r\n@keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\r\n@keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }\r\n@keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} }\r\n\r\n.btn-green { display:inline-flex;align-items:center;gap:8px;background:#2E9E44;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background 150ms,transform 150ms,box-shadow 150ms; }\r\n@media(hover:hover)and(pointer:fine){.btn-green:hover{background:#38B850;transform:translateY(-2px);box-shadow:0 8px 24px rgba(46,158,68,.35);}}\r\n.btn-green:active{transform:scale(0.97)!important;}\r\n.btn-ghost { display:inline-flex;align-items:center;gap:8px;background:transparent;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:border-color 150ms,background 150ms; }\r\n@media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}}\r\n\r\n\/* \u2501\u2501\u2501 HERO \u2501\u2501\u2501 *\/\r\n#s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; }\r\n.hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; }\r\n.breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; }\r\n@media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}}\r\n.breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; }\r\n.breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; }\r\n.hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; }\r\n.hero-inner h1 span { color:#2E9E44; }\r\n.hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; }\r\n.hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; }\r\n.hero-pills { display:flex;flex-wrap:wrap;gap:8px; }\r\n.pill { display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);font-size:0.78rem;font-weight:500;color:#FFFFFF; }\r\n.pill-dot { width:5px;height:5px;border-radius:50%;background:#2E9E44;flex-shrink:0; }\r\n\r\n\/* \u2501\u2501\u2501 CAPABILITIES \u2501\u2501\u2501 *\/\r\n#s-cap { background:#060810; }\r\n.cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.cap-header h2 { margin-bottom:16px; }\r\n.fgrid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:2;perspective:1200px; }\r\n.fcard { background:linear-gradient(160deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:28px 24px 36px;position:relative;overflow:hidden;display:block;color:inherit;text-decoration:none;transition:border-color 160ms cubic-bezier(0.23,1,0.32,1),box-shadow 240ms cubic-bezier(0.23,1,0.32,1); }\r\n.fcard.f1{animation:fadeUp 0.5s 0.03s cubic-bezier(0.23,1,0.32,1) both,float1 6s 0.5s ease-in-out infinite}\r\n.fcard.f2{animation:fadeUp 0.5s 0.07s cubic-bezier(0.23,1,0.32,1) both,float2 7s 0.8s ease-in-out infinite}\r\n.fcard.f3{animation:fadeUp 0.5s 0.11s cubic-bezier(0.23,1,0.32,1) both,float3 5.5s 0.3s ease-in-out infinite}\r\n.fcard.f4{animation:fadeUp 0.5s 0.15s cubic-bezier(0.23,1,0.32,1) both,float4 8s 1s ease-in-out infinite}\r\n.fcard.f5{animation:fadeUp 0.5s 0.19s cubic-bezier(0.23,1,0.32,1) both,float5 6.5s 0.6s ease-in-out infinite}\r\n.fcard.f6{animation:fadeUp 0.5s 0.23s cubic-bezier(0.23,1,0.32,1) both,float6 7.5s 1.2s ease-in-out infinite}\r\n.fcard::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.45),transparent);opacity:0;transition:opacity 200ms}\r\n.fcard::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 60%);opacity:0;transition:opacity 250ms;pointer-events:none}\r\n@media(hover:hover)and(pointer:fine){.fcard:hover{border-color:rgba(46,158,68,0.42);box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 30px rgba(46,158,68,.07)}.fcard:hover::before,.fcard:hover::after{opacity:1}}\r\n.fcard:active{transform:scale(0.98)!important}\r\n.fcard-ico{font-size:1.6rem;margin-bottom:16px;line-height:1;position:relative;z-index:1}\r\n.fcard-title{font-size:1rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3;position:relative;z-index:1}\r\n.fcard-body{font-size:0.835rem;color:#FFFFFF;line-height:1.68;position:relative;z-index:1}\r\n\r\n\/* \u2501\u2501\u2501 HOW IT WORKS \u2501\u2501\u2501 *\/\r\n#s-how { background:#07091A; }\r\n.how-grid { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:2;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.steps { display:flex;flex-direction:column;gap:3px; }\r\n.step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; }\r\n@media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}}\r\n.step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; }\r\n.step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; }\r\n.step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; }\r\n\r\n\/* \u2501\u2501\u2501 USE CASES \u2501\u2501\u2501 *\/\r\n#s-use { background:#060810; }\r\n.use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; }\r\n.use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; }\r\n.use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s}\r\n@media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}}\r\n.use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; }\r\n.use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; }\r\n.use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; }\r\n\r\n\/* \u2501\u2501\u2501 BUILT FOR AFRICA \u2501\u2501\u2501 *\/\r\n#s-africa { background:#07091A; }\r\n.africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.africa-inner::before{content:'';position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)}\r\n.africa-inner::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none}\r\n.africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; }\r\n.africa-points { display:flex;flex-direction:column;gap:12px; }\r\n.africa-point { display:flex;align-items:flex-start;gap:12px; }\r\n.africa-point-dot { width:20px;height:20px;border-radius:50%;background:rgba(46,158,68,0.12);border:1px solid rgba(46,158,68,0.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; }\r\n.africa-point-dot svg { width:9px;height:9px; }\r\n.africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; }\r\n\r\n\/* \u2501\u2501\u2501 RELATED \u2501\u2501\u2501 *\/\r\n#s-related { background:#060810; }\r\n.related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; }\r\n.related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s}\r\n@media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}}\r\n.related-card:active{transform:scale(0.98)!important}\r\n.related-ico { font-size:1.4rem;margin-bottom:12px; }\r\n.related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; }\r\n.related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; }\r\n.related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; }\r\n@media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}}\r\n\r\n\/* \u2501\u2501\u2501 CTA \u2501\u2501\u2501 *\/\r\n#s-cta { background:#07091A; }\r\n.cta-box { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.28);border-radius:20px;padding:clamp(48px,8vw,88px) clamp(28px,8vw,80px);text-align:center;overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both }\r\n.cta-box::before{content:'';position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)}\r\n.cta-box::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 55%);pointer-events:none}\r\n.cta-box h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-0.025em;line-height:1.08;color:#FFFFFF;margin-bottom:16px;position:relative;z-index:1}\r\n.cta-box p{font-size:.97rem;color:#FFFFFF;max-width:460px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1}\r\n.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}}\r\n@media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.sec{padding:64px 20px}}\r\n@media(prefers-reduced-motion:reduce){.fcard{animation:fadeUp 0.01ms both !important}*{animation-duration:0.01ms !important}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\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:500px;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=\"breadcrumb\">\r\n <a href=\"https:\/\/mutualafricapay.com\/products\">Products<\/a>\r\n <span class=\"breadcrumb-sep\">\/<\/span>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting\">Accounting & Finance<\/a>\r\n <span class=\"breadcrumb-sep\">\/<\/span>\r\n <span class=\"breadcrumb-cur\">Expense Tracking<\/span>\r\n <\/div>\r\n <h1>Know exactly where<br><span>every rand is going<\/span><\/h1>\r\n <p>Capture, categorise, and control every business expense \u2014 from fuel and materials to subscriptions and supplier payments. Expense tracking built to give African businesses real visibility over where their money goes.<\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"https:\/\/mutualafricapay.com\/pricing\" class=\"btn-green\">Get Started <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M7 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/contact\" class=\"btn-ghost\">Contact Sales<\/a>\r\n <\/div>\r\n <div class=\"hero-pills\">\r\n <span class=\"pill\"><span class=\"pill-dot\"><\/span>Receipt Capture<\/span>\r\n <span class=\"pill\"><span class=\"pill-dot\"><\/span>Category Management<\/span>\r\n <span class=\"pill\"><span class=\"pill-dot\"><\/span>Client Billing<\/span>\r\n <span class=\"pill\"><span class=\"pill-dot\"><\/span>Project Costing<\/span>\r\n <span class=\"pill\"><span class=\"pill-dot\"><\/span>Live P&L Impact<\/span>\r\n <span class=\"pill\"><span class=\"pill-dot\"><\/span>Multi-Currency<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"sec\" id=\"s-cap\">\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:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.08) 0%,transparent 65%)\"><\/div>\r\n <div class=\"bg-line\" style=\"bottom:0\"><\/div>\r\n <\/div>\r\n <div class=\"cap-header\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Capabilities<\/span><\/div>\r\n <h2 class=\"h2\">Six ways Mutual Africa Pay tracks every business expense<\/h2>\r\n <p class=\"body\" style=\"margin-top:16px;max-width:580px\">From the moment money leaves your business to when it appears in your reports \u2014 every expense captured, categorised, and connected to your financial records automatically.<\/p>\r\n <\/div>\r\n <div class=\"fgrid\">\r\n <div class=\"fcard f1\">\r\n <div class=\"fcard-ico\">\ud83d\udcf7<\/div>\r\n <div class=\"fcard-title\">Receipt Photo Capture<\/div>\r\n <p class=\"fcard-body\">Photograph receipts directly from the Mutual Africa Pay mobile app at the point of purchase. No more lost paper receipts, no manual data entry \u2014 the expense is captured immediately, wherever you are.<\/p>\r\n <\/div>\r\n <div class=\"fcard f2\">\r\n <div class=\"fcard-ico\">\ud83d\uddc2\ufe0f<\/div>\r\n <div class=\"fcard-title\">Category Management<\/div>\r\n <p class=\"fcard-body\">Assign every expense to a category \u2014 travel, materials, subscriptions, salaries, utilities, and more. Custom categories available to match how your business actually operates. Categories flow directly into your P&L reporting.<\/p>\r\n <\/div>\r\n <div class=\"fcard f3\">\r\n <div class=\"fcard-ico\">\ud83d\udc64<\/div>\r\n <div class=\"fcard-title\">Client Expense Assignment<\/div>\r\n <p class=\"fcard-body\">Link expenses directly to a client. When you bill that client, assigned expenses appear as billable line items \u2014 no manual transfer, no risk of missing recoverable costs from your invoices.<\/p>\r\n <\/div>\r\n <div class=\"fcard f4\">\r\n <div class=\"fcard-ico\">\ud83d\udccc<\/div>\r\n <div class=\"fcard-title\">Project Cost Tracking<\/div>\r\n <p class=\"fcard-body\">Assign expenses to specific projects or jobs. See the real cost of every project in real time \u2014 labour, materials, subcontractors, and overheads \u2014 so you know whether each job is profitable before it closes.<\/p>\r\n <\/div>\r\n <div class=\"fcard f5\">\r\n <div class=\"fcard-ico\">\ud83c\udf0d<\/div>\r\n <div class=\"fcard-title\">Multi-Currency Expenses<\/div>\r\n <p class=\"fcard-body\">Record expenses in any currency \u2014 ZAR, USD, GBP, EUR, KES, NGN, and more. Live exchange rates applied at the time of recording. Foreign expenses converted and reflected accurately in your local currency reports.<\/p>\r\n <\/div>\r\n <div class=\"fcard f6\">\r\n <div class=\"fcard-ico\">\ud83d\udcca<\/div>\r\n <div class=\"fcard-title\">Instant P&L Impact<\/div>\r\n <p class=\"fcard-body\">Every expense recorded updates your profit and loss statement in real time. No end-of-month batch processing \u2014 your P&L always reflects actual spend, giving you live visibility into business performance.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"sec\" id=\"s-how\">\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=\"how-grid\">\r\n <div>\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">How It Works<\/span><\/div>\r\n <h2 class=\"h2\" style=\"margin-bottom:20px\">From spend to report \u2014 without the paperwork<\/h2>\r\n <p class=\"body\">Expense tracking in Mutual Africa Pay is designed to capture costs at the moment they happen, not at the end of the month when receipts are lost and details are forgotten. Every expense flows automatically into your accounts.<\/p>\r\n <\/div>\r\n <div class=\"steps\">\r\n <div class=\"step\">\r\n <div class=\"step-num\">01<\/div>\r\n <div>\r\n <h3>Capture the expense immediately<\/h3>\r\n <p>Photograph the receipt or enter the expense on the Mutual Africa Pay mobile app at the point of purchase \u2014 before you lose the receipt or forget the details.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-num\">02<\/div>\r\n <div>\r\n <h3>Categorise and assign<\/h3>\r\n <p>Select the expense category, assign it to a client or project if applicable, and confirm the currency and amount. Takes under 30 seconds per expense.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-num\">03<\/div>\r\n <div>\r\n <h3>Expense flows into your accounts<\/h3>\r\n <p>The expense appears in your P&L, updates your cash flow position, and becomes available as a billable line item if assigned to a client \u2014 all automatically, with no manual journal entries.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-num\">04<\/div>\r\n <div>\r\n <h3>Review and report<\/h3>\r\n <p>Filter expenses by category, date, client, or project. Export for your accountant, include in client invoices, or review project profitability \u2014 all from one place.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"sec\" id=\"s-use\">\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: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=\"use-header\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Use Cases<\/span><\/div>\r\n <h2 class=\"h2\">How African businesses track expenses every day<\/h2>\r\n <p class=\"body\" style=\"margin-top:14px;max-width:560px\">From construction sites to consulting firms, expense visibility is critical to profitability across every sector.<\/p>\r\n <\/div>\r\n <div class=\"use-grid\">\r\n <div class=\"use-card\">\r\n <div class=\"use-tag\">Construction & Contracting<\/div>\r\n <h3>A contractor tracks all project costs in real time<\/h3>\r\n <p>A building contractor assigns every material purchase, subcontractor payment, and equipment hire to the relevant project. At the end of each job, Mutual Africa Pay shows the total cost versus the quoted price \u2014 making profitability visible on every contract before the final invoice is sent.<\/p>\r\n <\/div>\r\n <div class=\"use-card\">\r\n <div class=\"use-tag\">Professional Services<\/div>\r\n <h3>A consultancy bills all client expenses accurately<\/h3>\r\n <p>A management consulting firm assigns travel, accommodation, and research costs to each client engagement as they are incurred. At billing time, all assigned expenses appear as line items in the client invoice \u2014 eliminating the risk of under-billing or missing recoverable costs.<\/p>\r\n <\/div>\r\n <div class=\"use-card\">\r\n <div class=\"use-tag\">Retail & Distribution<\/div>\r\n <h3>A distributor monitors operating costs by category<\/h3>\r\n <p>A wholesale distributor uses expense categories to track fuel, vehicle maintenance, warehousing, and staff costs separately. Monthly expense reports by category give management a clear view of where costs are rising \u2014 before they impact margins significantly.<\/p>\r\n <\/div>\r\n <div class=\"use-card\">\r\n <div class=\"use-tag\">Hospitality & Events<\/div>\r\n <h3>An events company tracks costs per event<\/h3>\r\n <p>An events management company assigns every vendor payment, d\u00e9cor purchase, and staffing cost to the specific event project. At closure, the event's total cost is visible against the quoted budget \u2014 building accurate pricing models for future events based on real historical data.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"sec\" id=\"s-africa\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <div class=\"bg-glow\" style=\"top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.06) 0%,transparent 65%)\"><\/div>\r\n <\/div>\r\n <div class=\"africa-inner\">\r\n <div class=\"africa-grid\">\r\n <div style=\"position:relative;z-index:1\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Built for Africa<\/span><\/div>\r\n <h2 class=\"h2\" style=\"margin-bottom:20px\">Expense tracking designed for how African businesses actually spend<\/h2>\r\n <p class=\"body\">African businesses operate across diverse currencies, informal and formal procurement channels, and markets where receipts are not always standardised. Mutual Africa Pay's expense tracking is built for this reality \u2014 not for a market where every purchase comes with a neat digital record.<\/p>\r\n <\/div>\r\n <div class=\"africa-points\" style=\"position:relative;z-index:1\">\r\n <div class=\"africa-point\">\r\n <div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <span>Mobile receipt capture works anywhere \u2014 on site, in the market, or on the road<\/span>\r\n <\/div>\r\n <div class=\"africa-point\">\r\n <div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <span>Multi-currency expense recording across ZAR, USD, KES, NGN and more with live rates<\/span>\r\n <\/div>\r\n <div class=\"africa-point\">\r\n <div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <span>VAT-aware expense categorisation \u2014 SARS-compliant input tax tracking for South African businesses<\/span>\r\n <\/div>\r\n <div class=\"africa-point\">\r\n <div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <span>Cross-border expense tracking for businesses operating across multiple African countries<\/span>\r\n <\/div>\r\n <div class=\"africa-point\">\r\n <div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <span>Works fully offline on mobile \u2014 expenses sync when connectivity is restored<\/span>\r\n <\/div>\r\n <div class=\"africa-point\">\r\n <div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <span>Project-level cost tracking suited to contract-based and project-driven African business models<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"sec\" id=\"s-related\">\r\n <div class=\"bg\">\r\n <div class=\"bg-dots\"><\/div>\r\n <div class=\"bg-line\" style=\"bottom:0\"><\/div>\r\n <\/div>\r\n <div class=\"related-header\">\r\n <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Related Features<\/span><\/div>\r\n <h2 class=\"h2\">Features that work alongside expense tracking<\/h2>\r\n <\/div>\r\n <div class=\"related-grid\">\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/pl\" class=\"related-card\">\r\n <div class=\"related-ico\">\ud83d\udcc9<\/div>\r\n <div class=\"related-title\">P&L Reporting<\/div>\r\n <p class=\"related-desc\">Every tracked expense flows directly into your profit and loss statement \u2014 giving you a real-time view of business performance.<\/p>\r\n <div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/invoicing\" class=\"related-card\">\r\n <div class=\"related-ico\">\ud83e\uddfe<\/div>\r\n <div class=\"related-title\">Invoicing & Billing<\/div>\r\n <p class=\"related-desc\">Expenses assigned to clients appear automatically as billable line items on the next invoice \u2014 no manual transfer or risk of missed costs.<\/p>\r\n <div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/vat\" class=\"related-card\">\r\n <div class=\"related-ico\">\ud83e\uddee<\/div>\r\n <div class=\"related-title\">VAT \/ Tax Reporting<\/div>\r\n <p class=\"related-desc\">VAT on categorised expenses is tracked automatically and included in your SARS-ready VAT201 reports \u2014 no manual input tax calculations.<\/p>\r\n <div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n\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>Stop losing track of where your money goes<\/h2>\r\n <p>Expense tracking is included in every Mutual Africa Pay plan \u2014 start on the Solopreneur plan for free, no credit card required.<\/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>Expense Tracking \u2014 Mutual Africa Pay *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: ‘Space Grotesk’, sans-serif; background: #07091A; color: #FFFFFF; -webkit-font-smoothing: antialiased; } .sec { padding: clamp(64px,10vw,112px) clamp(20px,6%,80px); position: relative; overflow: hidden; } .bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; } .bg-dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 30px 30px; } .bg-line { position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(46,158,68,0.16), transparent); } .bg-glow { position: absolute; border-radius: 50%; } .eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; } .edot { width: 6px; height: 6px; border-radius: 50%; background: #2E9E44; box-shadow: 0 0 8px rgba(46,158,68,0.7); animation: pulsedot 2.5s ease infinite; } .etxt { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #2E9E44; } .h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; } .body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulsedot { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(46,158,68,0.7)}50%{opacity:0.4;box-shadow:0 0 3px rgba(46,158,68,0.3)} } @keyframes float1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} } @keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} } @keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} } @keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} } @keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} } @keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} } .btn-green { display:inline-flex;align-items:center;gap:8px;background:#2E9E44;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background 150ms,transform 150ms,box-shadow 150ms; } @media(hover:hover)and(pointer:fine){.btn-green:hover{background:#38B850;transform:translateY(-2px);box-shadow:0 8px 24px rgba(46,158,68,.35);}} .btn-green:active{transform:scale(0.97)!important;} .btn-ghost { display:inline-flex;align-items:center;gap:8px;background:transparent;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:border-color 150ms,background 150ms; } @media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}} \/* \u2501\u2501\u2501 HERO \u2501\u2501\u2501 *\/ #s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; } .hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; } .breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; } @media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}} .breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; } .breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; } .hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; } .hero-inner h1 span { color:#2E9E44; } .hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; } .hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; } .hero-pills { display:flex;flex-wrap:wrap;gap:8px; } .pill { display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);font-size:0.78rem;font-weight:500;color:#FFFFFF; } .pill-dot { width:5px;height:5px;border-radius:50%;background:#2E9E44;flex-shrink:0; } \/* \u2501\u2501\u2501 CAPABILITIES \u2501\u2501\u2501 *\/ #s-cap { background:#060810; } .cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .cap-header h2 { margin-bottom:16px; } .fgrid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:2;perspective:1200px; } .fcard { background:linear-gradient(160deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:28px 24px 36px;position:relative;overflow:hidden;display:block;color:inherit;text-decoration:none;transition:border-color 160ms cubic-bezier(0.23,1,0.32,1),box-shadow 240ms cubic-bezier(0.23,1,0.32,1); } .fcard.f1{animation:fadeUp 0.5s 0.03s cubic-bezier(0.23,1,0.32,1) both,float1 6s 0.5s ease-in-out infinite} .fcard.f2{animation:fadeUp 0.5s 0.07s cubic-bezier(0.23,1,0.32,1) both,float2 7s 0.8s ease-in-out infinite} .fcard.f3{animation:fadeUp 0.5s 0.11s cubic-bezier(0.23,1,0.32,1) both,float3 5.5s 0.3s ease-in-out infinite} .fcard.f4{animation:fadeUp 0.5s 0.15s cubic-bezier(0.23,1,0.32,1) both,float4 8s 1s ease-in-out infinite} .fcard.f5{animation:fadeUp 0.5s 0.19s cubic-bezier(0.23,1,0.32,1) both,float5 6.5s 0.6s ease-in-out infinite} .fcard.f6{animation:fadeUp 0.5s 0.23s cubic-bezier(0.23,1,0.32,1) both,float6 7.5s 1.2s ease-in-out infinite} .fcard::before{content:”;position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.45),transparent);opacity:0;transition:opacity 200ms} .fcard::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 60%);opacity:0;transition:opacity 250ms;pointer-events:none} @media(hover:hover)and(pointer:fine){.fcard:hover{border-color:rgba(46,158,68,0.42);box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 30px rgba(46,158,68,.07)}.fcard:hover::before,.fcard:hover::after{opacity:1}} .fcard:active{transform:scale(0.98)!important} .fcard-ico{font-size:1.6rem;margin-bottom:16px;line-height:1;position:relative;z-index:1} .fcard-title{font-size:1rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3;position:relative;z-index:1} .fcard-body{font-size:0.835rem;color:#FFFFFF;line-height:1.68;position:relative;z-index:1} \/* \u2501\u2501\u2501 HOW IT WORKS \u2501\u2501\u2501 *\/ #s-how { background:#07091A; } .how-grid { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:2;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .steps { display:flex;flex-direction:column;gap:3px; } .step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; } @media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}} .step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; } .step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; } .step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; } \/* \u2501\u2501\u2501 USE CASES \u2501\u2501\u2501 *\/ #s-use { background:#060810; } .use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; } .use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; } .use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s} @media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}} .use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; } .use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; } .use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; } \/* \u2501\u2501\u2501 BUILT FOR AFRICA \u2501\u2501\u2501 *\/ #s-africa { background:#07091A; } .africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .africa-inner::before{content:”;position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)} .africa-inner::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none} .africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; } .africa-points { display:flex;flex-direction:column;gap:12px; } .africa-point { display:flex;align-items:flex-start;gap:12px; } .africa-point-dot { width:20px;height:20px;border-radius:50%;background:rgba(46,158,68,0.12);border:1px solid rgba(46,158,68,0.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; } .africa-point-dot svg { width:9px;height:9px; } .africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; } \/* \u2501\u2501\u2501 RELATED \u2501\u2501\u2501 *\/ #s-related { background:#060810; } .related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; } .related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s} @media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}} .related-card:active{transform:scale(0.98)!important} .related-ico { font-size:1.4rem;margin-bottom:12px; } .related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; } .related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; } .related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; } @media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}} \/* \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,.6),transparent)} .cta-box::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 55%);pointer-events:none} .cta-box h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-0.025em;line-height:1.08;color:#FFFFFF;margin-bottom:16px;position:relative;z-index:1} .cta-box p{font-size:.97rem;color:#FFFFFF;max-width:460px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1} .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1} \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.sec{padding:64px 20px}} @media(prefers-reduced-motion:reduce){.fcard{animation:fadeUp 0.01ms both !important}*{animation-duration:0.01ms !important}} Products \/ Accounting & Finance \/ Expense Tracking Know exactly whereevery rand is going Capture, categorise, and control every business expense \u2014 from fuel and materials to subscriptions and supplier payments. Expense tracking built to give African businesses real visibility over where their money goes. Get Started Contact Sales Receipt Capture Category Management Client Billing Project Costing Live P&L Impact Multi-Currency Capabilities Six ways Mutual Africa Pay tracks every business expense From the moment money leaves your business to when it appears in your reports \u2014 every expense captured, categorised, and connected to your financial records automatically. \ud83d\udcf7 Receipt Photo Capture Photograph receipts directly from the Mutual Africa Pay mobile app at the point of purchase. No more lost paper receipts, no manual data entry \u2014 the expense is captured immediately, wherever you are. \ud83d\uddc2\ufe0f Category Management Assign every expense to a category \u2014 travel, materials, subscriptions, salaries, utilities, and more. Custom categories available to match how your business actually operates. Categories flow directly into your P&L reporting. \ud83d\udc64 Client Expense Assignment Link expenses directly to a client. When you bill that client, assigned expenses appear as billable line items \u2014 no manual transfer, no risk of missing recoverable costs from your invoices. \ud83d\udccc Project Cost Tracking Assign expenses to specific projects or jobs. See the real cost of every project in real time \u2014 labour, materials, subcontractors, and overheads \u2014 so you know whether each job is profitable before it closes. \ud83c\udf0d Multi-Currency Expenses Record expenses in any currency \u2014 ZAR, USD, GBP, EUR, KES, NGN, and more. Live exchange rates applied at the time of recording. Foreign expenses converted and reflected accurately in your local currency reports. \ud83d\udcca Instant P&L Impact Every expense recorded updates your profit and loss statement in real time. No end-of-month batch processing \u2014 your P&L<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1844,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1934","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/pages\/1934","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/comments?post=1934"}],"version-history":[{"count":0,"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/pages\/1934\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/pages\/1844"}],"wp:attachment":[{"href":"https:\/\/mutualafricapay.com\/gh\/wp-json\/wp\/v2\/media?parent=1934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}