<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Earn with Ambient — Turn Idle Hours Into Worker Income</title>
    <meta
      name="description"
      content="See what an idle Apple Silicon Mac could make in a month, how Ambient keeps work private, and why trust tiers unlock better payout treatment over time."
    >
    <link rel="stylesheet" href="/static/styles.css">
    <script defer src="/static/earnings-calculator.js"></script>
  </head>
  <body>
    <div class="shell">
      <header class="nav">
        <a class="brand" href="/">
          <span class="brand-mark">HC</span>
          <span>Ambient</span>
        </a>
        <nav class="nav-links">
          <a href="/">Overview</a>
          <a href="/download">Download</a>
          <a href="/trust">Why it's safe</a>
          <a href="/manager/login">Manager</a>
        </nav>
      </header>

      <main>
        <section class="hero earn-grid">
          <article class="hero-copy">
            <div class="eyebrow">For Mac owners</div>
            <h1>Your Mac could earn while you sleep.</h1>
            <p class="lead">
              Ambient wakes up only when your Mac is idle, transcribes 60-second audio fragments locally with
              Whisper over Metal, and goes quiet again the moment you need your machine back.
            </p>
            <p class="lead">
              See what an idle Mac could make in a month. Then decide whether you want your overnight hours doing
              nothing or steadily building worker trust and payout history.
            </p>
            <div class="hero-actions">
              <a class="button" href="/download">Download for Mac</a>
              <a class="ghost-button" href="/trust">Read the privacy model →</a>
            </div>
            <div class="tag-row">
              <span class="tag">Idle only</span>
              <span class="tag">~$0.003/hour electricity</span>
              <span class="tag">Pause anytime</span>
            </div>
          </article>

          <aside class="hero-panel calculator-panel">
            <div>
              <div class="panel-kicker">Interactive earnings calculator</div>
              <p class="helper">
                Pick your chip, drag the idle-hours slider, and watch the estimate update without a server round-trip.
              </p>
            </div>

            <label for="earnings-chip">
              Mac chip
              <select id="earnings-chip">
                <option value="M1">M1</option>
                <option value="M1 Pro" selected>M1 Pro</option>
                <option value="M2">M2</option>
                <option value="M3">M3</option>
                <option value="M3 Pro">M3 Pro</option>
                <option value="M4">M4</option>
                <option value="M4 Pro">M4 Pro</option>
              </select>
            </label>

            <label for="earnings-hours">
              Idle hours per day
              <input id="earnings-hours" type="range" min="1" max="20" value="12">
            </label>

            <div class="range-caption" aria-live="polite">
              <span>1 hour</span>
              <strong id="earnings-hours-value">12 hours/day</strong>
              <span>20 hours</span>
            </div>

            <div class="calculator-output">
              <div class="eyebrow">Monthly estimate</div>
              <p class="calculator-total" id="earnings-total">$540/month</p>
              <p class="lead" id="earnings-summary">
                Your M1 Pro Mac could earn about $540/month while it would otherwise sit idle.
              </p>

              <div class="calculator-comparison">
                <article class="card">
                  <h3>vs sitting idle</h3>
                  <p class="calculator-total" style="font-size: 2.3rem; margin-bottom: 10px;">$0</p>
                  <p>Unchanged monthly contribution if your Mac does nothing overnight.</p>
                </article>
                <article class="card">
                  <h3>Estimated electricity</h3>
                  <p class="calculator-total" id="earnings-electricity" style="font-size: 2.3rem; margin-bottom: 10px;">
                    $1.08
                  </p>
                  <p>Typical monthly power cost at the selected idle window.</p>
                </article>
              </div>
            </div>
          </aside>
        </section>

        <section class="section">
          <div class="section-header">
            <div>
              <div class="eyebrow">What your Mac does</div>
              <h2 class="section-title">One worker, one fragment, one local Whisper pass.</h2>
            </div>
            <p class="section-note">
              The worker is intentionally narrow. It downloads a fragment, transcribes it locally, returns text, and
              discards the audio.
            </p>
          </div>

          <div class="grid grid-3">
            <article class="card">
              <h3>Transcribes audio locally</h3>
              <p>
                Whisper runs on your Apple Silicon GPU. The coordinator handles queueing and orchestration, not the
                actual transcription work.
              </p>
            </article>
            <article class="card">
              <h3>Only works when idle</h3>
              <p>
                The worker waits for inactivity and is designed for locked-screen hours, not active daytime usage. You
                keep control over when it runs.
              </p>
            </article>
            <article class="card">
              <h3>Keeps costs low</h3>
              <p>
                Electricity draw is modest enough to compare with phone charging rather than full-time desktop compute.
                That makes idle Mac time economically useful instead of wasteful.
              </p>
            </article>
          </div>
        </section>

        <section class="section">
          <div class="section-header">
            <div>
              <div class="eyebrow">Realtime factors by chip</div>
              <h2 class="section-title">Apple Silicon scales meaningfully as chips get better.</h2>
            </div>
            <p class="section-note">
              Faster chips clear more 60-second shards per idle hour, which is the main reason monthly estimates vary so
              much by model.
            </p>
          </div>

          <div class="realtime-list">
            <div class="realtime-row" data-chip="M1"><strong>M1</strong><span>About 15x realtime</span></div>
            <div class="realtime-row" data-chip="M1 Pro"><strong>M1 Pro</strong><span>About 25x realtime</span></div>
            <div class="realtime-row" data-chip="M2"><strong>M2</strong><span>About 20x realtime</span></div>
            <div class="realtime-row" data-chip="M3"><strong>M3</strong><span>About 22x realtime</span></div>
            <div class="realtime-row" data-chip="M3 Pro"><strong>M3 Pro</strong><span>About 25x realtime</span></div>
            <div class="realtime-row" data-chip="M4"><strong>M4</strong><span>About 28x realtime</span></div>
            <div class="realtime-row" data-chip="M4 Pro"><strong>M4 Pro</strong><span>About 35x realtime</span></div>
          </div>
        </section>

        <section class="section">
          <div class="section-header">
            <div>
              <div class="eyebrow">Privacy and safety</div>
              <h2 class="section-title">Short shards, anti-correlation, and validation keep the worker box small.</h2>
            </div>
            <p class="section-note">
              Ambient is designed so your Mac helps with throughput without seeing complete conversations or storing
              long-lived audio.
            </p>
          </div>

          <div class="grid grid-2">
            <article class="panel">
              <h3>You never browse customer audio</h3>
              <p>
                Audio is streamed into memory, processed, and discarded after transcription. Nothing about the worker
                experience is built around inspecting user content.
              </p>
            </article>
            <article class="panel">
              <h3>Shards are 60-second fragments</h3>
              <p>
                No single worker hears an entire conversation. Adjacent fragments are assigned to different machines so
                context stays fragmented by design.
              </p>
            </article>
            <article class="panel">
              <h3>Canaries check quality quietly</h3>
              <p>
                Hidden validation audio verifies accuracy over time. That keeps payout trust tied to real performance,
                not self-reporting.
              </p>
            </article>
            <article class="panel">
              <h3>You can stop at any moment</h3>
              <p>
                Pause the worker, remove the app, or come back to your Mac and let normal use take precedence. The
                system has to fit your machine, not commandeer it.
              </p>
            </article>
          </div>
        </section>

        <section class="section">
          <div class="section-header">
            <div>
              <div class="eyebrow">Trust tiers</div>
              <h2 class="section-title">Start contributing today. Build trust over time.</h2>
            </div>
            <p class="section-note">
              Higher-trust workers face less validation overhead and move through payout holdback faster as the
              coordinator gains confidence.
            </p>
          </div>

          <div class="trust-ladder">
            <article class="trust-step">
              <div class="trust-rank">01 · New</div>
              <h3>First verified fragments</h3>
              <p>Highest validation rate and the longest payout hold while the coordinator learns your quality profile.</p>
            </article>
            <article class="trust-step">
              <div class="trust-rank">02 · Provisional</div>
              <h3>Early confidence</h3>
              <p>Clean canary results earn you more production work with fewer interruptions from hidden checks.</p>
            </article>
            <article class="trust-step">
              <div class="trust-rank">03 · Trusted</div>
              <h3>Reliable overnight capacity</h3>
              <p>Consistent quality makes your Mac more useful to the scheduler and shortens the payout unlock window.</p>
            </article>
            <article class="trust-step">
              <div class="trust-rank">04 · Elite</div>
              <h3>Preferred worker lane</h3>
              <p>Best-performing workers become dependable fleet backbone machines for high-confidence throughput.</p>
            </article>
          </div>
        </section>

        <section class="section">
          <div class="callout">
            <div class="eyebrow">How to join</div>
            <h2 class="section-title">Download the beta, run the setup, and leave your Mac alone.</h2>
            <p class="lead">
              First launch gets you through invitation-code onboarding. The first time your Mac receives real work, it
              downloads the model it needs, then returns to the background menu-bar flow.
            </p>
            <p class="lead">
              By installing the worker, you agree to the <a href="/worker-agreement">Worker Agreement</a>.
            </p>
            <div class="hero-actions" style="margin-top: 24px;">
              <a class="button" href="/download">Download and join →</a>
              <a class="ghost-button" href="https://github.com/sburl/Ambient">Read the source</a>
            </div>
          </div>
        </section>
      </main>

      <footer class="footer">
        Ambient · <a href="/privacy" style="opacity:0.6;">Privacy</a> · <a href="/worker-agreement" style="opacity:0.6;">Worker Agreement</a> · <a href="https://github.com/sburl/Ambient" style="opacity:0.6;">GitHub</a>
      </footer>
    </div>
  </body>
</html>
