---
import Layout from '../components/Layout.astro';
import Footer from '../components/Footer.astro';
import Waitlist from '../components/Waitlist.astro';
import CTA from '../components/CTA.astro';
---

<Layout title="dd0c/cost — AWS Cost Anomaly Detection" description="Detect AWS billing anomalies with Welford statistical baselines and z-score alerts. Slack notifications, snooze controls, and governance rules. AWS Cost Anomaly Detection alternative for small teams.">
  <section class="pt-32 pb-20 px-6">
    <div class="max-w-4xl mx-auto">
      <div class="mb-8">
        <span class="font-mono text-sm text-dd0c-primary">dd0c/cost</span>
        <h1 class="text-4xl sm:text-5xl font-bold mt-2">Know about cost spikes before the bill arrives</h1>
        <p class="mt-6 text-lg text-dd0c-muted leading-relaxed max-w-2xl">
          Welford's algorithm builds running baselines per resource type. Z-score anomaly detection catches spikes in real time. Slack alerts with one-click snooze for expected costs. Governance engine auto-promotes from shadow to enforce.
        </p>
      </div>

      <div class="mt-10 flex gap-4">
        <a href="#waitlist" class="px-6 py-3 rounded-lg bg-dd0c-primary hover:bg-dd0c-primary-light text-white font-medium transition">Start free →</a>
        <a href="https://docs.dd0c.dev/cost" class="px-6 py-3 rounded-lg border border-dd0c-border hover:border-dd0c-muted text-dd0c-muted hover:text-dd0c-text transition">Read docs</a>
      </div>

      <div class="mt-16 grid md:grid-cols-2 gap-6">
        <div class="rounded-xl border border-dd0c-border bg-dd0c-surface p-6">
          <div class="text-2xl mb-3">📈</div>
          <h3 class="font-semibold mb-2">Statistical baselines</h3>
          <p class="text-sm text-dd0c-muted">Welford's online algorithm. No batch jobs. Baselines update with every data point. Optimistic locking prevents corruption.</p>
        </div>
        <div class="rounded-xl border border-dd0c-border bg-dd0c-surface p-6">
          <div class="text-2xl mb-3">🎯</div>
          <h3 class="font-semibold mb-2">0-100 anomaly score</h3>
          <p class="text-sm text-dd0c-muted">Z-score mapped to a simple 0-100 scale. Set your threshold. Default 50 (2σ). Tune per resource type.</p>
        </div>
        <div class="rounded-xl border border-dd0c-border bg-dd0c-surface p-6">
          <div class="text-2xl mb-3">🛡️</div>
          <h3 class="font-semibold mb-2">Governance engine</h3>
          <p class="text-sm text-dd0c-muted">Shadow → audit → enforce. Auto-promotes after 14 days with &lt;10% false positive rate. Safe by default.</p>
        </div>
        <div class="rounded-xl border border-dd0c-border bg-dd0c-surface p-6">
          <div class="text-2xl mb-3">💤</div>
          <h3 class="font-semibold mb-2">Snooze & mark expected</h3>
          <p class="text-sm text-dd0c-muted">Known cost spike? Snooze for 1-168 hours or mark as expected. Reduces false positive rate over time.</p>
        </div>
      </div>
    </div>
  </section>
  <CTA />
  <Footer />
  <Waitlist />
</Layout>
