> ## Documentation Index
> Fetch the complete documentation index at: https://hexelstudio.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Hexel Studio

> The governed runtime for AI agent fleets.

<div className="flex justify-center p-6 bg-[radial-gradient(ellipse_80%_50%_at_50%_-10%,rgba(0,0,0,0.04),transparent_70%)] dark:bg-[radial-gradient(ellipse_80%_50%_at_50%_-10%,rgba(255,255,255,0.06),transparent_70%)]">
  <div className="w-[min(860px,90vw)] text-center px-0 py-2 md:px-6 md:py-16">
    <p className="font-mono text-[11px] uppercase tracking-[0.28em] text-neutral-400 dark:text-neutral-500 mb-6">Agent OS</p>

    <h1 className="mb-4 font-light text-5xl text-center text-neutral-900 dark:text-white tracking-tight leading-tight">
      Hexel Studio Docs
    </h1>

    <p className="mt-4 mb-10 text-base text-center text-neutral-500 dark:text-neutral-400 max-w-xl mx-auto leading-relaxed">
      Ship AI agents to production with governed compute, orchestration, tools, and observability — all from a single API.
    </p>

    <div className="flex justify-center gap-3 mt-8">
      <a href="/docs/getting-started/quickstart" className="inline-flex h-11 items-center justify-center gap-2 rounded-full bg-neutral-900 dark:bg-white px-6 font-mono text-[11px] uppercase tracking-[0.2em] text-white dark:text-black no-underline hover:bg-neutral-700 dark:hover:bg-neutral-200 transition-all">
        Start building →
      </a>

      <a href="/docs/sdks/introduction" className="inline-flex h-11 items-center justify-center gap-2 rounded-full border border-neutral-300 dark:border-neutral-700 px-6 font-mono text-[11px] uppercase tracking-[0.2em] text-neutral-900 dark:text-white no-underline hover:border-neutral-900 dark:hover:border-neutral-500 hover:bg-neutral-50 dark:hover:bg-neutral-900 transition-all">
        Read the docs
      </a>
    </div>
  </div>
</div>

<div className="grid grid-cols-1 md:grid-cols-3 gap-[1px] max-w-[962px] mx-auto my-10 overflow-hidden rounded-2xl border border-neutral-200 dark:border-neutral-800 bg-neutral-200 dark:bg-neutral-800">
  <a className="flex flex-col items-start px-6 py-6 bg-white dark:bg-black hover:bg-neutral-50 dark:hover:bg-neutral-900 transition no-underline" href="/docs/getting-started/quickstart">
    <p className="font-mono text-[10px] uppercase tracking-[0.22em] text-neutral-400 dark:text-neutral-500 mb-2">Connect</p>
    <h3 className="font-medium text-neutral-900 dark:text-white text-lg mb-1">Quickstart</h3>
    <p className="text-sm text-neutral-500 dark:text-neutral-400">Deploy your first governed agent in minutes.</p>
  </a>

  <a className="flex flex-col items-start px-6 py-6 bg-white dark:bg-black hover:bg-neutral-50 dark:hover:bg-neutral-900 transition no-underline" href="/docs/getting-started/authentication">
    <p className="font-mono text-[10px] uppercase tracking-[0.22em] text-neutral-400 dark:text-neutral-500 mb-2">Authenticate</p>
    <h3 className="font-medium text-neutral-900 dark:text-white text-lg mb-1">API Keys</h3>
    <p className="text-sm text-neutral-500 dark:text-neutral-400">Create credentials and authenticate with the SDK or REST API.</p>
  </a>

  <a className="flex flex-col items-start px-6 py-6 bg-white dark:bg-black hover:bg-neutral-50 dark:hover:bg-neutral-900 transition no-underline" href="/docs/sdks/introduction">
    <p className="font-mono text-[10px] uppercase tracking-[0.22em] text-neutral-400 dark:text-neutral-500 mb-2">Build</p>
    <h3 className="font-medium text-neutral-900 dark:text-white text-lg mb-1">SDKs & CLI</h3>
    <p className="text-sm text-neutral-500 dark:text-neutral-400">Python, TypeScript, and CLI tools for every workflow.</p>
  </a>
</div>

