KPI cards: increase value font (22→28px), change font (11→12px), padding (12→14px)

dashboard-mockup.html

@@ -109,14 +109,14 @@ body {
 /* KPI CARDS — Bloomberg stock ticker style */
 .kpi-grid {
   display: grid; grid-template-columns: repeat(6, 1fr);
-  gap: 10px; padding: 0;
+  gap: 12px; padding: 0;
   max-width: 1280px; margin: 0 auto;
 }
 .kpi {
   background: #0e0e0e;
   border: 1px solid #1e1e1e;
   border-radius: 8px;
-  padding: 12px 14px;
+  padding: 14px 16px;
   transition: all 0.2s var(--ease);
   opacity: 0; transform: translateY(8px);
   cursor: default;
@@ -129,14 +129,14 @@ body {
 }
 .kpi-header {
   display: flex; align-items: baseline; justify-content: space-between;
-  margin-bottom: 6px;
+  margin-bottom: 8px;
 }
 .kpi-ticker {
   font-family: var(--mono); font-size: 10px; font-weight: 600;
   color: #555; letter-spacing: 0.03em;
 }
 .kpi-change {
-  font-family: var(--mono); font-size: 11px; font-weight: 600;
+  font-family: var(--mono); font-size: 12px; font-weight: 700;
   display: flex; align-items: center; gap: 3px;
 }
 .kpi-change.up { color: #16a34a; }
@@ -148,12 +148,12 @@ body {
 }
 .kpi-value {
   font-family: var(--mono);
-  font-size: 22px; font-weight: 700;
+  font-size: 28px; font-weight: 700;
   letter-spacing: -0.5px; line-height: 1.1;
   color: #f4f4f4;
 }
 .kpi-desc {
-  font-size: 10px; color: #4a4a4a; margin-top: 2px;
+  font-size: 10px; color: #4a4a4a;
 }
 
 /* Arrow SVG inline */