<!-- Eval Section -->
<div class="feature-split reverse">
  <div class="feature-text">
    <span class="feature-badge">Evaluation</span>
    <h2>Go beyond vibes. Evaluate everything.</h2>
    <p>Engage ADK's visual debugging, open evaluation framework, and partner tools to test your entire agent execution trajectory. Simulate user interactions, build custom performance metrics, and optimize agents against your evaluation results.</p>
    <a href="evaluate/" class="btn btn-accent" style="margin-top:12px">Learn more</a>
  </div>
  <div class="feature-visual">
    <div class="ui-wrapper">
      <img src="assets/adk-eval-case.gif" alt="ADK Web Eval UI" class="devui-img">
    </div>
  </div>
</div>
