// components/how_it_works.el - "Three moments. Permanent context." steps.

fn how_it_works() -> String {
    return "
<section id=\"how-it-works\" aria-label=\"How it works\">
  <div class=\"container\">

    <div class=\"hiw-header\">
      <div class=\"navy-line\" style=\"margin-bottom:5rem\"></div>
      <div class=\"hiw-label-row reveal\">
        <div class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"></div>
        <span class=\"label\">How it works</span>
      </div>
      <h2 class=\"display-lg hiw-headline reveal\" style=\"transition-delay:80ms\">
        Three moments.<br>
        <span class=\"gold\">Permanent context.</span>
      </h2>
    </div>

    <div class=\"steps-grid\">

      <div class=\"reveal\">
        <div class=\"step-circle-row\">
          <div class=\"step-circle\"><span class=\"step-num\">01</span></div>
          <span class=\"step-aside\">5 minutes</span>
        </div>
        <h3 class=\"display-md step-title\">Create your account</h3>
        <p class=\"step-body\">Sign up once. Your account links your license key to your identity - that&#39;s what keeps your memory yours and nobody else&#39;s. Then install with a single command. Runs locally. No cloud sync, no permissions you didn&#39;t grant.</p>
      </div>

      <div class=\"reveal\" style=\"transition-delay:180ms\">
        <div class=\"step-circle-row\">
          <div class=\"step-circle\"><span class=\"step-num\">02</span></div>
          <span class=\"step-aside\">Just once</span>
        </div>
        <h3 class=\"display-md step-title\">Your first session</h3>
        <p class=\"step-body\">Introduce yourself once. Neuron builds a model of your work, your preferences, and your context from the first conversation.</p>
      </div>

      <div class=\"reveal\" style=\"transition-delay:360ms\">
        <div class=\"step-circle-row\">
          <div class=\"step-circle\"><span class=\"step-num\">03</span></div>
          <span class=\"step-aside\">Every session</span>
        </div>
        <h3 class=\"display-md step-title\">Never start over</h3>
        <p class=\"step-body\">Open a new session days or months later. Neuron remembers. Every project, every decision, every thread - exactly where you left it.</p>
      </div>

    </div>

  </div>
</section>
"
}
