<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta name="robots" content="noindex, nofollow">

  <title>Mindware Developer Docs</title>

  <style>

    :root {

      --paper: #F4F6F2;

      --surface: #FBFCFA;

      --ink: #171C18;

      --muted: #5C665D;

      --rule: #D7DED2;

      --accent: #2F5D4A;

      --accent-bg: #DFEBE4;

    }

    @media (prefers-color-scheme: dark) {

      :root {

        --paper: #121613;

        --surface: #1A201C;

        --ink: #ECF0EA;

        --muted: #9AA59C;

        --rule: #2C352F;

        --accent: #8FC7AE;

        --accent-bg: #20332A;

      }

    }

    * { box-sizing: border-box; }

    html, body { height: 100%; }

    body {

      margin: 0;

      padding: 16px;

      display: flex;

      align-items: center;

      justify-content: center;

      background: var(--paper);

      color: var(--ink);

      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

      line-height: 1.55;

    }

    main {

      width: 100%;

      max-width: 560px;

      padding: 40px 32px;

      background: var(--surface);

      border: 1px solid var(--rule);

      border-radius: 14px;

    }

    .tag {

      display: inline-block;

      padding: 3px 10px;

      border-radius: 999px;

      background: var(--accent-bg);

      color: var(--accent);

      font-size: 12px;

      font-weight: 600;

      letter-spacing: 0.06em;

      text-transform: uppercase;

    }

    h1 {

      margin: 18px 0 10px;

      font-size: 30px;

      line-height: 1.2;

      letter-spacing: -0.01em;

    }

    p { margin: 0 0 14px; color: var(--muted); }

    ul {

      margin: 22px 0 0;

      padding: 18px 0 0;

      list-style: none;

      border-top: 1px solid var(--rule);

    }

    li {

      padding: 6px 0 6px 20px;

      position: relative;

      color: var(--ink);

    }

    li::before {

      content: "";

      position: absolute;

      left: 2px;

      top: 15px;

      width: 7px;

      height: 7px;

      border-radius: 50%;

      background: var(--accent);

    }

    footer {

      margin-top: 26px;

      font-size: 13px;

      color: var(--muted);

    }

  </style>

</head>

<body>

  <main>

    <span class="tag">Design partners</span>

    <h1>Mindware Developer Docs</h1>

    <p>Welcome. This site is the home of the Mindware developer documentation for our design partners.</p>

    <p>The documentation is being prepared and will appear here soon.</p>

    <ul>

      <li>Core concepts</li>

      <li>Quickstart</li>

      <li>API reference with Python and TypeScript examples</li>

    </ul>

    <footer>Questions in the meantime? Reach out to your Mindware contact.</footer>

  </main>

</body>

</html>