<?php
defined( 'ABSPATH' ) || exit;
return <<<'SHCD_FRAGMENT'
<div class="numbers section panel overflow-hidden" id="numbers">
<div class="section-outer panel py-6 sm:py-8 lg:py-9 xl:py-10">
<div class="container sm:max-w-lg">
<div class="section-inner panel">
<div class="section-content panel text-center">
<div class="row child-cols-12 sm:child-cols-6 justify-center g-4 sm:gx-3 sm:gy-6 xl:gx-4 xl:gy-8" data-anime="onview: -300; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});">
<div>
<div class="numbers-item vstack items-center gap-1 px-6 py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 rotate-2" style="background: linear-gradient(20deg, #ffffff17, #0d042c)">
<h2 class="h3 xl:h2 m-0 text-secondary">%%SHCD_TEXT_t0%%</h2>
<span class="fs-5 xl:fs-4">%%SHCD_TEXT_t1%%</span>
</div>
</div>
<div>
<div class="numbers-item vstack items-center gap-1 px-6 py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 -rotate-2" style="background: linear-gradient(20deg, #ffffff17, #0d042c)">
<h2 class="h3 xl:h2 m-0 text-secondary">%%SHCD_TEXT_t2%%</h2>
<span class="fs-5 xl:fs-4">%%SHCD_TEXT_t3%%</span>
</div>
</div>
<div>
<div class="numbers-item vstack items-center gap-1 px-6 py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 -rotate-2" style="background: linear-gradient(20deg, #ffffff17, #0d042c)">
<h2 class="h3 xl:h2 m-0 text-secondary">%%SHCD_TEXT_t4%%</h2>
<span class="fs-5 xl:fs-4">%%SHCD_TEXT_t5%%</span>
</div>
</div>
<div>
<div class="numbers-item vstack items-center gap-1 px-6 py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 rotate-2" style="background: linear-gradient(20deg, #ffffff17, #0d042c)">
<h2 class="h3 xl:h2 m-0 text-secondary">%%SHCD_TEXT_t6%%</h2>
<span class="fs-5 xl:fs-4">%%SHCD_TEXT_t7%%</span>
</div>
</div>
</div>
</div>
<div class="section-footer panel d-flex justify-center mt-4 sm:mt-8 xl:mt-9" data-anime="onview: -100; translateY: [24, 0]; opacity: [0, 1]; delay: 200;">
<a class="btn btn-md sm:btn-xl xl:btn-2xl px-4 xl:px-6 border border-3 border-black bg-gradient-45n from-secondary to-tertiary contrast-shadow -rotate-2 hover:rotate-0" href="%%SHCD_LINK_l0%%" style="--shadowColor: var(--color-secondary)">
<span class="text-black">%%SHCD_TEXT_t8%%</span>
<span class="fs-4 mb-narrow">%%SHCD_TEXT_t9%%</span>
</a>
</div>
</div>
</div>
</div>
</div>
SHCD_FRAGMENT;
