Skip to main content

Tiered sections

Cards

Open this cards tiered sections example in new window
Copy cards tiered sections code
<!-- Pricing -->
<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
  <!-- Title -->
  <div class="max-w-2xl mx-auto text-center mb-10 lg:mb-14">
    <h2 class="text-2xl text-hs2-primary font-bold md:text-4xl md:leading-tight ">Tiers</h2>
    <p class="mt-1 text-hs2-text-light ">Whatever your status, our offers evolve according to your needs.</p>
  </div>
  <!-- End Title -->

  <!-- Switch -->
  <div class="flex justify-center items-center">
    <label class="min-w-[3.5rem] text-sm text-hs2-text-light mr-3 ">Individual</label>

    <input type="checkbox" id="hs-basic-with-description" class="relative shrink-0 w-[3.25rem] h-7 bg-gray-100 checked:bg-none checked:bg-hs2-primary text-hs2-primary border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 border border-transparent ring-1 ring-transparent focus:border-hs2-primary focus:ring-hs2-primary ring-offset-white focus:outline-none appearance-none 

    before:inline-block before:w-6 before:h-6 before:bg-white before:translate-x-0 checked:before:translate-x-full before:shadow before:rounded-full before:transform before:ring-0 before:transition before:ease-in-out before:duration-200 " checked>

    <label class="relative min-w-[3.5rem] text-sm text-hs2-text-light ml-3 ">
      Team
      <span class="absolute -top-10 left-auto -right-28">
        <span class="flex items-center">
          <svg class="w-14 h-8 -mr-6" width="45" height="25" viewBox="0 0 45 25" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M43.2951 3.47877C43.8357 3.59191 44.3656 3.24541 44.4788 2.70484C44.5919 2.16427 44.2454 1.63433 43.7049 1.52119L43.2951 3.47877ZM4.63031 24.4936C4.90293 24.9739 5.51329 25.1423 5.99361 24.8697L13.8208 20.4272C14.3011 20.1546 14.4695 19.5443 14.1969 19.0639C13.9242 18.5836 13.3139 18.4152 12.8336 18.6879L5.87608 22.6367L1.92723 15.6792C1.65462 15.1989 1.04426 15.0305 0.563943 15.3031C0.0836291 15.5757 -0.0847477 16.1861 0.187863 16.6664L4.63031 24.4936ZM43.7049 1.52119C32.7389 -0.77401 23.9595 0.99522 17.3905 5.28788C10.8356 9.57127 6.58742 16.2977 4.53601 23.7341L6.46399 24.2659C8.41258 17.2023 12.4144 10.9287 18.4845 6.96211C24.5405 3.00476 32.7611 1.27399 43.2951 3.47877L43.7049 1.52119Z" fill="currentColor" class="fill-gray-300 " />
          </svg>
          <span class="mt-3 inline-block whitespace-nowrap text-[11px] leading-5 font-semibold tracking-wide uppercase bg-hs2-primary text-white rounded-full py-1 px-2.5">Save up to 10%</span>
        </span>
      </span>
    </label>
  </div>
  <!-- End Switch -->

  <!-- Grid -->
  <div class="mt-12 grid sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:items-center">
    <!-- Card -->
    <div class="flex flex-col border border-gray-200 text-center rounded-xl p-8 ">
      <h4 class="font-medium text-lg text-hs2-text ">Free</h4>
      <span class="mt-7 font-bold text-5xl text-hs2-text ">Free</span>
      <p class="mt-2 text-sm text-hs2-text-light">Forever free</p>

      <ul class="mt-7 space-y-2.5 text-sm">
        <li class="flex space-x-2">
          <svg class="flex-shrink-0 h-5 w-5 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z" fill="currentColor" />
          </svg>
          <span class="text-hs2-text ">
            1 user
          </span>
        </li>

        <li class="flex space-x-2">
          <svg class="flex-shrink-0 h-5 w-5 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z" fill="currentColor" />
          </svg>
          <span class="text-hs2-text ">
            Plan features
          </span>
        </li>

        <li class="flex space-x-2">
          <svg class="flex-shrink-0 h-5 w-5 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z" fill="currentColor" />
          </svg>
          <span class="text-hs2-text ">
            Product support
          </span>
        </li>
      </ul>

      <a class="mt-5 inline-flex justify-center items-center gap-2 rounded-md border-2 border-hs2-primary font-semibold text-hs2-primary hover:shadow-md focus:outline-none focus:ring-2 focus:ring-hs2-primary focus:ring-offset-2 transition-all text-sm py-3 px-4 " href="#">
        Sign up
      </a>
    </div>
    <!-- End Card -->

    <!-- Card -->
    <div class="flex flex-col border-2 border-hs2-primary text-center shadow-xl rounded-xl p-8 ">
      <p class="mb-3"><span class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-md text-xs uppercase font-semibold bg-hs2-primary text-white ">Most popular</span></p>
      <h4 class="font-medium text-lg text-hs2-text ">Startup</h4>
      <span class="mt-5 font-bold text-5xl text-hs2-text ">
        <span class="font-bold text-2xl -mr-2">$</span>
        39
      </span>
      <p class="mt-2 text-sm text-hs2-text-light">All the basics for starting a new business</p>

      <ul class="mt-7 space-y-2.5 text-sm">
        <li class="flex space-x-2">
          <svg class="flex-shrink-0 h-5 w-5 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z" fill="currentColor" />
          </svg>
          <span class="text-hs2-text ">
            2 users
          </span>
        </li>

        <li class="flex space-x-2">
          <svg class="flex-shrink-0 h-5 w-5 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z" fill="currentColor" />
          </svg>
          <span class="text-hs2-text ">
            Plan features
          </span>
        </li>

        <li class="flex space-x-2">
          <svg class="flex-shrink-0 h-5 w-5 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z" fill="currentColor" />
          </svg>
          <span class="text-hs2-text ">
            Product support
          </span>
        </li>
      </ul>

      <a class="mt-5 inline-flex justify-center items-center gap-x-3 text-center bg-hs2-primary hover:bg-hs2-primary-600 text-white text-sm font-medium rounded-md hover:shadow-md focus:outline-none focus:ring-2 focus:ring-hs2-primary focus:ring-offset-2 focus:ring-offset-white transition py-3 px-4 " href="#">
        Sign up
      </a>
    </div>
    <!-- End Card -->

    <!-- Card -->
    <div class="flex flex-col border border-gray-200 text-center rounded-xl p-8 ">
      <h4 class="font-medium text-lg text-hs2-text ">Team</h4>
      <span class="mt-5 font-bold text-5xl text-hs2-text ">
        <span class="font-bold text-2xl -mr-2">$</span>
        89
      </span>
      <p class="mt-2 text-sm text-hs2-text-light">Everything you need for a growing business</p>

      <ul class="mt-7 space-y-2.5 text-sm">
        <li class="flex space-x-2">
          <svg class="flex-shrink-0 h-5 w-5 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z" fill="currentColor" />
          </svg>
          <span class="text-hs2-text ">
            5 users
          </span>
        </li>

        <li class="flex space-x-2">
          <svg class="flex-shrink-0 h-5 w-5 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z" fill="currentColor" />
          </svg>
          <span class="text-hs2-text ">
            Plan features
          </span>
        </li>

        <li class="flex space-x-2">
          <svg class="flex-shrink-0 h-5 w-5 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z" fill="currentColor" />
          </svg>
          <span class="text-hs2-text ">
            Product support
          </span>
        </li>
      </ul>

      <a class="mt-5 inline-flex justify-center items-center gap-2 rounded-md border-2 border-hs2-primary font-semibold text-hs2-primary hover:shadow-md focus:outline-none focus:ring-2 focus:ring-hs2-primary focus:ring-offset-2 transition-all text-sm py-3 px-4 " href="#">
        Sign up
      </a>
    </div>
    <!-- End Card -->

    <!-- Card -->
    <div class="flex flex-col border border-gray-200 text-center rounded-xl p-8 ">
      <h4 class="font-medium text-lg text-hs2-text ">Enterprise</h4>
      <span class="mt-5 font-bold text-5xl text-hs2-text ">
        <span class="font-bold text-2xl -mr-2">$</span>
        149
      </span>
      <p class="mt-2 text-sm text-hs2-text-light">Advanced features for scaling your business</p>

      <ul class="mt-7 space-y-2.5 text-sm">
        <li class="flex space-x-2">
          <svg class="flex-shrink-0 h-5 w-5 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z" fill="currentColor" />
          </svg>
          <span class="text-hs2-text ">
            10 users
          </span>
        </li>

        <li class="flex space-x-2">
          <svg class="flex-shrink-0 h-5 w-5 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z" fill="currentColor" />
          </svg>
          <span class="text-hs2-text ">
            Plan features
          </span>
        </li>

        <li class="flex space-x-2">
          <svg class="flex-shrink-0 h-5 w-5 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z" fill="currentColor" />
          </svg>
          <span class="text-hs2-text ">
            Product support
          </span>
        </li>
      </ul>

      <a class="mt-5 inline-flex justify-center items-center gap-2 rounded-md border-2 border-hs2-primary font-semibold text-hs2-primary hover:shadow-md focus:outline-none focus:ring-2 focus:ring-hs2-primary focus:ring-offset-2 transition-all text-sm py-3 px-4 " href="#">
        Sign up
      </a>
    </div>
    <!-- End Card -->
  </div>
  <!-- End Grid -->

  <!-- Comparison table -->
  <div class="mt-20 lg:mt-32">
    <div class="lg:text-center mb-10 lg:mb-20">
      <h3 class="text-2xl font-semibold ">Compare plans</h3>
    </div>

    <!-- xs to lg -->
    <div class="space-y-24 lg:hidden">
      <section>
        <div class="px-4 mb-4">
          <h2 class="text-lg leading-6 font-medium text-hs2-text">Free</h2>
        </div>
        <table class="w-full">
          <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
            Financial data
          </caption>
          <thead class="sticky top-0 inset-x-0 bg-white ">
            <tr>
              <th class="sr-only" scope="col">Feature</th>
              <th class="sr-only" scope="col">Included</th>
            </tr>
          </thead>
          <tbody class="divide-y divide-gray-200 ">
            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Open/High/Low/Close</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Price-volume difference indicator</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>
          </tbody>
        </table>

        <table class="w-full">
          <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
            On-chain data
          </caption>
          <thead>
            <tr>
              <th class="sr-only" scope="col">Feature</th>
              <th class="sr-only" scope="col">Included</th>
            </tr>
          </thead>
          <tbody class="divide-y divide-gray-200 ">
            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Network growth</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Average token age consumed</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Exchange flow</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total ERC20 exchange funds flow</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Transaction volume</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total circulation (beta)</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Velocity of tokens (beta)</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">ETH gas used</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>
          </tbody>
        </table>

        <table class="w-full">
          <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
            Social data
          </caption>
          <thead>
            <tr>
              <th class="sr-only" scope="col">Feature</th>
              <th class="sr-only" scope="col">Included</th>
            </tr>
          </thead>
          <tbody class="divide-y divide-gray-200 ">
            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Dev activity</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Topic search</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Relative social dominance</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total social volume</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>
          </tbody>
        </table>
      </section>

      <section>
        <div class="px-4 mb-4">
          <h2 class="text-lg leading-6 font-medium text-hs2-text">Startup</h2>
        </div>
        <table class="w-full">
          <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
            Financial data
          </caption>
          <thead>
            <tr>
              <th class="sr-only" scope="col">Feature</th>
              <th class="sr-only" scope="col">Included</th>
            </tr>
          </thead>
          <tbody class="divide-y divide-gray-200 ">
            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Open/High/Low/Close</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Price-volume difference indicator</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>
          </tbody>
        </table>

        <table class="w-full">
          <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
            On-chain data
          </caption>
          <thead>
            <tr>
              <th class="sr-only" scope="col">Feature</th>
              <th class="sr-only" scope="col">Included</th>
            </tr>
          </thead>
          <tbody class="divide-y divide-gray-200 ">
            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Network growth</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Average token age consumed</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Exchange flow</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total ERC20 exchange funds flow</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Transaction volume</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total circulation (beta)</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Velocity of tokens (beta)</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">ETH gas used</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>
          </tbody>
        </table>

        <table class="w-full">
          <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
            Social data
          </caption>
          <thead>
            <tr>
              <th class="sr-only" scope="col">Feature</th>
              <th class="sr-only" scope="col">Included</th>
            </tr>
          </thead>
          <tbody class="divide-y divide-gray-200 ">
            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Dev activity</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Topic search</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Relative social dominance</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total social volume</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>
          </tbody>
        </table>
      </section>

      <section>
        <div class="px-4 mb-4">
          <h2 class="text-lg leading-6 font-medium text-hs2-text">Team</h2>
        </div>
        <table class="w-full">
          <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
            Financial data
          </caption>
          <thead>
            <tr>
              <th class="sr-only" scope="col">Feature</th>
              <th class="sr-only" scope="col">Included</th>
            </tr>
          </thead>
          <tbody class="divide-y divide-gray-200 ">
            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Open/High/Low/Close</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Price-volume difference indicator</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>
          </tbody>
        </table>

        <table class="w-full">
          <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
            On-chain data
          </caption>
          <thead>
            <tr>
              <th class="sr-only" scope="col">Feature</th>
              <th class="sr-only" scope="col">Included</th>
            </tr>
          </thead>
          <tbody class="divide-y divide-gray-200 ">
            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Network growth</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Average token age consumed</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Exchange flow</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total ERC20 exchange funds flow</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Transaction volume</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total circulation (beta)</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Velocity of tokens (beta)</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">ETH gas used</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>
          </tbody>
        </table>

        <table class="w-full">
          <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
            Social data
          </caption>
          <thead>
            <tr>
              <th class="sr-only" scope="col">Feature</th>
              <th class="sr-only" scope="col">Included</th>
            </tr>
          </thead>
          <tbody class="divide-y divide-gray-200 ">
            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Dev activity</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Topic search</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Relative social dominance</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total social volume</th>
              <td class="py-5 pr-4">
                <!-- Minus -->
                <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">No</span>
              </td>
            </tr>
          </tbody>
        </table>
      </section>

      <section>
        <div class="px-4 mb-4">
          <h2 class="text-lg leading-6 font-medium text-hs2-text">Enterprise</h2>
        </div>
        <table class="w-full">
          <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
            Financial data
          </caption>
          <thead>
            <tr>
              <th class="sr-only" scope="col">Feature</th>
              <th class="sr-only" scope="col">Included</th>
            </tr>
          </thead>
          <tbody class="divide-y divide-gray-200 ">
            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Open/High/Low/Close</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Price-volume difference indicator</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>
          </tbody>
        </table>

        <table class="w-full">
          <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
            On-chain data
          </caption>
          <thead>
            <tr>
              <th class="sr-only" scope="col">Feature</th>
              <th class="sr-only" scope="col">Included</th>
            </tr>
          </thead>
          <tbody class="divide-y divide-gray-200 ">
            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Network growth</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Average token age consumed</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Exchange flow</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total ERC20 exchange funds flow</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Transaction volume</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total circulation (beta)</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Velocity of tokens (beta)</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">ETH gas used</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>
          </tbody>
        </table>

        <table class="w-full">
          <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
            Social data
          </caption>
          <thead>
            <tr>
              <th class="sr-only" scope="col">Feature</th>
              <th class="sr-only" scope="col">Included</th>
            </tr>
          </thead>
          <tbody class="divide-y divide-gray-200 ">
            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Dev activity</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Topic search</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Relative social dominance</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>

            <tr class="border-t border-gray-200 ">
              <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total social volume</th>
              <td class="py-5 pr-4">
                <!-- Check -->
                <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Yes</span>
              </td>
            </tr>
          </tbody>
        </table>
      </section>
    </div>
    <!-- End xs to lg -->

    <!-- lg+ -->
    <div class="hidden lg:block">
      <table class="w-full h-px">
        <caption class="sr-only">
          Pricing plan comparison
        </caption>
        <thead>
          <tr>
            <th class="pb-4 pl-6 pr-6 text-sm font-medium text-hs2-text text-left" scope="col">
              <span class="sr-only">Feature by</span>
              <span class="">Plans</span>
            </th>

            <th class="w-1/4 pb-4 px-6 text-lg leading-6 font-medium text-hs2-text text-center " scope="col">Free</th>
            <th class="w-1/4 pb-4 px-6 text-lg leading-6 font-medium text-hs2-text text-center " scope="col">Startup</th>
            <th class="w-1/4 pb-4 px-6 text-lg leading-6 font-medium text-hs2-text text-center " scope="col">Team</th>
            <th class="w-1/4 pb-4 px-6 text-lg leading-6 font-medium text-hs2-text text-center " scope="col">Enterprise</th>
          </tr>
        </thead>
        <tbody class="border-t border-gray-200 divide-y divide-gray-200 ">
          <tr>
            <th class="py-3 pl-6 bg-gray-50 font-bold text-hs2-text text-left " colspan="5" scope="colgroup">Financial data</th>
          </tr>

          <tr>
            <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Open/High/Low/Close</th>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Free</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Startup</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Team</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Enterprise</span>
            </td>
          </tr>

          <tr>
            <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Price-volume difference indicator</th>

            <td class="py-5 px-6">
              <!-- Minus -->
              <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
              </svg>
              <!-- Minus -->
              <span class="sr-only">Not included in Free</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Startup</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Team</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Enterprise</span>
            </td>
          </tr>

          <tr>
            <th class="py-3 pl-6 bg-gray-50 font-bold text-hs2-text text-left " colspan="5" scope="colgroup">On-chain data</th>
          </tr>

          <tr>
            <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Network growth</th>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Free</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Startup</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Team</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Enterprise</span>
            </td>
          </tr>

          <tr>
            <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Average token age consumed</th>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Not included in Free</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Startup</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Team</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Enterprise</span>
            </td>
          </tr>

          <tr>
            <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Exchange flow</th>

            <td class="py-5 px-6">
              <!-- Minus -->
              <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
              </svg>
              <!-- Minus -->
              <span class="sr-only">Not included in Free</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Startup</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Team</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Enterprise</span>
            </td>
          </tr>

          <tr>
            <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Total ERC20 exchange funds flow</th>

            <td class="py-5 px-6">
              <!-- Minus -->
              <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
              </svg>
              <!-- Minus -->
              <span class="sr-only">Not included in Free</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Startup</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Team</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Enterprise</span>
            </td>
          </tr>

          <tr>
            <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Transaction volume</th>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Free</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Startup</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Team</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Enterprise</span>
            </td>
          </tr>

          <tr>
            <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Total circulation (beta)</th>

            <td class="py-5 px-6">
              <!-- Minus -->
              <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
              </svg>
              <!-- Minus -->
              <span class="sr-only">Not included in Free</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Startup</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Team</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Enterprise</span>
            </td>
          </tr>

          <tr>
            <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Velocity of tokens (beta)</th>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Not included in Free</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Startup</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Team</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Enterprise</span>
            </td>
          </tr>

          <tr>
            <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">ETH gas used</th>

            <td class="py-5 px-6">
              <!-- Minus -->
              <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
              </svg>
              <!-- Minus -->
              <span class="sr-only">Not included in Free</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Startup</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Team</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Enterprise</span>
            </td>
          </tr>

          <tr>
            <th class="py-3 pl-6 bg-gray-50 font-bold text-hs2-text text-left " colspan="5" scope="colgroup">Social data</th>
          </tr>

          <tr>
            <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Dev activity</th>

            <td class="py-5 px-6">
              <!-- Minus -->
              <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
              </svg>
              <!-- Minus -->
              <span class="sr-only">Included in Free</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Startup</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Team</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Enterprise</span>
            </td>
          </tr>

          <tr>
            <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Topic search</th>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Free</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Startup</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Team</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Enterprise</span>
            </td>
          </tr>

          <tr>
            <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Relative social dominance</th>

            <td class="py-5 px-6">
              <!-- Minus -->
              <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
              </svg>
              <!-- Minus -->
              <span class="sr-only">Included in Free</span>
            </td>

            <td class="py-5 px-6">
              <!-- Minus -->
              <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
              </svg>
              <!-- Minus -->
              <span class="sr-only">Included in Startup</span>
            </td>

            <td class="py-5 px-6">
              <!-- Minus -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- Minus -->
              <span class="sr-only">Included in Team</span>
            </td>

            <td class="py-5 px-6">
              <!-- Minus -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- Minus -->
              <span class="sr-only">Included in Enterprise</span>
            </td>
          </tr>

          <tr>
            <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Relative social dominance</th>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Free</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Startup</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Team</span>
            </td>

            <td class="py-5 px-6">
              <!-- Check -->
              <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
              </svg>
              <!-- End Solid Check -->
              <span class="sr-only">Included in Enterprise</span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!-- End lg+ -->
  </div>
  <!-- End Comparison table -->