<section className="max-w-[962px] mx-auto py-12 px-8 lg:px-0">
  <p className="font-mono text-[11px] uppercase tracking-[0.22em] text-neutral-400 dark:text-neutral-500 mb-4">Platform</p>

  <h2 className="font-light text-3xl text-neutral-900 dark:text-neutral-100 mb-8 tracking-tight">
    What you can build
  </h2>

  <div className="grid grid-cols-1 md:grid-cols-2 gap-5">
    <a href="/docs/getting-started/overview" className="group flex flex-col p-5 rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-950 hover:border-neutral-400 dark:hover:border-neutral-600 transition-all no-underline">
      <p className="font-mono text-[10px] uppercase tracking-[0.22em] text-neutral-400 dark:text-neutral-500 mb-2">Runtime</p>
      <h3 className="font-medium text-neutral-900 dark:text-white text-base mb-1">Compute</h3>
      <p className="text-sm text-neutral-500 dark:text-neutral-400">Deploy agents with permanent endpoints and isolated sandboxes.</p>
    </a>

    <a href="/docs/getting-started/overview" className="group flex flex-col p-5 rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-950 hover:border-neutral-400 dark:hover:border-neutral-600 transition-all no-underline">
      <p className="font-mono text-[10px] uppercase tracking-[0.22em] text-neutral-400 dark:text-neutral-500 mb-2">Control</p>
      <h3 className="font-medium text-neutral-900 dark:text-white text-base mb-1">Governance</h3>
      <p className="text-sm text-neutral-500 dark:text-neutral-400">Policy evaluated before every action — allow, deny, or route to approval.</p>
    </a>

    <a href="/docs/getting-started/overview" className="group flex flex-col p-5 rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-950 hover:border-neutral-400 dark:hover:border-neutral-600 transition-all no-underline">
      <p className="font-mono text-[10px] uppercase tracking-[0.22em] text-neutral-400 dark:text-neutral-500 mb-2">Insight</p>
      <h3 className="font-medium text-neutral-900 dark:text-white text-base mb-1">Observability</h3>
      <p className="text-sm text-neutral-500 dark:text-neutral-400">Inspect every plan and tool call as a trace DAG. Attribute spend to the token.</p>
    </a>

    <a href="/docs/getting-started/overview" className="group flex flex-col p-5 rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-950 hover:border-neutral-400 dark:hover:border-neutral-600 transition-all no-underline">
      <p className="font-mono text-[10px] uppercase tracking-[0.22em] text-neutral-400 dark:text-neutral-500 mb-2">Scale</p>
      <h3 className="font-medium text-neutral-900 dark:text-white text-base mb-1">Fleets</h3>
      <p className="text-sm text-neutral-500 dark:text-neutral-400">Group agents into governed fleets with shared budgets and guardrails.</p>
    </a>
  </div>
</section>

<section className="max-w-[962px] mx-auto py-12 px-8 lg:px-0 border-t border-neutral-200 dark:border-neutral-800">
  <p className="font-mono text-[11px] uppercase tracking-[0.22em] text-neutral-400 dark:text-neutral-500 mb-4">Resources</p>

  <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
    <a href="/docs/billing/usage" className="block rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-950 p-5 hover:border-neutral-400 dark:hover:border-neutral-600 transition-all no-underline">
      <h3 className="font-medium text-sm text-neutral-900 dark:text-white mb-1">Billing</h3>
      <p className="text-xs text-neutral-500">Usage, tiers, and limits.</p>
    </a>

    <a href="/docs/troubleshooting" className="block rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-950 p-5 hover:border-neutral-400 dark:hover:border-neutral-600 transition-all no-underline">
      <h3 className="font-medium text-sm text-neutral-900 dark:text-white mb-1">Troubleshooting</h3>
      <p className="text-xs text-neutral-500">Resolve common errors.</p>
    </a>

    <a href="/docs/support" className="block rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-950 p-5 hover:border-neutral-400 dark:hover:border-neutral-600 transition-all no-underline">
      <h3 className="font-medium text-sm text-neutral-900 dark:text-white mb-1">Support</h3>
      <p className="text-xs text-neutral-500">Reach the Hexel team.</p>
    </a>

    <a href="/docs/changelog" className="block rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-950 p-5 hover:border-neutral-400 dark:hover:border-neutral-600 transition-all no-underline">
      <h3 className="font-medium text-sm text-neutral-900 dark:text-white mb-1">Changelog</h3>
      <p className="text-xs text-neutral-500">Latest platform updates.</p>
    </a>
  </div>
</section>

<div className="max-w-[962px] mx-auto py-10 px-8 lg:px-0 border-t border-neutral-200 dark:border-neutral-800">
  <div className="flex flex-col md:flex-row items-center justify-between gap-4">
    <p className="font-mono text-[10px] uppercase tracking-[0.2em] text-neutral-400 dark:text-neutral-600">© 2025 Hexel Studio</p>

    <div className="flex gap-6">
      <a href="https://status.hexelstudio.com" className="font-mono text-[10px] uppercase tracking-[0.2em] text-neutral-400 dark:text-neutral-600 hover:text-neutral-900 dark:hover:text-neutral-400 no-underline transition-colors">Status</a>
      <a href="mailto:enterprise@hexelstudio.com" className="font-mono text-[10px] uppercase tracking-[0.2em] text-neutral-400 dark:text-neutral-600 hover:text-neutral-900 dark:hover:text-neutral-400 no-underline transition-colors">Contact</a>
      <a href="https://console.hexelstudio.com" className="font-mono text-[10px] uppercase tracking-[0.2em] text-neutral-400 dark:text-neutral-600 hover:text-neutral-900 dark:hover:text-neutral-400 no-underline transition-colors">Console</a>
    </div>
  </div>
</div>