# Beyond Staff Augmentation

We do not sell hours or resumes. We sell embedded engineers from LATAM running The Density Embedded Method, a structured 90 day framework. Zero forced replacements across every placement since 2019.

<style>
  .sa-hero {
    padding: 100px 0 80px;
    border-bottom: 1px solid var(--line);
    position: relative;
    overflow: hidden;
  }
  .sa-hero::before {
    content: '';
    position: absolute;
    top: -120px;
    right: -180px;
    width: 560px;
    height: 560px;
    background: radial-gradient(circle, rgba(153, 27, 27, 0.05) 0%, transparent 70%);
    pointer-events: none;
  }
  .sa-breadcrumb {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--ink-muted);
    margin-bottom: 28px;
    position: relative;
    z-index: 2;
  }
  .sa-breadcrumb a { color: var(--ink-muted); text-decoration: none; }
  .sa-breadcrumb a:hover { color: var(--red); }
  .sa-breadcrumb span { color: var(--ink-faint); margin: 0 12px; }
  .sa-hero h1 {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(44px, 5.8vw, 76px);
    line-height: 1.04;
    letter-spacing: -0.03em;
    color: var(--ink);
    margin-bottom: 28px;
    max-width: 980px;
    position: relative;
    z-index: 2;
  }
  .sa-hero h1 em { font-style: italic; color: var(--red); font-weight: 800; }
  .sa-hero .lede {
    font-size: clamp(18px, 1.5vw, 22px);
    line-height: 1.55;
    color: var(--ink-soft);
    max-width: 760px;
    font-weight: 300;
    position: relative;
    z-index: 2;
  }
  .sa-hero .lede strong { color: var(--ink); font-weight: 600; }

  .sa-section { padding: 100px 0; border-bottom: 1px solid var(--line); }
  .sa-section.alt { background: var(--paper-soft); }

  .sa-header { text-align: center; margin-bottom: 72px; max-width: 880px; margin-left: auto; margin-right: auto; }
  .sa-header .section-eyebrow { justify-content: center; }
  .sa-header .section-h2 em { color: var(--red); font-style: italic; }
  .sa-header .section-sub { margin: 24px auto 0; }

  .versus-grid {
    display: grid;
    grid-template-columns: 1fr 100px 1fr;
    gap: 32px;
    max-width: 1180px;
    margin: 0 auto;
    align-items: stretch;
  }
  .vs-side {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 48px 40px;
  }
  .vs-side.bad { border-left: 4px solid var(--ink-faint); }
  .vs-side.good { border-left: 4px solid var(--red); background: linear-gradient(180deg, var(--red-soft) 0%, var(--white) 50%); }
  .vs-tag {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 16px;
  }
  .vs-side.bad .vs-tag { color: var(--ink-muted); }
  .vs-side.good .vs-tag { color: var(--red); }
  .vs-side h3 {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 26px;
    color: var(--ink);
    margin-bottom: 24px;
    letter-spacing: -0.015em;
  }
  .vs-side ul { list-style: none; padding: 0; margin: 0; }
  .vs-side li {
    padding: 14px 0 14px 28px;
    position: relative;
    font-size: 15px;
    line-height: 1.55;
    color: var(--ink-soft);
    border-bottom: 1px solid var(--line);
  }
  .vs-side li:last-child { border-bottom: none; }
  .vs-side.bad li::before {
    content: '×';
    position: absolute;
    left: 0;
    top: 12px;
    color: var(--ink-faint);
    font-weight: 700;
    font-size: 16px;
  }
  .vs-side.good li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 14px;
    color: var(--red);
    font-weight: 700;
  }
  .vs-side.good li strong { color: var(--ink); font-weight: 600; }
  .vs-divider {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .vs-mark {
    font-family: var(--font-mono);
    font-size: 14px;
    letter-spacing: 0.18em;
    color: var(--ink-muted);
    text-transform: uppercase;
    padding: 12px 0;
  }

  .method-phases {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 24px auto 0;
  }
  .phase-card {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 40px 28px 32px;
    text-align: center;
    position: relative;
  }
  .phase-num {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    width: 48px;
    height: 48px;
    background: var(--red);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 16px;
    box-shadow: 0 8px 20px -6px rgba(153, 27, 27, 0.4);
  }
  .phase-name {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 22px;
    color: var(--ink);
    margin: 28px 0 8px;
    letter-spacing: -0.01em;
  }
  .phase-dur {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.18em;
    color: var(--ink-muted);
    text-transform: uppercase;
    margin-bottom: 18px;
  }
  .phase-desc {
    font-size: 14px;
    line-height: 1.6;
    color: var(--ink-soft);
  }

  .guarantee-box {
    max-width: 1100px;
    margin: 0 auto;
    background: var(--ink);
    color: var(--white);
    border-radius: 16px;
    padding: 64px 56px;
    border-left: 6px solid var(--red);
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 56px;
    align-items: center;
  }
  .guarantee-box::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -100px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(153, 27, 27, 0.18) 0%, transparent 70%);
    pointer-events: none;
  }
  .guarantee-eyebrow {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--red);
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
  }
  .guarantee-box h3 {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.1;
    color: var(--white);
    margin-bottom: 24px;
    letter-spacing: -0.025em;
    position: relative;
    z-index: 2;
  }
  .guarantee-box h3 em { color: var(--red); font-style: italic; }
  .guarantee-box p {
    font-size: 17px;
    line-height: 1.65;
    color: var(--text-on-dark-soft);
    margin-bottom: 16px;
    position: relative;
    z-index: 2;
  }
  .guarantee-box p strong { color: var(--white); font-weight: 600; }
  .guarantee-stat {
    text-align: center;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 40px 32px;
    position: relative;
    z-index: 2;
  }
  .guarantee-stat-num {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 96px;
    color: var(--red);
    line-height: 1;
    margin-bottom: 14px;
    letter-spacing: -0.03em;
  }
  .guarantee-stat-label {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--text-on-dark-soft);
    line-height: 1.5;
  }

  .stats-band {
    background: var(--paper-soft);
    padding: 80px 0;
    border-bottom: 1px solid var(--line);
  }
  .stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    max-width: 1100px;
    margin: 0 auto;
    border-top: 1px solid var(--line);
    border-left: 1px solid var(--line);
    background: var(--white);
  }
  .stat-cell {
    padding: 36px 24px;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    text-align: center;
  }
  .stat-num {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(36px, 4.5vw, 56px);
    color: var(--red);
    line-height: 1;
    margin-bottom: 12px;
    letter-spacing: -0.025em;
  }
  .stat-label {
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 4px;
  }
  .stat-detail {
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.12em;
    color: var(--ink-muted);
    text-transform: uppercase;
  }

  .sa-cta {
    padding: 140px 0;
    text-align: center;
    background: var(--black);
    color: var(--white);
    position: relative;
    overflow: hidden;
  }
  .sa-cta::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(153, 27, 27, 0.1) 0%, transparent 60%);
    pointer-events: none;
  }
  .sa-cta .container { position: relative; z-index: 2; }
  .sa-cta h2 {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(36px, 4.8vw, 60px);
    line-height: 1.1;
    color: var(--white);
    margin-bottom: 24px;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: -0.025em;
  }
  .sa-cta h2 em { color: var(--red); font-style: italic; }
  .sa-cta p {
    font-size: 18px;
    color: var(--text-on-dark-soft);
    max-width: 580px;
    margin: 0 auto 40px;
    line-height: 1.55;
    font-weight: 300;
  }

  /* Hero stat row */
  .hero-trust-row {
    margin: 32px 0 24px;
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink-muted);
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    align-items: center;
  }
  .hero-trust-row strong { color: var(--ink); font-weight: 700; }
  .hero-trust-row .sep { color: var(--ink-faint); }

  /* Hero CTA */
  .hero-cta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px 24px;
    margin-top: 12px;
    position: relative;
    z-index: 2;
  }
  .hero-cta-sub {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-muted);
  }

  /* Inline CTA */
  .inline-cta {
    max-width: 760px;
    margin: 0 auto;
    padding: 28px 32px;
    background: var(--paper-soft);
    border: 1px solid var(--line);
    border-left: 4px solid var(--red);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
  }
  .inline-cta p { margin: 0; font-size: 16px; color: var(--ink); font-weight: 500; }
  .inline-cta .btn-secondary, .inline-cta .btn-primary { white-space: nowrap; }
  .inline-cta-wrap { padding: 56px 0; border-bottom: 1px solid var(--line); }

  /* Discovery call section grid */
  .call-grid {
    max-width: 880px;
    margin: 56px auto 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
  }
  .call-grid h4 {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--red);
    margin: 0 0 16px;
  }
  .call-grid ul {
    list-style: none;
    padding: 0;
    font-size: 15px;
    line-height: 1.75;
    color: var(--ink-soft);
    margin: 0;
  }
  .call-grid ul li {
    padding: 4px 0;
  }

  @media (max-width: 980px) {
    .container { padding: 0 24px; }
    .versus-grid { grid-template-columns: 1fr; gap: 16px; }
    .vs-divider { padding: 8px 0; }
    .method-phases, .stats-grid { grid-template-columns: 1fr; }
    .guarantee-box { grid-template-columns: 1fr; padding: 48px 32px; gap: 32px; }
    .guarantee-stat-num { font-size: 64px; }
    .sa-section { padding: 72px 0; }
    .call-grid { grid-template-columns: 1fr; gap: 32px; }
    .inline-cta { flex-direction: column; align-items: flex-start; }
  }
