# Beyond Staff Augmentation

We do not sell hours or resumes. We sell embedded engineers running The Density Method, a structured 90 day framework with a 100% success rate over six years.

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

  @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; }
  }
</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>Most providers solve a capacity problem with people. We solve a delivery problem with a framework.</strong> Same headcount. Different outcome. The reason is The Density Method, not the resume.</p>
  </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>The Density Method</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>

<!-- THE DENSITY METHOD -->
<section class="sa-section alt">
  <div class="container">
    <div class="sa-header">
      <div class="section-eyebrow">The Density Method</div>
      <h2 class="section-h2">Four phases. <em>One operating system.</em></h2>
      <p class="section-sub">It took four years to refine. It has produced a 100% success rate over the last six years. Zero forced replacements. 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">Diagnose</div>
        <div class="phase-dur">2 weeks · fixed</div>
        <div class="phase-desc">Paid written diagnostic. Capability gap analysis, architecture audit, 90 day plan. Yours to keep regardless of what comes next.</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="/method/" class="btn-primary">Read how the Method works →</a>
    </div>
  </div>
</section>

<!-- 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 The Density Method, <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>

<!-- STATS BAND -->
<section class="stats-band">
  <div class="container">
    <div class="stats-grid">
      <div class="stat-cell">
        <div class="stat-num">100%</div>
        <div class="stat-label">Success rate</div>
        <div class="stat-detail">Last six years</div>
      </div>
      <div class="stat-cell">
        <div class="stat-num">0</div>
        <div class="stat-label">Forced replacements</div>
        <div class="stat-detail">On Density Method placements</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>

<!-- 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>
