Tailwind CSS Pricing Tables Blocks

All Blocks
Marketing
Pricing Tables

Pricing Tables

Tailwind CSS pricing table blocks for plan comparisons, feature matrices, and side-by-side subscription plan checks.

Plan Feature Comparison Table Pro

Feature rows run down the page while plan columns stay aligned for side-by-side checks.

<div class="relative">
                      <div class="mb-8 max-w-2xl mx-auto text-center">
                        <h2 class="font-semibold text-3xl text-foreground">
                          Compare plan features
                        </h2>
                      </div>

<div class="hidden lg:block sticky top-16 inset-s-0 py-2 bg-background border-b border-layer-line">
                        
                        <div class="grid grid-cols-6 gap-6">
                          <div class="col-span-2 pb-4">
                            <span class="font-semibold text-lg text-foreground">
                              Features
                            </span>
                          </div>

<div class="col-span-1 pb-4">
                            <span class="font-semibold text-lg text-foreground">
                              Free
                            </span>
                            <p class="mt-2 text-sm text-muted-foreground-1">
                              Free forever
                            </p>
                          </div>

<div class="col-span-1 pb-4">
                            <span class="font-semibold text-lg text-foreground">
                              Startup
                            </span>
                            <p class="mt-2 text-sm text-muted-foreground-1">
                              $39 per month billed annually
                            </p>
                          </div>

<div class="col-span-1 pb-4">
                            <span class="font-semibold text-lg text-foreground">
                              Team
                            </span>
                            <p class="mt-2 text-sm text-muted-foreground-1">
                              $89 per month billed annually
                            </p>
                          </div>

<div class="col-span-1 pb-4">
                            <span class="font-semibold text-lg text-foreground">
                              Enterprise
                            </span>
                            <p class="mt-2 text-sm text-muted-foreground-1">
                              $149 per month billed annually
                            </p>
                          </div>
                          
                        </div>
                        
                      </div>

<div class="mt-6 space-y-4 lg:space-y-0">
                        
                        <ul class="grid lg:grid-cols-6 lg:gap-6">
                          
                          <li class="lg:col-span-2 lg:py-3">
                            <span class="text-lg font-semibold text-foreground">
                              General
                            </span>
                          </li>

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

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

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <span class="text-sm text-foreground">
                                Unlimited
                              </span>
                            </div>
                          </li>
                          
                        </ul>

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

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Free
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Startup
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Team
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>
                          
                        </ul>

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Free
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Startup
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Team
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>
                          
                        </ul>
                        
                      </div>

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

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Free
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Startup
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Team
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>
                          
                        </ul>

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Free
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Startup
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Team
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>
                          
                        </ul>
                        
                      </div>

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

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Free
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Startup
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Team
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>
                          
                        </ul>

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Free
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Startup
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Team
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>
                          
                        </ul>

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Free
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Startup
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Team
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>
                          
                        </ul>

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Free
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Startup
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Team
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>
                          
                        </ul>

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Free
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Startup
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Team
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>
                          
                        </ul>

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Free
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Startup
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Team
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>
                          
                        </ul>

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Free
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Startup
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Team
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>
                          
                        </ul>

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Free
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Startup
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Team
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>
                          
                        </ul>
                        
                      </div>

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

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Free
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Startup
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Team
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>
                          
                        </ul>

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Free
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Startup
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Team
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>
                          
                        </ul>

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

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Free
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Startup
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Team
                              </span>
                              <svg class="shrink-0 size-5 text-foreground" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                            </div>
                          </li>

<li class="col-span-1 py-1.5 lg:py-3 border-b border-line-2">
                            <div class="grid grid-cols-2 md:grid-cols-6 lg:block">
                              <span class="lg:hidden md:col-span-2 text-sm text-foreground">
                                Enterprise
                              </span>
                              <svg class="shrink-0 size-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                          </li>
                          
                        </ul>
                        
                      </div>

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

