--- title: Hire Technical Architects description: Home/Services/Hire Architects/Hire Technical ArchitectsDedicated Hiring · Available This Week Hire Dedicated Technical ArchitectsVetted by Miracuves · Embedde url: https://miracuves.com/service/hire-technical-architects date_modified: 2026-07-25 author: miracuves language: en_US --- @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800&family=JetBrains+Mono:wght@400;500;600&display=swap'); /* ═══ V2 DESIGN TOKENS ═══ */ .tb{--red:#a70d2a;--red-d:#990000;--red-l:#a70d2a;--ra:rgba(167,13,42,.06);--rb:rgba(167,13,42,.16);--rg:linear-gradient(135deg,#a70d2a 0%,#990000 100%);--green:#00E676;--gl:#26A69A;--teal:#00F3FF;--dk0:#030008;--dk1:#07040f;--dk2:#0c081a;--dk3:#120e26;--dk4:#191433;--card:rgba(8,4,15,.76);--cardh:rgba(14,8,25,.88);--l0:#ffffff;--l1:#fafafd;--l2:#f2f1f6;--l3:#e8e7ee;--dx1:#ffffff;--dx2:rgba(255,255,255,.95);--dx3:rgba(255,255,255,.65);--dx4:rgba(255,255,255,.35);--lx1:#0c0716;--lx2:#322d3e;--lx3:#5f5a70;--lx4:#928ea3;--bd:rgba(255,255,255,.06);--bd2:rgba(255,255,255,.12);--bd3:rgba(255,255,255,.20);--bl:rgba(12,7,22,.04);--bl2:rgba(12,7,22,.08);--f:'Plus Jakarta Sans','Inter',-apple-system,sans-serif;--fm:'JetBrains Mono',monospace;--r20:20px;--r14:14px;--r10:10px;--r6:6px;--r100:100px;--spring:cubic-bezier(.175,.885,.32,1.275);--ease:cubic-bezier(.16,1,.3,1)} /* ═══ RESET ═══ */ .tb,.tb *{box-sizing:border-box!important} .tb{font-family:var(--f)!important;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.7;color:var(--lx2);width:100%;background:var(--l0)} .tb h1,.tb h2,.tb h3,.tb h4,.tb p,.tb ul,.tb ol{margin:0;padding:0} .tb ul,.tb ol{list-style:none} .tb a{text-decoration:none!important;color:inherit} /* ═══ LAYOUT ═══ */ .tb .W{max-width:1260px;margin:0 auto;padding:0 40px} .tb .S{padding:120px 0;position:relative} .tb .g2{display:grid;grid-template-columns:1fr 1fr;gap:32px} .tb .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px} .tb .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px} .tb .sp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start} /* ═══ SKINS ═══ */ .tb .sD{background:var(--dk1)}.tb .sD2{background:var(--dk2)}.tb .sW{background:var(--l0)}.tb .sG{background:var(--l1)}.tb .sR{background:var(--red-d)} .tb .sD h2,.tb .sD h3,.tb .sD2 h2,.tb .sD2 h3{color:var(--dx1)}.tb .sD p,.tb .sD2 p{color:var(--dx2)} .tb .sW h2,.tb .sW h3,.tb .sG h2,.tb .sG h3{color:var(--lx1)}.tb .sW p,.tb .sG p{color:var(--lx2)} .tb .sR h2,.tb .sR h3{color:#fff}.tb .sR p{color:rgba(255,255,255,.9)} /* ═══ TYPOGRAPHY ═══ */ .tb h1{font-size:clamp(52px,7vw,92px);font-weight:800;line-height:.98;letter-spacing:-3.8px} .tb h2{font-size:clamp(34px,4.2vw,54px);font-weight:800;line-height:1.06;letter-spacing:-2px} .tb h2 em{font-style:normal;color:var(--red)} .tb h3{font-size:21px;font-weight:800;line-height:1.25;letter-spacing:-.6px} .tb .lead{font-size:18px;line-height:1.76;font-weight:400;max-width:640px} .tb .body{font-size:15px;line-height:1.76} /* ═══ ANIMATIONS ═══ */ @keyframes tb-up{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}} @keyframes tb-pulse{0%{transform:scale(.6);opacity:.7}100%{transform:scale(2.2);opacity:0}} @keyframes tb-glow{0%,100%{box-shadow:0 0 0 0 rgba(0,230,118,.5)}50%{box-shadow:0 0 0 8px rgba(0,230,118,0)}} @keyframes tb-glow-r{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.05)}} @keyframes tb-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}} @keyframes tb-skill-fill{from{width:0}to{width:var(--w)}} @keyframes tb-funnel-narrow{from{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(15% 0,85% 0,70% 100%,30% 100%)}} @keyframes tb-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(-1deg)}} @keyframes tb-slide-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}} @keyframes tb-blink{0%,49%{opacity:1}50%,100%{opacity:0}} /* ═══ AMBIENT GLOWS ═══ */ .tb .glow{position:absolute;border-radius:50%;filter:blur(130px);opacity:.15;pointer-events:none;z-index:0} .tb .glow-1{top:-10%;right:-5%;width:550px;height:550px;background:radial-gradient(circle,var(--red) 0%,transparent 70%);animation:tb-glow-r 6s ease-in-out infinite} .tb .glow-2{bottom:10%;left:-10%;width:450px;height:450px;background:radial-gradient(circle,var(--red-d) 0%,transparent 70%)} /* ═══ EYEBROW PILL ═══ */ .tb .pill{display:flex;margin-bottom:30px}.tb .pill.c{justify-content:center} .tb .eyp{display:inline-flex;align-items:center;gap:10px;background:rgba(12,7,23,.85);backdrop-filter:blur(20px);border:1px solid var(--bd2);border-radius:var(--r100);padding:8px 18px 8px 12px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.9);box-shadow:0 4px 20px rgba(0,0,0,.4)} .tb .sW .eyp,.tb .sG .eyp{background:rgba(255,255,255,.85);border-color:var(--bl2);color:var(--lx2);box-shadow:0 4px 16px rgba(12,7,22,.04)} .tb .sR .eyp{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff} .tb .eyp strong{color:#fff!important;font-weight:700}.tb .sW .eyp strong,.tb .sG .eyp strong{color:var(--red)!important} .tb .eyp .eyp-bar{width:18px;height:2px;background:var(--red);border-radius:2px;flex-shrink:0;display:block;font-size:0;line-height:0;overflow:hidden} .tb .eyp .eyp-bar::before,.tb .eyp .eyp-bar::after{display:none!important;content:none!important} /* ═══ LIVE DOT ═══ */ .tb .ldot{position:relative;width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px rgba(0,230,118,.8);flex-shrink:0;animation:tb-glow 2s ease-in-out infinite} .tb .ldot::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--green);opacity:.55;animation:tb-pulse 2.2s ease-out infinite} /* ═══ BUTTONS ═══ */ .tb .btn{position:relative;display:inline-flex;align-items:center;gap:10px;font-family:var(--f);font-size:14.5px;font-weight:700;letter-spacing:.015em;padding:16px 30px;border-radius:var(--r14);cursor:pointer;transition:transform .3s var(--spring),box-shadow .3s var(--ease);line-height:1;white-space:nowrap;overflow:hidden;border:none;text-decoration:none!important} .tb .btn svg{width:18px;height:18px;stroke-width:2.4;position:relative;z-index:1;flex-shrink:0}.tb .btn span{position:relative;z-index:1} .tb .btn-p{background:var(--rg);color:#fff!important;box-shadow:0 12px 30px rgba(167,13,42,.35),inset 0 1px 0 rgba(255,255,255,.20)} .tb .btn-p::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.25) 50%,transparent 75%);transform:translateX(-100%);transition:transform .65s var(--ease)} .tb .btn-p:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 40px rgba(167,13,42,.5)}.tb .btn-p:hover::before{transform:translateX(100%)} .tb .btn-g{background:rgba(12,7,23,.6);color:#fff!important;border:1px solid var(--bd2);backdrop-filter:blur(20px)} .tb .btn-g:hover{background:rgba(12,7,23,.85);transform:translateY(-3px);border-color:var(--bd3);box-shadow:0 12px 32px rgba(0,0,0,.45)} .tb .sW .btn-g,.tb .sG .btn-g{background:rgba(255,255,255,.85);color:var(--lx1)!important;border-color:var(--bl2);backdrop-filter:none;box-shadow:0 2px 10px rgba(12,7,22,.04)} .tb .sW .btn-g:hover,.tb .sG .btn-g:hover{background:#fff;transform:translateY(-3px);box-shadow:0 10px 24px rgba(12,7,22,.08)} .tb .sR .btn-g{background:rgba(255,255,255,.16);color:#fff!important;border-color:rgba(255,255,255,.26)} .tb .btn-wa{background:#25D366;color:#fff!important;box-shadow:0 10px 24px rgba(37,211,102,.25);border:none} .tb .btn-wa:hover{background:#20ba5a;transform:translateY(-3px);box-shadow:0 12px 30px rgba(37,211,102,.4)} /* ═══ CHECKLIST ═══ */ .tb .ck{display:flex;gap:14px;font-size:15px;font-weight:500;line-height:1.62;padding:8px 0;align-items:flex-start} .tb .ck::before{content:'✓';font-weight:900;font-size:12px;margin-top:3px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%} .tb .sD .ck::before,.tb .sD2 .ck::before{color:var(--green);background:rgba(0,230,118,.08)}.tb .sD .ck,.tb .sD2 .ck{color:var(--dx2)} .tb .sW .ck::before,.tb .sG .ck::before{color:var(--green);background:rgba(34,197,94,.08)}.tb .sW .ck,.tb .sG .ck{color:var(--lx2)} .tb .sR .ck::before{color:#ffd700;background:rgba(255,215,0,.12)}.tb .sR .ck{color:rgba(255,255,255,.88)} /* ═══ ICON BOX ═══ */ .tb .ico{width:44px;height:44px;border-radius:var(--r10);display:flex;align-items:center;justify-content:center;border:1px solid var(--rb);background:var(--ra);flex-shrink:0;transition:transform .3s var(--spring)} .tb .ico svg{width:20px;height:20px;color:var(--red-l)} /* ═══ SECTION HEAD ═══ */ .tb .sh{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-bottom:56px} /* ═══ BREADCRUMB ═══ */ .tb .ta-bc{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;margin-bottom:30px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.05em} .tb .ta-bc a{color:var(--dx3);transition:color .2s}.tb .ta-bc a:hover{color:var(--red-l)} .tb .ta-bc .bs{color:var(--dx4);opacity:.6;font-size:10px;margin:0 4px} .tb .ta-bc .ta-bc-curr{color:var(--dx1);font-weight:700} /* ══════════════════════════════════════════════════════════════ ██ HERO — Developer Profile Card + Matching Console ██ COMPLETELY UNIQUE TO TEMPLATE B ══════════════════════════════════════════════════════════════ */ .tb .hero{background:radial-gradient(circle at 10% 20%,rgba(167,13,42,.16) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(153,0,0,.12) 0%,transparent 55%),#030008;position:relative;padding:120px 0 20px;overflow:hidden} .tb .hero::before{content:'';position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(167,13,42,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(167,13,42,.02) 1px,transparent 1px);background-size:56px 56px;pointer-events:none} .tb .hi{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:start;position:relative;z-index:1} .tb .hl{padding-bottom:80px} .tb .hew{display:flex;margin-bottom:28px;animation:tb-up .6s var(--ease) both} .tb .hh1{font-size:clamp(54px,7.5vw,94px);font-weight:800;line-height:.96;letter-spacing:-.045em;color:var(--dx1);animation:tb-up .7s var(--ease) .1s both} .tb .hh1 em{font-style:normal;background:var(--rg);color:#fff!important;-webkit-text-fill-color:#fff!important;padding:4px 20px;border-radius:var(--r14);box-shadow:0 10px 30px rgba(167,13,42,.5),inset 0 1px 0 rgba(255,255,255,.2);display:inline-block;letter-spacing:-.02em} .tb .hh1 .dim{color:rgba(255,255,255,.85);font-weight:700;font-size:.68em;display:block;margin-top:14px;letter-spacing:-.035em;-webkit-text-fill-color:rgba(255,255,255,.85)} .tb .hlead{font-size:18.5px;line-height:1.76;color:var(--dx2);margin-top:24px;max-width:540px;animation:tb-up .7s var(--ease) .18s both} .tb .htrust{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0;animation:tb-up .7s var(--ease) .24s both} .tb .htr{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;padding:8px 16px;border-radius:var(--r100);transition:all .3s var(--ease)} .tb .htr:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.26);transform:translateY(-2px);box-shadow:0 4px 12px rgba(167,13,42,.15)} .tb .htr svg{width:13px;height:13px;color:var(--green);flex-shrink:0} .tb .hctas{display:flex;gap:16px;flex-wrap:wrap;animation:tb-up .7s var(--ease) .3s both} .tb .hproof{display:flex;gap:16px;align-items:center;margin-top:28px;flex-wrap:wrap;font-size:12.5px;font-weight:600;animation:tb-up .7s var(--ease) .36s both;color:rgba(255,255,255,.85)} .tb .hproof a{color:#fff;text-decoration:underline!important;font-weight:700}.tb .hproof .dot{color:rgba(255,255,255,.35)} .tb .hr{padding-top:8px;animation:tb-up .7s var(--ease) .2s both} /* ── DEVELOPER PROFILE CARD (unique to B) ── */ .tb .dev-profile{position:relative;border-radius:var(--r20);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.65);transition:transform .4s var(--spring),box-shadow .4s var(--ease)} .tb .dev-profile::before{content:'';position:absolute;inset:0;padding:1.5px;background:linear-gradient(135deg,rgba(167,13,42,.6),rgba(255,255,255,.05),rgba(0,243,255,.3));border-radius:var(--r20);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2} .tb .dev-profile:hover{transform:translateY(-6px);box-shadow:0 35px 80px rgba(167,13,42,.15),0 30px 70px rgba(0,0,0,.7)} .tb .dp-inner{background:rgba(6,3,12,.88);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:calc(var(--r20) - 1px);padding:32px;position:relative;z-index:1} .tb .dp-header{display:flex;align-items:center;gap:18px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--bd)} .tb .dp-avatar{width:60px;height:60px;border-radius:50%;background:var(--rg);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;flex-shrink:0;position:relative;box-shadow:0 8px 24px rgba(167,13,42,.4)} .tb .dp-status{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:var(--green);border-radius:50%;border:2.5px solid rgba(6,3,12,.88);box-shadow:0 0 10px var(--green);animation:tb-glow 2s ease-in-out infinite} .tb .dp-info h3{font-size:18px;font-weight:800;color:#fff;margin-bottom:4px;letter-spacing:-.02em} .tb .dp-info p{font-size:13px;color:var(--dx3);font-weight:600} .tb .dp-match{display:flex;align-items:center;gap:8px;margin-left:auto;padding:6px 14px;border-radius:var(--r100);background:rgba(0,230,118,.08);border:1px solid rgba(0,230,118,.25);font-size:11px;font-weight:800;color:var(--green);text-transform:uppercase;letter-spacing:.08em} /* Skill bars */ .tb .dp-skills{display:flex;flex-direction:column;gap:12px;margin-bottom:24px} .tb .dp-skill{display:flex;align-items:center;gap:12px} .tb .dp-skill-name{font-size:11.5px;font-weight:700;color:var(--dx3);width:80px;flex-shrink:0;text-transform:uppercase;letter-spacing:.06em} .tb .dp-skill-bar{flex:1;height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden} .tb .dp-skill-fill{height:100%;border-radius:3px;animation:tb-skill-fill 1.2s var(--ease) both} .tb .dp-skill-fill.expert{background:linear-gradient(90deg,var(--red),rgba(167,13,42,.6));--w:95%} .tb .dp-skill-fill.advanced{background:linear-gradient(90deg,var(--teal),rgba(0,243,255,.5));--w:88%} .tb .dp-skill-fill.strong{background:linear-gradient(90deg,var(--green),rgba(0,230,118,.5));--w:82%} .tb .dp-skill-pct{font-size:11px;font-weight:800;color:var(--dx2);width:32px;text-align:right;flex-shrink:0} /* Specializations */ .tb .dp-specs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px} .tb .dp-spec{font-size:10.5px;font-weight:700;padding:5px 12px;border-radius:var(--r6);background:rgba(167,13,42,.06);color:var(--red-l);border:1px solid rgba(167,13,42,.15);text-transform:uppercase;letter-spacing:.06em} /* Availability row */ .tb .dp-avail{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid var(--bd);font-size:13.5px;font-weight:600;color:var(--green)} .tb .dp-avail .ldot{width:8px;height:8px} /* ── MATCHING CONSOLE (unique to B) ── */ .tb .match-console{margin-top:18px;background:rgba(255,255,255,.02);border:1px solid var(--bd);border-radius:var(--r14);overflow:hidden;backdrop-filter:blur(8px);transition:all .35s var(--ease)} .tb .match-console:hover{border-color:rgba(167,13,42,.3);transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.4)} .tb .mc-header{padding:14px 20px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--dx3)} .tb .mc-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green);animation:tb-glow 2s ease-in-out infinite} .tb .mc-tag{margin-left:auto;color:var(--red-l);font-size:10px;border:1px solid rgba(167,13,42,.2);padding:2px 8px;border-radius:4px;background:rgba(167,13,42,.05)} .tb .mc-body{padding:16px 20px} .tb .mc-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.03)} .tb .mc-row:last-child{border-bottom:none} .tb .mc-label{font-size:9px;font-weight:850;color:var(--dx4);letter-spacing:.08em;text-transform:uppercase} .tb .mc-val{font-size:12.5px;font-weight:750;color:var(--dx1)} /* ═══ STRIP ═══ */ .tb .hstrip{background:var(--l0);padding:34px 0;position:relative;z-index:1;box-shadow:0 -1px 0 rgba(167,13,42,.08),0 12px 40px rgba(12,7,22,.06)} .tb .hsr{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:16px} .tb .hsi strong{display:block;font-size:20px;font-weight:800;color:var(--red-d);line-height:1.1;letter-spacing:-.03em;background:linear-gradient(135deg,var(--red-d),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .tb .hsi span{display:block;font-size:10.2px;font-weight:700;color:var(--lx3);text-transform:uppercase;letter-spacing:.08em;margin-top:4px} .tb .hsep{width:1px;height:36px;background:var(--bl2);flex-shrink:0} /* ═══ TRUST BAR ═══ */ .tb .tbar{padding:48px 0;border-bottom:1px solid var(--bd);position:relative;z-index:1} .tb .tbrow{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 48px;justify-items:center} .tb .titem{display:flex;align-items:center;gap:14px}.tb .titem h4{font-size:14.5px;font-weight:800;color:var(--dx1);letter-spacing:-.01em}.tb .titem p{font-size:12.5px;color:var(--dx2);margin-top:4px;font-weight:500} .tb .tsep{display:none!important} .tb .titem:hover .ico{transform:scale(1.08) rotate(3deg);background:rgba(167,13,42,.12);border-color:rgba(167,13,42,.4)} /* ═══ ACCENT NOTE ═══ */ .tb .anote{background:rgba(167,13,42,.02);border:1px solid rgba(167,13,42,.12);border-left:5px solid var(--red);border-radius:0 var(--r14) var(--r14) 0;padding:20px 24px;margin-top:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)} .tb .anh{font-size:11px;font-weight:850;color:var(--red);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px} .tb .mrow{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid var(--bl2);margin-top:30px;font-size:13.5px;color:var(--lx3);font-weight:650} .tb .mrow svg{width:16px;height:16px;color:var(--red);flex-shrink:0}.tb .mrow a{color:var(--red-d);font-weight:700} /* ══════════════════════════════════════════════════════════════ ██ S03: SPRINT BOARD MOCKUP (unique to B — not stat grid) ══════════════════════════════════════════════════════════════ */ .tb .sprint-board{background:rgba(6,3,12,.88);border:1px solid var(--bd2);border-radius:var(--r20);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);position:relative} .tb .sprint-board::before{content:'';position:absolute;inset:0;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent,rgba(255,255,255,.02));border-radius:var(--r20);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none} .tb .sb-header{padding:16px 22px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.03)} .tb .sb-header .cd{width:11px;height:11px;border-radius:50%}.tb .sb-header .cd-r{background:#ff5f56}.tb .sb-header .cd-y{background:#ffbd2e}.tb .sb-header .cd-g{background:#27c93f} .tb .sb-title{font-size:11.5px;font-weight:600;color:var(--dx3);margin-left:10px;font-family:var(--fm);letter-spacing:.04em} .tb .sb-cols{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:260px} .tb .sb-col{padding:16px;border-right:1px solid var(--bd)} .tb .sb-col:last-child{border-right:none} .tb .sb-col-head{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--dx4);margin-bottom:14px;display:flex;align-items:center;gap:8px} .tb .sb-col-count{background:rgba(255,255,255,.06);border-radius:4px;padding:1px 6px;font-size:9px;color:var(--dx3)} .tb .sb-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:var(--r10);padding:12px;margin-bottom:10px;transition:all .25s;cursor:default} .tb .sb-card:hover{background:rgba(255,255,255,.06);border-color:rgba(167,13,42,.3);transform:translateY(-2px)} .tb .sb-card-title{font-size:12px;font-weight:700;color:var(--dx1);margin-bottom:6px} .tb .sb-card-tag{display:inline-block;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:4px;margin-right:4px} .tb .sb-tag-feat{background:rgba(0,243,255,.08);color:var(--teal);border:1px solid rgba(0,243,255,.2)} .tb .sb-tag-bug{background:rgba(167,13,42,.08);color:var(--red-l);border:1px solid rgba(167,13,42,.2)} .tb .sb-tag-qa{background:rgba(0,230,118,.08);color:var(--green);border:1px solid rgba(0,230,118,.2)} .tb .sb-card-pts{font-size:10px;color:var(--dx4);margin-top:8px;display:flex;align-items:center;gap:6px} .tb .sb-card-pts span{background:rgba(255,255,255,.05);padding:1px 6px;border-radius:3px;font-weight:700;font-size:9px} /* Active card — glowing border */ .tb .sb-card.active{border-color:rgba(0,243,255,.4);box-shadow:0 0 16px rgba(0,243,255,.08)} /* ══════════════════════════════════════════════════════════════ ██ S04: INCLUSION CARDS ══════════════════════════════════════════════════════════════ */ .tb .inc-card{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r20);padding:32px 28px;transition:all .4s var(--spring);box-shadow:0 4px 16px rgba(12,7,22,.02);position:relative;overflow:hidden} .tb .inc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--rg);opacity:0;transition:opacity .3s} .tb .inc-card:hover{transform:translateY(-8px);border-color:rgba(167,13,42,.3);box-shadow:0 24px 50px rgba(167,13,42,.08),0 8px 24px rgba(12,7,22,.04)} .tb .inc-card:hover::before{opacity:1} .tb .inc-num{font-size:11px;font-weight:850;color:var(--red);margin-bottom:16px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ra);border:1px solid var(--rb)} .tb .inc-card h3{font-size:17px;font-weight:800;color:var(--lx1);margin-bottom:10px;letter-spacing:-.02em} .tb .inc-card p{font-size:13.8px;line-height:1.68;color:var(--lx2)} /* ══════════════════════════════════════════════════════════════ ██ S05: VETTING — Split dark/red with funnel visual ══════════════════════════════════════════════════════════════ */ .tb .two-col{display:grid;grid-template-columns:1fr 1fr} .tb .tc-panel{padding:130px 90px;display:flex;align-items:flex-start} .tb .tc-inner{width:100%;max-width:560px} .tb .two-col .tc-panel:first-child .tc-inner{margin-left:auto;margin-right:0} .tb .two-col .tc-panel:last-child .tc-inner{margin-left:0;margin-right:auto} .tb .qs-dark{background:var(--dk1);position:relative} .tb .qs-dark::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0% 100%,rgba(167,13,42,.08) 0%,transparent 68%);pointer-events:none} .tb .qs-dark h2{color:var(--dx1)}.tb .qs-dark h2 em{color:var(--red-l)}.tb .qs-dark .lead{color:var(--dx2)} .tb .qs-dark .eyp{background:rgba(8,4,12,.75);border-color:var(--bd2)}.tb .qs-dark .eyp strong{color:#fff}.tb .qs-dark .eyp-bar{background:var(--red)} .tb .qrow{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:var(--r10);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:all .3s var(--ease)} .tb .qrow:hover{background:rgba(255,255,255,.05);border-color:rgba(167,13,42,.35);transform:translateX(6px);box-shadow:0 10px 24px rgba(0,0,0,.25)} .tb .qn{font-size:13.8px;font-weight:650;color:var(--dx1)}.tb .qb{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;background:rgba(255,255,255,.06);border:1px solid var(--bd2);border-radius:var(--r100);padding:3px 10px;color:var(--dx3);white-space:nowrap} .tb .qs-red{background:var(--red-d);position:relative;overflow:hidden} .tb .qs-red::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,rgba(167,13,42,.35) 0%,transparent 68%);pointer-events:none} .tb .qs-red .tc-inner{position:relative;z-index:1;max-width:760px} /* Vetting funnel visual */ .tb .funnel-wrap{margin-bottom:36px} .tb .funnel-step{display:flex;align-items:center;gap:14px;margin-bottom:4px} .tb .funnel-bar{height:24px;border-radius:6px;display:flex;align-items:center;padding:0 14px;font-size:10px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.06em;transition:all .3s;position:relative;overflow:hidden} .tb .funnel-bar::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:tb-shimmer 3s infinite;opacity:0;transition:opacity .3s} .tb .funnel-step:hover .funnel-bar::after{opacity:1} .tb .funnel-bar.f1{width:100%;background:rgba(255,255,255,.15)} .tb .funnel-bar.f2{width:50%;background:rgba(255,255,255,.18)} .tb .funnel-bar.f3{width:30%;background:rgba(255,255,255,.22)} .tb .funnel-bar.f4{width:18%;background:rgba(255,255,255,.26)} .tb .funnel-bar.f5{width:10%;background:rgba(255,255,255,.30)} .tb .funnel-bar.f6{width:6%;background:rgba(255,255,255,.35)} .tb .funnel-n{font-size:11px;color:rgba(255,255,255,.5);font-weight:700;flex-shrink:0;width:42px;text-align:right} .tb .funnel-label{font-size:11px;color:rgba(255,255,255,.65);font-weight:600;margin-left:12px;white-space:nowrap} /* Vetting step cards (2×3 grid) */ .tb .vet-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .tb .vet-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--r14);padding:22px;transition:all .35s var(--spring)} .tb .vet-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.07);box-shadow:0 16px 36px rgba(0,0,0,.3)} .tb .vet-num{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:850;margin-bottom:12px} .tb .vet-card h4{font-size:14px;font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:-.01em} .tb .vet-card p{font-size:12px;line-height:1.62;color:rgba(255,255,255,.75)} /* ══════════════════════════════════════════════════════════════ ██ S06: TOOLS GRID — 16 items 4×4 ══════════════════════════════════════════════════════════════ */ .tb .stack16{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .tb .stki{background:var(--card);border:1px solid var(--bd);border-radius:var(--r14);padding:28px 22px;text-align:center;transition:all .35s var(--ease);backdrop-filter:blur(20px);position:relative} .tb .stki::before{content:'';position:absolute;inset:0;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent,rgba(255,255,255,.02));border-radius:var(--r14);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none} .tb .stki:hover{transform:translateY(-6px);border-color:var(--red);box-shadow:0 20px 40px rgba(167,13,42,.12)} .tb .stlogo{width:50px;height:50px;border-radius:var(--r10);border:1px solid var(--bd2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:14px;font-weight:850;background:rgba(255,255,255,.06);color:var(--red-l);transition:transform .3s var(--spring)} .tb .stki:hover .stlogo{transform:scale(1.1) rotate(4deg)} .tb .stname{font-size:14px;font-weight:800;color:var(--dx1);margin-bottom:6px;letter-spacing:-.01em} .tb .stdesc{font-size:11px;line-height:1.5;color:var(--dx3);font-weight:500} /* ══════════════════════════════════════════════════════════════ ██ S07: TEAM TOPOLOGY — Rich org-chart visuals ══════════════════════════════════════════════════════════════ */ .tb .topo-card{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r20);overflow:hidden;transition:all .4s var(--spring);box-shadow:0 4px 16px rgba(12,7,22,.02)} .tb .topo-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(167,13,42,.08),0 8px 24px rgba(12,7,22,.06);border-color:rgba(167,13,42,.3)} .tb .topo-vis{height:180px;position:relative;overflow:hidden;border-bottom:1px solid var(--bl2);display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(167,13,42,.06),rgba(167,13,42,.015))} /* Node system */ .tb .tn{position:absolute;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:850;transition:transform .3s var(--spring);box-shadow:0 6px 20px rgba(0,0,0,.3)} .tb .topo-card:hover .tn{transform:scale(1.06)} .tb .tn.lead{width:48px;height:48px;background:var(--rg);color:#fff;font-size:13px;border-radius:50%;z-index:3;box-shadow:0 8px 24px rgba(167,13,42,.5)} .tb .tn.dev{width:38px;height:38px;background:rgba(0,243,255,.12);border:1.5px solid rgba(0,243,255,.35);color:var(--teal);font-size:10.5px;border-radius:50%} .tb .tn.ops{width:38px;height:38px;background:rgba(0,230,118,.12);border:1.5px solid rgba(0,230,118,.35);color:var(--green);font-size:10.5px;border-radius:50%} .tb .tn.ghost{width:38px;height:38px;background:rgba(255,255,255,.04);border:1.5px dashed rgba(255,255,255,.18);color:rgba(255,255,255,.3);font-size:14px;border-radius:50%} .tb .tl{position:absolute;height:1.5px;background:rgba(167,13,42,.25)} .tb .topo-body{padding:26px 28px} .tb .topo-tag{font-size:10.5px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--red);margin-bottom:10px} .tb .topo-title{font-size:19px;font-weight:800;color:var(--lx1);margin-bottom:10px;letter-spacing:-.02em} .tb .topo-desc{font-size:13.5px;line-height:1.68;color:var(--lx2);margin-bottom:16px} .tb .topo-best{font-size:12px;color:var(--lx3);padding-top:14px;border-top:1px solid var(--bl2);font-weight:600} .tb .topo-best strong{color:var(--red);font-weight:800} /* ══════════════════════════════════════════════════════════════ ██ S08: PRICING CARDS ══════════════════════════════════════════════════════════════ */ .tb .pcrd{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r20);padding:44px 34px;position:relative;transition:all .4s var(--spring);overflow:hidden;box-shadow:0 4px 16px rgba(12,7,22,.02)} .tb .pcrd::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--rg);opacity:0;transition:opacity .3s} .tb .pcrd:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(12,7,22,.06),0 10px 24px rgba(167,13,42,.05);border-color:rgba(167,13,42,.3)} .tb .pcrd:hover::before{opacity:1} .tb .pcrd.hot{border-color:var(--red);box-shadow:0 16px 40px rgba(167,13,42,.08);background:var(--l1)} .tb .pcrd.hot::before{opacity:1} .tb .ptag{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;padding:5px 18px;border-radius:0 0 8px 8px;white-space:nowrap;box-shadow:0 2px 8px rgba(167,13,42,.25)} .tb .pname{font-size:19px;font-weight:800;color:var(--lx1);margin-bottom:14px;letter-spacing:-.02em} .tb .pamt{font-size:40px;font-weight:850;line-height:1;margin-bottom:10px;letter-spacing:-.04em;background:linear-gradient(135deg,var(--red-d),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .tb .pnote{font-size:12.8px;color:var(--lx3);margin-bottom:26px;font-weight:600} .tb .pcrd ul{display:flex;flex-direction:column;gap:11px;margin-bottom:32px} .tb .pcrd li{position:relative;padding-left:26px;font-size:13.8px;line-height:1.6;color:var(--lx2);font-weight:550} .tb .pcrd li::before{content:'✓';position:absolute;left:0;font-weight:900;color:var(--green);font-size:12px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:rgba(0,230,118,.08);border-radius:50%;margin-top:2px} /* ══════════════════════════════════════════════════════════════ ██ S09: CASE STUDY SPLIT — dark/grey ══════════════════════════════════════════════════════════════ */ .tb .cs-dark{background:var(--dk1);position:relative} .tb .cs-dark::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0% 100%,rgba(167,13,42,.08) 0%,transparent 68%);pointer-events:none} .tb .cs-dark .tc-inner{position:relative;z-index:1} .tb .cs-dark h2{color:var(--dx1)}.tb .cs-dark h2 em{color:var(--red-l)}.tb .cs-dark .body{color:var(--dx2)} .tb .cs-dark .eyp{background:rgba(8,4,12,.75);border-color:var(--bd2)}.tb .cs-dark .eyp strong{color:#fff}.tb .cs-dark .eyp-bar{background:var(--red)} .tb #process.sG .cst{color:var(--lx1)} .tb #process.sG .csb{color:var(--lx2)} .tb #process.sG .csr{border-bottom-color:var(--bl2)} .tb #process.sG .csn{background:var(--ra);color:var(--red-l);border:1px solid var(--rb)} .tb .csr{display:flex;gap:20px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--bd);min-width:0;width:100%} .tb .csr:last-child{border-bottom:none;padding-bottom:0} .tb .csr > div:not(.csn){min-width:0;flex:1} .tb .csn{width:40px;height:40px;border-radius:var(--r10);display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:850;flex-shrink:0;background:var(--ra);color:var(--red-l);border:1px solid var(--rb);transition:transform .3s} .tb .csr:hover .csn{transform:scale(1.08) rotate(3deg)} .tb .cst{font-size:16px;font-weight:800;margin-bottom:8px;color:var(--dx1);letter-spacing:-.01em} .tb .csb{font-size:13.8px;line-height:1.7;color:var(--dx2);overflow-wrap:break-word;word-wrap:break-word} .tb .process-steps{display:flex;flex-direction:column;gap:0;margin-top:32px;min-width:0;width:100%;max-width:100%} .tb .revl,.tb .revr{min-width:0;max-width:100%} .tb .rbar{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px} .tb .rpill{padding:16px 20px;border-radius:var(--r10);text-align:center;background:rgba(255,255,255,.03);border:1px solid var(--bd);transition:all .28s var(--ease)} .tb .rpill:hover{border-color:rgba(167,13,42,.4);background:rgba(167,13,42,.08);transform:translateY(-3px)} .tb .rpill strong{display:block;font-size:24px;font-weight:800;color:var(--red-l);letter-spacing:-.03em;line-height:1.1} .tb .rpill span{display:block;font-size:11px;color:var(--dx3);margin-top:4px;font-weight:700;text-transform:uppercase;letter-spacing:.08em} /* Grey panel for testimonial/brief */ .tb .cs-grey{background:var(--l2);position:relative;overflow:hidden} .tb .cs-grey::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,rgba(167,13,42,.04) 0%,transparent 60%);pointer-events:none} .tb .cs-grey .tc-inner{position:relative;z-index:1} .tb .testi{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r20);padding:36px;box-shadow:0 8px 30px rgba(12,7,22,.03)} .tb .tlbl{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.14em;color:var(--red);margin-bottom:16px} .tb .tq{font-size:16px;font-weight:550;line-height:1.76;font-style:italic;color:var(--lx1);letter-spacing:-.01em} .tb .tau{display:flex;align-items:center;gap:14px;padding-top:20px;margin-top:20px;border-top:1px solid var(--bl2)} .tb .tav{width:44px;height:44px;border-radius:50%;background:var(--ra);border:1px solid var(--rb);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:850;color:var(--red)} .tb .tnm{font-size:15px;font-weight:850;color:var(--lx1)}.tb .trl{font-size:12.8px;color:var(--lx3);margin-top:2px;font-weight:550} .tb .tvfy{margin-top:20px;padding:14px 18px;background:var(--l1);border-radius:var(--r10);font-size:13.8px;font-weight:700;border:1px solid var(--bl2)} .tb .proj-brief{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r20);padding:26px 30px;box-shadow:0 8px 30px rgba(12,7,22,.03)} .tb .pb-title{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.14em;color:var(--red);margin-bottom:16px} .tb .pb-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--bl2)} .tb .pb-row:last-child{border-bottom:none} .tb .pb-label{color:var(--lx3);font-weight:600;font-size:13.5px} .tb .pb-val{color:var(--lx1);font-weight:800;font-size:13.5px} /* ═══ S10–S12: Related / FAQ / CTA ═══ */ .tb .rcrd{display:flex;align-items:center;gap:18px;background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r14);padding:22px 24px;transition:all .35s var(--spring);text-decoration:none!important;box-shadow:0 4px 16px rgba(12,7,22,.02)} .tb .rcrd:hover{transform:translateX(6px);border-color:rgba(167,13,42,.35);box-shadow:0 16px 36px rgba(167,13,42,.08)} .tb .rict{width:44px;height:44px;border-radius:var(--r10);display:flex;align-items:center;justify-content:center;background:var(--ra);border:1px solid var(--rb);flex-shrink:0;transition:transform .3s var(--spring)} .tb .rcrd:hover .rict{transform:scale(1.1) rotate(4deg)} .tb .rict svg{width:20px;height:20px;color:var(--red)} .tb .rcat{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;color:var(--lx3);margin-bottom:5px} .tb .rtit{font-size:15px;font-weight:800;color:var(--lx1);letter-spacing:-.01em} .tb .fitem{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r14);overflow:hidden;transition:border-color .3s,box-shadow .3s;box-shadow:0 4px 16px rgba(0,0,0,.01)} .tb .fitem:hover{border-color:rgba(167,13,42,.28);box-shadow:0 12px 28px rgba(12,7,22,.05)} .tb .fq{font-size:16px;font-weight:800;line-height:1.35;color:var(--lx1);padding:24px 28px 0;letter-spacing:-.02em} .tb .faq-a{font-size:14px;line-height:1.74;color:var(--lx2);padding:12px 28px 24px;font-weight:500} .tb .ctawrap{display:flex;align-items:center;justify-content:space-between;gap:64px;flex-wrap:wrap} .tb .ctal{flex:1;min-width:280px}.tb .ctar{display:flex;flex-direction:column;gap:14px;flex-shrink:0;min-width:260px} .tb .ctapr{display:flex;gap:36px;margin-top:32px;flex-wrap:wrap} .tb .ctapr strong{display:block;font-size:28px;font-weight:850;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,var(--red-d),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .tb .ctapr span{display:block;font-size:11.5px;color:var(--lx3);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;font-weight:700} .tb .ctanote{font-size:12.8px;color:var(--lx3);text-align:center;font-weight:600} /* Honest note */ .tb .hnote{padding:18px 24px;font-size:13.8px;color:var(--lx2);background:rgba(167,13,42,.03);border:1px solid rgba(167,13,42,.12);border-left:5px solid var(--red);border-radius:0 var(--r14) var(--r14) 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)} /* ══════════════════════════════════════════════════════════════ ██ SOPHISTICATION LAYER — Premium polish on every surface ██ Grid textures · Deep shadows · Gradient borders · Glow text ██ Heavy glass blur · Refined spacing · Spring hover states ══════════════════════════════════════════════════════════════ */ /* ── Global refinement ── */ .tb .S { padding: 130px 0; } .tb h2 { margin-bottom: 4px; } .tb .lead { letter-spacing: -0.01em; } /* ── Hero grid texture + deeper atmosphere ── */ .tb .hero::before { background-image: linear-gradient(rgba(167,13,42,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(167,13,42,.025) 1px, transparent 1px); background-size: 56px 56px; } .tb .hero::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 200px; background: linear-gradient(to top, rgba(3,0,8,.6), transparent); pointer-events: none; z-index: 0; } /* ── Developer Profile Card — maximum glass depth ── */ .tb .dev-profile { box-shadow: 0 40px 80px rgba(0,0,0,.7), 0 15px 35px rgba(167,13,42,.12); } .tb .dev-profile:hover { box-shadow: 0 50px 100px rgba(167,13,42,.2), 0 40px 80px rgba(0,0,0,.75); } .tb .dp-inner { backdrop-filter: blur(44px) saturate(190%); -webkit-backdrop-filter: blur(44px) saturate(190%); } .tb .dp-avatar { box-shadow: 0 10px 30px rgba(167,13,42,.5), inset 0 -2px 4px rgba(0,0,0,.3); } .tb .dp-skill-fill { box-shadow: 0 0 12px rgba(167,13,42,.3); } .tb .dp-skill-fill.advanced { box-shadow: 0 0 12px rgba(0,243,255,.3); } .tb .dp-skill-fill.strong { box-shadow: 0 0 12px rgba(0,230,118,.3); } .tb .dp-match { box-shadow: 0 0 20px rgba(0,230,118,.12); } /* ── Matching Console — elevated glass ── */ .tb .match-console { box-shadow: 0 20px 50px rgba(0,0,0,.45); } .tb .match-console:hover { box-shadow: 0 30px 60px rgba(167,13,42,.1), 0 20px 50px rgba(0,0,0,.5); } /* ── Sprint Board — IDE-level fidelity ── */ .tb .sprint-board { box-shadow: 0 40px 80px rgba(0,0,0,.65), 0 15px 35px rgba(0,0,0,.3); } .tb .sprint-board::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent); pointer-events: none; z-index: 3; } .tb .sb-header { backdrop-filter: blur(12px); } .tb .sb-card { backdrop-filter: blur(6px); box-shadow: 0 2px 8px rgba(0,0,0,.2); } .tb .sb-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); } .tb .sb-card.active { box-shadow: 0 0 20px rgba(0,243,255,.08), 0 4px 16px rgba(0,0,0,.3); } .tb .sb-card.active::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(0,243,255,.4), transparent); } /* ── Inclusion cards — gradient border technique ── */ .tb .inc-card { border: 1px solid transparent; background-image: linear-gradient(var(--l0), var(--l0)), linear-gradient(135deg, rgba(12,7,22,.06), rgba(167,13,42,.15)); background-origin: border-box; background-clip: padding-box, border-box; box-shadow: 0 6px 24px rgba(12,7,22,.03); } .tb .inc-card:hover { background-image: linear-gradient(var(--l0), var(--l0)), linear-gradient(135deg, rgba(167,13,42,.45), rgba(167,13,42,.08)); box-shadow: 0 30px 60px rgba(167,13,42,.1), 0 10px 30px rgba(12,7,22,.05); } /* ── Trust bar items — elevated with glass on all viewports ── */ .tb .titem { transition: transform .3s var(--spring), box-shadow .3s var(--ease); } .tb .titem:hover { transform: translateY(-2px); } /* ── Vetting funnel — glow on narrow bars ── */ .tb .funnel-bar { box-shadow: inset 0 1px 0 rgba(255,255,255,.15); transition: all .35s var(--ease); } .tb .funnel-step:hover .funnel-bar { box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 4px 16px rgba(167,13,42,.15); transform: scaleX(1.02); } .tb .funnel-bar.f6 { box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 0 20px rgba(167,13,42,.2); } /* ── Vet cards — glass depth ── */ .tb .vet-card { backdrop-filter: blur(8px); box-shadow: 0 4px 16px rgba(0,0,0,.2); } .tb .vet-card:hover { box-shadow: 0 20px 45px rgba(0,0,0,.35), 0 0 30px rgba(167,13,42,.08); } .tb .vet-num { box-shadow: 0 0 12px rgba(255,255,255,.06); } /* ── Team topology cards — gradient border + deeper hover ── */ .tb .topo-card { border: 1px solid transparent; background-image: linear-gradient(var(--l0), var(--l0)), linear-gradient(135deg, rgba(12,7,22,.04), rgba(167,13,42,.12)); background-origin: border-box; background-clip: padding-box, border-box; box-shadow: 0 6px 24px rgba(12,7,22,.03); } .tb .topo-card:hover { background-image: linear-gradient(var(--l0), var(--l0)), linear-gradient(135deg, rgba(167,13,42,.4), rgba(167,13,42,.06)); box-shadow: 0 30px 60px rgba(167,13,42,.1), 0 10px 30px rgba(12,7,22,.06); } .tb .topo-vis { background: linear-gradient(180deg, rgba(167,13,42,.06), rgba(167,13,42,.015)); position: relative; } .tb .topo-vis::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(167,13,42,.06), transparent 70%); pointer-events: none; } .tb .tn.lead { box-shadow: 0 10px 30px rgba(167,13,42,.55), 0 0 40px rgba(167,13,42,.15); } .tb .tn.dev { box-shadow: 0 6px 18px rgba(0,243,255,.15), 0 4px 12px rgba(0,0,0,.25); } .tb .tn.ops { box-shadow: 0 6px 18px rgba(0,230,118,.15), 0 4px 12px rgba(0,0,0,.25); } .tb .topo-card:hover .tn.lead { box-shadow: 0 12px 35px rgba(167,13,42,.65), 0 0 50px rgba(167,13,42,.2); } /* ── Pricing cards — gradient border + elevated glass ── */ .tb .pcrd { border: 1px solid transparent; background-image: linear-gradient(var(--l0), var(--l0)), linear-gradient(135deg, rgba(12,7,22,.04), rgba(167,13,42,.08)); background-origin: border-box; background-clip: padding-box, border-box; box-shadow: 0 6px 24px rgba(12,7,22,.03); } .tb .pcrd:hover { background-image: linear-gradient(var(--l0), var(--l0)), linear-gradient(135deg, rgba(167,13,42,.4), rgba(167,13,42,.06)); box-shadow: 0 30px 60px rgba(167,13,42,.1), 0 10px 30px rgba(12,7,22,.05); } .tb .pcrd.hot { background-image: linear-gradient(var(--l1), var(--l1)), linear-gradient(135deg, rgba(167,13,42,.6), rgba(167,13,42,.2)); box-shadow: 0 20px 50px rgba(167,13,42,.12), 0 8px 24px rgba(12,7,22,.04); } .tb .pamt { text-shadow: 0 4px 12px rgba(167,13,42,.15); } /* ── Tools grid — subtle glass sheen ── */ .tb .stki { box-shadow: 0 8px 30px rgba(0,0,0,.3); } .tb .stki:hover { box-shadow: 0 24px 50px rgba(167,13,42,.15), 0 10px 24px rgba(0,0,0,.4); } .tb .stlogo { box-shadow: 0 2px 8px rgba(0,0,0,.2); } .tb .stki:hover .stlogo { box-shadow: 0 4px 14px rgba(167,13,42,.3); background: rgba(167,13,42,.08); border-color: rgba(167,13,42,.4); } /* ── Split panels — radial glow + deeper feel ── */ .tb .qs-dark { box-shadow: inset -1px 0 0 var(--bd); } .tb .qs-dark::after { content: ''; position: absolute; top: 50%; right: 0; width: 300px; height: 300px; transform: translate(50%, -50%); background: radial-gradient(circle, rgba(167,13,42,.06), transparent 70%); pointer-events: none; } .tb .cs-dark::after { content: ''; position: absolute; top: 50%; right: 0; width: 300px; height: 300px; transform: translate(50%, -50%); background: radial-gradient(circle, rgba(167,13,42,.06), transparent 70%); pointer-events: none; } /* ── Quality rows — glow on hover ── */ .tb .qrow:hover { box-shadow: 0 12px 30px rgba(0,0,0,.3), 0 0 20px rgba(167,13,42,.06); } .tb .qb { backdrop-filter: blur(8px); } /* ── Testimonial — premium glass ── */ .tb .testi { box-shadow: 0 12px 40px rgba(12,7,22,.05); transition: transform .3s var(--spring), box-shadow .3s var(--ease); } .tb .testi:hover { transform: translateY(-4px); box-shadow: 0 24px 60px rgba(12,7,22,.08); } .tb .proj-brief { box-shadow: 0 12px 40px rgba(12,7,22,.05); transition: transform .3s var(--spring), box-shadow .3s var(--ease); } .tb .proj-brief:hover { transform: translateY(-3px); box-shadow: 0 20px 50px rgba(12,7,22,.07); } /* ── FAQ — subtle gradient border ── */ .tb .fitem { border: 1px solid transparent; background-image: linear-gradient(var(--l0), var(--l0)), linear-gradient(135deg, rgba(12,7,22,.03), rgba(167,13,42,.06)); background-origin: border-box; background-clip: padding-box, border-box; box-shadow: 0 4px 16px rgba(0,0,0,.01); } .tb .fitem:hover { background-image: linear-gradient(var(--l0), var(--l0)), linear-gradient(135deg, rgba(167,13,42,.3), rgba(167,13,42,.06)); box-shadow: 0 16px 36px rgba(12,7,22,.06); } /* ── Related cards — slide + glow ── */ .tb .rcrd { border: 1px solid transparent; background-image: linear-gradient(var(--l0), var(--l0)), linear-gradient(135deg, rgba(12,7,22,.03), rgba(167,13,42,.06)); background-origin: border-box; background-clip: padding-box, border-box; box-shadow: 0 4px 16px rgba(12,7,22,.02); } .tb .rcrd:hover { background-image: linear-gradient(var(--l0), var(--l0)), linear-gradient(135deg, rgba(167,13,42,.35), rgba(167,13,42,.06)); box-shadow: 0 20px 45px rgba(167,13,42,.1); } /* ── CTA section — subtle glow behind stats ── */ .tb .ctapr strong { text-shadow: 0 4px 12px rgba(167,13,42,.12); } /* ── Honest note — premium left border glow ── */ .tb .hnote { box-shadow: -4px 0 16px rgba(167,13,42,.08), 0 4px 16px rgba(12,7,22,.03); } .tb .anote { box-shadow: -4px 0 16px rgba(167,13,42,.08), inset 0 1px 0 rgba(255,255,255,.7); } /* ── Eyebrow pill — glass refinement ── */ .tb .eyp { box-shadow: 0 6px 24px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06); } .tb .sW .eyp, .tb .sG .eyp { box-shadow: 0 6px 24px rgba(12,7,22,.06), inset 0 -1px 0 rgba(0,0,0,.03); } /* ── Buttons — deeper shadow layers ── */ .tb .btn-p { box-shadow: 0 14px 35px rgba(167,13,42,.4), 0 6px 16px rgba(167,13,42,.2), inset 0 1px 0 rgba(255,255,255,.22); } .tb .btn-p:hover { box-shadow: 0 20px 45px rgba(167,13,42,.55), 0 8px 20px rgba(167,13,42,.3); } .tb .btn-wa { box-shadow: 0 12px 28px rgba(37,211,102,.28), 0 4px 12px rgba(37,211,102,.12); } .tb .btn-wa:hover { box-shadow: 0 16px 36px rgba(37,211,102,.4), 0 6px 16px rgba(37,211,102,.2); } .tb .btn-g { box-shadow: 0 4px 16px rgba(0,0,0,.3); } .tb .btn-g:hover { box-shadow: 0 14px 36px rgba(0,0,0,.5); } /* ── Hero H1 — text depth ── */ .tb .hh1 em { box-shadow: 0 12px 35px rgba(167,13,42,.55), inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 2px rgba(0,0,0,.2); } /* ── Numbers with glow ── */ .tb .sn { text-shadow: 0 4px 14px rgba(167,13,42,.15); } .tb .hscn { text-shadow: 0 4px 14px rgba(167,13,42,.25); } .tb .rpill strong { text-shadow: 0 2px 10px rgba(167,13,42,.2); } .tb .pamt { text-shadow: 0 4px 14px rgba(167,13,42,.18); } /* ── Section ambient glows (add to white/grey sections) ── */ .tb .sW::before { content: ''; position: absolute; top: -100px; right: -80px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(167,13,42,.03), transparent 70%); pointer-events: none; z-index: 0; } .tb .sG::before { content: ''; position: absolute; bottom: -80px; left: -60px; width: 350px; height: 350px; background: radial-gradient(circle, rgba(167,13,42,.025), transparent 70%); pointer-events: none; z-index: 0; } .tb .sW .W, .tb .sG .W { position: relative; z-index: 1; } /* ── Strip refinement ── */ .tb .hstrip { box-shadow: 0 -1px 0 rgba(167,13,42,.1), 0 16px 48px rgba(12,7,22,.07); } .tb .hsi strong { text-shadow: 0 2px 8px rgba(167,13,42,.1); } /* ── Responsive padding adjustment for 130px sections ── */ @media (max-width: 768px) { .tb .S { padding: 80px 0; } } @media (max-width: 480px) { .tb .S { padding: 64px 0; } } /* ══════════════════════════════════════════════════════════════ ██ IMPECCABLE REFINEMENT — Final production polish ██ Noise texture · Sharp typography · Cursor-glow · Ring nodes ██ Section dividers · Elevation tiers · Pressed states ══════════════════════════════════════════════════════════════ */ /* ── 1. NOISE TEXTURE — Adds tactile grain to glass surfaces ── */ .tb .dev-profile::after, .tb .sprint-board::after, .tb .match-console::after, .tb .stki::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E"); pointer-events: none; z-index: 10; mix-blend-mode: overlay; opacity: .4; } /* ── 2. SHARP TYPOGRAPHY — Tighter, more dramatic ── */ .tb h1 { font-feature-settings: 'ss01' on, 'liga' on; } .tb h2 { font-feature-settings: 'ss01' on; letter-spacing: -2.2px; } .tb h2 em { letter-spacing: -1px; } .tb .hh1 { letter-spacing: -0.05em; } .tb .hh1 .dim { letter-spacing: -0.04em; font-size: .62em; opacity: .78; margin-top: 18px; } .tb h3 { letter-spacing: -0.03em; } .tb .lead { letter-spacing: -0.015em; font-size: 18.5px; } .tb .body { letter-spacing: -0.005em; } .tb .eyp { letter-spacing: 0.02em; } /* ── 3. SECTION DIVIDERS — Hairline crimson at key transitions ── */ .tb #trust { border-top: 1px solid rgba(167,13,42,.08); } .tb #role { border-top: 1px solid rgba(167,13,42,.04); } .tb #included { border-top: 1px solid rgba(12,7,22,.04); } .tb #structures { border-top: 1px solid rgba(167,13,42,.04); } .tb #pricing { border-top: 1px solid rgba(12,7,22,.04); } .tb #related { border-top: 1px solid rgba(167,13,42,.04); } .tb #faq { border-top: 1px solid rgba(12,7,22,.04); } /* ── 4. ELEVATION SYSTEM — 3 consistent tiers ── */ /* Tier 1: Resting (cards at rest) */ .tb .inc-card, .tb .topo-card, .tb .pcrd, .tb .fitem, .tb .rcrd { box-shadow: 0 1px 2px rgba(12,7,22,.04), 0 4px 12px rgba(12,7,22,.02), 0 8px 24px rgba(12,7,22,.01); } /* Tier 2: Hover (cards lifting) */ .tb .inc-card:hover, .tb .topo-card:hover, .tb .pcrd:hover, .tb .fitem:hover, .tb .rcrd:hover { box-shadow: 0 4px 8px rgba(167,13,42,.04), 0 12px 28px rgba(167,13,42,.06), 0 28px 56px rgba(12,7,22,.05); } /* Tier 3: Hero/feature (maximum elevation) */ .tb .dev-profile, .tb .sprint-board { box-shadow: 0 4px 8px rgba(0,0,0,.3), 0 16px 40px rgba(0,0,0,.4), 0 40px 80px rgba(0,0,0,.5); } /* ── 5. CURSOR-GLOW — Cards respond to hover with subtle light ── */ .tb .inc-card { position: relative; overflow: hidden; } .tb .inc-card::after { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at center, rgba(167,13,42,.04), transparent 40%); opacity: 0; transition: opacity .4s; pointer-events: none; z-index: 0; } .tb .inc-card:hover::after { opacity: 1; } .tb .topo-card::after { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at center, rgba(167,13,42,.03), transparent 40%); opacity: 0; transition: opacity .4s; pointer-events: none; z-index: 0; } .tb .topo-card:hover::after { opacity: 1; } /* ── 6. TEAM TOPOLOGY NODES — Ring effects ── */ .tb .tn.lead::before { content: ''; position: absolute; inset: -6px; border-radius: 50%; border: 1.5px solid rgba(167,13,42,.3); opacity: .6; animation: tb-pulse 3s ease-out infinite; } .tb .tn.lead::after { content: ''; position: absolute; inset: -12px; border-radius: 50%; border: 1px solid rgba(167,13,42,.12); } .tb .tn.dev::before { content: ''; position: absolute; inset: -5px; border-radius: 50%; border: 1px dashed rgba(0,243,255,.2); } .tb .tn.ops::before { content: ''; position: absolute; inset: -5px; border-radius: 50%; border: 1px dashed rgba(0,230,118,.2); } /* ── 7. BUTTON PRESSED STATE — Physical click feel ── */ .tb .btn-p:active { transform: translateY(0) scale(.98); box-shadow: 0 4px 12px rgba(167,13,42,.3), inset 0 2px 4px rgba(0,0,0,.2); transition-duration: .1s; } .tb .btn-wa:active { transform: translateY(0) scale(.98); box-shadow: 0 4px 12px rgba(37,211,102,.2), inset 0 2px 4px rgba(0,0,0,.15); transition-duration: .1s; } .tb .btn-g:active { transform: translateY(0) scale(.98); box-shadow: 0 2px 8px rgba(0,0,0,.2), inset 0 1px 3px rgba(0,0,0,.15); transition-duration: .1s; } /* ── 8. SKILL BAR REFINEMENT — Smoother gradients + glow pulse ── */ .tb .dp-skill-bar { background: rgba(255,255,255,.04); border: .5px solid rgba(255,255,255,.04); } .tb .dp-skill-fill { border-radius: 3px; position: relative; } .tb .dp-skill-fill::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #fff; box-shadow: 0 0 8px currentColor; opacity: .8; } .tb .dp-skill-fill.expert::after { box-shadow: 0 0 8px rgba(167,13,42,.8); } .tb .dp-skill-fill.advanced::after { box-shadow: 0 0 8px rgba(0,243,255,.8); } .tb .dp-skill-fill.strong::after { box-shadow: 0 0 8px rgba(0,230,118,.8); } /* ── 9. FUNNEL — Sharper typography + glow endpoint ── */ .tb .funnel-n { font-family: var(--fm); font-size: 12px; font-weight: 700; letter-spacing: -.02em; } .tb .funnel-bar { font-family: var(--fm); letter-spacing: .06em; position: relative; } .tb .funnel-bar.f6::after { content: ''; position: absolute; right: -3px; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: #fff; box-shadow: 0 0 12px rgba(167,13,42,.6), 0 0 24px rgba(167,13,42,.3); } /* ── 10. SPRINT BOARD — Code-level fidelity ── */ .tb .sb-col-head { font-family: var(--fm); } .tb .sb-card-title { letter-spacing: -.01em; } .tb .sb-card { position: relative; } .tb .sb-card-pts { font-family: var(--fm); } .tb .sb-card-pts span { font-family: var(--fm); letter-spacing: .02em; } .tb .sb-card.active { position: relative; } .tb .sb-card.active .sb-card-title { color: var(--teal); } /* ── 11. DEV PROFILE — Status badge refinement ── */ .tb .dp-status { width: 16px; height: 16px; border: 3px solid rgba(6,3,12,.88); } .tb .dp-info h3 { letter-spacing: -.02em; } .tb .dp-match { letter-spacing: .1em; font-family: var(--fm); } .tb .dp-spec { font-family: var(--fm); } .tb .dp-skill-name { font-family: var(--fm); } .tb .dp-skill-pct { font-family: var(--fm); } /* ── 12. MATCHING CONSOLE — Terminal precision ── */ .tb .mc-header { font-family: var(--fm); } .tb .mc-label { font-family: var(--fm); } .tb .mc-val { font-family: var(--fm); } .tb .mc-tag { font-family: var(--fm); } /* ── 13. HOVER STATE REFINEMENT — Spring with overshoot ── */ .tb .inc-card { transition: transform .45s var(--spring), box-shadow .45s var(--ease), border-color .3s; } .tb .topo-card { transition: transform .45s var(--spring), box-shadow .45s var(--ease), border-color .3s; } .tb .pcrd { transition: transform .45s var(--spring), box-shadow .45s var(--ease); } .tb .stki { transition: transform .4s var(--spring), box-shadow .4s var(--ease), border-color .3s; } .tb .rcrd { transition: transform .35s var(--spring), box-shadow .35s var(--ease), border-color .3s; } .tb .fitem { transition: box-shadow .4s var(--ease), border-color .3s; } .tb .vet-card { transition: transform .4s var(--spring), box-shadow .4s var(--ease), border-color .3s, background .3s; } /* ── 14. SCROLL REVEAL — Refined motion curve ── */ .tb .rev { transform: translateY(36px); transition: opacity 1s cubic-bezier(.16,1,.3,1), transform 1s cubic-bezier(.16,1,.3,1); } .tb .revl { transform: translateX(-36px); transition: opacity 1s cubic-bezier(.16,1,.3,1), transform 1s cubic-bezier(.16,1,.3,1); } .tb .revr { transform: translateX(36px); transition: opacity 1s cubic-bezier(.16,1,.3,1), transform 1s cubic-bezier(.16,1,.3,1); } .tb .stag > * { transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); } /* ── 15. QUALITY ROW — Sharper chip + mono font ── */ .tb .qb { font-family: var(--fm); letter-spacing: .08em; font-size: 9px; } .tb .qrow { border-radius: var(--r14); } /* ── 16. TESTIMONIAL — Pull quote styling ── */ .tb .tq { position: relative; padding-left: 20px; } .tb .tq::before { content: '"'; position: absolute; left: -4px; top: -12px; font-size: 56px; font-weight: 800; color: rgba(167,13,42,.12); line-height: 1; font-family: Georgia, serif; } /* ── 17. STRIP ITEMS — Mono font for precision feel ── */ .tb .hsi strong { font-family: var(--f); font-feature-settings: 'tnum' on; } .tb .hsi span { font-family: var(--fm); font-size: 9.5px; letter-spacing: .1em; } /* ── 18. PRICING AMOUNT — Tabular numbers ── */ .tb .pamt { font-feature-settings: 'tnum' on, 'ss01' on; } .tb .sn { font-feature-settings: 'tnum' on; } .tb .hscn { font-feature-settings: 'tnum' on; } /* ── 19. FOCUS RING — Accessibility + design ── */ .tb .btn:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; } .tb a:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; border-radius: 4px; } /* ── 20. SELECTION COLOR ── */ .tb ::selection { background: rgba(167,13,42,.15); color: inherit; } .tb .sD ::selection, .tb .sD2 ::selection, .tb .sR ::selection { background: rgba(167,13,42,.35); } /* ── 21. SMOOTH SCROLL ANCHOR ── */ .tb { ; } @media(max-width:1100px){ .tb .hi,.tb .sp{grid-template-columns:1fr;gap:48px} .tb .hr{display:block;margin-top:48px} .tb .hl{padding-bottom:0} .tb .g4{grid-template-columns:1fr 1fr} .tb .ctawrap{flex-direction:column;align-items:flex-start;gap:40px}.tb .ctar{width:100%} .tb .two-col{grid-template-columns:1fr} .tb .tc-panel{padding:68px 40px} .tb .tc-panel .tc-inner{max-width:none;margin:0} .tb .hsr{flex-wrap:wrap;justify-content:center;gap:20px 24px}.tb .hsep{display:none} .tb .tbrow{gap:24px 32px} } @media(max-width:900px){ .tb .stack16{grid-template-columns:repeat(3,1fr)} .tb .vet-grid{grid-template-columns:1fr} .tb .sb-cols{grid-template-columns:1fr;min-height:auto} .tb .sb-col{border-right:none;border-bottom:1px solid var(--bd);padding:14px 16px} .tb .sb-col:last-child{border-bottom:none} } @media(max-width:768px){ .tb .W{padding:0 24px}.tb .S{padding:80px 0} .tb h2{font-size:28px;letter-spacing:-1px}.tb .hh1{font-size:38px;line-height:1.08;letter-spacing:-1.5px} .tb .hero{padding:60px 0 0} .tb .hctas{flex-direction:column;width:100%}.tb .hctas .btn{width:100%;justify-content:center;padding:18px 24px;font-size:15px} .tb .hstrip{padding:24px 0}.tb .hsr{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px} .tb .tbar{padding:32px 0}.tb .tbrow{grid-template-columns:1fr 1fr;gap:16px} .tb .titem{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:var(--r14);padding:16px 20px;width:100%} .tb .g3{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto;gap:20px} .tb .g2{grid-template-columns:1fr} .tb .tc-panel{padding:56px 28px} .tb .stack16{grid-template-columns:repeat(2,1fr);gap:14px} .tb .pcrd{padding:32px 24px} .tb .sh{flex-direction:column;align-items:flex-start;gap:16px} .tb .qrow{flex-direction:column;align-items:flex-start;gap:6px} .tb .ctar .btn{width:100%;justify-content:center} .tb .ctapr{gap:16px}.tb .ctapr strong{font-size:22px} .tb .funnel-label{display:none} } @media(max-width:640px){ .tb .tbrow{grid-template-columns:1fr;gap:12px} .tb .tc-panel{padding:48px 22px} .tb .dp-header{flex-wrap:wrap;gap:12px} .tb .dp-match{margin-left:0} } @media(max-width:480px){ .tb .W{padding:0 16px}.tb .S{padding:60px 0} .tb .hh1{font-size:clamp(30px,8vw,36px);letter-spacing:-1px} .tb h2{font-size:clamp(22px,6vw,26px);letter-spacing:-.5px} .tb .hero{padding:44px 0 0} .tb .ta-bc{display:none} .tb .dp-inner{padding:22px} .tb .dp-avatar{width:48px;height:48px;font-size:16px} .tb .dp-skill-name{width:60px;font-size:10px} .tb .tc-panel{padding:40px 16px} .tb .stack16{grid-template-columns:1fr} .tb .pcrd{padding:28px 18px}.tb .pamt{font-size:34px} .tb .inc-card{padding:24px 20px} .tb .fq{font-size:14px;padding:18px 20px 0}.tb .faq-a{font-size:13px;padding:10px 20px 18px} .tb .btn{font-size:14px;padding:16px 24px} .tb .match-console{margin-top:12px} .tb .vet-card{padding:16px}.tb .vet-card h4{font-size:13px}.tb .vet-card p{font-size:11px} } @media(max-width:380px){ .tb .hh1{font-size:28px} .tb h2{font-size:21px} .tb .hsr{grid-template-columns:1fr} .tb .pamt{font-size:30px} .tb .dp-specs{gap:5px}.tb .dp-spec{font-size:9px;padding:3px 8px} } /* SEO upgrade sections — Type B */ .tb .mrow{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:13px;color:var(--lx3)} .tb .mrow svg{width:16px;height:16px;stroke:var(--lx4);flex-shrink:0} .tb .mrow a{color:var(--red);font-weight:700} .tb .data-card{background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r14);padding:28px;transition:all .35s var(--ease)} .tb .data-card:hover{border-color:rgba(167,13,42,.2);transform:translateY(-4px);box-shadow:0 16px 40px rgba(12,7,22,.06)} .tb .data-n{font-size:32px;font-weight:800;letter-spacing:-1px;color:var(--lx1);line-height:1} .tb .data-l{font-size:14px;font-weight:700;color:var(--lx2);margin-top:8px} .tb .data-d{font-size:13px;color:var(--lx3);margin-top:10px;line-height:1.65} .tb .data-src{font-size:11px;color:var(--lx4);margin-top:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em} .tb .ctw{overflow-x:auto;margin-top:36px;border-radius:var(--r14);border:1px solid var(--bd)} .tb .ct{width:100%;border-collapse:collapse;font-size:14px} .tb .ct th,.tb .ct td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--bd)} .tb .ct th{background:rgba(255,255,255,.04);color:var(--dx2);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em} .tb .ct td{color:var(--dx3)} .tb .ct .ch{background:rgba(167,13,42,.12);color:#fff} .tb .ct .yes{color:var(--green);font-weight:600} .tb .ct .no{color:rgba(255,255,255,.45)} .tb .ct .win{color:var(--red-l);font-weight:700} .tb .vstep{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08);min-width:0} .tb .vstep:last-child{border-bottom:none} .tb .vstep-nb{width:36px;height:36px;border-radius:50%;background:rgba(167,13,42,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0} .tb .vstep > div:not(.vstep-nb){min-width:0;flex:1} .tb .vstep h4{color:#fff;font-size:15px;font-weight:700;margin-bottom:6px} .tb .vstep p{color:rgba(255,255,255,.75);font-size:13px;line-height:1.6;overflow-wrap:break-word} .tb .sR .rev-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:var(--r20);padding:34px;display:flex;flex-direction:column;gap:14px;min-height:100%;height:100%;transition:all .35s var(--ease)} .tb .sR .rev-card:hover{background:rgba(255,255,255,.05);border-color:rgba(167,13,42,.35);transform:translateY(-6px)} .tb .rev-stars{color:#ffd700;font-size:14px;letter-spacing:2px} .tb .rev-source{font-size:12px;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.06em} .tb .rev-quote{color:rgba(255,255,255,.92);font-size:15.5px;line-height:1.72;font-style:italic;flex:1;margin:0} .tb .rev-author{display:flex;align-items:center;gap:16px;padding-top:16px;margin-top:auto;border-top:1px solid rgba(255,255,255,.06)} .tb .rev-av{width:40px;height:40px;border-radius:50%;background:rgba(167,13,42,.3);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:13px} .tb .rev-name{font-weight:700;color:#fff;font-size:14px} .tb .rev-role{font-size:12px;color:rgba(255,255,255,.55)} .tb .sR .rev-tag{display:inline-block;margin-top:8px;padding:4px 12px;border-radius:var(--r100);background:rgba(255,255,255,.12);color:#ffe644;font-size:11px;font-weight:700} .tb .rev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;width:100%;align-items:stretch} .tb #reviews .rev-grid > .rev-card{min-width:0} .tb .rev-summary{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;background:var(--l0);border:1px solid var(--bl2);border-radius:var(--r14);padding:24px 36px;margin-top:32px;width:100%;max-width:100%;box-sizing:border-box} .tb .rev-summary .btn-p{margin-left:auto;flex-shrink:0} .tb .sR .rev-summary .btn-p{background:var(--rg)!important;color:#fff!important;border:none!important;box-shadow:0 10px 28px rgba(167,13,42,.35)} .tb .rev-sum-item strong{display:block;font-size:20px;font-weight:800;color:var(--lx1)} .tb .rev-sum-item span{font-size:12px;color:var(--lx3)} .tb .rev-sum-sep{width:1px;height:40px;background:var(--bl2)} .tb .sR a.rev-tag{display:inline-block;margin-top:8px;padding:4px 12px;border-radius:var(--r100);background:rgba(255,255,255,.12);color:#ffe644!important;font-size:11px;font-weight:700;text-decoration:none!important;transition:background .25s,border-color .25s} .tb .sR a.rev-tag:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.35)} .tb .sR .rev-tag{color:#ffe644} .tb .sR div.rev-tag{display:inline-block;margin-top:8px;padding:4px 12px;border-radius:var(--r100);background:rgba(255,255,255,.12);color:#ffe644;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em} /* Eyebrow dash — avoid Elementor / FA `.el` collision on WordPress */ .tb .eyp .eyp-bar{display:block!important;width:18px!important;height:2px!important;min-width:18px!important;min-height:2px!important;border-radius:2px!important;background:var(--red)!important;font-size:0!important;line-height:0!important;overflow:hidden!important;flex-shrink:0!important} .tb .eyp .eyp-bar::before,.tb .eyp .eyp-bar::after{display:none!important;content:none!important} /* Font Awesome uses .fa globally on WP — keep FAQ answers on body font */ .tb .fitem .faq-a{font-family:var(--f)!important;text-transform:none!important;letter-spacing:normal!important;font-style:normal!important} .tb .dbx{background:var(--l1);border:1px solid var(--bl2);border-radius:var(--r14);padding:24px} .tb .dlbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em} .tb #tools.sD2 .sh .mu{color:var(--dx3)!important} .tb #market.sW .data-card{background:var(--l0)} /* Split columns — all .sp sections */ .tb .sp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important} .tb .revl,.tb .revr{min-width:0!important;max-width:100%} /* Onboarding / process split — prevent overflow + WP .qsteps grid bleed */ .tb #process .process-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:64px!important;align-items:start} .tb #process .process-left,.tb #process .process-right{min-width:0!important;max-width:100%} .tb #process .process-steps{min-width:0;width:100%;max-width:100%;overflow:visible} .tb #process .csr{display:flex;gap:20px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--bl2);min-width:0;width:100%} .tb #process .csr:last-child{border-bottom:none;padding-bottom:0} .tb #process .csr-body{min-width:0;flex:1;max-width:100%} .tb #process .csb{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto} .tb #process.sG .cst{color:var(--lx1)!important} .tb #process.sG .csb{color:var(--lx2)!important} .tb #process.sG .csn{background:var(--ra);color:var(--red-l);border:1px solid var(--rb)} /* First 72 Hours panel — scoped classes avoid global .qsteps / .vstep theme CSS */ .tb #process .process-72-panel{background:var(--red-d);border-radius:var(--r20);padding:32px;min-width:0;max-width:100%;overflow:hidden;box-shadow:0 24px 60px rgba(167,13,42,.22)} .tb #process .process-72-eyp{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important} .tb #process .process-72-eyp strong{color:#fff!important} .tb #process .process-72-eyp .eyp-bar{background:#fff!important} .tb #process .process-72-title{color:#fff;font-size:clamp(22px,2.5vw,28px);font-weight:800;margin-top:16px;line-height:1.25;letter-spacing:-.02em} .tb #process .process-72-title em{color:rgba(255,255,255,.92);font-style:normal} .tb #process .process-72-steps{display:flex!important;flex-direction:column!important;gap:0!important;margin-top:24px;width:100%!important;grid-template-columns:none!important} .tb #process .process-72-step{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1);min-width:0;width:100%} .tb #process .process-72-step:last-child{border-bottom:none;padding-bottom:0} .tb #process .process-72-nb{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0} .tb #process .process-72-body{min-width:0;flex:1} .tb #process .process-72-body h4{color:#fff;font-size:15px;font-weight:800;margin:0 0 6px;line-height:1.35;letter-spacing:-.01em} .tb #process .process-72-body p{color:rgba(255,255,255,.78);font-size:13px;line-height:1.62;margin:0;overflow-wrap:break-word} .tb #case-study .csr-body{min-width:0;flex:1} .tb #case-study .csb{overflow-wrap:break-word;word-wrap:break-word} /* ── Native document scroll (WordPress / Elementor safe) ── */ html,body{scroll-behavior:auto!important;overscroll-behavior-y:auto!important} .tc,.tb{width:100%!important;max-width:100%!important;overflow:visible!important} .elementor-widget-html .elementor-widget-container, .elementor-element .elementor-widget-container{overflow:visible!important;max-height:none!important;height:auto!important;touch-action:auto!important} .tc [id],.tb [id]{scroll-margin-top:96px} /* Native scroll — no reveal / smooth-scroll lock on WordPress */ .tb{scroll-behavior:auto!important} .tb .rev,.tb .revl,.tb .revr,.tb .stag,.tb .stag>*{opacity:1!important;transform:none!important;transition:none!important} @media(max-width:1100px){.tb .rev-grid{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}} @media(max-width:900px){.tb .rev-summary{flex-direction:column;text-align:center}.tb .rev-summary .btn-p{margin-left:0}.tb .rev-sum-sep{display:none}.tb #process .process-split{grid-template-columns:1fr!important;gap:40px!important}} [Home](https://miracuves.com/)/[Services](https://miracuves.com/service/)/[Hire Architects](https://miracuves.com/service/)/Hire Technical Architects **Dedicated Hiring · Available This Week** # Hire DedicatedTechnical ArchitectsVetted by Miracuves · Embedded in Your Engineering Org Add a senior technical architect to your team - vetted on distributed systems, cloud architecture, and migration planning. Full-time or part-time, direct access, replacement guaranteed. Miracuves vets dedicated technical architect candidates through skills assessment, paid trial, and reference checks - then embeds them in your repositories with weekly demos and direct access. 98% Rejection Rate NDA Day One 40hr/Week Dedicated 2-Week Replacement [WhatsApp - Talk to Our Team](https://wa.me/919830009649) [See Our Vetting Process](https://miracuves.com/schedule-consultation/) Clutch Reviewed 5.0★·From $1,499/mo·[View reviews →](https://miracuves.com/reviews-awards/) **Reference design**Sample stack **Edge***CDN + WAF***Application***stateless, autoscaled***Data***primary + read replica***Backups***tested restores* **Decision records**Every trade-off written down **10+ Yrs Avg**Architecture depth **Cloud Native**AWS · Azure · GCP **40 Hrs/Week**Your systems only **<72 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 Technical Architects 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 Technical Architects 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 Technical Architects 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 Technical Architects 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 Technical Architects 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 Technical Architects 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 Technical Architects 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 Technical Architects 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 Technical Architects 9")](https://www.goodfirms.co/company/miracuves-solution) **What This Role Does** ## What a dedicated technical architect does inside your engineering org This is not a PowerPoint consultant who disappears after the diagram. A Miracuves dedicated technical architect embeds in your delivery - your RFC process, your architecture reviews, your migration programs. They make decisions that survive contact with production. Miracuves matches for production delivery inside your toolchain - repositories, ceremonies, and review standards - not parallel vendor silos that require chase-down for every update. You keep product ownership; we supply vetted capacity that commits under your definition of done. Every architect passes a system design review on scaling and failure scenarios before matching. You select from leaders who have led real re-platforms - not theorists who have never owned an on-call rotation. 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. Authors ADRs and RFCs that engineering teams actually reference during builds Reviews designs for scalability, security, and operability before code is written Plans migrations with phased cutovers - not big-bang rewrites that never finish Mentors senior engineers on tradeoff thinking without becoming a approval bottleneck Delivers an architecture health review every sprint with prioritized remediation From a recent engagement - monolith decomposition "Our board wanted microservices but our team had never run more than one deployable. Miracuves matched an architect who defined bounded contexts, shipped the first three services in eight weeks, and stayed through the full migration." Miracuves Architecture Practice · May 2026 · [Read Reviews →](https://miracuves.com/reviews-awards/) your-platform - Architecture Sprint Board To Do 2 Event schema registry design Feat Est: 3 pts Multi-region failover RFC Feat Est: 3 pts In Progress 2 Order service extraction Feat Assigned: TM · Day 2 API gateway policy review Qa Assigned: TM · Day 2 Done 3 Monolith dependency map Qa Closed: Done ADR-014 caching strategy Feat Closed: Done SLO definition workshop Qa Closed: Done **What's Included** ## Every engagement includes this - no add-on tiers 01 ### Your Architecture Repos ADRs, diagrams, and RFCs authored in your systems from day one - not external slide decks. 02 ### Weekly Architecture Review Every Friday, decisions, trade-offs, and migration progress reviewed live with engineering leads. 03 ### NDA + IP Assignment Day One Bilateral NDA signed before any detail is discussed. All architecture artifacts belong to you. 04 ### Async-First Communication Daily written updates via Slack regardless of timezone, plus live sync during your guaranteed overlap window. 05 ### Technical Governance Standards, PR review cadence, and cross-team alignment - accountable delivery, not advisory-only. 06 ### 2-Week Replacement Guarantee If the architect 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 & code ownership | 100% yours, your repos | Typically yours | Typically yours | Employee | | Replacement guarantee | 2 weeks, no extra cost | Limited window | Varies by plan | Re-hire cycle | | Timezone overlap | 4+ hrs confirmed in writing | Often optional | Often optional | Local only | | Best for | Embedded product delivery | One-off expert tasks | Scale fast, less vetting | Long-term core team | **How to choose:** Marketplaces excel at one-off expert tasks. Miracuves fits when you need embedded accountability - someone in your repo, your sprint, your timezone - with replacement if the match fails. For full product builds without staffing, see our [90+ solutions](https://miracuves.com/solutions/) and [vertical pages](https://miracuves.com/service/hire-remote-developers/). **Market Context** ## Why teams hire dedicated technical architects through Miracuves Specialist talent for technical architects is hard to hire locally - and mis-hires cost quarters. Miracuves matches vetted practitioners who embed in your tools and delivery workflow, 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. $412BEnterprise SoftwareTeams embed architects when migration complexity exceeds staff capacity. 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.IDC 2024 71%Architecture DebtLeaders citing undocumented decisions as scaling risk. 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.ThoughtWorks 2024 2.5×Faster ADR CadenceEmbedded architects vs rotating consultants on platform programs. Miracuves sees this pattern in discovery calls when teams compare embedded hire versus marketplace or agency models - and when procurement asks for named practitioners instead of anonymous resume pools.Miracuves architect cohort 2024 63%Want Embedded ArchitectsOver SI-only architecture engagements for product orgs. Miracuves sees this pattern in discovery calls when teams compare embedded hire versus marketplace or agency models - and when procurement asks for named practitioners instead of anonymous resume pools.Gartner 2024 48hMedian RFC AccessFrom NDA to architect authoring in your repos. Miracuves sees this pattern in discovery calls when teams compare embedded hire versus marketplace or agency models - and when procurement asks for named practitioners instead of anonymous resume pools.Miracuves operations 2025 2%Vetting Pass RateAfter trade-off exercise and ADR review. 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 technical architect Before a team member is shown to any client, they pass seven specific competency checks. System design - capacity planning, failure domains, consistency modelsDesign Cloud architecture - multi-AZ, cost optimization, managed vs self-hostedCloud Distributed systems - messaging, sagas, idempotency, observabilityDistributed Security architecture - zero trust, secrets, blast radius containmentSecurity Data architecture - OLTP vs OLAP, CDC, schema evolutionData Migration - strangler fig, dual-write, rollback planningMigration Communication - RFC clarity, stakeholder alignment, mentoring judgmentComms 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 technical architect already knows No tooling onboarding. They show up fluent. AwAWSCore cloud patterns AzAzureEnterprise workloads GcGCPData & ML infra K8KubernetesContainer orchestration TfTerraformIaC standards KaKafkaEvent streaming GrGraphQLAPI federation PgPostgreSQLRelational design RdRedisCaching strategy PrPrometheusSLO monitoring GhGitHubRFC workflow NtNotionADR repository SlSlackDesign reviews DnDockerService packaging IsIstioService mesh ZmZoomArchitecture guild **Team Structures** ## Four ways to structure your architecture function Start with one principal architect or add platform and security architecture capacity as 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. AK Solo ### Single Dedicated Architect One principal architect owning standards and reviews. Best with strong engineering managers. Best for: **Scale-ups post-PMF** AKBEQA Duo ### Arch + Platform Solution architect paired with platform engineer for paved-road delivery. Best for: **Teams adopting microservices** PMAKAKBEQA Pod ### Architecture Guild Lead architect, security architect, and data architect for enterprise programs. Best for: **Regulated multi-product orgs** AK++ Flexible ### Migration Lead Add architecture capacity for acquisitions, cloud moves, or re-platforms. Best for: **Transformation windows** **Onboarding** ## From signed NDA to first architecture decision Most clients have a matched architect authoring ADRs in your repos within 48 hours of agreement. Miracuves confirms practitioner names, overlap hours, rate structure, and replacement SLA in your engagement letter before anyone receives tool access - not verbal promises after you have paused the roadmap waiting on paperwork. 01 Day 0 - Brief & NDA You share system context, constraints, migration goals, and team topology. NDA before architecture docs. Escalation paths and access scope are documented at each phase - not assumed from a generic vendor onboarding deck. 02 Day 1-2 - Shortlist & interview Architect profiles with ADR history and live trade-off exercise. Direct access for your engineering leads. Escalation paths and access scope are documented at each phase - not assumed from a generic vendor onboarding deck. 03 Day 2-3 - Governance onboarding RFC cadence, review forums, and documentation repos agreed. First architecture decision targeted. Escalation paths and access scope are documented at each phase - not assumed from a generic vendor onboarding deck. 04 Week 1 - First architecture review Decisions, trade-offs, and migration progress reviewed live with engineering. Escalation paths and access scope are documented at each phase - not assumed from a generic vendor onboarding deck. 05 Ongoing - Scale or exit Add squad capacity or fractional CTO under the same 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 & systems brief Constraints, migration goals, and team topology captured. 02 #### Architect shortlist ADR history and live trade-off exercise candidates. 03 #### RFC cadence live First architecture decision targeted in week one. **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 technical architect, then expand into a squad or switch to a vertical clone deployment when scope clarifies. Every hire page links to published technology stacks, vertical clone deployments, and sibling engagement models so stakeholders compare staffing versus turnkey product delivery under one NDA counterparty. [SHORT VIDEO TikTok Clone Scrollable short-video feeds, creator monetization, viral challenges, and AI recommendations.](https://miracuves.com/tiktok-clone/) [TOKEN LAUNCH ICO Launchpads Token launch platform with KYC/AML, whitelisting, multi-tier raises, and vesting.](https://miracuves.com/ico-launchpad-clone/) [P2P CRYPTO P2P Exchange Peer-to-peer crypto trading platform with escrow, dispute resolution, and fiat gateways.](https://miracuves.com/p2p-exchange-script) [GENERATIVE AI ChatGPT Clone Fully functional AI assistant with deep chat context, prompt templates, and API hooks.](https://miracuves.com/chatgpt-clone) [NFT MARKETPLACE OpenSea Clone NFT minting, marketplace, auctions, collections, and multi-chain support.](https://miracuves.com/opensea-clone) [CRYPTO EXCHANGE Binance Clone Full cryptocurrency exchange with spot/futures trading, wallet, staking, and P2P.](https://miracuves.com/service/cto-services/) **Transparent Pricing** ## What hiring a dedicated technical architect costs Published rates. No request-a-quote wall. ### Part-Time $1,499/mo 20 hrs/week · ongoing support - 20 hours per week dedicated - ADR & architecture repo access - Weekly architecture review - NDA signed before start - 2-week replacement guarantee - Cancel with 2 weeks notice [Start Part-Time](https://wa.me/919830009649) Most Popular ### Full-Time $3,299/mo 40 hrs/week · full architecture focus - 40 hours, fully dedicated - 4+ hour timezone overlap - Cross-team technical governance - Embedded in engineering org - 2-week replacement guarantee - Cancel with 2 weeks notice [Start Full-Time](https://wa.me/919830009649) ### Architecture Guild Custom 3-5 people · scaling - Architect + senior engineers - Migration program ownership - Standards & RFC cadence - Scales for platform rebuilds - 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 technical architect looks like in practice A logistics platform hit scaling limits - deploy times over an hour, database locks during peak season, and no documented architecture after three years of fast growth. 01 Challenge Monolithic codebase, unclear service boundaries, and peak-season revenue at risk without a credible scaling plan. 02 What Miracuves Delivered Principal architect matched in 60 hours, dependency map and migration RFC in week one, first extracted service in production by week six. 03 Outcome Deploy time dropped 78%. Architect remained full-time for fifteen months guiding the full decomposition program. **60 Hrs**To start**6 Weeks**First service live**78%**Faster deploys [View All Reviews →](https://miracuves.com/reviews-awards/) Client Testimonial We needed someone who could draw the map and help us walk it - not another consultant deck. Miracuves sent an architect who paired with our team, made hard calls on boundaries, and shipped real services. MB M.B., VP Engineering Logistics Platform · Series C [⭐ Clutch & Google Reviews →](https://miracuves.com/reviews-awards/) Engagement Brief TypeFull-Time Dedicated Time to start60 hours First service6 weeks Tenure15 months (ongoing) ReplacementNone requested **Client Reviews** ## What clients say about Miracuves Hire Technical Architects 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 · SaaS "Strangler migration from monolith to services - ADRs in our Confluence from week one. No external slide deck consultants disappearing after workshop week." IA I.A., CTO Sweden Microservices ★★★★★ Google · Logistics "Event-driven boundary design cut our dispatch latency 40%. Architect attended every engineering lead sync for eight weeks." VK V.K., Head of Engineering India Architecture ★★★★★ Clutch · Media "Multi-region AWS topology documented and implemented with our DevOps team. Handoff package included runbooks - not just diagrams." NC N.C., Director of Technology Australia Cloud **5.0 / 5.0**Clutch average rating **4.8 / 5.0**Google average rating **Top Developer**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. [Architecture Microservices Development Company](https://miracuves.com/service/microservices-app-development/) [Cloud Cloud Engineering Company](https://miracuves.com/service/cloud-engineering/) [DevOps DevOps Engineering Services Company](https://miracuves.com/service/devops-engineering/) [Vertical SaaS Development](https://miracuves.com/service/saas-development/) [Hire Role Hire Remote Developers](https://miracuves.com/service/hire-remote-developers/) [Engagement Fractional CTO Services](https://miracuves.com/service/cto-services/) [All Products View 90+ Solutions](https://miracuves.com/solutions/) [Vertical On-Demand App Development](https://miracuves.com/service/on-demand-app-development/) **Frequently Asked** ## Questions about hiring from Miracuves How is a Miracuves technical architect different from a Big Four architecture assessment? Assessment decks do not ship migrations. Miracuves architects embed with your engineering org - writing RFCs, reviewing PRs, prototyping risky integrations, and mentoring leads while code moves. Vetting includes bounded-context exercises and phased migration planning on realistic codebases. You get accountable technical leadership, not a PDF that gathers dust. Are architects advisory-only, or do they write code and review pull requests? Senior matches are hands-on. They prototype critical paths, participate in architecture review boards, and hold the bar on PRs that affect system boundaries - not slide-only consultants who avoid repositories. Profiles that cannot demonstrate recent shipping context in vetting are rejected. Miracuves confirms structure, rate, timezone overlap, and IP assignment in your engagement letter before start - not verbal promises after you have paused the roadmap. Do you cover AWS, Azure, GCP, and microservices migration patterns? Cloud platform experience is matched to your stack. Vetting covers distributed system tradeoffs - consistency models, event-driven boundaries, observability, and phased strangler migrations - not buzzword checklists. State your current monolith or multi-service context during matching so shortlisted profiles reflect production-relevant depth. We already have senior engineers. Why add an external architect? Architects fill cross-system ownership gaps when no internal lead has bandwidth across services, data platforms, and third-party integrations. They mentor existing staff, document decisions in ADRs your team retains, and accelerate migrations that stall when everyone is feature-bound. The role is elevation and coherence - not a parallel shadow org. Can an architect engagement start part-time for RFC review before a platform rebuild? Yes. Part-time at $1,499/mo covers 20 hours per week - common for pre-scale audits, due diligence, or RFC review before committing to a full-time architecture lead. Scope and deliverables are agreed in writing so part-time does not become vague 'office hours' without output. Miracuves confirms structure, rate, timezone overlap, and IP assignment in your engagement letter before start - not verbal promises after you have paused the roadmap. How do architects work with product and security stakeholders? They translate technical constraints into roadmap implications product can prioritize, and partner with security on threat models without blocking delivery arbitrarily. Communication clarity in ambiguous requirements is a vetting criterion - architects who cannot explain tradeoffs to non-engineers do not pass. Miracuves confirms structure, rate, timezone overlap, and IP assignment in your engagement letter before start - not verbal promises after you have paused the roadmap. What if architecture recommendations do not fit our team's execution capacity? The 2-week replacement guarantee applies if the match is wrong. Miracuves can also adjust engagement scope - part-time advisory vs full-time program ownership - before you commit further. Month-to-month terms avoid trapping you with an architect whose style does not match your culture. Miracuves confirms structure, rate, timezone overlap, and IP assignment in your engagement letter before start - not verbal promises after you have paused the roadmap. Who owns architecture documents, diagrams, and prototype code? Your organization retains all artifacts. RFCs, diagrams, and spike code live in your repos and wiki under signed IP assignment. Handoff is designed so internal teams can maintain decisions after engagement - not dependency on a consultant's proprietary framework. Miracuves confirms structure, rate, timezone overlap, and IP assignment in your engagement letter before start - not verbal promises after you have paused the roadmap. **Get Started** ## Ready to add a dedicated technical architect? Share your current architecture, scaling pain, and migration goals. Miracuves confirms seniority, overlap, and rate before commitment. Share stack, timezone, and first sprint goal - Miracuves responds with matched profiles, published rates, and bilateral NDA for review within one business day. **65+**Vetted architects**<72 Hrs**Typical match time**98%**Rejection rate**2 Weeks**Replacement [WhatsApp - Start Now](https://wa.me/919830009649) [Request a Technical Architect](https://miracuves.com/contact/) NDA signed before we discuss your project Page reviewed by Miracuves Architecture Practice · Last updated June 2026 · [Clutch & Google Reviews](https://miracuves.com/reviews-awards/)