</div>
<!-- End Pricing -->
Close cards tiered sections code

Blocks with bordered gradients

Open this blocks with bordered gradients tiered sections example in new window
Copy blocks with bordered gradients tiered sections code
<!-- Pricing -->
<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto relative z-10">
  <!-- Title -->
  <div class="max-w-2xl mx-auto text-center mb-10 lg:mb-14">
    <h2 class="text-2xl text-hs2-primary font-bold md:text-4xl md:leading-tight ">Find the right plan for your team</h2>
    <p class="mt-1 text-hs2-text-light ">Pay as you go service, cancel anytime.</p>
  </div>
  <!-- End Title -->

  <!-- Grid -->
  <div class="mt-12 relative before:absolute before:inset-0 before:-z-[1] before:bg-[radial-gradient(closest-side,#cbd5e1,transparent)] ">
    <div class="grid gap-px sm:grid-cols-2 lg:grid-cols-4 lg:items-center">
      <!-- Card -->
      <div class="flex flex-col h-full text-center">
        <div class="bg-white pt-8 pb-5 px-8 ">
          <h4 class="font-medium text-lg text-hs2-text ">Free</h4>
        </div>

        <div class="h-full bg-white lg:mt-px lg:py-5 px-8 ">
          <span class="mt-7 font-bold text-5xl text-hs2-primary ">
            Free
          </span>
        </div>

        <div class="bg-white flex justify-center lg:mt-px pt-7 px-8 ">
          <ul class="space-y-2.5 text-center text-sm">
            <li class="text-hs2-text ">
              1 user
            </li>

            <li class="text-hs2-text ">
              Plan features
            </li>

            <li class="text-hs2-text ">
              Product support
            </li>
          </ul>
        </div>

        <div class="bg-white py-8 px-8 ">
          <a class="inline-flex justify-center items-center gap-2 rounded-md border-2 border-hs2-primary font-semibold text-hs2-primary hover:shadow-md focus:outline-none focus:ring-2 focus:ring-hs2-primary focus:ring-offset-2 transition-all text-sm py-3 px-6 " href="#">
            Sign up
          </a>
        </div>
      </div>
      <!-- End Card -->

      <!-- Card -->
      <div class="flex flex-col h-full text-center">
        <div class="bg-white pt-8 pb-5 px-8 ">
          <h4 class="font-medium text-lg text-hs2-text ">Startup</h4>
        </div>

        <div class="h-full bg-white lg:mt-px lg:py-5 px-8 ">
          <span class="mt-7 font-bold text-5xl text-hs2-primary ">
            <span class="font-bold text-2xl -mr-2">$</span>
            39
          </span>
        </div>

        <div class="bg-white flex justify-center lg:mt-px pt-7 px-8 ">
          <ul class="space-y-2.5 text-center text-sm">
            <li class="text-hs2-text ">
              2 users
            </li>

            <li class="text-hs2-text ">
              Plan features
            </li>

            <li class="text-hs2-text ">
              Product support
            </li>
          </ul>
        </div>

        <div class="bg-white py-8 px-8 ">
          <a class="inline-flex justify-center items-center gap-2 rounded-md border-2 border-hs2-primary font-semibold text-hs2-primary hover:shadow-md focus:outline-none focus:ring-2 focus:ring-hs2-primary focus:ring-offset-2 transition-all text-sm py-3 px-6 " href="#">
            Sign up
          </a>
        </div>
      </div>
      <!-- End Card -->

      <!-- Card -->
      <div class="flex flex-col h-full text-center">
        <div class="bg-white pt-8 pb-5 px-8 ">
          <h4 class="font-medium text-lg text-hs2-text ">Team</h4>
        </div>

        <div class="h-full bg-white lg:mt-px lg:py-5 px-8 ">
          <span class="mt-7 font-bold text-5xl text-hs2-primary ">
            <span class="font-bold text-2xl -mr-2">$</span>
            89
          </span>
        </div>

        <div class="bg-white flex justify-center lg:mt-px pt-7 px-8 ">
          <ul class="space-y-2.5 text-center text-sm">
            <li class="text-hs2-text ">
              5 users
            </li>

            <li class="text-hs2-text ">
              Plan features
            </li>

            <li class="text-hs2-text ">
              Product support
            </li>
          </ul>
        </div>

        <div class="bg-white py-8 px-8 ">
          <a class="inline-flex justify-center items-center gap-2 rounded-md border-2 border-hs2-primary font-semibold text-hs2-primary hover:shadow-md focus:outline-none focus:ring-2 focus:ring-hs2-primary focus:ring-offset-2 transition-all text-sm py-3 px-6 " href="#">
            Sign up
          </a>
        </div>
      </div>
      <!-- End Card -->

      <!-- Card -->
      <div class="flex flex-col h-full text-center">
        <div class="bg-white pt-8 pb-5 px-8 ">
          <h4 class="font-medium text-lg text-hs2-text ">Enterprise</h4>
        </div>

        <div class="h-full bg-white lg:mt-px lg:py-5 px-8 ">
          <span class="mt-7 font-bold text-5xl text-hs2-primary ">
            <span class="font-bold text-2xl -mr-2">$</span>
            149
          </span>
        </div>

        <div class="bg-white flex justify-center lg:mt-px pt-7 px-8 ">
          <ul class="space-y-2.5 text-center text-sm">
            <li class="text-hs2-text ">
              10 users
            </li>

            <li class="text-hs2-text ">
              Plan features
            </li>

            <li class="text-hs2-text ">
              Product support
            </li>
          </ul>
        </div>

        <div class="bg-white py-8 px-8 ">
          <a class="inline-flex justify-center items-center gap-2 rounded-md border-2 border-hs2-primary font-semibold text-hs2-primary hover:shadow-md focus:outline-none focus:ring-2 focus:ring-hs2-primary focus:ring-offset-2 transition-all text-sm py-3 px-6 " href="#">
            Sign up
          </a>
        </div>
      </div>
      <!-- End Card -->
    </div>
  </div>
  <!-- End Grid -->

  <!-- Comparison table -->
  <div class="mt-20">
    <div id="hs-pricing-comparision-content" class="hs-collapse hidden w-full overflow-hidden transition-[height] duration-300" aria-labelledby="hs-pricing-comparision">
      <!-- xs to lg -->
      <div class="space-y-24 lg:hidden">
        <section>
          <div class="px-4 mb-4">
            <h2 class="text-lg leading-6 font-medium text-hs2-text">Free</h2>
          </div>
          <table class="w-full">
            <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
              Financial data
            </caption>
            <thead>
              <tr>
                <th class="sr-only" scope="col">Feature</th>
                <th class="sr-only" scope="col">Included</th>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-200 ">
              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Open/High/Low/Close</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Price-volume difference indicator</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>
            </tbody>
          </table>

          <table class="w-full">
            <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
              On-chain data
            </caption>
            <thead>
              <tr>
                <th class="sr-only" scope="col">Feature</th>
                <th class="sr-only" scope="col">Included</th>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-200 ">
              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Network growth</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Average token age consumed</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Exchange flow</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total ERC20 exchange funds flow</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Transaction volume</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total circulation (beta)</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Velocity of tokens (beta)</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">ETH gas used</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>
            </tbody>
          </table>

          <table class="w-full">
            <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
              Social data
            </caption>
            <thead>
              <tr>
                <th class="sr-only" scope="col">Feature</th>
                <th class="sr-only" scope="col">Included</th>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-200 ">
              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Dev activity</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Topic search</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Relative social dominance</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total social volume</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>
            </tbody>
          </table>
        </section>

        <section>
          <div class="px-4 mb-4">
            <h2 class="text-lg leading-6 font-medium text-hs2-text">Startup</h2>
          </div>
          <table class="w-full">
            <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
              Financial data
            </caption>
            <thead>
              <tr>
                <th class="sr-only" scope="col">Feature</th>
                <th class="sr-only" scope="col">Included</th>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-200 ">
              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Open/High/Low/Close</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Price-volume difference indicator</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>
            </tbody>
          </table>

          <table class="w-full">
            <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
              On-chain data
            </caption>
            <thead>
              <tr>
                <th class="sr-only" scope="col">Feature</th>
                <th class="sr-only" scope="col">Included</th>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-200 ">
              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Network growth</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Average token age consumed</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Exchange flow</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total ERC20 exchange funds flow</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Transaction volume</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total circulation (beta)</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Velocity of tokens (beta)</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">ETH gas used</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>
            </tbody>
          </table>

          <table class="w-full">
            <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
              Social data
            </caption>
            <thead>
              <tr>
                <th class="sr-only" scope="col">Feature</th>
                <th class="sr-only" scope="col">Included</th>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-200 ">
              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Dev activity</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Topic search</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Relative social dominance</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total social volume</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>
            </tbody>
          </table>
        </section>

        <section>
          <div class="px-4 mb-4">
            <h2 class="text-lg leading-6 font-medium text-hs2-text">Team</h2>
          </div>
          <table class="w-full">
            <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
              Financial data
            </caption>
            <thead>
              <tr>
                <th class="sr-only" scope="col">Feature</th>
                <th class="sr-only" scope="col">Included</th>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-200 ">
              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Open/High/Low/Close</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Price-volume difference indicator</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>
            </tbody>
          </table>

          <table class="w-full">
            <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
              On-chain data
            </caption>
            <thead>
              <tr>
                <th class="sr-only" scope="col">Feature</th>
                <th class="sr-only" scope="col">Included</th>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-200 ">
              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Network growth</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Average token age consumed</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Exchange flow</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total ERC20 exchange funds flow</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Transaction volume</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total circulation (beta)</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Velocity of tokens (beta)</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">ETH gas used</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>
            </tbody>
          </table>

          <table class="w-full">
            <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
              Social data
            </caption>
            <thead>
              <tr>
                <th class="sr-only" scope="col">Feature</th>
                <th class="sr-only" scope="col">Included</th>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-200 ">
              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Dev activity</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Topic search</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Relative social dominance</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total social volume</th>
                <td class="py-5 pr-4">
                  <!-- Minus -->
                  <svg class="ml-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                  </svg>
                  <!-- Minus -->
                  <span class="sr-only">No</span>
                </td>
              </tr>
            </tbody>
          </table>
        </section>

        <section>
          <div class="px-4 mb-4">
            <h2 class="text-lg leading-6 font-medium text-hs2-text">Enterprise</h2>
          </div>
          <table class="w-full">
            <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
              Financial data
            </caption>
            <thead>
              <tr>
                <th class="sr-only" scope="col">Feature</th>
                <th class="sr-only" scope="col">Included</th>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-200 ">
              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Open/High/Low/Close</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Price-volume difference indicator</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>
            </tbody>
          </table>

          <table class="w-full">
            <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
              On-chain data
            </caption>
            <thead>
              <tr>
                <th class="sr-only" scope="col">Feature</th>
                <th class="sr-only" scope="col">Included</th>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-200 ">
              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Network growth</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Average token age consumed</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Exchange flow</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total ERC20 exchange funds flow</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Transaction volume</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total circulation (beta)</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Velocity of tokens (beta)</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">ETH gas used</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>
            </tbody>
          </table>

          <table class="w-full">
            <caption class="bg-gray-50 border-t border-gray-200 py-3 px-4 text-sm font-bold text-hs2-text text-left ">
              Social data
            </caption>
            <thead>
              <tr>
                <th class="sr-only" scope="col">Feature</th>
                <th class="sr-only" scope="col">Included</th>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-200 ">
              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Dev activity</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Topic search</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Relative social dominance</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>

              <tr class="border-t border-gray-200 ">
                <th class="py-5 px-4 text-sm font-normal text-hs2-text-light text-left " scope="row">Total social volume</th>
                <td class="py-5 pr-4">
                  <!-- Check -->
                  <svg class="ml-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                  </svg>
                  <!-- End Solid Check -->
                  <span class="sr-only">Yes</span>
                </td>
              </tr>
            </tbody>
          </table>
        </section>
      </div>
      <!-- End xs to lg -->

      <!-- lg+ -->
      <div class="hidden lg:block">
        <table class="w-full h-px">
          <caption class="sr-only">
            Pricing plan comparison
          </caption>
          <thead>
            <tr>
              <th class="py-4 pl-6 pr-6 text-sm font-medium text-hs2-text text-left" scope="col">
                <span class="sr-only">Feature by</span>
                <span>Plans</span>
              </th>

              <th class="w-1/4 py-4 px-6 text-lg leading-6 font-medium text-hs2-text text-center" scope="col">Free</th>
              <th class="w-1/4 py-4 px-6 text-lg leading-6 font-medium text-hs2-text text-center" scope="col">Startup</th>
              <th class="w-1/4 py-4 px-6 text-lg leading-6 font-medium text-hs2-text text-center" scope="col">Team</th>
              <th class="w-1/4 py-4 px-6 text-lg leading-6 font-medium text-hs2-text text-center" scope="col">Enterprise</th>
            </tr>
          </thead>
          <tbody class="border-t border-gray-200 divide-y divide-gray-200 ">
            <tr>
              <th class="py-3 pl-6 bg-gray-50 font-bold text-hs2-text text-left " colspan="5" scope="colgroup">Financial data</th>
            </tr>

            <tr>
              <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Open/High/Low/Close</th>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Free</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Startup</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Team</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Enterprise</span>
              </td>
            </tr>

            <tr>
              <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Price-volume difference indicator</th>

              <td class="py-5 px-6">
                <!-- Minus -->
                <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">Not included in Free</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Startup</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Team</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Enterprise</span>
              </td>
            </tr>

            <tr>
              <th class="py-3 pl-6 bg-gray-50 font-bold text-hs2-text text-left " colspan="5" scope="colgroup">On-chain data</th>
            </tr>

            <tr>
              <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Network growth</th>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Free</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Startup</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Team</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Enterprise</span>
              </td>
            </tr>

            <tr>
              <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Average token age consumed</th>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Not included in Free</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Startup</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Team</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Enterprise</span>
              </td>
            </tr>

            <tr>
              <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Exchange flow</th>

              <td class="py-5 px-6">
                <!-- Minus -->
                <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">Not included in Free</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Startup</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Team</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Enterprise</span>
              </td>
            </tr>

            <tr>
              <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Total ERC20 exchange funds flow</th>

              <td class="py-5 px-6">
                <!-- Minus -->
                <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">Not included in Free</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Startup</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Team</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Enterprise</span>
              </td>
            </tr>

            <tr>
              <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Transaction volume</th>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Free</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Startup</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Team</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Enterprise</span>
              </td>
            </tr>

            <tr>
              <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Total circulation (beta)</th>

              <td class="py-5 px-6">
                <!-- Minus -->
                <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">Not included in Free</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Startup</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Team</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Enterprise</span>
              </td>
            </tr>

            <tr>
              <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Velocity of tokens (beta)</th>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Not included in Free</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Startup</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Team</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Enterprise</span>
              </td>
            </tr>

            <tr>
              <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">ETH gas used</th>

              <td class="py-5 px-6">
                <!-- Minus -->
                <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">Not included in Free</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Startup</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Team</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Enterprise</span>
              </td>
            </tr>

            <tr>
              <th class="py-3 pl-6 bg-gray-50 font-bold text-hs2-text text-left " colspan="5" scope="colgroup">Social data</th>
            </tr>

            <tr>
              <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Dev activity</th>

              <td class="py-5 px-6">
                <!-- Minus -->
                <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">Included in Free</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Startup</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Team</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Enterprise</span>
              </td>
            </tr>

            <tr>
              <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Topic search</th>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Free</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Startup</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Team</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Enterprise</span>
              </td>
            </tr>

            <tr>
              <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Relative social dominance</th>

              <td class="py-5 px-6">
                <!-- Minus -->
                <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">Included in Free</span>
              </td>

              <td class="py-5 px-6">
                <!-- Minus -->
                <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">Included in Startup</span>
              </td>

              <td class="py-5 px-6">
                <!-- Minus -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">Included in Team</span>
              </td>

              <td class="py-5 px-6">
                <!-- Minus -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- Minus -->
                <span class="sr-only">Included in Enterprise</span>
              </td>
            </tr>

            <tr>
              <th class="py-5 pl-6 pr-6 text-sm font-normal text-hs2-text-light text-left " scope="row">Relative social dominance</th>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Free</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Startup</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-gray-400" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9.00005C4.5 8.8807 4.56773 8.76624 4.68829 8.68185C4.80885 8.59746 4.97236 8.55005 5.14286 8.55005H12.8571C13.0276 8.55005 13.1912 8.59746 13.3117 8.68185C13.4323 8.76624 13.5 8.8807 13.5 9.00005C13.5 9.1194 13.4323 9.23386 13.3117 9.31825C13.1912 9.40264 13.0276 9.45005 12.8571 9.45005H5.14286C4.97236 9.45005 4.80885 9.40264 4.68829 9.31825C4.56773 9.23386 4.5 9.1194 4.5 9.00005Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Team</span>
              </td>

              <td class="py-5 px-6">
                <!-- Check -->
                <svg class="mx-auto h-7 w-7 text-hs2-primary" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.2468 5.11462C10.4058 4.91006 10.6862 4.88519 10.8733 5.05907C11.0603 5.23295 11.0831 5.53972 10.9241 5.74428L7.1463 10.6054C6.98484 10.8131 6.69873 10.835 6.5124 10.6539L4.5124 8.70944C4.32894 8.53108 4.31241 8.22382 4.47549 8.02316C4.63856 7.8225 4.91948 7.80443 5.10294 7.98279L6.76331 9.59707L10.2468 5.11462Z" fill="currentColor" />
                </svg>
                <!-- End Solid Check -->
                <span class="sr-only">Included in Enterprise</span>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <!-- End lg+ -->
    </div>

    <div class="text-center mt-12">
      <button type="button" class="hs-collapse-toggle inline-flex justify-center items-center gap-x-2 text-center bg-hs2-secondary text-white text-sm hover:bg-hs2-secondary-hover font-medium hover:shadow-sm rounded-full focus:outline-none focus:ring-2 focus:ring-hs2-secondary focus:ring-offset-2 focus:ring-offset-white transition py-3 px-4 " id="hs-pricing-comparision" data-hs-collapse="#hs-pricing-comparision-content">
        <span class="hs-collapse-open:hidden block">View pricing comparision</span>
        <span class="hs-collapse-open:block hidden">Hide pricing comparision</span>
        <svg class="hs-collapse-open:rotate-180 w-2.5 h-2.5" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
        </svg>
      </button>
    </div>
  </div>
  <!-- End Comparison table -->
