---
/**
 * Launch Sequence — code on the left, simulated system canvas on the right.
 * Hit "▶ Launch" to type the code line-by-line; the canvas reacts by
 * spinning up modules and updating the stats.
 */
---
<section class="section" id="code" aria-labelledby="code-h">
  <div class="container">
    <div class="section-head">
      <span class="eyebrow">Launch sequence · 03</span>
      <h2 id="code-h" class="section-title">Eleven lines, <span class="accent">one orbit.</span></h2>
      <p class="section-sub">Code on the left, system on the right. Hit launch and watch the modules slide into place as the controller wires them up.</p>
    </div>
  </div>

  <div class="launch-grid">
    <div class="launch-code">
      <div class="launch-code-head">
        <span class="file">agent.php</span>
        <button class="play" id="launchPlay" type="button">▶ Launch</button>
      </div>
      <pre class="launch-code-body" id="launchBody"></pre>
    </div>

    <div class="launch-system">
      <canvas id="launch-canvas" aria-hidden="true"></canvas>
      <div class="legend">// nibiru system · live</div>
      <div class="stats" id="launchStats">
        <span>Modules <strong id="lsModules">0</strong></span>
        <span>Tokens <strong id="lsTokens">0</strong></span>
        <span>Latency <strong id="lsLatency">— ms</strong></span>
      </div>
    </div>
  </div>
</section>

