<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Spark — programming language for AI tasks</title>
    <meta
      name="description"
      content="Spark is a small programming language that makes common AI tasks first-class — one reviewable .spark file instead of SDK boilerplate."
    />
    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
    <link rel="shortcut icon" href="/favicon.svg" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Sora:wght@500;600;700&family=Source+Sans+3:wght@400;600&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="/css/site.css" />
  </head>
  <body>
    <div class="atmosphere" aria-hidden="true"></div>

    <header class="shell top">
      <a class="top__brand" href="#top" aria-label="Spark home">
        <svg class="mark" viewBox="0 0 32 32" aria-hidden="true">
          <path
            d="M18.2 4.5 9.5 17.2h5.1l-1.4 10.3 9.4-14.2h-5.4L18.2 4.5Z"
            fill="currentColor"
          />
        </svg>
        Spark
      </a>
      <nav class="top__links" aria-label="Primary">
        <a href="#hello">Hello</a>
        <a href="/docs/PROGRAMMING_GUIDE.md">Docs</a>
      </nav>
    </header>

    <main id="top" class="shell">
      <section class="hero" aria-labelledby="brand">
        <h1 id="brand" class="hero__brand">Spark</h1>
        <p class="hero__headline">
          AI tasks as first-class language — not SDK glue.
        </p>
        <p class="hero__lede">
          A small programming language for ask, classify, extract, pipeline,
          tools, listen/speak, and more — one reviewable
          <code class="inline-code">.spark</code> file instead of boilerplate.
        </p>
        <div class="cta-row">
          <a class="btn btn--primary" href="#hello">Hello world</a>
          <a class="btn btn--ghost" href="/docs/PROGRAMMING_GUIDE.md"
            >Read the docs</a
          >
        </div>
      </section>

      <section id="hello" class="hello" aria-labelledby="hello-label">
        <p id="hello-label" class="hello__label">Hello world</p>
        <pre class="terminal" tabindex="0"><code><span class="comment"># Build, then dry-run (no network)</span>
<span class="cmd">make</span>
<span class="cmd">./spark --dry-run examples/hello.spark</span></code></pre>
        <p class="thesis">
          Spark does <strong>not</strong> make GPUs a million times faster.
          The multiplier is cognitive / DX: fewer lines, fewer glue bugs,
          faster iteration — plus memo-friendly dry-run.
        </p>
        <p class="thesis">
          Start here:
          <a href="/docs/PROGRAMMING_GUIDE.md">Program with Spark</a>
          ·
          <a href="/docs/LANGUAGE.md">Language reference</a>
          ·
          <a href="/docs/IDE.md">IDE status</a>
        </p>
      </section>
    </main>

    <footer class="shell site-foot">
      <span>Spark language — local marketing scaffold</span>
      <a href="/docs/README.md">Repository README</a>
    </footer>
  </body>
</html>
