# About Us

Density Labs is the AI Engineering Partner for mid market US companies. Founded 2016. 96% client retention. Embedded senior engineers from LATAM.

<style>
  .about-hero {
    padding: 100px 0 80px;
    border-bottom: 1px solid var(--line);
    position: relative;
    overflow: hidden;
  }
  .about-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;
  }
  .about-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;
  }
  .about-breadcrumb a { color: var(--ink-muted); text-decoration: none; }
  .about-breadcrumb a:hover { color: var(--red); }
  .about-breadcrumb span { color: var(--ink-faint); margin: 0 12px; }
  .about-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;
  }
  .about-hero h1 em { font-style: italic; color: var(--red); font-weight: 800; }
  .about-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;
  }
  .about-hero .lede strong { color: var(--ink); font-weight: 600; }

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

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

  .density-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    max-width: 1100px;
    margin: 0 auto;
  }
  .density-tile {
    background: var(--white);
    border: 1px solid var(--line);
    border-left: 4px solid var(--red);
    border-radius: 8px;
    padding: 36px 32px;
  }
  .density-tile-num {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--red);
    margin-bottom: 16px;
  }
  .density-tile h3 {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 22px;
    color: var(--ink);
    margin-bottom: 14px;
    letter-spacing: -0.015em;
  }
  .density-tile p {
    font-size: 15px;
    line-height: 1.65;
    color: var(--ink-soft);
  }

  .manifesto {
    max-width: 920px;
    margin: 0 auto;
    text-align: center;
  }
  .manifesto-block {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: clamp(28px, 3.4vw, 42px);
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: var(--ink);
    padding: 48px 32px;
    background: var(--white);
    border: 1px solid var(--line);
    border-left: 4px solid var(--red);
    border-radius: 8px;
    margin-bottom: 48px;
    text-align: left;
  }
  .manifesto-block em { color: var(--red); font-style: italic; }
  .manifesto p {
    font-size: 17px;
    line-height: 1.7;
    color: var(--ink-soft);
    margin-bottom: 22px;
    text-align: left;
  }
  .manifesto p strong { color: var(--ink); font-weight: 600; }
  .manifesto .cta-row { text-align: left; margin-top: 32px; }

  .stats-band {
    background: var(--black);
    color: var(--white);
    padding: 100px 0;
    position: relative;
    overflow: hidden;
  }
  .stats-band::before {
    content: '';
    position: absolute;
    top: -50px;
    left: -100px;
    width: 480px;
    height: 480px;
    background: radial-gradient(circle, rgba(153, 27, 27, 0.1) 0%, transparent 70%);
    pointer-events: none;
  }
  .stats-band .container { position: relative; z-index: 2; }
  .stats-eyebrow {
    text-align: center;
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--red);
    margin-bottom: 16px;
  }
  .stats-title {
    text-align: center;
    color: var(--white);
    font-family: var(--font-display);
    font-weight: 700;
    font-size: clamp(28px, 3.5vw, 44px);
    letter-spacing: -0.02em;
    margin-bottom: 64px;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }
  .stats-title em { color: var(--red); font-style: italic; }
  .stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    max-width: 1100px;
    margin: 0 auto;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
  .stat-cell {
    padding: 36px 28px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
  }
  .stat-num {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(40px, 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(--white);
    margin-bottom: 4px;
  }
  .stat-detail {
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.12em;
    color: var(--text-on-dark-muted);
    text-transform: uppercase;
  }

  .proof-quote-section { padding: 100px 0; border-bottom: 1px solid var(--line); }
  .proof-quote {
    max-width: 920px;
    margin: 0 auto;
    text-align: center;
    padding: 56px 40px;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 12px;
  }
  .proof-quote .quote-mark {
    font-family: var(--font-display);
    font-size: 64px;
    line-height: 1;
    color: var(--red);
    margin-bottom: 20px;
  }
  .quote-text {
    font-family: var(--font-display);
    font-style: italic;
    font-size: clamp(22px, 2.6vw, 30px);
    line-height: 1.4;
    color: var(--ink);
    margin-bottom: 28px;
    font-weight: 500;
  }
  .quote-attribution {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--ink-muted);
  }
  .quote-attribution strong { color: var(--red); font-weight: 600; }
  .verified-row {
    margin-top: 36px;
    padding-top: 28px;
    border-top: 1px solid var(--line);
    display: flex;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ink-muted);
  }
  .verified-row strong { color: var(--ink); }
  .verified-row .check { color: var(--red); margin-right: 6px; }

  .about-cta {
    padding: 120px 0;
    text-align: center;
    background: var(--paper-soft);
  }
  .about-cta h2 {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(36px, 4.8vw, 56px);
    line-height: 1.1;
    letter-spacing: -0.025em;
    color: var(--ink);
    margin-bottom: 24px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
  }
  .about-cta h2 em { color: var(--red); font-style: italic; }
  .about-cta p {
    font-size: 18px;
    line-height: 1.55;
    color: var(--ink-soft);
    max-width: 580px;
    margin: 0 auto 36px;
    font-weight: 300;
  }

  @media (max-width: 980px) {
    .container { padding: 0 24px; }
    .density-grid, .stats-grid { grid-template-columns: 1fr; }
    .about-section { padding: 72px 0; }
    .stats-band { padding: 80px 0; }
  }
</style>

