---
title: Hire UI/UX Designers
description: Home/Services/Hire Designers/Hire UI/UX Designers         Dedicated Hiring · Available This Week         Hire DedicatedUI/UX DesignersVetted by Miracuves · Embe
url: https://miracuves.com/service/hire-ui-ux-designers
date_modified: 2026-06-29
author: miracuves
language: en_US
---

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* ═══ 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 Designers](https://miracuves.com/service/)/Hire UI/UX Designers
    
      
        **Dedicated Hiring · Available This Week**
        
# Hire DedicatedUI/UX DesignersVetted by Miracuves · Embedded in Your Product Team

        
Add a senior product designer to your team - vetted for research rigor, design systems, and developer handoff quality. Full-time or part-time, direct Slack access, replacement guaranteed. Miracuves vets dedicated designer candidates through skills assessment, paid trial, and reference checks - then embeds them in your Figma workspace 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/)
      
      
          
            
            
  
    **Portfolio review**Shortlist stage
    
    **Figma files**Handed over with the design system
  

          
        
    
  
  
    **6+ Yrs Avg**Product design experience
    
    **Figma Native**Components & variables
    
    **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 UI/UX Designers 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 UI/UX Designers 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 UI/UX Designers 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 UI/UX Designers 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 UI/UX Designers 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 UI/UX Designers 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 UI/UX Designers 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 UI/UX Designers 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 UI/UX Designers 9")](https://www.goodfirms.co/company/miracuves-solution)                                    
									                                
                            
						                
            
			        
						
				
				
				
		
 

  
    **What This Role Does**
    
## What a dedicated UI/UX designer does inside your product workflow

    
This is not a one-off freelancer for mockups. A Miracuves dedicated UI/UX designer embeds in your product cadence - your Figma workspace, your sprint reviews, your stakeholder demos. They own flows end to end from research insight to pixel-perfect handoff. Miracuves matches for production delivery inside your design toolchain - Figma files, critique rituals, and dev handoff - not parallel agency silos that require chase-down for every update. You keep product ownership; we supply vetted design capacity that ships under your definition of done.

    
Every designer passes a portfolio audit and live critique before matching. You select from practitioners who have shipped real products - not template portfolios assembled for bidding platforms. 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 discovery sessions and synthesizes research into actionable design decisions
      Maintains your Figma library - components, tokens, and documentation current
      Prototypes interactive flows for usability testing before engineering starts
      Partners with engineering on feasibility - not throwing files over the wall
      Delivers a design review demo every Friday with rationale, not just screens
    
    
      
From a recent engagement - redesign under deadline pressure

      
"Our agency handed off 40 inconsistent screens two weeks before launch. Miracuves matched a designer who rebuilt the design system in five days, cut engineering rework by half, and stayed on through our Series A raise."

    
    Miracuves Product Design Team · May 2026 · [Read Reviews →](https://miracuves.com/reviews-awards/)
  
  
    
      your-product - Design Sprint Board
      
        
To Do 2

Checkout flow usability test

Feat
Est: 3 pts

Mobile nav pattern exploration

Feat
Est: 3 pts

        
In Progress 2

Onboarding wireframe iteration

Feat
Assigned: TM · Day 2

Design token audit

Qa
Assigned: TM · Day 2

        
Done 3

Stakeholder interview synthesis

Qa
Closed: Done

Component library v2 shipped

Feat
Closed: Done

Accessibility contrast fixes

Bug
Closed: Done

      
    
  

  **What's Included**
## Every engagement includes this - no add-on tiers

  
    01
### Your Figma Workspace

Added to your design files from day one. All screens, components, and research live in your workspace under your ownership.

    02
### Weekly Design Demo

Every Friday, flows and rationale presented live - not static file drops without context.

    03
### NDA + IP Assignment Day One

Bilateral NDA and IP assignment signed before any detail is discussed. All design assets belong to you.

    04
### Async-First Communication

Daily written updates via Slack regardless of timezone, plus live sync during your guaranteed overlap window.

    05
### Design System Maintenance

Components, tokens, and documentation kept current - not one-off mockups that engineering cannot build.

    06
### 2-Week Replacement Guarantee

If the designer 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 & design asset ownership | 100% yours, your Figma workspace | 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/on-demand-app-development/).

  **Market Context**
## Why teams hire dedicated ui/ux designers through Miracuves

