---
---

<section class="pt-32 pb-20 px-6">
  <div class="max-w-4xl mx-auto text-center">
    <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full border border-dd0c-border text-xs text-dd0c-muted mb-8">
      <span class="w-2 h-2 rounded-full bg-emerald-400 animate-pulse"></span>
      Now in beta — free while we ship
    </div>

    <h1 class="text-4xl sm:text-5xl lg:text-6xl font-bold leading-tight tracking-tight">
      DevOps tools that<br />
      <span class="text-transparent bg-clip-text bg-gradient-to-r from-dd0c-primary to-dd0c-accent">don't waste your time</span>
    </h1>

    <p class="mt-6 text-lg sm:text-xl text-dd0c-muted max-w-2xl mx-auto leading-relaxed">
      Six focused tools for the problems you actually have.
      Route LLM costs. Detect drift. Correlate alerts. Catalog services. Catch cost spikes. Automate runbooks.
    </p>

    <div class="mt-10 flex flex-col sm:flex-row items-center justify-center gap-4">
      <a href="https://app.dd0c.dev/signup" class="w-full sm:w-auto px-8 py-3 rounded-lg bg-dd0c-primary hover:bg-dd0c-primary-light text-white font-medium transition text-center">
        Start free →
      </a>
      <a href="#products" class="w-full sm:w-auto px-8 py-3 rounded-lg border border-dd0c-border hover:border-dd0c-muted text-dd0c-muted hover:text-dd0c-text transition text-center">
        See the tools
      </a>
    </div>

    <div class="mt-16 relative">
      <div class="absolute inset-0 bg-gradient-to-t from-dd0c-bg via-transparent to-transparent z-10 pointer-events-none"></div>
      <div class="rounded-xl border border-dd0c-border bg-dd0c-surface p-4 font-mono text-sm text-dd0c-muted overflow-hidden">
        <div class="flex items-center gap-2 mb-3">
          <span class="w-3 h-3 rounded-full bg-red-500/60"></span>
          <span class="w-3 h-3 rounded-full bg-yellow-500/60"></span>
          <span class="w-3 h-3 rounded-full bg-green-500/60"></span>
          <span class="ml-2 text-xs text-dd0c-muted/50">terminal</span>
        </div>
        <pre class="text-left"><code><span class="text-dd0c-accent">$</span> curl -s https://api.dd0c.dev/health | jq
<span class="text-emerald-400">{</span>
  <span class="text-dd0c-primary">"route"</span>: <span class="text-emerald-400">"healthy"</span>,
  <span class="text-dd0c-primary">"drift"</span>: <span class="text-emerald-400">"healthy"</span>,
  <span class="text-dd0c-primary">"alert"</span>: <span class="text-emerald-400">"healthy"</span>,
  <span class="text-dd0c-primary">"portal"</span>: <span class="text-emerald-400">"healthy"</span>,
  <span class="text-dd0c-primary">"cost"</span>: <span class="text-emerald-400">"healthy"</span>,
  <span class="text-dd0c-primary">"run"</span>: <span class="text-emerald-400">"healthy"</span>
<span class="text-emerald-400">}</span></code></pre>
      </div>
    </div>
  </div>
</section>
