Add Custom Evaluators feature card to landing page

Center the last row when card count isn't divisible by 3.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: 2 people

layouts/index.html

@@ -82,6 +82,11 @@ <h3>LLM-as-Judge</h3>
       <h3>CI/CD Integration</h3>
       <p>Run evaluations in your pipeline with the CLI. Gate deployments on agent behavior quality scores.</p>
     </div>
+    <div class="feature-card">
+      <div class="feature-icon">&#x1f9e9;</div>
+      <h3>Custom Evaluators</h3>
+      <p>Write your own scoring logic in Python, JavaScript, or any language. Share evaluators through the community registry.</p>
+    </div>
   </div>
 </section>
 

static/css/style.css

@@ -360,6 +360,11 @@ section {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 1.5rem;
+  justify-items: center;
+}
+
+.features-grid .feature-card:last-child:nth-child(3n+1) {
+  grid-column: 2;
 }
 
 @media (max-width: 768px) {