{{- $c := site.Data.content -}}
<div class="stage">
    <section class="hero" id="top" aria-labelledby="hero-h">
      <div class="hero-media" aria-hidden="true">
        <img src="{{ ($c.stage.img_1_image | relURL) }}" alt width="1600" height="1067" fetchpriority="high">
        <img src="{{ ($c.stage.img_2_image | relURL) }}" alt width="1600" height="1067" decoding="async">
        <img src="{{ ($c.stage.img_3_image | relURL) }}" alt width="1600" height="1067" decoding="async">
      </div>
      <div class="wrap">
        <div>
          <span class="pill">{{ $c.stage.span_4_html | safeHTML }}</span>
          <h1 id="hero-h" data-split>{{ $c.stage.h1_5_html | safeHTML }}</h1>
          <p>{{ $c.stage.p_6 }}</p>
          <div class="cta">
            <a class="btn" href="#book">{{ $c.stage.a_7_html | safeHTML }}</a>
            <a class="link" href="#plans">{{ $c.stage.a_8 }}</a>
          </div>
        </div>
        <ul class="ticks" aria-label="Tamsa in numbers">
          <li><span>{{ $c.stage.span_9 }}</span><b><span data-count="86">{{ $c.stage.span_10 }}</span><small>{{ $c.stage.small_11 }}</small></b></li>
          <li><span>{{ $c.stage.span_12 }}</span><b><span data-count="90">{{ $c.stage.span_13 }}</span><small>{{ $c.stage.small_14 }}</small></b></li>
          <li><span>{{ $c.stage.span_15 }}</span><b><span data-count="7">{{ $c.stage.span_16 }}</span><small>{{ $c.stage.small_17 }}</small></b></li>
        </ul>
      </div>
      <span class="scroll-cue" aria-hidden="true"></span>
    </section>

    <section class="sheet sec" id="start" aria-labelledby="start-h">
      <div class="wrap">
        <div class="sec-head">
          <div data-r>
            <span class="pill">{{ $c.stage.span_18 }}</span>
            <h2 id="start-h">{{ $c.stage.h2_19_html | safeHTML }}</h2>
          </div>
          <p class="lead" data-r style="--d:1">{{ $c.stage.p_20 }}</p>
        </div>
        <div class="paths">
          <article class="card path" data-r>
            <div class="ph">
              <img src="{{ ($c.stage.img_21_image | relURL) }}" alt="{{ $c.stage.img_21_alt }}" width="1600" height="1067" loading="lazy">
              <span class="pill">{{ $c.stage.span_22 }}</span>
            </div>
            <div class="body">
              <h3>{{ $c.stage.h3_23 }}</h3>
              <p>{{ $c.stage.p_24 }}</p>
              <p class="meta">{{ $c.stage.p_25 }}</p>
              <a class="btn" href="#book" data-service="Free intro call">{{ $c.stage.a_26_html | safeHTML }}</a>
            </div>
          </article>
          <article class="card path quiz" data-r style="--d:1">
            <div class="body">
              <span class="pill">{{ $c.stage.span_27 }}</span>
              <h3>{{ $c.stage.h3_28 }}</h3>
              <fieldset>
                <legend>{{ $c.stage.legend_29 }}</legend>
                <div class="chips" id="goals">
                  <label><input type="radio" name="goal" value="checkup" checked data-title="The Baseline check-up" data-text="90 minutes with a physician, 86 lab markers and a written plan you keep." data-service="Baseline check-up"><span>{{ $c.stage.span_30 }}</span></label>
                  <label><input type="radio" name="goal" value="labs" data-title="A results review" data-text="Bring results from the past year. We go through them with you, line by line, in 45 minutes." data-service="Results review"><span>{{ $c.stage.span_31 }}</span></label>
                  <label><input type="radio" name="goal" value="food" data-title="Nutrition sessions" data-text="Three sessions with a dietitian, built around food you already like." data-service="Nutrition"><span>{{ $c.stage.span_32 }}</span></label>
                  <label><input type="radio" name="goal" value="sleep" data-title="Sleep and energy coaching" data-text="Eight weeks of small changes, with a coach who checks in every week." data-service="Coaching"><span>{{ $c.stage.span_33 }}</span></label>
                  <label><input type="radio" name="goal" value="age" data-title="Membership" data-text="A yearly check-up, follow-up labs and a coach, in one monthly plan." data-service="Membership"><span>{{ $c.stage.span_34 }}</span></label>
                </div>
              </fieldset>
              <div class="result" id="result" aria-live="polite">
                <small>{{ $c.stage.small_35 }}</small>
                <strong data-rt>{{ $c.stage.strong_36 }}</strong>
                <p data-rx>{{ $c.stage.p_37 }}</p>
                <a class="btn" href="#book" data-service="Baseline check-up" data-rb>{{ $c.stage.a_38_html | safeHTML }}</a>
              </div>
            </div>
          </article>
        </div>
      </div>
    </section>
  </div>