Specialist talent for ui/ux designers is hard to hire locally - and mis-hires cost quarters. Miracuves matches vetted practitioners who embed in your Figma workspace and design rituals, 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.

  
    $162BUX Services MarketProduct teams invest in embedded design capacity when in-house hiring cycles exceed roadmap patience - dedicated designers ship flows while recruiters search. 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.MarketsandMarkets 2024
    67%Report Design DebtLeaders citing outdated design systems as release bottleneck - driving demand for embedded designers over one-off agencies. 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.Forrester 2024
    3.1×Faster HandoffTeams with embedded designers vs rotating freelancers on multi-quarter roadmaps - continuity in Figma beats lowest hourly rate. 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 design cohort 2024
    71%Want Design SystemsProduct orgs prioritizing token-based systems for engineering velocity - not one-off mockups per sprint. 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.Nielsen Norman 2024
    48hMedian Figma AccessTypical time from signed NDA to designer in client Figma for standard requests. 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 RateApplicants reaching client shortlist after portfolio audit and paid design trial. 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 UI/UX designer

    
Before a team member is shown to any client, they pass seven specific competency checks.

    
      Portfolio depth - shipped products, not Dribbble shots onlyPortfolio
      User research - interview plans, synthesis, insight qualityResearch
      Information architecture - complex flows under real constraintsIA
      Visual craft - hierarchy, typography, responsive behaviorVisual
      Design systems - components, tokens, documentation disciplineSystems
      Developer handoff - specs, redlines, edge-case coverageHandoff
      Communication - presenting rationale to non-design stakeholdersComms
    
  
  
    
      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 designer already knows

No tooling onboarding. They show up fluent.

  
    FgFigmaComponents & variables
    FigFigJamWorkshops & affinity maps
    MzMazeUnmoderated testing
    UxUserTestingRemote sessions
    M3MiroJourney mapping
    NtNotionResearch repository
    SlSlackAsync design reviews
    LmLoomWalkthrough recordings
    ZeZeplinLegacy handoff
    StStorybookDesign-dev parity
    WcWebflowMarketing prototypes
    PrPrincipleMotion exploration
    JiJiraDesign tickets
    LnLinearSprint tracking
    GhGitHubDesign PR reviews
    AxAxureEnterprise prototypes
  

  **Team Structures**
## Four ways to structure your design team

Start with one senior designer and scale into a research-design pod as your product complexity 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.

  
    AR
Solo

### Single Dedicated Designer

One senior designer owning your entire product surface. Best when engineering leadership is strong.

Best for: **Founders with in-house dev**

    ARURVD
Duo

### Design + Research

Designer paired with a UX researcher for continuous discovery on a fast-moving roadmap.

Best for: **B2B products with complex workflows**

    PMARARURQA
Pod

### Design Squad

Lead designer, visual designer, and researcher running weekly discovery and delivery.

Best for: **Funded startups scaling UX**

    AR++
Flexible

### Burst Capacity

Add design capacity sprint-by-sprint for launches, rebrands, or audit sprints.

Best for: **Seasonal release crunches**

  

  
    **Onboarding**
    
## From signed NDA to first shipped flows

    
Most clients have a matched designer in their Figma workspace within 48 hours of agreement. This is the standard onboarding path - not a best-case story used only in sales calls. 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 product context, Figma access expectations, design-system maturity, and sprint cadence. Miracuves signs bilateral NDA before portfolio review. Matching criteria - seniority, research depth, handoff standards - documented in writing, not a vague creative brief. Escalation paths and access scope are documented at each phase - not assumed from a generic vendor onboarding deck.

      02
Day 1-2 - Shortlist & Interview

You receive one to three portfolios that already passed vetting and a paid design exercise. You run your critique interview; Miracuves does not block direct designer access. Profiles include verifiable shipped work and component libraries - not Dribbble-only shots. Escalation paths and access scope are documented at each phase - not assumed from a generic vendor onboarding deck.

      03
Day 2-3 - Workspace onboarding

Designer added to your Figma, Slack, and sprint tools. File structure, review rituals, and first sprint flows agreed in a 60-minute kickoff - not a week of vendor orientation. They use your tokens, naming, and handoff conventions from day one. Escalation paths and access scope are documented at each phase - not assumed from a generic vendor onboarding deck.

      04
Week 1 - First design demo

Shipped flows or system updates demonstrated live every Friday. Async Loom updates daily inside your overlap window. Miracuves stays accountable if ramp is slower than agreed - replacement SLA applies. Escalation paths and access scope are documented at each phase - not assumed from a generic vendor onboarding deck.

      05
Ongoing - Scale or exit