</style>

<!-- HERO -->
<section class="sa-hero">
  <div class="container">
    <div class="sa-breadcrumb">
      <a href="/">Density Labs</a> <span>/</span> Approach <span>/</span> Beyond Staff Augmentation
    </div>
    <h1>Beyond <em>staff augmentation</em>.</h1>
    <p class="lede"><strong>We embed senior engineers from LATAM into your team</strong> using <a href="/staff-augmentation/embedded-method/" class="suttle-link">The Density Embedded Method</a>, the operating system behind a decade of partnerships. </p>

    <div class="hero-trust-row">
      <span><strong>0</strong> forced replacements since 2019</span>
      <span class="sep">·</span>
      <span><strong>96%</strong> client retention</span>
      <span class="sep">·</span>
      <span><strong>5+ year</strong> average engineer tenure</span>
    </div>

    <div class="hero-cta-row">
      <a href="" class="btn-primary">Book a 30 min discovery call</a>
      <span class="hero-cta-sub">No charge. We confirm fit before any commitment.</span>
    </div>
  </div>
</section>

<!-- WHY GENERIC FAILS -->
<section class="sa-section">
  <div class="container">
    <div class="sa-header">
      <div class="section-eyebrow">The contrast</div>
      <h2 class="section-h2">Why generic staff aug <em>plateaus</em>.</h2>
      <p class="section-sub">Hundreds of LATAM shops will sell you a senior engineer at a low rate. Most are real engineers. Most ship code. The difference is what happens after the first sprint.</p>
    </div>

    <div class="versus-grid">
      <div class="vs-side bad">
        <div class="vs-tag">Typical staff augmentation</div>
        <h3>Capacity, sold by the hour.</h3>
        <ul>
          <li>Engineer arrives, gets a Jira account, pulls tickets the same way as the last placement</li>
          <li>No shared framework, no documented onboarding</li>
          <li>Context resets every rotation, trust never compounds</li>
          <li>Replacement guarantee, if any, is 60 days</li>
          <li>Procurement treats it as fungible labor, because it is</li>
          <li>Relationship plateaus, then commodifies</li>
        </ul>
      </div>
      <div class="vs-divider">
        <div class="vs-mark">VS</div>
      </div>
      <div class="vs-side good">
        <div class="vs-tag">Density Labs</div>
        <h3>Density, engineered for tenure.</h3>
        <ul>
          <li>Engineer enters via <strong><a href="/staff-augmentation/embedded-method/" class="suttle-link">The Density Embedded Method</a></strong>, with documented 30/60/90 plan</li>
          <li>Weekly tech lead 1:1, monthly architecture review, AI playbook access</li>
          <li>Operational density compounds: <strong>same engineer, multi year tenure</strong></li>
          <li><strong>120 day replacement guarantee</strong>, double the standard</li>
          <li>Named senior, named milestones, named outcomes</li>
          <li><strong>96% retention</strong> is the proof, not the promise</li>
        </ul>
      </div>
    </div>
  </div>