<!-- HERO -->
<section class="about-hero">
  <div class="container">
    <div class="about-breadcrumb">
      <a href="/">Density Labs</a> <span>/</span> Company <span>/</span> About
    </div>
    <h1>About <em>Density Labs</em>.</h1>
    <p class="lede"><strong>Distance is geography. Density is design.</strong> We are the AI Engineering Partner for mid market US companies. Founded 2016. Twelve active engagements. 96% client retention. Thirty senior engineers across LATAM, every one in a US compatible timezone.</p>
  </div>
</section>

<!-- WHO WE ARE — Operational Density components -->
<section class="about-section">
  <div class="container">
    <div class="about-header">
      <div class="section-eyebrow">Who we are</div>
      <h2 class="section-h2">We sell <em>operational density</em>.</h2>
      <p class="section-sub">Not hours. Not resumes. The compounding context, trust, cadence, and stake that turns an embedded engineer into a peer of the team they ship alongside. It has four components.</p>
    </div>

    <div class="density-grid">
      <div class="density-tile">
        <div class="density-tile-num">01 // Context Density</div>
        <h3>The codebase, the customers, the constraints.</h3>
        <p>Our four year engineers at Ooma know that codebase better than most full time hires ever do. Tenure is the input. Compounding context is the output.</p>
      </div>
      <div class="density-tile">
        <div class="density-tile-num">02 // Trust Density</div>
        <h3>Earned in standups, not in proposals.</h3>
        <p>Embedded peers ship code that gets reviewed by the same humans every week. The trust accumulates the way it would for any senior internal hire.</p>
      </div>
      <div class="density-tile">
        <div class="density-tile-num">03 // Cadence Density</div>
        <h3>Same hours. Same standup. Same Slack.</h3>
        <p>Every engineer works in a US compatible timezone. There is no async hand off, no "I will reply in the morning." The rhythm matches your team because the team is your team.</p>
      </div>
      <div class="density-tile">
        <div class="density-tile-num">04 // Stake Density</div>
        <h3>Tenure aligned with outcomes.</h3>
        <p>Multi year engagements only work when the outcome matters more than the invoice. We optimize for retention because that is what makes everything else compound.</p>
      </div>
    </div>
  </div>
</section>

<!-- WHAT WE BELIEVE -->
<section class="about-section alt">
  <div class="container">
    <div class="about-header">
      <div class="section-eyebrow">What we believe</div>
      <h2 class="section-h2">Most teams have AI ideas. <em>Few have AI builders.</em></h2>
    </div>

    <div class="manifesto">
      <div class="manifesto-block">
        Most engineering teams have AI ideas and AI budget. What they do not have are senior engineers who have shipped LLM apps, RAG systems, or agents into <em>real production environments</em>.
      </div>
      <p>Hiring them in the US takes six months and costs $300K all in. Hiring them through generic staff augmentation gets you bodies, not builders. The market is loud about AI talent because almost no one has actually shipped it.</p>
      <p><strong>The Density Method</strong> is the four phase, 90 day framework we built to solve this. 100% success rate over the last six years. Zero forced replacements. 120 day replacement guarantee on every engagement, double the staff augmentation standard.</p>
      <p>It is not a sales pitch. It is the operating system that runs every placement.</p>
      <div class="cta-row">
        <a href="/staff-augmentation/embedded-method/" class="btn-primary">Read how the Embedded Method works →</a>
      </div>
    </div>
  </div>
</section>

<!-- STATS BAND -->
<section class="stats-band">
  <div class="container">
    <div class="stats-eyebrow">By the numbers</div>
    <h2 class="stats-title">A decade of <em>compounding</em> partnerships.</h2>
    <div class="stats-grid">
      <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">12</div>
        <div class="stat-label">Active engagements</div>
        <div class="stat-detail">all US-based, all named</div>
      </div>
      <div class="stat-cell">
        <div class="stat-num">10+ yrs</div>
        <div class="stat-label">Longest partnership</div>
        <div class="stat-detail">Ooma, ongoing since 2015</div>
      </div>
      <div class="stat-cell">
        <div class="stat-num">100%</div>
        <div class="stat-label">Success rate</div>
        <div class="stat-detail">over the 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">30</div>
        <div class="stat-label">Engineers &amp; designers</div>
        <div class="stat-detail">across MX, CO, AR, BR</div>
      </div>
    </div>
  </div>
</section>

<!-- PROOF QUOTE -->
<section class="proof-quote-section">
  <div class="container">
    <div class="about-header">
      <div class="section-eyebrow">Proof</div>
      <h2 class="section-h2">Long relationships. <em>Real names.</em></h2>
      <p class="section-sub">We do not hide behind logos. The engagements that matter are documented, the engineers are named, and the work is verified.</p>
    </div>
    <div class="proof-quote">
      <div class="quote-mark">"</div>
      <div class="quote-text">The team consists of three junior designers and a team lead, all of whom are valuable contributors to the projects they work on but also overall team initiatives and culture.</div>
      <div class="quote-attribution"><strong>Kevin Dyck</strong> · Manager, Product &amp; UX Design · Ooma</div>
      <div class="verified-row">
        <span><span class="check">✓</span><strong>Clutch verified</strong> · 5.0 rating</span>
        <span><span class="check">✓</span>Ooma · 10 year partnership</span>
        <span><span class="check">✓</span>Same engineers, multi year tenure</span>
      </div>
    </div>
  </div>
</section>

<!-- CTA -->
<section class="about-cta">
  <div class="container">
    <h2>Want to talk about a <em>specific AI initiative</em>?</h2>
    <p>Book a 30 minute call. We will tell you honestly whether we can help, and what to look for if we are not the right fit.</p>
    <a href="" class="btn-primary">Book a 30 min call →</a>
  </div>
</section>
