# The Density Embedded Method

Four phases. Ninety days to production. The structured engagement framework behind embedded senior engineers from LATAM.

<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); }

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

<section class="page-hero">
  <div class="container">
    <div class="breadcrumb">
      <a href="/">Density Labs</a> <span>/</span> The 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. This is how we work, in detail.</p>
  </div>
</section>

<div class="method-toc">
  <div class="container method-toc-inner">
    <a href="#diagnose" class="toc-link">01 · Diagnose</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: DIAGNOSE -->
<section class="phase-section" id="diagnose">
  <div class="container">
    <div class="phase-header">
      <div class="phase-number-large">1</div>
      <div>
        <div class="phase-meta">Phase 01 · Before project start · 2 weeks · $2,500 fixed</div>
        <h2>Diagnose. <span class="accent">Map the gap before anything else.</span></h2>
        <p class="phase-lede">Most providers want to bill before they understand. We start with a fixed fee, written diagnostic that maps your AI roadmap against your team's actual capability. You leave with a document you can act on, regardless of whether you continue with us.</p>
      </div>
    </div>

    <div class="phase-grid">
      <div class="phase-col">
        <h3>What we do</h3>
        <ul>
          <li>Five to eight stakeholder interviews (eng, product, exec)</li>
          <li>Audit of current AI initiatives, attempts, and blockers</li>
          <li>Capability gap analysis against your 12 month roadmap</li>
          <li>Effort vs. payoff for the top three moves</li>
          <li>Written diagnostic delivered in week 2</li>
        </ul>
      </div>
      <div class="phase-col">
        <h3>What you get</h3>
        <ul>
          <li>A 15 to 20 page written diagnostic</li>
          <li>Prioritized list of AI initiatives by leverage and feasibility</li>
          <li>Capability gap map (what you have, what you need, where the friction is)</li>
          <li>90 day implementation plan you can hand to anyone</li>
          <li>One follow up call to walk you through the document</li>
        </ul>
      </div>
    </div>

    <div class="deliverable-card">
      <div class="deliverable-label">The frame</div>
      <p>"The diagnostic is yours to keep, regardless of next steps. If we're not the right partner, you have a document you can take to anyone."</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>
</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: 100% success rate over the last 6 years. Zero forced replacements.</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 we maintain our 100% success rate.</p>
    </div>
  </div>
</section>

<!-- MID PAGE CTA -->
<section class="mid-cta">
  <div class="container">
    <p>Convinced about how we ship? <a href="/get-started/diagnostic/">Start with the Roadmap →</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. The Ooma engagement is in its 4th year and counting. Our longest telecom partnership has been going since 2016. This is what density looks like in practice: years on the same codebase. No rotation, no reset, no relearning every quarter.</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. Zero forced replacements over the last 6 years."</p>
    </div>
  </div>
</section>

<!-- CTA -->
<section class="cta-band">
  <div class="container">
    <h2>Ready to start with the <span class="accent">AI Roadmap</span>?</h2>
    <p>Two weeks. $2,500 fixed. A written diagnostic you keep, regardless of next steps.</p>
    <a href="/get-started/diagnostic/" class="btn-primary" style="background: var(--red); color: var(--white);">Start the Roadmap</a>
    <p class="cta-microcopy">Written intake. We confirm fit before any payment.</p>
  </div>
</section>
