# The Density Embedded Method

Four phases. Ninety days to production. The structured engagement framework behind embedded senior engineers from LATAM. Scope, Match, Embed, Retain.

<style>
/* Method-specific styles */
  .method-toc {
    background: var(--paper-soft);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: 28px 0;
  }
  .method-toc-inner {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
  }
  .toc-link {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--ink-muted);
    padding: 8px 16px;
    border-radius: 100px;
    border: 1px solid transparent;
    transition: all 0.2s;
  }
  .toc-link:hover {
    color: var(--red);
    border-color: var(--red);
    background: var(--white);
  }

  .phase-section {
    padding: 100px 0;
    border-bottom: 1px solid var(--line);
  }
  .phase-section:nth-child(even) { background: var(--paper-soft); }
  .phase-section.alt { background: var(--white); }

  .phase-header {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 32px;
    align-items: start;
    max-width: 1100px;
    margin: 0 auto 48px;
  }
  .phase-number-large {
    width: 80px;
    height: 80px;
    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: 32px;
  }
  .phase-meta {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--red);
    margin-bottom: 12px;
  }
  .phase-section h2 {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(36px, 4.5vw, 56px);
    line-height: 1.1;
    color: var(--ink);
    letter-spacing: -0.025em;
    margin-bottom: 20px;
  }
  .phase-section h2 .accent { color: var(--red); }
  .phase-lede {
    font-size: 19px;
    line-height: 1.6;
    color: var(--ink-soft);
    max-width: 720px;
    font-weight: 300;
  }

  .phase-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    max-width: 1100px;
    margin: 0 auto;
  }
  .phase-col h3 {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--red);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--line);
  }
  .phase-col ul { list-style: none; padding: 0; }
  .phase-col li {
    padding: 10px 0 10px 24px;
    position: relative;
    font-size: 15px;
    line-height: 1.6;
    color: var(--ink-soft);
  }
  .phase-col li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--red);
    font-weight: 600;
  }

  .deliverable-card {
    margin-top: 32px;
    padding: 28px 32px;
    background: var(--white);
    border-left: 3px solid var(--red);
    border-radius: 4px;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  .deliverable-card.alt { background: var(--paper-soft); }
  .deliverable-label {
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--red);
    margin-bottom: 10px;
  }
  .deliverable-card p {
    font-family: var(--font-display);
    font-style: italic;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: var(--ink);
  }

  /* 30/60/90 deep dive within method */
  .timeline-30-60-90 {
    max-width: 1200px;
    margin: 60px auto 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
  }
  .day-block {
    background: var(--white);
    border-radius: 12px;
    padding: 36px 28px;
    border-top: 4px solid var(--red);
  }
  .day-range {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--red);
    margin-bottom: 14px;
  }
  .day-title {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 24px;
    color: var(--ink);
    margin-bottom: 14px;
    letter-spacing: -0.015em;
  }
  .day-body { font-size: 14px; line-height: 1.6; color: var(--ink-soft); }

  .cta-band {
    padding: 100px 0;
    background: var(--black);
    color: var(--white);
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  .cta-band::before {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 700px; height: 700px;
    background: radial-gradient(circle, rgba(153, 27, 27, 0.08) 0%, transparent 60%);
    pointer-events: none;
  }
  .cta-band .container { position: relative; z-index: 2; }
  .cta-band h2 {
    color: var(--white);
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 800;
    margin-bottom: 24px;
  }
  .cta-band h2 .accent { color: var(--red); }
  .cta-band p {
    color: var(--text-on-dark-soft);
    font-size: 18px;
    max-width: 600px;
    margin: 0 auto 36px;
    font-weight: 300;
  }
  .cta-microcopy {
    margin-top: 20px !important;
    font-family: var(--font-mono);
    font-size: 12px !important;
    letter-spacing: 0.04em;
    color: var(--text-on-dark-muted) !important;
  }

  .mid-cta {
    padding: 36px 0;
    background: var(--paper-soft);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    text-align: center;
  }
  .mid-cta p {
    margin: 0;
    font-family: var(--font-body);
    font-size: 16px;
    color: var(--ink);
  }
  .mid-cta a {
    font-weight: 600;
    color: var(--ink);
    text-decoration: underline;
    text-decoration-color: var(--red);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
    margin-left: 8px;
  }
  .mid-cta a:hover { text-decoration-color: var(--red-deep); }

  .bench-callout {
    background: var(--ink);
    color: var(--white);
    border-left: 4px solid var(--red);
    border-radius: 12px;
    padding: 36px 40px;
    max-width: 1100px;
    margin: 36px auto 0;
    position: relative;
    overflow: hidden;
  }
  .bench-callout::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, rgba(153, 27, 27, 0.18) 0%, transparent 70%);
    pointer-events: none;
  }
  .bench-callout-label {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--red);
    margin-bottom: 14px;
    position: relative;
    z-index: 2;
  }
  .bench-callout h3 {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(24px, 2.6vw, 30px);
    line-height: 1.15;
    color: var(--white);
    margin: 0 0 18px;
    letter-spacing: -0.02em;
    position: relative;
    z-index: 2;
  }
  .bench-callout p {
    font-size: 16px;
    line-height: 1.65;
    color: rgba(255,255,255,0.82);
    margin: 0 0 14px;
    position: relative;
    z-index: 2;
  }
  .bench-callout p:last-child { margin-bottom: 0; }
  .bench-callout strong { color: var(--white); font-weight: 600; }
  .bench-callout .bench-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 32px;
    margin: 18px 0 18px;
    padding: 16px 0;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    position: relative;
    z-index: 2;
  }
  .bench-callout .bench-stat {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.7);
  }
  .bench-callout .bench-stat strong {
    display: block;
    font-family: var(--font-display);
    font-size: 22px;
    color: var(--red);
    letter-spacing: -0.01em;
    text-transform: none;
    margin-bottom: 2px;
  }

  @media (max-width: 980px) {
    .phase-header { grid-template-columns: 1fr; }
    .phase-grid { grid-template-columns: 1fr; }
    .timeline-30-60-90 { grid-template-columns: 1fr; }
    .bench-callout { padding: 28px 24px; }
  }