</section>

<!-- THESIS · DISTANCE VS DENSITY -->
<section class="thesis">
  <div class="container">
    <div style="max-width: 760px; margin: 0 auto; text-align: center;">
      <div class="section-eyebrow" style="justify-content: center; display: inline-flex;">Our thesis</div>
      <h2 class="section-h2">Distance is geography. <span class="accent">Density is design.</span></h2>
    </div>

    <div class="thesis-equation">
      <div class="thesis-side">
        <div class="thesis-side-label">The condition</div>
        <div class="thesis-side-value">Distance</div>
        <p class="thesis-side-desc">Geography, time zones, language, culture, legal jurisdiction. The condition cannot be eliminated. Most providers treat it as the problem.</p>
      </div>
      <div class="thesis-vs">
        <span class="thesis-vs-line"></span>
        <span class="thesis-vs-mark">vs</span>
        <span class="thesis-vs-line"></span>
      </div>
      <div class="thesis-side accent">
        <div class="thesis-side-label">The output</div>
        <div class="thesis-side-value">Density</div>
        <p class="thesis-side-desc">Shared context, accumulated trust, implicit communication, integrated judgment. Density is what you build to make distance irrelevant.</p>
      </div>
    </div>

    <div class="thesis-statement">
      <p>Most providers manage distance. We design for density. <strong>That is the entire difference.</strong></p>
    </div>

    <div class="four-densities-header">
      <p>We coined a term for what compounds when an engineer stays: <strong>operational density</strong>. Four dimensions that accumulate over years, and can't be shortcut.</p>
    </div>

    <div class="four-densities">
      <div class="density-card">
        <div class="density-label">01 · Context density</div>
        <p>How much of your domain, codebase, and culture lives inside the engineer's working knowledge.</p>
      </div>
      <div class="density-card">
        <div class="density-label">02 · Trust density</div>
        <p>How many small bets you and the engineer have run together that paid off.</p>
      </div>
      <div class="density-card">
        <div class="density-label">03 · Cadence density</div>
        <p>How tight the feedback loops between async collaborating teams have become.</p>
      </div>
      <div class="density-card">
        <div class="density-label">04 · Stake density</div>
        <p>How much each side has invested in the relationship beyond the contract.</p>
      </div>
    </div>

    <aside class="thesis-callout">
      <div class="thesis-callout-label">Case in point</div>
      <p><strong>October 20, 2025.</strong> AWS went dark for 16 hours. A DNS issue that should have taken one. Amazon had laid off the senior engineers who'd seen it before, betting AI could replace them. Cost: billions, across 2,000 businesses including Snapchat, Fortnite, banking apps, and ChatGPT itself.</p>
      <p>Tribal knowledge is not a soft skill. It is the difference between a 1 hour incident and a 16 hour one. <a href="/blog/why-the-aws-outage-took-16-hours/">Read the full breakdown →</a></p>
    </aside>
  </div>
