Feature Grid Dark Card

<div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-4 px-6">
        <div
            class="p-8 bg-zinc-900 border border-zinc-800 rounded-3xl hover:border-zinc-700 transition-all cursor-default">
            <div class="text-zinc-500 mb-4 font-mono text-sm">01</div>
            <h4 class="text-white font-bold mb-2">Secure</h4>
            <p class="text-zinc-500 text-sm">AES-256 encryption at rest and in transit.</p>
        </div>
        <div
            class="p-8 bg-zinc-900 border border-zinc-800 rounded-3xl hover:border-zinc-700 transition-all cursor-default">
            <div class="text-zinc-500 mb-4 font-mono text-sm">02</div>
            <h4 class="text-white font-bold mb-2">Scalable</h4>
            <p class="text-zinc-500 text-sm">Built on AWS for infinite horizontal scaling.</p>
        </div>
        <div
            class="p-8 bg-zinc-900 border border-zinc-800 rounded-3xl hover:border-zinc-700 transition-all cursor-default">
            <div class="text-zinc-500 mb-4 font-mono text-sm">03</div>
            <h4 class="text-white font-bold mb-2">Open API</h4>
            <p class="text-zinc-500 text-sm">Full REST and GraphQL support for developers.</p>
        </div>
        <div
            class="p-8 bg-zinc-900 border border-zinc-800 rounded-3xl hover:border-zinc-700 transition-all cursor-default">
            <div class="text-zinc-500 mb-4 font-mono text-sm">04</div>
            <h4 class="text-white font-bold mb-2">Realtime</h4>
            <p class="text-zinc-500 text-sm">Websocket integration for live updates.</p>
        </div>
    </div>