"bg-white dark:bg-gray-900 px-6 py-2 text-sm font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400 rounded-full shadow-sm border border-gray-200 dark:border-gray-700"
              role="heading"
              aria-level="2">UPCOMING FEATURES</span>
      </div>
    </div>
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"
         role="list">
      <!-- AI Study Assistant - Upcoming -->
      <div class="feature-card upcoming-feature feature-card-hover bg-white dark:bg