wOS 
<!-- on <html>: data-scheme="midnight" data-shape="round" data-type="grotesk" and the rest -->
<link rel="stylesheet" href="/ui/src/ui.css">
<link rel="stylesheet" href="/ui/src/tokens.css">

<main class="ui-stage">
  <section class="ui-app is-home" data-ui-app>
    <button type="button" class="ui-back" data-ui-back hidden>‹ Back</button>
    <div class="ui-screen" data-ui-screen aria-live="polite">
      <div class="ui-home" data-ui-home>
        <h1>Ask about warOnSaaS.</h1>
        <p class="ui-lede">A website you ask instead of scroll. Pick a question or type one.</p>
      </div>
      <div class="ui-answer" data-ui-answer hidden></div>
    </div>
    <div class="ui-prompts" data-ui-prompts>
      <a href="#what" data-ask="what">What is warOnSaaS?</a>
      <a href="#kit" data-ask="kit">What is in the UI kit?</a>
      <a href="#kanban" data-ask="kanban">How does agent-kanban work?</a>
    </div>
    <form class="ui-composer" data-ui-composer>
      <button type="button" class="ui-topics" data-ui-topics>Topics</button>
      <input data-ui-input placeholder="Ask anything">
      <button type="submit" class="ui-send" aria-label="Send">↑</button>
    </form>
  </section>
</main>
<script type="module" src="/ui/layouts/boot.mjs" data-ui-boot data-content="/content.json"></script>