fix: make keep control icon visible

.changeset/clear-keep-control-icon.md

@@ -0,0 +1,5 @@
+---
+"@jmfederico/pi-web": patch
+---
+
+Fix the homepage Keep control card icon so it renders clearly across browsers.

docs/index.html

@@ -187,7 +187,20 @@
               </p>
             </article>
             <article class="card">
-              <div class="card-icon">◌</div>
+              <div class="card-icon" aria-hidden="true">
+                <svg
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  focusable="false"
+                >
+                  <circle cx="12" cy="12" r="6.5"></circle>
+                  <path d="M12 2.5v4M12 17.5v4M2.5 12h4M17.5 12h4"></path>
+                </svg>
+              </div>
               <h3>Keep control</h3>
               <p>
                 Watch transcript history, status, shell activity, context usage, and costs while redirecting the agent in

docs/styles.css

@@ -568,6 +568,12 @@ code .comment,
   font-size: 1.3rem;
 }
 
+.card-icon svg {
+  display: block;
+  width: 24px;
+  height: 24px;
+}
+
 .card h3,
 .doc-card h3,
 .faq-item h2,