--- title: Creator Platform Development description: url: https://miracuves.com/service/creator-platform-development date_modified: 2026-08-14 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/)/Creator Platform Development **Vertical Solution · Creator Economy & Fan Subscriptions** # Creator PlatformDevelopmentSubscriptions · Pay-Per-View · Tips · Payouts Launch a creator subscription platform from the Miracuves OnlyFans base - fan app, creator studio, subscription tiers, pay-per-view unlocks, tipping and automated creator payouts - in 6 days at a fixed $2,799 with 100% source code ownership. Miracuves scopes the clone base, payment provider and branding in writing before payment. 6 Day DeliveryFull Platform Included$2,799 Fixed Price100% Source Code [WhatsApp - Talk to Our Team](https://wa.me/919830009649) [Explore Creator Platform Solutions](https://miracuves.com/schedule-consultation/) Clutch 5.0★·9,000+ Projects Deployed·[View live deployments →](https://miracuves.com/portfolio/) What Miracuves Commits ToPUBLISHED 6Working days to launchMiracuves FACT-005 $2,799Fixed quote, source includedPublished price 3Fan, creator, admin appsIn the base 100%Source code ownershipMiracuves FACT-002 Miracuves creator platforms deploy in 6 days **Subscription tiers**Creator view Creator account**Tiers 1-3****Public preview***Free***Tier 1 monthly***Your rate***Tier 2 monthly***Your rate***Pay-per-view unlock***Per item*Platform fee**You set it** **Revenue split set per creator**Configured in admin, not in code **$2,799**Fixed price **6 Days**Full deployment **3 Apps**Fan · Creator · 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 "Creator Platform 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 "Creator Platform 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 "Creator Platform 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 "Creator Platform 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 "Creator Platform 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 "Creator Platform 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 "Creator Platform 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 "Creator Platform 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 "Creator Platform Development 9")](https://www.goodfirms.co/company/miracuves-solution) **Published Facts** ## What ships in the base, and what it costs A creator platform lives or dies on two things you cannot patch in later: a payment processor that will still be there in month six, and a payout rail that pays creators on time without you touching a spreadsheet. Both are decided before any branding goes on. Every figure below is a Miracuves commitment you can hold us to, not an industry projection. 6Working days to launchKickoff to a live, branded deployment on infrastructure you own.Miracuves FACT-005 $2,799Published base priceFixed quote for the OnlyFans base. Scope agreed in writing before payment.Miracuves published price 3Applications includedFan app, creator studio and admin console, all in the base price.Included in base 100%Source code ownershipFull source transfers on handover. No vendor lock-in, no licence on the code.Miracuves FACT-002 You setCreator revenue splitThe platform cut is a per-creator setting, not a hard-coded constant.Configurable in admin 60 daysPlatform guidancePlus 6 months priority bug resolution and 12 months product evolution.Miracuves FACT-007 **Our Approach** ## How Miracuves deploys creator platforms After 9,000+ deployments, Miracuves uses production-tested Flutter clone modules for creator platforms - subscription tiers, pay-per-view gating, payout ledgers, identity verification hooks and store pipelines integrated before your branding pass, not invented during a six-month greenfield build. Each vertical page cross-links to relevant clone URLs on miracuves.com and to technology pages such as Flutter, Node.js, or AWS where deeper stack detail lives. Who this is for: founders, agencies and media brands launching a creator platform 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 platform without vendor lock-in after launch. Every creator platform engagement starts with NDA and written scope: clone base, payment corridor, branding assets, and store account ownership. Device QA runs on release builds; commission rates, payout schedules, and payment 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:** If you have not yet been approved by a payment processor for this category, or you need a bespoke rights and licensing regime, the platform is the straightforward part and those are not. We will tell you that before you pay rather than after. 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 - commission rates, payout schedules, and analytics pre-wired 100% source code + IP transfer at handoff - not licensed hosting Written by Miracuves Creator Platform Team · August 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 $2,799Published fixed price From our deployment team "We configure the payout ledger, tier gating, and store billing before branding - so your creator platform launch is operations-ready, not a UI shell waiting for backend work." **Creator Platform Clone Solutions** ## Creator platforms Miracuves deploys [View All 90+ Solutions →](https://miracuves.com/solutions/) [6 Days Fan subscriptions ### OnlyFans Clone Subscription and pay-per-view platform with creator payouts, paid messaging and age verification. Full source code and admin included - scoped before payment. $2,7993 Apps](https://miracuves.com/onlyfans-clone/) [6 Days Membership tiers ### Patreon Clone Recurring membership platform with tiered benefits, posts gated per tier and patron-only feeds. Full source code and admin included - scoped before payment. $3,3993 Apps](https://miracuves.com/patreon-clone/) [6 Days Paid requests ### Cameo Clone Paid personalised video requests with a booking queue, delivery deadlines and refunds handled in admin. Full source code and admin included - scoped before payment. $2,4993 Apps](https://miracuves.com/cameo-clone/) [6 Days Tiered access ### Fansly Clone Multi-tier creator subscriptions with per-tier content gating and separate free and paid timelines. Full source code and admin included - scoped before payment. $2,7993 Apps](https://miracuves.com/fansly-clone/) [6 Days Creator subscriptions ### LoyalFans Clone Subscription platform with tipping, paid direct messages and a creator payout ledger. Full source code and admin included - scoped before payment. $2,7993 Apps](https://miracuves.com/loyalfans-clone/) [6 Days Verified creators ### IsMyGirl Clone Creator subscription platform with identity and age verification gates before a creator can publish. Full source code and admin included - scoped before payment. $2,7993 Apps](https://miracuves.com/ismygirl-clone/) **What's Included** ## Fan app · Creator studio · Admin Every creator platform deployment includes three complete applications - 45 production features, not a stripped MVP. Fan app, creator studio, and operations admin - each with 15 production features and store-ready builds. Fan Creator Admin Fan AppiOS & Android · store-ready15 featuresPersonalized home feed and followingCreator discovery and searchSubscription tiers with instant accessPay-per-view post unlocksPaid direct messages and mediaTipping on profiles, posts and livePurchased and saved content libraryPush alerts for new posts and repliesAge verification at signupRegion and availability handlingIn-app purchase plus web checkoutSubscription management and cancelReport and block controlsView history synced across devicesIn-app support and FAQ Creator StudioiOS & Android · store-ready15 featuresUpload with scheduling and draftsSubscription tier setup and pricingPay-per-view pricing per postPaid message composer with locked mediaEarnings dashboard by revenue typePayout history and statementsFan list with spend and tenureMass message and broadcast toolsIdentity and age verification flowCollaborator consent recordsPromotions, trials and discount codesContent watermarking and leak controlsComment and message moderationGeo and region restriction settingsPush alerts for tips and subscriptions Admin ConsoleWeb console · full operations15 featuresCreator onboarding and approval queueCommission rates per creator and tierPayout batches and settlement runsRevenue analytics by streamRefund, chargeback and dispute handlingContent moderation and takedown queueVerification and consent audit logAccount, ban and appeal managementPromo and coupon campaignsTax document collection and reportingFraud and content leak detection rulesRegion and compliance settingsPush notification broadcastsPartner API and webhook accessPlatform health and SLA dashboards 45 production features 3 complete applications 100% source code 60-day support **How It Works** ## Fan journey - free preview to paid subscription 1 ### Fan finds a creator profile Search, category rails and shareable public profiles bring people in. A creator can post a link anywhere and it lands on something worth looking at. 2 ### Free preview does the selling A public tier shows real work rather than a locked grid. The subscribe decision gets made on evidence, which is why preview quality moves conversion more than the price does. 3 ### Subscription or single unlock Some fans commit to a monthly tier, others buy one item. Both paths stay open because they convert different people, and closing one to push the other loses more than it gains. 4 ### Tips and paid messages layer on Recurring revenue sets the floor. Tips, paid direct messages and one-off unlocks are where a strong creator's income actually moves, so they are first-class, not bolt-ons. 5 ### Payouts settle without spreadsheets Every transaction is split at the rate set for that creator and written to the ledger as it happens, so the payout batch reconciles itself. InstantUnlock deliveryPaid content opens the moment the charge clears. No manual approval step. AutoPayouts batchedSplits computed per creator and settled on the schedule you set. GatedAge verificationIdentity and age checks wired before a creator can publish anything. **Revenue Model** ## 6 ways your creator platform generates revenue All six run through one ledger, configured in admin and live from day one. Tier pricing, unlock pricing, the platform cut and the payout schedule are settings, not code changes. ### Subscription Tiers Recurring monthly access to a creator's paid feed. This is the floor: revenue that does not swing with how much anyone posted in a given week. Example: tiers priced by each creator ### Pay-Per-View Unlocks Single posts, sets or videos priced on their own, bought by fans who will not commit to a subscription. Closing this path to force subscriptions loses more than it gains. Example: priced per item ### Paid Direct Messages Locked media sent inside a conversation and unlocked in-thread. For creators with a small, highly engaged audience this regularly outearns subscriptions. Example: unlocked in the thread ### Tips and Gifts One-off payments with no subscription attached, on profiles, posts and live sessions. The lowest-friction way a fan spends for the first time. Example: any amount, any time ### Platform Commission Your cut of every transaction type above, set per creator or per tier in admin rather than fixed in code, so you can offer better rates to talent worth keeping. Example: split set per creator ### Featured Placement Paid discovery surface for creators who want reach, sold by you as an add-on rather than taken out of what they already earn. Example: promoted slots in discovery **The lever that matters most:** your payment processor. Card networks treat creator platforms as high risk, and an account closed in month three takes the business with it. Miracuves wires the gateway you have been approved for and keeps the split and payout logic independent of it, so changing processor later is a configuration change rather than a rebuild. **Who This Is For** ## Who should launch a creator platform? ### Independent Creators Creators who already own an audience and are tired of a platform taking a cut while controlling who sees their work. Your own app, your own rates, your own mailing list. Common use: **Fitness, music, art** ### Talent Agencies Agencies managing a roster who want one platform, one payout run and one set of numbers, rather than reconciling statements across five different sites every month. Common use: **Managed rosters** ### Niche Communities Audiences too small or too specific for a mainstream platform to bother serving, where a dedicated space converts far better than a general feed ever will. Common use: **Hobby, faith, trade** ### Media Brands Publishers and studios putting premium output behind a membership instead of chasing display ad rates that keep falling every year. Common use: **Paid memberships** **Why Miracuves** ## How Miracuves compares to typical creator platform vendors Most creator platform 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 fan app cheap, then charge extra for the creator studio and the admin console. Miracuves includes the full platform in the base price for creator platform deployments. 04 #### Real devices, not just emulators Emulator-only testing misses video decode stutter, push notification failures, and in-app purchase edge cases. Every Miracuves build is QA'd on physical iOS and Android hardware. 05 #### Honest timelines, not marketing numbers Miracuves states 6 working days for scoped deployments and documents any extension in writing before payment - not surprise SOWs mid-project. **Architecture** ## Platform architecture - payments, payouts, and access control Miracuves vertical deployments use a proven Flutter monorepo pattern - not a one-off freelance stack that changes per project. #### Fan & creator apps Feed with per-tier gating, paid messaging, tipping, and a checkout that keeps card details off your servers entirely. #### Creator studio & admin Uploads, tier setup, per-creator commission, payout schedules, moderation queue and takedown handling in one console. #### Identity & compliance Age and identity verification before a creator can publish, consent records for every person appearing in content, and audit trails you can actually produce on request. #### Billing & payouts Subscriptions, one-off unlocks, paid messages and tips through a single ledger, with splits computed per creator and batched for settlement. [Deep dive: AWS Development →](https://miracuves.com/service/aws-development/) Flutter Default client stack Impeller renderer for smooth feed scrolling, platform channels for store billing and push, Codemagic CI - see [AWS Development](https://miracuves.com/service/aws-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 message delivery and tip events, Redis for payout and encoding job queues - paired with [Node.js Development](https://miracuves.com/service/next-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.com/solutions](https://miracuves.com/solutions/) - honest stack attribution, not generic marketing claims. **Technology Stack** ## Creator platform stack - Flutter + payouts + CDN + access control For deep architecture details, see our [Flutter App Development](https://miracuves.com/service/flutter-app-development/) page. FLFlutter 3.24+Core framework · Impeller DtDart 3.5Type-safe async language LvLaravelBackend REST API NoNode.jsReal-time services FBFirebaseAuth · FCM · Firestore CFCloudFrontSigned URLs · edge cache 💳Stripe/RazorpayPayments · creator payouts WsWebSocketsLive messaging · tip events RdRedisCache · job queues MyMySQLPrimary data store SqSQLite/HiveOffline-first cache CmCodemagicCI/CD pipelines DkDocker/AWSInfra & scaling SnSentryCrash & error tracking TwTwilioSMS · OTP verification IdIDV ProviderAge & identity checks **Quality Standards** ## Release quality across devices and payment rails Every creator platform 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 - payments, push, media upload, 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** ## Creator platform deployment - 6 days Creator studio populated, subscription and unlock products registered with both stores, and device QA on payment and access-control flows. 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 Tested on physical iOS and Android. Payment and core flows verified end-to-end on release builds. 05 Store Submission and Handoff - Day 5-6 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:** 6 working days applies to scoped clone deployments for creator platforms. 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 creator platform development costs at Miracuves Published prices. No request-a-quote wall. Published OnlyFans clone at a fixed $2,799. Every price shown on this page is the live product price, not an estimate. ### Standard Clone $2,799/fixed 6 day delivery · scoped - Fan + creator + 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-market or multi-language 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:** CDN and content licensing remain your operations; Miracuves wires the tech stack. What affects project cost Readymade creator platform clone pricing stays fixed when scope matches the published base. Custom integrations, additional payout corridors, and compliance workflows are quoted before payment. Typical budget ranges **Standard clone:** $2,799 fixed · 6 days. **Custom build:** scoped quote · milestone billing. **Enterprise:** multi-region, SLA, compliance - contact for written scope. **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. [SVOD Netflix Clone](https://miracuves.com/netflix-clone/) [Video sharing YouTube Clone](https://miracuves.com/youtube-clone/) [Short video TikTok Clone](https://miracuves.com/tiktok-clone/) [Technology Flutter App Development Company](https://miracuves.com/service/flutter-app-development/) [Vertical Video Streaming App Development](https://miracuves.com/service/video-streaming-app-development/) [Cloud AWS Development Company](https://miracuves.com/service/aws-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** ## Creator Platform Development - FAQ What features ship in a Miracuves creator platform clone? Tiered subscriptions with per-tier content gating, pay-per-view unlocks on individual posts, paid direct messages, tipping on profiles and posts, a creator studio for uploads and earnings, age and identity verification before publishing, a payout ledger with per-creator splits, moderation and takedown queues, and an admin console for commission, payouts and compliance reporting. How long does a creator platform deployment take? Six working days from kickoff, which starts when requirements and branding assets are received and payment is confirmed. In that window Miracuves white-labels the base, deploys to hosting you own, and publishes to your own developer accounts. App-store review time is controlled by Apple and Google and sits outside those six days. How do creator payouts actually work? Every subscription, unlock, paid message and tip is split at the rate set for that creator and written to the ledger as it happens, so nothing has to be reconstructed at month end. Payout batches run on the schedule you choose. You select the payout rail that works in your markets and Miracuves wires it. Can I set a different commission for each creator? Yes. The platform cut is a per-creator and per-tier setting in admin, not a constant in the code. Most operators run a standard rate with negotiated exceptions for the talent they most want to keep, which is exactly why it cannot be hard-coded. How is age and identity verification handled? Creators verify identity and age before they are able to publish, and consent records are captured for every person appearing in content. Where your platform carries adult content this is a legal requirement in most markets rather than a product feature. Miracuves wires the verification provider you choose; we do not resell one. Will Apple and Google approve a creator platform app? It depends on your content policy, not on the code. Both stores allow creator subscription apps and both reject apps that surface adult content without proper gating and age assurance. Digital content sold inside the app must use their billing systems. The pattern that passes review is a compliant app plus a web checkout on your own gateway, and we wire both. What about payment processing and high-risk classification? Card networks classify creator platforms as high risk, so you will need a processor that has approved you for this category before launch. Miracuves integrates the gateway you have been approved for and keeps the split and payout logic independent of it, so switching processors later is a configuration change rather than a rebuild. What does creator platform development cost at Miracuves? The OnlyFans base is a fixed $2,799 with source code included. Scope, payment provider and branding are agreed in writing before payment. Custom platforms beyond the ready-made base are quoted separately at a fixed price. Do I own the creator platform source code? Yes. Full source for the fan app, creator studio and admin panel transfers to you on handover, with no vendor lock-in and no licence fee on the code. You host it on infrastructure you own. How is a creator platform different from a social network? A social network monetises attention and sells it to advertisers. A creator platform monetises a direct relationship between one creator and the people who pay them. That difference decides the whole build: access control sits on every post, billing is per creator rather than per platform, and the payout ledger is core infrastructure rather than a reporting afterthought. **Get Started** ## Ready to launch your creator platform? Share your creator model, your commission structure and your payout schedule. Miracuves scopes the creator platform clone at a fixed $2,799 with full source. **$2,799**Fixed**6 Days**Build**Payouts**Included**100%**Source [WhatsApp - Start Now](https://wa.me/919830009649) [Start Creator Platform Deployment](https://miracuves.com/contact/) NDA signed before we discuss your project Page reviewed by Miracuves Creator Platform Team · Last updated August 2026 · [Clutch & Google Reviews](https://miracuves.com/reviews-awards/)