</section>

<!-- COMPARISON · VS ALTERNATIVES -->
<section class="comparison">
  <div class="container">
    <div class="comparison-header">
      <div class="section-eyebrow">How we're different</div>
      <h2 class="section-h2">Side by side, <span class="accent">point by point</span>.</h2>
    </div>
    <div class="compare-table">
      <div class="compare-row head">
        <div class="compare-cell label">&nbsp;</div>
        <div class="compare-cell">Big consultancies</div>
        <div class="compare-cell">Generic staff aug</div>
        <div class="compare-cell density">Density Labs</div>
      </div>
      <div class="compare-row">
        <div class="compare-cell label">Time to ship</div>
        <div class="compare-cell">9 to 18 months</div>
        <div class="compare-cell">Often unscoped</div>
        <div class="compare-cell density">90 days to production</div>
      </div>
      <div class="compare-row">
        <div class="compare-cell label">Engineer tenure</div>
        <div class="compare-cell">Rotation common</div>
        <div class="compare-cell">9 month average</div>
        <div class="compare-cell density">5-year average</div>
      </div>
      <div class="compare-row">
        <div class="compare-cell label">Engineer development</div>
        <div class="compare-cell">Hired senior, rotated across accounts</div>
        <div class="compare-cell">Sourced senior, no investment</div>
        <div class="compare-cell density">Senior + a residency we back</div>
      </div>
      <div class="compare-row">
        <div class="compare-cell label">Embed framework</div>
        <div class="compare-cell">Generic onboarding</div>
        <div class="compare-cell">None</div>
        <div class="compare-cell density">Structured 30/60/90</div>
      </div>
      <div class="compare-row">
        <div class="compare-cell label">Replacement guarantee</div>
        <div class="compare-cell">Per contract</div>
        <div class="compare-cell">30 to 60 days typical</div>
        <div class="compare-cell density">120 days</div>
      </div>
      <div class="compare-row">
        <div class="compare-cell label">Internal AI playbook</div>
        <div class="compare-cell">Proprietary, kept internal</div>
        <div class="compare-cell">Engineers self teach</div>
        <div class="compare-cell density">Shared with placed engineers</div>
      </div>
      <div class="compare-row">
        <div class="compare-cell label">Skin in the game</div>
        <div class="compare-cell">No skin in the game</div>
        <div class="compare-cell">Process over outcomes</div>
        <div class="compare-cell density">We built our own AI product. We know.</div>
      </div>
    </div>
  </div>
