Update index.html

index.html

@@ -67,7 +67,7 @@
       font-size: clamp(32px, 5vw, 48px); font-weight: 900;
       letter-spacing: -0.03em; line-height: 1.1; margin-bottom: 14px;
     }
-    .hero h1 span { color: var(--accent); }
+    .hero h1 span { color: #ea5f1a !important; }
 
     .hero p {
       font-size: 16px; line-height: 1.6; color: var(--text-2);
@@ -96,7 +96,7 @@
     @media (max-width: 600px) { .stats { grid-template-columns: repeat(2, 1fr); } }
 
     .stat { background: var(--bg-2); padding: 24px 16px; text-align: center; }
-    .stat-value { font-size: 30px; font-weight: 900; letter-spacing: -0.03em; color: var(--accent); line-height: 1; margin-bottom: 4px; }
+    .stat-value { font-size: 30px; font-weight: 900; letter-spacing: -0.03em; color: #ea5f1a !important; line-height: 1; margin-bottom: 4px; }
     .stat-label { font-size: 12px; font-weight: 500; color: var(--text-2); }
 
     /* ── Table Section ─────────────────────────────────── */
@@ -104,7 +104,7 @@
       max-width: 800px; margin: 0 auto; padding: 40px 24px;
     }
     .section h2 { font-size: 22px; font-weight: 800; letter-spacing: -0.02em; margin-bottom: 6px; }
-    .section h2 span { color: var(--accent); }
+    .section h2 span { color: #ea5f1a !important; }
     .section-sub { font-size: 14px; color: var(--text-2); line-height: 1.6; margin-bottom: 20px; }
 
     .preview-table {
@@ -122,7 +122,7 @@
     .preview-table tr:hover td { background: rgba(234,95,26,0.04); }
     .cost-fair { color: #4ade80; font-weight: 600; }
     .cost-markup { color: #f87171; font-weight: 600; }
-    .preview-table a { color: var(--accent); text-decoration: none; font-weight: 500; }
+    .preview-table a { color: #ea5f1a !important; text-decoration: none; font-weight: 500; }
     .preview-table a:hover { text-decoration: underline; }
 
     /* ── Footer ────────────────────────────────────────── */
@@ -149,7 +149,7 @@
   </div>
 
   <div class="stats">
-    <div class="stat"><div class="stat-value" id="cities">0</div><div class="stat-label">US Cities Tracked</div></div>
+    <div class="stat"><div class="stat-value">425+</div><div class="stat-label">US Cities Tracked</div></div>
     <div class="stat"><div class="stat-value">50</div><div class="stat-label">States Covered</div></div>
     <div class="stat"><div class="stat-value">$0</div><div class="stat-label">Hidden Fees</div></div>
     <div class="stat"><div class="stat-value">Weekly</div><div class="stat-label">Data Refresh</div></div>
@@ -176,17 +176,5 @@
     <p>© 2026 <a href="https://www.shinglegeek.com" target="_blank">Shingle Geek</a> · CC BY 4.0 · JSONL + CSV formats available</p>
   </div>
 
-  <script>
-    const el = document.getElementById('cities');
-    const target = 425;
-    let current = 0;
-    const step = Math.ceil(target / 40);
-    const timer = setInterval(() => {
-      current += step;
-      if (current >= target) { current = target; clearInterval(timer); }
-      el.textContent = current + '+';
-    }, 30);
-  </script>
-
 </body>
 </html>