--- title: Hire Product Managers description: Home/Services/Hire Product Managers/Hire Product ManagersDedicated Hiring · Available This Week Hire Dedicated Product ManagersVetted by Miracuves · Embedded url: https://miracuves.com/service/hire-product-managers date_modified: 2026-07-25 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'); /* ═══ V2 DESIGN TOKENS ═══ */ .tb{--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;--dk0:#030008;--dk1:#07040f;--dk2:#0c081a;--dk3:#120e26;--dk4:#191433;--card:rgba(8,4,15,.76);--cardh:rgba(14,8,25,.88);--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)} /* ═══ RESET ═══ */ .tb,.tb *{box-sizing:border-box!important} .tb{font-family:var(--f)!important;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.7;color:var(--lx2);width:100%;background:var(--l0)} .tb h1,.tb h2,.tb h3,.tb h4,.tb p,.tb ul,.tb ol{margin:0;padding:0} .tb ul,.tb ol{list-style:none} .tb a{text-decoration:none!important;color:inherit} /* ═══ LAYOUT ═══ */ .tb .W{max-width:1260px;margin:0 auto;padding:0 40px} .tb .S{padding:120px 0;position:relative} .tb .g2{display:grid;grid-template-columns:1fr 1fr;gap:32px} .tb .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px} .tb .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px} .tb .sp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start} /* ═══ SKINS ═══ */ .tb .sD{background:var(--dk1)}.tb .sD2{background:var(--dk2)}.tb .sW{background:var(--l0)}.tb .sG{background:var(--l1)}.tb .sR{background:var(--red-d)} .tb .sD h2,.tb .sD h3,.tb .sD2 h2,.tb .sD2 h3{color:var(--dx1)}.tb .sD p,.tb .sD2 p{color:var(--dx2)} .tb .sW h2,.tb .sW h3,.tb .sG h2,.tb .sG h3{color:var(--lx1)}.tb .sW p,.tb .sG p{color:var(--lx2)} .tb .sR h2,.tb .sR h3{color:#fff}.tb .sR p{color:rgba(255,255,255,.9)} /* ═══ TYPOGRAPHY ═══ */ .tb h1{font-size:clamp(52px,7vw,92px);font-weight:800;line-height:.98;letter-spacing:-3.8px} .tb h2{font-size:clamp(34px,4.2vw,54px);font-weight:800;line-height:1.06;letter-spacing:-2px} .tb h2 em{font-style:normal;color:var(--red)} .tb h3{font-size:21px;font-weight:800;line-height:1.25;letter-spacing:-.6px} .tb .lead{font-size:18px;line-height:1.76;font-weight:400;max-width:640px} .tb .body{font-size:15px;line-height:1.76} /* ═══ ANIMATIONS ═══ */ @keyframes tb-up{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}} @keyframes tb-pulse{0%{transform:scale(.6);opacity:.7}100%{transform:scale(2.2);opacity:0}} @keyframes tb-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 tb-glow-r{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.05)}} @keyframes tb-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}} @keyframes tb-skill-fill{from{width:0}to{width:var(--w)}} @keyframes tb-funnel-narrow{from{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(15% 0,85% 0,70% 100%,30% 100%)}} @keyframes tb-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(-1deg)}} @keyframes tb-slide-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}} @keyframes tb-blink{0%,49%{opacity:1}50%,100%{opacity:0}} /* ═══ AMBIENT GLOWS ═══ */ .tb .glow{position:absolute;border-radius:50%;filter:blur(130px);opacity:.15;pointer-events:none;z-index:0} .tb .glow-1{top:-10%;right:-5%;width:550px;height:550px;background:radial-gradient(circle,var(--red) 0%,transparent 70%);animation:tb-glow-r 6s ease-in-out infinite} .tb .glow-2{bottom:10%;left:-10%;width:450px;height:450px;background:radial-gradient(circle,var(--red-d) 0%,transparent 70%)} /* ═══ EYEBROW PILL ═══ */ .tb .pill{display:flex;margin-bottom:30px}.tb .pill.c{justify-content:center} .tb .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 4px 20px rgba(0,0,0,.4)} .tb .sW .eyp,.tb .sG .eyp{background:rgba(255,255,255,.85);border-color:var(--bl2);color:var(--lx2);box-shadow:0 4px 16px rgba(12,7,22,.04)} .tb .sR .eyp{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff} .tb .eyp strong{color:#fff!important;font-weight:700}.tb .sW .eyp strong,.tb .sG .eyp strong{color:var(--red)!important} .tb .eyp .eyp-bar{width:18px;height:2px;background:var(--red);border-radius:2px;flex-shrink:0;display:block;font-size:0;line-height:0;overflow:hidden} .tb .eyp .eyp-bar::before,.tb .eyp .eyp-bar::after{display:none!important;content:none!important} /* ═══ LIVE DOT ═══ */ .tb .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:tb-glow 2s ease-in-out infinite} .tb .ldot::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--green);opacity:.55;animation:tb-pulse 2.2s ease-out infinite} /* ═══ BUTTONS ═══ */ .tb .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} .tb .btn svg{width:18px;height:18px;stroke-width:2.4;position:relative;z-index:1;flex-shrink:0}.tb .btn span{position:relative;z-index:1} .tb .btn-p{background:var(--rg);color:#fff!important;box-shadow:0 12px 30px rgba(167,13,42,.35),inset 0 1px 0 rgba(255,255,255,.20)} .tb .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)} .tb .btn-p:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 40px rgba(167,13,42,.5)}.tb .btn-p:hover::before{transform:translateX(100%)} .tb .btn-g{background:rgba(12,7,23,.6);color:#fff!important;border:1px solid var(--bd2);backdrop-filter:blur(20px)} .tb .btn-g:hover{background:rgba(12,7,23,.85);transform:translateY(-3px);border-color:var(--bd3);box-shadow:0 12px 32px rgba(0,0,0,.45)} .tb .sW .btn-g,.tb .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)} .tb .sW .btn-g:hover,.tb .sG .btn-g:hover{background:#fff;transform:translateY(-3px);box-shadow:0 10px 24px rgba(12,7,22,.08)} .tb .sR .btn-g{background:rgba(255,255,255,.16);color:#fff!important;border-color:rgba(255,255,255,.26)} .tb .btn-wa{background:#25D366;color:#fff!important;box-shadow:0 10px 24px rgba(37,211,102,.25);border:none} .tb .btn-wa:hover{background:#20ba5a;transform:translateY(-3px);box-shadow:0 12px 30px rgba(37,211,102,.4)} /* ═══ CHECKLIST ═══ */ .tb .ck{display:flex;gap:14px;font-size:15px;font-weight:500;line-height:1.62;padding:8px 0;align-items:flex-start} .tb .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%} .tb .sD .ck::before,.tb .sD2 .ck::before{color:var(--green);background:rgba(0,230,118,.08)}.tb .sD .ck,.tb .sD2 .ck{color:var(--dx2)} .tb .sW .ck::before,.tb .sG .ck::before{color:var(--green);background:rgba(34,197,94,.08)}.tb .sW .ck,.tb .sG .ck{color:var(--lx2)} .tb .sR .ck::before{color:#ffd700;background:rgba(255,215,0,.12)}.tb .sR .ck{color:rgba(255,255,255,.88)} /* ═══ ICON BOX ═══ */ .tb .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)} .tb .ico svg{width:20px;height:20px;color:var(--red-l)} /* ═══ SECTION HEAD ═══ */ .tb .sh{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-bottom:56px} /* ═══ BREADCRUMB ═══ */ .tb .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} .tb .ta-bc a{color:var(--dx3);transition:color .2s}.tb .ta-bc a:hover{color:var(--red-l)} .tb .ta-bc .bs{color:var(--dx4);opacity:.6;font-size:10px;margin:0 4px} .tb .ta-bc .ta-bc-curr{color:var(--dx1);font-weight:700} /* ══════════════════════════════════════════════════════════════ ██ HERO — Developer Profile Card + Matching Console ██ COMPLETELY UNIQUE TO TEMPLATE B ══════════════════════════════════════════════════════════════ */ .tb .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} .tb .hero::before{content:'';position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(167,13,42,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(167,13,42,.02) 1px,transparent 1px);background-size:56px 56px;pointer-events:none} .tb .hi{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:start;position:relative;z-index:1} .tb .hl{padding-bottom:80px} .tb .hew{display:flex;margin-bottom:28px;animation:tb-up .6s var(--ease) both} .tb .hh1{font-size:clamp(54px,7.5vw,94px);font-weight:800;line-height:.96;letter-spacing:-.045em;color:var(--dx1);animation:tb-up .7s var(--ease) .1s both} .tb .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 10px 30px rgba(167,13,42,.5),inset 0 1px 0 rgba(255,255,255,.2);display:inline-block;letter-spacing:-.02em} .tb .hh1 .dim{color:rgba(255,255,255,.85);font-weight:700;font-size:.68em;display:block;margin-top:14px;letter-spacing:-.035em;-webkit-text-fill-color:rgba(255,255,255,.85)} .tb .hlead{font-size:18.5px;line-height:1.76;color:var(--dx2);margin-top:24px;max-width:540px;animation:tb-up .7s var(--ease) .18s both} .tb .htrust{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0;animation:tb-up .7s var(--ease) .24s both} .tb .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)} .tb .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)} .tb .htr svg{width:13px;height:13px;color:var(--green);flex-shrink:0} .tb .hctas{display:flex;gap:16px;flex-wrap:wrap;animation:tb-up .7s var(--ease) .3s both} .tb .hproof{display:flex;gap:16px;align-items:center;margin-top:28px;flex-wrap:wrap;font-size:12.5px;font-weight:600;animation:tb-up .7s var(--ease) .36s both;color:rgba(255,255,255,.85)} .tb .hproof a{color:#fff;text-decoration:underline!important;font-weight:700}.tb .hproof .dot{color:rgba(255,255,255,.35)} .tb .hr{padding-top:8px;animation:tb-up .7s var(--ease) .2s both} /* ── DEVELOPER PROFILE CARD (unique to B) ── */ .tb .dev-profile{position:relative;border-radius:var(--r20);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.65);transition:transform .4s var(--spring),box-shadow .4s var(--ease)} .tb .dev-profile::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} .tb .dev-profile:hover{transform:translateY(-6px);box-shadow:0 35px 80px rgba(167,13,42,.15),0 30px 70px rgba(0,0,0,.7)} .tb .dp-inner{background:rgba(6,3,12,.88);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:calc(var(--r20) - 1px);padding:32px;position:relative;z-index:1} .tb .dp-header{display:flex;align-items:center;gap:18px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--bd)} .tb .dp-avatar{width:60px;height:60px;border-radius:50%;background:var(--rg);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;flex-shrink:0;position:relative;box-shadow:0 8px 24px rgba(167,13,42,.4)} .tb .dp-status{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:var(--green);border-radius:50%;border:2.5px solid rgba(6,3,12,.88);box-shadow:0 0 10px var(--green);animation:tb-glow 2s ease-in-out infinite} .tb .dp-info h3{font-size:18px;font-weight:800;color:#fff;margin-bottom:4px;letter-spacing:-.02em} .tb .dp-info p{font-size:13px;color:var(--dx3);font-weight:600} .tb .dp-match{display:flex;align-items:center;gap:8px;margin-left:auto;padding:6px 14px;border-radius:var(--r100);background:rgba(0,230,118,.08);border:1px solid rgba(0,230,118,.25);font-size:11px;font-weight:800;color:var(--green);text-transform:uppercase;letter-spacing:.08em} /* Skill bars */ .tb .dp-skills{display:flex;flex-direction:column;gap:12px;margin-bottom:24px} .tb .dp-skill{display:flex;align-items:center;gap:12px} .tb .dp-skill-name{font-size:11.5px;font-weight:700;color:var(--dx3);width:80px;flex-shrink:0;text-transform:uppercase;letter-spacing:.06em} .tb .dp-skill-bar{flex:1;height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden} .tb .dp-skill-fill{height:100%;border-radius:3px;animation:tb-skill-fill 1.2s var(--ease) both} .tb .dp-skill-fill.expert{background:linear-gradient(90deg,var(--red),rgba(167,13,42,.6));--w:95%} .tb .dp-skill-fill.advanced{background:linear-gradient(90deg,var(--teal),rgba(0,243,255,.5));--w:88%} .tb .dp-skill-fill.strong{background:linear-gradient(90deg,var(--green),rgba(0,230,118,.5));--w:82%} .tb .dp-skill-pct{font-size:11px;font-weight:800;color:var(--dx2);width:32px;text-align:right;flex-shrink:0} /* Specializations */ .tb .dp-specs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px} .tb .dp-spec{font-size:10.5px;font-weight:700;padding:5px 12px;border-radius:var(--r6);background:rgba(167,13,42,.06);color:var(--red-l);border:1px solid rgba(167,13,42,.15);text-transform:uppercase;letter-spacing:.06em} /* Availability row */ .tb .dp-avail{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid var(--bd);font-size:13.5px;font-weight:600;color:var(--green)} .tb .dp-avail .ldot{width:8px;height:8px} /* ── MATCHING CONSOLE (unique to B) ── */ .tb .match-console{margin-top:18px;background:rgba(255,255,255,.02);border:1px solid var(--bd);border-radius:var(--r14);overflow:hidden;backdrop-filter:blur(8px);transition:all .35s var(--ease)} .tb .match-console:hover{border-color:rgba(167,13,42,.3);transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.4)} .tb .mc-header{padding:14px 20px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--dx3)} .tb .mc-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green);animation:tb-glow 2s ease-in-out infinite} .tb .mc-tag{margin-left:auto;color:var(--red-l);font-size:10px;border:1px solid rgba(167,13,42,.2);padding:2px 8px;border-radius:4px;background:rgba(167,13,42,.05)} .tb .mc-body{padding:16px 20px} .tb .mc-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.03)} .tb .mc-row:last-child{border-bottom:none} .tb .mc-label{font-size:9px;font-weight:850;color:var(--dx4);letter-spacing:.08em;text-transform:uppercase} .tb .mc-val{font-size:12.5px;font-weight:750;color:var(--dx1)} /* ═══ STRIP ═══ */ .tb .hstrip{background:var(--l0);padding:34px 0;position:relative;z-index:1;box-shadow:0 -1px 0 rgba(167,13,42,.08),0 12px 40px rgba(12,7,22,.06)} .tb .hsr{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:16px} .tb .hsi strong{display:block;font-size:20px;font-weight:800;color:var(--red-d);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} .tb .hsi span{display:block;font-size:10.2px;font-weight:700;color:var(--lx3);text-transform:uppercase;letter-spacing:.08em;margin-top:4px} .tb .hsep{width:1px;height:36px;background:var(--bl2);flex-shrink:0} /* ═══ TRUST BAR ═══ */ .tb .tbar{padding:48px 0;border-bottom:1px solid var(--bd);position:relative;z-index:1} .tb .tbrow{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 48px;justify-items:center} .tb .titem{display:flex;align-items:center;gap:14px}.tb .titem h4{font-size:14.5px;font-weight:800;color:var(--dx1);letter-spacing:-.01em}.tb .titem p{font-size:12.5px;color:var(--dx2);margin-top:4px;font-weight:500} .tb .tsep{display:none!important} .tb .titem:hover .ico{transform:scale(1.08) rotate(3deg);background:rgba(167,13,42,.12);border-color:rgba(167,13,42,.4)} /* ═══ ACCENT NOTE ═══ */ .tb .anote{background:rgba(167,13,42,.02);border:1px solid rgba(167,13,42,.12);border-left:5px solid var(--red);border-radius:0 var(--r14) var(--r14) 0;padding:20px 24px;margin-top:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)} .tb .anh{font-size:11px;font-weight:850;color:var(--red);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px} .tb .mrow{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid var(--bl2);margin-top:30px;font-size:13.5px;color:var(--lx3);font-weight:650} .tb .mrow svg{width:16px;height:16px;color:var(--red);flex-shrink:0}.tb .mrow a{color:var(--red-d);font-weight:700} /* ══════════════════════════════════════════════════════════════ ██ S03: SPRINT BOARD MOCKUP (unique to B — not stat grid) ══════════════════════════════════════════════════════════════ */ .tb .sprint-board{background:rgba(6,3,12,.88);border:1px solid var(--bd2);border-radius:var(--r20);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);position:relative} .tb .sprint-board::before{content:'';position:absolute;inset:0;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.12),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} .tb .sb-header{padding:16px 22px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.03)} .tb .sb-header .cd{width:11px;height:11px;border-radius:50%}.tb .sb-header .cd-r{background:#ff5f56}.tb .sb-header .cd-y{background:#ffbd2e}.tb .sb-header .cd-g{background:#27c93f} .tb .sb-title{font-size:11.5px;font-weight:600;color:var(--dx3);margin-left:10px;font-family:var(--fm);letter-spacing:.04em} .tb .sb-cols{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:260px} .tb .sb-col{padding:16px;border-right:1px solid var(--bd)} .tb .sb-col:last-child{border-right:none} .tb .sb-col-head{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--dx4);margin-bottom:14px;display:flex;align-items:center;gap:8px} .tb .sb-col-count{background:rgba(255,255,255,.06);border-radius:4px;padding:1px 6px;font-size:9px;color:var(--dx3)} .tb .sb-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:var(--r10);padding:12px;margin-bottom:10px;transition:all .25s;cursor:default} .tb .sb-card:hover{background:rgba(255,255,255,.06);border-color:rgba(167,13,42,.3);transform:translateY(-2px)} .tb .sb-card-title{font-size:12px;font-weight:700;color:var(--dx1);margin-bottom:6px} .tb .sb-card-tag{display:inline-block;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:4px;margin-right:4px} .tb .sb-tag-feat{background:rgba(0,243,255,.08);color:var(--teal);border:1px solid rgba(0,243,255,.2)} .tb .sb-tag-bug{background:rgba(167,13,42,.08);color:var(--red-l);border:1px solid rgba(167,13,42,.2)} .tb .sb-tag-qa{background:rgba(0,230,118,.08);color:var(--green);border:1px solid rgba(0,230,118,.2)} .tb .sb-card-pts{font-size:10px;color:var(--dx4);margin-top:8px;display:flex;align-items:center;gap:6px} .tb .sb-card-pts span{background:rgba(255,255,255,.05);padding:1px 6px;border-radius:3px;font-weight:700;font-size:9px} /* Active card — glowing border */ .tb .sb-card.active{border-color:rgba(0,243,255,.4);box-shadow:0 0 16px rgba(0,243,255,.08)} /* ══════════════════════════════════════════════════════════════ ██ S04: INCLUSION CARDS ══════════════════════════════════════════════════════════════ */ .tb .inc-card{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r20);padding:32px 28px;transition:all .4s var(--spring);box-shadow:0 4px 16px rgba(12,7,22,.02);position:relative;overflow:hidden} .tb .inc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--rg);opacity:0;transition:opacity .3s} .tb .inc-card:hover{transform:translateY(-8px);border-color:rgba(167,13,42,.3);box-shadow:0 24px 50px rgba(167,13,42,.08),0 8px 24px rgba(12,7,22,.04)} .tb .inc-card:hover::before{opacity:1} .tb .inc-num{font-size:11px;font-weight:850;color:var(--red);margin-bottom:16px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ra);border:1px solid var(--rb)} .tb .inc-card h3{font-size:17px;font-weight:800;color:var(--lx1);margin-bottom:10px;letter-spacing:-.02em} .tb .inc-card p{font-size:13.8px;line-height:1.68;color:var(--lx2)} /* ══════════════════════════════════════════════════════════════ ██ S05: VETTING — Split dark/red with funnel visual ══════════════════════════════════════════════════════════════ */ .tb .two-col{display:grid;grid-template-columns:1fr 1fr} .tb .tc-panel{padding:130px 90px;display:flex;align-items:flex-start} .tb .tc-inner{width:100%;max-width:560px} .tb .two-col .tc-panel:first-child .tc-inner{margin-left:auto;margin-right:0} .tb .two-col .tc-panel:last-child .tc-inner{margin-left:0;margin-right:auto} .tb .qs-dark{background:var(--dk1);position:relative} .tb .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} .tb .qs-dark h2{color:var(--dx1)}.tb .qs-dark h2 em{color:var(--red-l)}.tb .qs-dark .lead{color:var(--dx2)} .tb .qs-dark .eyp{background:rgba(8,4,12,.75);border-color:var(--bd2)}.tb .qs-dark .eyp strong{color:#fff}.tb .qs-dark .eyp-bar{background:var(--red)} .tb .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;transition:all .3s var(--ease)} .tb .qrow:hover{background:rgba(255,255,255,.05);border-color:rgba(167,13,42,.35);transform:translateX(6px);box-shadow:0 10px 24px rgba(0,0,0,.25)} .tb .qn{font-size:13.8px;font-weight:650;color:var(--dx1)}.tb .qb{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;background:rgba(255,255,255,.06);border:1px solid var(--bd2);border-radius:var(--r100);padding:3px 10px;color:var(--dx3);white-space:nowrap} .tb .qs-red{background:var(--red-d);position:relative;overflow:hidden} .tb .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} .tb .qs-red .tc-inner{position:relative;z-index:1;max-width:760px} /* Vetting funnel visual */ .tb .funnel-wrap{margin-bottom:36px} .tb .funnel-step{display:flex;align-items:center;gap:14px;margin-bottom:4px} .tb .funnel-bar{height:24px;border-radius:6px;display:flex;align-items:center;padding:0 14px;font-size:10px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.06em;transition:all .3s;position:relative;overflow:hidden} .tb .funnel-bar::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:tb-shimmer 3s infinite;opacity:0;transition:opacity .3s} .tb .funnel-step:hover .funnel-bar::after{opacity:1} .tb .funnel-bar.f1{width:100%;background:rgba(255,255,255,.15)} .tb .funnel-bar.f2{width:50%;background:rgba(255,255,255,.18)} .tb .funnel-bar.f3{width:30%;background:rgba(255,255,255,.22)} .tb .funnel-bar.f4{width:18%;background:rgba(255,255,255,.26)} .tb .funnel-bar.f5{width:10%;background:rgba(255,255,255,.30)} .tb .funnel-bar.f6{width:6%;background:rgba(255,255,255,.35)} .tb .funnel-n{font-size:11px;color:rgba(255,255,255,.5);font-weight:700;flex-shrink:0;width:42px;text-align:right} .tb .funnel-label{font-size:11px;color:rgba(255,255,255,.65);font-weight:600;margin-left:12px;white-space:nowrap} /* Vetting step cards (2×3 grid) */ .tb .vet-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .tb .vet-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--r14);padding:22px;transition:all .35s var(--spring)} .tb .vet-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.07);box-shadow:0 16px 36px rgba(0,0,0,.3)} .tb .vet-num{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:850;margin-bottom:12px} .tb .vet-card h4{font-size:14px;font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:-.01em} .tb .vet-card p{font-size:12px;line-height:1.62;color:rgba(255,255,255,.75)} /* ══════════════════════════════════════════════════════════════ ██ S06: TOOLS GRID — 16 items 4×4 ══════════════════════════════════════════════════════════════ */ .tb .stack16{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .tb .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} .tb .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} .tb .stki:hover{transform:translateY(-6px);border-color:var(--red);box-shadow:0 20px 40px rgba(167,13,42,.12)} .tb .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)} .tb .stki:hover .stlogo{transform:scale(1.1) rotate(4deg)} .tb .stname{font-size:14px;font-weight:800;color:var(--dx1);margin-bottom:6px;letter-spacing:-.01em} .tb .stdesc{font-size:11px;line-height:1.5;color:var(--dx3);font-weight:500} /* ══════════════════════════════════════════════════════════════ ██ S07: TEAM TOPOLOGY — Rich org-chart visuals ══════════════════════════════════════════════════════════════ */ .tb .topo-card{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r20);overflow:hidden;transition:all .4s var(--spring);box-shadow:0 4px 16px rgba(12,7,22,.02)} .tb .topo-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(167,13,42,.08),0 8px 24px rgba(12,7,22,.06);border-color:rgba(167,13,42,.3)} .tb .topo-vis{height:180px;position:relative;overflow:hidden;border-bottom:1px solid var(--bl2);display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(167,13,42,.06),rgba(167,13,42,.015))} /* Node system */ .tb .tn{position:absolute;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:850;transition:transform .3s var(--spring);box-shadow:0 6px 20px rgba(0,0,0,.3)} .tb .topo-card:hover .tn{transform:scale(1.06)} .tb .tn.lead{width:48px;height:48px;background:var(--rg);color:#fff;font-size:13px;border-radius:50%;z-index:3;box-shadow:0 8px 24px rgba(167,13,42,.5)} .tb .tn.dev{width:38px;height:38px;background:rgba(0,243,255,.12);border:1.5px solid rgba(0,243,255,.35);color:var(--teal);font-size:10.5px;border-radius:50%} .tb .tn.ops{width:38px;height:38px;background:rgba(0,230,118,.12);border:1.5px solid rgba(0,230,118,.35);color:var(--green);font-size:10.5px;border-radius:50%} .tb .tn.ghost{width:38px;height:38px;background:rgba(255,255,255,.04);border:1.5px dashed rgba(255,255,255,.18);color:rgba(255,255,255,.3);font-size:14px;border-radius:50%} .tb .tl{position:absolute;height:1.5px;background:rgba(167,13,42,.25)} .tb .topo-body{padding:26px 28px} .tb .topo-tag{font-size:10.5px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--red);margin-bottom:10px} .tb .topo-title{font-size:19px;font-weight:800;color:var(--lx1);margin-bottom:10px;letter-spacing:-.02em} .tb .topo-desc{font-size:13.5px;line-height:1.68;color:var(--lx2);margin-bottom:16px} .tb .topo-best{font-size:12px;color:var(--lx3);padding-top:14px;border-top:1px solid var(--bl2);font-weight:600} .tb .topo-best strong{color:var(--red);font-weight:800} /* ══════════════════════════════════════════════════════════════ ██ S08: PRICING CARDS ══════════════════════════════════════════════════════════════ */ .tb .pcrd{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r20);padding:44px 34px;position:relative;transition:all .4s var(--spring);overflow:hidden;box-shadow:0 4px 16px rgba(12,7,22,.02)} .tb .pcrd::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--rg);opacity:0;transition:opacity .3s} .tb .pcrd:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(12,7,22,.06),0 10px 24px rgba(167,13,42,.05);border-color:rgba(167,13,42,.3)} .tb .pcrd:hover::before{opacity:1} .tb .pcrd.hot{border-color:var(--red);box-shadow:0 16px 40px rgba(167,13,42,.08);background:var(--l1)} .tb .pcrd.hot::before{opacity:1} .tb .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;white-space:nowrap;box-shadow:0 2px 8px rgba(167,13,42,.25)} .tb .pname{font-size:19px;font-weight:800;color:var(--lx1);margin-bottom:14px;letter-spacing:-.02em} .tb .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} .tb .pnote{font-size:12.8px;color:var(--lx3);margin-bottom:26px;font-weight:600} .tb .pcrd ul{display:flex;flex-direction:column;gap:11px;margin-bottom:32px} .tb .pcrd li{position:relative;padding-left:26px;font-size:13.8px;line-height:1.6;color:var(--lx2);font-weight:550} .tb .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} /* ══════════════════════════════════════════════════════════════ ██ S09: CASE STUDY SPLIT — dark/grey ══════════════════════════════════════════════════════════════ */ .tb .cs-dark{background:var(--dk1);position:relative} .tb .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} .tb .cs-dark .tc-inner{position:relative;z-index:1} .tb .cs-dark h2{color:var(--dx1)}.tb .cs-dark h2 em{color:var(--red-l)}.tb .cs-dark .body{color:var(--dx2)} .tb .cs-dark .eyp{background:rgba(8,4,12,.75);border-color:var(--bd2)}.tb .cs-dark .eyp strong{color:#fff}.tb .cs-dark .eyp-bar{background:var(--red)} .tb #process.sG .cst{color:var(--lx1)} .tb #process.sG .csb{color:var(--lx2)} .tb #process.sG .csr{border-bottom-color:var(--bl2)} .tb #process.sG .csn{background:var(--ra);color:var(--red-l);border:1px solid var(--rb)} .tb .csr{display:flex;gap:20px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--bd);min-width:0;width:100%} .tb .csr:last-child{border-bottom:none;padding-bottom:0} .tb .csr > div:not(.csn){min-width:0;flex:1} .tb .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} .tb .csr:hover .csn{transform:scale(1.08) rotate(3deg)} .tb .cst{font-size:16px;font-weight:800;margin-bottom:8px;color:var(--dx1);letter-spacing:-.01em} .tb .csb{font-size:13.8px;line-height:1.7;color:var(--dx2);overflow-wrap:break-word;word-wrap:break-word} .tb .process-steps{display:flex;flex-direction:column;gap:0;margin-top:32px;min-width:0;width:100%;max-width:100%} .tb .revl,.tb .revr{min-width:0;max-width:100%} .tb .rbar{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px} .tb .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)} .tb .rpill:hover{border-color:rgba(167,13,42,.4);background:rgba(167,13,42,.08);transform:translateY(-3px)} .tb .rpill strong{display:block;font-size:24px;font-weight:800;color:var(--red-l);letter-spacing:-.03em;line-height:1.1} .tb .rpill span{display:block;font-size:11px;color:var(--dx3);margin-top:4px;font-weight:700;text-transform:uppercase;letter-spacing:.08em} /* Grey panel for testimonial/brief */ .tb .cs-grey{background:var(--l2);position:relative;overflow:hidden} .tb .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} .tb .cs-grey .tc-inner{position:relative;z-index:1} .tb .testi{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r20);padding:36px;box-shadow:0 8px 30px rgba(12,7,22,.03)} .tb .tlbl{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.14em;color:var(--red);margin-bottom:16px} .tb .tq{font-size:16px;font-weight:550;line-height:1.76;font-style:italic;color:var(--lx1);letter-spacing:-.01em} .tb .tau{display:flex;align-items:center;gap:14px;padding-top:20px;margin-top:20px;border-top:1px solid var(--bl2)} .tb .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)} .tb .tnm{font-size:15px;font-weight:850;color:var(--lx1)}.tb .trl{font-size:12.8px;color:var(--lx3);margin-top:2px;font-weight:550} .tb .tvfy{margin-top:20px;padding:14px 18px;background:var(--l1);border-radius:var(--r10);font-size:13.8px;font-weight:700;border:1px solid var(--bl2)} .tb .proj-brief{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r20);padding:26px 30px;box-shadow:0 8px 30px rgba(12,7,22,.03)} .tb .pb-title{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.14em;color:var(--red);margin-bottom:16px} .tb .pb-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--bl2)} .tb .pb-row:last-child{border-bottom:none} .tb .pb-label{color:var(--lx3);font-weight:600;font-size:13.5px} .tb .pb-val{color:var(--lx1);font-weight:800;font-size:13.5px} /* ═══ S10–S12: Related / FAQ / CTA ═══ */ .tb .rcrd{display:flex;align-items:center;gap:18px;background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r14);padding:22px 24px;transition:all .35s var(--spring);text-decoration:none!important;box-shadow:0 4px 16px rgba(12,7,22,.02)} .tb .rcrd:hover{transform:translateX(6px);border-color:rgba(167,13,42,.35);box-shadow:0 16px 36px rgba(167,13,42,.08)} .tb .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)} .tb .rcrd:hover .rict{transform:scale(1.1) rotate(4deg)} .tb .rict svg{width:20px;height:20px;color:var(--red)} .tb .rcat{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;color:var(--lx3);margin-bottom:5px} .tb .rtit{font-size:15px;font-weight:800;color:var(--lx1);letter-spacing:-.01em} .tb .fitem{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r14);overflow:hidden;transition:border-color .3s,box-shadow .3s;box-shadow:0 4px 16px rgba(0,0,0,.01)} .tb .fitem:hover{border-color:rgba(167,13,42,.28);box-shadow:0 12px 28px rgba(12,7,22,.05)} .tb .fq{font-size:16px;font-weight:800;line-height:1.35;color:var(--lx1);padding:24px 28px 0;letter-spacing:-.02em} .tb .faq-a{font-size:14px;line-height:1.74;color:var(--lx2);padding:12px 28px 24px;font-weight:500} .tb .ctawrap{display:flex;align-items:center;justify-content:space-between;gap:64px;flex-wrap:wrap} .tb .ctal{flex:1;min-width:280px}.tb .ctar{display:flex;flex-direction:column;gap:14px;flex-shrink:0;min-width:260px} .tb .ctapr{display:flex;gap:36px;margin-top:32px;flex-wrap:wrap} .tb .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} .tb .ctapr span{display:block;font-size:11.5px;color:var(--lx3);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;font-weight:700} .tb .ctanote{font-size:12.8px;color:var(--lx3);text-align:center;font-weight:600} /* Honest note */ .tb .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:inset 0 1px 0 rgba(255,255,255,.7)} /* ══════════════════════════════════════════════════════════════ ██ SOPHISTICATION LAYER — Premium polish on every surface ██ Grid textures · Deep shadows · Gradient borders · Glow text ██ Heavy glass blur · Refined spacing · Spring hover states ══════════════════════════════════════════════════════════════ */ /* ── Global refinement ── */ .tb .S { padding: 130px 0; } .tb h2 { margin-bottom: 4px; } .tb .lead { letter-spacing: -0.01em; } /* ── Hero grid texture + deeper atmosphere ── */ .tb .hero::before { 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; } .tb .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; } /* ── Developer Profile Card — maximum glass depth ── */ .tb .dev-profile { box-shadow: 0 40px 80px rgba(0,0,0,.7), 0 15px 35px rgba(167,13,42,.12); } .tb .dev-profile:hover { box-shadow: 0 50px 100px rgba(167,13,42,.2), 0 40px 80px rgba(0,0,0,.75); } .tb .dp-inner { backdrop-filter: blur(44px) saturate(190%); -webkit-backdrop-filter: blur(44px) saturate(190%); } .tb .dp-avatar { box-shadow: 0 10px 30px rgba(167,13,42,.5), inset 0 -2px 4px rgba(0,0,0,.3); } .tb .dp-skill-fill { box-shadow: 0 0 12px rgba(167,13,42,.3); } .tb .dp-skill-fill.advanced { box-shadow: 0 0 12px rgba(0,243,255,.3); } .tb .dp-skill-fill.strong { box-shadow: 0 0 12px rgba(0,230,118,.3); } .tb .dp-match { box-shadow: 0 0 20px rgba(0,230,118,.12); } /* ── Matching Console — elevated glass ── */ .tb .match-console { box-shadow: 0 20px 50px rgba(0,0,0,.45); } .tb .match-console:hover { box-shadow: 0 30px 60px rgba(167,13,42,.1), 0 20px 50px rgba(0,0,0,.5); } /* ── Sprint Board — IDE-level fidelity ── */ .tb .sprint-board { box-shadow: 0 40px 80px rgba(0,0,0,.65), 0 15px 35px rgba(0,0,0,.3); } .tb .sprint-board::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent); pointer-events: none; z-index: 3; } .tb .sb-header { backdrop-filter: blur(12px); } .tb .sb-card { backdrop-filter: blur(6px); box-shadow: 0 2px 8px rgba(0,0,0,.2); } .tb .sb-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); } .tb .sb-card.active { box-shadow: 0 0 20px rgba(0,243,255,.08), 0 4px 16px rgba(0,0,0,.3); } .tb .sb-card.active::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(0,243,255,.4), transparent); } /* ── Inclusion cards — gradient border technique ── */ .tb .inc-card { border: 1px solid transparent; 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 6px 24px rgba(12,7,22,.03); } .tb .inc-card:hover { background-image: linear-gradient(var(--l0), var(--l0)), linear-gradient(135deg, rgba(167,13,42,.45), rgba(167,13,42,.08)); box-shadow: 0 30px 60px rgba(167,13,42,.1), 0 10px 30px rgba(12,7,22,.05); } /* ── Trust bar items — elevated with glass on all viewports ── */ .tb .titem { transition: transform .3s var(--spring), box-shadow .3s var(--ease); } .tb .titem:hover { transform: translateY(-2px); } /* ── Vetting funnel — glow on narrow bars ── */ .tb .funnel-bar { box-shadow: inset 0 1px 0 rgba(255,255,255,.15); transition: all .35s var(--ease); } .tb .funnel-step:hover .funnel-bar { box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 4px 16px rgba(167,13,42,.15); transform: scaleX(1.02); } .tb .funnel-bar.f6 { box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 0 20px rgba(167,13,42,.2); } /* ── Vet cards — glass depth ── */ .tb .vet-card { backdrop-filter: blur(8px); box-shadow: 0 4px 16px rgba(0,0,0,.2); } .tb .vet-card:hover { box-shadow: 0 20px 45px rgba(0,0,0,.35), 0 0 30px rgba(167,13,42,.08); } .tb .vet-num { box-shadow: 0 0 12px rgba(255,255,255,.06); } /* ── Team topology cards — gradient border + deeper hover ── */ .tb .topo-card { border: 1px solid transparent; background-image: linear-gradient(var(--l0), var(--l0)), linear-gradient(135deg, rgba(12,7,22,.04), rgba(167,13,42,.12)); background-origin: border-box; background-clip: padding-box, border-box; box-shadow: 0 6px 24px rgba(12,7,22,.03); } .tb .topo-card:hover { background-image: linear-gradient(var(--l0), var(--l0)), linear-gradient(135deg, rgba(167,13,42,.4), rgba(167,13,42,.06)); box-shadow: 0 30px 60px rgba(167,13,42,.1), 0 10px 30px rgba(12,7,22,.06); } .tb .topo-vis { background: linear-gradient(180deg, rgba(167,13,42,.06), rgba(167,13,42,.015)); position: relative; } .tb .topo-vis::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(167,13,42,.06), transparent 70%); pointer-events: none; } .tb .tn.lead { box-shadow: 0 10px 30px rgba(167,13,42,.55), 0 0 40px rgba(167,13,42,.15); } .tb .tn.dev { box-shadow: 0 6px 18px rgba(0,243,255,.15), 0 4px 12px rgba(0,0,0,.25); } .tb .tn.ops { box-shadow: 0 6px 18px rgba(0,230,118,.15), 0 4px 12px rgba(0,0,0,.25); } .tb .topo-card:hover .tn.lead { box-shadow: 0 12px 35px rgba(167,13,42,.65), 0 0 50px rgba(167,13,42,.2); } /* ── Pricing cards — gradient border + elevated glass ── */ .tb .pcrd { border: 1px solid transparent; 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 6px 24px rgba(12,7,22,.03); } .tb .pcrd:hover { background-image: linear-gradient(var(--l0), var(--l0)), linear-gradient(135deg, rgba(167,13,42,.4), rgba(167,13,42,.06)); box-shadow: 0 30px 60px rgba(167,13,42,.1), 0 10px 30px rgba(12,7,22,.05); } .tb .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), 0 8px 24px rgba(12,7,22,.04); } .tb .pamt { text-shadow: 0 4px 12px rgba(167,13,42,.15); } /* ── Tools grid — subtle glass sheen ── */ .tb .stki { box-shadow: 0 8px 30px rgba(0,0,0,.3); } .tb .stki:hover { box-shadow: 0 24px 50px rgba(167,13,42,.15), 0 10px 24px rgba(0,0,0,.4); } .tb .stlogo { box-shadow: 0 2px 8px rgba(0,0,0,.2); } .tb .stki:hover .stlogo { box-shadow: 0 4px 14px rgba(167,13,42,.3); background: rgba(167,13,42,.08); border-color: rgba(167,13,42,.4); } /* ── Split panels — radial glow + deeper feel ── */ .tb .qs-dark { box-shadow: inset -1px 0 0 var(--bd); } .tb .qs-dark::after { content: ''; position: absolute; top: 50%; right: 0; width: 300px; height: 300px; transform: translate(50%, -50%); background: radial-gradient(circle, rgba(167,13,42,.06), transparent 70%); pointer-events: none; } .tb .cs-dark::after { content: ''; position: absolute; top: 50%; right: 0; width: 300px; height: 300px; transform: translate(50%, -50%); background: radial-gradient(circle, rgba(167,13,42,.06), transparent 70%); pointer-events: none; } /* ── Quality rows — glow on hover ── */ .tb .qrow:hover { box-shadow: 0 12px 30px rgba(0,0,0,.3), 0 0 20px rgba(167,13,42,.06); } .tb .qb { backdrop-filter: blur(8px); } /* ── Testimonial — premium glass ── */ .tb .testi { box-shadow: 0 12px 40px rgba(12,7,22,.05); transition: transform .3s var(--spring), box-shadow .3s var(--ease); } .tb .testi:hover { transform: translateY(-4px); box-shadow: 0 24px 60px rgba(12,7,22,.08); } .tb .proj-brief { box-shadow: 0 12px 40px rgba(12,7,22,.05); transition: transform .3s var(--spring), box-shadow .3s var(--ease); } .tb .proj-brief:hover { transform: translateY(-3px); box-shadow: 0 20px 50px rgba(12,7,22,.07); } /* ── FAQ — subtle gradient border ── */ .tb .fitem { border: 1px solid transparent; 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(0,0,0,.01); } .tb .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); } /* ── Related cards — slide + glow ── */ .tb .rcrd { border: 1px solid transparent; 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); } .tb .rcrd:hover { 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); } /* ── CTA section — subtle glow behind stats ── */ .tb .ctapr strong { text-shadow: 0 4px 12px rgba(167,13,42,.12); } /* ── Honest note — premium left border glow ── */ .tb .hnote { box-shadow: -4px 0 16px rgba(167,13,42,.08), 0 4px 16px rgba(12,7,22,.03); } .tb .anote { box-shadow: -4px 0 16px rgba(167,13,42,.08), inset 0 1px 0 rgba(255,255,255,.7); } /* ── Eyebrow pill — glass refinement ── */ .tb .eyp { box-shadow: 0 6px 24px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06); } .tb .sW .eyp, .tb .sG .eyp { box-shadow: 0 6px 24px rgba(12,7,22,.06), inset 0 -1px 0 rgba(0,0,0,.03); } /* ── Buttons — deeper shadow layers ── */ .tb .btn-p { 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); } .tb .btn-p:hover { box-shadow: 0 20px 45px rgba(167,13,42,.55), 0 8px 20px rgba(167,13,42,.3); } .tb .btn-wa { box-shadow: 0 12px 28px rgba(37,211,102,.28), 0 4px 12px rgba(37,211,102,.12); } .tb .btn-wa:hover { box-shadow: 0 16px 36px rgba(37,211,102,.4), 0 6px 16px rgba(37,211,102,.2); } .tb .btn-g { box-shadow: 0 4px 16px rgba(0,0,0,.3); } .tb .btn-g:hover { box-shadow: 0 14px 36px rgba(0,0,0,.5); } /* ── Hero H1 — text depth ── */ .tb .hh1 em { 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); } /* ── Numbers with glow ── */ .tb .sn { text-shadow: 0 4px 14px rgba(167,13,42,.15); } .tb .hscn { text-shadow: 0 4px 14px rgba(167,13,42,.25); } .tb .rpill strong { text-shadow: 0 2px 10px rgba(167,13,42,.2); } .tb .pamt { text-shadow: 0 4px 14px rgba(167,13,42,.18); } /* ── Section ambient glows (add to white/grey sections) ── */ .tb .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; } .tb .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; } .tb .sW .W, .tb .sG .W { position: relative; z-index: 1; } /* ── Strip refinement ── */ .tb .hstrip { box-shadow: 0 -1px 0 rgba(167,13,42,.1), 0 16px 48px rgba(12,7,22,.07); } .tb .hsi strong { text-shadow: 0 2px 8px rgba(167,13,42,.1); } /* ── Responsive padding adjustment for 130px sections ── */ @media (max-width: 768px) { .tb .S { padding: 80px 0; } } @media (max-width: 480px) { .tb .S { padding: 64px 0; } } /* ══════════════════════════════════════════════════════════════ ██ IMPECCABLE REFINEMENT — Final production polish ██ Noise texture · Sharp typography · Cursor-glow · Ring nodes ██ Section dividers · Elevation tiers · Pressed states ══════════════════════════════════════════════════════════════ */ /* ── 1. NOISE TEXTURE — Adds tactile grain to glass surfaces ── */ .tb .dev-profile::after, .tb .sprint-board::after, .tb .match-console::after, .tb .stki::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E"); pointer-events: none; z-index: 10; mix-blend-mode: overlay; opacity: .4; } /* ── 2. SHARP TYPOGRAPHY — Tighter, more dramatic ── */ .tb h1 { font-feature-settings: 'ss01' on, 'liga' on; } .tb h2 { font-feature-settings: 'ss01' on; letter-spacing: -2.2px; } .tb h2 em { letter-spacing: -1px; } .tb .hh1 { letter-spacing: -0.05em; } .tb .hh1 .dim { letter-spacing: -0.04em; font-size: .62em; opacity: .78; margin-top: 18px; } .tb h3 { letter-spacing: -0.03em; } .tb .lead { letter-spacing: -0.015em; font-size: 18.5px; } .tb .body { letter-spacing: -0.005em; } .tb .eyp { letter-spacing: 0.02em; } /* ── 3. SECTION DIVIDERS — Hairline crimson at key transitions ── */ .tb #trust { border-top: 1px solid rgba(167,13,42,.08); } .tb #role { border-top: 1px solid rgba(167,13,42,.04); } .tb #included { border-top: 1px solid rgba(12,7,22,.04); } .tb #structures { border-top: 1px solid rgba(167,13,42,.04); } .tb #pricing { border-top: 1px solid rgba(12,7,22,.04); } .tb #related { border-top: 1px solid rgba(167,13,42,.04); } .tb #faq { border-top: 1px solid rgba(12,7,22,.04); } /* ── 4. ELEVATION SYSTEM — 3 consistent tiers ── */ /* Tier 1: Resting (cards at rest) */ .tb .inc-card, .tb .topo-card, .tb .pcrd, .tb .fitem, .tb .rcrd { 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); } /* Tier 2: Hover (cards lifting) */ .tb .inc-card:hover, .tb .topo-card:hover, .tb .pcrd:hover, .tb .fitem:hover, .tb .rcrd:hover { 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); } /* Tier 3: Hero/feature (maximum elevation) */ .tb .dev-profile, .tb .sprint-board { 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); } /* ── 5. CURSOR-GLOW — Cards respond to hover with subtle light ── */ .tb .inc-card { position: relative; overflow: hidden; } .tb .inc-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; } .tb .inc-card:hover::after { opacity: 1; } .tb .topo-card::after { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at center, rgba(167,13,42,.03), transparent 40%); opacity: 0; transition: opacity .4s; pointer-events: none; z-index: 0; } .tb .topo-card:hover::after { opacity: 1; } /* ── 6. TEAM TOPOLOGY NODES — Ring effects ── */ .tb .tn.lead::before { content: ''; position: absolute; inset: -6px; border-radius: 50%; border: 1.5px solid rgba(167,13,42,.3); opacity: .6; animation: tb-pulse 3s ease-out infinite; } .tb .tn.lead::after { content: ''; position: absolute; inset: -12px; border-radius: 50%; border: 1px solid rgba(167,13,42,.12); } .tb .tn.dev::before { content: ''; position: absolute; inset: -5px; border-radius: 50%; border: 1px dashed rgba(0,243,255,.2); } .tb .tn.ops::before { content: ''; position: absolute; inset: -5px; border-radius: 50%; border: 1px dashed rgba(0,230,118,.2); } /* ── 7. BUTTON PRESSED STATE — Physical click feel ── */ .tb .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; } .tb .btn-wa:active { transform: translateY(0) scale(.98); box-shadow: 0 4px 12px rgba(37,211,102,.2), inset 0 2px 4px rgba(0,0,0,.15); transition-duration: .1s; } .tb .btn-g:active { transform: translateY(0) scale(.98); box-shadow: 0 2px 8px rgba(0,0,0,.2), inset 0 1px 3px rgba(0,0,0,.15); transition-duration: .1s; } /* ── 8. SKILL BAR REFINEMENT — Smoother gradients + glow pulse ── */ .tb .dp-skill-bar { background: rgba(255,255,255,.04); border: .5px solid rgba(255,255,255,.04); } .tb .dp-skill-fill { border-radius: 3px; position: relative; } .tb .dp-skill-fill::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #fff; box-shadow: 0 0 8px currentColor; opacity: .8; } .tb .dp-skill-fill.expert::after { box-shadow: 0 0 8px rgba(167,13,42,.8); } .tb .dp-skill-fill.advanced::after { box-shadow: 0 0 8px rgba(0,243,255,.8); } .tb .dp-skill-fill.strong::after { box-shadow: 0 0 8px rgba(0,230,118,.8); } /* ── 9. FUNNEL — Sharper typography + glow endpoint ── */ .tb .funnel-n { font-family: var(--fm); font-size: 12px; font-weight: 700; letter-spacing: -.02em; } .tb .funnel-bar { font-family: var(--fm); letter-spacing: .06em; position: relative; } .tb .funnel-bar.f6::after { content: ''; position: absolute; right: -3px; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: #fff; box-shadow: 0 0 12px rgba(167,13,42,.6), 0 0 24px rgba(167,13,42,.3); } /* ── 10. SPRINT BOARD — Code-level fidelity ── */ .tb .sb-col-head { font-family: var(--fm); } .tb .sb-card-title { letter-spacing: -.01em; } .tb .sb-card { position: relative; } .tb .sb-card-pts { font-family: var(--fm); } .tb .sb-card-pts span { font-family: var(--fm); letter-spacing: .02em; } .tb .sb-card.active { position: relative; } .tb .sb-card.active .sb-card-title { color: var(--teal); } /* ── 11. DEV PROFILE — Status badge refinement ── */ .tb .dp-status { width: 16px; height: 16px; border: 3px solid rgba(6,3,12,.88); } .tb .dp-info h3 { letter-spacing: -.02em; } .tb .dp-match { letter-spacing: .1em; font-family: var(--fm); } .tb .dp-spec { font-family: var(--fm); } .tb .dp-skill-name { font-family: var(--fm); } .tb .dp-skill-pct { font-family: var(--fm); } /* ── 12. MATCHING CONSOLE — Terminal precision ── */ .tb .mc-header { font-family: var(--fm); } .tb .mc-label { font-family: var(--fm); } .tb .mc-val { font-family: var(--fm); } .tb .mc-tag { font-family: var(--fm); } /* ── 13. HOVER STATE REFINEMENT — Spring with overshoot ── */ .tb .inc-card { transition: transform .45s var(--spring), box-shadow .45s var(--ease), border-color .3s; } .tb .topo-card { transition: transform .45s var(--spring), box-shadow .45s var(--ease), border-color .3s; } .tb .pcrd { transition: transform .45s var(--spring), box-shadow .45s var(--ease); } .tb .stki { transition: transform .4s var(--spring), box-shadow .4s var(--ease), border-color .3s; } .tb .rcrd { transition: transform .35s var(--spring), box-shadow .35s var(--ease), border-color .3s; } .tb .fitem { transition: box-shadow .4s var(--ease), border-color .3s; } .tb .vet-card { transition: transform .4s var(--spring), box-shadow .4s var(--ease), border-color .3s, background .3s; } /* ── 14. SCROLL REVEAL — Refined motion curve ── */ .tb .rev { transform: translateY(36px); transition: opacity 1s cubic-bezier(.16,1,.3,1), transform 1s cubic-bezier(.16,1,.3,1); } .tb .revl { transform: translateX(-36px); transition: opacity 1s cubic-bezier(.16,1,.3,1), transform 1s cubic-bezier(.16,1,.3,1); } .tb .revr { transform: translateX(36px); transition: opacity 1s cubic-bezier(.16,1,.3,1), transform 1s cubic-bezier(.16,1,.3,1); } .tb .stag > * { transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); } /* ── 15. QUALITY ROW — Sharper chip + mono font ── */ .tb .qb { font-family: var(--fm); letter-spacing: .08em; font-size: 9px; } .tb .qrow { border-radius: var(--r14); } /* ── 16. TESTIMONIAL — Pull quote styling ── */ .tb .tq { position: relative; padding-left: 20px; } .tb .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; } /* ── 17. STRIP ITEMS — Mono font for precision feel ── */ .tb .hsi strong { font-family: var(--f); font-feature-settings: 'tnum' on; } .tb .hsi span { font-family: var(--fm); font-size: 9.5px; letter-spacing: .1em; } /* ── 18. PRICING AMOUNT — Tabular numbers ── */ .tb .pamt { font-feature-settings: 'tnum' on, 'ss01' on; } .tb .sn { font-feature-settings: 'tnum' on; } .tb .hscn { font-feature-settings: 'tnum' on; } /* ── 19. FOCUS RING — Accessibility + design ── */ .tb .btn:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; } .tb a:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; border-radius: 4px; } /* ── 20. SELECTION COLOR ── */ .tb ::selection { background: rgba(167,13,42,.15); color: inherit; } .tb .sD ::selection, .tb .sD2 ::selection, .tb .sR ::selection { background: rgba(167,13,42,.35); } /* ── 21. SMOOTH SCROLL ANCHOR ── */ .tb { ; } @media(max-width:1100px){ .tb .hi,.tb .sp{grid-template-columns:1fr;gap:48px} .tb .hr{display:block;margin-top:48px} .tb .hl{padding-bottom:0} .tb .g4{grid-template-columns:1fr 1fr} .tb .ctawrap{flex-direction:column;align-items:flex-start;gap:40px}.tb .ctar{width:100%} .tb .two-col{grid-template-columns:1fr} .tb .tc-panel{padding:68px 40px} .tb .tc-panel .tc-inner{max-width:none;margin:0} .tb .hsr{flex-wrap:wrap;justify-content:center;gap:20px 24px}.tb .hsep{display:none} .tb .tbrow{gap:24px 32px} } @media(max-width:900px){ .tb .stack16{grid-template-columns:repeat(3,1fr)} .tb .vet-grid{grid-template-columns:1fr} .tb .sb-cols{grid-template-columns:1fr;min-height:auto} .tb .sb-col{border-right:none;border-bottom:1px solid var(--bd);padding:14px 16px} .tb .sb-col:last-child{border-bottom:none} } @media(max-width:768px){ .tb .W{padding:0 24px}.tb .S{padding:80px 0} .tb h2{font-size:28px;letter-spacing:-1px}.tb .hh1{font-size:38px;line-height:1.08;letter-spacing:-1.5px} .tb .hero{padding:60px 0 0} .tb .hctas{flex-direction:column;width:100%}.tb .hctas .btn{width:100%;justify-content:center;padding:18px 24px;font-size:15px} .tb .hstrip{padding:24px 0}.tb .hsr{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px} .tb .tbar{padding:32px 0}.tb .tbrow{grid-template-columns:1fr 1fr;gap:16px} .tb .titem{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:var(--r14);padding:16px 20px;width:100%} .tb .g3{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto;gap:20px} .tb .g2{grid-template-columns:1fr} .tb .tc-panel{padding:56px 28px} .tb .stack16{grid-template-columns:repeat(2,1fr);gap:14px} .tb .pcrd{padding:32px 24px} .tb .sh{flex-direction:column;align-items:flex-start;gap:16px} .tb .qrow{flex-direction:column;align-items:flex-start;gap:6px} .tb .ctar .btn{width:100%;justify-content:center} .tb .ctapr{gap:16px}.tb .ctapr strong{font-size:22px} .tb .funnel-label{display:none} } @media(max-width:640px){ .tb .tbrow{grid-template-columns:1fr;gap:12px} .tb .tc-panel{padding:48px 22px} .tb .dp-header{flex-wrap:wrap;gap:12px} .tb .dp-match{margin-left:0} } @media(max-width:480px){ .tb .W{padding:0 16px}.tb .S{padding:60px 0} .tb .hh1{font-size:clamp(30px,8vw,36px);letter-spacing:-1px} .tb h2{font-size:clamp(22px,6vw,26px);letter-spacing:-.5px} .tb .hero{padding:44px 0 0} .tb .ta-bc{display:none} .tb .dp-inner{padding:22px} .tb .dp-avatar{width:48px;height:48px;font-size:16px} .tb .dp-skill-name{width:60px;font-size:10px} .tb .tc-panel{padding:40px 16px} .tb .stack16{grid-template-columns:1fr} .tb .pcrd{padding:28px 18px}.tb .pamt{font-size:34px} .tb .inc-card{padding:24px 20px} .tb .fq{font-size:14px;padding:18px 20px 0}.tb .faq-a{font-size:13px;padding:10px 20px 18px} .tb .btn{font-size:14px;padding:16px 24px} .tb .match-console{margin-top:12px} .tb .vet-card{padding:16px}.tb .vet-card h4{font-size:13px}.tb .vet-card p{font-size:11px} } @media(max-width:380px){ .tb .hh1{font-size:28px} .tb h2{font-size:21px} .tb .hsr{grid-template-columns:1fr} .tb .pamt{font-size:30px} .tb .dp-specs{gap:5px}.tb .dp-spec{font-size:9px;padding:3px 8px} } /* SEO upgrade sections — Type B */ .tb .mrow{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:13px;color:var(--lx3)} .tb .mrow svg{width:16px;height:16px;stroke:var(--lx4);flex-shrink:0} .tb .mrow a{color:var(--red);font-weight:700} .tb .data-card{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r14);padding:28px;transition:all .35s var(--ease)} .tb .data-card:hover{border-color:rgba(167,13,42,.2);transform:translateY(-4px);box-shadow:0 16px 40px rgba(12,7,22,.06)} .tb .data-n{font-size:32px;font-weight:800;letter-spacing:-1px;color:var(--lx1);line-height:1} .tb .data-l{font-size:14px;font-weight:700;color:var(--lx2);margin-top:8px} .tb .data-d{font-size:13px;color:var(--lx3);margin-top:10px;line-height:1.65} .tb .data-src{font-size:11px;color:var(--lx4);margin-top:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em} .tb .ctw{overflow-x:auto;margin-top:36px;border-radius:var(--r14);border:1px solid var(--bd)} .tb .ct{width:100%;border-collapse:collapse;font-size:14px} .tb .ct th,.tb .ct td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--bd)} .tb .ct th{background:rgba(255,255,255,.04);color:var(--dx2);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em} .tb .ct td{color:var(--dx3)} .tb .ct .ch{background:rgba(167,13,42,.12);color:#fff} .tb .ct .yes{color:var(--green);font-weight:600} .tb .ct .no{color:rgba(255,255,255,.45)} .tb .ct .win{color:var(--red-l);font-weight:700} .tb .vstep{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08);min-width:0} .tb .vstep:last-child{border-bottom:none} .tb .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} .tb .vstep > div:not(.vstep-nb){min-width:0;flex:1} .tb .vstep h4{color:#fff;font-size:15px;font-weight:700;margin-bottom:6px} .tb .vstep p{color:rgba(255,255,255,.75);font-size:13px;line-height:1.6;overflow-wrap:break-word} .tb .sR .rev-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:var(--r20);padding:34px;display:flex;flex-direction:column;gap:14px;min-height:100%;height:100%;transition:all .35s var(--ease)} .tb .sR .rev-card:hover{background:rgba(255,255,255,.05);border-color:rgba(167,13,42,.35);transform:translateY(-6px)} .tb .rev-stars{color:#ffd700;font-size:14px;letter-spacing:2px} .tb .rev-source{font-size:12px;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.06em} .tb .rev-quote{color:rgba(255,255,255,.92);font-size:15.5px;line-height:1.72;font-style:italic;flex:1;margin:0} .tb .rev-author{display:flex;align-items:center;gap:16px;padding-top:16px;margin-top:auto;border-top:1px solid rgba(255,255,255,.06)} .tb .rev-av{width:40px;height:40px;border-radius:50%;background:rgba(167,13,42,.3);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:13px} .tb .rev-name{font-weight:700;color:#fff;font-size:14px} .tb .rev-role{font-size:12px;color:rgba(255,255,255,.55)} .tb .sR .rev-tag{display:inline-block;margin-top:8px;padding:4px 12px;border-radius:var(--r100);background:rgba(255,255,255,.12);color:#ffe644;font-size:11px;font-weight:700} .tb .rev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;width:100%;align-items:stretch} .tb #reviews .rev-grid > .rev-card{min-width:0} .tb .rev-summary{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r14);padding:24px 36px;margin-top:32px;width:100%;max-width:100%;box-sizing:border-box} .tb .rev-summary .btn-p{margin-left:auto;flex-shrink:0} .tb .sR .rev-summary .btn-p{background:var(--rg)!important;color:#fff!important;border:none!important;box-shadow:0 10px 28px rgba(167,13,42,.35)} .tb .rev-sum-item strong{display:block;font-size:20px;font-weight:800;color:var(--lx1)} .tb .rev-sum-item span{font-size:12px;color:var(--lx3)} .tb .rev-sum-sep{width:1px;height:40px;background:var(--bl2)} .tb .sR a.rev-tag{display:inline-block;margin-top:8px;padding:4px 12px;border-radius:var(--r100);background:rgba(255,255,255,.12);color:#ffe644!important;font-size:11px;font-weight:700;text-decoration:none!important;transition:background .25s,border-color .25s} .tb .sR a.rev-tag:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.35)} .tb .sR .rev-tag{color:#ffe644} .tb .sR div.rev-tag{display:inline-block;margin-top:8px;padding:4px 12px;border-radius:var(--r100);background:rgba(255,255,255,.12);color:#ffe644;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em} /* Eyebrow dash — avoid Elementor / FA `.el` collision on WordPress */ .tb .eyp .eyp-bar{display:block!important;width:18px!important;height:2px!important;min-width:18px!important;min-height:2px!important;border-radius:2px!important;background:var(--red)!important;font-size:0!important;line-height:0!important;overflow:hidden!important;flex-shrink:0!important} .tb .eyp .eyp-bar::before,.tb .eyp .eyp-bar::after{display:none!important;content:none!important} /* Font Awesome uses .fa globally on WP — keep FAQ answers on body font */ .tb .fitem .faq-a{font-family:var(--f)!important;text-transform:none!important;letter-spacing:normal!important;font-style:normal!important} .tb .dbx{background:var(--l1);border:1px solid var(--bl2);border-radius:var(--r14);padding:24px} .tb .dlbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em} .tb #tools.sD2 .sh .mu{color:var(--dx3)!important} .tb #market.sW .data-card{background:var(--l0)} /* Split columns — all .sp sections */ .tb .sp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important} .tb .revl,.tb .revr{min-width:0!important;max-width:100%} /* Onboarding / process split — prevent overflow + WP .qsteps grid bleed */ .tb #process .process-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:64px!important;align-items:start} .tb #process .process-left,.tb #process .process-right{min-width:0!important;max-width:100%} .tb #process .process-steps{min-width:0;width:100%;max-width:100%;overflow:visible} .tb #process .csr{display:flex;gap:20px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--bl2);min-width:0;width:100%} .tb #process .csr:last-child{border-bottom:none;padding-bottom:0} .tb #process .csr-body{min-width:0;flex:1;max-width:100%} .tb #process .csb{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto} .tb #process.sG .cst{color:var(--lx1)!important} .tb #process.sG .csb{color:var(--lx2)!important} .tb #process.sG .csn{background:var(--ra);color:var(--red-l);border:1px solid var(--rb)} /* First 72 Hours panel — scoped classes avoid global .qsteps / .vstep theme CSS */ .tb #process .process-72-panel{background:var(--red-d);border-radius:var(--r20);padding:32px;min-width:0;max-width:100%;overflow:hidden;box-shadow:0 24px 60px rgba(167,13,42,.22)} .tb #process .process-72-eyp{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important} .tb #process .process-72-eyp strong{color:#fff!important} .tb #process .process-72-eyp .eyp-bar{background:#fff!important} .tb #process .process-72-title{color:#fff;font-size:clamp(22px,2.5vw,28px);font-weight:800;margin-top:16px;line-height:1.25;letter-spacing:-.02em} .tb #process .process-72-title em{color:rgba(255,255,255,.92);font-style:normal} .tb #process .process-72-steps{display:flex!important;flex-direction:column!important;gap:0!important;margin-top:24px;width:100%!important;grid-template-columns:none!important} .tb #process .process-72-step{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1);min-width:0;width:100%} .tb #process .process-72-step:last-child{border-bottom:none;padding-bottom:0} .tb #process .process-72-nb{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0} .tb #process .process-72-body{min-width:0;flex:1} .tb #process .process-72-body h4{color:#fff;font-size:15px;font-weight:800;margin:0 0 6px;line-height:1.35;letter-spacing:-.01em} .tb #process .process-72-body p{color:rgba(255,255,255,.78);font-size:13px;line-height:1.62;margin:0;overflow-wrap:break-word} .tb #case-study .csr-body{min-width:0;flex:1} .tb #case-study .csb{overflow-wrap:break-word;word-wrap:break-word} /* ── 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 */ .tb{scroll-behavior:auto!important} .tb .rev,.tb .revl,.tb .revr,.tb .stag,.tb .stag>*{opacity:1!important;transform:none!important;transition:none!important} @media(max-width:1100px){.tb .rev-grid{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}} @media(max-width:900px){.tb .rev-summary{flex-direction:column;text-align:center}.tb .rev-summary .btn-p{margin-left:0}.tb .rev-sum-sep{display:none}.tb #process .process-split{grid-template-columns:1fr!important;gap:40px!important}} [Home](https://miracuves.com/)/[Services](https://miracuves.com/service/)/[Hire Product Managers](https://miracuves.com/service/)/Hire Product Managers **Dedicated Hiring · Available This Week** # Hire DedicatedProduct ManagersVetted by Miracuves · Embedded in Your Product Team Add a senior product manager to your team - vetted on discovery, prioritization, and cross-functional delivery. Full-time or part-time, direct access, replacement guaranteed. Miracuves vets dedicated product manager candidates through skills assessment, paid trial, and reference checks - then embeds them in your repositories with weekly demos and direct access. 98% Rejection Rate NDA Day One 40hr/Week Dedicated 2-Week Replacement [WhatsApp - Talk to Our Team](https://wa.me/919830009649) [See Our Vetting Process](https://miracuves.com/schedule-consultation/) Clutch Reviewed 5.0★·From $1,499/mo·[View reviews →](https://miracuves.com/reviews-awards/) **Delivery roadmap**Sample quarter DiscoveryinterviewsBuildMVP scopeLaunchbetaIteratev1.1 **Written scope**Agreed before the first sprint **6+ Yrs Avg**Product leadership **B2B + B2C**Domain breadth **40 Hrs/Week**Your roadmap only **<48 Hrs**Agreement to start **Direct Access**Slack · no relay #### 98% Rejection Rate Only the top 2% pass vetting #### 40hr/Week Dedicated Only your product, full focus #### NDA Day One Signed before details shared #### Direct Access No account manager relay #### Weekly Demos Working output every Friday #### Flexible Exit 2 weeks notice, no lock-in 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 "Hire Product Managers 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 "Hire Product Managers 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 "Hire Product Managers 3") ![MiraQs as an official member of Forbes Business Council ](https://miracuves.com/wp-content/uploads/2024/03/Mircuves-Official-Memeber-Forbes-Council.webp "Hire Product Managers 4") [![Miracuves is a verified agency with design rush. ](https://miracuves.com/wp-content/uploads/2024/03/DesignRush-Top-Design-Agencies-in-India.webp "Hire Product Managers 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 "Hire Product Managers 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 "Hire Product Managers 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 "Hire Product Managers 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 "Hire Product Managers 9")](https://www.goodfirms.co/company/miracuves-solution) **What This Role Does** ## What a dedicated product manager does inside your product org This is not a project coordinator renaming tickets. A Miracuves dedicated product manager owns outcomes - your discovery cadence, your roadmap narrative, your stakeholder alignment. They say no with evidence and yes with specs engineering can build. Miracuves matches for production delivery inside your toolchain - repositories, ceremonies, and review standards - not parallel vendor silos that require chase-down for every update. You keep product ownership; we supply vetted capacity that commits under your definition of done. Every PM passes a live prioritization and discovery exercise on ambiguous requirements before matching. You select from leaders who have shipped revenue-impacting products - not slide-deck presenters who never talked to a customer. Miracuves staff augmentation is not the right fit when you need a single logo on a slide deck with no repository access, when compliance requires employees on your payroll only, or when the role is purely executive coaching without hands-on delivery. In those cases we say so upfront and can recommend a full build engagement via our [software development](https://miracuves.com/service/software-development/) or [clone solutions](https://miracuves.com/solutions/) catalog instead. Compare sibling hire models and full-build options in the related section below. Runs weekly discovery - interviews, data review, and insight synthesis Maintains a prioritized backlog tied to measurable outcomes, not feature requests Writes PRDs and acceptance criteria engineers respect because they are testable Facilitates sprint planning and stakeholder demos without becoming a status relay Delivers a roadmap review every Friday with decisions documented, not deferred From a recent engagement - roadmap reset after founder burnout "Our CEO was playing PM while running sales and the roadmap was whatever loudest customer asked for. Miracuves matched a PM who cut WIP in half and doubled feature adoption in two quarters." Miracuves Product Management Practice · May 2026 · [Read Reviews →](https://miracuves.com/reviews-awards/) your-product - Product Sprint Board To Do 2 Enterprise SSO discovery Feat Est: 3 pts Churn cohort analysis Qa Est: 3 pts In Progress 2 Onboarding PRD v2 Feat Assigned: TM · Day 2 Stakeholder roadmap review Qa Assigned: TM · Day 2 Done 3 Customer interview synthesis Qa Closed: Done Q3 OKR alignment Feat Closed: Done Backlog grooming session Qa Closed: Done **What's Included** ## Every engagement includes this - no add-on tiers 01 ### Your Product Stack Embedded in Jira, Linear, Notion, and analytics from day one - not a separate Miracuves project silo. 02 ### Weekly Roadmap Review Every Friday, priorities, risks, and stakeholder updates presented live - not a vague status email. 03 ### NDA + IP Assignment Day One Bilateral NDA signed before any detail is discussed. All product documentation belongs to you. 04 ### Async-First Communication Daily written updates via Slack regardless of timezone, plus live sync during your guaranteed overlap window. 05 ### Backlog Ownership Prioritized backlog, acceptance criteria, and release notes maintained in your tools. 06 ### 2-Week Replacement Guarantee If the product manager isn't the right fit within the first 2 weeks, Miracuves replaces at no additional cost. **Honest Comparison** ## Miracuves vs Toptal, Turing, and Upwork - an honest comparison Marketplaces optimise for transaction volume. Miracuves optimises for embedded delivery accountability - published rates, vetting you can verify, and a replacement guarantee if the match fails. Use this table when stakeholders ask why not Toptal, Turing, or Upwork - we answer plainly because the wrong engagement model wastes quarters. Procurement teams use it to compare IP ownership, overlap hours, and who remains accountable when delivery slips - not just hourly rate on a spreadsheet. | Factor | Miracuves | Toptal-class | Turing-class | Upwork / direct | | --- | --- | --- | --- | --- | | Vetting depth | 98% rejection + paid trial sprint | Top 3% claim | AI-matched pool | You screen alone | | Who owns delivery | Miracuves accountable | Marketplace escrow | Platform SLA varies | Your HR + eng | | Pricing transparency | Published monthly rates | Quote after brief | Quote after brief | Salary + benefits | | IP & product doc ownership | 100% yours, your tools | Typically yours | Typically yours | Employee | | Replacement guarantee | 2 weeks, no extra cost | Limited window | Varies by plan | Re-hire cycle | | Timezone overlap | 4+ hrs confirmed in writing | Often optional | Often optional | Local only | | Best for | Embedded product delivery | One-off expert tasks | Scale fast, less vetting | Long-term core team | **How to choose:** Marketplaces excel at one-off expert tasks. Miracuves fits when you need embedded accountability - someone in your repo, your sprint, your timezone - with replacement if the match fails. For full product builds without staffing, see our [90+ solutions](https://miracuves.com/solutions/) and [vertical pages](https://miracuves.com/service/hire-remote-developers/). **Market Context** ## Why teams hire dedicated product managers through Miracuves Specialist talent for product managers is hard to hire locally - and mis-hires cost quarters. Miracuves matches vetted practitioners who embed in your backlog tools and stakeholder cadence, own outcomes under your governance, and stay accountable through a written engagement - not anonymous marketplace transactions. Every hire page cross-links to Miracuves technology, vertical, and clone catalogs so you can compare staffing versus full product delivery with one vendor. Use these benchmarks when writing your internal role spec - salary bands, trial scope, and toolchain expectations - so Miracuves can match profiles that fit your governance. $28BProduct Ops SpendScale-ups embed PMs when roadmap velocity outpaces internal hiring cycles. Miracuves sees this pattern in discovery calls when teams compare embedded hire versus marketplace or agency models - and when procurement asks for named practitioners instead of anonymous resume pools.McKinsey Digital 2024 62%Backlog ChaosTeams citing unclear priorities as top delivery blocker. Miracuves sees this pattern in discovery calls when teams compare embedded hire versus marketplace or agency models - and when procurement asks for named practitioners instead of anonymous resume pools.ProductPlan 2024 2.8×Faster Roadmap ClarityEmbedded PMs vs rotating consultants on multi-quarter programs. Miracuves sees this pattern in discovery calls when teams compare embedded hire versus marketplace or agency models - and when procurement asks for named practitioners instead of anonymous resume pools.Miracuves PM cohort 2024 59%Want Embedded PMsOver agency product owners for products past MVP. Miracuves sees this pattern in discovery calls when teams compare embedded hire versus marketplace or agency models - and when procurement asks for named practitioners instead of anonymous resume pools.Gartner 2024 48hMedian Tool AccessFrom NDA to PM in Jira, Linear, and analytics. Miracuves sees this pattern in discovery calls when teams compare embedded hire versus marketplace or agency models - and when procurement asks for named practitioners instead of anonymous resume pools.Miracuves operations 2025 2%Vetting Pass RateAfter roadmap exercise and stakeholder reference checks. Miracuves sees this pattern in discovery calls when teams compare embedded hire versus marketplace or agency models - and when procurement asks for named practitioners instead of anonymous resume pools.Miracuves talent funnel 2025 **Vetting Standards** ## How Miracuves vets every product manager Before a team member is shown to any client, they pass seven specific competency checks. Discovery - interview technique, insight quality, problem framingDiscovery Prioritization - frameworks applied with tradeoff rationalePriority Execution - PRD clarity, acceptance criteria, edge casesExecution Analytics - funnel analysis, experiment design, metric selectionAnalytics Stakeholders - exec communication, saying no diplomaticallyStakeholders Technical fluency - API concepts, feasibility conversations with engineeringTechnical Communication - written async updates and live facilitationComms 100ApplicantsInitial applications received 50ScreenedRole-fit screening call 20Skills TestLive skills assessment 8ReviewedPortfolio / work sample audit 4CultureCommunication & fit 2PassPaid trial sprint - final gate 01 #### Role Screening 45-min call - depth of experience, project context, problem framing. 02 #### Skills Assessment Role-specific exercise solved live or via structured work sample. 03 #### Work Review Senior Miracuves lead audits prior deliverables - not verbal claims. 04 #### Reference Check Prior client or manager reference where applicable. 05 #### Culture & Comms Clarity, responsiveness, ambiguous-requirement handling. 06 #### Paid Trial Sprint Short paid trial on a real anonymized brief. The final 2% filter. **Tools & Methods** ## What your product manager already knows No tooling onboarding. They show up fluent. JiJiraBacklog management LnLinearSprint planning NtNotionPRDs & docs FgFigmaDesign collaboration MxMixpanelProduct analytics AmAmplitudeBehavior tracking HsHotjarSession insights SlSlackAsync alignment LmLoomStakeholder updates MzMazePrototype testing GhGitHubRelease tracking GmGoogle MeetCustomer calls AhAha!Roadmap views PrProductboardFeedback intake ExExcel/SheetsMetric modeling ZmZoomExec reviews **Team Structures** ## Four ways to structure your product team Start with one senior PM or add design and analytics capacity as your product surface grows. Miracuves documents which practitioners join your squad, overlap hours, escalation path, and replacement SLA in the engagement letter - whether you embed individuals, a multi-role pod, or fractional leadership alongside delivery. EV Solo ### Single Dedicated PM One senior PM owning roadmap and discovery. Best with strong engineering lead. Best for: **Seed-stage founders** EVFEDS Duo ### PM + Design PM paired with UX designer for continuous discovery and delivery. Best for: **Consumer apps scaling fast** PMEVEVFEQA Pod ### Product Trio PM, designer, and tech lead operating as autonomous product unit. Best for: **Funded B2B SaaS** EV++ Flexible ### Launch PM Add PM capacity for major releases, pivots, or new market entry. Best for: **Seasonal roadmap pushes** **Onboarding** ## From signed NDA to first roadmap review Most clients have a matched product manager in their backlog tools within 48 hours of agreement. Miracuves confirms practitioner names, overlap hours, rate structure, and replacement SLA in your engagement letter before anyone receives tool access - not verbal promises after you have paused the roadmap waiting on paperwork. 01 Day 0 - Brief & NDA You share roadmap context, analytics stack, stakeholder map, and ceremony cadence. NDA before backlog access. Success metrics and decision rights documented in writing. Escalation paths and access scope are documented at each phase - not assumed from a generic vendor onboarding deck. 02 Day 1-2 - Shortlist & interview One to three PM profiles with shipped product history and a roadmap exercise. You interview directly on prioritization and communication style. Escalation paths and access scope are documented at each phase - not assumed from a generic vendor onboarding deck. 03 Day 2-3 - Tool onboarding PM embedded in Jira, Linear, Notion, and analytics. Backlog hygiene, sprint goals, and reporting format agreed in kickoff. Escalation paths and access scope are documented at each phase - not assumed from a generic vendor onboarding deck. 04 Week 1 - First roadmap review Priorities, risks, and stakeholder updates presented live every Friday. Escalation paths and access scope are documented at each phase - not assumed from a generic vendor onboarding deck. 05 Ongoing - Scale or exit Add design or engineering capacity under the same engagement letter. Month-to-month terms. Escalation paths and access scope are documented at each phase - not assumed from a generic vendor onboarding deck. **First 72 Hours** ### What happens after you say yes 01 #### NDA & product brief Roadmap context, analytics, and stakeholder map captured in writing. 02 #### PM shortlist Profiles with shipped product history - direct interview access. 03 #### Backlog kickoff Jira/Linear connected; sprint goals and reporting format agreed. **Full Catalog** ## Build with Miracuves - staffing or full product delivery Not sure staffing is the right model? Miracuves also ships complete products from 90+ clone bases and custom builds - same company, same NDA, same IP ownership. Many clients start with a dedicated product manager, then expand into a squad or switch to a vertical clone deployment when scope clarifies. Every hire page links to published technology stacks, vertical clone deployments, and sibling engagement models so stakeholders compare staffing versus turnkey product delivery under one NDA counterparty. [SHORT VIDEO TikTok Clone Scrollable short-video feeds, creator monetization, viral challenges, and AI recommendations.](https://miracuves.com/tiktok-clone) [CRYPTO EXCHANGE Binance Clone Full cryptocurrency exchange with spot/futures trading, wallet, staking, and P2P.](https://miracuves.com/binance-clone) [TOKEN LAUNCH ICO Launchpad Token launch platform with KYC/AML, whitelisting, multi-tier raises, and vesting.](https://miracuves.com/ico-launchpad-clone) [P2P CRYPTO P2P Exchange Peer-to-peer crypto trading platform with escrow, dispute resolution, and fiat gateways.](https://miracuves.com/p2p-exchange-script) [GENERATIVE AI ChatGPT Clone Fully functional AI assistant with deep chat context, prompt templates, and API hooks.](https://miracuves.com/chatgpt-clone/) [NFT MARKETPLACE OpenSea Clone NFT minting, marketplace, auctions, collections, and multi-chain support.](https://miracuves.com/opensea-clone) **Transparent Pricing** ## What hiring a dedicated product manager costs Published rates. No request-a-quote wall. ### Part-Time $1,499/mo 20 hrs/week · ongoing support - 20 hours per week dedicated - Your product stack access - Weekly roadmap updates - NDA signed before start - 2-week replacement guarantee - Cancel with 2 weeks notice [Start Part-Time](https://wa.me/919830009649) Most Popular ### Full-Time $2,799/mo 40 hrs/week · full product focus - 40 hours, fully dedicated - 4+ hour timezone overlap - Backlog & stakeholder ownership - Embedded in sprint ceremonies - 2-week replacement guarantee - Cancel with 2 weeks notice [Start Full-Time](https://wa.me/919830009649) ### Product Trio Custom 3-5 people · scaling - PM + BA or designer support - Multi-workstream coordination - Executive reporting cadence - Scales with roadmap growth - Direct access to squad - Cancel with 2 weeks notice [Get Team Quote](https://miracuves.com/contact/) **Why we publish rates:** Hidden pricing wastes time. If your needs require a different structure, we say so plainly. What affects your monthly rate Rates stay fixed for the agreed structure unless scope changes materially - Miracuves documents any rate adjustment before it takes effect. Typical engagement structures **Part-time ($1,499/mo):** 20 hrs/week for maintenance or advisory. **Full-time:** published rate on this page · 40 hrs/week embedded. **Squad:** custom quote for 3-5 roles with delivery lead. Every engagement is month-to-month with two weeks' notice unless you request annual terms for rate lock. **Client Reference** ## What hiring a dedicated product manager looks like in practice A vertical SaaS company had strong engineering but no product function - sales-driven roadmap, rising churn, and no one owning onboarding improvements. 01 Challenge Feature factory dynamics, no discovery practice, and NPS declining for three consecutive quarters. 02 What Miracuves Delivered Senior PM matched in 48 hours, customer interview program live in week one, onboarding redesign prioritized and shipped in sprint three. 03 Outcome 90-day retention improved 19 points in two quarters. PM remains full-time and hired two engineers the PM helped spec. **48 Hrs**To start**3 Sprints**To onboarding fix**+19 pts**90-day retention [View All Reviews →](https://miracuves.com/reviews-awards/) Client Testimonial We built fast but built wrong things. Miracuves placed a PM who talked to customers every week, gave engineering clarity, and made our roadmap defensible to the board for the first time. RN R.N., Co-Founder Vertical SaaS · Series A [⭐ Clutch & Google Reviews →](https://miracuves.com/reviews-awards/) Engagement Brief TypeFull-Time Dedicated Time to start48 hours Onboarding ship3 sprints Tenure13 months (ongoing) ReplacementNone requested **Client Reviews** ## What clients say about Miracuves Hire Product Managers Verified on Clutch and Google - staffing and squad engagements where Miracuves remained accountable for delivery quality, not just resume forwarding. Clutch reviews below reference specific delivery outcomes - overlap hours, replacement speed, and how practitioners embedded in client repositories - not generic praise. ★★★★★ Clutch · Marketplace "PM owned backlog prioritization across three engineering workstreams. Stakeholder demos every Friday with acceptance criteria our team could build against immediately." EV E.V., CEO France Product Ops ★★★★★ Google · SaaS "Fractional PM capacity at published rates beat hiring a full-time PM for our pre-PMF stage. Roadmap and analytics in our Notion - full transparency." BW B.W., Founder United States Roadmap ★★★★★ Clutch · Agency "Miracuves PM coordinated three client deliverables without us adding internal headcount. Sprint reporting our clients actually read." HS H.S., Managing Director UAE Multi-Client **5.0 / 5.0**Clutch average rating **4.8 / 5.0**Google average rating **Top Product Partner**Clutch 2024-2025 [Read All Reviews →](https://miracuves.com/reviews-awards/) **Looking to Build Instead?** ## Published technology and vertical pages - not staffing Cross-linked to Miracuves technology pages, vertical solutions, clone products, and sibling hire models - the same catalog published on miracuves.com. [Full Build Software Development Company](https://miracuves.com/service/software-development/) [Integration API Development Company](https://miracuves.com/service/api-development/) [Vertical Marketplace Development](https://miracuves.com/service/marketplace-development/) [Vertical SaaS Development](https://miracuves.com/service/saas-development/) [Hire Role Hire UI/UX Designers](https://miracuves.com/service/hire-ui-ux-designers/) [Engagement Fractional CTO Services](https://miracuves.com/service/cto-services/) [All Products View 90+ Solutions](https://miracuves.com/solutions/) [Vertical On-Demand App Development](https://miracuves.com/service/on-demand-app-development/) **Frequently Asked** ## Questions about hiring from Miracuves How is a dedicated Miracuves product manager different from a consulting firm strategy deck? Consultants often deliver recommendations without owning backlog outcomes. Miracuves PMs embed in your sprint cadence - writing specs engineers can build from, running discovery, prioritizing against metrics, and presenting Friday roadmap reviews with accountable delivery context. Vetting includes live PRD exercises with acceptance criteria and edge cases, not slide-only strategists. Do you match B2B workflow PMs separately from B2C growth PMs? Yes. Domain fit is a matching filter, not an afterthought. Enterprise workflow products need PMs comfortable with long sales cycles, permissions models, and admin personas. Consumer products need experimentation and funnel literacy. Miracuves shortlists profiles against your stated domain - we do not send a growth PM when you need a complex B2B permissions roadmap. Can they run customer discovery and synthesize research into prioritized backlog items? Discovery depth is a core vetting criterion. Senior PMs facilitate interviews, synthesize insights into opportunity trees, and tie priorities to measurable outcomes - not vanity feature lists. Candidates who cannot demonstrate a real discovery-to-shipment story in vetting do not reach client shortlists. Miracuves confirms structure, rate, timezone overlap, and IP assignment in your engagement letter before start - not verbal promises after you have paused the roadmap. Are Miracuves PMs technical enough to work on API and platform products? Senior matches converse fluently with engineering on architecture tradeoffs, API contracts, and dependency risk without overstepping into solution design. They write acceptance criteria that include failure modes, observability expectations, and migration constraints. For deeply technical platform work, pairing with a fractional CTO or technical architect engagement is available if needed. What tools do PMs use - ours or Miracuves templates? They adopt your toolchain: Jira, Linear, Notion, Figma, Amplitude, Mixpanel, or whatever your team already runs. Miracuves does not impose a parallel PM operating system. The goal is seamless embedding, not methodology tourism. Miracuves confirms structure, rate, timezone overlap, and IP assignment in your engagement letter before start - not verbal promises after you have paused the roadmap. We are pre-PMF with a technical founder still driving vision. Is fractional PM capacity realistic? Yes - part-time at $1,499/mo for 20 hours per week is common for early-stage teams needing backlog discipline, interview synthesis, and release coordination without a full-time executive hire. Many engagements scale to full-time as funding and roadmap complexity grow. Miracuves confirms structure, rate, timezone overlap, and IP assignment in your engagement letter before start - not verbal promises after you have paused the roadmap. What if the PM's prioritization framework clashes with our leadership? The 2-week replacement guarantee covers early mismatch at no cost. Miracuves replaces with a profile better aligned to your decision-making style and domain. Engagements remain month-to-month with two weeks' notice - you are not locked into a bad product leadership fit. Miracuves confirms structure, rate, timezone overlap, and IP assignment in your engagement letter before start - not verbal promises after you have paused the roadmap. How fast can a PM start running discovery and sprint planning? Most clients have a matched PM in stakeholder sessions within 48 hours of signing once access to analytics, roadmap tools, and key customers is arranged. A short onboarding sprint to read technical constraints and existing backlog state is normal before major reprioritization. Miracuves confirms structure, rate, timezone overlap, and IP assignment in your engagement letter before start - not verbal promises after you have paused the roadmap. **Get Started** ## Ready to add a dedicated product manager? Tell Miracuves your product stage, team structure, and biggest roadmap pain. We confirm fit, overlap, and rate before commitment. Share stack, timezone, and first sprint goal - Miracuves responds with matched profiles, published rates, and bilateral NDA for review within one business day. **120+**Vetted PMs**<48 Hrs**Time to start**98%**Rejection rate**2 Weeks**Replacement [WhatsApp - Start Now](https://wa.me/919830009649) [Request a Product Manager](https://miracuves.com/contact/) NDA signed before we discuss your project Page reviewed by Miracuves Product Management Practice · Last updated June 2026 · [Clutch & Google Reviews](https://miracuves.com/reviews-awards/)