</section>

<!-- THE DENSITY METHOD -->
<section class="sa-section alt">
  <div class="container">
    <div class="sa-header">
      <div class="section-eyebrow">The Density Embedded Method</div>
      <h2 class="section-h2">Four phases. <em>One operating system.</em></h2>
      <p class="section-sub">It took four years to refine. The result, made specific: <strong>zero forced replacements across every placement since 2019</strong>. The framework is the product.</p>
    </div>

    <div class="method-phases">
      <div class="phase-card">
        <div class="phase-num">01</div>
        <div class="phase-name">Scope</div>
        <div class="phase-dur">30 to 45 min · no charge</div>
        <div class="phase-desc">A scoping call to define the role precisely. Title, stack, team context, time-zone overlap, success criteria. We do not open a search until we can describe the role back to you in one paragraph.</div>
      </div>
      <div class="phase-card">
        <div class="phase-num">02</div>
        <div class="phase-name">Match</div>
        <div class="phase-dur">7–10 days</div>
        <div class="phase-desc">Two to three vetted candidates from a 2% acceptance pool. You meet them. You decide. No body shopping, no resume blast.</div>
      </div>
      <div class="phase-card">
        <div class="phase-num">03</div>
        <div class="phase-name">Embed</div>
        <div class="phase-dur">30 / 60 / 90</div>
        <div class="phase-desc">Structured 30/60/90 plan with weekly tech lead 1:1, monthly architecture review, AI playbook. Measurable exit criteria each phase.</div>
      </div>
      <div class="phase-card">
        <div class="phase-num">04</div>
        <div class="phase-name">Retain</div>
        <div class="phase-dur">Multi-year</div>
        <div class="phase-desc">The years long arc that makes operational density compound. The four year engineers know the codebase better than most full time hires.</div>
      </div>
    </div>

    <div style="text-align: center; margin-top: 72px;">
      <a href="/staff-augmentation/embedded-method/" class="btn-secondary">Read how the Embedded Method works →</a>
      <span style="margin: 0 16px; color: var(--ink-muted);">or</span>
      <a href="" class="btn-primary">Book a 30 min call →</a>
    </div>
  </div>
</section>

