---
title: README
emoji: 🌳
colorFrom: indigo
colorTo: purple
sdk: static
pinned: false
---

<div class="ct-wrap">
  <style>
    .ct-wrap {
      font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
      color: #e7e6ef;
      max-width: 980px;
      margin: 0 auto;
    }
    .ct-hero {
      position: relative;
      border-radius: 20px;
      padding: 64px 40px;
      overflow: hidden;
      background:
        radial-gradient(circle at 15% 20%, rgba(139,92,246,0.55), transparent 45%),
        radial-gradient(circle at 85% 0%, rgba(99,102,241,0.45), transparent 50%),
        linear-gradient(135deg, #0f0b1f 0%, #1a1233 55%, #150f2b 100%);
      text-align: center;
      margin-bottom: 28px;
    }
    .ct-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
      background-size: 34px 34px;
      mask-image: radial-gradient(ellipse at center, black 0%, transparent 75%);
      pointer-events: none;
    }
    .ct-badge {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: #c4b5fd;
      background: rgba(139,92,246,0.12);
      border: 1px solid rgba(139,92,246,0.35);
      padding: 6px 14px;
      border-radius: 999px;
      margin-bottom: 22px;
    }
    .ct-logo {
      position: relative;
      font-size: 52px;
      line-height: 1.1;
      font-weight: 800;
      letter-spacing: -0.02em;
      margin: 0 0 14px;
      background: linear-gradient(90deg, #ffffff 0%, #d6cbff 60%, #8b5cf6 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    .ct-tagline {
      position: relative;
      font-size: 16px;
      color: #a89fc4;
      max-width: 520px;
      margin: 0 auto;
      font-style: italic;
    }
    .ct-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      margin-bottom: 28px;
    }
    @media (max-width: 720px) {
      .ct-row { grid-template-columns: 1fr; }
    }
    .ct-card {
      border-radius: 16px;
      padding: 26px 24px;
      background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015));
      border: 1px solid rgba(255,255,255,0.08);
    }
    .ct-card h3 {
      margin: 0 0 8px;
      font-size: 15px;
      font-weight: 700;
      color: #efeaff;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .ct-card p {
      margin: 0;
      font-size: 13.5px;
      line-height: 1.55;
      color: #9c93b8;
    }
    .ct-section {
      border-radius: 16px;
      padding: 30px 28px;
      background: rgba(255,255,255,0.025);
      border: 1px solid rgba(255,255,255,0.07);
      margin-bottom: 20px;
    }
    .ct-section h2 {
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #8b7fb8;
      margin: 0 0 14px;
    }
    .ct-placeholder {
      border: 1px dashed rgba(255,255,255,0.16);
      border-radius: 12px;
      padding: 22px;
      text-align: center;
      color: #756c94;
      font-size: 13.5px;
      font-style: italic;
    }
    .ct-footer {
      text-align: center;
      padding: 20px 0 6px;
      font-size: 12px;
      color: #5f5878;
    }
  </style>

  <div class="ct-hero">
    <span class="ct-badge">● Building in public</span>
    <h1 class="ct-logo">ClerkTree</h1>
    <p class="ct-tagline">Operations Intelligence &amp; hyper-local AI — turning backend busywork and missed calls into 24/7 human-like automation.</p>
  </div>

  <div class="ct-row">
    <div class="ct-card">
      <h3>🧭 Mission</h3>
      <p>We bridge the gap between complex backend operations — legal, claims, document review — and frontend customer engagement, so businesses of any size can run on intelligent, always-on automation instead of manual busywork and missed calls.</p>
    </div>
    <div class="ct-card">
      <h3>🛠️ What we build</h3>
      <p>An AI voice &amp; chat receptionist with real-time sentiment analysis and lead enrichment, a no-code onboarding wizard that turns FAQs and CSVs into a live agent in one click, and a developer API built on Supabase Edge Functions for streaming chat and outbound voice.</p>
    </div>
    <div class="ct-card">
      <h3>🤝 Get involved</h3>
      <p>Models, datasets, and Spaces from the team are landing on this org soon. Follow along here, or find us at <a href="https://clerktree.com" style="color:#c4b5fd;">clerktree.com</a>.</p>
    </div>
  </div>

  <div class="ct-section">
    <h2>Projects</h2>
    <div class="ct-placeholder">No models, datasets, or spaces published yet — check back soon.</div>
  </div>

  <div class="ct-footer">ClerkTree · Hugging Face Organization</div>
</div>