</style>

<section class="page-hero">
  <div class="container">
    <div class="breadcrumb">
      <a href="/">Density Labs</a> <span>/</span> <a href="/staff-augmentation/">Staff Augmentation</a> <span>/</span> Embedded Method
    </div>
    <h1>Four phases. <span class="accent">Ninety days to production.</span></h1>
    <p class="lede">A structured engagement framework refined across 12+ active engagements and a decade of embedded delivery. Scope, Match, Embed, Retain. This is how we work, in detail.</p>
  </div>
</section>

<div class="method-toc">
  <div class="container method-toc-inner">
    <a href="#scope" class="toc-link">01 · Scope</a>
    <a href="#match" class="toc-link">02 · Match</a>
    <a href="#embed" class="toc-link">03 · Embed</a>
    <a href="#retain" class="toc-link">04 · Retain</a>
  </div>
</div>

<!-- PHASE 1: SCOPE -->
<section class="phase-section" id="scope">
  <div class="container">
    <div class="phase-header">
      <div class="phase-number-large">1</div>
      <div>
        <div class="phase-meta">Phase 01 · 30 to 45 minutes · No charge</div>
        <h2>Scope. <span class="accent">Define the role before we open a search.</span></h2>
        <p class="phase-lede">Most providers will quote you after a one-line role description. We won't open a search until we can describe the role back to you in a paragraph. Title, stack, team context, time-zone overlap, what success looks like at 90 days. If we can't describe it precisely, we can't match for it.</p>
      </div>
    </div>

    <div class="phase-grid">
      <div class="phase-col">
        <h3>What we do</h3>
        <ul>
          <li>30 to 45 minute call with the hiring engineering lead</li>
          <li>Role definition: seniority, scope, must-haves vs. nice-to-haves</li>
          <li>Team and codebase context, time-zone overlap requirements</li>
          <li>Success criteria at 30, 60, and 90 days</li>
          <li>Two-way fit check before we open the search</li>
        </ul>
      </div>
      <div class="phase-col">
        <h3>What you get</h3>
        <ul>
          <li>A written one-paragraph role description we both agree on</li>
          <li>Shortlist plan: timeline, vetting steps, what to expect when</li>
          <li>An honest read on whether Density is the right partner for this role</li>
          <li>If we're not a fit, we say so on the call. You keep the role brief.</li>
        </ul>
      </div>
    </div>

    <div class="deliverable-card">
      <div class="deliverable-label">The frame</div>
      <p>"We won't run a search we can't describe. The hour we spend scoping is the reason the 7 to 10 day match works."</p>
    </div>
  </div>
</section>

<!-- PHASE 2: MATCH -->
<section class="phase-section alt" id="match">
  <div class="container">
    <div class="phase-header">
      <div class="phase-number-large">2</div>
      <div>
        <div class="phase-meta">Phase 02 · 7 to 10 days · From a 2% acceptance pool</div>
        <h2>Match. <span class="accent">Context fit, not just skill.</span></h2>
        <p class="phase-lede">From an applicant pool with a 2% acceptance rate, we shortlist 2 to 3 engineers per role. We match for context fit (your domain, your stack, your culture), not just resume keywords. You meet them. You decide. We never push.</p>
      </div>
    </div>

    <div class="phase-grid">
      <div class="phase-col">
        <h3>How we vet</h3>
        <ul>
          <li>Technical assessment specific to your stack and AI use cases</li>
          <li>System design conversation with a senior Density engineer</li>
          <li>Communication and async collaboration evaluation</li>
          <li>Reference checks from at least two prior engagements</li>
          <li>Internal Density tech lead approval before shortlist</li>
        </ul>
      </div>
      <div class="phase-col">
        <h3>How you decide</h3>
        <ul>
          <li>Receive 2 to 3 candidate profiles within 7 to 10 days of brief</li>
          <li>Review portfolios, video interviews, and our internal notes</li>
          <li>Live interviews with the engineers you want to meet</li>
          <li>Optional paid trial period (10 to 20 hours) before committing</li>
          <li>Engagement starts only after your formal "yes"</li>
        </ul>
      </div>
    </div>

    <div class="deliverable-card alt">
      <div class="deliverable-label">The acceptance funnel</div>
      <p>"For every 100 engineers who apply to Density, two make it through. We staff from the top of that pyramid, not the middle."</p>
    </div>

    <div class="bench-callout">
      <div class="bench-callout-label">Where the bench comes from</div>
      <p style="font-size: 17px; color: var(--white);">The pool isn't filtration alone. The engineers matched to clients come from two sources: senior hires from the 2% acceptance pool, and residents we trained inside Density and placed on three-year structured paths inside client codebases. <a href="/staff-augmentation/#residency" style="color: var(--red); text-decoration: underline; text-underline-offset: 3px;">See: Start senior. Scale through a residency we own →</a></p>
    </div>
  </div>