<!-- EMBED DEEP DIVE · 30/60/90 -->
<section class="embed-section" id="embed">
  <div class="container">
    <div class="embed-header">
      <div class="section-eyebrow">Phase 03 · Deep dive</div>
      <h2 class="section-h2">The 30/60/90 <span class="accent">framework</span>.</h2>
      <p class="section-sub" style="margin: 16px auto 0;">Every engineer we place follows the same structured embed across the first 90 days. It took us 4 years to perfect this process.</p>
      <div class="embed-success">
        <div class="embed-success-num">0</div>
        <div class="embed-success-label">forced replacements across every placement since 2019.</div>
      </div>
    </div>

    <div class="timeline-30-60-90">
      <div class="day-block">
        <div class="day-range">Days 0 to 30</div>
        <div class="day-title">Orientation + context.</div>
        <p class="day-body">Codebase walkthrough. Team introductions. Expectations doc signed by both sides. Access to our internal AI playbook from day one.</p>
      </div>
      <div class="day-block">
        <div class="day-range">Days 30 to 60</div>
        <div class="day-title">Contribution + feedback.</div>
        <p class="day-body">First production commits. Weekly 1:1 with a Density tech lead, separate from the client's standups. Written check ins to surface friction early.</p>
      </div>
      <div class="day-block">
        <div class="day-range">Days 60 to 90</div>
        <div class="day-title">Integration + ownership.</div>
        <p class="day-body">Engineer takes ownership of a feature or surface. Becomes a peer in design discussions. The shape of the engagement past day 90.</p>
      </div>
    </div>

    <div class="embed-extras">
      <div class="extra-card">
        <h4>The AI playbook</h4>
        <p>Every engineer we place gets access to our internal playbook covering RAG architectures, agent patterns, MLOps best practices, evals, and the production patterns we've seen work and fail across 12+ engagements. Institutional knowledge that compounds.</p>
      </div>
      <div class="extra-card">
        <h4>The weekly check in</h4>
        <p>Once a week during the first 90 days, a Density tech lead has a 30 minute private conversation with the engineer. Separate from your team. The goal is to surface friction your team doesn't see and resolve it before it becomes attrition.</p>
      </div>
    </div>

    <div class="embed-warning">
      <h4>Why we don't disappear after placement</h4>
      <p>Most providers treat placement as the deal closing. We treat it as the deal starting. The first 90 days are when bad placements show up, and most providers are not paying attention. We are. It is how the zero-forced-replacement record stays clean.</p>
    </div>
  </div>
</section>

<!-- THE RESIDENCY · START SENIOR, SCALE THROUGH A RESIDENCY WE OWN -->
<section class="sa-section" id="residency">
  <div class="container">
    <div class="sa-header">
      <div class="section-eyebrow">The residency</div>
      <h2 class="section-h2">Start senior. <em>Scale through a residency we own.</em></h2>
      <p class="section-sub">Senior engineers on day one. As your team grows, we place residents on a structured three-year path inside your codebase, trained on our side first, accountable to us throughout, growing trainee to mid as they ship. You get the economics of growing an engineer. We carry the risk of growing them.</p>
    </div>

    <div class="versus-grid">
      <div class="vs-side good">
        <div class="vs-tag">Day one</div>
        <h3>Senior engineers.</h3>
        <ul>
          <li>10+ years of production experience minimum</li>
          <li>From a 2% acceptance pool, matched in 7 to 10 days</li>
          <li>Embed via the 30/60/90 framework</li>
          <li>Senior rate, senior output, on the critical path from week one</li>
        </ul>
      </div>
      <div class="vs-divider">
        <div class="vs-mark">+</div>
      </div>
      <div class="vs-side good">
        <div class="vs-tag">The next three years</div>
        <h3>The Density Residency.</h3>
        <ul>
          <li><strong>3 months of training inside Density</strong> before they ever land at your company</li>
          <li><strong>3-year structured arc</strong> at your company with milestone gates every six months</li>
          <li><strong>Trainee to Junior to Mid</strong> career path inside your codebase</li>
          <li><strong>Our tech lead, not your manager, owns the resident's performance review.</strong> If they fall short, that is our problem to solve, not yours.</li>
          <li>Off-ramps at every milestone gate. You stop renewing the resident when the work no longer warrants it.</li>
        </ul>
      </div>
    </div>

    <div class="thesis-callout" style="margin-top: 56px;">
      <div class="thesis-callout-label">Why this works</div>
      <p>Most providers send you bodies. We send you a team built to grow, and we carry the risk of growing it. Senior is the floor. The residency is how you scale without the management overhead, the churn risk, or the senior-only blended rate. By year three, the resident knows your codebase better than the engineer who hired them.</p>
    </div>

    <div class="stats-grid" style="margin-top: 56px;">
      <div class="stat-cell">
        <div class="stat-num">100%</div>
        <div class="stat-label">Resident completion</div>
        <div class="stat-detail">Across every resident placement since 2019</div>
      </div>
      <div class="stat-cell">
        <div class="stat-num">100%</div>
        <div class="stat-label">Manager renewal at milestone gates</div>
        <div class="stat-detail">Across the residency to date</div>
      </div>
      <div class="stat-cell">
        <div class="stat-num">3</div>
        <div class="stat-label">Months Density-side training</div>
        <div class="stat-detail">Before they reach you</div>
      </div>
      <div class="stat-cell">
        <div class="stat-num">3</div>
        <div class="stat-label">Years embedded growth</div>
        <div class="stat-detail">Trainee to Mid in your codebase</div>
      </div>
    </div>
  </div>
