// components/pillars.el - Three core pillars section.
//
// I. Remembers / II. Learns / III. Yours
// Cards use reveal animation class (CSS IntersectionObserver polyfill
// provided by a tiny inline <script> in the page shell).

fn pillars() -> String {
    return "
<section id=\"pillars\" aria-label=\"Core pillars\">
  <div class=\"container\">
    <div class=\"pillars-label reveal\">
      <div class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"></div>
      <span class=\"label\">Why Neuron</span>
    </div>
    <div class=\"pillars-grid\">

      <div class=\"pillar-card card-dark reveal\">
        <span class=\"pillar-numeral\" aria-hidden=\"true\">I</span>
        <h3 class=\"display-md pillar-title\">Remembers</h3>
        <div class=\"pillar-rule\"></div>
        <p class=\"pillar-body\">Every session picks up where you left off. Every project. Every context. No more re-explaining who you are, what you&#39;re building, or what matters to you.</p>
        <p class=\"pillar-detail\">Zero re-orientation</p>
      </div>

      <div class=\"pillar-card card-dark reveal\" style=\"transition-delay:150ms\">
        <span class=\"pillar-numeral\" aria-hidden=\"true\">II</span>
        <h3 class=\"display-md pillar-title\">Sharpens</h3>
        <div class=\"pillar-rule\"></div>
        <p class=\"pillar-body\">The longer you use it, the sharper it gets. Every session builds on the last. Neuron Inference arrives Q3 2026 - not a wrapper around someone else&#39;s model. Purpose-built. Built for you.</p>
        <p class=\"pillar-detail\">Specific to you</p>
      </div>

      <div class=\"pillar-card card-dark reveal\" style=\"transition-delay:300ms\">
        <span class=\"pillar-numeral\" aria-hidden=\"true\">III</span>
        <h3 class=\"display-md pillar-title\">Yours</h3>
        <div class=\"pillar-rule\"></div>
        <p class=\"pillar-body\">Runs locally. Your data never leaves. No cloud dependency, no telemetry, no training on your conversations. Complete ownership. And unlike every other AI subscription - we&#39;re not charging you to remember you.</p>
        <p class=\"pillar-detail\">Fully private</p>
      </div>

    </div>
  </div>
</section>
"
}
