diff --git a/index.html b/index.html
index 7b07a9e..44d1752 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,12 @@
     <!--BASE_HREF-->
     <link rel="icon" type="image/webp" href="./brand/zurich_logo.webp" />
     <title>Zurich Kotak | Lead Desk</title>
+    <!-- Geist — a modern enterprise UI typeface (Vercel). Renders crisp at
+         data-density sizes where the previous face went soft. Zurich Sans is
+         kept in the fallback stack, and Geist Mono carries refs and figures. -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap" />
     <!-- Written next to the artifact at placement; carries this environment's
          VITE_ZINO_API_URL, which src/runtimeConfig.js reads off
          window.__RUNTIME_CONFIG__. Without it requireConfigValue throws and the
diff --git a/src/index.css b/src/index.css
index 782fac4..2407d7c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -127,9 +127,9 @@
   /* Display and body are the SAME brand face — Zurich Sans has no bold,
      so headings and figures lean on weight 500 and tighter tracking, set per
      use, not on a second family. */
-  --font-display: 'Zurich Sans', Arial, Helvetica, sans-serif;
-  --font-zurich: 'Zurich Sans', Arial, Helvetica, sans-serif;
-  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;
+  --font-display: 'Geist', 'Zurich Sans', system-ui, sans-serif;
+  --font-zurich: 'Geist', 'Zurich Sans', system-ui, -apple-system, sans-serif;
+  --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
 
   font-family: var(--font-zurich);
   /* The root MUST stay an absolute size — every --fs-* token is rem, so