</section>

<!-- INLINE CTA · post-residency -->
<div class="inline-cta-wrap">
  <div class="container">
    <div class="inline-cta">
      <p>Have a role to scope?</p>
      <a href="" class="btn-secondary">Book a 30 min call →</a>
    </div>
  </div>
</div>

<!-- 120 DAY GUARANTEE -->
<section class="sa-section">
  <div class="container">
    <div class="guarantee-box">
      <div>
        <div class="guarantee-eyebrow">The Guarantee</div>
        <h3>120 day <em>replacement guarantee</em>.</h3>
        <p>If a placed engineer is not the right fit within 120 days, <strong>we replace them at no charge</strong>.</p>
        <p>Double the typical 60 day staff augmentation guarantee. We can offer it because, over the last six years of running <a href="/staff-augmentation/embedded-method/" class="suttle-link">The Density Embedded Method</a>, <strong>we have not had to invoke it once</strong>.</p>
      </div>
      <div class="guarantee-stat">
        <div class="guarantee-stat-num">0</div>
        <div class="guarantee-stat-label">Forced replacements<br>since framework launch</div>
      </div>
    </div>
  </div>
</section>

<!-- INLINE CTA · post-guarantee -->
<div class="inline-cta-wrap">
  <div class="container">
    <div class="inline-cta">
      <p>Ready to put a role on the search?</p>
      <a href="" class="btn-secondary">Book the discovery call →</a>
    </div>
  </div>
</div>

<!-- STATS BAND -->
<section class="stats-band">
  <div class="container">
    <div class="stats-grid">
      <div class="stat-cell">
        <div class="stat-num">12+</div>
        <div class="stat-label">Active engagements</div>
        <div class="stat-detail">$50M to $500M ARR clients</div>
      </div>
      <div class="stat-cell">
        <div class="stat-num">0</div>
        <div class="stat-label">Forced replacements</div>
        <div class="stat-detail">Every placement since 2019</div>
      </div>
      <div class="stat-cell">
        <div class="stat-num">96%</div>
        <div class="stat-label">Client retention</div>
        <div class="stat-detail">Across all engagements</div>
      </div>
      <div class="stat-cell">
        <div class="stat-num">7–10</div>
        <div class="stat-label">Days to match</div>
        <div class="stat-detail">From a 2% acceptance pool</div>
      </div>
    </div>
  </div>
</section>