</div>
<!-- End Pricing -->
Close blocks with bordered gradients tiered sections code

With 2 cards

Open this with 2 cards tiered sections example in new window
Copy with 2 cards tiered sections code
<!-- Features -->
<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
  <!-- Title -->
  <div class="mx-auto max-w-2xl mb-8 lg:mb-14 text-center">
    <h2 class="text-3xl text-hs2-primary lg:text-4xl font-bold ">
      Solo, agency or team? We&apos;ve got you covered.
    </h2>
  </div>
  <!-- End Title -->

  <div class="relative xl:w-10/12 xl:mx-auto">
    <!-- Grid -->
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-8">
      <div>
        <!-- Card -->
        <div class="p-4 relative z-10 bg-white border rounded-xl md:p-10 ">
          <h3 class="text-xl font-bold text-hs2-primary ">Professional</h3>
          <div class="text-sm text-hs2-text-light">Everything a small team needs.</div>

          <div class="mt-5">
            <span class="text-6xl font-bold text-hs2-primary ">$18</span>
            <span class="text-lg font-bold text-hs2-primary ">.00</span>
            <span class="ml-3 text-hs2-text-light">USD / monthly</span>
          </div>

          <div class="mt-5 grid sm:grid-cols-2 gap-y-2 py-4 first:pt-0 last:pb-0 sm:gap-x-6 sm:gap-y-0">
            <!-- List -->
            <ul role="list" class="space-y-2 text-sm sm:text-base">
              <li class="flex space-x-3">
                <svg class="flex-shrink-0 h-5 w-5 text-white" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect class="text-hs2-success" width="18" height="18" rx="9" fill="currentColor" fill-opacity="1" />
                  <path d="M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z" fill="currentColor" />
                </svg>
                <span class="text-hs2-text ">
                  Up to 10 people
                </span>
              </li>

              <li class="flex space-x-3">
                <svg class="flex-shrink-0 h-5 w-5 text-white" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect class="text-hs2-success" width="18" height="18" rx="9" fill="currentColor" fill-opacity="1" />
                  <path d="M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z" fill="currentColor" />
                </svg>
                <span class="text-hs2-text ">
                  Collect data
                </span>
              </li>

              <li class="flex space-x-3">
                <svg class="flex-shrink-0 h-5 w-5 text-white" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect class="text-hs2-success" width="18" height="18" rx="9" fill="currentColor" fill-opacity="1" />
                  <path d="M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z" fill="currentColor" />
                </svg>
                <span class="text-hs2-text ">
                  Code extensibility
                </span>
              </li>
            </ul>
            <!-- End List -->

            <!-- List -->
            <ul role="list" class="space-y-2 text-sm sm:text-base">
              <li class="flex space-x-3">
                <svg class="flex-shrink-0 h-5 w-5 text-white" width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'>
                  <path class="text-hs2-danger" d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='currentColor' fill-opacity='1' />
                  <path d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='currentColor' />
                </svg>
                <span class="text-hs2-text ">
                  Custom reports
                </span>
              </li>

              <li class="flex space-x-3">
                <svg class="flex-shrink-0 h-5 w-5 text-white" width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'>
                  <path class="text-hs2-danger" d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='currentColor' fill-opacity='1' />
                  <path d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='currentColor' />
                </svg>
                <span class="text-hs2-text ">
                  Product support
                </span>
              </li>

              <li class="flex space-x-3">
                <svg class="flex-shrink-0 h-5 w-5 text-white" width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'>
                  <path class="text-hs2-danger" d='M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9Z' fill='currentColor' fill-opacity='1' />
                  <path d='M5.64639 5.64654C5.74016 5.55281 5.86731 5.50015 5.99989 5.50015C6.13248 5.50015 6.25963 5.55281 6.35339 5.64654L8.99989 8.29304L11.6464 5.64654C11.6925 5.59879 11.7477 5.56069 11.8087 5.53449C11.8697 5.50829 11.9353 5.49449 12.0017 5.49392C12.0681 5.49334 12.1339 5.50599 12.1954 5.53113C12.2568 5.55627 12.3126 5.5934 12.3596 5.64034C12.4065 5.68729 12.4437 5.74312 12.4688 5.80456C12.4939 5.86601 12.5066 5.93185 12.506 5.99824C12.5054 6.06463 12.4916 6.13024 12.4654 6.19124C12.4392 6.25224 12.4011 6.30742 12.3534 6.35354L9.70689 9.00004L12.3534 11.6465C12.4445 11.7408 12.4949 11.8671 12.4937 11.9982C12.4926 12.1293 12.44 12.2547 12.3473 12.3474C12.2546 12.4402 12.1292 12.4927 11.9981 12.4939C11.867 12.495 11.7407 12.4446 11.6464 12.3535L8.99989 9.70704L6.35339 12.3535C6.25909 12.4446 6.13279 12.495 6.00169 12.4939C5.87059 12.4927 5.74519 12.4402 5.65248 12.3474C5.55978 12.2547 5.5072 12.1293 5.50606 11.9982C5.50492 11.8671 5.55531 11.7408 5.64639 11.6465L8.29289 9.00004L5.64639 6.35354C5.55266 6.25978 5.5 6.13262 5.5 6.00004C5.5 5.86746 5.55266 5.7403 5.64639 5.64654V5.64654Z' fill='currentColor' />
                </svg>
                <span class="text-hs2-text ">
                  Activity reporting
                </span>
              </li>
            </ul>
            <!-- End List -->
          </div>

          <div class="mt-5 grid grid-cols-2 gap-x-4 py-4 first:pt-0 last:pb-0">
            <div>
              <p class="text-sm text-hs2-text-light">Cancel anytime.</p>
              <p class="text-sm text-hs2-text-light">No card required.</p>
            </div>

            <div class="flex justify-end">
              <button type="button" class="py-3 px-4 inline-flex justify-center items-center gap-2 rounded-md border font-medium bg-white text-hs2-text shadow-sm align-middle hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-hs2-primary transition-all text-sm ">Start free trial</button>
            </div>
          </div>
        </div>
        <!-- End Card -->
      </div>

      <div>
        <!-- Card -->
        <div class="shadow-xl shadow-gray-200 p-5 relative z-10 bg-white border rounded-xl md:p-10 ">
          <h3 class="text-xl font-bold text-hs2-primary ">Teams</h3>
          <div class="text-sm text-hs2-text-light">For growing businesses.</div>
          <span class="absolute top-0 right-0 rounded-tr-xl rounded-bl-xl text-xs font-medium bg-hs2-primary text-white py-1.5 px-3 ">Most popular</span>

          <div class="mt-5">
            <span class="text-6xl font-bold text-hs2-primary ">$36</span>
            <span class="text-lg font-bold text-hs2-primary ">.99</span>
            <span class="ml-3 text-hs2-text-light">USD / monthly</span>
          </div>

          <div class="mt-5 grid sm:grid-cols-2 gap-y-2 py-4 first:pt-0 last:pb-0 sm:gap-x-6 sm:gap-y-0">
            <!-- List -->
            <ul role="list" class="space-y-2 text-sm sm:text-base">
              <li class="flex space-x-3">
                <svg class="flex-shrink-0 h-5 w-5 text-white" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect class="text-hs2-success" width="18" height="18" rx="9" fill="currentColor" fill-opacity="1" />
                  <path d="M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z" fill="currentColor" />
                </svg>
                <span class="text-hs2-text ">
                  Up to 10 people
                </span>
              </li>

              <li class="flex space-x-3">
                <svg class="flex-shrink-0 h-5 w-5 text-white" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect class="text-hs2-success" width="18" height="18" rx="9" fill="currentColor" fill-opacity="1" />
                  <path d="M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z" fill="currentColor" />
                </svg>
                <span class="text-hs2-text ">
                  Collect data
                </span>
              </li>

              <li class="flex space-x-3">
                <svg class="flex-shrink-0 h-5 w-5 text-white" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect class="text-hs2-success" width="18" height="18" rx="9" fill="currentColor" fill-opacity="1" />
                  <path d="M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z" fill="currentColor" />
                </svg>
                <span class="text-hs2-text ">
                  Code extensibility
                </span>
              </li>
            </ul>
            <!-- End List -->

            <!-- List -->
            <ul role="list" class="space-y-2 text-sm sm:text-base">
              <li class="flex space-x-3">
                <svg class="flex-shrink-0 h-5 w-5 text-white" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect class="text-hs2-danger" width="18" height="18" rx="9" fill="currentColor" fill-opacity="1" />
                  <path d="M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z" fill="currentColor" />
                </svg>
                <span class="text-hs2-text ">
                  Custom reports
                </span>
              </li>

              <li class="flex space-x-3">
                <svg class="flex-shrink-0 h-5 w-5 text-white" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect class="text-hs2-danger" width="18" height="18" rx="9" fill="currentColor" fill-opacity="1" />
                  <path d="M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z" fill="currentColor" />
                </svg>
                <span class="text-hs2-text ">
                  Product support
                </span>
              </li>

              <li class="flex space-x-3">
                <svg class="flex-shrink-0 h-5 w-5 text-white" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect class="text-hs2-danger" width="18" height="18" rx="9" fill="currentColor" fill-opacity="1" />
                  <path d="M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z" fill="currentColor" />
                </svg>
                <span class="text-hs2-text ">
                  Activity reporting
                </span>
              </li>
            </ul>
            <!-- End List -->
          </div>

          <div class="mt-5 grid grid-cols-2 gap-x-4 py-4 first:pt-0 last:pb-0">
            <div>
              <p class="text-sm text-hs2-text-light">Cancel anytime.</p>
              <p class="text-sm text-hs2-text-light">No card required.</p>
            </div>

            <div class="flex justify-end">
              <button type="button" class="py-3 px-4 inline-flex justify-center items-center gap-2 rounded-md border border-transparent font-semibold bg-hs2-primary text-white hover:bg-hs2-primary-600 focus:outline-none focus:ring-2 focus:ring-hs2-primary focus:ring-offset-2 transition-all text-sm ">Start free trial</button>
            </div>
          </div>
        </div>
        <!-- End Card -->
      </div>
    </div>
    <!-- End Grid -->
  </div>

  <div class="mt-7 text-center">
    <p class="text-xs text-hs2-text-light">
      Prices in USD. Taxes may apply.
    </p>
  </div>
