perf: rolepatch.com home render path

landing-astro/astro.config.mjs

@@ -7,8 +7,8 @@ import { readFile, writeFile } from 'node:fs/promises';
 
 // Mirrors fleet/sarthakagrawal/astro.config.mjs, the reference 360 ms-LCP
 // Astro setup. Pure static output (no SSR adapter) — the rolepatch.com
-// landing is fully static markup. Astro uses its default auto stylesheet
-// strategy; the overlay copies cacheable /_astro assets alongside the HTML.
+// landing is fully static markup. Inline styles to avoid a render-blocking
+// request after the document; the overlay copies /_astro assets alongside it.
 //
 // Tailwind v4 via the official Vite plugin (fleet web stack standard,
 // VoidZero ecosystem). Lightning CSS replaces the default PostCSS
@@ -22,6 +22,7 @@ export default defineConfig({
   // on every link. Same as sarthakagrawal.pages.dev.
   build: {
     format: 'file',
+    inlineStylesheets: 'always',
   },
   integrations: [sitemap(), react(), {
     name: 'responsive-hero',

landing-astro/package.json

@@ -14,9 +14,9 @@
   "dependencies": {
     "@astrojs/react": "7.0.0",
     "@astrojs/sitemap": "^3.7.3",
-    "@saas-maker/motion": "github:sass-maker/ui-library#v0.1.14&path:/packages/motion",
-    "@saas-maker/templates": "github:sass-maker/ui-library#v0.1.14&path:/packages/templates",
-    "@saas-maker/ui": "github:sass-maker/ui-library#v0.1.14&path:/packages/ui",
+    "@saas-maker/motion": "github:sass-maker/ui-library#v0.1.18&path:/packages/motion",
+    "@saas-maker/templates": "github:sass-maker/ui-library#v0.1.18&path:/packages/templates",
+    "@saas-maker/ui": "github:sass-maker/ui-library#v0.1.18&path:/packages/ui",
     "@tailwindcss/vite": "4.3.3",
     "astro": "^7.2.8",
     "lucide-react": "1.48.0",

landing-astro/src/content/home.json

@@ -4,6 +4,7 @@
     "title": "RolePatch — Your resume, tailored to the role",
     "description": "Tailor your existing resume to a specific job. Review every change, preserve your facts, and export a resume you can use anywhere.",
     "theme": "base",
+    "fonts": { "display": "geist" },
     "canonical": "https://rolepatch.com/",
     "robots": "index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1",
     "og": {
@@ -25,7 +26,7 @@
       "--muted-foreground": "#686c74",
       "--surface": "#f2f3f2",
       "--border": "#dfe1e3",
-      "--font-display": "\"Geist Variable\", system-ui, sans-serif",
+      "--font-display": "\"Geist Variable\", \"Geist Display Fallback\", system-ui, sans-serif",
       "--display-weight": "450",
       "--chart-2": "#686c74",
       "--radius": "0.3125rem"

landing-astro/src/pages/index.astro

@@ -54,6 +54,16 @@ content.page.jsonLd = [jsonLd, {
     <script is:inline set:html={APP_HEALTH_CLICK_SCRIPT}></script>
     <script is:inline set:html={REDIRECT_AUTHENTICATED_SCRIPT}></script>
     <style is:inline>
+      /* Match Arial to the shipped Geist face at the hero's 450 weight.
+         Size uses the headline's advance widths; vertical metrics use hhea. */
+      @font-face {
+        font-family: 'Geist Display Fallback';
+        src: local('Arial');
+        size-adjust: 106.2875%;
+        ascent-override: 94.5549%;
+        descent-override: 27.7549%;
+        line-gap-override: 0%;
+      }
       :root {
         --font-geist-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
         --font-geist-mono: ui-monospace, 'SFMono-Regular', Menlo, monospace;