<!-- CASE STUDIES -->
<section class="case-studies" id="case-studies">
  <div class="container">
    <div class="case-header">
      <div class="verified-badge"><span class="check">✓</span> Verified by Clutch</div>
      <h2 class="section-h2">A decade of <span class="accent">shipping with mid market teams</span>.</h2>
      <p class="section-sub" style="margin: 16px auto 0;">Three real engagements. Independently verified. The work is the proof.</p>
    </div>

    <div class="case-grid">
      <a href="case-studies.html#ooma-design" class="case-card">
        <div class="case-card-top">
          <span class="case-tag">Telecom · VoIP</span>
          <span class="case-rating"><span class="star">★</span> 5.0</span>
        </div>
        <h3>UI/UX Design Services for VoIP Communications</h3>
        <p class="case-quote">"The quality of the staff Density Labs provides is very high. Valuable contributors to projects, team initiatives, and culture."</p>
        <div class="case-card-footer">
          <div>
            <div class="case-author">Kevin Dyck</div>
            <div class="case-role">Manager, Product &amp; UX Design</div>
          </div>
          <div class="case-period">2022, Ongoing</div>
        </div>
      </a>

      <a href="case-studies.html#telecom-staff aug" class="case-card">
        <div class="case-card-top">
          <span class="case-tag">Telecommunications</span>
          <span class="case-rating"><span class="star">★</span> 4.0</span>
        </div>
        <h3>Dev &amp; QA Staff Augmentation for Telecommunications Co</h3>
        <p class="case-quote">"Density Labs' high quality engineers make them stand out from other providers. Resources have worked with us for many years."</p>
        <div class="case-card-footer">
          <div>
            <div class="case-author">VP of Web Applications</div>
            <div class="case-role">San Francisco, CA</div>
          </div>
          <div class="case-period">2016, Ongoing</div>
        </div>
      </a>

      <a href="case-studies.html#remine" class="case-card">
        <div class="case-card-top">
          <span class="case-tag">PropTech · SaaS</span>
          <span class="case-rating"><span class="star">★</span> 5.0</span>
        </div>
        <h3>Engineering Resources for Real Estate SaaS Company</h3>
        <p class="case-quote">"Their willingness to work with us is impressive. There was never a situation where we felt trapped with the talent or structure."</p>
        <div class="case-card-footer">
          <div>
            <div class="case-author">Executive, Remine</div>
            <div class="case-role">Vienna, VA</div>
          </div>
          <div class="case-period">2020, Ongoing</div>
        </div>
      </a>
    </div>

    <div class="case-cta-row">
      <a href="case-studies/" class="btn-secondary">Read how Remine kept the same engineers since 2020 →</a>
    </div>
  </div>
</section>

<!-- THE DISCOVERY CALL -->
<section class="sa-section alt" id="discovery-call">
  <div class="container">
    <div class="sa-header">
      <div class="section-eyebrow">The discovery call</div>
      <h2 class="section-h2">30 minutes. <em>One question on the table.</em></h2>
      <p class="section-sub">Is the work real, and is the framework a fit? We cover the role, the team shape, what you have tried, and what you need next. If we are not the right partner, we say so on the call and you keep the conversation.</p>
    </div>

    <div class="call-grid">
      <div>
        <h4>What we cover</h4>
        <ul>
          <li>The role: seniority, stack, scope</li>
          <li>The team context: how the engineer would fit</li>
          <li>What you have tried that did not work</li>
          <li>Timeline, time-zone overlap, budget shape</li>
          <li>Whether the Embedded Method is the right fit</li>
        </ul>
      </div>
      <div>
        <h4>What it isn't</h4>
        <ul>
          <li>A pitch deck</li>
          <li>A pricing negotiation</li>
          <li>A commitment to engage</li>
          <li>A test of you. We are qualifying fit, not auditioning candidates.</li>
        </ul>
      </div>
    </div>
  </div>
</section>

<!-- CTA -->
<section class="sa-cta">
  <div class="container">
    <h2>Stop buying hours. <em>Buy density.</em></h2>
    <p>30 minute call. We figure out together whether the work is real and whether the framework fits. If it does not, we will say so.</p>
    <a href="" class="btn-primary" style="background: var(--red); padding: 20px 40px; font-size: 15px;">Book a 30 min call →</a>
  </div>
</section>
