Four-tier pricing with lifted recommended plan

<section class="cb-pr">
  <div class="cb-pr-inner">
    <span class="cb-eyebrow">Pricing</span>
    <h2>Choose your subscription</h2>
    <p class="cb-sub">Start for free with no usage limits. Upgrade any time.</p>
    <div class="cb-pr-grid">
      <div class="cb-pr-card">
        <h3>Individuals</h3>
        <div class="cb-pr-price">Free</div>
        <p class="cb-pr-desc">Everything you need to schedule as one person.</p>
        <button class="cb-btn cb-btn-outline">Use for free</button>
        <ul class="cb-pr-list">
          <li>1 user</li>
          <li>Unlimited event types</li>
          <li>Mobile app</li>
        </ul>
      </div>
      <div class="cb-pr-card">
        <h3>Teams</h3>
        <div class="cb-pr-price">$12<span>/seat/mo</span></div>
        <p class="cb-pr-desc">For small teams who need shared availability.</p>
        <button class="cb-btn cb-btn-outline">Try for free</button>
        <ul class="cb-pr-list">
          <li>Everything in Individuals</li>
          <li>Round-robin scheduling</li>
          <li>Team booking pages</li>
        </ul>
      </div>
      <div class="cb-pr-card cb-pr-featured">
        <span class="cb-pr-badge">Most popular</span>
        <h3>Organizations</h3>
        <div class="cb-pr-price">$28<span>/user/mo</span></div>
        <p class="cb-pr-desc">For larger teams needing control and security.</p>
        <button class="cb-btn cb-btn-primary">Try for free</button>
        <ul class="cb-pr-list">
          <li>Everything in Teams</li>
          <li>SAML SSO</li>
          <li>Dedicated support</li>
        </ul>
      </div>
      <div class="cb-pr-card">
        <h3>Enterprise</h3>
        <div class="cb-pr-price">Custom</div>
        <p class="cb-pr-desc">For companies scheduling without limits.</p>
        <button class="cb-btn cb-btn-outline">Talk to sales</button>
        <ul class="cb-pr-list">
          <li>Everything in Organizations</li>
          <li>Dedicated database</li>
          <li>Custom contracts</li>
        </ul>
      </div>
    </div>
  </div>
</section>