<section class="pt-32 pb-16 max-w-5xl mx-auto px-6">
  <div class="gold-line mb-6 animate-fade-in-up"></div>
  <div class="text-[10px] uppercase tracking-[0.4em] text-gold/80 animate-fade-in-up"><?= e(t('page.aftercare.kicker')) ?></div>
  <h1 class="mt-4 text-5xl md:text-7xl font-display animate-fade-in-up" style="animation-delay:0.1s"><?= e(t('page.aftercare.title')) ?></h1>
  <p class="mt-6 text-bone/50 text-lg font-light max-w-2xl animate-fade-in-up" style="animation-delay:0.2s"><?= e(t('page.aftercare.intro')) ?></p>
</section>

<section class="max-w-4xl mx-auto px-6 pb-16">
  <h2 class="text-sm uppercase tracking-[0.3em] text-gold mb-8 reveal"><?= e(t('page.aftercare.steps_title')) ?></h2>
  <ol class="space-y-1 stagger">
    <?php for ($i = 1; $i <= 13; $i++): ?>
      <?php $step = t('page.aftercare.step_' . $i); if ($step === 'page.aftercare.step_' . $i) continue; ?>
      <li class="flex gap-5 p-5 rounded-xl hover:bg-white/[0.02] transition-colors reveal">
        <span class="text-gold font-display text-3xl shrink-0 w-10 text-right opacity-40"><?= $i ?></span>
        <span class="text-bone/70 leading-relaxed text-[15px] pt-1"><?= e($step) ?></span>
      </li>
    <?php endfor; ?>
  </ol>
</section>

<section class="max-w-4xl mx-auto px-6 pb-32 reveal">
  <div class="border border-red-500/20 bg-red-500/[0.03] rounded-2xl p-8 md:p-10">
    <div class="flex items-start gap-4">
      <div class="w-10 h-10 rounded-full bg-red-500/10 flex items-center justify-center shrink-0 mt-1">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#f87171" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
      </div>
      <div>
        <h2 class="text-xl font-display text-red-300 mb-4"><?= e(t('page.aftercare.infection_title')) ?></h2>
        <div class="space-y-4 text-bone/60 leading-relaxed text-[15px]">
          <p><?= e(t('page.aftercare.infection_p1')) ?></p>
          <p><?= e(t('page.aftercare.infection_p2')) ?></p>
          <p><?= e(t('page.aftercare.infection_p3')) ?></p>
          <p><?= e(t('page.aftercare.infection_p4')) ?></p>
        </div>
      </div>
    </div>
  </div>
</section>