</div>
<!-- End Features -->

<!-- Comparison Table -->
<div class="relative">
  <div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 md:py-14 lg:py-20 mx-auto">
    <div class="max-w-2xl mx-auto text-center mb-10 lg:mb-14">
      <h2 class="text-2xl text-hs2-primary font-bold md:text-3xl md:leading-tight ">Compare plans</h2>
    </div>

    <!-- Header -->
    <div class="hidden lg:block sticky top-0 left-0 py-2 bg-white/60 backdrop-blur-md ">
      <!-- Grid -->
      <div class="grid grid-cols-6 gap-6">
        <div class="col-span-2">
          <span class="font-semibold text-lg text-hs2-text ">
            Features
          </span>
        </div>
        <!-- End Col -->

        <div class="col-span-1">
          <span class="font-semibold text-lg text-hs2-text ">
            Free
          </span>
          <p class="mt-2 text-sm text-hs2-text-light">
            Free forever
          </p>
        </div>
        <!-- End Col -->

        <div class="col-span-1">
          <span class="font-semibold text-lg text-hs2-text ">
            Startup
          </span>
          <p class="mt-2 text-sm text-hs2-text-light">
            $39 per month billed annually
          </p>
        </div>
        <!-- End Col -->

        <div class="col-span-1">
          <span class="font-semibold text-lg text-hs2-text ">
            Team
          </span>
          <p class="mt-2 text-sm text-hs2-text-light">
            $89 per month billed annually
          </p>
        </div>
        <!-- End Col -->

        <div class="col-span-1">
          <span class="font-semibold text-lg text-hs2-text ">
            Enterprise
          </span>
          <p class="mt-2 text-sm text-hs2-text-light">
            $149 per month billed annually
          </p>
        </div>
        <!-- End Col -->
      </div>
      <!-- End Grid -->
    </div>
    <!-- End Header -->

    <!-- Section -->
    <div class="space-y-4 lg:space-y-0">
      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 lg:py-3">
          <span class="text-lg font-semibold text-hs2-text ">
            General
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Number of seats
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <span class="text-sm text-hs2-text ">
              1
            </span>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <span class="text-sm text-hs2-text ">
              Up to 3
            </span>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <span class="text-sm text-hs2-text ">
              Up to 10
            </span>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <span class="text-sm text-hs2-text ">
              Unlimited
            </span>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Storage
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <span class="text-sm text-hs2-text ">
              15 GB
            </span>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <span class="text-sm text-hs2-text ">
              1 TB
            </span>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <span class="text-sm text-hs2-text ">
              15 TB
            </span>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <span class="text-sm text-hs2-text ">
              Unlimited
            </span>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Email sharing
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Any time, anywhere access
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->
    </div>
    <!-- End Section -->

    <!-- Section -->
    <div class="mt-6 space-y-4 lg:space-y-0">
      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 lg:py-3">
          <span class="text-lg font-semibold text-hs2-text ">
            Financial data
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Open/High/Low/Close
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Price-volume difference indicator
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->
    </div>
    <!-- End Section -->

    <!-- Section -->
    <div class="mt-6 space-y-4 lg:space-y-0">
      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 lg:py-3">
          <span class="text-lg font-semibold text-hs2-text ">
            On-chain data
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Network growth
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Average token age consumed
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Exchange flow
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Total ERC20 exchange funds flow
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Transaction volume
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Total circulation (beta)
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Velocity of tokens (beta)
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            ETH gas used
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->
    </div>
    <!-- End Section -->

    <!-- Section -->
    <div class="mt-6 space-y-4 lg:space-y-0">
      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 lg:py-3">
          <span class="text-lg font-semibold text-hs2-text ">
            Social data
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Dev activity
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Topic search
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->

      <!-- List -->
      <ul class="grid lg:grid-cols-6 lg:gap-6">
        <!-- Item -->
        <li class="lg:col-span-2 pb-1.5 lg:py-3">
          <span class="font-semibold lg:font-normal text-sm text-hs2-text ">
            Relative social dominance
          </span>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Free
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Startup
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Team
            </span>
            <svg class="w-4 h-4 text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->

        <!-- Item -->
        <li class="col-span-1 py-1.5 lg:py-3 border-b border-gray-200 ">
          <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
            <span class="lg:hidden md:col-span-2 text-sm text-hs2-text ">
              Enterprise
            </span>
            <svg class="w-5 h-5 text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
            </svg>
          </div>
        </li>
        <!-- End Item -->
      </ul>
      <!-- End List -->
    </div>
    <!-- End Section -->

    <!-- Footer -->
    <div class="hidden lg:block mt-6">
      <!-- Grid -->
      <div class="grid grid-cols-6 gap-6">
        <div class="col-span-2">
        </div>
        <!-- End Col -->

        <div class="col-span-1">
          <a class="w-full py-3 px-4 inline-flex justify-center items-center gap-2 rounded-md border font-medium bg-white text-hs2-text shadow-sm align-middle hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-hs2-primary transition-all text-sm " href="#">
            Get started
          </a>
        </div>
        <!-- End Col -->

        <div class="col-span-1">
          <a class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-3 text-center bg-hs2-primary hover:bg-hs2-primary-600 text-white text-sm font-medium rounded-lg hover:shadow-md focus:outline-none focus:ring-2 focus:ring-hs2-primary focus:ring-offset-2 focus:ring-offset-white transition " href="#">
            Get started
          </a>
        </div>
        <!-- End Col -->

        <div class="col-span-1">
          <a class="w-full py-3 px-4 inline-flex justify-center items-center gap-2 rounded-md border font-medium bg-white text-hs2-text shadow-sm align-middle hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-hs2-primary transition-all text-sm " href="#">
            Get started
          </a>
        </div>
        <!-- End Col -->

        <div class="col-span-1">
          <a class="w-full py-3 px-4 inline-flex justify-center items-center gap-2 rounded-md border font-medium bg-white text-hs2-text shadow-sm align-middle hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-hs2-primary transition-all text-sm " href="#">
            Get started
          </a>
        </div>
        <!-- End Col -->
      </div>
      <!-- End Grid -->
    </div>
    <!-- End Footer -->

    <!-- Button Group -->
    <div class="mt-8 md:mt-12 flex justify-center items-center gap-x-3">
      <p class="text-sm text-hs2-text-light ">
        Need a custom plan?
      </p>

      <button type="button" class="py-2 px-3 inline-flex justify-center items-center gap-2 rounded-lg border font-medium bg-white text-hs2-text shadow-sm align-middle hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-hs2-primary transition-all text-sm ">
        Contact us
      </button>
    </div>
    <!-- End Button Group -->
  </div>
