--- title: Payment Gateway Development description: Home/Services/Verticals/Payment Gateway Development Vertical Solution · Payments & Acquiring Payment GatewayDevelopmentMerchant Acquiring · Wall url: https://miracuves.com/service/payment-gateway-development date_modified: 2026-06-29 author: miracuves language: en_US --- @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800&family=JetBrains+Mono:wght@400;500;600&display=swap'); .tc{--red:#a70d2a;--red-d:#990000;--red-l:#a70d2a;--ra:rgba(167,13,42,.06);--rb:rgba(167,13,42,.16);--rg:linear-gradient(135deg,#a70d2a 0%,#990000 100%);--green:#00E676;--gl:#26A69A;--teal:#00F3FF;--amber:#f59e0b;--purple:#9333ea;--dk0:#030008;--dk1:#07040f;--dk2:#0c081a;--dk3:#120e26;--dk4:#191433;--card:rgba(8,4,15,.76);--l0:#ffffff;--l1:#fafafd;--l2:#f2f1f6;--l3:#e8e7ee;--dx1:#ffffff;--dx2:rgba(255,255,255,.95);--dx3:rgba(255,255,255,.65);--dx4:rgba(255,255,255,.35);--lx1:#0c0716;--lx2:#322d3e;--lx3:#5f5a70;--lx4:#928ea3;--bd:rgba(255,255,255,.06);--bd2:rgba(255,255,255,.12);--bd3:rgba(255,255,255,.20);--bl:rgba(12,7,22,.04);--bl2:rgba(12,7,22,.08);--f:'Plus Jakarta Sans','Inter',-apple-system,sans-serif;--fm:'JetBrains Mono',monospace;--r20:20px;--r14:14px;--r10:10px;--r6:6px;--r100:100px;--spring:cubic-bezier(.175,.885,.32,1.275);--ease:cubic-bezier(.16,1,.3,1)} .tc,.tc *{box-sizing:border-box!important} .tc{font-family:var(--f)!important;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.7;color:var(--lx2);width:100%;background:var(--l0);} .tc h1,.tc h2,.tc h3,.tc h4,.tc p,.tc ul,.tc ol{margin:0;padding:0}.tc ul,.tc ol{list-style:none}.tc a{text-decoration:none!important;color:inherit} .tc ::selection{background:rgba(167,13,42,.15)}.tc .sD ::selection,.tc .sD2 ::selection,.tc .sR ::selection{background:rgba(167,13,42,.35)} /* Layout */ .tc .W{max-width:1260px;margin:0 auto;padding:0 40px}.tc .S{padding:130px 0;position:relative} .tc .g2{display:grid;grid-template-columns:1fr 1fr;gap:32px} .tc .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px} .tc .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px} .tc .g6{display:grid;grid-template-columns:repeat(6,1fr);gap:16px} .tc .sp{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start} /* Skins */ .tc .sD{background:var(--dk1)}.tc .sD2{background:var(--dk2)}.tc .sW{background:var(--l0);position:relative}.tc .sG{background:var(--l1);position:relative}.tc .sR{background:var(--red-d);position:relative} .tc .sD h2,.tc .sD h3,.tc .sD2 h2,.tc .sD2 h3{color:var(--dx1)}.tc .sD p,.tc .sD2 p{color:var(--dx2)} .tc .sW h2,.tc .sW h3,.tc .sG h2,.tc .sG h3{color:var(--lx1)}.tc .sW p,.tc .sG p{color:var(--lx2)} .tc .sR h2,.tc .sR h3{color:#fff}.tc .sR p{color:rgba(255,255,255,.9)} /* Ambient glows on light sections */ .tc .sW::before{content:'';position:absolute;top:-100px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(167,13,42,.03),transparent 70%);pointer-events:none;z-index:0} .tc .sG::before{content:'';position:absolute;bottom:-80px;left:-60px;width:350px;height:350px;background:radial-gradient(circle,rgba(167,13,42,.025),transparent 70%);pointer-events:none;z-index:0} .tc .sW .W,.tc .sG .W{position:relative;z-index:1} /* Typography */ .tc h1{font-size:clamp(52px,7vw,92px);font-weight:800;line-height:.98;letter-spacing:-3.8px;font-feature-settings:'ss01' on,'liga' on} .tc h2{font-size:clamp(34px,4.2vw,54px);font-weight:800;line-height:1.06;letter-spacing:-2.2px;font-feature-settings:'ss01' on} .tc h2 em{font-style:normal;color:var(--red);letter-spacing:-1px} .tc h3{font-size:21px;font-weight:800;line-height:1.25;letter-spacing:-.6px} .tc .lead{font-size:18.5px;line-height:1.76;font-weight:400;max-width:640px;letter-spacing:-.015em} .tc .body{font-size:15px;line-height:1.76;letter-spacing:-.005em} /* Animations */ @keyframes tc-up{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}} @keyframes tc-pulse{0%{transform:scale(.6);opacity:.7}100%{transform:scale(2.2);opacity:0}} @keyframes tc-glow{0%,100%{box-shadow:0 0 0 0 rgba(0,230,118,.5)}50%{box-shadow:0 0 0 8px rgba(0,230,118,0)}} @keyframes tc-glow-r{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.05)}} @keyframes tc-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}} @keyframes tc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}} @keyframes tc-flow{0%{stroke-dashoffset:20}100%{stroke-dashoffset:0}} /* Ambient glows */ .tc .glow{position:absolute;border-radius:50%;filter:blur(130px);opacity:.15;pointer-events:none;z-index:0} .tc .glow-1{top:-10%;right:-5%;width:550px;height:550px;background:radial-gradient(circle,var(--red) 0%,transparent 70%);animation:tc-glow-r 6s ease-in-out infinite} .tc .glow-2{bottom:10%;left:-10%;width:450px;height:450px;background:radial-gradient(circle,var(--red-d) 0%,transparent 70%)} /* Eyebrow pill */ .tc .pill{display:flex;margin-bottom:30px}.tc .pill.c{justify-content:center} .tc .eyp{display:inline-flex;align-items:center;gap:10px;background:rgba(12,7,23,.85);backdrop-filter:blur(20px);border:1px solid var(--bd2);border-radius:var(--r100);padding:8px 18px 8px 12px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.9);box-shadow:0 6px 24px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);letter-spacing:.02em} .tc .sW .eyp,.tc .sG .eyp{background:rgba(255,255,255,.85);border-color:var(--bl2);color:var(--lx2);box-shadow:0 6px 24px rgba(12,7,22,.06),inset 0 -1px 0 rgba(0,0,0,.03)} .tc .sR .eyp{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff} .tc .eyp strong{color:#fff!important;font-weight:700}.tc .sW .eyp strong,.tc .sG .eyp strong{color:var(--red)!important} .tc .eyp .el{width:18px;height:2px;background:var(--red);border-radius:2px} /* Live dot */ .tc .ldot{position:relative;width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px rgba(0,230,118,.8);flex-shrink:0;animation:tc-glow 2s ease-in-out infinite} .tc .ldot::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--green);opacity:.55;animation:tc-pulse 2.2s ease-out infinite} /* Buttons */ .tc .btn{position:relative;display:inline-flex;align-items:center;gap:10px;font-family:var(--f);font-size:14.5px;font-weight:700;letter-spacing:.015em;padding:16px 30px;border-radius:var(--r14);cursor:pointer;transition:transform .3s var(--spring),box-shadow .3s var(--ease);line-height:1;white-space:nowrap;overflow:hidden;border:none;text-decoration:none!important} .tc .btn svg{width:18px;height:18px;stroke-width:2.4;position:relative;z-index:1;flex-shrink:0}.tc .btn span{position:relative;z-index:1} .tc .btn-p{background:var(--rg);color:#fff!important;box-shadow:0 14px 35px rgba(167,13,42,.4),0 6px 16px rgba(167,13,42,.2),inset 0 1px 0 rgba(255,255,255,.22)} .tc .btn-p::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.25) 50%,transparent 75%);transform:translateX(-100%);transition:transform .65s var(--ease)} .tc .btn-p:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 45px rgba(167,13,42,.55),0 8px 20px rgba(167,13,42,.3)}.tc .btn-p:hover::before{transform:translateX(100%)} .tc .btn-p:active{transform:translateY(0) scale(.98);box-shadow:0 4px 12px rgba(167,13,42,.3),inset 0 2px 4px rgba(0,0,0,.2);transition-duration:.1s} .tc .btn-g{background:rgba(12,7,23,.6);color:#fff!important;border:1px solid var(--bd2);backdrop-filter:blur(20px);box-shadow:0 4px 16px rgba(0,0,0,.3)} .tc .btn-g:hover{background:rgba(12,7,23,.85);transform:translateY(-3px);border-color:var(--bd3);box-shadow:0 14px 36px rgba(0,0,0,.5)} .tc .sW .btn-g,.tc .sG .btn-g{background:rgba(255,255,255,.85);color:var(--lx1)!important;border-color:var(--bl2);backdrop-filter:none;box-shadow:0 2px 10px rgba(12,7,22,.04)} .tc .sW .btn-g:hover,.tc .sG .btn-g:hover{background:#fff;transform:translateY(-3px);box-shadow:0 10px 24px rgba(12,7,22,.08)} .tc .sR .btn-g{background:rgba(255,255,255,.16);color:#fff!important;border-color:rgba(255,255,255,.26)} .tc .btn-wa{background:#25D366;color:#fff!important;box-shadow:0 12px 28px rgba(37,211,102,.28),0 4px 12px rgba(37,211,102,.12);border:none} .tc .btn-wa:hover{background:#20ba5a;transform:translateY(-3px);box-shadow:0 16px 36px rgba(37,211,102,.4)} .tc .btn:focus-visible{outline:2px solid var(--red);outline-offset:3px} /* Checklist */ .tc .ck{display:flex;gap:14px;font-size:15px;font-weight:500;line-height:1.62;padding:8px 0;align-items:flex-start} .tc .ck::before{content:'✓';font-weight:900;font-size:12px;margin-top:3px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%} .tc .sD .ck::before,.tc .sD2 .ck::before{color:var(--green);background:rgba(0,230,118,.08)}.tc .sD .ck,.tc .sD2 .ck{color:var(--dx2)} .tc .sW .ck::before,.tc .sG .ck::before{color:var(--green);background:rgba(34,197,94,.08)}.tc .sW .ck,.tc .sG .ck{color:var(--lx2)} .tc .sR .ck::before{color:#ffd700;background:rgba(255,215,0,.12)}.tc .sR .ck{color:rgba(255,255,255,.88)} /* Icon box */ .tc .ico{width:44px;height:44px;border-radius:var(--r10);display:flex;align-items:center;justify-content:center;border:1px solid var(--rb);background:var(--ra);flex-shrink:0;transition:transform .3s var(--spring)} .tc .ico svg{width:20px;height:20px;color:var(--red-l)} .tc .sR .ico{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24)}.tc .sR .ico svg{color:#fff} /* Section head */ .tc .sh{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-bottom:56px} /* Breadcrumb */ .tc .ta-bc{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;margin-bottom:30px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.05em} .tc .ta-bc a{color:var(--dx3)}.tc .ta-bc a:hover{color:var(--red-l)}.tc .ta-bc .bs{color:var(--dx4);opacity:.6;font-size:10px;margin:0 4px}.tc .ta-bc .ta-bc-curr{color:var(--dx1);font-weight:700} /* ═══ HERO ═══ */ .tc .hero{background:radial-gradient(circle at 10% 20%,rgba(167,13,42,.16) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(153,0,0,.12) 0%,transparent 55%),#030008;position:relative;padding:120px 0 20px;overflow:hidden} .tc .hero::before{content:'';position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(167,13,42,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(167,13,42,.025) 1px,transparent 1px);background-size:56px 56px;pointer-events:none} .tc .hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,rgba(3,0,8,.6),transparent);pointer-events:none;z-index:0} .tc .hi{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:start;position:relative;z-index:1} .tc .hl{padding-bottom:80px} .tc .hew{display:flex;margin-bottom:28px;animation:tc-up .6s var(--ease) both} .tc .hh1{font-size:clamp(54px,7.5vw,94px);font-weight:800;line-height:.96;letter-spacing:-.05em;color:var(--dx1);animation:tc-up .7s var(--ease) .1s both} .tc .hh1 em{font-style:normal;background:var(--rg);color:#fff!important;-webkit-text-fill-color:#fff!important;padding:4px 20px;border-radius:var(--r14);box-shadow:0 12px 35px rgba(167,13,42,.55),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 2px rgba(0,0,0,.2);display:inline-block;letter-spacing:-.02em} .tc .hh1 .dim{color:rgba(255,255,255,.85);font-weight:700;font-size:.62em;display:block;margin-top:18px;letter-spacing:-.04em;opacity:.78;-webkit-text-fill-color:rgba(255,255,255,.85)} .tc .hlead{font-size:18.5px;line-height:1.76;color:var(--dx2);margin-top:24px;max-width:540px;animation:tc-up .7s var(--ease) .18s both} .tc .htrust{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0;animation:tc-up .7s var(--ease) .24s both} .tc .htr{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;padding:8px 16px;border-radius:var(--r100);transition:all .3s var(--ease)} .tc .htr:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.26);transform:translateY(-2px);box-shadow:0 4px 12px rgba(167,13,42,.15)} .tc .htr svg{width:13px;height:13px;color:var(--green);flex-shrink:0} .tc .hctas{display:flex;gap:16px;flex-wrap:wrap;animation:tc-up .7s var(--ease) .3s both} .tc .hproof{display:flex;gap:16px;align-items:center;margin-top:28px;flex-wrap:wrap;font-size:12.5px;font-weight:600;animation:tc-up .7s var(--ease) .36s both;color:rgba(255,255,255,.85)} .tc .hproof a{color:#fff;text-decoration:underline!important;font-weight:700}.tc .hproof .dot{color:rgba(255,255,255,.35)} .tc .hr{padding-top:8px;animation:tc-up .7s var(--ease) .2s both} /* ═══ HERO: Market Opportunity Card (UNIQUE to C) ═══ */ .tc .mkt-card{position:relative;border-radius:var(--r20);overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.3),0 16px 40px rgba(0,0,0,.4),0 40px 80px rgba(0,0,0,.5)} .tc .mkt-card::before{content:'';position:absolute;inset:0;padding:1.5px;background:linear-gradient(135deg,rgba(167,13,42,.6),rgba(255,255,255,.05),rgba(0,243,255,.3));border-radius:var(--r20);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2} .tc .mkt-inner{background:rgba(6,3,12,.88);backdrop-filter:blur(44px) saturate(190%);-webkit-backdrop-filter:blur(44px) saturate(190%);border-radius:calc(var(--r20) - 1px);padding:32px;position:relative;z-index:1} .tc .mkt-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--bd)} .tc .mkt-lbl{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.15em;color:var(--red-l)} .tc .mkt-ver{font-size:11px;color:var(--dx3);font-weight:650;font-family:var(--fm)} .tc .mkt-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px} .tc .mkt-item{padding:18px 16px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:var(--r14);transition:border-color .25s} .tc .mkt-item:hover{border-color:rgba(167,13,42,.2)} .tc .mkt-n{font-size:30px;font-weight:800;line-height:1;letter-spacing:-.03em;color:#fff;text-shadow:0 4px 14px rgba(167,13,42,.25);font-feature-settings:'tnum' on;margin-bottom:4px} .tc .mkt-l{font-size:10.5px;font-weight:700;color:var(--dx3);text-transform:uppercase;letter-spacing:.06em} .tc .mkt-src{font-size:9.5px;color:var(--dx4);margin-top:3px;font-family:var(--fm)} .tc .mkt-avail{display:flex;align-items:center;gap:10px;padding:16px;border-top:1px solid var(--bd);margin-top:20px;font-size:13.5px;font-weight:600;color:var(--green)} /* Hero: App Trio Mockup (3 phone screens — Customer/Provider/Admin) */ .tc .app-trio{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;position:relative} .tc .app-phone{width:72px;height:120px;border-radius:14px;border:2px solid;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.45);transition:transform .4s var(--spring)} .tc .app-phone:hover{transform:translateY(-6px) scale(1.04)} .tc .app-bar{height:14px;flex-shrink:0;border-bottom:.5px solid rgba(255,255,255,.05)} .tc .app-body{flex:1;display:flex;flex-direction:column;gap:5px;padding:8px 6px} .tc .app-line{height:3px;border-radius:2px;width:80%}.tc .app-line:nth-child(2){width:55%}.tc .app-line:nth-child(3){width:70%} .tc .app-btn{margin-top:auto;height:10px;border-radius:4px} .tc .app-lbl{text-align:center;margin-top:8px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em} .tc .app-cust{border-color:rgba(0,243,255,.4);background:rgba(6,3,14,.92)}.tc .app-cust .app-bar{background:rgba(0,243,255,.25)}.tc .app-cust .app-line{background:rgba(0,243,255,.15)}.tc .app-cust .app-btn{background:rgba(0,243,255,.3)}.tc .app-cust+.app-lbl{color:var(--teal)} .tc .app-prov{border-color:rgba(167,13,42,.5);background:linear-gradient(160deg,rgba(167,13,42,.12),rgba(6,3,14,.92));box-shadow:0 16px 36px rgba(167,13,42,.2);animation:tc-float 4.5s ease-in-out infinite}.tc .app-prov .app-bar{background:rgba(167,13,42,.5)}.tc .app-prov .app-line{background:rgba(255,255,255,.2)}.tc .app-prov .app-btn{background:var(--rg)}.tc .app-prov+.app-lbl{color:var(--red-l)} .tc .app-admin{border-color:rgba(0,230,118,.3);background:rgba(6,3,14,.92)}.tc .app-admin .app-bar{background:rgba(0,230,118,.2)}.tc .app-admin .app-line{background:rgba(0,230,118,.12)}.tc .app-admin .app-btn{background:rgba(0,230,118,.25)}.tc .app-admin+.app-lbl{color:var(--green)} /* ═══ STRIP ═══ */ .tc .hstrip{background:var(--l0);padding:34px 0;position:relative;z-index:1;box-shadow:0 -1px 0 rgba(167,13,42,.1),0 16px 48px rgba(12,7,22,.07)} .tc .hsr{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:16px} .tc .hsi strong{display:block;font-size:20px;font-weight:800;line-height:1.1;letter-spacing:-.03em;background:linear-gradient(135deg,var(--red-d),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 8px rgba(167,13,42,.1)} .tc .hsi span{display:block;font-size:9.5px;font-weight:700;color:var(--lx3);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-family:var(--fm)} .tc .hsep{width:1px;height:36px;background:var(--bl2);flex-shrink:0} /* ═══ TRUST BAR ═══ */ .tc .tbar{padding:48px 0;border-bottom:1px solid var(--bd)} .tc .tbrow{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 48px;justify-items:center} .tc .titem{display:flex;align-items:center;gap:14px;transition:transform .3s var(--spring)}.tc .titem:hover{transform:translateY(-2px)}.tc .titem:hover .ico{transform:scale(1.08) rotate(3deg)} .tc .titem h4{font-size:14.5px;font-weight:800;color:var(--dx1);letter-spacing:-.01em}.tc .titem p{font-size:12.5px;color:var(--dx2);margin-top:4px;font-weight:500} /* ═══ S03: MARKET DATA CARDS (UNIQUE to C) ═══ */ .tc .data-card{border:1px solid transparent;border-radius:var(--r20);padding:32px;background-image:linear-gradient(var(--l0),var(--l0)),linear-gradient(135deg,rgba(12,7,22,.06),rgba(167,13,42,.15));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 1px 2px rgba(12,7,22,.04),0 4px 12px rgba(12,7,22,.02),0 8px 24px rgba(12,7,22,.01);transition:all .45s var(--spring);position:relative;overflow:hidden} .tc .data-card:hover{transform:translateY(-8px);background-image:linear-gradient(var(--l0),var(--l0)),linear-gradient(135deg,rgba(167,13,42,.45),rgba(167,13,42,.08));box-shadow:0 4px 8px rgba(167,13,42,.04),0 12px 28px rgba(167,13,42,.06),0 28px 56px rgba(12,7,22,.05)} .tc .data-card::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(167,13,42,.04),transparent 40%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:0} .tc .data-card:hover::after{opacity:1} .tc .data-n{font-size:42px;font-weight:800;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,var(--red-d),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;font-feature-settings:'tnum' on;margin-bottom:8px} .tc .data-l{font-size:14px;font-weight:700;color:var(--lx1);margin-bottom:6px;letter-spacing:-.01em} .tc .data-d{font-size:13px;line-height:1.6;color:var(--lx3);margin-bottom:10px} .tc .data-src{font-size:10px;font-weight:700;color:var(--lx4);font-family:var(--fm);text-transform:uppercase;letter-spacing:.06em} /* ═══ S04: SOLUTION CARDS ═══ */ .tc .sol-card{display:block;text-decoration:none!important;border:1px solid transparent;border-radius:var(--r20);overflow:hidden;background-image:linear-gradient(var(--l0),var(--l0)),linear-gradient(135deg,rgba(12,7,22,.04),rgba(167,13,42,.08));background-origin:border-box;background-clip:padding-box,border-box;transition:all .45s var(--spring);box-shadow:0 1px 2px rgba(12,7,22,.04),0 4px 12px rgba(12,7,22,.02)} .tc .sol-card:hover{transform:translateY(-8px);background-image:linear-gradient(var(--l0),var(--l0)),linear-gradient(135deg,rgba(167,13,42,.4),rgba(167,13,42,.06));box-shadow:0 4px 8px rgba(167,13,42,.04),0 12px 28px rgba(167,13,42,.06),0 28px 56px rgba(12,7,22,.05)} .tc .sol-vis{height:130px;position:relative;overflow:hidden;border-bottom:1px solid var(--bl2);display:flex;align-items:center;justify-content:center} .tc .sol-vis.v1{background:linear-gradient(135deg,rgba(167,13,42,.12),rgba(153,0,0,.03))}.tc .sol-vis.v2{background:linear-gradient(135deg,rgba(0,243,255,.12),rgba(0,243,255,.03))}.tc .sol-vis.v3{background:linear-gradient(135deg,rgba(0,230,118,.12),rgba(0,230,118,.03))}.tc .sol-vis.v4{background:linear-gradient(135deg,rgba(153,0,0,.12),rgba(153,0,0,.03))}.tc .sol-vis.v5{background:linear-gradient(135deg,rgba(147,51,234,.12),rgba(147,51,234,.03))}.tc .sol-vis.v6{background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(245,158,11,.03))} .tc .sol-pill{position:absolute;top:16px;right:16px;background:rgba(12,7,23,.76);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:var(--r100);padding:5px 14px;font-size:10px;font-weight:850;color:#fff;text-transform:uppercase;letter-spacing:.1em} .tc .sol-ico{width:56px;height:56px;border-radius:var(--r14);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.75);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.65);box-shadow:0 6px 20px rgba(12,7,22,.06);transition:transform .35s var(--spring)} .tc .sol-card:hover .sol-ico{transform:scale(1.1) rotate(4deg)} .tc .sol-ico svg{width:26px;height:26px} .tc .sol-body{padding:26px} .tc .sol-cat{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--red);margin-bottom:12px} .tc .sol-card h3{font-size:19px;font-weight:800;color:var(--lx1);letter-spacing:-.02em;margin-bottom:8px} .tc .sol-card p{font-size:13.5px;line-height:1.68;color:var(--lx2);margin-bottom:12px} .tc .sol-chips{display:flex;gap:8px;flex-wrap:wrap} .tc .sol-chip{font-size:11px;font-weight:700;padding:5px 12px;border-radius:var(--r6);background:rgba(167,13,42,.05);color:var(--red);border:1px solid rgba(167,13,42,.12);font-family:var(--fm);letter-spacing:.02em} /* ═══ S05: 3-PANEL APP FEATURES (UNIQUE to C) ═══ */ .tc .app-panel{background:var(--card);border:1px solid var(--bd2);border-radius:var(--r20);overflow:hidden;backdrop-filter:blur(20px);box-shadow:0 4px 8px rgba(0,0,0,.3),0 16px 40px rgba(0,0,0,.4);transition:all .4s var(--spring);position:relative} .tc .app-panel::before{content:'';position:absolute;inset:0;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent,rgba(255,255,255,.02));border-radius:var(--r20);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none} .tc .app-panel:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.5)} .tc .ap-head{padding:22px 28px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.02)} .tc .ap-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0} .tc .ap-dot.cust{background:var(--teal);box-shadow:0 0 8px var(--teal)}.tc .ap-dot.prov{background:var(--red-l);box-shadow:0 0 8px var(--red)}.tc .ap-dot.admin{background:var(--green);box-shadow:0 0 8px var(--green)} .tc .ap-title{font-size:14px;font-weight:800;color:var(--dx1);letter-spacing:-.01em} .tc .ap-count{margin-left:auto;font-size:10px;font-weight:800;color:var(--dx4);background:rgba(255,255,255,.04);padding:3px 10px;border-radius:var(--r100);font-family:var(--fm)} .tc .ap-list{padding:24px 28px;display:flex;flex-direction:column;gap:0} .tc .ap-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bd);font-size:13.5px;color:var(--dx2);font-weight:500;transition:transform .2s} .tc .ap-item:last-child{border-bottom:none} .tc .ap-item:hover{transform:translateX(4px)} .tc .ap-check{width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:9px;font-weight:900} .tc .ap-check.cust{background:rgba(0,243,255,.1);color:var(--teal);border:1px solid rgba(0,243,255,.2)} .tc .ap-check.prov{background:rgba(167,13,42,.08);color:var(--red-l);border:1px solid rgba(167,13,42,.15)} .tc .ap-check.admin{background:rgba(0,230,118,.08);color:var(--green);border:1px solid rgba(0,230,118,.15)} /* ═══ S06: HOW IT WORKS — Vertical-specific flow ═══ */ .tc .flow-step{display:flex;gap:24px;align-items:flex-start;padding:28px 0;border-bottom:1px solid var(--bl2);transition:transform .2s} .tc .flow-step:last-child{border-bottom:none} .tc .flow-step:hover{transform:translateX(4px)} .tc .flow-num{width:44px;height:44px;border-radius:50%;background:var(--rg);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:850;flex-shrink:0;box-shadow:0 8px 24px rgba(167,13,42,.3);position:relative} .tc .flow-num::before{content:'';position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(167,13,42,.2)} .tc .flow-step h3{font-size:17px;font-weight:800;color:var(--lx1);margin-bottom:8px;letter-spacing:-.02em} .tc .flow-step p{font-size:14px;line-height:1.7;color:var(--lx2)} /* ═══ S07: REVENUE MODEL (UNIQUE to C) ═══ */ .tc .rev-stream{border:1px solid transparent;border-radius:var(--r20);padding:28px;background-image:linear-gradient(var(--l0),var(--l0)),linear-gradient(135deg,rgba(12,7,22,.04),rgba(167,13,42,.1));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 1px 2px rgba(12,7,22,.04),0 4px 12px rgba(12,7,22,.02);transition:all .45s var(--spring);position:relative;overflow:hidden} .tc .rev-stream:hover{transform:translateY(-8px);background-image:linear-gradient(var(--l0),var(--l0)),linear-gradient(135deg,rgba(167,13,42,.4),rgba(167,13,42,.06));box-shadow:0 4px 8px rgba(167,13,42,.04),0 12px 28px rgba(167,13,42,.06),0 28px 56px rgba(12,7,22,.05)} .tc .rs-icon{width:48px;height:48px;border-radius:var(--r14);background:var(--ra);border:1px solid var(--rb);display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:transform .3s var(--spring)} .tc .rev-stream:hover .rs-icon{transform:scale(1.1) rotate(4deg)} .tc .rs-icon svg{width:22px;height:22px;color:var(--red)} .tc .rev-stream h3{font-size:17px;font-weight:800;color:var(--lx1);margin-bottom:8px;letter-spacing:-.02em} .tc .rev-stream p{font-size:13px;line-height:1.65;color:var(--lx2);margin-bottom:12px} .tc .rs-example{font-size:11.5px;font-weight:700;color:var(--red);font-family:var(--fm);letter-spacing:.02em} /* ═══ S08: TECH STACK SPLIT — light version ═══ */ .tc .two-col{display:grid;grid-template-columns:1fr 1fr} .tc .tc-panel{padding:130px 90px;display:flex;align-items:flex-start} .tc .tc-inner{width:100%;max-width:560px} .tc .two-col .tc-panel:first-child .tc-inner{margin-left:auto;margin-right:0} .tc .two-col .tc-panel:last-child .tc-inner{margin-left:0;margin-right:auto} .tc .qs-dark{background:var(--dk1);position:relative} .tc .qs-dark::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0% 100%,rgba(167,13,42,.08) 0%,transparent 68%);pointer-events:none} .tc .qs-dark h2{color:var(--dx1)}.tc .qs-dark h2 em{color:var(--red-l)}.tc .qs-dark .lead{color:var(--dx2)}.tc .qs-dark .eyp{background:rgba(8,4,12,.75);border-color:var(--bd2)}.tc .qs-dark .eyp strong{color:#fff}.tc .qs-dark .el{background:var(--red)} .tc .qs-red{background:var(--red-d);position:relative;overflow:hidden} .tc .qs-red::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,rgba(167,13,42,.35) 0%,transparent 68%);pointer-events:none} .tc .qs-red .tc-inner{position:relative;z-index:1} .tc .stki-light{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:var(--r14);padding:22px 18px;text-align:center;transition:all .35s var(--ease);backdrop-filter:blur(10px)} .tc .stki-light:hover{transform:translateY(-5px);border-color:rgba(167,13,42,.3);box-shadow:0 12px 28px rgba(0,0,0,.3);background:rgba(255,255,255,.08)} .tc .stki-light .stlogo{width:42px;height:42px;border-radius:var(--r10);border:1px solid var(--bd2);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:12px;font-weight:850;background:rgba(255,255,255,.04);color:var(--red-l)} .tc .stki-light .stname{font-size:13px;font-weight:800;color:var(--dx1);margin-bottom:4px} .tc .stki-light .stdesc{font-size:10.5px;color:var(--dx3)} /* Case study split */ .tc .cs-dark{background:var(--dk1);position:relative} .tc .cs-dark::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0% 100%,rgba(167,13,42,.08) 0%,transparent 68%);pointer-events:none} .tc .cs-dark .tc-inner{position:relative;z-index:1} .tc .cs-dark h2{color:var(--dx1)}.tc .cs-dark h2 em{color:var(--red-l)}.tc .cs-dark .body{color:var(--dx2)}.tc .cs-dark .eyp{background:rgba(8,4,12,.75);border-color:var(--bd2)}.tc .cs-dark .eyp strong{color:#fff}.tc .cs-dark .el{background:var(--red)} .tc .csr{display:flex;gap:20px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--bd)}.tc .csr:last-child{border-bottom:none} .tc .csn{width:40px;height:40px;border-radius:var(--r10);display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:850;flex-shrink:0;background:var(--ra);color:var(--red-l);border:1px solid var(--rb);transition:transform .3s} .tc .csr:hover .csn{transform:scale(1.08) rotate(3deg)} .tc .cst{font-size:16px;font-weight:800;margin-bottom:8px;color:var(--dx1);letter-spacing:-.01em} .tc .csb{font-size:13.8px;line-height:1.7;color:var(--dx2)} .tc .rbar{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px} .tc .rpill{padding:16px 20px;border-radius:var(--r10);text-align:center;background:rgba(255,255,255,.03);border:1px solid var(--bd);transition:all .28s var(--ease)} .tc .rpill:hover{border-color:rgba(167,13,42,.4);background:rgba(167,13,42,.08);transform:translateY(-3px)} .tc .rpill strong{display:block;font-size:24px;font-weight:800;color:var(--red-l);letter-spacing:-.03em;text-shadow:0 2px 10px rgba(167,13,42,.2)} .tc .rpill span{display:block;font-size:11px;color:var(--dx3);margin-top:4px;font-weight:700;text-transform:uppercase;letter-spacing:.08em} .tc .cs-grey{background:var(--l2);position:relative;overflow:hidden} .tc .cs-grey::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,rgba(167,13,42,.04) 0%,transparent 60%);pointer-events:none} .tc .cs-grey .tc-inner{position:relative;z-index:1} .tc .testi{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r20);padding:36px;box-shadow:0 12px 40px rgba(12,7,22,.05);transition:transform .3s var(--spring),box-shadow .3s var(--ease)} .tc .testi:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(12,7,22,.08)} .tc .tlbl{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.14em;color:var(--red);margin-bottom:16px} .tc .tq{font-size:16px;font-weight:550;line-height:1.76;font-style:italic;color:var(--lx1);letter-spacing:-.01em;position:relative;padding-left:20px} .tc .tq::before{content:'"';position:absolute;left:-4px;top:-12px;font-size:56px;font-weight:800;color:rgba(167,13,42,.12);line-height:1;font-family:Georgia,serif} .tc .tau{display:flex;align-items:center;gap:14px;padding-top:20px;margin-top:20px;border-top:1px solid var(--bl2)} .tc .tav{width:44px;height:44px;border-radius:50%;background:var(--ra);border:1px solid var(--rb);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:850;color:var(--red)} .tc .tnm{font-size:15px;font-weight:850;color:var(--lx1)}.tc .trl{font-size:12.8px;color:var(--lx3);margin-top:2px} .tc .tvfy{margin-top:20px;padding:14px 18px;background:var(--l1);border-radius:var(--r10);font-weight:700;border:1px solid var(--bl2)} .tc .proj-brief{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r20);padding:26px 30px;box-shadow:0 12px 40px rgba(12,7,22,.05);transition:transform .3s var(--spring),box-shadow .3s} .tc .proj-brief:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(12,7,22,.07)} .tc .pb-title{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.14em;color:var(--red);margin-bottom:16px} .tc .pb-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--bl2)}.tc .pb-row:last-child{border-bottom:none} .tc .pb-label{color:var(--lx3);font-weight:600;font-size:13.5px}.tc .pb-val{color:var(--lx1);font-weight:800;font-size:13.5px} /* ═══ DELIVERY PROCESS ═══ */ .tc .del-step{display:flex;gap:20px;align-items:flex-start;padding:24px 0;border-bottom:1px solid var(--bd)} .tc .del-step:last-child{border-bottom:none} .tc .del-step:hover{transform:translateX(4px)} .tc .del-num{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:850;flex-shrink:0} .tc .del-step h4{font-size:15px;font-weight:800;color:var(--dx1);margin-bottom:6px} .tc .del-step p{font-size:13px;line-height:1.7;color:var(--dx2)} .tc .del-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px} .tc .del-pill{padding:14px 24px;border-radius:var(--r14);text-align:center;background:rgba(255,255,255,.03);border:1px solid var(--bd);transition:all .3s var(--spring)} .tc .del-pill:hover{transform:translateY(-3px);border-color:rgba(167,13,42,.3);box-shadow:0 12px 28px rgba(0,0,0,.3)} .tc .del-pill strong{display:block;font-size:20px;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(167,13,42,.2);font-feature-settings:'tnum' on} .tc .del-pill span{display:block;font-size:10px;color:var(--dx3);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-family:var(--fm)} /* ═══ PRICING ═══ */ .tc .pcrd{background:var(--l0);border:1px solid transparent;border-radius:var(--r20);padding:44px 34px;position:relative;transition:all .45s var(--spring);overflow:hidden;background-image:linear-gradient(var(--l0),var(--l0)),linear-gradient(135deg,rgba(12,7,22,.04),rgba(167,13,42,.08));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 1px 2px rgba(12,7,22,.04),0 4px 12px rgba(12,7,22,.02)} .tc .pcrd::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--rg);opacity:0;transition:opacity .3s} .tc .pcrd:hover{transform:translateY(-8px);background-image:linear-gradient(var(--l0),var(--l0)),linear-gradient(135deg,rgba(167,13,42,.4),rgba(167,13,42,.06));box-shadow:0 4px 8px rgba(167,13,42,.04),0 12px 28px rgba(167,13,42,.06),0 28px 56px rgba(12,7,22,.05)} .tc .pcrd:hover::before{opacity:1} .tc .pcrd.hot{background-image:linear-gradient(var(--l1),var(--l1)),linear-gradient(135deg,rgba(167,13,42,.6),rgba(167,13,42,.2));box-shadow:0 20px 50px rgba(167,13,42,.12)} .tc .pcrd.hot::before{opacity:1} .tc .ptag{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;padding:5px 18px;border-radius:0 0 8px 8px;box-shadow:0 2px 8px rgba(167,13,42,.25)} .tc .pname{font-size:19px;font-weight:800;color:var(--lx1);margin-bottom:14px;letter-spacing:-.02em} .tc .pamt{font-size:40px;font-weight:850;line-height:1;margin-bottom:10px;letter-spacing:-.04em;background:linear-gradient(135deg,var(--red-d),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;font-feature-settings:'tnum' on,'ss01' on} .tc .pnote{font-size:12.8px;color:var(--lx3);margin-bottom:26px;font-weight:600} .tc .pcrd ul{display:flex;flex-direction:column;gap:11px;margin-bottom:32px} .tc .pcrd li{position:relative;padding-left:26px;font-size:13.8px;line-height:1.6;color:var(--lx2);font-weight:550} .tc .pcrd li::before{content:'✓';position:absolute;left:0;font-weight:900;color:var(--green);font-size:12px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:rgba(0,230,118,.08);border-radius:50%;margin-top:2px} .tc .hnote{padding:18px 24px;font-size:13.8px;color:var(--lx2);background:rgba(167,13,42,.03);border:1px solid rgba(167,13,42,.12);border-left:5px solid var(--red);border-radius:0 var(--r14) var(--r14) 0;box-shadow:-4px 0 16px rgba(167,13,42,.08),0 4px 16px rgba(12,7,22,.03)} /* Related / FAQ / CTA */ .tc .rcrd{display:flex;align-items:center;gap:18px;border:1px solid transparent;border-radius:var(--r14);padding:22px 24px;transition:all .35s var(--spring);background-image:linear-gradient(var(--l0),var(--l0)),linear-gradient(135deg,rgba(12,7,22,.03),rgba(167,13,42,.06));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 4px 16px rgba(12,7,22,.02)} .tc .rcrd:hover{transform:translateX(6px);background-image:linear-gradient(var(--l0),var(--l0)),linear-gradient(135deg,rgba(167,13,42,.35),rgba(167,13,42,.06));box-shadow:0 20px 45px rgba(167,13,42,.1)} .tc .rict{width:44px;height:44px;border-radius:var(--r10);display:flex;align-items:center;justify-content:center;background:var(--ra);border:1px solid var(--rb);flex-shrink:0;transition:transform .3s var(--spring)} .tc .rcrd:hover .rict{transform:scale(1.1) rotate(4deg)}.tc .rict svg{width:20px;height:20px;color:var(--red)} .tc .rcat{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;color:var(--lx3);margin-bottom:5px} .tc .rtit{font-size:15px;font-weight:800;color:var(--lx1);letter-spacing:-.01em} .tc .fitem{border:1px solid transparent;border-radius:var(--r14);overflow:hidden;background-image:linear-gradient(var(--l0),var(--l0)),linear-gradient(135deg,rgba(12,7,22,.03),rgba(167,13,42,.06));background-origin:border-box;background-clip:padding-box,border-box;transition:box-shadow .4s,border-color .3s;box-shadow:0 4px 16px rgba(0,0,0,.01)} .tc .fitem:hover{background-image:linear-gradient(var(--l0),var(--l0)),linear-gradient(135deg,rgba(167,13,42,.3),rgba(167,13,42,.06));box-shadow:0 16px 36px rgba(12,7,22,.06)} .tc .fq{font-size:16px;font-weight:800;line-height:1.35;color:var(--lx1);padding:24px 28px 0;letter-spacing:-.02em} .tc .faq-a{font-size:14px;line-height:1.74;color:var(--lx2);padding:12px 28px 24px;font-weight:500} .tc .ctawrap{display:flex;align-items:center;justify-content:space-between;gap:64px;flex-wrap:wrap} .tc .ctal{flex:1;min-width:280px}.tc .ctar{display:flex;flex-direction:column;gap:14px;flex-shrink:0;min-width:260px} .tc .ctapr{display:flex;gap:36px;margin-top:32px;flex-wrap:wrap} .tc .ctapr strong{display:block;font-size:28px;font-weight:850;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,var(--red-d),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none} .tc .ctapr span{display:block;font-size:11.5px;color:var(--lx3);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;font-weight:700} .tc .ctanote{font-size:12.8px;color:var(--lx3);text-align:center;font-weight:600} /* Section dividers */ .tc #trust{border-top:1px solid rgba(167,13,42,.08)}.tc #market{border-top:1px solid rgba(167,13,42,.04)}.tc #solutions{border-top:1px solid rgba(12,7,22,.04)}.tc #included{border-top:none}.tc #flow{border-top:1px solid rgba(167,13,42,.04)}.tc #revenue{border-top:1px solid rgba(12,7,22,.04)}.tc #related{border-top:1px solid rgba(167,13,42,.04)}.tc #faq{border-top:1px solid rgba(12,7,22,.04)} /* ═══ RESPONSIVE ═══ */ @media(max-width:1100px){.tc .hi,.tc .sp{grid-template-columns:1fr;gap:48px}.tc .hr{display:block;margin-top:48px}.tc .hl{padding-bottom:0}.tc .g4,.tc .g6{grid-template-columns:1fr 1fr}.tc .ctawrap{flex-direction:column;align-items:flex-start;gap:40px}.tc .ctar{width:100%}.tc .two-col{grid-template-columns:1fr}.tc .tc-panel{padding:68px 40px}.tc .tc-panel .tc-inner{max-width:none;margin:0}.tc .hsr{flex-wrap:wrap;justify-content:center;gap:20px 24px}.tc .hsep{display:none}.tc .tbrow{gap:24px 32px}} @media(max-width:900px){.tc .g4{grid-template-columns:1fr 1fr}.tc .g6{grid-template-columns:repeat(3,1fr)}} @media(max-width:768px){.tc .W{padding:0 24px}.tc .S{padding:80px 0}.tc h2{font-size:28px;letter-spacing:-1px}.tc .hh1{font-size:38px;line-height:1.08;letter-spacing:-1.5px}.tc .hero{padding:60px 0 0}.tc .hctas{flex-direction:column;width:100%}.tc .hctas .btn{width:100%;justify-content:center;padding:18px 24px;font-size:15px}.tc .hstrip{padding:24px 0}.tc .hsr{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.tc .tbar{padding:32px 0}.tc .tbrow{grid-template-columns:1fr 1fr;gap:16px}.tc .g3{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto;gap:20px}.tc .g2{grid-template-columns:1fr}.tc .tc-panel{padding:56px 28px}.tc .pcrd{padding:32px 24px}.tc .sh{flex-direction:column;align-items:flex-start;gap:16px}.tc .ctar .btn{width:100%;justify-content:center}.tc .ctapr{gap:16px}.tc .ctapr strong{font-size:22px}.tc .app-trio{gap:8px}.tc .app-phone{width:60px;height:100px;border-radius:10px}} @media(max-width:640px){.tc .tbrow{grid-template-columns:1fr;gap:12px}.tc .tc-panel{padding:48px 22px}.tc .g6{grid-template-columns:1fr 1fr}.tc .del-pills{gap:8px}.tc .del-pill{padding:12px 18px}.tc .del-pill strong{font-size:16px}} @media(max-width:480px){.tc .W{padding:0 16px}.tc .S{padding:60px 0}.tc .hh1{font-size:clamp(30px,8vw,36px);letter-spacing:-1px}.tc h2{font-size:clamp(22px,6vw,26px);letter-spacing:-.5px}.tc .hero{padding:44px 0 0}.tc .ta-bc{display:none}.tc .tc-panel{padding:40px 16px}.tc .pcrd{padding:28px 18px}.tc .pamt{font-size:34px}.tc .fq{font-size:14px;padding:18px 20px 0}.tc .faq-a{font-size:13px;padding:10px 20px 18px}.tc .btn{font-size:14px;padding:16px 24px}.tc .app-phone{width:52px;height:86px;border-radius:8px}.tc .mkt-inner{padding:22px}.tc .mkt-n{font-size:24px}.tc .data-card{padding:24px}.tc .data-n{font-size:32px}.tc .rev-stream{padding:22px}.tc .g6{grid-template-columns:1fr}} @media(max-width:380px){.tc .hh1{font-size:28px}.tc h2{font-size:21px}.tc .hsr{grid-template-columns:1fr}.tc .pamt{font-size:30px}} /* ═══ ICP CARDS (S08 Who This Is For) ═══ */ .tc .icp-card{border:1px solid transparent;border-radius:var(--r20);padding:32px 28px;background-image:linear-gradient(var(--l0),var(--l0)),linear-gradient(135deg,rgba(12,7,22,.06),rgba(167,13,42,.15));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 1px 2px rgba(12,7,22,.04),0 4px 12px rgba(12,7,22,.02);transition:all .45s var(--spring);position:relative;overflow:hidden} .tc .icp-card:hover{transform:translateY(-8px);background-image:linear-gradient(var(--l0),var(--l0)),linear-gradient(135deg,rgba(167,13,42,.45),rgba(167,13,42,.08));box-shadow:0 4px 8px rgba(167,13,42,.04),0 12px 28px rgba(167,13,42,.06),0 28px 56px rgba(12,7,22,.05)} .tc .icp-icon{width:52px;height:52px;border-radius:var(--r14);background:var(--ra);border:1px solid var(--rb);display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:transform .3s var(--spring)} .tc .icp-card:hover .icp-icon{transform:scale(1.1) rotate(4deg)} .tc .icp-icon svg{width:24px;height:24px;color:var(--red)} .tc .icp-card h3{font-size:18px;font-weight:800;color:var(--lx1);margin-bottom:10px;letter-spacing:-.02em} .tc .icp-card p{font-size:13.5px;line-height:1.68;color:var(--lx2);margin-bottom:14px} .tc .icp-examples{font-size:12px;color:var(--lx3);padding-top:14px;border-top:1px solid var(--bl2);font-weight:600} .tc .icp-examples strong{color:var(--red);font-weight:800} /* ═══ COMPETITIVE ROWS (S09 Why Miracuves) ═══ */ .tc .comp-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:var(--r14);padding:16px 22px;transition:all .3s var(--ease);margin-bottom:8px} .tc .comp-row:last-child{margin-bottom:0} .tc .comp-row:hover{background:rgba(255,255,255,.08);border-color:rgba(167,13,42,.35);transform:translateX(6px);box-shadow:0 10px 24px rgba(0,0,0,.25)} .tc .comp-label{font-size:14px;font-weight:650;color:var(--dx1)} .tc .comp-us{font-size:12px;font-weight:800;color:var(--green);background:rgba(0,230,118,.06);border:1px solid rgba(0,230,118,.15);padding:4px 12px;border-radius:var(--r6);font-family:var(--fm);letter-spacing:.02em} .tc .comp-them{font-size:12px;font-weight:700;color:var(--dx4);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);padding:4px 12px;border-radius:var(--r6);font-family:var(--fm);letter-spacing:.02em} /* Why points on red side */ .tc .why-point{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08)} .tc .why-point:last-child{border-bottom:none} .tc .why-num{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:850;flex-shrink:0} .tc .why-point h4{font-size:15px;font-weight:800;color:#fff;margin-bottom:6px} .tc .why-point p{font-size:13px;line-height:1.65;color:rgba(255,255,255,.82)} /* ═══ REVIEW CARDS (S14 Client Reviews) ═══ */ .tc .rev-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:var(--r20);padding:34px;transition:all .35s var(--ease);box-shadow:0 8px 30px rgba(0,0,0,.25);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:14px} .tc .rev-card:hover{background:rgba(255,255,255,.05);border-color:rgba(167,13,42,.35);transform:translateY(-8px);box-shadow:0 30px 60px rgba(167,13,42,.12),0 10px 30px rgba(0,0,0,.45)} .tc .rev-stars{color:#ffe644;font-size:16px;letter-spacing:2px;text-shadow:0 0 10px rgba(255,230,68,.3)} .tc .rev-source{color:rgba(255,255,255,.7);font-size:11.5px;font-weight:750;text-transform:uppercase;letter-spacing:.1em} .tc .rev-quote{color:#fff;font-size:15px;line-height:1.76;font-style:italic;font-weight:500;flex:1} .tc .rev-author{display:flex;align-items:center;gap:16px;padding-top:20px;margin-top:auto;border-top:1px solid rgba(255,255,255,.06)} .tc .rev-av{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:850;color:#fff} .tc .rev-name{color:#fff;font-weight:800;font-size:14.5px} .tc .rev-role{color:rgba(255,255,255,.6);font-size:12.5px;margin-top:2px} .tc .rev-tag{font-size:11px;color:var(--red-l);font-weight:750;text-transform:uppercase;letter-spacing:.06em} .tc .rev-summary{display:flex;align-items:center;gap:32px;flex-wrap:wrap;background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r14);padding:24px 36px;box-shadow:0 8px 24px rgba(12,7,22,.02)} .tc .rev-sum-item strong{font-size:24px;font-weight:850;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(135deg,var(--red-d),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .tc .rev-sum-item span{display:block;font-size:11.5px;color:var(--lx3);text-transform:uppercase;letter-spacing:.08em;margin-top:5px;font-weight:700} .tc .rev-sum-sep{width:1px;height:42px;background:var(--bl2);flex-shrink:0} /* ═══ FULL 16-ITEM TECH STACK ═══ */ .tc .stack16{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .tc .stki{background:var(--card);border:1px solid var(--bd);border-radius:var(--r14);padding:28px 22px;text-align:center;transition:all .35s var(--ease);backdrop-filter:blur(20px);position:relative} .tc .stki::before{content:'';position:absolute;inset:0;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent,rgba(255,255,255,.02));border-radius:var(--r14);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none} .tc .stki:hover{transform:translateY(-6px);border-color:var(--red);box-shadow:0 20px 40px rgba(167,13,42,.12)} .tc .stki .stlogo{width:50px;height:50px;border-radius:var(--r10);border:1px solid var(--bd2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:14px;font-weight:850;background:rgba(255,255,255,.06);color:var(--red-l);transition:transform .3s var(--spring)} .tc .stki:hover .stlogo{transform:scale(1.1) rotate(4deg)} .tc .stki .stname{font-size:14px;font-weight:800;color:var(--dx1);margin-bottom:6px;letter-spacing:-.01em} .tc .stki .stdesc{font-size:11px;line-height:1.5;color:var(--dx3);font-weight:500} /* Responsive additions for new components */ @media(max-width:768px){ .tc .g4.icp-grid{grid-template-columns:1fr 1fr} .tc .rev-summary{flex-direction:column;align-items:center;gap:20px;text-align:center} .tc .rev-sum-sep{display:none} .tc .stack16{grid-template-columns:repeat(2,1fr);gap:14px} .tc .comp-row{flex-direction:column;align-items:flex-start;gap:8px} } @media(max-width:640px){ .tc .g4.icp-grid{grid-template-columns:1fr} } @media(max-width:480px){ .tc .stack16{grid-template-columns:1fr} .tc .icp-card{padding:24px 20px} .tc .rev-card{padding:24px} .tc .why-point h4{font-size:13px} .tc .why-point p{font-size:12px} } /* SEO upgrade sections — Type C */ .tc .mrow{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:13px;color:var(--lx3)} .tc .mrow svg{width:16px;height:16px;stroke:var(--lx4);flex-shrink:0} .tc .mrow a{color:var(--red);font-weight:700} .tc .sp5050a{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start} .tc .sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px} .tc .scard{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r14);padding:20px;text-align:center} .tc .scard .sn{font-size:24px;font-weight:800;color:var(--lx1);letter-spacing:-.5px} .tc .scard .sl{font-size:12px;color:var(--lx3);margin-top:6px;line-height:1.4} .tc .anote{margin-top:28px;padding:24px;border-left:3px solid var(--red);background:var(--l1);border-radius:0 var(--r14) var(--r14) 0} .tc .anh{font-size:12px;font-weight:800;color:var(--red);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px} .tc #architecture .arch-card{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r14);padding:24px;margin-bottom:16px;box-shadow:0 4px 16px rgba(12,7,22,.02)} .tc #architecture .arch-card h4{color:var(--lx1);font-size:15px;font-weight:700;margin-bottom:8px} .tc #architecture .arch-card p{color:var(--lx2);font-size:13px;line-height:1.65} .tc #architecture .arch-link{margin-top:20px;display:inline-flex;align-items:center;gap:8px;color:var(--red);font-weight:700;font-size:14px} .tc .arch-card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r14);padding:24px;margin-bottom:16px} .tc .arch-card h4{color:var(--dx2);font-size:15px;font-weight:700;margin-bottom:8px} .tc .arch-card p{color:var(--dx3);font-size:13px;line-height:1.65} .tc .arch-link{margin-top:20px;display:inline-flex;align-items:center;gap:8px;color:var(--red-l);font-weight:700;font-size:14px} .tc .vstep{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08)} .tc .vstep:last-child{border-bottom:none} .tc .vstep-nb{width:36px;height:36px;border-radius:50%;background:rgba(167,13,42,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0} .tc .vstep h4{color:#fff;font-size:15px;font-weight:700;margin-bottom:6px} .tc .vstep p{color:rgba(255,255,255,.75);font-size:13px;line-height:1.6} .tc .qsteps{margin-top:8px} .tc .dbx{background:var(--l1);border:1px solid var(--bl2);border-radius:var(--r14);padding:24px} .tc .dlbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em} .tc .qrow{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:var(--r10);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px} .tc .qrow .qn{color:var(--dx2);font-size:14px;font-weight:500;flex:1} .tc .qrow .qb{font-size:11px;font-weight:800;color:var(--red-l);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0} .tc .fitem .faq-a{font-family:var(--f)!important;text-transform:none!important;letter-spacing:normal!important;font-style:normal!important} .tc .rev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;width:100%} .tc .sR .rev-summary{width:100%;box-sizing:border-box} .tc .sR .rev-summary .btn-p{margin-left:auto;flex-shrink:0;background:var(--rg)!important;color:#fff!important;border:none!important;box-shadow:0 10px 28px rgba(167,13,42,.35)} .tc .sR a.rev-tag{display:inline-block;color:#ffe644!important;text-decoration:none!important;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;transition:opacity .25s} .tc .sR a.rev-tag:hover{opacity:.85;text-decoration:underline!important} .tc .sR .rev-tag{color:#ffe644} .tc .body{font-size:15px;line-height:1.7;color:var(--lx2)} .tc .sD .body,.tc .sD2 .body{color:var(--dx2)} /* What's Included — dark section, readable 2-col feature grid */ .tc #included.sD{padding:100px 0} .tc #included .included-lead{color:var(--dx2)!important;line-height:1.75} .tc #included .included-trio{display:flex;align-items:flex-end;justify-content:center;gap:32px;margin:0 auto 52px;max-width:520px} .tc #included .included-trio .app-phone{width:84px;height:140px;border-radius:15px} .tc #included .included-trio .app-lbl{font-size:10px;margin-top:10px} .tc #included .included-panels{align-items:stretch;gap:24px} .tc #included .app-panel{display:flex;flex-direction:column;height:100%;min-width:0;background:rgba(6,3,14,.88);border:1px solid rgba(255,255,255,.09);box-shadow:0 20px 50px rgba(0,0,0,.35)} .tc #included .app-panel:hover{transform:translateY(-8px);box-shadow:0 28px 64px rgba(0,0,0,.45)} .tc #included .app-panel--cust{border-top:3px solid var(--teal)} .tc #included .app-panel--prov{border-top:3px solid var(--red-l)} .tc #included .app-panel--admin{border-top:3px solid var(--green)} .tc #included .ap-head{padding:22px 22px 18px;gap:14px;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent);border-bottom:1px solid rgba(255,255,255,.06)} .tc #included .ap-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0} .tc #included .ap-icon.cust{background:rgba(0,243,255,.1);border:1px solid rgba(0,243,255,.22)} .tc #included .ap-icon.prov{background:rgba(167,13,42,.14);border:1px solid rgba(167,13,42,.28)} .tc #included .ap-icon.admin{background:rgba(0,230,118,.1);border:1px solid rgba(0,230,118,.22)} .tc #included .ap-icon .ap-dot{width:11px;height:11px;margin:0} .tc #included .ap-meta{flex:1;min-width:0} .tc #included .ap-title{display:block;font-size:17px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.25} .tc #included .ap-sub{display:block;font-size:10.5px;font-weight:700;color:var(--dx4);margin-top:5px;text-transform:uppercase;letter-spacing:.07em} .tc #included .ap-count{margin-left:auto;font-size:10px;font-weight:800;color:var(--dx3);background:rgba(255,255,255,.06);padding:6px 11px;border-radius:var(--r100);border:1px solid rgba(255,255,255,.1);white-space:nowrap} .tc #included .ap-list{padding:16px 20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;flex:1} .tc #included .ap-item{align-items:flex-start;padding:8px 10px;border:none;border-radius:10px;font-size:13px;line-height:1.55;color:rgba(255,255,255,.9);font-weight:500;transition:background .2s} .tc #included .ap-item:hover{transform:none;background:rgba(255,255,255,.04)} .tc #included .ap-text{flex:1;min-width:0} .tc #included .ap-check{width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;font-size:0} .tc #included .ap-check svg{width:11px;height:11px} .tc #included .included-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:44px} .tc #included .included-stat{font-size:12px;font-weight:700;padding:10px 18px;border-radius:var(--r100);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:var(--dx2);letter-spacing:.02em} @media(max-width:1100px){.tc #included .ap-list{grid-template-columns:1fr}} @media(max-width:768px){.tc #included.sD{padding:80px 0}.tc #included .included-trio{gap:18px;margin-bottom:40px}.tc #included .included-trio .app-phone{width:68px;height:114px}} /* ── Native document scroll (WordPress / Elementor safe) ── */ html,body{scroll-behavior:auto!important;overscroll-behavior-y:auto!important} .tc,.tb{width:100%!important;max-width:100%!important;overflow:visible!important} .elementor-widget-html .elementor-widget-container, .elementor-element .elementor-widget-container{overflow:visible!important;max-height:none!important;height:auto!important;touch-action:auto!important} .tc [id],.tb [id]{scroll-margin-top:96px} /* Native scroll — no reveal / smooth-scroll lock on WordPress */ .tc{scroll-behavior:auto!important} .tc .rev,.tc .revl,.tc .revr,.tc .stag,.tc .stag>*{opacity:1!important;transform:none!important;transition:none!important} @media(max-width:1100px){.tc .rev-grid{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}} @media(max-width:900px){.tc .sp5050a{grid-template-columns:1fr;gap:48px}.tc .sgrid{grid-template-columns:1fr 1fr}.tc .sR .rev-summary .btn-p{margin-left:0}} @media(max-width:600px){.tc .sgrid{grid-template-columns:1fr}} [Home](https://miracuves.com/)/[Services](https://miracuves.com/service/)/[Verticals](https://miracuves.com/service/)/Payment Gateway Development **Vertical Solution · Payments & Acquiring** # Payment GatewayDevelopmentMerchant Acquiring · Wallets · Split Payouts Deploy payment gateway and merchant acquiring software from Miracuves fintech clones - merchant apps, ledger admin, PSP webhooks - in 7-14 days from $3,699 with 100% source code. Miracuves scopes payment gateway clone base, payment provider, and branding in writing before payment. 6 Day DeliveryFull Platform IncludedFrom $3,699100% Source Code [WhatsApp - Talk to Our Team](https://wa.me/919830009649) [Explore Payment Solutions](https://miracuves.com/schedule-consultation/) Clutch 5.0★·9,000+ Projects Deployed·[View live deployments →](https://miracuves.com/portfolio/) Payments Market2026 DATA $2.3TDigital Payments 2026Statista 13%Acquiring CAGRMcKinsey $68TTransaction VolCapgemini 89%Want One PSP UIForrester Miracuves payment clones deploy in 7-14 days **Terminal**Merchant view Amount due**$128.40**Order**#4417**Method**Card · tap**123456 **PCI aware**Card data never touches your server **$1,899**Starting price **6 Days**Full deployment **3 Apps**Merchant · Consumer · Admin **90+**Clone solutions **100%**Source code yours More than 6,000+ Companies Trust us Worldwide [![Miracuves Ranked among top 1000 companies globally by Clutch](https://miracuves.com/wp-content/uploads/2024/03/Miracuves-Clutch-top-1000-company.webp "Payment Gateway Development 1")](https://clutch.co/profile/miracuves-solutions#reviews) [![Miracuves is a top-minus service provider in the United States by Clutch](https://miracuves.com/wp-content/uploads/2024/03/Miracuves-clutch-top-managed-service-provider-US.webp "Payment Gateway Development 2")](https://clutch.co/profile/miracuves-solutions#reviews) ![MediaCube is the best managed IT service provider in New York City by Expertise.com](https://miracuves.com/wp-content/uploads/2024/03/Miracuves-Expertise-Provider.webp "Payment Gateway Development 3") ![MiraQs as an official member of Forbes Business Council ](https://miracuves.com/wp-content/uploads/2024/03/Mircuves-Official-Memeber-Forbes-Council.webp "Payment Gateway Development 4") [![Miracuves is a verified agency with design rush. ](https://miracuves.com/wp-content/uploads/2024/03/DesignRush-Top-Design-Agencies-in-India.webp "Payment Gateway Development 5")](https://www.designrush.com/agency/profile/miracuves#reviews) [![MiraQs is ranked as a trustworthy service provider with Trustpilot. ](https://miracuves.com/wp-content/uploads/2025/04/Miracuves-TrustPilot-Top-Software-Development-Company.webp "Payment Gateway Development 6")](https://www.trustpilot.com/review/miracuves.com) [![Miracuves is one of the top managed service providers, companies by themanifest. ](https://miracuves.com/wp-content/uploads/2025/04/Miracuves-The-Manifest-Top-Managed-Software-Development-Company.webp "Payment Gateway Development 7")](https://themanifest.com/company/miracuves-solutions) [![Miracuves ranked as a top software development company by Design Rush. ](https://miracuves.com/wp-content/uploads/2025/04/Miracuves-Designrush-Top-Software-Development-Company.webp "Payment Gateway Development 8")](https://www.designrush.com/agency/profile/miracuves#reviews) [![Miracuves is recognized as top software developed company by goodfirms. ](https://miracuves.com/wp-content/uploads/2025/04/Miracuves-GoodFirms-Top-Software-Development-Company.webp "Payment Gateway Development 9")](https://www.goodfirms.co/company/miracuves-solution) **Market Opportunity** ## Merchant acquiring software demand is growing 13% annually PSPs and fintechs need merchant portals and ledger consoles - Revolut and Stripe clones ship acquiring patterns without greenfield banking builds. Miracuves confirms payment gateway scope, integrations, and timeline in writing before payment. $2.3TDigital Payments 2026All digital payment transaction value globally.Statista 2024 13%Acquiring CAGRMerchant payment software and gateway investment.McKinsey 2024 $68TTransaction VolumeElectronic payment transactions processed annually.Capgemini 2024 89%Merchants Want Unified UISMBs prefer single dashboard for payments and payouts.Forrester 2023 41%Embedded FinanceNon-banks launching payment products.Bain 2024 $3,699Entry AnchorScoped wallet and merchant link products.Miracuves 2026 **Our Approach** ## How Miracuves ships fintech apps - compliance-aware clone bases After 9,000+ deployments, Miracuves uses production-tested Flutter fintech modules for payment gateway - KYC, wallets, ledger boundaries, and store pipelines integrated before your branding pass. Who this is for: founders and operators launching payment gateway who need both stores live with published pricing, full IP ownership, and a company accountable through app review - not freelancers rebuilding core product flows from scratch. Miracuves runs device QA on representative Android and iOS hardware before store handoff, and documents API keys, push credentials, and admin access in your delivery pack - so your team operates the payment gateway platform without vendor lock-in after launch. Every payment gateway engagement starts with NDA and written scope: clone base, payment corridor, branding assets, and store account ownership. Device QA runs on release builds; admin rules, commission tables, and webhooks are validated before handoff. Miracuves stays accountable through app review with sixty-day support - not a repository-only drop after launch day. Cross-links on this page route to related vertical service URLs, Type A technology pages, and published clone products on miracuves.com. Founders comparing vendors should weigh three apps plus admin, source ownership, and company-backed delivery against freelancers rebuilding core flows from scratch. **When a clone may not fit:** Miracuves clone bases are not a substitute for a banking license or bespoke core banking ledger. When you need licensed EMI/BaaS with regulator-approved audit trails only your bank partner provides, we scope custom work with your compliance officer first. Profiled on release builds, never in development mode Clear state boundaries - testable business logic from day one Physical device QA on iOS and Android before store submission Admin panel included - commissions, zones, and analytics pre-wired 100% source code + IP transfer at handoff - not licensed hosting Written by Miracuves Payments Engineering Team · June 2026 · [View Deployed Portfolio →](https://miracuves.com/portfolio/) 9,000+Projects delivered by Miracuves 90+Production clone bases 6 daysStandard scoped deployment 100%Source code ownership 60dPost-launch support included $3,699Published starting anchor From our deployment team "We configure payments, maps, and admin commission rules before branding - so your payment gateway launch is operations-ready, not a UI shell waiting for backend work." **Payment Gateway Solutions** ## Payment platforms Miracuves deploys [View All 90+ Solutions →](https://miracuves.com/solutions/) [6 Days Banking ### Revolut Clone Digital banking app with wallet, cards, transfers, user accounts, and admin control. $2,79993 Apps](https://miracuves.com/revolut-clone/) [6 Days Neobank ### NeoBank Clone Online banking platform with accounts, KYC, wallet, payments, and transaction history. $2,19993 Apps](https://miracuves.com/neobank-clone/) [6 Days Banking Solution ### Banking Solution Custom banking software with user management, payments, reports, and secure workflows. $2,4993 Apps](https://miracuves.com/banking-solution/) [6 Days Remittance ### Wise Clone Money transfer app with exchange rates, wallet, sender flow, and payment tracking. $2,19993 Apps](https://miracuves.com/wise-clone/) [6 Days Crypto exchange ### Binance Clone Crypto trading platform with wallet, trading, deposits, withdrawals, and admin panel. $3,3993 Apps](https://miracuves.com/binance-clone/) [6 Days P2P crypto ### Paxful Clone P2P crypto marketplace with escrow, wallet, offers, trades, and secure payments. $1,8993 Apps](https://miracuves.com/binance-clone/) **What's Included** ## Merchant app · Consumer wallet · Admin ledger Every payment gateway deployment includes three complete applications - 45 production features, not a stripped MVP. Customer app, partner app, and operations admin - each with 15 production features and store-ready builds. Merchant Consumer Admin User AppiOS & Android · store-ready15 featuresKYC onboarding & identity verificationMulti-currency wallets & balancesP2P transfers & request moneyVirtual & physical card managementBill pay & scheduled paymentsTransaction history & exportBiometric login & device bindingPush alerts for every transactionSavings pots & round-up rulesFX conversion at live ratesIn-app support & dispute filingReferral rewards & promo codesSpending insights & categorizationQR pay & merchant scanApple Pay / Google Pay provisioning Merchant AppiOS & Android · store-ready15 featuresMerchant onboarding & KYBPayment link & QR generationSettlement & payout dashboardRefund & partial capture toolsInventory-linked POS (optional)Staff role & permission managementTransaction search & reconciliationWebhook & API key managementChargeback evidence uploadMulti-outlet reportingTip & service fee configurationSubscription billing for customersPromotional discount rulesExport for accounting systemsIn-app support escalation Admin ConsoleWeb console · store-ready15 featuresUser & merchant lifecycle managementAML monitoring & rule engineLedger & reconciliation consoleFee & interchange configurationCard programme & BIN managementRegulatory reporting exportsFraud scoring & block listsKYC/KYB document review queueMulti-region compliance settingsPartner bank & PSP integrationsDispute & chargeback workflowsAudit trail & immutable logsRate limiting & API governanceIncident & status page controlsPlatform revenue dashboards 45 production features 3 complete applications 100% source code 60-day support **How It Works** ## Payment flow - authorize to reconcile 1 ### User completes KYC onboarding Identity verified via document scan and liveness check - account activated in minutes. 2 ### Funds deposited or transferred Wallet top-up, P2P send, or card spend - with real-time fraud scoring. 3 ### Transaction authorized & settled Ledger entries immutable. Merchant or recipient notified instantly. 4 ### Notifications & receipts delivered Push, email, and in-app history with export for accounting. 5 ### Compliance & reporting updated AML rules, limits, and regulatory logs updated automatically. TokenizedCard capturePAN stays with certified PSP - not your DB. WebhookEvent syncAuthorize, capture, refund events in admin. BatchMerchant payoutSplit and settlement schedules you configure. **Revenue Model** ## 6 ways payment platforms earn Transaction fees, SaaS subscriptions, FX spread, and float on wallet balances. Commission tables and fee rules are pre-wired in admin so monetisation activates at launch. Merchant onboarding, settlement reports, and dispute workflows are pre-wired in admin - Miracuves aligns PSP choice and KYC flow with your jurisdiction before build. ### Interchange & Transaction Fees Revenue on card spend, transfers, and FX conversions. Example: 1.5-2.5% interchange ### Subscription Accounts Premium tiers with higher limits and perks. Example: $9.99/mo metal ### Merchant Processing MDR on merchant acquiring volume. Example: 2.9% + $0.30 ### FX Spread Margin on currency conversion for cross-border payments. Example: 0.5-1.5% spread ### Lending & Interest Income Interest on float balances where regulations permit. Example: net interest margin ### B2B API & Banking-as-a-Service Enterprise clients pay for embedded finance APIs. Example: custom SaaS fees **Revenue projection reference:** 1,000 merchants at $199/month SaaS fee ≈ $199k MRR before transaction margin. **Who This Is For** ## Who should build payment gateway software? ### PSP Startups Merchant portal without core banking build. Miracuves documents clone base and timeline from the $3,699 anchor before you commit. Common use: **Regional acquiring** ### Marketplaces Split payouts between platform and sellers. Miracuves documents clone base and timeline from the $3,699 anchor before you commit. Common use: **Multi-vendor** ### SaaS Cos Embed payments in vertical software. Miracuves documents clone base and timeline from the $3,699 anchor before you commit. Common use: **B2B platforms** ### Banks Modern merchant UI on legacy rails. Miracuves documents clone base and timeline from the $3,699 anchor before you commit. Common use: **Digital transformation** **Why Miracuves** ## How Miracuves compares to typical payment gateway vendors Most payment gateway vendors compete on price alone or hide admin costs. Here is what that comparison looks like when you evaluate total cost of ownership. Source code ownership100% Yours Admin panel includedAlways Post-launch support60 Days NDA before details sharedDay One Published pricingYes, public App Store submissionFully managed Real device QAAlways tested 01 #### We publish prices - most vendors don't Hidden pricing wastes time and signals weak delivery confidence. Miracuves publishes rates because scoped clone deployments have known effort - not open-ended custom builds sold through negotiation traps. 02 #### Source code is yours, not licensed Some vendors retain partial rights or lock you into their hosting. Miracuves transfers 100% IP - you can take the codebase to any developer at any time. 03 #### Admin panel isn't an upsell Competitors often quote the customer app cheap, then charge extra for admin and provider apps. Miracuves includes the full platform in the base price for Payment Gateway deployments. 04 #### Real devices, not just emulators Emulator-only testing misses GPS drift, push notification failures, and payment edge cases. Every Miracuves build is QA'd on physical iOS and Android hardware. 05 #### Honest timelines, not marketing numbers Miracuves states 7-14 days for scoped deployments and documents any extension in writing before payment - not surprise SOWs mid-project. **Architecture** ## Fintech architecture - wallets, KYC, and ledger boundaries Miracuves vertical deployments use a proven Flutter monorepo pattern - not a one-off freelance stack that changes per project. #### User & merchant apps - Flutter KYC flows, wallets, cards, and QR pay with biometric login and device binding. #### Compliance admin AML queues, limit rules, ledger views, and regulatory export packs. #### Core banking API Double-entry ledger, idempotent webhooks, and PSP routing per corridor. #### Security boundary Secrets in env config, PCI-aware card flows, and immutable audit trails. [Deep dive: Blockchain Development →](https://miracuves.com/service/blockchain-development/) Flutter Default client stack the renderer rendering, platform channels for GPS and push, Codemagic CI - see [Blockchain Development](https://miracuves.com/service/blockchain-development/) for full technical stack decisions and peer framework comparison on our technology page. Laravel / Node API + real-time REST for CRUD, WebSockets for live order state, Redis for job queues - paired with [Node.js Development](https://miracuves.com/service/node-js-development/) or Laravel pages in our technology catalog. 90+ Clones Cross-linked catalog Every vertical page links to live Miracuves clone products on [Miracuves solutions](https://miracuves.com/solutions/) - honest stack attribution, not generic marketing claims. **Technology Stack** ## Payments stack - tokenization + ledger + webhooks For deep architecture details, see our [Flutter App Development](https://miracuves.com/service/flutter-app-development/) page. FLFlutter 3.24+Core framework · the renderer DtDart 3.5Type-safe async language LvLaravelBackend REST API NoNode.jsReal-time services FBFirebaseAuth · FCM · Firestore GMGoogle MapsGPS · routing · geofence 💳Stripe/RazorpayPayments · payouts WsWebSocketsLive tracking · chat RdRedisCache · job queues MyMySQLPrimary data store SqSQLite/HiveOffline-first cache CmCodemagicCI/CD pipelines DkDocker/AWSInfra & scaling SnSentryCrash & error tracking TwTwilioSMS · OTP verification MxMapboxAlt. mapping provider **Quality Standards** ## Security & compliance for fintech deployments Every payment gateway deployment passes Miracuves production gates - not emulator-only sign-off. Physical device QAGate Release build profilingGate Security reviewGate Store compliance passGate Handoff packageGate 60-day monitored supportGate **Delivery Gates** ## Six checkpoints before handoff 01 #### Physical device QA Every build tested on real iOS and Android hardware - GPS, push, payments, and background modes behaviour differs on emulators; Miracuves does not sign off emulator-only. 02 #### Release build profiling Flutter DevTools on release builds - not debug - before store submission. Performance accepted only when representative of user experience. 03 #### Security review No secrets in source; API keys via environment config. Admin routes auth-gated; payment webhooks verified with idempotency keys. 04 #### Store compliance pass Provisioning, privacy questionnaires, and listing copy coordinated for App Store and Play Store - rejections in scope fixed during 60-day support window. 05 #### Handoff package Repository, env setup guide, admin credentials, API docs, and post-launch runbook - not repository-only drops. 06 #### 60-day monitored support Crash and payment regressions addressed when caused by in-scope configuration - Miracuves stays reachable through store review, not only launch day. **Delivery Process** ## Payment gateway deployment - 7-14 days PSP keys, webhook handlers, reconciliation screens, and refund QA on release builds. NDA, written scope, milestone visibility, and source handoff are standard - not optional add-ons. 01 Brief & NDA - Day 0 Share your concept on WhatsApp. NDA signed same day. Miracuves confirms clone base and customisation scope. 02 Configuration & Branding - Day 1-2 Brand applied, payment gateway configured, integrations set up, admin populated with initial data. 03 Customisation Sprint - Day 2-5 Scope-specific modifications: custom flows, integrations, UI adjustments, language/RTL support. 04 QA on Real Devices - Day 5-7 Tested on physical iOS and Android. Payment and core flows verified end-to-end on release builds. 05 Store Submission & Handoff - Day 7-9 App Store and Play Store submission handled. Source code, docs, and credentials delivered. 60-day support begins. **Day 0**NDA signed**Day 1**Config starts**Day 5**QA begins**Day 9**Live on stores **Timeline honesty:** 7-14 days applies to scoped clone deployments for payment gateway. Custom features beyond the standard base extend the timeline - stated in writing before any payment. .mcv-inp{margin-top:38px;padding:24px 28px;border-radius:16px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;gap:30px;flex-wrap:wrap}.mcv-inp-h{flex:1 1 460px;min-width:0}.mcv-inp-h strong{display:block;font-size:17px;font-weight:700;color:#fff;letter-spacing:-.015em}.mcv-inp-h p{margin:9px 0 0;font-size:14px;line-height:1.65;color:rgba(255,255,255,.60)}.mcv-inp-a{flex:0 0 auto}.mcv-inp-a a{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.16);font-size:13.5px;font-weight:650;color:rgba(255,255,255,.88);text-decoration:none;transition:border-color .2s,background .2s,color .2s}.mcv-inp-a a:hover{color:#fff;border-color:rgba(167,13,42,.6);background:rgba(167,13,42,.12)}.mcv-inp-a a svg{width:13px;height:13px;flex:0 0 13px}.mcv-inp-a span{display:block;margin-top:9px;font-size:11.5px;color:rgba(255,255,255,.40);text-align:center}@media(max-width:820px){.mcv-inp{display:block;padding:22px 20px}.mcv-inp-a{margin-top:18px}.mcv-inp-a span{text-align:left}}@media(prefers-reduced-motion:reduce){.mcv-inp-a a{transition:none}}.mcv-inp.lt{background:rgba(10,12,16,.028);border-color:rgba(10,12,16,.10)}.mcv-inp.lt .mcv-inp-h strong{color:#12161c}.mcv-inp.lt .mcv-inp-h p{color:rgba(18,22,28,.66)}.mcv-inp.lt .mcv-inp-a a{border-color:rgba(10,12,16,.16);color:rgba(18,22,28,.86)}.mcv-inp.lt .mcv-inp-a a:hover{color:#a70d2a;border-color:rgba(167,13,42,.45);background:rgba(167,13,42,.06)}.mcv-inp.lt .mcv-inp-a span{color:rgba(18,22,28,.45)}**Six days is Miracuves build time, not calendar time** The six days are ours, and they do not run past six. What can add time sits on your side: developer account verification, merchant onboarding and compliance approvals are controlled by the app stores and your payment provider, not by us. We list exactly what you need ready on the first call so you can start those in parallel. [See what you provide](https://miracuves.com/facts/#fact-005)FACT-005, audited quarterly **Cost & Pricing** ## What payment gateway development costs Published prices. No request-a-quote wall. Anchors from $3,699 for scoped wallet and merchant link products. ### Standard Clone $3,699/from 6 day delivery · scoped - Customer + provider + admin apps - White-label branding applied - Payment gateway configured - Core integrations live - Full source code delivered - 60-day post-launch support [Start Standard Deployment](https://wa.me/919830009649) Most Popular ### Custom Build Custom Quote Scoped before build · milestone billing - Clone base + custom modifications - Additional integrations & flows - Multi-language / RTL support - Advanced admin reporting - Full source code + IP transfer - 60-day support + priority SLA [Get a Scope & Quote](https://miracuves.com/contact/) ### Enterprise Platform Enterprise Multi-market · SLA · compliance - Multi-city or multi-region rollout - White-label SaaS architecture - Custom analytics & compliance - Dedicated account manager - SLA-backed uptime guarantee - Ongoing development retainer [Discuss Enterprise](https://miracuves.com/contact/) **Cost factors that change the price:** BIN sponsorship and card issuing depend on bank partners - Miracuves documents that upfront. What affects project cost Readymade payment gateway clone pricing stays fixed when scope matches the published base. Custom integrations, multi-city zones, and compliance workflows are quoted before payment. Typical budget ranges **Standard clone:** from $3,699 · 6 days. **Custom build:** scoped quote · milestone billing. **Enterprise:** multi-region, SLA, compliance - contact for written scope. **Client Reference** ## What deploying a payment gateway platform looks like in practice A Ghana fintech launched mobile money merchant QR acquiring for market traders - Stripe-style clone with local PSP, live in 14 days with 2,800 merchants onboarded. 01 Challenge Informal traders needed QR pay; mobile money only; licensing partner already signed. 02 What Miracuves Delivered Stripe Clone with mobile money PSP, merchant QR, split payouts. Branding, admin rules, device QA, and store submission were included in one engagement. 03 Outcome Live in 14 days; 2,800 merchants; $1.2M processed month two. Client retained 100% source and expanded on the same codebase. **14 Days**To launch**2,800**Merchants**$1.2M**Processed mo 2 [View All Case Studies →](https://miracuves.com/portfolio/) Client Testimonial QR merchant onboarding at market scale worked - webhook reconciliation saved our ops team hours daily. GH G.A., CEO Payment Startup · Accra, Ghana [⭐ Clutch & Google Reviews →](https://miracuves.com/reviews-awards/) Deployment Brief SolutionStripe CloneTimeline14 daysPSPMobile moneyMerchants2,800Source100% owned **Client Reviews** ## What clients say about Miracuves payment gateway deployments Verified on Clutch and Google - payment gateway launches on Miracuves clones. Each review reflects a scoped deployment with published pricing and full IP transfer through store launch. ★★★★★ Client · Cross-Border Payments "Miracuves's MXRemit base already had the sender and receiver apps, the KYC pipeline, and the partner-payout integrations. We added our corridor-specific FX engine, our regulator reporting for the EU, and a custom agent network module." CE Charles Eveillard Managing Partner, Izi Technologies [Banking Solution](https://miracuves.com/banking-solution/) ★★★★★ Google · Marketplace "Split payouts between sellers and platform." KE W.M., CTO Kenya [Wise Clone](https://miracuves.com/wise-clone/) ★★★★★ Clutch · Bank "Merchant UI on our existing acquiring license." ZA T.B., Director South Africa [Revolut Clone](https://miracuves.com/revolut-clone/) **5.0 / 5.0**Clutch average · 14 reviews **4.8 / 5.0**Google average rating **Top Developer**Clutch recognition 2024-2025 [Read All Reviews →](https://miracuves.com/reviews-awards/) **Explore Miracuves** ## Miracuves catalog - clones, technology, and hire models [Products 90+ Clone solutions Uber, Netflix, Revolut-style products with honest stack attribution.](https://miracuves.com/solutions/) [Technology Flutter development Deep stack comparison, architecture, and delivery models for cross-platform apps.](https://miracuves.com/service/flutter-app-development/) [Vertical On-demand vertical Ride, food, grocery, and logistics platforms from shared clone bases.](https://miracuves.com/service/on-demand-app-development/) [Hire Dedicated teams When you need embedded engineers instead of a turnkey clone deployment.](https://miracuves.com/service/dedicated-teams/) [Vertical Fintech vertical Wallets, neo-banks, and payment gateways with compliance-aware scoping.](https://miracuves.com/service/fintech-app-development/) [Technology Software development Custom builds when clone scope is not the right fit - same NDA and IP rules.](https://miracuves.com/service/software-development/) **Related Solutions** ## Explore Miracuves products & services Clone solutions, technology development, and vertical platforms - cross-linked across Miracuves' published service catalog. [Api development API Development](https://miracuves.com/service/api-development/) [Cloud Solution Cloud engineering](https://miracuves.com/service/cloud-engineering/) [Analytics Platforms Data Engineering](https://miracuves.com/service/data-engineering-app-development/) [Backend Node.js Development Company](https://miracuves.com/service/node.js-development/) [Vertical Fintech App Development](https://miracuves.com/service/fintech-app-development/) [Vertical Marketplace Development](https://miracuves.com/service/marketplace-development/) [Technology Software Development Company](https://miracuves.com/service/software-development/) [Hire Role Hire Remote Developers](https://miracuves.com/service/hire-remote-developers/) **Frequently Asked** ## Payment Gateway Development - FAQ What does Miracuves mean by payment gateway development? Miracuves deploys merchant acquiring platforms, payment aggregators, and wallet APIs from fintech clones - not certification as a licensed bank. You get user and merchant apps, admin ledger console, and PSP integrations configured for your market. Licensing remains your regulatory obligation. Can Miracuves integrate Stripe, Razorpay, and other PSPs? Yes. Payment service provider keys, webhook handlers, and settlement reconciliation screens configure during deployment. Miracuves tests authorize-capture-refund cycles on physical devices. Multi-PSP failover is custom enterprise scope. How long does payment gateway software deployment take? Scoped merchant payment portals launch in 7-14 days with one PSP and admin reporting. BIN sponsorship and card issuing require partner banks - timeline depends on partner onboarding, not Miracuves coding alone. Miracuves documents that dependency upfront. What security standards apply to payment platforms? Card data stays with PCI-certified PSPs using tokenization. Admin provides immutable transaction logs, role-based access, and fraud velocity rules. Penetration testing and PCI SAQ processes are your compliance program; Miracuves supplies architecture documentation auditors request. What is the starting price for payment gateway development? Anchors from $3,699 for scoped wallet and merchant link products. Full acquiring stacks with multiple payout currencies are custom-quoted. Published pricing avoids quote walls for standard clones. Do I own the payment software source code? 100% IP ownership. You may switch PSPs by updating integration modules you control. Miracuves does not take basis points on your GMV after delivery unless under a separate processing agreement you negotiate. Can platforms support marketplace split payouts? Split payments between platform, seller, and delivery partner use the same commission engine as marketplace clones. Payout schedules and hold periods are admin-configurable with export for accounting. What support exists after a payment platform launches? 60-day defect support included. PSP API version upgrades often need maintenance retainers. Miracuves recommends monitoring webhook failure queues because silent webhook loss causes reconciliation nightmares in production. Does Miracuves handle App Store and Google Play submission? Yes - store submission is included in every standard deployment. Miracuves manages provisioning profiles, signing certificates, listing copy, screenshot requirements, privacy questionnaire answers, and review coordination for iOS and Android. Rejections caused by configuration within the agreed scope are addressed during the 60-day support window at no additional cost. How is a Miracuves vertical deployment different from hiring a freelance developer? Freelancers typically rebuild dispatch, payments, admin, and store pipelines from scratch - high risk and unpredictable timelines. Miracuves deploys from production-tested Flutter clone bases used across thousands of live projects, with NDA, IP assignment, published pricing, and company-backed support. You launch in days with owned source code, not a six-month solo build that may never reach the stores. **Get Started** ## Ready to launch your payment platform? Merchant acquiring or wallet - Miracuves scopes payment clone from $3,699 with full source. **$3,699**From**7-14 Days**Live**PSP**Integrated**100%**Source [WhatsApp - Start Now](https://wa.me/919830009649) [Start Payment Deployment](https://miracuves.com/contact/) NDA signed before we discuss your project Page reviewed by Miracuves Payments Engineering Team · Last updated June 2026 · [Clutch & Google Reviews](https://miracuves.com/reviews-awards/)