<div class="col-span-1">
                            <a class="py-2.5 px-3.5 w-full inline-flex justify-center items-center gap-x-1.5 whitespace-nowrap text-[13px] md:text-sm rounded-lg bg-layer border border-layer-line text-layer-foreground hover:bg-layer-hover focus:outline-hidden focus:bg-layer-focus disabled:opacity-50 disabled:pointer-events-none" href="#">
                              Get started
                            </a>
                          </div>

<div class="col-span-1">
                            <a class="py-2.5 px-3.5 w-full inline-flex justify-center items-center gap-x-1.5 whitespace-nowrap text-[13px] md:text-sm rounded-lg shadow-md bg-primary border border-primary-line text-primary-foreground hover:bg-primary-hover hover:shadow-none focus:outline-hidden focus:bg-primary-focus focus:shadow-none disabled:opacity-50 disabled:pointer-events-none" href="#">
                              Get started
                            </a>
                          </div>

Open related SaaS Startup pricing page

Plan Comparison Table Pro

Plan columns and capability rows are grouped into a full comparison matrix with a compact tier header.

<div class="relative">
  <div class="py-8 text-center">
    <h2 class="text-xl font-semibold text-foreground">
      Compare plans
    </h2>
  </div>

<div class="hidden lg:block sticky top-14 inset-s-0 py-2 bg-layer">
    
    <div class="grid lg:grid-cols-6 lg:gap-x-3 lg:gap-x-6">
      <div class="col-span-2">
        
        <div class="h-full">
        </div>
        
      </div>

<div class="col-span-1">
        
        <div class="p-4 h-full flex flex-col justify-between text-center">
          <div>
            <p class="text-lg font-semibold text-foreground">
              Free
            </p>
            <p class="text-sm text-muted-foreground-1">
              Free forever
            </p>
          </div>
          <div class="mt-2">
            <button type="button" class="w-full py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg bg-layer border border-layer-line text-layer-foreground shadow-2xs hover:bg-layer-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-layer-focus" disabled>
              Free trial
            </button>
          </div>
        </div>
        
      </div>

<div class="col-span-1">
        
        <div class="p-4 h-full flex flex-col justify-between text-center">
          <div>
            <p class="text-lg font-semibold text-foreground">
              Startup
            </p>
            <p class="text-sm text-muted-foreground-1">
              $29 per month billed annually
            </p>
          </div>
          <div class="mt-2">
            <button type="button" class="w-full py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg bg-layer border border-layer-line text-layer-foreground shadow-2xs hover:bg-layer-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-layer-focus" disabled>
              Current plan
            </button>
          </div>
        </div>
        
      </div>
  
      <div class="col-span-1">
        
        <div class="p-4 h-full flex flex-col justify-between text-center">
          <div>
            <p class="text-lg font-semibold text-foreground">
              Team
            </p>
            <p class="text-sm text-muted-foreground-1">
              $59 per month billed annually
            </p>
          </div>
          <div class="mt-2">
            
            <button type="button" class="w-full py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg bg-primary border border-primary-line text-primary-foreground hover:bg-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-primary-focus" data-hs-overlay="#hs-pro-dutprom" >
              Upgrade
            </button>
          </div>
        </div>
        
      </div>
  
      <div class="col-span-1">
        
        <div class="p-4 h-full flex flex-col justify-between text-center">
          <div>
            <p class="text-lg font-semibold text-foreground">
              Enterprise
            </p>
            <p class="text-sm text-muted-foreground-1">
              $119 per month billed annually
            </p>
          </div>
          <div class="mt-2">
            <button type="button" class="w-full py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg bg-layer border border-layer-line text-layer-foreground shadow-2xs hover:bg-layer-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-layer-focus" disabled>
              Upgrade
            </button>
          </div>
        </div>
        
      </div>
      
    </div>
    
  </div>

<div class="space-y-4 lg:space-y-0">
    
    <ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 lg:py-3">
        <span class="text-lg font-semibold text-foreground">
          General
        </span>
      </li>

