fix(acquisition): close invite privacy gaps

apps/web/app/join/[code]/JoinClient.test.ts

@@ -65,13 +65,21 @@ describe('/join/[code] JoinClient', () => {
     expect(source).not.toContain('glass-light')
   })
 
-  it('describes open-answer visibility truthfully', async () => {
+  it('describes comparison and open-answer visibility truthfully', async () => {
     const source = await readFile(componentPath, 'utf8')
 
-    expect(source).toContain('For open-answer questions, each response can be visible after you have both answered.')
+    expect(source).toContain('Vote-style questions reveal shared outcomes')
+    expect(source).toContain('open text, audio, photo, and who-likely responses can be visible to you both after you have each answered.')
     expect(source).not.toContain('Neither of you sees the other’s individual answers.')
   })
 
+  it('marks the invite-code surface out of PostHog DOM capture and replay', async () => {
+    const source = await readFile(componentPath, 'utf8')
+
+    expect(source).toContain('data-ph-no-capture')
+    expect(source).toContain('data-ph-mask')
+  })
+
   it('shows a clear fallback message for a malformed invite code', async () => {
     const source = await readFile(componentPath, 'utf8')
 

apps/web/app/join/[code]/JoinClient.tsx

@@ -124,10 +124,10 @@ export function JoinClient({ code }: { code: string }) {
   const storeUnavailableTitle = isOnline ? undefined : 'Reconnect to open the app store.'
   const desktopCopy = platform === 'desktop'
     ? 'Sauci is a phone app. Copy your code, then open this link on your phone or install from the store there.'
-    : 'They have already answered questions about you two. Join them to discover what you have in common. For open-answer questions, each response can be visible after you have both answered.'
+    : 'Join to compare answers together. Vote-style questions reveal shared outcomes; open text, audio, photo, and who-likely responses can be visible to you both after you have each answered.'
 
   return (
-    <main className="min-h-screen bg-gradient-to-b from-background-light to-background">
+    <main className="min-h-screen bg-gradient-to-b from-background-light to-background" data-ph-no-capture data-ph-mask>
       <header className="py-6 px-6 border-b border-white/5">
         <div className="max-w-4xl mx-auto flex items-center gap-4">
           <Link href="/" className="flex items-center gap-2 text-white/70 hover:text-white transition-colors">
@@ -150,7 +150,7 @@ export function JoinClient({ code }: { code: string }) {
         <h1 className="text-3xl sm:text-4xl font-bold mb-3">You&apos;ve been invited to compare answers</h1>
         <p className="text-white/70 mb-10">{desktopCopy}</p>
 
-        <section className="surface-solid p-6 sm:p-8 mb-6" aria-labelledby="invite-code-heading">
+        <section className="surface-solid p-6 sm:p-8 mb-6" aria-labelledby="invite-code-heading" data-ph-no-capture data-ph-mask>
           <h2 id="invite-code-heading" className="text-white/70 text-sm font-medium mb-3">Your invite code</h2>
           <p
             className="text-4xl sm:text-5xl font-bold tracking-[0.3em] text-primary mb-6"