<section class="py-20 w-full bg-surface" id="faq">
  <div class="max-w-[1100px] mx-auto px-6">
    <h2
      class="text-3xl md:text-4xl font-semibold text-surface-content tracking-tight mb-8"
    >
      Frequently Asked Questions
    </h2>
    <div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-10">
      <div>
        <h4 class="text-lg font-semibold text-surface-content mb-2">
          Is this really free?
        </h4>
        <p class="text-secondary text-base leading-relaxed">
          Yes. Hackatime is a free service by Hack Club. No paid tiers, no
          premium features, no hidden subscriptions.
        </p>
      </div>
      <div>
        <h4 class="text-lg font-semibold text-surface-content mb-2">
          How do I migrate from WakaTime?
        </h4>
        <p class="text-secondary text-base leading-relaxed">
          Point your existing WakaTime plugin at Hackatime's API URL and enter
          your Hackatime API key. Both use compatible data formats.
        </p>
      </div>
      <div>
        <h4 class="text-lg font-semibold text-surface-content mb-2">
          Is my code private?
        </h4>
        <p class="text-secondary text-base leading-relaxed">
          Hackatime only receives metadata — file names, project names,
          timestamps, language. We never see your actual source code.
        </p>
      </div>
      <div>
        <h4 class="text-lg font-semibold text-surface-content mb-2">
          Can I self-host this?
        </h4>
        <p class="text-secondary text-base leading-relaxed">
          Yes. The entire codebase is open source on GitHub. Spin up your own
          instance for complete data sovereignty.
        </p>
      </div>
    </div>
  </div>
</section>
