diff --git a/__tests__/fixtures/resume-import/synthetic.md b/__tests__/fixtures/resume-import/synthetic.md
new file mode 100644
index 0000000..b0c3b0a
--- /dev/null
+++ b/__tests__/fixtures/resume-import/synthetic.md
@@ -0,0 +1,23 @@
+# Ada Example
+
+ada@example.invalid
+
+## Experience
+
+### Example Company
+
+- Built accessible TypeScript screens.
+
+## Projects
+
+### Example Reader
+
+- Released an accessible reading application.
+
+## Education
+
+BSc, Example University.
+
+## Skills
+
+TypeScript, React.
diff --git a/__tests__/html-document.test.ts b/__tests__/html-document.test.ts
new file mode 100644
index 0000000..42b9fb8
--- /dev/null
+++ b/__tests__/html-document.test.ts
@@ -0,0 +1,26 @@
+// @vitest-environment node
+import { describe, expect, it } from 'vitest';
+import { ensureLeadingHtmlDoctype } from '../html-document.mjs';
+
+const encoder = new TextEncoder();
+const decode = (body: Uint8Array) => new TextDecoder().decode(body);
+
+describe('anonymous cached HTML standards mode', () => {
+  it('moves the doctype ahead of Next inlineCss polyfills without losing script or content', () => {
+    const script = '<script src="/_next/static/chunks/polyfills.js" noModule=""></script>';
+    const document = '<!DOCTYPE html><html><head></head><body>Résumé</body></html>';
+    const result = decode(ensureLeadingHtmlDoctype(encoder.encode(script + document)));
+    expect(result).toBe(`<!DOCTYPE html>${script}${document.slice(15)}`);
+    expect(result.match(/<!DOCTYPE html>/g)).toHaveLength(1);
+  });
+  it('preserves normal documents and does not invent a doctype or move arbitrary content', () => {
+    for (const html of [
+      '<!DOCTYPE html><html><body>Normal</body></html>',
+      '<html><body>No declaration</body></html>',
+      '<p>Other prefix</p><!DOCTYPE html><html></html>',
+    ]) {
+      const original = encoder.encode(html);
+      expect(ensureLeadingHtmlDoctype(original)).toBe(original);
+    }
+  });
+});
diff --git a/docs/architecture/decisions/0016-public-document-rendering.md b/docs/architecture/decisions/0016-public-document-rendering.md
new file mode 100644
index 0000000..9eee6d9
--- /dev/null
+++ b/docs/architecture/decisions/0016-public-document-rendering.md
@@ -0,0 +1,51 @@
+---
+title: Public document rendering
+---
+
+# ADR-0016: Public document rendering
+
+Date: 2026-10-13
+Status: Accepted for the source candidate; no production release
+
+## Context
+
+Pricing and the tools catalog have server-rendered text, but their initial
+document also carried the complete application stylesheet twice: in the HTML
+and in Next's Flight payload. Guest navigation imported the authenticated
+dropdown and sidebar primitives even when there was no signed-in account.
+These costs compete with the public text rendering path tracked in
+[issue #39](https://github.com/Significant-Hobbies/rolepatch/issues/39).
+
+## Decision
+
+Use Next's documented external-stylesheet mode. Keep the complete stylesheets
+render-blocking, and retain the existing critical-CSS build step for
+prerendered files. Import workspace-only styles from the already lazy workspace
+interior. Generate eager utilities from catalog and shared navigation sources;
+the complete application utility set loads on other routes and with the
+authenticated menu. Their rules and the public content remain unchanged.
+
+Load the signed-in menu through `next/dynamic` after a session supplies a user.
+Keep the existing guest sign-in path and all authenticated menu actions. A
+disabled account placeholder reserves space while the account module loads;
+it exposes neither settings nor sign-out until those actions are ready.
+
+Retain Next's native async script scheduling, inline Flight data and Worker
+cache/auth boundaries. There are no timers or interaction-based hydration gates.
+
+## Consequences
+
+The public document avoids duplicated inline CSS and guest-only visits avoid
+account UI code. External CSS adds a request waterfall, so production-build
+Lighthouse comparisons must verify the trade-off. Menu, tool and builder
+readiness need interaction assertions, not just screenshots or static HTML.
+Responsive geometry and workspace theme portals must remain consistent.
+
+## Alternatives considered
+
+- Global `inlineCss`: Next documents its initial Flight duplication; keeping
+  the full stylesheet inline preserves the measured document overhead.
+- Deferring every route or removing hydration: rejected because workspace,
+  account and mutation flows need the existing Next runtime.
+- Native `defer`: did not consistently meet the gate and makes hydration wait
+  for stylesheets; keep the framework's original scheduling.
diff --git a/docs/operations/evidence/resume-first-performance-2026-10-13.json b/docs/operations/evidence/resume-first-performance-2026-10-13.json
new file mode 100644
index 0000000..998ba86
--- /dev/null
+++ b/docs/operations/evidence/resume-first-performance-2026-10-13.json
@@ -0,0 +1,112 @@
+{
+  "date": "2026-10-13",
+  "repository": "Significant-Hobbies/rolepatch",
+  "issues": [
+    32,
+    39
+  ],
+  "pull_request": 34,
+  "verified_remote_main": "eb355d08d5df1a9bec92ef8f77511cb216b10912",
+  "unchanged_remote_pr_head": "ecb8c423aba3722c71a6c63855df6099ddc1bdeb",
+  "measured_code_sha": "edb6fce51e51190f40e58f8573ad4f55f7d153ed",
+  "history": "Current main merged into retained PR34 branch; both original author commits remain ancestors. No rebases or force pushes.",
+  "runtime": "wrangler dev --local --env cache; full cf:build; anonymous public routes only",
+  "workload": "Lighthouse 12.8.2 mobile defaults; simulated throttling; cold browser storage each run; sequential 3 runs per route; external HTTPS blocked to prevent outbound provider/analytics traffic",
+  "baseline_note": "Retained production build at verified main; source branch changed during baseline but built Worker artifacts remained main.",
+  "main": {
+    "/": {
+      "median_lcp_ms": 1600.5108,
+      "median_performance": 100,
+      "best_practices": [
+        100,
+        100,
+        100
+      ]
+    },
+    "/pricing": {
+      "median_lcp_ms": 3637.28025,
+      "median_performance": 89.0,
+      "best_practices": [
+        100,
+        100,
+        100
+      ]
+    },
+    "/tools": {
+      "median_lcp_ms": 4421.040149999999,
+      "median_performance": 83.0,
+      "best_practices": [
+        100,
+        100,
+        100
+      ]
+    }
+  },
+  "candidate": {
+    "/": {
+      "median_lcp_ms": 1740.6149,
+      "median_performance": 100,
+      "best_practices": [
+        100,
+        100,
+        100
+      ]
+    },
+    "/pricing": {
+      "median_lcp_ms": 2662.948400000001,
+      "median_performance": 95.0,
+      "best_practices": [
+        100,
+        100,
+        100
+      ]
+    },
+    "/tools": {
+      "median_lcp_ms": 2920.2155999999995,
+      "median_performance": 95.0,
+      "best_practices": [
+        100,
+        100,
+        100
+      ]
+    }
+  },
+  "checks": {
+    "quality": "passed: Biome, types, coverage, docs, extension types, unused, complexity, duplication, cycles, dependencies, suppressions, hygiene",
+    "unit_passed": 762,
+    "unit_skipped": 1,
+    "focused_browser_passed": 24,
+    "responsive_widths": [
+      390,
+      768,
+      1440
+    ],
+    "responsive_routes": [
+      "/",
+      "/pricing",
+      "/tools",
+      "/resume-builder",
+      "/jobs"
+    ],
+    "production_build": "complete cf:build passed"
+  },
+  "lcp_gate_ms": 2500,
+  "lcp_gate_met": false,
+  "best_practices_preserved": true,
+  "publication": {
+    "status": "blocked",
+    "git_push": "HTTP 403: Permission denied to configured account",
+    "github_connector": "HTTP 403: Resource not accessible by integration creating a tree",
+    "remote_ci": "No new run possible because code could not be pushed; old PR checks still fail. Local required checks pass.",
+    "pr_metadata": "HTTP 403: Resource not accessible by integration updating PR body; PR metadata remains unchanged."
+  },
+  "open_gates": [
+    "Any unmet local LCP medians",
+    "GitHub write access, actual branch push, and fresh remote CI",
+    "Human/editorial/taste acceptance",
+    "Real-device acceptance",
+    "Production acceptance, including reported Cloudflare 401 noise",
+    "PDF/DOCX import end-to-end AI structuring and real OAuth #12 were excluded"
+  ],
+  "boundaries": "Local synthetic guest checks only. No credentials inspected or changed; no owner resumes/research/prepurge read; no live providers, paid services, deploys, releases, merges, production configuration or remote migrations. No skipped or synthetic checks claimed as live acceptance."
+}
diff --git a/e2e/navigation.spec.ts b/e2e/navigation.spec.ts
index 46a9898..1aeac51 100644
--- a/e2e/navigation.spec.ts
+++ b/e2e/navigation.spec.ts
@@ -4,15 +4,24 @@ test.describe('public pages load', () => {
   test('landing page renders', async ({ page }) => {
     await page.goto('/');
     await expect(page).toHaveTitle(/RolePatch|Resume/i);
+    await page
+      .getByRole('link', { name: /Tailor my resume/i })
+      .first()
+      .click();
+    await expect(page).toHaveURL(/resume-builder/);
+    await expect(page.getByRole('button', { name: 'Import Resume', exact: true })).toBeEnabled();
   });
 
   test('dashboard is reachable in guest mode', async ({ page }) => {
     await page.goto('/dashboard');
     await expect(page.getByRole('button', { name: /create|new resume/i })).toBeVisible();
+    await expect(page.getByRole('button', { name: 'Import Resume', exact: true })).toBeEnabled();
+    await expect(page.getByRole('button', { name: '+ Add Job', exact: true })).toBeDisabled();
   });
 
   test('pricing page renders', async ({ page }) => {
     await page.goto('/pricing');
+    expect(await page.evaluate(() => document.compatMode)).toBe('CSS1Compat');
     await expect(page.getByText(/Starter|Pro|Bulk/i).first()).toBeVisible();
   });
 
@@ -25,6 +34,7 @@ test.describe('public pages load', () => {
 
   test('tools index links to diff and keywords', async ({ page }) => {
     await page.goto('/tools');
+    expect(await page.evaluate(() => document.compatMode)).toBe('CSS1Compat');
     await expect(page.getByRole('link', { name: /diff/i })).toBeVisible();
     await expect(page.getByRole('link', { name: /keyword/i })).toBeVisible();
   });
diff --git a/e2e/public-performance.spec.ts b/e2e/public-performance.spec.ts
new file mode 100644
index 0000000..c923294
--- /dev/null
+++ b/e2e/public-performance.spec.ts
@@ -0,0 +1,93 @@
+import { expect, test } from '@playwright/test';
+
+test('account menu becomes usable after a synthetic session loads its account-only code', async ({
+  page,
+}) => {
+  await page.emulateMedia({ colorScheme: 'light' });
+  await page.addInitScript(() => {
+    localStorage.setItem('rolepatch-workspace-theme', 'light');
+  });
+  const synthetic = {
+    user: {
+      id: 'public-performance-fixture',
+      name: 'Sample Reader',
+      email: 'sample@example.org',
+      emailVerified: false,
+      createdAt: '2026-01-01T00:00:00.000Z',
+      updatedAt: '2026-01-01T00:00:00.000Z',
+    },
+    session: {
+      id: 'fixture-session',
+      token: 'synthetic-local-only',
+      userId: 'public-performance-fixture',
+      expiresAt: '2030-01-01T00:00:00.000Z',
+      createdAt: '2026-01-01T00:00:00.000Z',
+      updatedAt: '2026-01-01T00:00:00.000Z',
+    },
+  };
+  await page.route('**/api/auth/get-session**', (route) => route.fulfill({ json: synthetic }));
+  for (const path of ['/pricing', '/resume-builder']) {
+    await page.goto(path);
+    if (path === '/resume-builder' && (page.viewportSize()?.width ?? 0) < 768) {
+      await page.getByRole('button', { name: 'Toggle Sidebar', exact: true }).click();
+    }
+    if (path === '/resume-builder') {
+      await expect(page.locator('[data-sidebar="sidebar"]')).toHaveCSS(
+        'background-color',
+        'oklch(0.985 0 0)'
+      );
+    }
+    const account = page.getByRole('button', { name: 'Account menu', exact: true });
+    await expect(account).toBeEnabled();
+    await account.click();
+    await expect(page.getByRole('menu')).toHaveCSS('background-color', 'oklch(1 0 0)');
+    await expect(page.getByRole('menuitem', { name: 'Account settings' })).toHaveAttribute(
+      'href',
+      '/settings'
+    );
+    await expect(page.getByRole('menuitem', { name: 'Sign out' })).toBeVisible();
+    await expect(page.getByRole('menuitem', { name: /pricing|buy|billing/i })).toHaveCount(0);
+    await page.keyboard.press('Escape');
+  }
+});
+
+for (const route of ['/pricing', '/tools']) {
+  test(`${route} hydrates its guest controls without losing server content`, async ({ page }) => {
+    const errors: string[] = [];
+    page.on('pageerror', (error) => errors.push(error.message));
+    await page.setViewportSize({ width: 390, height: 844 });
+    await page.goto(route);
+    await expect(page.getByRole('heading', { level: 1 })).toBeVisible();
+    await expect(page.getByRole('button', { name: 'Sign in', exact: true })).toBeEnabled();
+    await page.getByRole('button', { name: 'Open menu' }).click();
+    await expect(page.getByRole('button', { name: 'Close menu' })).toHaveAttribute(
+      'aria-expanded',
+      'true'
+    );
+    await page.getByRole('button', { name: 'Close menu' }).click();
+    await expect(page.getByRole('button', { name: 'Open menu' })).toHaveAttribute(
+      'aria-expanded',
+      'false'
+    );
+    expect(errors).toEqual([]);
+  });
+}
+
+test('tools keeps all cards and loads the selected tool on navigation', async ({ page }) => {
+  const prefetched: string[] = [];
+  page.on('request', (request) => {
+    if (
+      request.headers()['next-router-prefetch'] &&
+      new URL(request.url()).pathname.startsWith('/tools/')
+    )
+      prefetched.push(request.url());
+  });
+  await page.goto('/tools');
+  await expect(page.getByRole('link', { name: /Use tool/ })).toHaveCount(6);
+  await page.waitForLoadState('networkidle');
+  expect(prefetched).toEqual([]);
+  await page.getByRole('link', { name: /ATS Keyword Checker/ }).click();
+  await expect(page).toHaveURL(/\/tools\/keywords$/);
+  await expect(page.locator('textarea').first()).toBeVisible();
+  await expect(page.locator('textarea').nth(1)).toBeVisible();
+});
diff --git a/e2e/resume-first.spec.ts b/e2e/resume-first.spec.ts
new file mode 100644
index 0000000..3259e6f
--- /dev/null
+++ b/e2e/resume-first.spec.ts
@@ -0,0 +1,45 @@
+import { expect, test } from '@playwright/test';
+import { resolve } from 'node:path';
+
+test('guest import unlocks Add Job only after a ready master survives reload', async ({ page }) => {
+  await page.goto('/jobs');
+  await expect(page.getByRole('button', { name: '+ Add Job', exact: true })).toBeDisabled();
+  await page.getByRole('button', { name: '+ New Resume', exact: true }).click();
+  await page.getByRole('button', { name: 'Save draft', exact: true }).click();
+  await expect(page).toHaveURL(/resume-builder\?resume=/);
+  await page.goto('/jobs');
+  await expect(page.getByRole('button', { name: '+ Add Job', exact: true })).toBeDisabled();
+  await page.goto('/resume-builder');
+  await expect(page.getByRole('button', { name: 'Import Resume', exact: true })).toBeEnabled();
+  await page
+    .locator('input[type=file]')
+    .setInputFiles(resolve('__tests__/fixtures/resume-import/synthetic.md'));
+  await expect(page.getByText('Master resume · ready for a job', { exact: true })).toBeVisible();
+  await page.reload();
+  await expect(page.getByText('Master resume · ready for a job', { exact: true })).toBeVisible();
+  await page.goto('/jobs');
+  await expect(page.getByRole('button', { name: '+ Add Job', exact: true })).toBeEnabled();
+  await page.getByRole('button', { name: '+ Add Job', exact: true }).click();
+  await expect(page.getByRole('combobox')).toContainText('synthetic');
+});
+
+test('public and workspace routes fit established responsive layouts', async ({
+  page,
+}, testInfo) => {
+  for (const route of ['/', '/pricing', '/tools', '/resume-builder', '/jobs']) {
+    await page.goto(route);
+    await expect(page.locator('main')).toBeVisible();
+    if (route === '/resume-builder')
+      await expect(page.getByRole('button', { name: 'Import Resume', exact: true })).toBeEnabled();
+    for (const width of [390, 768, 1440]) {
+      await page.setViewportSize({ width, height: 900 });
+      await expect
+        .poll(() => page.evaluate(() => document.documentElement.scrollWidth <= window.innerWidth))
+        .toBe(true);
+      await page.screenshot({
+        path: testInfo.outputPath(`${route.slice(1) || 'home'}-${width}.png`),
+        fullPage: true,
+      });
+    }
+  }
+});
diff --git a/html-document.mjs b/html-document.mjs
new file mode 100644
index 0000000..ed2a0ce
--- /dev/null
+++ b/html-document.mjs
@@ -0,0 +1,18 @@
+/** Preserve Next's early polyfill while keeping its doctype first (standards mode). */
+export function ensureLeadingHtmlDoctype(body) {
+  const bytes = body instanceof Uint8Array ? body : new Uint8Array(body);
+  const prefix = new TextDecoder().decode(bytes.subarray(0, 1024));
+  const doctype = /<!doctype html>/i.exec(prefix);
+  if (!doctype || doctype.index === 0) return bytes;
+  const before = prefix.slice(0, doctype.index);
+  // Only repair the observed Next inlineCss ordering; leave other documents alone.
+  if (!/^(?:\s*<script\b[^>]*>[\s\S]*?<\/script>)+\s*$/i.test(before)) return bytes;
+  const encoder = new TextEncoder();
+  const offset = encoder.encode(before).length;
+  const declaration = encoder.encode(doctype[0]);
+  const result = new Uint8Array(bytes.length);
+  result.set(declaration);
+  result.set(bytes.subarray(0, offset), declaration.length);
+  result.set(bytes.subarray(offset + declaration.length), offset + declaration.length);
+  return result;
+}
diff --git a/landing-astro/scripts/inline-critical-css.mjs b/landing-astro/scripts/inline-critical-css.mjs
index 1d9985f..a2e5842 100644
--- a/landing-astro/scripts/inline-critical-css.mjs
+++ b/landing-astro/scripts/inline-critical-css.mjs
@@ -19,7 +19,6 @@ export async function runAstroInlineCss() {
       [...source.matchAll(styles)]
         .map((match) => match[1])
         .join('\n')
-        .replaceAll('font-display:swap', 'font-display:optional')
     ),
   }).code.toString();
   // Restrict first paint to the header and complete hero at every breakpoint.
@@ -178,8 +177,8 @@ export async function runAstroInlineCss() {
   if (!hasMobileCtaRule) throw new Error('Critical CSS is missing the mobile CTA stacking rule');
 
   // Register initial fonts only once. Repeating @font-face in a late stylesheet
-  // creates new FontFace objects with fresh display timelines: even `optional`
-  // can then select an already-cached Geist and rewrap the painted hero.
+  // creates new FontFace objects with fresh display timelines and can rewrap
+  // the painted hero. Keep swap and the metric fallback in the initial sheet.
   const deferred = transform({
     filename: 'home.css',
     code: Buffer.from(css),
diff --git a/landing-astro/src/components/DeferredScripts.astro b/landing-astro/src/components/DeferredScripts.astro
index 885cc2f..e027ee6 100644
--- a/landing-astro/src/components/DeferredScripts.astro
+++ b/landing-astro/src/components/DeferredScripts.astro
@@ -7,7 +7,7 @@
       if (window.appHealth) return;
       const link = event.target.closest?.('[data-app-health-event],a[href]');
       const name = link?.getAttribute('data-app-health-event') || {
-        '/dashboard': 'workspace_opened',
+        '/resume-builder': 'workspace_opened',
         '/pricing': 'pricing_opened',
         '/tools': 'free_tools_opened',
       }[link?.getAttribute('href')];
diff --git a/landing-astro/src/components/SiteHeader.astro b/landing-astro/src/components/SiteHeader.astro
index de27244..8a7f56c 100644
--- a/landing-astro/src/components/SiteHeader.astro
+++ b/landing-astro/src/components/SiteHeader.astro
@@ -25,6 +25,6 @@ const { active = 'home', precision = false } = Astro.props;
       <a href="/pricing" data-app-health-event="pricing_opened">Pricing</a>
       {!precision && <a href="/faq" aria-current={active === 'faq' ? 'page' : undefined}>FAQ</a>}
     </nav>
-    <a href="/dashboard" class="header-cta" data-app-health-event="workspace_opened">Tailor my resume <span aria-hidden="true">↗</span></a>
+    <a href="/resume-builder" class="header-cta" data-app-health-event="workspace_opened">Tailor my resume <span aria-hidden="true">↗</span></a>
   </div>
 </header>
diff --git a/landing-astro/src/content/home.json b/landing-astro/src/content/home.json
index 4e74fc3..ef66c6f 100644
--- a/landing-astro/src/content/home.json
+++ b/landing-astro/src/content/home.json
@@ -52,7 +52,7 @@
   "header": {
     "primary": {
       "label": "tailor my resume",
-      "href": "/dashboard"
+      "href": "/resume-builder"
     }
   },
   "hero": {
@@ -61,7 +61,7 @@
     "lede": "Bring your resume and a specific job. RolePatch connects the requirements to your experience, then puts every change in your hands.",
     "primary": {
       "label": "tailor my resume",
-      "href": "/dashboard"
+      "href": "/resume-builder"
     },
     "secondary": {
       "label": "see the patch",
@@ -88,7 +88,7 @@
           "lede": "The work, scope and result already exist in the source. Only the summary is generated. Achievement wording, complete projects and education stay preserved.",
           "primary": {
             "label": "review your own resume",
-            "href": "/dashboard"
+            "href": "/resume-builder"
           },
           "note": "Kubernetes is requested by the job but absent from this resume. It is left out of this illustrative draft."
         }
@@ -166,7 +166,7 @@
           "title": "bring your experience. *make the connection.*",
           "primary": {
             "label": "tailor my resume",
-            "href": "/dashboard"
+            "href": "/resume-builder"
           },
           "note": "Your resume. One job. A draft you can review."
         }
@@ -185,7 +185,7 @@
         "links": [
           {
             "label": "dashboard",
-            "href": "/dashboard"
+            "href": "/resume-builder"
           },
           {
             "label": "browse jobs",
diff --git a/landing-astro/src/lib/product.ts b/landing-astro/src/lib/product.ts
index d392e77..acd67c3 100644
--- a/landing-astro/src/lib/product.ts
+++ b/landing-astro/src/lib/product.ts
@@ -100,7 +100,7 @@ export const REDIRECT_AUTHENTICATED_SCRIPT = `
     c.indexOf('better-auth.session_token') !== -1 ||
     c.indexOf('__Secure-better-auth.session_token') !== -1
   ) {
-    location.replace('/dashboard');
+    location.replace('/resume-builder');
   }
 })();
 `;
diff --git a/landing-astro/src/pages/faq.astro b/landing-astro/src/pages/faq.astro
index 2360fff..962d09f 100644
--- a/landing-astro/src/pages/faq.astro
+++ b/landing-astro/src/pages/faq.astro
@@ -49,7 +49,7 @@ const faqJsonLd = {
               <h2>Bring the job. Keep the claims yours.</h2>
               <p>Start with a guest workspace, then decide whether account-backed persistence belongs in your search.</p>
             </div>
-            <a href="/dashboard" class="primary-action">Open RolePatch <span aria-hidden="true">↗</span></a>
+            <a href="/resume-builder" class="primary-action">Open RolePatch <span aria-hidden="true">↗</span></a>
           </div>
         </div>
       </section>
diff --git a/landing-astro/src/pages/index.astro b/landing-astro/src/pages/index.astro
index d313f6e..ab2f4cb 100644
--- a/landing-astro/src/pages/index.astro
+++ b/landing-astro/src/pages/index.astro
@@ -50,7 +50,7 @@ content.page.jsonLd = [jsonLd, {
       data-vitals-routes="changelog,docs,faq"
     ></script>
     <script is:inline>
-      (function(c,l,a,r,i){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};var done=0,ev=["pointerdown","keydown","touchstart","scroll"];function go(){if(done)return;done=1;ev.forEach(function(e){removeEventListener(e,go)});var t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;var y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y)}ev.forEach(function(e){addEventListener(e,go,{passive:true,once:true})})})(window,document,"clarity","script","y6buz6rkot");
+      (function(c,l,a,r,i){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};var done=0,ev=["pointerdown","keydown","touchstart","scroll"];function go(){if(done)return;done=1;ev.forEach(function(e){removeEventListener(e,go)});var t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;var y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y)}ev.forEach(function(e){addEventListener(e,go,{passive:true,once:true})});setTimeout(go,90000)})(window,document,"clarity","script","y6buz6rkot");
       window.clarity("set","project_id","rolepatch");
     </script>
     <script is:inline set:html={APP_HEALTH_CLICK_SCRIPT}></script>
@@ -71,6 +71,8 @@ content.page.jsonLd = [jsonLd, {
         --font-geist-mono: ui-monospace, 'SFMono-Regular', Menlo, monospace;
       }
       body { margin: 0; }
+      /* Paint the complete hero immediately instead of animating blur/position. */
+      main .hero-in { animation: none; }
     </style>
     <!-- Template links have no attribute passthrough; retain destination events. -->
     <script is:inline>
@@ -79,7 +81,7 @@ content.page.jsonLd = [jsonLd, {
         var control = target && target.closest ? target.closest('a[href]') : null;
         if (!control || control.hasAttribute('data-app-health-event')) return;
         var events = {
-          '/dashboard': 'workspace_opened',
+          '/resume-builder': 'workspace_opened',
           '/pricing': 'pricing_opened',
           '/tools': 'free_tools_opened'
         };
diff --git a/next.config.ts b/next.config.ts
index 0608590..602cd2f 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -30,6 +30,9 @@ const securityHeaders = [
 ];
 
 const nextConfig: NextConfig = {
+  // Complete stylesheets remain render-blocking on dynamic pages. Static
+  // pages also retain the post-build critical-CSS inliner. Next's inlineCss
+  // duplicates our full application stylesheet in the initial Flight payload.
   // This repository lives below Fleet's root lockfile. Keep standalone output
   // rooted here so OpenNext finds `.next/standalone/.next` consistently.
   outputFileTracingRoot: process.cwd(),
diff --git a/public/fonts/space-grotesk-public-700.woff2 b/public/fonts/space-grotesk-public-700.woff2
new file mode 100644
index 0000000..c33afe9
Binary files /dev/null and b/public/fonts/space-grotesk-public-700.woff2 differ
diff --git a/public/fonts/space-grotesk.woff2 b/public/fonts/space-grotesk.woff2
new file mode 100644
index 0000000..8468ba8
Binary files /dev/null and b/public/fonts/space-grotesk.woff2 differ
diff --git a/scripts/build-public-display-font.py b/scripts/build-public-display-font.py
new file mode 100644
index 0000000..a614d59
--- /dev/null
+++ b/scripts/build-public-display-font.py
@@ -0,0 +1,48 @@
+"""uv run --no-project --with 'fonttools[woff]==4.61.1' scripts/build-public-display-font.py
+
+Derive public heading bytes from the committed face; keep the full face as the
+CSS fallback for characters outside the subset. No network font is fetched.
+"""
+from io import BytesIO
+from pathlib import Path
+from fontTools import subset
+from fontTools.pens.recordingPen import RecordingPen
+from fontTools.ttLib import TTFont
+from fontTools.varLib.instancer import instantiateVariableFont
+
+source = TTFont('public/fonts/space-grotesk.woff2', recalcTimestamp=False)
+original = instantiateVariableFont(source, {'wght': 700}, inplace=False)
+public = instantiateVariableFont(source, {'wght': 700}, inplace=False)
+options = subset.Options()
+options.recalc_timestamp = False
+options.layout_features = ['*']
+options.glyph_names = True
+options.notdef_outline = True
+subsetter = subset.Subsetter(options=options)
+subsetter.populate(unicodes=subset.parse_unicodes('U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD'))
+subsetter.subset(public)
+public.recalcTimestamp = False
+public.flavor = 'woff2'
+path = Path('public/fonts/space-grotesk-public-700.woff2')
+public.save(path)
+encoded = TTFont(path, recalcTimestamp=False)
+# TrueType serialization rounds fractional instancing coordinates to font units.
+# Compare against the complete, normally serialized 700-weight instance.
+reference = BytesIO()
+original.recalcTimestamp = False
+original.save(reference)
+original = TTFont(BytesIO(reference.getvalue()), recalcTimestamp=False)
+assert encoded.getBestCmap().items() <= original.getBestCmap().items()
+assert len(encoded.getBestCmap()) >= 180
+assert all(code in encoded.getBestCmap() for code in range(0x20, 0x7F))
+for name in encoded.getGlyphOrder():
+    before, after = RecordingPen(), RecordingPen()
+    original.getGlyphSet()[name].draw(before)
+    encoded.getGlyphSet()[name].draw(after)
+    assert before.value == after.value, name
+    assert original['hmtx'][name] == encoded['hmtx'][name], name
+for table in ['hhea', 'OS/2']:
+    for metric in ['ascent', 'descent', 'lineGap', 'sTypoAscender', 'sTypoDescender', 'sTypoLineGap']:
+        if hasattr(original[table], metric):
+            assert getattr(original[table], metric) == getattr(encoded[table], metric)
+print(f'{path}: {path.stat().st_size} bytes; outlines match the serialized 700 instance, widths and line metrics unchanged.')
diff --git a/scripts/inline-critical-css.mjs b/scripts/inline-critical-css.mjs
index 7056759..a831d24 100644
--- a/scripts/inline-critical-css.mjs
+++ b/scripts/inline-critical-css.mjs
@@ -70,6 +70,9 @@ export async function runInlineCss(opts = {}) {
   let saved = 0;
   for (const file of htmls) {
     const before = await readFile(file, 'utf8');
+    // Next's inlineCss already includes the complete stylesheet (including
+    // fonts and interactive states). Don't prune it as static critical CSS.
+    if (!/<link rel="stylesheet"/.test(before)) continue;
     let after;
     try {
       after = await beasties.process(before);
diff --git a/src/__tests__/account-menu.test.tsx b/src/__tests__/account-menu.test.tsx
index b8be116..efac77c 100644
--- a/src/__tests__/account-menu.test.tsx
+++ b/src/__tests__/account-menu.test.tsx
@@ -17,7 +17,7 @@ it('places settings inside the signed-in account menu without a purchase link',
   const user = userEvent.setup();
   render(<UserMenu />);
   expect(screen.queryByRole('link', { name: 'Account settings' })).not.toBeInTheDocument();
-  await user.click(screen.getByRole('button', { name: 'Account menu' }));
+  await user.click(await screen.findByRole('button', { name: 'Account menu' }));
   expect(screen.getByRole('menuitem', { name: 'Account settings' })).toHaveAttribute(
     'href',
     '/settings'
diff --git a/src/__tests__/deferred-analytics.test.ts b/src/__tests__/deferred-analytics.test.ts
new file mode 100644
index 0000000..cf13fd8
--- /dev/null
+++ b/src/__tests__/deferred-analytics.test.ts
@@ -0,0 +1,113 @@
+import { readFileSync } from 'node:fs';
+import { runInNewContext } from 'node:vm';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
+const posthog = vi.hoisted(() => ({ init: vi.fn(), capture: vi.fn() }));
+vi.mock('posthog-js', () => ({ default: posthog }));
+
+beforeEach(() => {
+  vi.resetModules();
+  vi.clearAllMocks();
+  vi.useFakeTimers();
+});
+
+afterEach(() => {
+  vi.useRealTimers();
+  vi.restoreAllMocks();
+  vi.unstubAllGlobals();
+});
+
+describe('Clarity on the Astro home', () => {
+  function loader() {
+    const source = readFileSync('landing-astro/src/pages/index.astro', 'utf8');
+    const script = source.match(
+      /<script is:inline>\s*(\(function\(c,l,a,r,i\)[\s\S]*?)<\/script>/
+    )?.[1];
+    if (!script) throw new Error('Missing home Clarity loader');
+    const listeners = new Map<string, () => void>();
+    const insertBefore = vi.fn();
+    runInNewContext(script, {
+      window: {},
+      document: {
+        createElement: () => ({}),
+        getElementsByTagName: () => [{ parentNode: { insertBefore } }],
+      },
+      addEventListener: (event: string, callback: () => void) => listeners.set(event, callback),
+      removeEventListener: (event: string) => listeners.delete(event),
+      setTimeout,
+    });
+    return { listeners, insertBefore };
+  }
+
+  it('makes no request until 90 seconds without interaction', () => {
+    const { insertBefore, listeners } = loader();
+    vi.advanceTimersByTime(89_999);
+    expect(insertBefore).not.toHaveBeenCalled();
+    vi.advanceTimersByTime(1);
+    expect(insertBefore).toHaveBeenCalledTimes(1);
+    expect(insertBefore.mock.calls[0][0]).toMatchObject({
+      async: 1,
+      src: 'https://www.clarity.ms/tag/y6buz6rkot',
+    });
+    expect(listeners.size).toBe(0);
+  });
+
+  it('loads on interaction once, including when the timer later fires', () => {
+    const { insertBefore, listeners } = loader();
+    listeners.get('pointerdown')?.();
+    expect(insertBefore).toHaveBeenCalledTimes(1);
+    vi.advanceTimersByTime(90_000);
+    expect(insertBefore).toHaveBeenCalledTimes(1);
+    expect(listeners.size).toBe(0);
+  });
+});
+
+it('queues analytics and crashes through startup, then initializes PostHog once at idle', async () => {
+  vi.spyOn(document, 'readyState', 'get').mockReturnValue('loading');
+  let idle: (() => void) | undefined;
+  const requestIdleCallback = vi.fn((callback: () => void) => {
+    idle = callback;
+    return 1;
+  });
+  vi.stubGlobal('requestIdleCallback', requestIdleCallback);
+  const { getPostHog, installBrowserMonitoring, captureAuthFailure } = await import(
+    '@/lib/foundry-monitoring'
+  );
+  const cleanup = installBrowserMonitoring();
+  captureAuthFailure({ stage: 'signin', reason: 'test failure' });
+  window.dispatchEvent(new ErrorEvent('error', { message: 'test crash' }));
+  expect(posthog.init).not.toHaveBeenCalled();
+  expect(posthog.capture).not.toHaveBeenCalled();
+  window.dispatchEvent(new Event('load'));
+  vi.advanceTimersByTime(4999);
+  expect(requestIdleCallback).not.toHaveBeenCalled();
+  expect(posthog.init).not.toHaveBeenCalled();
+  vi.advanceTimersByTime(1);
+  expect(requestIdleCallback).toHaveBeenCalledTimes(1);
+  expect(posthog.init).not.toHaveBeenCalled();
+  idle?.();
+  await getPostHog();
+  expect(posthog.init).toHaveBeenCalledTimes(1);
+  expect(posthog.capture.mock.calls.map(([event]) => event)).toEqual([
+    'foundry_auth_failure',
+    'foundry_page_crash',
+  ]);
+  cleanup();
+  window.dispatchEvent(new ErrorEvent('error', { message: 'after cleanup' }));
+  expect(posthog.capture).toHaveBeenCalledTimes(2);
+});
+
+it('defers page views after load when requestIdleCallback is unavailable', async () => {
+  vi.spyOn(document, 'readyState', 'get').mockReturnValue('complete');
+  vi.stubGlobal('requestIdleCallback', undefined);
+  Reflect.deleteProperty(window, 'requestIdleCallback');
+  const { trackPageView } = await import('@/lib/analytics');
+  const { getPostHog } = await import('@/lib/foundry-monitoring');
+  trackPageView();
+  await vi.dynamicImportSettled();
+  expect(posthog.init).not.toHaveBeenCalled();
+  await vi.runAllTimersAsync();
+  await getPostHog();
+  expect(posthog.init).toHaveBeenCalledTimes(1);
+  expect(posthog.capture).toHaveBeenCalledWith('page_view', { project_id: 'resume-tailor' });
+});
diff --git a/src/__tests__/new-job-button.test.tsx b/src/__tests__/new-job-button.test.tsx
index 1e4e68b..28e97f9 100644
--- a/src/__tests__/new-job-button.test.tsx
+++ b/src/__tests__/new-job-button.test.tsx
@@ -9,7 +9,8 @@ vi.mock('next/navigation', () => ({
   useRouter: () => ({ push: mockPush }),
 }));
 
-const mockUseAuth = vi.fn(() => ({ isGuest: false }));
+const mockUseAuth = vi.fn(() => ({ isGuest: false, isPending: false }));
+const mockLocalListResumes = vi.fn(() => [] as { id: string; name: string; source: string }[]);
 vi.mock('@/components/auth-provider', () => ({
   useAuth: () => mockUseAuth(),
 }));
@@ -25,18 +26,35 @@ vi.mock('@/lib/actions/scrape-action', () => ({
 }));
 
 vi.mock('@/lib/local-storage', () => ({
-  localListResumes: () => [],
+  localListResumes: () => mockLocalListResumes(),
   localSaveJob: vi.fn(),
 }));
 
 beforeEach(() => {
   mockPush.mockReset();
-  mockUseAuth.mockReturnValue({ isGuest: false });
+  mockUseAuth.mockReturnValue({ isGuest: false, isPending: false });
+  mockLocalListResumes.mockReset().mockReturnValue([]);
   mockCreateJobApplication.mockReset();
   mockScrapeJobUrlSafe.mockReset();
 });
 
 describe('NewJobButton', () => {
+  it('blocks empty and incomplete guest resumes until readiness', () => {
+    mockUseAuth.mockReturnValue({ isGuest: true, isPending: false });
+    mockLocalListResumes.mockReturnValue([
+      { id: 'draft', name: 'Draft', source: '# Ada\n\n## Experience\n- Built screens.' },
+    ]);
+    render(<NewJobButton resumes={[]} />);
+    expect(screen.getByRole('button', { name: '+ Add Job' })).toBeDisabled();
+    expect(mockCreateJobApplication).not.toHaveBeenCalled();
+    expect(mockScrapeJobUrlSafe).not.toHaveBeenCalled();
+  });
+  it('blocks Add Job while authentication is unresolved', () => {
+    mockUseAuth.mockReturnValue({ isGuest: false, isPending: true });
+    render(<NewJobButton resumes={[{ id: 'ready', name: 'Master' }]} />);
+    expect(screen.getByRole('button', { name: '+ Add Job' })).toBeDisabled();
+  });
+
   it('accepts a pasted description directly without fetching a URL', async () => {
     const user = userEvent.setup();
     mockCreateJobApplication.mockResolvedValueOnce('pasted-job');
diff --git a/src/app/application-theme.css b/src/app/application-theme.css
new file mode 100644
index 0000000..b9a0cc9
--- /dev/null
+++ b/src/app/application-theme.css
@@ -0,0 +1,41 @@
+/* Shared utility aliases keep both stylesheet sets identical. */
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --radius-lg: var(--radius);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-sm: calc(var(--radius) - 4px);
+  --font-sans: Arial, system-ui, sans-serif;
+  --font-serif: "Ibarra Real Nova", serif;
+  --font-mono: var(--font-geist-mono);
+}
diff --git a/src/app/application-utilities.css b/src/app/application-utilities.css
new file mode 100644
index 0000000..ada42dd
--- /dev/null
+++ b/src/app/application-utilities.css
@@ -0,0 +1,7 @@
+/* Complete utilities for every other route and the authenticated account UI. */
+@import "tailwindcss/theme.css" layer(theme);
+@import "./application-theme.css";
+@layer utilities {
+  @tailwind utilities;
+}
+@source "../";
diff --git a/src/app/globals.css b/src/app/globals.css
index 557e64c..568c082 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,7 +1,21 @@
-@import "tailwindcss";
+@import "tailwindcss" source(none);
+@import "./application-theme.css";
 @import "./precision.css";
 @import "./readability.css";
-@import "./workspace.css";
+@source "./layout.tsx";
+@source "./error.tsx";
+@source "./global-error.tsx";
+@source "./not-found.tsx";
+@source "./pricing/page.tsx";
+@source "./tools/page.tsx";
+@source "../components/site-nav.tsx";
+@source "../components/rolepatch-mark.tsx";
+@source "../components/token-balance.tsx";
+@source "../components/user-menu.tsx";
+@source "../components/pricing-cards.tsx";
+@source "../components/saasmaker-feedback.tsx";
+@source "../components/saasmaker-feedback-widget.tsx";
+@source "../components/ui/button.tsx";
 
 :root {
   color-scheme: dark;
@@ -27,30 +41,7 @@
   --ring: #e4e4e7;
 }
 
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-destructive-foreground: var(--destructive-foreground);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --font-sans: Arial, system-ui, sans-serif;
-  --font-serif: "Ibarra Real Nova", serif;
-  --font-mono: var(--font-geist-mono);
-}
+
 
 body {
   background: var(--background);
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index f586cf5..ced1bdc 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -12,6 +12,7 @@ import { VitalsReporter } from '@/components/VitalsReporter';
 const geistSans = Geist({
   variable: '--font-geist-sans',
   subsets: ['latin'],
+  display: 'optional',
 });
 
 const geistMono = Geist_Mono({
@@ -136,9 +137,6 @@ export default function RootLayout({
               <SaaSMakerFeedback />
               <div className="mx-auto flex max-w-6xl items-center justify-between gap-4">
                 <span>RolePatch</span>
-                <a href="/proof" className="transition-colors hover:text-foreground">
-                  TrueHire proof
-                </a>
               </div>
             </footer>
           </AuthProvider>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index cfac0ac..b56fe69 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,8 +2,8 @@ import { redirect } from 'next/navigation';
 
 /**
  * Astro owns anon GET `/` in production (landing-astro overlay + run_worker_first).
- * OpenNext fallback sends everyone to the app — landing CTAs already point at /dashboard.
+ * OpenNext fallback sends everyone to the app — landing CTAs already point at /resume-builder.
  */
 export default function HomePage() {
-  redirect('/dashboard');
+  redirect('/resume-builder');
 }
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index e48c871..67889ba 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from 'next';
+import { preload } from 'react-dom';
 
 import { PricingCards } from '@/components/pricing-cards';
 import { getTokenBalance } from '@/lib/actions/token-actions';
@@ -40,10 +41,15 @@ async function hasRecentPayment(): Promise<boolean> {
 }
 
 export default async function PricingPage() {
+  preload('/fonts/space-grotesk-public-700.woff2', {
+    as: 'font',
+    type: 'font/woff2',
+    crossOrigin: '',
+  });
   const [balance, paymentVerified] = await Promise.all([getTokenBalance(), hasRecentPayment()]);
 
   return (
-    <main className="max-w-4xl mx-auto px-6 py-16">
+    <main className="performance-page max-w-4xl mx-auto px-6 py-16">
       <div className="text-center mb-12">
         <h1 className="font-serif text-4xl font-bold tracking-tight text-foreground">Get Tokens</h1>
         <p className="text-[var(--muted-foreground)] mt-3">
diff --git a/src/app/readability.css b/src/app/readability.css
index 2b0ad2a..2f83207 100644
--- a/src/app/readability.css
+++ b/src/app/readability.css
@@ -1,12 +1,25 @@
 /* App-only polish within Precision Studio. Astro, documents and footer stay separate. */
 @font-face {
   font-family: "RolePatch Display";
-  src: url("/fonts/space-grotesk.ttf") format("truetype");
+  src: url("/fonts/space-grotesk.woff2") format("woff2");
   font-style: normal;
   font-weight: 300 700;
-  font-display: swap;
+  font-display: optional;
 }
 
+/* Metrics from the shipped face, using Next's Arial fallback calculation. */
+@font-face {
+  font-family: "RolePatch Display Fallback";
+  src: local("Arial");
+  size-adjust: 110.84%;
+  ascent-override: 88.78%;
+  descent-override: 26.34%;
+  line-gap-override: 0%;
+}
+
+/* Public entry pages should paint immediately, without a transparent first frame. */
+.performance-page { animation: none; }
+
 :is(.precision-app-nav ~ main, .product-editor-toolbar) {
   color: var(--foreground);
   font-family: var(--font-sans);
@@ -15,7 +28,7 @@
 }
 
 :is(.precision-app-nav ~ main, .product-editor-toolbar) :is(h1, h2) {
-  font-family: "RolePatch Display", var(--font-sans);
+  font-family: "RolePatch Display", "RolePatch Display Fallback", var(--font-sans);
   font-weight: 700;
   letter-spacing: -0.025em;
   line-height: 1.25;
@@ -72,3 +85,15 @@
   .job-row > :nth-child(7) { grid-column: 2; grid-row: 3; }
 }
 @media (max-width: 1023px) { .outline-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; } .outline-index { position: static; } }
+
+/* Same 700-weight outlines; the complete face handles all other characters. */
+@font-face {
+  font-family: "RolePatch Public Display";
+  src: url("/fonts/space-grotesk-public-700.woff2") format("woff2");
+  font-style: normal;
+  font-weight: 700;
+  font-display: optional;
+}
+.precision-app-nav ~ .performance-page :is(h1, h2) {
+  font-family: "RolePatch Public Display", "RolePatch Display", "RolePatch Display Fallback", var(--font-sans);
+}
diff --git a/src/app/tools/page.tsx b/src/app/tools/page.tsx
index f13bd5a..cae38eb 100644
--- a/src/app/tools/page.tsx
+++ b/src/app/tools/page.tsx
@@ -8,6 +8,7 @@ import {
   Sparkles,
 } from 'lucide-react';
 import Link from 'next/link';
+import { preload } from 'react-dom';
 
 const tools = [
   {
@@ -49,8 +50,13 @@ const tools = [
 ];
 
 export default function ToolsPage() {
+  preload('/fonts/space-grotesk-public-700.woff2', {
+    as: 'font',
+    type: 'font/woff2',
+    crossOrigin: '',
+  });
   return (
-    <main className="max-w-4xl mx-auto px-6 py-16">
+    <main className="performance-page max-w-4xl mx-auto px-6 py-16">
       <div className="text-center mb-16">
         <h1 className="font-serif text-4xl sm:text-5xl font-bold tracking-tight text-foreground">
           Free Resume Tools
@@ -65,6 +71,7 @@ export default function ToolsPage() {
           <Link
             key={tool.href}
             href={tool.href}
+            prefetch={false}
             className="group relative bg-[var(--card)] rounded-2xl border border-[var(--border)]/60 p-8 hover:border-[var(--accent)]/40 hover:shadow-xl hover:shadow-[var(--accent)]/5 transition-all duration-300 hover:translate-y-[-4px]"
           >
             <div className="w-12 h-12 rounded-xl bg-[var(--accent)]/10 border border-[var(--accent)]/20 flex items-center justify-center text-[var(--accent)] mb-6 group-hover:scale-110 transition-transform duration-300">
diff --git a/src/app/workspace.css b/src/app/workspace.css
index d5de405..7e62403 100644
--- a/src/app/workspace.css
+++ b/src/app/workspace.css
@@ -27,7 +27,7 @@
   --sidebar: oklch(0.985 0 0);
   --sidebar-foreground: oklch(0.141 0.005 285.823);
   --sidebar-primary: oklch(0.21 0.006 285.885);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-primary-foreground: var(--primary-foreground);
   --sidebar-accent: oklch(0.967 0.001 286.375);
   --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
   --sidebar-border: oklch(0.92 0.004 286.32);
@@ -37,42 +37,6 @@
   color: var(--foreground);
   color-scheme: light;
 }
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-  --radius-lg: var(--radius);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-sm: calc(var(--radius) - 4px);
-}
 .rolepatch-workspace main { animation: none; }
 .rolepatch-workspace [id] { scroll-margin-top: 1.5rem; }
 @layer base {
@@ -109,8 +73,8 @@
   --chart-5: oklch(0.274 0.006 286.033);
   --sidebar: oklch(0.21 0.006 285.885);
   --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-primary: var(--primary);
+  --sidebar-primary-foreground: var(--primary-foreground);
   --sidebar-accent: oklch(0.274 0.006 286.033);
   --sidebar-accent-foreground: oklch(0.985 0 0);
   --sidebar-border: oklch(1 0 0 / 10%);
diff --git a/src/components/application-styles.tsx b/src/components/application-styles.tsx
new file mode 100644
index 0000000..ba502be
--- /dev/null
+++ b/src/components/application-styles.tsx
@@ -0,0 +1,7 @@
+'use client';
+
+import '@/app/application-utilities.css';
+
+export function ApplicationStyles() {
+  return null;
+}
diff --git a/src/components/dashboard.tsx b/src/components/dashboard.tsx
index 9a1fb94..2939e15 100644
--- a/src/components/dashboard.tsx
+++ b/src/components/dashboard.tsx
@@ -23,6 +23,9 @@ import { JobDetailsModal, type JobDetailsModalInitialValues } from '@/components
 import { JobDiscovery, type DiscoveryQueueContext } from '@/components/job-discovery';
 import { JobSearchTips } from '@/components/job-search-tips';
 import { MigrationBanner } from '@/components/migration-banner';
+import { CreateResumeButton } from '@/components/create-resume-button';
+import { ResumeImportButton } from '@/components/resume-import-button';
+import { masterResumeReadiness } from '@/lib/master-resume';
 import { NewJobButton } from '@/components/new-job-button';
 import { RecruiterReplyRoutingCard } from '@/components/recruiter-reply-routing-card';
 import {
@@ -694,7 +697,11 @@ export function Dashboard({
               : 'Add a job, review your tailored resume, and track your application.'}
           </p>
         </div>
-        <NewJobButton resumes={resumes.map((r) => ({ id: r.id, name: r.name }))} />
+        <NewJobButton
+          resumes={resumes
+            .filter((r) => masterResumeReadiness(r.source).ready)
+            .map((r) => ({ id: r.id, name: r.name }))}
+        />
       </div>
 
       {/* Alerts — interviews this week, overdue follow-ups */}
@@ -721,14 +728,20 @@ export function Dashboard({
         </div>
       )}
 
-      {resumes.length === 0 && (
-        <p className="mb-8 rounded-lg border border-[var(--border)] p-4">
-          Start by{' '}
-          <Link href="/resume-builder" className="font-semibold underline">
-            building your master resume
-          </Link>
-          , then add your first job.
-        </p>
+      {!resumes.some((r) => masterResumeReadiness(r.source).ready) && (
+        <div className="mb-8 space-y-4 rounded-lg border border-[var(--border)] p-4">
+          <p>
+            Start by{' '}
+            <Link href="/resume-builder" className="font-semibold underline">
+              completing your master resume
+            </Link>
+            , then add your first job.
+          </p>
+          <div className="flex flex-wrap gap-2">
+            <ResumeImportButton />
+            <CreateResumeButton destination="builder" />
+          </div>
+        </div>
       )}
 
       {/* Job Applications section */}
diff --git a/src/components/new-job-button.tsx b/src/components/new-job-button.tsx
index adbc257..0936ca9 100644
--- a/src/components/new-job-button.tsx
+++ b/src/components/new-job-button.tsx
@@ -17,6 +17,7 @@ import {
 import { useAuth } from '@/components/auth-provider';
 import { createJobApplication } from '@/lib/actions/job-actions';
 import { scrapeJobUrlSafe } from '@/lib/actions/scrape-action';
+import { masterResumeReadiness } from '@/lib/master-resume';
 import { localListResumes, localSaveJob } from '@/lib/local-storage';
 
 interface NewJobButtonProps {
@@ -25,7 +26,7 @@ interface NewJobButtonProps {
 
 export function NewJobButton({ resumes: serverResumes }: NewJobButtonProps) {
   const router = useRouter();
-  const { isGuest } = useAuth();
+  const { isGuest, isPending: authPending } = useAuth();
   const [resumes, setResumes] = useState(serverResumes);
   const [open, setOpen] = useState(false);
   const [resumeId, setResumeId] = useState('');
@@ -42,7 +43,9 @@ export function NewJobButton({ resumes: serverResumes }: NewJobButtonProps) {
   // For guests, supplement with localStorage resumes
   useEffect(() => {
     if (isGuest) {
-      const localResumes = localListResumes().map((r) => ({ id: r.id, name: r.name }));
+      const localResumes = localListResumes()
+        .filter((r) => masterResumeReadiness(r.source).ready)
+        .map((r) => ({ id: r.id, name: r.name }));
       setResumes(localResumes);
     }
   }, [isGuest]);
@@ -169,7 +172,14 @@ export function NewJobButton({ resumes: serverResumes }: NewJobButtonProps) {
       }}
     >
       <SheetTrigger asChild>
-        <Button>+ Add Job</Button>
+        <Button
+          disabled={authPending || resumes.length === 0}
+          title={
+            resumes.length === 0 ? 'Complete your master resume before adding a job' : undefined
+          }
+        >
+          + Add Job
+        </Button>
       </SheetTrigger>
 
       {toast && (
diff --git a/src/components/resume-import-button.tsx b/src/components/resume-import-button.tsx
index 690c911..c9da7a5 100644
--- a/src/components/resume-import-button.tsx
+++ b/src/components/resume-import-button.tsx
@@ -68,10 +68,10 @@ export function ResumeImportButton() {
       <Button
         onClick={onClick}
         disabled={isPending || authPending}
-        variant="outline"
+        variant="default"
         title="Import resume from PDF, DOCX, or Markdown"
       >
-        {isPending ? 'Importing…' : '↑ Import Resume'}
+        {isPending ? 'Importing…' : 'Import Resume'}
       </Button>
       {error && (
         <span className="text-xs text-red-500 ml-2" role="alert">
diff --git a/src/components/rolepatch-mark.tsx b/src/components/rolepatch-mark.tsx
new file mode 100644
index 0000000..e34e4a8
--- /dev/null
+++ b/src/components/rolepatch-mark.tsx
@@ -0,0 +1,15 @@
+import { ArrowUpRight } from 'lucide-react';
+import { cn } from '@/lib/utils';
+
+export function RolePatchMark({ className }: { className?: string }) {
+  return (
+    <span
+      className={cn(
+        'flex size-6 shrink-0 items-center justify-center rounded-md bg-primary text-primary-foreground',
+        className
+      )}
+    >
+      <ArrowUpRight className="size-4" aria-hidden="true" />
+    </span>
+  );
+}
diff --git a/src/components/saasmaker-feedback-widget.tsx b/src/components/saasmaker-feedback-widget.tsx
new file mode 100644
index 0000000..6074011
--- /dev/null
+++ b/src/components/saasmaker-feedback-widget.tsx
@@ -0,0 +1,22 @@
+'use client';
+
+import '@saas-maker/feedback/dist/index.css';
+
+import { FeedbackWidget, type FeedbackSubmission } from '@saas-maker/feedback';
+import foundry from '../../foundry.json';
+import { submitSaaSMakerFeedback } from '@/lib/saasmaker-feedback';
+
+function submitFeedback(submission: FeedbackSubmission) {
+  return submitSaaSMakerFeedback(submission, foundry.projectKey);
+}
+
+export default function SaaSMakerFeedbackWidget() {
+  return (
+    <FeedbackWidget
+      onSubmit={submitFeedback}
+      position="bottom-right"
+      theme="dark"
+      triggerText="Send feedback"
+    />
+  );
+}
diff --git a/src/components/saasmaker-feedback.module.css b/src/components/saasmaker-feedback.module.css
index 8dcbd7a..7f6bd7c 100644
--- a/src/components/saasmaker-feedback.module.css
+++ b/src/components/saasmaker-feedback.module.css
@@ -5,3 +5,22 @@
   max-width: 100%;
   flex-shrink: 0;
 }
+
+.trigger {
+  min-height: 44px;
+  min-width: 168px;
+  padding: 12px 20px;
+  border-radius: 50px;
+  background: var(--primary);
+  color: var(--primary-foreground);
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1;
+  flex-shrink: 0;
+  box-shadow: 0 4px 14px #0003;
+}
+
+.support :global([data-feedback-widget] .smw-trigger) {
+  background: var(--primary);
+  color: var(--primary-foreground);
+}
diff --git a/src/components/saasmaker-feedback.tsx b/src/components/saasmaker-feedback.tsx
index dba5cd8..c1703cb 100644
--- a/src/components/saasmaker-feedback.tsx
+++ b/src/components/saasmaker-feedback.tsx
@@ -1,20 +1,43 @@
 'use client';
 
-import '@saas-maker/feedback/dist/index.css';
-
-import { FeedbackWidget } from '@saas-maker/feedback';
-import type { FeedbackSubmission } from '@saas-maker/feedback';
-import foundry from '../../foundry.json';
-import { submitSaaSMakerFeedback } from '@/lib/saasmaker-feedback';
+import dynamic from 'next/dynamic';
+import { useEffect, useRef, useState } from 'react';
 import styles from './saasmaker-feedback.module.css';
 
-function submitFeedback(submission: FeedbackSubmission) {
-  return submitSaaSMakerFeedback(submission, foundry.projectKey);
+function FeedbackPlaceholder() {
+  return (
+    <button disabled className={styles.trigger}>
+      Send feedback
+    </button>
+  );
 }
 
+const FeedbackWidget = dynamic(() => import('./saasmaker-feedback-widget'), {
+  ssr: false,
+  loading: FeedbackPlaceholder,
+});
+
 export function SaaSMakerFeedback() {
+  const section = useRef<HTMLElement>(null);
+  const [visible, setVisible] = useState(false);
+
+  useEffect(() => {
+    if (!section.current) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (!entries.some((entry) => entry.isIntersecting)) return;
+        setVisible(true);
+        observer.disconnect();
+      },
+      { rootMargin: '200px' }
+    );
+    observer.observe(section.current);
+    return () => observer.disconnect();
+  }, []);
+
   return (
     <section
+      ref={section}
       aria-labelledby="rolepatch-feedback-title"
       className={`${styles.support} mx-auto mb-6 flex max-w-6xl flex-col gap-4 rounded-xl border border-border/60 p-5 sm:flex-row sm:items-center sm:justify-between`}
     >
@@ -26,12 +49,7 @@ export function SaaSMakerFeedback() {
           Have a question or an idea? Send us feedback.
         </p>
       </div>
-      <FeedbackWidget
-        onSubmit={submitFeedback}
-        position="bottom-right"
-        theme="dark"
-        triggerText="Send feedback"
-      />
+      {visible ? <FeedbackWidget /> : <FeedbackPlaceholder />}
     </section>
   );
 }
diff --git a/src/components/signed-in-user-menu.tsx b/src/components/signed-in-user-menu.tsx
new file mode 100644
index 0000000..cdb4c06
--- /dev/null
+++ b/src/components/signed-in-user-menu.tsx
@@ -0,0 +1,87 @@
+'use client';
+
+import '@/app/application-utilities.css';
+import '@/app/workspace.css';
+
+import { ChevronsUpDown, LogOut, Settings } from 'lucide-react';
+import Link from 'next/link';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Button } from '@/components/ui/button';
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from '@/components/ui/sidebar';
+import { authClient } from '@/lib/auth-client';
+
+export function SignedInUserMenu({
+  user,
+  sidebar,
+}: {
+  user: typeof authClient.$Infer.Session.user;
+  sidebar: boolean;
+}) {
+  const { name, email, image } = user;
+  const avatar = (
+    <Avatar className="h-8 w-8 rounded-lg">
+      <AvatarImage src={image ?? undefined} alt="" />
+      <AvatarFallback className="rounded-lg">
+        {(name ?? '?')
+          .split(/\s+/)
+          .map((part) => part[0])
+          .slice(0, 2)
+          .join('')}
+      </AvatarFallback>
+    </Avatar>
+  );
+  const menu = (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        {sidebar ? (
+          <SidebarMenuButton size="lg" aria-label="Account menu">
+            {avatar}
+            <span className="grid flex-1 text-left text-sm leading-tight">
+              <span className="truncate font-semibold">{name}</span>
+              <span className="truncate text-xs">Personal account</span>
+            </span>
+            <ChevronsUpDown className="ml-auto size-4" />
+          </SidebarMenuButton>
+        ) : (
+          <Button variant="ghost" size="icon" aria-label="Account menu">
+            {avatar}
+          </Button>
+        )}
+      </DropdownMenuTrigger>
+      <DropdownMenuContent className="w-56" align="end" side={sidebar ? 'top' : 'bottom'}>
+        <DropdownMenuLabel className="truncate">{email}</DropdownMenuLabel>
+        <DropdownMenuSeparator />
+        <DropdownMenuItem asChild>
+          <Link href="/settings" prefetch={false}>
+            <Settings />
+            Account settings
+          </Link>
+        </DropdownMenuItem>
+        <DropdownMenuSeparator />
+        <DropdownMenuItem
+          onSelect={() => {
+            authClient.signOut();
+          }}
+        >
+          <LogOut />
+          Sign out
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+  return sidebar ? (
+    <SidebarMenu>
+      <SidebarMenuItem>{menu}</SidebarMenuItem>
+    </SidebarMenu>
+  ) : (
+    menu
+  );
+}
diff --git a/src/components/site-nav.tsx b/src/components/site-nav.tsx
index 6fe4ab4..09b9582 100644
--- a/src/components/site-nav.tsx
+++ b/src/components/site-nav.tsx
@@ -5,6 +5,7 @@ import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { useState } from 'react';
 
+import { RolePatchMark } from '@/components/rolepatch-mark';
 import { TokenBalance } from '@/components/token-balance';
 import { UserMenu } from '@/components/user-menu';
 
@@ -38,9 +39,7 @@ export function SiteNav() {
           prefetch={false}
           className="font-semibold text-foreground mr-auto sm:mr-6 flex items-center gap-2"
         >
-          <span className="w-6 h-6 rounded-md bg-[var(--accent)] flex items-center justify-center text-[10px] font-bold text-white">
-            ↗
-          </span>
+          <RolePatchMark />
           RolePatch
         </Link>
 
diff --git a/src/components/user-menu.tsx b/src/components/user-menu.tsx
index dea44f8..a5e15f6 100644
--- a/src/components/user-menu.tsx
+++ b/src/components/user-menu.tsx
@@ -1,21 +1,16 @@
 'use client';
 
-import { ChevronsUpDown, LogOut, Settings } from 'lucide-react';
-import Link from 'next/link';
-import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import dynamic from 'next/dynamic';
+import { Suspense } from 'react';
 import { Button } from '@/components/ui/button';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from '@/components/ui/sidebar';
 import { authClient } from '@/lib/auth-client';
 import { captureAuthFailure } from '@/lib/foundry-monitoring';
 
+// Guest navigation does not need the authenticated dropdown or sidebar primitives.
+const SignedInUserMenu = dynamic(() =>
+  import('./signed-in-user-menu').then((module) => module.SignedInUserMenu)
+);
+
 export function UserMenu({ sidebar = false }: { sidebar?: boolean }) {
   const { data: session, isPending } = authClient.useSession();
   if (!session?.user) {
@@ -48,63 +43,27 @@ export function UserMenu({ sidebar = false }: { sidebar?: boolean }) {
       </Button>
     );
   }
-  const { name, email, image } = session.user;
-  const avatar = (
-    <Avatar className="h-8 w-8 rounded-lg">
-      <AvatarImage src={image ?? undefined} alt="" />
-      <AvatarFallback className="rounded-lg">
-        {(name ?? '?')
-          .split(/\s+/)
-          .map((part) => part[0])
-          .slice(0, 2)
-          .join('')}
-      </AvatarFallback>
-    </Avatar>
-  );
-  const menu = (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        {sidebar ? (
-          <SidebarMenuButton size="lg" aria-label="Account menu">
-            {avatar}
-            <span className="grid flex-1 text-left text-sm leading-tight">
-              <span className="truncate font-semibold">{name}</span>
-              <span className="truncate text-xs">Personal account</span>
-            </span>
-            <ChevronsUpDown className="ml-auto size-4" />
-          </SidebarMenuButton>
-        ) : (
-          <Button variant="ghost" size="icon" aria-label="Account menu">
-            {avatar}
-          </Button>
-        )}
-      </DropdownMenuTrigger>
-      <DropdownMenuContent className="w-56" align="end" side={sidebar ? 'top' : 'bottom'}>
-        <DropdownMenuLabel className="truncate">{email}</DropdownMenuLabel>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem asChild>
-          <Link href="/settings" prefetch={false}>
-            <Settings />
-            Account settings
-          </Link>
-        </DropdownMenuItem>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem
-          onSelect={() => {
-            authClient.signOut();
-          }}
+  return (
+    <Suspense
+      fallback={
+        <Button
+          variant="ghost"
+          size={sidebar ? 'default' : 'icon'}
+          className={sidebar ? 'h-12 w-full' : undefined}
+          disabled
+          aria-label="Loading account menu"
         >
-          <LogOut />
-          Sign out
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
-  return sidebar ? (
-    <SidebarMenu>
-      <SidebarMenuItem>{menu}</SidebarMenuItem>
-    </SidebarMenu>
-  ) : (
-    menu
+          <span className="flex h-8 w-8 items-center justify-center rounded-lg bg-muted">
+            {(session.user.name ?? '?')
+              .split(/\s+/)
+              .map((part) => part[0])
+              .slice(0, 2)
+              .join('')}
+          </span>
+        </Button>
+      }
+    >
+      <SignedInUserMenu user={session.user} sidebar={sidebar} />
+    </Suspense>
   );
 }
diff --git a/src/components/workspace-interior.tsx b/src/components/workspace-interior.tsx
new file mode 100644
index 0000000..72482c0
--- /dev/null
+++ b/src/components/workspace-interior.tsx
@@ -0,0 +1,168 @@
+'use client';
+
+import '@/app/workspace.css';
+
+import { BriefcaseBusiness, FileText } from 'lucide-react';
+import Link from 'next/link';
+import { useMemo, useState, type ReactNode } from 'react';
+import { RolePatchMark } from '@/components/rolepatch-mark';
+import { TokenBalance } from '@/components/token-balance';
+import { UserMenu } from '@/components/user-menu';
+import { WorkspaceThemeProvider } from '@/components/workspace-theme';
+import { ThemeToggle } from '@/components/theme-toggle';
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from '@/components/ui/breadcrumb';
+import { Separator } from '@/components/ui/separator';
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarProvider,
+  SidebarTrigger,
+  useSidebar,
+} from '@/components/ui/sidebar';
+import { WorkspaceOutlineContext, type WorkspaceSection } from '@/components/workspace-outline';
+
+const links = [
+  { href: '/resume-builder', label: 'Resume Builder', icon: FileText },
+  { href: '/jobs', label: 'Jobs', icon: BriefcaseBusiness },
+];
+
+function WorkspaceSidebar({
+  builder,
+  sections,
+}: {
+  builder: boolean;
+  sections: WorkspaceSection[];
+}) {
+  const { setOpenMobile } = useSidebar();
+  return (
+    <Sidebar variant="inset" collapsible="icon">
+      <SidebarHeader>
+        <SidebarMenu>
+          <SidebarMenuItem>
+            <SidebarMenuButton size="lg" asChild>
+              <Link href="/resume-builder" prefetch={false} onClick={() => setOpenMobile(false)}>
+                <RolePatchMark className="size-8 rounded-lg" />
+                <span className="grid flex-1 text-left text-sm leading-tight">
+                  <span className="truncate font-semibold">RolePatch</span>
+                  <span className="truncate text-xs">Your workspace</span>
+                </span>
+              </Link>
+            </SidebarMenuButton>
+          </SidebarMenuItem>
+        </SidebarMenu>
+      </SidebarHeader>
+      <SidebarContent>
+        <SidebarGroup>
+          <SidebarGroupLabel>Workspace</SidebarGroupLabel>
+          <nav aria-label="Primary">
+            <SidebarMenu>
+              {links.map(({ href, label, icon: Icon }) => (
+                <SidebarMenuItem key={href}>
+                  <SidebarMenuButton
+                    asChild
+                    isActive={builder === (href === '/resume-builder')}
+                    tooltip={label}
+                  >
+                    <Link
+                      href={href}
+                      prefetch={false}
+                      aria-current={builder === (href === '/resume-builder') ? 'page' : undefined}
+                      onClick={() => setOpenMobile(false)}
+                    >
+                      <Icon />
+                      <span>{label}</span>
+                    </Link>
+                  </SidebarMenuButton>
+                </SidebarMenuItem>
+              ))}
+            </SidebarMenu>
+          </nav>
+        </SidebarGroup>
+        {builder && sections.length > 0 && (
+          <SidebarGroup className="group-data-[collapsible=icon]:hidden">
+            <SidebarGroupLabel>Master resume</SidebarGroupLabel>
+            <nav aria-label="Resume sections">
+              <SidebarMenu>
+                {sections.map((section) => (
+                  <SidebarMenuItem key={section.id}>
+                    <SidebarMenuButton asChild>
+                      <a href={`#${section.id}`} onClick={() => setOpenMobile(false)}>
+                        <span>{section.title}</span>
+                      </a>
+                    </SidebarMenuButton>
+                  </SidebarMenuItem>
+                ))}
+              </SidebarMenu>
+            </nav>
+          </SidebarGroup>
+        )}
+      </SidebarContent>
+      <SidebarFooter>
+        <UserMenu sidebar />
+      </SidebarFooter>
+    </Sidebar>
+  );
+}
+
+export function WorkspaceInterior({
+  children,
+  builder,
+}: {
+  children: ReactNode;
+  builder: boolean;
+}) {
+  const [sections, setSections] = useState<WorkspaceSection[]>([]);
+  const outline = useMemo(() => ({ sections, setSections }), [sections]);
+  return (
+    <WorkspaceOutlineContext.Provider value={outline}>
+      <WorkspaceThemeProvider>
+        <SidebarProvider>
+          <WorkspaceSidebar builder={builder} sections={sections} />
+          <SidebarInset>
+            <header className="flex h-16 shrink-0 items-center gap-2 border-b">
+              <div className="flex items-center gap-2 px-4">
+                <SidebarTrigger className="-ml-1" />
+                <Separator orientation="vertical" className="mr-2 h-4" />
+                <Breadcrumb>
+                  <BreadcrumbList>
+                    <BreadcrumbItem className="hidden md:block">
+                      <BreadcrumbLink asChild>
+                        <Link href="/resume-builder" prefetch={false}>
+                          RolePatch
+                        </Link>
+                      </BreadcrumbLink>
+                    </BreadcrumbItem>
+                    <BreadcrumbSeparator className="hidden md:block" />
+                    <BreadcrumbItem>
+                      <BreadcrumbPage>{builder ? 'Resume Builder' : 'Jobs'}</BreadcrumbPage>
+                    </BreadcrumbItem>
+                  </BreadcrumbList>
+                </Breadcrumb>
+              </div>
+              <div className="ml-auto mr-4 flex items-center gap-2">
+                <ThemeToggle />
+                <TokenBalance />
+              </div>
+            </header>
+            {children}
+          </SidebarInset>
+        </SidebarProvider>
+      </WorkspaceThemeProvider>
+    </WorkspaceOutlineContext.Provider>
+  );
+}
diff --git a/src/components/workspace-shell.tsx b/src/components/workspace-shell.tsx
index 5a9beb4..994b056 100644
--- a/src/components/workspace-shell.tsx
+++ b/src/components/workspace-shell.tsx
@@ -1,174 +1,35 @@
 'use client';
 
-import { ArrowUpRight, BriefcaseBusiness, FileText } from 'lucide-react';
-import Link from 'next/link';
+import dynamic from 'next/dynamic';
 import { usePathname } from 'next/navigation';
-import { useMemo, useState, type ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { SiteNav } from '@/components/site-nav';
-import { TokenBalance } from '@/components/token-balance';
-import { UserMenu } from '@/components/user-menu';
-import { WorkspaceThemeProvider } from '@/components/workspace-theme';
-import { ThemeToggle } from '@/components/theme-toggle';
-import {
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbList,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-} from '@/components/ui/breadcrumb';
-import { Separator } from '@/components/ui/separator';
-import {
-  Sidebar,
-  SidebarContent,
-  SidebarFooter,
-  SidebarGroup,
-  SidebarGroupLabel,
-  SidebarHeader,
-  SidebarInset,
-  SidebarMenu,
-  SidebarMenuButton,
-  SidebarMenuItem,
-  SidebarProvider,
-  SidebarTrigger,
-  useSidebar,
-} from '@/components/ui/sidebar';
-import { WorkspaceOutlineContext, type WorkspaceSection } from '@/components/workspace-outline';
 
-const links = [
-  { href: '/resume-builder', label: 'Resume Builder', icon: FileText },
-  { href: '/jobs', label: 'Jobs', icon: BriefcaseBusiness },
-];
-
-function WorkspaceSidebar({
-  builder,
-  sections,
-}: {
-  builder: boolean;
-  sections: WorkspaceSection[];
-}) {
-  const { setOpenMobile } = useSidebar();
-  return (
-    <Sidebar variant="inset" collapsible="icon">
-      <SidebarHeader>
-        <SidebarMenu>
-          <SidebarMenuItem>
-            <SidebarMenuButton size="lg" asChild>
-              <Link href="/resume-builder" prefetch={false} onClick={() => setOpenMobile(false)}>
-                <span className="flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">
-                  <ArrowUpRight className="size-4" />
-                </span>
-                <span className="grid flex-1 text-left text-sm leading-tight">
-                  <span className="truncate font-semibold">RolePatch</span>
-                  <span className="truncate text-xs">Your workspace</span>
-                </span>
-              </Link>
-            </SidebarMenuButton>
-          </SidebarMenuItem>
-        </SidebarMenu>
-      </SidebarHeader>
-      <SidebarContent>
-        <SidebarGroup>
-          <SidebarGroupLabel>Workspace</SidebarGroupLabel>
-          <nav aria-label="Primary">
-            <SidebarMenu>
-              {links.map(({ href, label, icon: Icon }) => (
-                <SidebarMenuItem key={href}>
-                  <SidebarMenuButton
-                    asChild
-                    isActive={builder === (href === '/resume-builder')}
-                    tooltip={label}
-                  >
-                    <Link
-                      href={href}
-                      prefetch={false}
-                      aria-current={builder === (href === '/resume-builder') ? 'page' : undefined}
-                      onClick={() => setOpenMobile(false)}
-                    >
-                      <Icon />
-                      <span>{label}</span>
-                    </Link>
-                  </SidebarMenuButton>
-                </SidebarMenuItem>
-              ))}
-            </SidebarMenu>
-          </nav>
-        </SidebarGroup>
-        {builder && sections.length > 0 && (
-          <SidebarGroup className="group-data-[collapsible=icon]:hidden">
-            <SidebarGroupLabel>Master resume</SidebarGroupLabel>
-            <nav aria-label="Resume sections">
-              <SidebarMenu>
-                {sections.map((section) => (
-                  <SidebarMenuItem key={section.id}>
-                    <SidebarMenuButton asChild>
-                      <a href={`#${section.id}`} onClick={() => setOpenMobile(false)}>
-                        <span>{section.title}</span>
-                      </a>
-                    </SidebarMenuButton>
-                  </SidebarMenuItem>
-                ))}
-              </SidebarMenu>
-            </nav>
-          </SidebarGroup>
-        )}
-      </SidebarContent>
-      <SidebarFooter>
-        <UserMenu sidebar />
-      </SidebarFooter>
-    </Sidebar>
-  );
-}
+// Public tools and pricing do not need the editor sidebar and its dependencies.
+const WorkspaceInterior = dynamic(() =>
+  import('./workspace-interior').then((module) => module.WorkspaceInterior)
+);
+const ApplicationStyles = dynamic(() =>
+  import('./application-styles').then((module) => module.ApplicationStyles)
+);
 
 export function WorkspaceShell({ children }: { children: ReactNode }) {
   const pathname = usePathname() ?? '';
-  const [sections, setSections] = useState<WorkspaceSection[]>([]);
-  const outline = useMemo(() => ({ sections, setSections }), [sections]);
   const builder = pathname === '/resume-builder' || pathname.startsWith('/editor/');
   const workspace =
     builder || pathname === '/jobs' || pathname === '/dashboard' || pathname.startsWith('/tailor/');
-  if (!workspace)
-    return (
-      <>
-        <SiteNav />
-        {children}
-      </>
-    );
+  const catalog = pathname === '/pricing' || pathname === '/tools';
   return (
-    <WorkspaceOutlineContext.Provider value={outline}>
-      <WorkspaceThemeProvider>
-        <SidebarProvider>
-          <WorkspaceSidebar builder={builder} sections={sections} />
-          <SidebarInset>
-            <header className="flex h-16 shrink-0 items-center gap-2 border-b">
-              <div className="flex items-center gap-2 px-4">
-                <SidebarTrigger className="-ml-1" />
-                <Separator orientation="vertical" className="mr-2 h-4" />
-                <Breadcrumb>
-                  <BreadcrumbList>
-                    <BreadcrumbItem className="hidden md:block">
-                      <BreadcrumbLink asChild>
-                        <Link href="/resume-builder" prefetch={false}>
-                          RolePatch
-                        </Link>
-                      </BreadcrumbLink>
-                    </BreadcrumbItem>
-                    <BreadcrumbSeparator className="hidden md:block" />
-                    <BreadcrumbItem>
-                      <BreadcrumbPage>{builder ? 'Resume Builder' : 'Jobs'}</BreadcrumbPage>
-                    </BreadcrumbItem>
-                  </BreadcrumbList>
-                </Breadcrumb>
-              </div>
-              <div className="ml-auto mr-4 flex items-center gap-2">
-                <ThemeToggle />
-                <TokenBalance />
-              </div>
-            </header>
-            {children}
-          </SidebarInset>
-        </SidebarProvider>
-      </WorkspaceThemeProvider>
-    </WorkspaceOutlineContext.Provider>
+    <>
+      {!catalog && <ApplicationStyles />}
+      {workspace ? (
+        <WorkspaceInterior builder={builder}>{children}</WorkspaceInterior>
+      ) : (
+        <>
+          <SiteNav />
+          {children}
+        </>
+      )}
+    </>
   );
 }
diff --git a/src/lib/analytics.ts b/src/lib/analytics.ts
index 16395c9..331380b 100644
--- a/src/lib/analytics.ts
+++ b/src/lib/analytics.ts
@@ -74,8 +74,9 @@ function trackEvent(
       // Browser context. Load the browser client lazily so the
       // React-dependent `posthog-js` entry is never evaluated
       // during SSR / `next build`.
-      void import('posthog-js')
-        .then(({ default: posthog }) => {
+      void import('./foundry-monitoring')
+        .then(({ getPostHog }) => getPostHog())
+        .then((posthog) => {
           posthog.capture(event, payload);
         })
         .catch(() => {
diff --git a/src/lib/foundry-monitoring.ts b/src/lib/foundry-monitoring.ts
index fea6e7a..2eab3ab 100644
--- a/src/lib/foundry-monitoring.ts
+++ b/src/lib/foundry-monitoring.ts
@@ -1,6 +1,6 @@
 'use client';
 
-import posthog from 'posthog-js';
+import { waitForMonitoringIdle } from '@/lib/monitoring-idle';
 
 type AuthFailureStage = 'signin' | 'signup' | 'callback' | 'session' | 'unknown';
 const PROJECT_SLUG = 'resume-tailor';
@@ -8,6 +8,37 @@ const POSTHOG_KEY =
   process.env.NEXT_PUBLIC_POSTHOG_KEY ?? 'phc_qgiAarw4Co4pw9fz3Fxj4UJaHmqzFetqs4JrXhGc35Nd';
 const POSTHOG_HOST = 'https://us.i.posthog.com';
 
+let client: Promise<typeof import('posthog-js').default> | undefined;
+
+// Share initialization with analytics.ts. Load/idle alone can run before text
+// paints while CSS/fonts are pending. Keep the SDK and its remote extensions
+// out of startup, then use idle time for initialization.
+
+async function initializePostHog() {
+  await waitForMonitoringIdle();
+  const { default: posthog } = await import('posthog-js');
+  posthog.init(POSTHOG_KEY, {
+    api_host: POSTHOG_HOST,
+    person_profiles: 'always',
+    capture_pageview: false,
+    autocapture: false,
+  });
+  return posthog;
+}
+
+export function getPostHog() {
+  client ??= initializePostHog();
+  return client;
+}
+
+function capture(event: string, properties: Record<string, unknown>) {
+  void getPostHog()
+    .then((posthog) => posthog.capture(event, properties))
+    .catch(() => {
+      // Monitoring must never break a user flow, including a failed SDK load.
+    });
+}
+
 function route() {
   if (typeof window === 'undefined') return undefined;
   return `${window.location.origin}${window.location.pathname}`;
@@ -26,7 +57,7 @@ export function captureAuthFailure(options: {
   source?: string;
   projectSlug?: string;
 }) {
-  posthog.capture('foundry_auth_failure', {
+  capture('foundry_auth_failure', {
     project_id: options.projectSlug ?? PROJECT_SLUG,
     route: route(),
     provider: options.provider,
@@ -56,7 +87,7 @@ export function captureError(
   options: { scope?: ErrorBoundaryScope; digest?: string; source?: string } = {}
 ) {
   try {
-    posthog.capture('error_captured', {
+    capture('error_captured', {
       project_id: PROJECT_SLUG,
       route: route(),
       scope: options.scope ?? 'unknown',
@@ -71,7 +102,7 @@ export function captureError(
 }
 
 function capturePageCrash(error: unknown, source: 'window_error' | 'unhandled_rejection') {
-  posthog.capture('foundry_page_crash', {
+  capture('foundry_page_crash', {
     project_id: PROJECT_SLUG,
     route: route(),
     source,
@@ -82,12 +113,7 @@ function capturePageCrash(error: unknown, source: 'window_error' | 'unhandled_re
 
 export function installBrowserMonitoring() {
   if (typeof window === 'undefined') return () => {};
-  posthog.init(POSTHOG_KEY, {
-    api_host: POSTHOG_HOST,
-    person_profiles: 'always',
-    capture_pageview: false,
-    autocapture: false,
-  });
+  void getPostHog().catch(() => {});
 
   const onError = (event: ErrorEvent) => {
     capturePageCrash(event.error ?? event.message, 'window_error');
diff --git a/src/lib/monitoring-idle.ts b/src/lib/monitoring-idle.ts
new file mode 100644
index 0000000..e0c555e
--- /dev/null
+++ b/src/lib/monitoring-idle.ts
@@ -0,0 +1,16 @@
+'use client';
+
+export function waitForMonitoringIdle() {
+  const pending: Promise<void> = new Promise((resolve) => {
+    const afterLoad = () => {
+      setTimeout(() => {
+        if ('requestIdleCallback' in window)
+          window.requestIdleCallback(() => resolve(), { timeout: 1000 });
+        else resolve();
+      }, 5000);
+    };
+    if (document.readyState === 'complete') afterLoad();
+    else window.addEventListener('load', afterLoad, { once: true });
+  });
+  return pending;
+}
diff --git a/worker.mjs b/worker.mjs
index 3067bec..f04a216 100644
--- a/worker.mjs
+++ b/worker.mjs
@@ -12,6 +12,7 @@
 // All non-GET, non-`/` requests pass straight through to OpenNext.
 
 import openNext from './.open-next/worker.js';
+import { ensureLeadingHtmlDoctype } from './html-document.mjs';
 import { withTiming } from './timing.mjs';
 import { CONTENT_SECURITY_POLICY } from './security-policy.mjs';
 import { handleAgentEdge } from './agent-edge.mjs';
@@ -285,7 +286,7 @@ export default {
       // silently dropping the inlined critical-CSS chunk somewhere in the
       // stream-fork; reading once and constructing both responses from
       // the same Uint8Array sidesteps the streaming edge case entirely.
-      const body = await response.arrayBuffer();
+      const body = ensureLeadingHtmlDoctype(await response.arrayBuffer());
       const headers = new Headers(response.headers);
       headers.set('Cache-Control', DOCUMENT_EDGE_CACHE_CONTROL);