<li class="hidden lg:block lg:col-span-1 py-0.5 lg:py-3 lg:text-center">
      </li>

<li class="hidden lg:block lg:col-span-1 py-0.5 lg:py-3 lg:text-center">
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Number of seats
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <span class="text-sm font-medium lg:font-normal text-foreground">
            Up to 3
          </span>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <span class="text-sm font-medium lg:font-normal text-foreground">
            Up to 10
          </span>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <span class="text-sm font-medium lg:font-normal text-foreground">
            Unlimited
          </span>
        </div>
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Storage
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <span class="text-sm font-medium lg:font-normal text-foreground">
            15 GB
          </span>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <span class="text-sm font-medium lg:font-normal text-foreground">
            1 TB
          </span>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <span class="text-sm font-medium lg:font-normal text-foreground">
            15 TB
          </span>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <span class="text-sm font-medium lg:font-normal text-foreground">
            Unlimited
          </span>
        </div>
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Email sharing
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Any time, anywhere access
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>
      
    </ul>
    
  </div>

<div class="mt-6 space-y-4 lg:space-y-0">
    
    <ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 lg:py-3">
        <span class="text-lg font-semibold text-foreground">
          Financial data
        </span>
      </li>

<li class="hidden lg:block lg:col-span-1 py-0.5 lg:py-3 lg:text-center">
      </li>

<li class="hidden lg:block lg:col-span-1 py-0.5 lg:py-3 lg:text-center">
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Open/High/Low/Close
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Price-volume difference indicator
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>
      
    </ul>
    
  </div>

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

<li class="hidden lg:block lg:col-span-1 py-0.5 lg:py-3 lg:text-center">
      </li>

<li class="hidden lg:block lg:col-span-1 py-0.5 lg:py-3 lg:text-center">
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Network growth
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Average token age consumed
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Exchange flow
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Total ERC20 exchange funds flow
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Transaction volume
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Total circulation (beta)
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Velocity of tokens (beta)
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          ETH gas used
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>
      
    </ul>
    
  </div>

<div class="mt-6 space-y-4 lg:space-y-0">
    
    <ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 lg:py-3">
        <span class="text-lg font-semibold text-foreground">
          Social data
        </span>
      </li>

<li class="hidden lg:block lg:col-span-1 py-0.5 lg:py-3 lg:text-center">
      </li>

<li class="hidden lg:block lg:col-span-1 py-0.5 lg:py-3 lg:text-center">
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Dev activity
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Topic search
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>
      
    </ul>

<ul class="grid lg:grid-cols-6 lg:gap-x-6">
      
      <li class="lg:col-span-2 pb-1.5 lg:py-2">
        <span class="text-sm font-medium lg:font-normal text-foreground">
          Relative social dominance
        </span>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Free
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Startup
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Team
          </span>
          <svg class="size-4 lg:mx-auto text-muted-foreground-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
        </div>
      </li>

<li class="col-span-1 py-0.5 lg:py-2 lg:text-center">
        <div class="grid grid-cols-2 lg:block">
          <span class="lg:hidden text-sm text-muted-foreground-1">
            Enterprise
          </span>
          <svg class="size-5 lg:mx-auto text-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        </div>
      </li>
      
    </ul>
    
  </div>
  
</div>

Open related Admin Dashboard plans page

Pricing Cards with Header Accent Free

Each card starts with a stronger header band before the price, features, and action area.

<div class="relative">
  <div class="max-w-340 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 font-bold md:text-3xl md:leading-tight text-foreground">Simple, transparent pricing</h2>
      <p class="mt-1 text-muted-foreground-2">Increase your teams productivity. Get things done in rapid time.</p>
    </div>

<div class="col-span-1">
            
            <div class="h-full p-4 flex flex-col justify-between bg-card border border-card-line rounded-xl">
              <div>
                <span class="font-semibold text-lg text-foreground">
                  Free
                </span>
                <p class="text-xs text-muted-foreground-1">
                  Free forever
                </p>
              </div>
              <div class="mt-2">
                <a class="w-full py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg bg-layer border border-layer-line text-layer-foreground shadow-2xs hover:bg-layer-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-layer-focus" href="#">
                  Get started
                </a>
              </div>
            </div>
            
          </div>

