{# Executive — AIVSS hero card (Narrative-style port).

   Stripe Press-flavoured big-numeric hero. Mono eyebrow on the left
   labels the score; mono eyebrow on the right surfaces the tier-weighted,
   signed-evidence provenance line. The big numeric (Source Serif Pro,
   96px) is paired with a band pill (NOT_EVALUATED / CRITICAL / POOR /
   WARNING / GOOD / EXCELLENT). The horizontal band axis underneath shows
   the 5 AIVSS bands with ticks at 0 / 40 / 60 / 80 / 90 / 100.

   Payload fields consumed (shared view-model, no theme-specific keys):
     - aivss_label           — big number ("44" / "—")
     - band_label            — pill text ("GOOD" / "NOT_EVALUATED")
     - band_class            — pill modifier ("good" / "not-evaluated")
     - started_at_label      — eyebrow timestamp
     - tier_label            — sub line tier name
     - findings_total        — sub line finding count
     - version               — sub line package version
     - score_sublabel        — right eyebrow ("tier-weighted, signed evidence")
#}
<section class="exec-hero"
         data-component="aivss-hero"
         aria-labelledby="exec-hero-aivss">
  <div class="exec-hero__head">
    <p class="exec-hero__eyebrow">
      <span>AIVSS</span>
      <span aria-hidden="true">·</span>
      <span>{{ started_at_label }}</span>
    </p>
    <p class="exec-hero__eyebrow exec-hero__eyebrow--right">
      {{ score_sublabel | upper }}
    </p>
  </div>
  <div class="exec-hero__row">
    <p id="exec-hero-aivss"
       class="exec-hero__number"
       data-live="aivss">{{ aivss_label }}</p>
    <span class="exec-hero__band exec-hero__band--{{ band_class }}"
          data-live="band">{{ band_label }}</span>
  </div>
  <p class="exec-hero__sub">
    Tier {{ tier_label }} ·
    {{ findings_total }} finding{% if findings_total != 1 %}s{% endif %} ·
    <span class="exec-mono-inline">v{{ version }}</span>
  </p>
  <ol class="exec-bandaxis" role="list" aria-label="AIVSS bands">
    <li class="exec-bandaxis__seg exec-bandaxis__seg--critical">
      <span class="exec-bandaxis__label">Critical</span>
      <span class="exec-bandaxis__tick">0</span>
    </li>
    <li class="exec-bandaxis__seg exec-bandaxis__seg--poor">
      <span class="exec-bandaxis__label">Poor</span>
      <span class="exec-bandaxis__tick">40</span>
    </li>
    <li class="exec-bandaxis__seg exec-bandaxis__seg--warning">
      <span class="exec-bandaxis__label">Warning</span>
      <span class="exec-bandaxis__tick">60</span>
    </li>
    <li class="exec-bandaxis__seg exec-bandaxis__seg--good">
      <span class="exec-bandaxis__label">Good</span>
      <span class="exec-bandaxis__tick">80</span>
    </li>
    <li class="exec-bandaxis__seg exec-bandaxis__seg--excellent">
      <span class="exec-bandaxis__label">Excellent</span>
      <span class="exec-bandaxis__tick">90</span>
    </li>
  </ol>
</section>