{% extends "base.html" %}

{% block content %}
<div class="max-w-[1100px] mx-auto pt-4">

    <div class="pt-6 mb-8 text-left">
        <p class="text-3xl font-medium text-forge-text tracking-tight">Define at The Hearth. Prove in The Crucible. Win in The Battle.</p>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">

        <!-- Station 1: Definition -->
        <a href="/agents" class="forge-card forge-glow border-2 border-forge-iron rounded-2xl p-6 group transition block hover:border-forge-ember hover:shadow-[0_0_0_1px_#f97316]">
            <div class="text-forge-ember text-2xl font-semibold tracking-tight mb-2">The Hearth</div>
            <p class="text-sm text-forge-muted">Define your agents: prompts, models, output schemas, risk thresholds and guardrails.</p>
        </a>

        <!-- Station 2: Testing & Proving -->
        <a href="/run" class="forge-card forge-glow border-2 border-forge-iron rounded-2xl p-6 group transition block hover:border-forge-ember hover:shadow-[0_0_0_1px_#f97316]">
            <div class="text-forge-ember text-2xl font-semibold tracking-tight mb-2">The Crucible</div>
            <p class="text-sm text-forge-muted">Put agents to the test. Run them with guardrails, handle Human-in-the-Loop decisions, and review successful runs.</p>
        </a>

        <!-- Station 3: The Battle (Deployment) -->
        <a href="/deploy" class="forge-card forge-glow border-2 border-forge-iron rounded-2xl p-6 group transition block hover:border-forge-ember hover:shadow-[0_0_0_1px_#f97316]">
            <div class="text-forge-ember text-2xl font-semibold tracking-tight mb-2">The Battle</div>
            <p class="text-sm text-forge-muted">Deploy your proven agents to Azure, AWS, GCP or on-prem, ready for real action.</p>
        </a>

    </div>

    <!-- Forge Creed -->
    <div class="mt-8 border-t border-forge-iron pt-8 text-sm max-w-prose">
        <div class="uppercase text-xs tracking-[2px] text-forge-text mb-2">The Forge Creed</div>
        <p class="text-forge-muted leading-relaxed">
            The risk threshold is the critical temper point. If the blade glows white-hot, The Judgment must intervene.
            Nothing leaves the Forge without passing through fire and hammer.
        </p>
    </div>
{% endblock %}