<div class="col-span-1">
            
            <div class="h-full p-4 flex flex-col justify-between bg-card border border-card-line rounded-xl">
              <div>
                <span class="font-semibold text-lg text-foreground">
                  Startup
                </span>
                <p class="text-xs text-muted-foreground-1">
                  $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-2 text-sm font-medium rounded-lg bg-primary border border-primary-line text-primary-foreground hover:bg-primary-hover focus:outline-hidden focus:bg-primary-focus disabled:opacity-50 disabled:pointer-events-none" href="#">
                  Get started
                </a>
              </div>
            </div>
            
          </div>

<div class="col-span-1">
            
            <div class="h-full p-4 flex flex-col justify-between bg-card border border-card-line rounded-xl">
              <div>
                <span class="font-semibold text-lg text-foreground">
                  Team
                </span>
                <p class="text-xs text-muted-foreground-1">
                  $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-x-2 text-sm font-medium rounded-lg bg-layer border border-layer-line text-layer-foreground shadow-2xs hover:bg-layer-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-layer-focus" href="#">
                  Get started
                </a>
              </div>
            </div>
            
          </div>

<div class="col-span-1">
            
            <div class="h-full p-4 flex flex-col justify-between bg-card border border-card-line rounded-xl">
              <div>
                <span class="font-semibold text-lg text-foreground">
                  Enterprise
                </span>
                <p class="text-xs text-muted-foreground-1">
                  $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-x-2 text-sm font-medium rounded-lg bg-layer border border-layer-line text-layer-foreground shadow-2xs hover:bg-layer-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-layer-focus" href="#">
                  Get started
                </a>
              </div>
            </div>
            
          </div>
          
        </div>
        
      </div>

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

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

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

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

<li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-surface">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-foreground">
                Startup
              </span>
              <span class="text-sm text-foreground">
                Up to 3
              </span>
            </div>
          </li>

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

<li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-surface">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-foreground">
                Enterprise
              </span>
              <span class="text-sm text-foreground">
                Unlimited
              </span>
            </div>
          </li>
          
        </ul>

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

<li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-surface">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-foreground">
                Startup
              </span>
              <span class="text-sm text-foreground">
                1 TB
              </span>
            </div>
          </li>

<li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-surface">
            <div class="grid grid-cols-6 lg:block">
              <span class="lg:hidden col-span-2 font-semibold text-sm text-foreground">
                Enterprise
              </span>
              <span class="text-sm text-foreground">
                Unlimited
              </span>
            </div>
          </li>
          
        </ul>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<li class="col-span-1 py-1.5 lg:py-3 px-4 lg:px-0 lg:text-center bg-surface">
              <div class="grid grid-cols-6 lg:block">
                <span class="lg:hidden col-span-2 font-semibold text-sm text-foreground">
                  Enterprise
                </span>
                <svg class="size-5 lg:mx-auto text-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>
            
          </ul>
          
        </div>
        
      </div>
      
    </div>
      
    
    <div class="mt-8 text-center">
      <button type="button" class="hs-collapse-toggle hs-collapse-open:rounded-full hs-collapse-open:px-3 group py-3 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-full bg-layer border border-layer-line text-layer-foreground shadow-2xs hover:bg-layer-hover focus:outline-hidden focus:bg-layer-focus disabled:opacity-50 disabled:pointer-events-none" id="view-all-features" aria-expanded="false" aria-controls="view-all-features-button" data-hs-collapse="#view-all-features-button">
        <span class="hs-collapse-open:hidden">View all features</span>
        <svg class="hidden hs-collapse-open:block group-hover:rotate-180 transition duration-300 shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
      </button>
    </div>
    
  </div>
</div>