{{-- FAQ content. Included by resources/views/faq.blade.php and by
     App\Support\PageSnapshot for the visual designer. There's no admin FAQ
     manager, so this is just baked, fully-editable content either way. --}}
<section class="bg-neutral-50 py-16">
    <div class="max-w-3xl mx-auto px-6">
        <p class="text-red-700 text-xs font-semibold uppercase tracking-widest mb-2">FAQ</p>
        <h1 class="text-[#0a0a0b] text-3xl sm:text-4xl font-bold tracking-tight mb-8">Frequently Asked Questions</h1>

        <div class="bg-white rounded-2xl border border-black/[0.06] px-6 divide-y divide-black/[0.06]">
            @foreach ($faqs as $item)
                <details class="py-5 group">
                    <summary class="flex items-center justify-between cursor-pointer list-none">
                        <span class="text-[#0a0a0b] font-semibold text-[15px] pr-4">{{ $item['q'] }}</span>
                        <span class="text-neutral-400 shrink-0 group-open:rotate-180 transition-transform duration-200">⌄</span>
                    </summary>
                    <p class="text-neutral-500 text-sm leading-relaxed mt-3">{{ $item['a'] }}</p>
                </details>
            @endforeach
        </div>
    </div>
</section>