fix: visible step arrows, add image dimensions for CLS

Author: katebspurr-png

site/index.html

@@ -275,7 +275,7 @@
     .step h3 { margin-bottom: 0.4rem; }
     .step p { font-size: 0.9rem; }
     .step-arrow {
-      color: var(--border);
+      color: var(--muted);
       font-size: 1.5rem;
       padding-top: 0.6rem;
       flex-shrink: 0;
@@ -333,7 +333,7 @@ <h1>You're flying blind on Claude limits.</h1>
           </div>
         </div>
         <div class="hero-image">
-          <img src="screenshots/menubar.png" alt="ClaudeWatch showing 34% | 64% in the Mac menu bar" class="screenshot">
+          <img src="screenshots/menubar.png" alt="ClaudeWatch showing 34% | 64% in the Mac menu bar" class="screenshot" width="520" height="74">
         </div>
       </div>
     </div>
@@ -365,7 +365,7 @@ <h3>You hit the limit.</h3>
     <div class="container">
       <div class="solution-inner">
         <div class="solution-image">
-          <img src="screenshots/dropdown.png" alt="ClaudeWatch dropdown showing session usage, weekly usage, and reset time" class="screenshot">
+          <img src="screenshots/dropdown.png" alt="ClaudeWatch dropdown showing session usage, weekly usage, and reset time" class="screenshot" width="894" height="1070">
         </div>
         <div class="solution-copy">
           <p class="eyebrow">The fix</p>