</div>
<!-- End Comparison Table -->
Close with 2 cards tiered sections code

Card header style

Open this card header style tiered sections example in new window
Copy card header style tiered sections code
<!-- Comparison Table -->
<div class="relative">
  <div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 md:py-14 lg:py-20 mx-auto">
    <div class="max-w-2xl mx-auto text-center mb-10 lg:mb-14">
      <h2 class="text-2xl text-hs2-primary font-bold md:text-3xl md:leading-tight ">Compare plans</h2>
    </div>

    <div class="relative after:absolute after:inset-x-0 after:bottom-0 after:z-10 after:w-full after:h-48 after:bg-gradient-to-t after:from-white after:via-white/70 ">
      <!-- Header -->
      <div class="hidden lg:block sticky top-0 left-0 py-2 bg-white ">
        <!-- Grid -->
        <div class="grid grid-cols-6 gap-6">
          <div class="col-span-2">
            <!-- Header -->
            <div class="h-full">

            </div>
            <!-- End Header -->
          </div>
          <!-- End Col -->

          <div class="col-span-1">
            <!-- Header -->
            <div class="h-full p-4 flex flex-col justify-between bg-white border border-gray-200 rounded-xl ">
              <div>
                <span class="font-semibold text-lg text-hs2-text ">
                  Free
                </span>
                <p class="text-xs text-hs2-text-light">
                  Free forever
                </p>
              </div>
              <div class="mt-2">
                <a class="w-full py-2 px-3 inline-flex justify-center items-center gap-2 rounded-md border font-medium bg-white text-hs2-text shadow-sm align-middle hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-hs2-primary transition-all text-sm " href="#">
                  Get started
                </a>
              </div>
            </div>
            <!-- End Header -->
          </div>
          <!-- End Col -->

          <div class="col-span-1">
            <!-- Header -->
            <div class="h-full p-4 flex flex-col justify-between bg-white border border-gray-200 rounded-xl ">
              <div>
                <span class="font-semibold text-lg text-hs2-text ">
                  Startup
                </span>
                <p class="text-xs text-hs2-text-light">
                  $39 per month billed annually
                </p>
              </div>
              <div class="mt-2">
                <a class="w-full py-2 px-3 inline-flex justify-center items-center gap-x-3 text-center bg-hs2-primary hover:bg-hs2-primary-600 text-white text-sm font-medium rounded-lg hover:shadow-md focus:outline-none focus:ring-2 focus:ring-hs2-primary focus:ring-offset-2 focus:ring-offset-white transition " href="#">
                  Get started
                </a>
              </div>
            </div>
            <!-- End Header -->
          </div>
          <!-- End Col -->

          <div class="col-span-1">
            <!-- Header -->
            <div class="h-full p-4 flex flex-col justify-between bg-white border border-gray-200 rounded-xl ">
              <div>
                <span class="font-semibold text-lg text-hs2-text ">
                  Team
                </span>
                <p class="text-xs text-hs2-text-light">
                  $89 per month billed annually
                </p>
              </div>
              <div class="mt-2">
                <a class="w-full py-2 px-3 inline-flex justify-center items-center gap-2 rounded-md border font-medium bg-white text-hs2-text shadow-sm align-middle hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-hs2-primary transition-all text-sm " href="#">
                  Get started
                </a>
              </div>
            </div>
            <!-- End Header -->
          </div>
          <!-- End Col -->

          <div class="col-span-1">
            <!-- Header -->
            <div class="h-full p-4 flex flex-col justify-between bg-white border border-gray-200 rounded-xl ">
              <div>
                <span class="font-semibold text-lg text-hs2-text ">
                  Enterprise
                </span>
                <p class="text-xs text-hs2-text-light">
                  $149 per month billed annually
                </p>
              </div>
              <div class="mt-2">
                <a class="w-full py-2 px-3 inline-flex justify-center items-center gap-2 rounded-md border font-medium bg-white text-hs2-text shadow-sm align-middle hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-hs2-primary transition-all text-sm " href="#">
                  Get started
                </a>
              </div>
            </div>
            <!-- End Header -->
          </div>
          <!-- End Col -->
        </div>
        <!-- End Grid -->
      </div>
      <!-- End Header -->

      <!-- Section -->
      <div class="space-y-4 lg:space-y-0">
        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 lg:py-3">
            <span class="text-lg font-semibold text-hs2-text ">
              General
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Number of seats
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span class="lg:hidden md:col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <span class="text-sm text-hs2-text ">
                1
              </span>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span class="lg:hidden md:col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <span class="text-sm text-hs2-text ">
                Up to 3
              </span>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span class="lg:hidden md:col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <span class="text-sm text-hs2-text ">
                Up to 10
              </span>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span class="lg:hidden md:col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <span class="text-sm text-hs2-text ">
                Unlimited
              </span>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Storage
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span class="lg:hidden md:col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <span class="text-sm text-hs2-text ">
                15 GB
              </span>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span class="lg:hidden md:col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <span class="text-sm text-hs2-text ">
                1 TB
              </span>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span class="lg:hidden md:col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <span class="text-sm text-hs2-text ">
                15 TB
              </span>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
              <span class="lg:hidden md:col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <span class="text-sm text-hs2-text ">
                Unlimited
              </span>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Email sharing
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Any time, anywhere access
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->
      </div>
      <!-- End Section -->

      <!-- Section -->
      <div class="mt-6 space-y-4 lg:space-y-0">
        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 lg:py-3">
            <span class="text-lg font-semibold text-hs2-text ">
              Financial data
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Open/High/Low/Close
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Price-volume difference indicator
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->
      </div>
      <!-- End Section -->

      <!-- Section -->
      <div class="mt-6 space-y-4 lg:space-y-0">
        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 lg:py-3">
            <span class="text-lg font-semibold text-hs2-text ">
              On-chain data
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Network growth
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Average token age consumed
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Exchange flow
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Total ERC20 exchange funds flow
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Transaction volume
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Total circulation (beta)
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Velocity of tokens (beta)
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              ETH gas used
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->
      </div>
      <!-- End Section -->

      <!-- Section -->
      <div class="mt-6 space-y-4 lg:space-y-0">
        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 lg:py-3">
            <span class="text-lg font-semibold text-hs2-text ">
              Social data
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Dev activity
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Topic search
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->

        <!-- List -->
        <ul class="grid lg:grid-cols-6 lg:gap-6">
          <!-- Item -->
          <li class="lg:col-span-2 pb-1.5 lg:py-3">
            <span class="text-sm text-hs2-text ">
              Relative social dominance
            </span>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Free
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Startup
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Team
              </span>
              <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->

          <!-- Item -->
          <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                Enterprise
              </span>
              <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
              </svg>
            </div>
          </li>
          <!-- End Item -->
        </ul>
        <!-- End List -->
      </div>
      <!-- End Section -->

      <!-- Load More Content -->
      <div id="view-all-features-button" class="hs-collapse hidden w-full overflow-hidden transition-[height] duration-300" aria-labelledby="view-all-features">
        <!-- Section -->
        <div class="mt-6 relative z-20 space-y-4 lg:space-y-0">
          <!-- List -->
          <ul class="grid lg:grid-cols-6 lg:gap-6">
            <!-- Item -->
            <li class="lg:col-span-2 lg:py-3">
              <span class="text-lg font-semibold text-hs2-text ">
                Additional features
              </span>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="hidden lg:block lg:col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center">
            </li>
            <!-- End Item -->
          </ul>
          <!-- End List -->

          <!-- List -->
          <ul class="grid lg:grid-cols-6 lg:gap-6">
            <!-- Item -->
            <li class="lg:col-span-2 pb-1.5 lg:py-3">
              <span class="text-sm text-hs2-text ">
                Dedicated account manager
              </span>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Free
                </span>
                <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Startup
                </span>
                <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Team
                </span>
                <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Enterprise
                </span>
                <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->
          </ul>
          <!-- End List -->

          <!-- List -->
          <ul class="grid lg:grid-cols-6 lg:gap-6">
            <!-- Item -->
            <li class="lg:col-span-2 pb-1.5 lg:py-3">
              <span class="text-sm text-hs2-text ">
                24/7 support
              </span>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Free
                </span>
                <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Startup
                </span>
                <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Team
                </span>
                <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Enterprise
                </span>
                <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->
          </ul>
          <!-- End List -->

          <!-- List -->
          <ul class="grid lg:grid-cols-6 lg:gap-6">
            <!-- Item -->
            <li class="lg:col-span-2 pb-1.5 lg:py-3">
              <span class="text-sm text-hs2-text ">
                Rewards
              </span>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Free
                </span>
                <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Startup
                </span>
                <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Team
                </span>
                <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Enterprise
                </span>
                <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->
          </ul>
          <!-- End List -->

          <!-- List -->
          <ul class="grid lg:grid-cols-6 lg:gap-6">
            <!-- Item -->
            <li class="lg:col-span-2 pb-1.5 lg:py-3">
              <span class="text-sm text-hs2-text ">
                Business API
              </span>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Free
                </span>
                <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Startup
                </span>
                <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Team
                </span>
                <svg class="w-4 h-4 lg:mx-auto text-hs2-text-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->

            <!-- Item -->
            <li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-gray-100 ">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-hs2-text ">
                  Enterprise
                </span>
                <svg class="w-5 h-5 lg:mx-auto text-hs2-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                  <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z" />
                </svg>
              </div>
            </li>
            <!-- End Item -->
          </ul>
          <!-- End List -->
        </div>
        <!-- End Section -->
      </div>
      <!-- End Load More Content -->
    </div>

    <!-- View More Button -->
    <div class="mt-8 text-center">
      <button type="button" id="view-all-features" class="hs-collapse-toggle hs-collapse-open:rounded-full hs-collapse-open:px-3 group py-3 px-4 inline-flex justify-center items-center gap-2 rounded-md border border-hs2-primary font-medium bg-white hover:bg-hs2-primary hover:text-white text-hs2-primary shadow-sm align-middle focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-hs2-primary transition-all text-sm " data-hs-collapse="#view-all-features-button">
        <span class="hs-collapse-open:hidden">View all features</span>
        <svg class="hidden hs-collapse-open:block w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
          <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z" />
        </svg>
      </button>
    </div>
    <!-- End View More Button -->
  </div>
</div>
<!-- End Comparison Table -->
Close card header style tiered sections code