Add research, motion, or front-end pairing under the same engagement letter. Month-to-month with two weeks' notice. When staffing is no longer the right model, Miracuves can transition you to a full product build without changing NDA counterparty. 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 & creative brief

Product context, Figma access, and handoff standards captured before portfolio review.

        02
#### Portfolio shortlist

One to three vetted designers - you critique and interview directly.

        03
#### Figma & sprint kickoff

Workspace access, tokens, and week-one flows agreed in 60 minutes.

      
    
  

  **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 designer, 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.

  
    
Current page

Hire UI/UX designers

Embed vetted product designers in your Figma workspace with published monthly rates and a 2-week replacement guarantee.

    [Engagement model

Dedicated squads

Multi-role pods with delivery lead - backend, mobile, QA - accountable to a written sprint cadence.](https://miracuves.com/service/dedicated-teams/)
    [Vertical solutions

Clone & vertical launch

Deploy on-demand, fintech, OTT, or marketplace platforms from production bases in days with full source code.](https://miracuves.com/service/on-demand-app-development/)
    [Type A catalog

Technology development

Flutter, React, Node, and 90+ technology pages - when you need Miracuves to own the build, not only embed.](https://miracuves.com/service/flutter-app-development/)
    [Solutions catalog

90+ clone products

Uber, Netflix, Revolut-style solutions with honest stack attribution and links from every hire page.](https://miracuves.com/solutions/)
    [Leadership

Fractional CTO

Technical leadership, hiring plans, and architecture governance without a full-time executive hire.](https://miracuves.com/service/cto-services/)
  

  **Transparent Pricing**
## What hiring a dedicated UI/UX designer costs

Published rates. No request-a-quote wall.

  
    
### Part-Time

$1,499/mo
20 hrs/week · ongoing support

- 20 hours per week dedicated
- Your Figma workspace access
- Weekly design demo updates
- NDA + IP assignment included
- 2-week replacement guarantee
- Cancel with 2 weeks notice

[Start Part-Time](https://wa.me/919830009649)
    Most Popular
### Full-Time

$2,499/mo
40 hrs/week · full design focus

- 40 hours, fully dedicated
- 4+ hour timezone overlap
- Weekly demo, design critiques
- Embedded in product sprints
- 2-week replacement guarantee
- Cancel with 2 weeks notice

[Start Full-Time](https://wa.me/919830009649)
    
### Design Squad

Custom
3-5 people · scaling

- 2-3 dedicated designers
- Research + visual capacity
- Design system ownership
- Scales for launch crunches
- 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 designer looks like in practice

    
A health-tech startup had investor diligence in three weeks but a fragmented onboarding experience that usability tests scored below 40% task completion.

    
      01
Challenge

No unified design system, conflicting stakeholder opinions, and engineering already mid-sprint on backend work.

      02
What Miracuves Delivered

Senior designer matched in 36 hours, five user interviews synthesized in week one, redesigned onboarding prototyped and tested before sprint end.

      03
Outcome

Task completion rose to 78% in moderated tests. Designer remained full-time for nine months and now owns the entire design system.

    
    **36 Hrs**To start**1 Sprint**To validated prototype**9 Months**Ongoing tenure
    [View All Reviews →](https://miracuves.com/reviews-awards/)
  
  
    
Client Testimonial

We were two weeks from a board review with a product nobody could navigate. Miracuves placed a designer who ran research, rebuilt our flows, and gave engineering specs they could actually build from - all inside the first sprint.

ML
M.L., VP Product

Digital Health · Series B

[⭐ Clutch & Google Reviews →](https://miracuves.com/reviews-awards/)
    
Engagement Brief

TypeFull-Time Dedicated
Time to start36 hours
Research sprint5 days
Tenure9 months (ongoing)
ReplacementNone requested
  

  **Client Reviews**
## What clients say about Miracuves Hire UI/UX Designers

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 · B2B SaaS

"The designer rebuilt our component library in nine days and cut engineering rework on UI tickets by half. Figma files lived in our workspace from day one - not a Miracuves-owned silo."

SC
S.C., Head of Product

Canada

Design Systems
    ★★★★★
Google · E-Commerce

"Portfolio audit before matching saved us from another agency that sent Dribbble-only portfolios. Our matched designer ran moderated tests before we wrote a single line of frontend code."

NR
N.R., CPO

Germany

UX Research
    ★★★★★
Clutch · HealthTech

"WCAG remediation and mobile flows shipped under FDA-adjacent deadline pressure. Friday design critiques with engineering in the same call - rare for staffing vendors."

LH
L.H., Product Director

Australia

Accessibility
  
  
    **5.0 / 5.0**Clutch average rating
    
    **4.8 / 5.0**Google average rating
    
    **Top Design 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

Flutter App Development Company](https://miracuves.com/service/flutter-app-development/)
    [Frontend

React Development Company](https://miracuves.com/service/react-development/)
    [Web

Web App Development](https://miracuves.com/service/web-app-development/)
    [Vertical

Clone App Development](https://miracuves.com/service/clone-app-development/)
    [Hire Role

Hire Product Managers](https://miracuves.com/service/hire-product-managers/)
    [Hire Role

Hire QA Engineers](https://miracuves.com/service/hire-qa-engineers/)
    [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 hiring a dedicated Miracuves designer different from 99designs, Dribbble, or Upwork?

Contest platforms optimize for volume and speed, not product continuity. Miracuves designers are vetted through portfolio audit, live critique, and a paid trial sprint before you ever see a profile - only about 2% of applicants pass. Once matched, they embed in your Figma workspace and sprint cadence as ongoing capacity, with a 2-week replacement guarantee and published monthly rates instead of per-project bidding wars.

    
Will the designer work inside our Figma files and design system from day one?

Yes. Dedicated designers are added to your workspace, libraries, and research repositories before the first sprint - not a parallel Miracuves folder you merge later. They extend existing components and tokens where possible, document decisions in your files, and hand off specs engineers can build from. All work product remains under your ownership via signed IP assignment before any project detail is shared.

    
Can a Miracuves designer run discovery and usability testing, not just visual polish?

Senior matches are filtered for research depth, not only UI craft. That includes interview guides, affinity mapping, moderated and unmoderated testing, and synthesis into prioritized design decisions. Vetting exercises require candidates to defend trade-offs to a non-design stakeholder - we reject profiles that only produce attractive screens without measurable product rationale.

    
We already have engineers but no design lead. Is a single dedicated designer enough?

For many seed and Series A teams, one senior product designer owning flows end-to-end is the right starting structure - especially when engineering leadership can partner on feasibility. Miracuves also supports scaling into a design + research duo or a three-person design squad without re-contracting if your roadmap outgrows a solo engagement. Structure and rate are confirmed in writing before anyone starts.

    
What happens if the designer's visual direction or communication style is not a fit?

The first two weeks include a no-cost replacement guarantee. If chemistry, craft level, or research rigor is not right, Miracuves sources an alternative profile without restarting a months-long search. After that, engagements remain month-to-month with two weeks' notice - no annual lock-in designed to trap you with a poor match.

    
Do you build and maintain design systems, or only ship feature screens?

Dedicated designers are expected to maintain systems discipline, not treat every sprint as a one-off mockup. That means component libraries, token updates, accessibility checks against WCAG 2.2, and documentation that stays current as engineering ships. For greenfield products, they can stand up a token-based system aligned to your React, Flutter, or native stack from the first release cycle.

    
What timezone overlap and communication rhythm should we expect?

Every engagement includes a minimum four-hour live overlap window, confirmed before start, plus async written updates in Slack regardless of timezone. Designers join your sprint reviews, present a Friday design demo with rationale, and remain reachable through your channels - not a separate account manager relay. Part-time engagements at $1,499/mo cover 20 hours per week for audit sprints or early-stage products.

    
Who owns Figma files, research recordings, and prototype IP?

You do - completely. Bilateral NDA and IP assignment are signed before work begins. Designers do not retain portfolio rights to your product assets, reuse your flows for other clients, or store deliverables outside your approved tools. This is standard for every Miracuves hire engagement, not an enterprise-only add-on.

  

  
    **Get Started**
    
## Ready to add a dedicated UI/UX designer?

    
Tell Miracuves about your product stage, design maturity, and timeline. We confirm structure, overlap, and rate in writing before any commitment. Share stack, timezone, and first sprint goal - Miracuves responds with matched profiles, published rates, and bilateral NDA for review within one business day.

    **180+**Vetted designers**<48 Hrs**Time to start**98%**Rejection rate**2 Weeks**Replacement
  
  
    [WhatsApp - Start Now](https://wa.me/919830009649)
    [Request a Designer](https://miracuves.com/contact/)
    
NDA signed before we discuss your project

  

  
    
    Page reviewed by Miracuves Product Design Team · Last updated June 2026 · [Clutch & Google Reviews](https://miracuves.com/reviews-awards/)