</section>

<!-- PHASE 3: EMBED (the big one with 30/60/90) -->
<section class="phase-section" id="embed">
  <div class="container">
    <div class="phase-header">
      <div class="phase-number-large">3</div>
      <div>
        <div class="phase-meta">Phase 03 · 90 days · Structured by week</div>
        <h2>Embed. <span class="accent">A 30/60/90 framework refined across 12+ engagements.</span></h2>
        <p class="phase-lede">Most providers consider the deal closed when the engineer logs into Slack. We consider it just starting. The first 90 days are the highest risk window of any engagement, so we built a structured framework around them. The result: <strong>zero forced replacements across every placement since 2019</strong>.</p>
      </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="phase-grid" style="margin-top: 60px;">
      <div class="phase-col">
        <h3>The AI playbook</h3>
        <p style="font-size: 15px; line-height: 1.65; color: var(--ink-soft);">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. This is institutional knowledge that compounds. Most staff aug providers keep this kind of context internal. We share it with the engineers we place because the alternative is they reinvent the wheel on your time.</p>
      </div>
      <div class="phase-col">
        <h3>The weekly check in</h3>
        <p style="font-size: 15px; line-height: 1.65; color: var(--ink-soft);">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's standups. The goal is to surface friction your team doesn't see and resolve it before it becomes attrition. Most issues that look like "the engineer wasn't a fit" are actually issues your team didn't have visibility into. We do.</p>
      </div>
    </div>

    <div class="deliverable-card" style="border-left-color: var(--red); background: var(--black); color: var(--white); margin-top: 48px;">
      <div class="deliverable-label" style="color: var(--red);">⚠ Why we don't disappear after placement</div>
      <p style="color: var(--white); font-style: italic;">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>

<!-- MID PAGE CTA -->
<section class="mid-cta">
  <div class="container">
    <p>Convinced? <a href="">Book a scoping call →</a></p>
  </div>
</section>

<!-- PHASE 4: RETAIN -->
<section class="phase-section alt" id="retain">
  <div class="container">
    <div class="phase-header">
      <div class="phase-number-large">4</div>
      <div>
        <div class="phase-meta">Phase 04 · Years, not months</div>
        <h2>Retain. <span class="accent">Tenure is the metric that compounds.</span></h2>
        <p class="phase-lede">96% client retention over a decade. Engineers who stay for years, not months. For senior placements, retention is multi-year tenure on the same codebase, Ooma in year 4, telecom since 2016. For residents on the Density Residency, retention is a structured three-year path through trainee, junior, and mid, accountable to us, evaluated at milestone gates by your manager. Same operating system. Two trajectories. <a href="/staff-augmentation/#residency" class="suttle-link">See the residency in detail →</a></p>
      </div>
    </div>

    <div class="phase-grid">
      <div class="phase-col">
        <h3>What we do after day 90</h3>
        <ul>
          <li>Quarterly reviews with you and the engineer</li>
          <li>Ongoing tech lead access for the engineer</li>
          <li>Continued access to our AI playbook and internal RFCs on RAG, agents, evals, and postmortems</li>
          <li>Comp reviews tied to engagement outcomes</li>
          <li>Career conversations so engineers don't churn out of boredom</li>
        </ul>
      </div>
      <div class="phase-col">
        <h3>How retention compounds</h3>
        <ul>
          <li>Years on the same codebase. No rotation can replace that.</li>
          <li>Engineers who have shipped through your full release cycles</li>
          <li>Trust with your team that doesn't reset every quarter</li>
          <li>Less explaining. More shipping.</li>
          <li>Real ownership of long arc projects, not just sprints</li>
        </ul>
      </div>
    </div>

    <div class="deliverable-card alt">
      <div class="deliverable-label">The metric that matters</div>
      <p>"Most staff aug providers brag about how fast they replace. We brag about how rarely we have to."</p>
    </div>
  </div>
</section>

<!-- CTA -->
<section class="cta-band">
  <div class="container">
    <h2>Ready to <span class="accent">embed an engineer</span>?</h2>
    <p>30 to 45 minute call. We scope the role together. No charge, no obligation.</p>
    <a href="" class="btn-primary" style="background: var(--red); color: var(--white);">Book a scoping call</a>
    <p class="cta-microcopy">Search opens after sign off, not before.</p>
  </div>
</section>
