diff --git a/e2e/flows/share-asset-capture.spec.ts b/e2e/flows/share-asset-capture.spec.ts
new file mode 100644
index 000000000..096879388
--- /dev/null
+++ b/e2e/flows/share-asset-capture.spec.ts
@@ -0,0 +1,147 @@
+/**
+ * Share-asset capture regression — the card face must NOT be blank.
+ *
+ * The launch-day bug: <PixelatedCardFace /> painted its pixelated hand into a
+ * runtime <canvas>, which html-to-image silently dropped when it couldn't
+ * serialise it (toDataURL() returns empty on iOS Safari for an SVG-sourced
+ * canvas) → blank pink card, and the capture SUCCEEDED so nothing reached Sentry.
+ *
+ * The fix renders the hand as a plain pre-pixelated <img> (the same reliable
+ * path the badge stickers take), and still gates Save/Share on PixelatedCardFace's
+ * `onReady` (the hand <img> loading) so a capture can't fire before it's ready.
+ *
+ * This spec proves the guard end-to-end against the real html-to-image path:
+ *   1. /dev/share-builder renders <ShareAssetD3 /> and wires "Save image" to
+ *      captureShareAsset + downloadBlob (the same capture code the in-app
+ *      Share/Save buttons use).
+ *   2. Save stays disabled until the card face signals ready — we wait for it
+ *      to enable (proves the gate releases only after the hand <img> loads).
+ *   3. We click Save, intercept the downloaded PNG, decode it IN-BROWSER (an
+ *      <img> + <canvas>.getImageData — no extra Node dep), and sample a region
+ *      in the CENTRE of the card — the hand's territory, away from the top-left
+ *      logo and bottom-left card number. If that region is ENTIRELY the card
+ *      pink (#FF90E8) the hand never rendered → the blank-card bug. We assert
+ *      it contains non-background pixels (the hand was captured).
+ *
+ * No harness auth needed — /dev/share-builder is a pure client-render dev page.
+ */
+
+import { test, expect } from '@playwright/test'
+import { readFileSync } from 'fs'
+
+// Asset + card geometry — mirror of shareAssetLayout.ts (CANVAS_W/H, CARD_*).
+// Hardcoded (not imported) to match the e2e convention of not pulling app code
+// through the '@/' alias into the Playwright tsconfig.
+const CANVAS_W = 1200
+const CANVAS_H = 900
+
+// Card-pink (PixelatedCardFace background) and asset-blue (ShareAssetD3 bg) as
+// [r,g,b]. "Background" = either of these; the hand is neither.
+const CARD_PINK: [number, number, number] = [0xff, 0x90, 0xe8]
+const ASSET_BLUE: [number, number, number] = [0x90, 0xa8, 0xed]
+const COLOR_TOL = 12
+
+// Central card region in 1200×900 canvas coords. The card is centred
+// (CARD_LEFT 220, CARD_TOP 210, CARD_W 760, CARD_H ≈ 479 → centre ≈ 600,449).
+// This window sits well inside the card and is HAND-ONLY: it excludes the
+// peanut logo (top-left ~248–300 px) and the "????" number (bottom-left,
+// canvas-y ≳ 615). So a blank card → this window is pure pink; the hand
+// present → many non-background pixels. Small enough that the card's -8°
+// final rotation can't rotate any background (blue) into it.
+const REGION = { x0: 430, y0: 330, x1: 770, y1: 570 }
+const SAMPLE_STEP = 6 // sample every 6th canvas-px → a dense grid
+
+test.describe('Share-asset capture (card face is not blank)', () => {
+    test('captured PNG card region contains the hand, not just background', async ({ page }, testInfo) => {
+        await page.goto('/dev/share-builder', { waitUntil: 'domcontentloaded' })
+
+        const saveBtn = page.getByTestId('save-image')
+
+        // The readiness gate: Save is disabled until the card face's hand <img>
+        // loads (onReady). If it never enables, the gate is broken OR the card
+        // never painted — both are failures this spec must catch.
+        await expect(saveBtn, 'Save must enable once the card face signals ready').toBeEnabled({ timeout: 60_000 })
+
+        // Let the card-slide / sticker-drop animations settle to their final
+        // frame so the card sits at its designed (centred, -8°) position before
+        // we capture. The capture itself overrides only the root scale; the
+        // card's own transform is whatever frame it's on.
+        await page.waitForTimeout(2_500)
+
+        // Click Save → captureShareAsset(node) → downloadBlob() fires a real
+        // download of the native-resolution PNG.
+        const downloadPromise = page.waitForEvent('download', { timeout: 30_000 })
+        await saveBtn.click()
+        const download = await downloadPromise
+        const pngPath = testInfo.outputPath('share-asset-capture.png')
+        await download.saveAs(pngPath)
+
+        // Decode + sample IN-BROWSER: load the PNG into an <img>, paint it to a
+        // <canvas>, read it back with getImageData, and count non-background
+        // pixels in the central card window. Done in the page (not Node) so we
+        // need no PNG-decoder dependency.
+        const base64 = readFileSync(pngPath).toString('base64')
+        const result = await page.evaluate(
+            async ({ b64, canvasW, canvasH, region, pink, blue, tol, step }) => {
+                const img = new Image()
+                img.src = `data:image/png;base64,${b64}`
+                await img.decode()
+
+                const cv = document.createElement('canvas')
+                cv.width = img.naturalWidth
+                cv.height = img.naturalHeight
+                const ctx = cv.getContext('2d')
+                if (!ctx) throw new Error('no 2d context')
+                ctx.drawImage(img, 0, 0)
+
+                const width = cv.width
+                const height = cv.height
+                const buf = ctx.getImageData(0, 0, width, height).data
+
+                // Output is captured at pixelRatio 2 (≈2400×1800) — scale canvas
+                // coords into output pixels.
+                const sx = width / canvasW
+                const sy = height / canvasH
+                const near = (r: number, g: number, b: number, c: number[]): boolean =>
+                    Math.abs(r - c[0]) <= tol && Math.abs(g - c[1]) <= tol && Math.abs(b - c[2]) <= tol
+
+                let sampled = 0
+                let nonBackground = 0
+                for (let cy = region.y0; cy <= region.y1; cy += step) {
+                    for (let cx = region.x0; cx <= region.x1; cx += step) {
+                        const px = Math.min(width - 1, Math.round(cx * sx))
+                        const py = Math.min(height - 1, Math.round(cy * sy))
+                        const idx = (py * width + px) * 4
+                        const r = buf[idx]
+                        const g = buf[idx + 1]
+                        const b = buf[idx + 2]
+                        sampled++
+                        if (!(near(r, g, b, pink) || near(r, g, b, blue))) nonBackground++
+                    }
+                }
+                return { width, height, sampled, nonBackground }
+            },
+            {
+                b64: base64,
+                canvasW: CANVAS_W,
+                canvasH: CANVAS_H,
+                region: REGION,
+                pink: CARD_PINK as number[],
+                blue: ASSET_BLUE as number[],
+                tol: COLOR_TOL,
+                step: SAMPLE_STEP,
+            }
+        )
+
+        const fraction = result.nonBackground / result.sampled
+        // Blank card → fraction ≈ 0 (pure pink). Hand present → a large chunk of
+        // the centre is non-pink. A 2% floor cleanly separates the two while
+        // staying far below the hand's real coverage (avoids flake).
+        expect(
+            fraction,
+            `card centre is ${(fraction * 100).toFixed(1)}% non-background ` +
+                `(${result.nonBackground}/${result.sampled} px; output ${result.width}×${result.height}). ` +
+                `≈0% means the pixelated hand never rendered — the blank-card capture bug.`
+        ).toBeGreaterThan(0.02)
+    })
+})
diff --git a/src/app/(mobile-ui)/add-money/[country]/bank/page.tsx b/src/app/(mobile-ui)/add-money/[country]/bank/page.tsx
index e94ae231a..63c669149 100644
--- a/src/app/(mobile-ui)/add-money/[country]/bank/page.tsx
+++ b/src/app/(mobile-ui)/add-money/[country]/bank/page.tsx
@@ -36,6 +36,7 @@ import { SumsubKycModals } from '@/components/Kyc/SumsubKycModals'
 import { InitiateKycModal } from '@/components/Kyc/InitiateKycModal'
 import AdvisoryPreemptModal from '@/components/Kyc/AdvisoryPreemptModal'
 import { useAdvisoryPreempt } from '@/hooks/useAdvisoryPreempt'
+import { useEeaUpliftFunnel } from '@/hooks/useEeaUpliftFunnel'
 import posthog from 'posthog-js'
 import { ANALYTICS_EVENTS } from '@/constants/analytics.consts'
 import { addMoneyCountryUrl } from '@/utils/native-routes'
@@ -78,10 +79,25 @@ export default function OnrampBankPage() {
     // regionIntent is NOT passed here to avoid creating a backend record on mount.
     // intent is passed at call time, derived from the destination country
     // (e.g. /add-money/usa → NA → bridge-requirements).
+    // EEA-uplift funnel events (PostHog): started on launch, completed on KYC
+    // success. trackCompleted no-ops unless an uplift was started this session.
+    const {
+        trackStarted: trackUpliftStarted,
+        trackCompleted: trackUpliftCompleted,
+        reset: resetUpliftFunnel,
+    } = useEeaUpliftFunnel('deposit')
+
     const sumsubFlow = useMultiPhaseKycFlow({
+        // Fire completed at Sumsub approval (verification submitted), not at
+        // end-of-flow — so it isn't lost if the user drops during the
+        // post-approval ToS / preparing steps.
+        onKycApproved: () => trackUpliftCompleted(),
         onKycSuccess: () => {
             setUrlState({ step: 'inputAmount' })
         },
+        // Abandoned attempt: clear the pending start so a later unrelated KYC
+        // success on this page can't mis-fire eea_uplift_completed.
+        onManualClose: resetUpliftFunnel,
     })
 
     // read country from path params (web) or query params (native/capacitor)
@@ -115,8 +131,9 @@ export default function OnrampBankPage() {
     const { gateFor } = useCapabilities()
     const bankCountry = useMemo(() => railJurisdictionForBank(selectedCountry?.id), [selectedCountry?.id])
     const gate = useMemo(() => gateFor('deposit', { channel: 'bank', country: bankCountry }), [gateFor, bankCountry])
-    // A ready bank rail can still carry a future-dated requirement (the gate's
-    // `advisory`). Offer it as a skippable pre-empt at the proceed step.
+    // A ready bank rail can still carry a pending Bridge requirement (the gate's
+    // `advisory`). Enforce it as a mandatory, non-skippable pre-empt at the
+    // proceed step — the deposit cannot continue until it's completed.
     const advisory = gate.kind === 'ready' ? gate.advisory : undefined
     const { intercept: advisoryIntercept, modalProps: advisoryModalProps } = useAdvisoryPreempt({
         advisory,
@@ -124,8 +141,11 @@ export default function OnrampBankPage() {
         // Route through the self-heal resubmit path (reheal-tagged action) so the
         // completed submission round-trips to Bridge. start-action mints a plain
         // token whose webhook completion has no Bridge relay → answers are dropped.
-        onCompleteNow: () =>
-            advisory ? sumsubFlow.handleSelfHealResubmit('BRIDGE', advisory.requirementKey) : Promise.resolve(),
+        onCompleteNow: () => {
+            if (!advisory) return Promise.resolve()
+            trackUpliftStarted(advisory)
+            return sumsubFlow.handleSelfHealResubmit('BRIDGE', advisory.requirementKey)
+        },
     })
     const { guardWithTos, showBridgeTos, hideTos } = useTosGuard()
     const { setIsSupportModalOpen } = useModalsContext()
@@ -247,10 +267,10 @@ export default function OnrampBankPage() {
             return
         }
 
-        // ready — offer the skippable advisory pre-empt once; on proceed (now, or
-        // after "Not now") record the amount-entered event and open the
-        // confirmation modal. Firing inside the proceed avoids double-counting if
-        // the user dismisses the advisory and re-clicks.
+        // ready — enforce the mandatory verification pre-empt. The proceed body
+        // (record the amount-entered event, open the confirmation modal) only
+        // runs once there's no pending requirement; while one exists the modal
+        // blocks and this never fires, so the event can't double-count.
         advisoryIntercept(() => {
             posthog.capture(ANALYTICS_EVENTS.DEPOSIT_AMOUNT_ENTERED, {
                 amount_usd: usdEquivalent,
diff --git a/src/app/(mobile-ui)/card/page.tsx b/src/app/(mobile-ui)/card/page.tsx
index dce8827c7..7d80a6aca 100644
--- a/src/app/(mobile-ui)/card/page.tsx
+++ b/src/app/(mobile-ui)/card/page.tsx
@@ -13,7 +13,6 @@ import AddCardEntryScreen from '@/components/Card/AddCardEntryScreen'
 import ApplicationStatusScreen from '@/components/Card/ApplicationStatusScreen'
 import CardTermsScreen from '@/components/Card/CardTermsScreen'
 import CardRejectionScreen from '@/components/Card/CardRejectionScreen'
-import CardWaitlistJoinedScreen from '@/components/Card/CardWaitlistJoinedScreen'
 import BadgeSkipCelebration from '@/components/Card/BadgeSkipCelebration'
 import CardEligibilityCheckScreen from '@/components/Card/CardEligibilityCheckScreen'
 import YourCardScreen from '@/components/Card/YourCardScreen'
@@ -470,18 +469,17 @@ const CardPage: FC = () => {
                     />
                 )
             case 'waitlist': {
-                // Joined vs not-joined are two distinct screens — keeps each
-                // tight to its own purpose. Not-joined is the Berghain-style
-                // "not tonight" rejection: a shareable door let-down (tags
-                // @joinpeanut) that doubles as the waitlist-join CTA. Once
-                // they join, the state machine flips to the friendly
-                // <CardWaitlistJoinedScreen /> cooldown.
-                if (cardInfo!.waitlistJoinedAt) {
-                    return <CardWaitlistJoinedScreen onPrev={onBack} />
-                }
+                // The Berghain-style "not tonight" rejection is the TERMINAL
+                // waitlist screen — a shareable door let-down (tags @joinpeanut)
+                // that doubles as the waitlist-join CTA. Once they join we keep
+                // them here (`alreadyJoined`) so the asset + "Tweet to appeal"
+                // stay grabbable — no separate cooldown screen to dead-end on.
                 return (
                     <CardRejectionScreen
                         username={user?.user?.username ?? undefined}
+                        waitlistTotal={cardInfo!.waitlistTotal}
+                        admittedTotal={cardInfo!.admittedTotal}
+                        alreadyJoined={!!cardInfo!.waitlistJoinedAt}
                         onPrev={onBack}
                         onJoined={refetchCardInfo}
                     />
@@ -553,19 +551,32 @@ const CardPage: FC = () => {
                         onPrev={onBack}
                     />
                 )
-            case 'rejected':
+            case 'rejected': {
                 // No retry CTA: Rain denials are terminal on our side. The
                 // only path forward is support reviewing the case manually
                 // (PEP / sanctions / fraud-pattern flags need a human in the
                 // loop on Rain's end). Open Crisp directly — sending the user
                 // to /support's FAQ first adds a step for no upside.
+                //
+                // Surface the specific, vetted rejection reason from the
+                // capabilities read-model (`rail.reason.userMessage` — e.g.
+                // "Peanut cards aren't available in your state yet."). Render
+                // immediately rather than spinner-gating: unlike requires-info
+                // (meaningless without its reason), the rejected screen is useful
+                // on its own (reassurance + support CTA), so show it now and let
+                // the reason fill in once capabilities resolve.
+                const cardRailReason = capabilitiesLoading
+                    ? undefined
+                    : railsForProvider('rain')[0]?.reason?.userMessage
                 return (
                     <ApplicationStatusScreen
                         variant="rejected"
+                        reasonMessage={cardRailReason}
                         onContactSupport={() => setIsSupportModalOpen(true)}
                         onPrev={onBack}
                     />
                 )
+            }
             case 'active': {
                 const card = findActiveCard(overview)!
                 return <YourCardScreen overview={overview!} card={card} onPrev={onBack} />
diff --git a/src/app/(mobile-ui)/dev/rejection-builder/page.tsx b/src/app/(mobile-ui)/dev/rejection-builder/page.tsx
index 544119223..3b229899c 100644
--- a/src/app/(mobile-ui)/dev/rejection-builder/page.tsx
+++ b/src/app/(mobile-ui)/dev/rejection-builder/page.tsx
@@ -13,6 +13,7 @@
 import { useState } from 'react'
 import NavHeader from '@/components/Global/NavHeader'
 import CardRejectionScreen from '@/components/Card/CardRejectionScreen'
+import { computeDoorTally } from '@/components/Card/doorTally.utils'
 import type { RejectionMascot } from '@/components/Card/share-asset/shareAsset.types'
 
 const MASCOTS: ReadonlyArray<[RejectionMascot, string]> = [
@@ -25,8 +26,13 @@ const MASCOTS: ReadonlyArray<[RejectionMascot, string]> = [
 export default function RejectionBuilderPage() {
     const [username, setUsername] = useState('kkonrad')
     const [mascot, setMascot] = useState<RejectionMascot>('cool')
-    const [applicants, setApplicants] = useState(213)
-    const [admitted, setAdmitted] = useState(7)
+    // The REAL backend counts (waitlistTotal / admittedTotal). The screen
+    // inflates "tried" for FOMO; the readout below shows what it renders.
+    const [waitlistTotal, setWaitlistTotal] = useState(120)
+    const [admittedTotal, setAdmittedTotal] = useState(7)
+    const [alreadyJoined, setAlreadyJoined] = useState(false)
+
+    const tally = computeDoorTally(waitlistTotal, admittedTotal)
 
     return (
         <div className="flex min-h-screen flex-col">
@@ -75,48 +81,81 @@ export default function RejectionBuilderPage() {
                         </p>
                     </Section>
 
-                    <Section title="Door tally (screen copy, not on asset)">
-                        <Field label={`Applicants tonight (${applicants})`}>
+                    <Section title="Door tally — REAL backend counts">
+                        <Field label={`Waitlist size · real cardWaitlistJoinedAt count (${waitlistTotal})`}>
                             <input
                                 type="range"
-                                min={20}
+                                min={0}
                                 max={5000}
                                 step={1}
-                                value={applicants}
-                                onChange={(e) => setApplicants(Number(e.target.value))}
+                                value={waitlistTotal}
+                                onChange={(e) => setWaitlistTotal(Number(e.target.value))}
                                 className="w-full"
                             />
                         </Field>
-                        <Field label={`Admitted (${admitted})`}>
+                        <Field label={`Admitted · real cardAccessGrantedAt count (${admittedTotal})`}>
                             <input
                                 type="range"
-                                min={1}
-                                max={50}
+                                min={0}
+                                max={500}
                                 step={1}
-                                value={admitted}
-                                onChange={(e) => setAdmitted(Number(e.target.value))}
+                                value={admittedTotal}
+                                onChange={(e) => setAdmittedTotal(Number(e.target.value))}
                                 className="w-full"
                             />
                         </Field>
+                        <p className="rounded-sm border border-n-1 bg-grey-3 p-2 text-center text-xs font-bold text-n-1">
+                            renders as:{' '}
+                            <span className="text-primary-1">
+                                {tally.applicants.toLocaleString('en-US')} tried · {tally.admitted} got in
+                            </span>
+                            <br />
+                            <span className="font-normal text-grey-1">
+                                “tried” = waitlist × FOMO multiplier (floored); “got in” = real admitted
+                            </span>
+                        </p>
                         <div className="flex flex-wrap gap-2">
                             <PresetButton
                                 onClick={() => {
-                                    setApplicants(213)
-                                    setAdmitted(7)
+                                    setWaitlistTotal(0)
+                                    setAdmittedTotal(0)
                                 }}
                             >
-                                213 / 7
+                                empty (floor)
                             </PresetButton>
                             <PresetButton
                                 onClick={() => {
-                                    setApplicants(1842)
-                                    setAdmitted(11)
+                                    setWaitlistTotal(120)
+                                    setAdmittedTotal(7)
                                 }}
                             >
-                                1842 / 11
+                                early beta
+                            </PresetButton>
+                            <PresetButton
+                                onClick={() => {
+                                    setWaitlistTotal(1842)
+                                    setAdmittedTotal(140)
+                                }}
+                            >
+                                busy door
                             </PresetButton>
                         </div>
                     </Section>
+
+                    <Section title="Waitlist state">
+                        <button
+                            onClick={() => setAlreadyJoined((v) => !v)}
+                            className={`rounded-full border-2 border-black px-3 py-1 text-xs font-bold transition-colors ${
+                                alreadyJoined ? 'bg-primary-1 text-n-1' : 'bg-white text-grey-1 hover:bg-grey-2'
+                            }`}
+                        >
+                            {alreadyJoined ? 'already joined ✓' : 'not joined yet'}
+                        </button>
+                        <p className="text-[11px] leading-snug text-grey-1">
+                            Toggles the post-join state: “Join anyway” becomes an “on the list” confirmation while the
+                            asset + “Tweet to appeal” stay.
+                        </p>
+                    </Section>
                 </aside>
 
                 {/* ─── RIGHT: Phone-frame preview of the whole screen ──── */}
@@ -132,9 +171,10 @@ export default function RejectionBuilderPage() {
                             <CardRejectionScreen
                                 username={username || 'anon'}
                                 mascot={mascot}
-                                applicants={applicants}
-                                admitted={admitted}
-                                onJoined={() => alert('→ joined: would advance to the friendly waitlist-joined screen')}
+                                waitlistTotal={waitlistTotal}
+                                admittedTotal={admittedTotal}
+                                alreadyJoined={alreadyJoined}
+                                onJoined={() => setAlreadyJoined(true)}
                             />
                         </div>
                     </div>
diff --git a/src/app/(mobile-ui)/dev/share-builder/page.tsx b/src/app/(mobile-ui)/dev/share-builder/page.tsx
index dc6e2c17f..fd3c57543 100644
--- a/src/app/(mobile-ui)/dev/share-builder/page.tsx
+++ b/src/app/(mobile-ui)/dev/share-builder/page.tsx
@@ -14,12 +14,13 @@
  * the same user (otherwise deterministic from username).
  */
 
-import { useMemo, useState } from 'react'
+import { useMemo, useRef, useState } from 'react'
 import NavHeader from '@/components/Global/NavHeader'
 import { Button } from '@/components/0_Bruddle/Button'
 import { Checkbox } from '@/components/0_Bruddle/Checkbox'
 import ShareAssetD3 from '@/components/Card/share-asset/ShareAssetD3'
 import type { HeroVariant, UsernameBg } from '@/components/Card/share-asset/shareAsset.types'
+import { captureShareAsset, downloadBlob } from '@/components/Card/share-asset/captureShareAsset'
 import { BADGE_CODES, getBadgeDisplayName } from '@/components/Badges/badge.utils'
 import { CANVAS_W, CANVAS_H } from '@/components/Card/share-asset/shareAssetLayout'
 
@@ -43,6 +44,28 @@ export default function ShareBuilderPage() {
     const [previewScale, setPreviewScale] = useState(0.8)
     const [hideUsername, setHideUsername] = useState(false)
 
+    // ─── Capture (Save image) ────────────────────────────────────────────
+    // Ref points at the native-size asset node (the pre-scale div) so the
+    // capture renders at full 1200×900 fidelity. `assetReady` flips once the
+    // card face's async hand <canvas> mounts (ShareAssetD3.onReady) — Save is
+    // disabled until then so a capture can never snapshot a blank card.
+    const assetRef = useRef<HTMLDivElement>(null)
+    const [assetReady, setAssetReady] = useState(false)
+    const [saving, setSaving] = useState(false)
+    const handleSave = async () => {
+        const node = assetRef.current
+        if (!node) return
+        setSaving(true)
+        try {
+            const blob = await captureShareAsset(node)
+            downloadBlob(blob, 'peanut-card.png')
+        } catch (err) {
+            console.error('[share-builder] save failed', err)
+        } finally {
+            setSaving(false)
+        }
+    }
+
     // ─── Hero "I got in" message sticker ─────────────────────────────────
     const [heroVariant, setHeroVariant] = useState<HeroVariant | 'none'>('burst')
     const [heroText, setHeroText] = useState("I'M IN!")
@@ -298,7 +321,11 @@ export default function ShareBuilderPage() {
                                 variant="purple"
                                 shadowSize="4"
                                 className="flex-1"
-                                onClick={() => setSeedNonce((n) => n + 1)}
+                                onClick={() => {
+                                    // Remounts ShareAssetD3 (key) → card face repaints; re-gate Save.
+                                    setAssetReady(false)
+                                    setSeedNonce((n) => n + 1)
+                                }}
                             >
                                 Reroll seed
                             </Button>
@@ -306,7 +333,10 @@ export default function ShareBuilderPage() {
                                 variant="stroke"
                                 shadowSize="4"
                                 className="flex-1"
-                                onClick={() => setAnimate((a) => !a)}
+                                onClick={() => {
+                                    setAssetReady(false)
+                                    setAnimate((a) => !a)
+                                }}
                             >
                                 {animate ? '✓ Animate' : 'Animate off'}
                             </Button>
@@ -343,6 +373,7 @@ export default function ShareBuilderPage() {
                             }}
                         >
                             <div
+                                ref={assetRef}
                                 style={{
                                     width: CANVAS_W,
                                     height: CANVAS_H,
@@ -362,6 +393,7 @@ export default function ShareBuilderPage() {
                                     usernameStyle={usernameStyle}
                                     hideUsername={hideUsername}
                                     animate={animate}
+                                    onReady={() => setAssetReady(true)}
                                 />
                             </div>
                         </div>
@@ -383,7 +415,14 @@ export default function ShareBuilderPage() {
                         <Button variant="purple" shadowSize="4" className="w-full">
                             Share
                         </Button>
-                        <Button variant="stroke" className="w-full">
+                        <Button
+                            data-testid="save-image"
+                            variant="stroke"
+                            className="w-full"
+                            onClick={handleSave}
+                            loading={saving}
+                            disabled={!assetReady || saving}
+                        >
                             Save image
                         </Button>
                     </div>
diff --git a/src/app/(mobile-ui)/notifications/page.tsx b/src/app/(mobile-ui)/notifications/page.tsx
index c64d7400d..a471b20eb 100644
--- a/src/app/(mobile-ui)/notifications/page.tsx
+++ b/src/app/(mobile-ui)/notifications/page.tsx
@@ -9,7 +9,7 @@ import { notificationsApi, type InAppItem } from '@/services/notifications'
 import { formatGroupHeaderDate, getDateGroup, getDateGroupKey } from '@/utils/dateGrouping.utils'
 import React, { useEffect, useMemo, useRef, useState } from 'react'
 import Image from 'next/image'
-import { PEANUTMAN_LOGO } from '@/assets'
+import { PEANUTMAN } from '@/assets'
 import Link from 'next/link'
 import EmptyState from '@/components/Global/EmptyStates/EmptyState'
 import { Button } from '@/components/0_Bruddle/Button'
@@ -172,7 +172,7 @@ export default function NotificationsPage() {
                                                     onClick={() => handleNotificationClick(notif.id)}
                                                 >
                                                     <Image
-                                                        src={notif.iconUrl ?? PEANUTMAN_LOGO}
+                                                        src={notif.iconUrl ?? PEANUTMAN}
                                                         alt="icon"
                                                         width={32}
                                                         height={32}
diff --git a/src/app/(mobile-ui)/qr-pay/__tests__/qr-pay-states.test.tsx b/src/app/(mobile-ui)/qr-pay/__tests__/qr-pay-states.test.tsx
index 83e367ace..9255070d0 100644
--- a/src/app/(mobile-ui)/qr-pay/__tests__/qr-pay-states.test.tsx
+++ b/src/app/(mobile-ui)/qr-pay/__tests__/qr-pay-states.test.tsx
@@ -81,7 +81,7 @@ jest.mock('@/assets/payment-apps', () => ({
 
 // The page imports PeanutThinking from @/assets/mascot and STAR_STRAIGHT_ICON
 // from @/assets/icons directly — mock those paths, not the @/assets barrel, and
-// keep sibling exports (e.g. PEANUTMAN_LOGO, ETHEREUM_ICON used by QRScanner) intact.
+// keep sibling exports (e.g. PEANUTMAN, ETHEREUM_ICON used by QRScanner) intact.
 jest.mock('@/assets/mascot', () => ({
     ...jest.requireActual('@/assets/mascot'),
     PeanutThinking: '/peanut-guy.gif',
diff --git a/src/app/(mobile-ui)/withdraw/[country]/bank/page.tsx b/src/app/(mobile-ui)/withdraw/[country]/bank/page.tsx
index ec7045921..060ddb02c 100644
--- a/src/app/(mobile-ui)/withdraw/[country]/bank/page.tsx
+++ b/src/app/(mobile-ui)/withdraw/[country]/bank/page.tsx
@@ -32,6 +32,7 @@ import { SumsubKycModals } from '@/components/Kyc/SumsubKycModals'
 import { InitiateKycModal } from '@/components/Kyc/InitiateKycModal'
 import AdvisoryPreemptModal from '@/components/Kyc/AdvisoryPreemptModal'
 import { useAdvisoryPreempt } from '@/hooks/useAdvisoryPreempt'
+import { useEeaUpliftFunnel } from '@/hooks/useEeaUpliftFunnel'
 import { useCapabilities } from '@/hooks/useCapabilities'
 import { getKycModalVariant, getGateUserMessage } from '@/utils/capability-gate'
 import { useModalsContext } from '@/context/ModalsContext'
@@ -89,9 +90,26 @@ export default function WithdrawBankPage() {
     const { gateFor } = useCapabilities()
     const bankCountry = useMemo(() => railJurisdictionForBank(getCountryFromPath(country)?.id), [country])
     const gate = useMemo(() => gateFor('withdraw', { channel: 'bank', country: bankCountry }), [gateFor, bankCountry])
-    const sumsubFlow = useMultiPhaseKycFlow({})
-    // A ready bank rail can still carry a future-dated requirement (the gate's
-    // `advisory`). Offer it as a skippable pre-empt before the withdrawal.
+    // EEA-uplift funnel events (PostHog): started on launch, completed on KYC
+    // success. trackCompleted no-ops unless an uplift was started this session.
+    const {
+        trackStarted: trackUpliftStarted,
+        trackCompleted: trackUpliftCompleted,
+        reset: resetUpliftFunnel,
+    } = useEeaUpliftFunnel('withdraw')
+
+    const sumsubFlow = useMultiPhaseKycFlow({
+        // Fire completed at Sumsub approval (verification submitted), not at
+        // end-of-flow — so it isn't lost if the user drops during the
+        // post-approval ToS / preparing steps.
+        onKycApproved: () => trackUpliftCompleted(),
+        // Abandoned attempt: clear the pending start so a later unrelated KYC
+        // success on this page can't mis-fire eea_uplift_completed.
+        onManualClose: resetUpliftFunnel,
+    })
+    // A ready bank rail can still carry a pending Bridge requirement (the gate's
+    // `advisory`). Enforce it as a mandatory, non-skippable pre-empt before the
+    // withdrawal — the offramp cannot proceed until it's completed.
     const advisory = gate.kind === 'ready' ? gate.advisory : undefined
     const { intercept: advisoryIntercept, modalProps: advisoryModalProps } = useAdvisoryPreempt({
         advisory,
@@ -99,8 +117,11 @@ export default function WithdrawBankPage() {
         // Route through the self-heal resubmit path (reheal-tagged action) so the
         // completed submission round-trips to Bridge. start-action mints a plain
         // token whose webhook completion has no Bridge relay → answers are dropped.
-        onCompleteNow: () =>
-            advisory ? sumsubFlow.handleSelfHealResubmit('BRIDGE', advisory.requirementKey) : Promise.resolve(),
+        onCompleteNow: () => {
+            if (!advisory) return Promise.resolve()
+            trackUpliftStarted(advisory)
+            return sumsubFlow.handleSelfHealResubmit('BRIDGE', advisory.requirementKey)
+        },
     })
     const [showKycModal, setShowKycModal] = useState(false)
     const { setIsSupportModalOpen } = useModalsContext()
@@ -322,8 +343,8 @@ export default function WithdrawBankPage() {
         }
     }
 
-    // Offer the skippable advisory pre-empt once, then run the offramp. When the
-    // gate isn't `ready` (or nothing is future-dated) this is a no-op and
+    // Enforce the mandatory verification pre-empt, then run the offramp. When the
+    // gate isn't `ready` (or there's no pending requirement) this is a no-op and
     // proceedWithOfframp runs straight away (it handles the not-ready cases).
     const handleCreateAndInitiateOfframp = () => advisoryIntercept(() => void proceedWithOfframp())
 
diff --git a/src/app/dev/loading-words/page.tsx b/src/app/dev/loading-words/page.tsx
index 3f0ae1b91..89a649728 100644
--- a/src/app/dev/loading-words/page.tsx
+++ b/src/app/dev/loading-words/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { PEANUTMAN_LOGO } from '@/assets/mascot'
+import { PEANUTMAN } from '@/assets/mascot'
 import { PAYMENT_LOADING_WORDS } from '@/components/Global/PeanutLoading/words'
 import { useEffect, useState } from 'react'
 
@@ -41,7 +41,7 @@ export default function LoadingWordsPreview() {
                     </h2>
                     <div className="flex flex-col items-center justify-center gap-6 rounded-sm border border-n-1 bg-primary-3 px-6 py-16 shadow-[4px_4px_0_0_#000]">
                         <div className="animate-spin">
-                            <img src={PEANUTMAN_LOGO.src} alt="Peanut" className="h-10 w-10" />
+                            <img src={PEANUTMAN.src} alt="Peanut" className="h-10 w-10" />
                         </div>
                         <LoadingMessage word={WORDS[index]} className="text-base font-medium" />
                     </div>
diff --git a/src/assets/cards/peanut-card-hand-pixel.png b/src/assets/cards/peanut-card-hand-pixel.png
new file mode 100644
index 000000000..76cfbc07f
Binary files /dev/null and b/src/assets/cards/peanut-card-hand-pixel.png differ
diff --git a/src/assets/illustrations/index.ts b/src/assets/illustrations/index.ts
index 28f5a8537..9e711b84f 100644
--- a/src/assets/illustrations/index.ts
+++ b/src/assets/illustrations/index.ts
@@ -8,7 +8,6 @@ export { default as HandThumbsUpV2 } from './hand-thumbs-up-v2.svg'
 export { default as HandToken } from './new-hand-token.svg'
 export { default as AboutPeanut } from './new-hero-description.svg'
 //export { default as PeanutArmHoldingBeer } from './peanut-arm-holding-beer.svg'
-export { default as PEANUT_LOGO_BLACK } from './peanut-logo-dark.svg'
 export { default as PeanutsBG } from './peanuts-bg.svg'
 export { default as Sparkle } from './sparkle.svg'
 export { default as Star } from './star.svg'
diff --git a/src/assets/logos/index.ts b/src/assets/logos/index.ts
index 878328846..4cb16fce1 100644
--- a/src/assets/logos/index.ts
+++ b/src/assets/logos/index.ts
@@ -1,4 +1,5 @@
 export { default as PEANUT_LOGO } from './peanut-logo.svg';
+export { default as PEANUT_LOGO_BLACK } from './peanut-logo-dark.svg';
 export { default as MEPA_ARGENTINA_LOGO } from './mepa-arg.svg';
 export { default as PIX_BRZ_LOGO } from './pix-brz.svg';
 export { default as DEVCONNECT_LOGO } from './devconnect.svg';
\ No newline at end of file
diff --git a/src/assets/illustrations/peanut-logo-dark.svg b/src/assets/logos/peanut-logo-dark.svg
similarity index 100%
rename from src/assets/illustrations/peanut-logo-dark.svg
rename to src/assets/logos/peanut-logo-dark.svg
diff --git a/src/assets/mascot/index.ts b/src/assets/mascot/index.ts
index 6092e03b1..e11d769ba 100644
--- a/src/assets/mascot/index.ts
+++ b/src/assets/mascot/index.ts
@@ -15,7 +15,7 @@ export { default as PeanutWalking } from './peanut-walking.webp' // mid-stride,
 export { default as PeanutPointingDown } from './peanut-pointing-down.webp' // both hands pointing down — marketing CTA
 
 // Stills
-export { default as PEANUTMAN_LOGO } from './peanut-logo.svg'
+export { default as PEANUTMAN } from './peanutman.svg'
 export { default as PEANUTMAN_PFP } from './peanut-pfp.svg'
 export { default as PEANUTMAN_HOLDING_BEER } from './peanut-beer.svg'
 export { default as PEANUTMAN_MOBILE } from './peanut-club.webp'
diff --git a/src/assets/mascot/peanut-logo.svg b/src/assets/mascot/peanutman.svg
similarity index 100%
rename from src/assets/mascot/peanut-logo.svg
rename to src/assets/mascot/peanutman.svg
diff --git a/src/components/Badges/badge.utils.ts b/src/components/Badges/badge.utils.ts
index a8e442e02..5bfef6423 100644
--- a/src/components/Badges/badge.utils.ts
+++ b/src/components/Badges/badge.utils.ts
@@ -9,7 +9,7 @@
 // Codes here must match the backend registry (peanut-api-ts
 // src/acknowledgments/seed-definitions.ts). How the whole system works + how to
 // add a badge: peanut-api-ts/docs/BADGES.md.
-import { PEANUTMAN_LOGO } from '@/assets/mascot'
+import { PEANUTMAN } from '@/assets/mascot'
 
 export type BadgeMeta = {
     path: string
@@ -236,7 +236,7 @@ export const BADGE_CODES: readonly string[] = Object.keys(BADGES)
 export function getBadgeIcon(code?: string): string {
     // .src: the svg import is StaticImageData (typed `any` by the module shim, so the
     // annotation alone can't enforce this) — raw <img src> consumers need a string URL.
-    return (code && BADGES[code]?.path) || PEANUTMAN_LOGO.src
+    return (code && BADGES[code]?.path) || PEANUTMAN.src
 }
 
 // returns the public-facing description for a badge code (third-person perspective)
diff --git a/src/components/Card/ApplicationStatusScreen.tsx b/src/components/Card/ApplicationStatusScreen.tsx
index a10240148..ced7d5061 100644
--- a/src/components/Card/ApplicationStatusScreen.tsx
+++ b/src/components/Card/ApplicationStatusScreen.tsx
@@ -35,8 +35,11 @@ const COPY: Record<Variant, { title: string; body: string }> = {
         body: "We hit a snag while processing your card application. Our team needs to take a look — message support and we'll get you sorted.",
     },
     rejected: {
+        // The specific reason (when known) renders above via `reasonMessage`;
+        // this body stays reassuring — a declined card doesn't touch the rest
+        // of the account, so point the user back to what still works.
         title: "We couldn't issue you a card",
-        body: "Your card application wasn't approved. This might be because of duplicate attempt, incomplete documents, information mismatch, or regional restrictions.",
+        body: 'You can still use Peanut freely to deposit, withdraw, and pay with crypto.',
     },
 }
 
diff --git a/src/components/Card/BadgeSkipCelebration.tsx b/src/components/Card/BadgeSkipCelebration.tsx
index 037787ea3..1156feb2e 100644
--- a/src/components/Card/BadgeSkipCelebration.tsx
+++ b/src/components/Card/BadgeSkipCelebration.tsx
@@ -61,6 +61,9 @@ type Phase = 'looking-up' | 'shaking' | 'revealed'
 const BadgeSkipCelebration: FC<Props> = ({ badgeCode, username, badges, stats, tier, pointsBalance, onContinue }) => {
     const [phase, setPhase] = useState<Phase>('looking-up')
     const [hideUsername, setHideUsername] = useState(false)
+    // Gate the Share/Save buttons until the card face's async hand <canvas>
+    // mounts — otherwise an early capture snapshots a blank card.
+    const [assetReady, setAssetReady] = useState(false)
     const { triggerHaptic } = useHaptic()
     const captureRef = useRef<HTMLDivElement | null>(null)
     const hasBadge = !!badgeCode
@@ -165,6 +168,7 @@ const BadgeSkipCelebration: FC<Props> = ({ badgeCode, username, badges, stats, t
                                 cardLast4="0420"
                                 hideUsername={hideUsername}
                                 animate={phase === 'revealed'}
+                                onReady={() => setAssetReady(true)}
                             />
                         </motion.div>
                     )}
@@ -184,7 +188,7 @@ const BadgeSkipCelebration: FC<Props> = ({ badgeCode, username, badges, stats, t
                     value={hideUsername}
                     onChange={(e) => setHideUsername(e.target.checked)}
                 />
-                <ShareAssetActions captureRef={captureRef} source="celebration" />
+                <ShareAssetActions captureRef={captureRef} source="celebration" ready={assetReady} />
                 <Button onClick={onContinue} variant="stroke" className="w-full">
                     Continue to your card
                 </Button>
diff --git a/src/components/Card/CardFace.tsx b/src/components/Card/CardFace.tsx
index 14bff2756..8577681ac 100644
--- a/src/components/Card/CardFace.tsx
+++ b/src/components/Card/CardFace.tsx
@@ -4,7 +4,7 @@ import Image from 'next/image'
 import { twMerge } from 'tailwind-merge'
 import { Icon } from '@/components/Global/Icons/Icon'
 import { PEANUT_CARD_HAND, VISA_BRAND_MARK } from '@/assets/cards'
-import { PEANUTMAN_LOGO } from '@/assets/mascot'
+import { PEANUTMAN } from '@/assets/mascot'
 
 export interface RevealedCardDetails {
     pan: string
@@ -86,7 +86,7 @@ const CardFace: FC<Props> = ({
             <div className="relative flex h-full w-full flex-col p-4">
                 {/* Top row: peanut icon (no wordmark) + Visa */}
                 <div className="flex items-start justify-between">
-                    <Image src={PEANUTMAN_LOGO} alt="" aria-hidden className="h-10 w-auto" />
+                    <Image src={PEANUTMAN} alt="" aria-hidden className="h-10 w-auto" />
                     <Image src={VISA_BRAND_MARK} alt="Visa" className="h-6 w-auto brightness-0 invert" />
                 </div>
 
diff --git a/src/components/Card/CardRejectionScreen.tsx b/src/components/Card/CardRejectionScreen.tsx
index 488a6c3d1..c2525f60c 100644
--- a/src/components/Card/CardRejectionScreen.tsx
+++ b/src/components/Card/CardRejectionScreen.tsx
@@ -8,8 +8,12 @@
  * a shareable door rejection: a dark "not tonight, <username>" asset with a
  * smug peanut bouncer, the scarcity tally as screen copy, and a primary
  * "Tweet to appeal" CTA that shares the asset (random caption tagging
- * @joinpeanut). The friendly waitlist-joined screen is the cooldown AFTER
- * they share, so they don't rage-quit.
+ * @joinpeanut).
+ *
+ * This is the TERMINAL waitlist screen (no separate cooldown): once the user
+ * has joined (`alreadyJoined`) the secondary "Join anyway" button becomes an
+ * "on the list" confirmation, but the shareable asset + "Tweet to appeal"
+ * stay so they can keep appealing / re-grab the asset.
  */
 
 import { type FC, useEffect, useRef, useState } from 'react'
@@ -17,43 +21,61 @@ import * as Sentry from '@sentry/nextjs'
 import { Button } from '@/components/0_Bruddle/Button'
 import NavHeader from '@/components/Global/NavHeader'
 import ErrorAlert from '@/components/Global/ErrorAlert'
+import { Icon } from '@/components/Global/Icons/Icon'
 import { ScaledRejectionAsset } from '@/components/Card/share-asset/ScaledRejectionAsset'
 import { captureShareAsset, canShareImageFiles } from '@/components/Card/share-asset/captureShareAsset'
 import { pickRejectionCaption } from '@/components/Card/share-asset/rejectionCaptions'
 import type { RejectionMascot } from '@/components/Card/share-asset/shareAsset.types'
+import { computeDoorTally } from '@/components/Card/doorTally.utils'
 import { cardApi } from '@/services/card'
 import posthog from 'posthog-js'
 import { ANALYTICS_EVENTS } from '@/constants/analytics.consts'
 
 interface Props {
     username?: string
-    /** Door tally — scarcity flex, rendered as screen copy (not on the asset). */
-    applicants?: number
-    admitted?: number
+    /** Real waitlist size (total who joined). The screen inflates this for the
+     *  FOMO "tried" tally — mirrors the /shhhhh ScarcityCounter flex. Undefined
+     *  while /card is still loading → a sane floor renders. */
+    waitlistTotal?: number
+    /** Real number admitted (released/granted). Shown verbatim as "got in". */
+    admittedTotal?: number
     /** Which smug mascot the asset shows. */
     mascot?: RejectionMascot
+    /** True once the user is already on the waitlist — swaps the "Join anyway"
+     *  button for an "on the list" confirmation while keeping the asset + appeal. */
+    alreadyJoined?: boolean
     onPrev?: () => void
-    /** Called after the user joins the waitlist. Parent should refetch /card,
-     *  which flips the state machine to <CardWaitlistJoinedScreen /> (cooldown). */
+    /** Called after the user joins the waitlist. Parent refetches /card; the
+     *  user stays on this screen, now in its `alreadyJoined` state. */
     onJoined?: () => void
 }
 
 const CardRejectionScreen: FC<Props> = ({
     username,
-    applicants = 213,
-    admitted = 7,
+    waitlistTotal,
+    admittedTotal,
     mascot = 'cool',
+    alreadyJoined = false,
     onPrev,
     onJoined,
 }) => {
+    // "tried" = real waitlist size, inflated for FOMO; "got in" = real admitted.
+    // Deterministic (pure fn of the counts) so it never jitters between renders.
+    const { applicants, admitted } = computeDoorTally(waitlistTotal, admittedTotal)
     const captureRef = useRef<HTMLDivElement | null>(null)
     const [sharing, setSharing] = useState(false)
     const [joining, setJoining] = useState(false)
     const [joinError, setJoinError] = useState<string | null>(null)
+    // Local "just joined" override so the CTA swaps to the on-the-list state
+    // immediately on a confirmed join, without waiting for the parent's /card
+    // refetch (CodeRabbit). OR'd with the `alreadyJoined` prop.
+    const [locallyJoined, setLocallyJoined] = useState(false)
+    const showJoined = alreadyJoined || locallyJoined
     const safeUsername = (username || '').trim() || 'anon'
 
     useEffect(() => {
-        posthog.capture(ANALYTICS_EVENTS.CARD_WAITLIST_VIEWED, { already_joined: false })
+        posthog.capture(ANALYTICS_EVENTS.CARD_WAITLIST_VIEWED, { already_joined: alreadyJoined })
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- fire once on mount with the entry state
     }, [])
 
     const handleJoin = async (): Promise<void> => {
@@ -62,6 +84,7 @@ const CardRejectionScreen: FC<Props> = ({
         try {
             const res = await cardApi.joinWaitlist()
             posthog.capture(ANALYTICS_EVENTS.CARD_WAITLIST_JOINED, { position: res.position })
+            setLocallyJoined(true)
             onJoined?.()
         } catch (e) {
             // Keep the user-facing message generic; raw BE text can leak
@@ -77,6 +100,9 @@ const CardRejectionScreen: FC<Props> = ({
     }
 
     const handleAppeal = async (): Promise<void> => {
+        // Clear any stale "failed to join" error from an earlier handleJoin so
+        // the success state can't render alongside it (CodeRabbit).
+        setJoinError(null)
         const caption = pickRejectionCaption()
 
         // Appeal = tweet AND join the waitlist. Joining is NOT access — release
@@ -91,6 +117,7 @@ const CardRejectionScreen: FC<Props> = ({
             .joinWaitlist()
             .then((res) => {
                 posthog.capture(ANALYTICS_EVENTS.CARD_WAITLIST_JOINED, { position: res.position, source: 'appeal' })
+                setLocallyJoined(true)
             })
             .catch((e) => {
                 // Non-fatal: the tweet still goes out, and the CARD_SHARE_ASSET_SHARED
@@ -184,15 +211,22 @@ const CardRejectionScreen: FC<Props> = ({
                 >
                     Tweet to appeal
                 </Button>
-                <Button
-                    onClick={handleJoin}
-                    loading={joining}
-                    disabled={joining || sharing}
-                    variant="stroke"
-                    className="w-full"
-                >
-                    Join the waitlist anyway
-                </Button>
+                {showJoined ? (
+                    <div className="flex h-13 items-center justify-center gap-2 text-center text-sm font-bold text-n-1">
+                        <Icon name="check-circle" size={18} />
+                        You&apos;re on the list — we&apos;ll holler when it&apos;s your turn
+                    </div>
+                ) : (
+                    <Button
+                        onClick={handleJoin}
+                        loading={joining}
+                        disabled={joining || sharing}
+                        variant="stroke"
+                        className="w-full"
+                    >
+                        Join the waitlist anyway
+                    </Button>
+                )}
             </div>
         </div>
     )
diff --git a/src/components/Card/CardUnlockDrawer.tsx b/src/components/Card/CardUnlockDrawer.tsx
index 1d106bdd0..871d309bb 100644
--- a/src/components/Card/CardUnlockDrawer.tsx
+++ b/src/components/Card/CardUnlockDrawer.tsx
@@ -33,6 +33,9 @@ interface Props {
 export const CardUnlockDrawer: FC<Props> = ({ isOpen, onClose, entry, username, badges }) => {
     const captureRef = useRef<HTMLDivElement | null>(null)
     const [hideUsername, setHideUsername] = useState(false)
+    // Gate the Share/Save buttons until the card face's async hand <canvas>
+    // mounts — otherwise an early capture snapshots a blank card.
+    const [assetReady, setAssetReady] = useState(false)
 
     useEffect(() => {
         if (!isOpen) return
@@ -68,6 +71,7 @@ export const CardUnlockDrawer: FC<Props> = ({ isOpen, onClose, entry, username,
                             cardLast4="0420"
                             hideUsername={hideUsername}
                             animate={false}
+                            onReady={() => setAssetReady(true)}
                         />
                     </div>
                     <div className="mx-auto flex w-full max-w-md flex-col gap-2">
@@ -78,7 +82,7 @@ export const CardUnlockDrawer: FC<Props> = ({ isOpen, onClose, entry, username,
                             value={hideUsername}
                             onChange={(e) => setHideUsername(e.target.checked)}
                         />
-                        <ShareAssetActions captureRef={captureRef} source="history-replay" />
+                        <ShareAssetActions captureRef={captureRef} source="history-replay" ready={assetReady} />
                     </div>
                 </div>
             </DrawerContent>
diff --git a/src/components/Card/CardWaitlistJoinedScreen.tsx b/src/components/Card/CardWaitlistJoinedScreen.tsx
deleted file mode 100644
index 8f8f2cb47..000000000
--- a/src/components/Card/CardWaitlistJoinedScreen.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-'use client'
-
-/**
- * <CardWaitlistJoinedScreen /> — confirmation after the user has joined
- * the waitlist. Mirrors the canonical success layout used by
- * PaymentSuccessView / Send / Withdraw: chill-peanut gif floating above,
- * success Card with check-icon + headline, descriptive paragraph, CTA.
- *
- * No queue-position display. We intentionally don't surface the position
- * because the BE counter is best-effort (re-orders on admin grants /
- * churn), so a specific number invites speculation we can't honor.
- */
-
-import { type FC, useEffect } from 'react'
-import Image from 'next/image'
-import { Button } from '@/components/0_Bruddle/Button'
-import Card from '@/components/Global/Card'
-import NavHeader from '@/components/Global/NavHeader'
-import { Icon } from '@/components/Global/Icons/Icon'
-import { PeanutWhistling } from '@/assets/mascot'
-import { useRouter } from 'next/navigation'
-import posthog from 'posthog-js'
-import { ANALYTICS_EVENTS } from '@/constants/analytics.consts'
-
-interface Props {
-    onPrev?: () => void
-}
-
-const CardWaitlistJoinedScreen: FC<Props> = ({ onPrev }) => {
-    const router = useRouter()
-
-    useEffect(() => {
-        posthog.capture(ANALYTICS_EVENTS.CARD_WAITLIST_VIEWED, { already_joined: true })
-    }, [])
-
-    return (
-        <div className="flex min-h-[inherit] flex-col gap-6">
-            <NavHeader title="Peanut Card" onPrev={onPrev} />
-
-            <div className="relative z-10 my-auto flex h-full flex-col justify-center space-y-4">
-                <Image
-                    src={PeanutWhistling.src}
-                    unoptimized
-                    alt="Peanut Mascot"
-                    width={20}
-                    height={20}
-                    className="absolute -top-32 left-1/2 -z-10 h-60 w-60 -translate-x-1/2"
-                />
-                <Card className="flex items-center gap-3 p-4">
-                    <div className="flex h-12 w-12 min-w-12 items-center justify-center rounded-full bg-success-3 font-bold">
-                        <Icon name="check" size={24} />
-                    </div>
-                    <div className="space-y-1">
-                        <h1 className="text-sm font-normal text-grey-1">You&apos;re on the waitlist</h1>
-                        <p className="text-base font-extrabold text-n-1">
-                            We&apos;ll let you know when it&apos;s your turn
-                        </p>
-                    </div>
-                </Card>
-            </div>
-
-            <Button onClick={() => router.push('/home')} variant="purple" shadowSize="4" className="w-full">
-                Back to home
-            </Button>
-        </div>
-    )
-}
-
-export default CardWaitlistJoinedScreen
diff --git a/src/components/Card/PhysicalCardScreen.tsx b/src/components/Card/PhysicalCardScreen.tsx
index 9d6771f62..8154976a6 100644
--- a/src/components/Card/PhysicalCardScreen.tsx
+++ b/src/components/Card/PhysicalCardScreen.tsx
@@ -76,8 +76,7 @@ const PhysicalCardScreen: FC<Props> = ({ cardId, last4, onPrev }) => {
                     <Image src={PeanutWalking} unoptimized alt="" aria-hidden className="h-32 w-auto" />
                     <h1 className="text-xl font-extrabold">You are on the list!</h1>
                     <p className="text-sm text-grey-1">
-                        You are #{data.position} on the list. We&apos;ll let you know when cards are ready to be
-                        shipped.
+                        {`You are #${data.position} on the list. We'll let you know when cards are ready to be shipped.`}
                     </p>
                 </div>
             ) : (
diff --git a/src/components/Card/__tests__/ApplicationStatusScreen.test.tsx b/src/components/Card/__tests__/ApplicationStatusScreen.test.tsx
new file mode 100644
index 000000000..fd3f414ce
--- /dev/null
+++ b/src/components/Card/__tests__/ApplicationStatusScreen.test.tsx
@@ -0,0 +1,59 @@
+/**
+ * ApplicationStatusScreen — rejected-card copy contract.
+ *
+ * The rejected variant must (1) surface the specific, vetted reason from the
+ * capability read-model when present (e.g. "…available in your state yet."),
+ * (2) always reassure the user that the rest of Peanut still works, and
+ * (3) keep the Contact-support path. The reason line is optional — older
+ * rejections without a persisted reason fall back to the body alone.
+ */
+import React from 'react'
+import { render, screen, fireEvent } from '@testing-library/react'
+import ApplicationStatusScreen from '@/components/Card/ApplicationStatusScreen'
+
+// NavHeader reads useAuth; stub it so the presentational screen renders alone.
+jest.mock('@/context/authContext', () => ({
+    useAuth: () => ({ user: { accounts: [] }, fetchUser: jest.fn() }),
+}))
+// next/image → plain img so jsdom doesn't choke on the optimizer.
+jest.mock('next/image', () => ({
+    __esModule: true,
+    // eslint-disable-next-line @next/next/no-img-element -- test stub, not real markup
+    default: (props: Record<string, unknown>) => <img alt={String(props.alt ?? '')} />,
+}))
+
+const REASSURANCE = 'You can still use Peanut freely to deposit, withdraw, and pay with crypto.'
+
+describe('ApplicationStatusScreen — rejected', () => {
+    it('renders the specific reason above the reassurance body', () => {
+        render(
+            <ApplicationStatusScreen
+                variant="rejected"
+                reasonMessage="Peanut cards aren't available in your state yet."
+                onContactSupport={jest.fn()}
+            />
+        )
+        expect(screen.getByText("We couldn't issue you a card")).toBeInTheDocument()
+        const reason = screen.getByText("Peanut cards aren't available in your state yet.")
+        const body = screen.getByText(REASSURANCE)
+        // Contract: the specific reason renders ABOVE the reassurance body.
+        expect(reason.compareDocumentPosition(body) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy()
+        // Both paragraphs live in the same copy block (reason + body).
+        expect(body.parentElement?.querySelectorAll('p')).toHaveLength(2)
+    })
+
+    it('falls back to the reassurance body alone when no reason is provided', () => {
+        render(<ApplicationStatusScreen variant="rejected" onContactSupport={jest.fn()} />)
+        const body = screen.getByText(REASSURANCE)
+        expect(body).toBeInTheDocument()
+        // No phantom reason paragraph — the copy block holds only the body <p>.
+        expect(body.parentElement?.querySelectorAll('p')).toHaveLength(1)
+    })
+
+    it('keeps the Contact support action', () => {
+        const onContactSupport = jest.fn()
+        render(<ApplicationStatusScreen variant="rejected" onContactSupport={onContactSupport} />)
+        fireEvent.click(screen.getByText('Contact support'))
+        expect(onContactSupport).toHaveBeenCalledTimes(1)
+    })
+})
diff --git a/src/components/Card/__tests__/doorTally.utils.test.ts b/src/components/Card/__tests__/doorTally.utils.test.ts
new file mode 100644
index 000000000..96c101a38
--- /dev/null
+++ b/src/components/Card/__tests__/doorTally.utils.test.ts
@@ -0,0 +1,57 @@
+import {
+    inflateApplicants,
+    computeDoorTally,
+    DOOR_TALLY_APPLICANTS_FLOOR,
+    DOOR_TALLY_ADMITTED_FALLBACK,
+    DOOR_TALLY_FOMO_MULTIPLIER,
+} from '../doorTally.utils'
+
+describe('inflateApplicants', () => {
+    test('multiplies the real waitlist size by the FOMO factor', () => {
+        // 1000 * 5 = 5000, comfortably above the floor.
+        expect(inflateApplicants(1000)).toBe(1000 * DOOR_TALLY_FOMO_MULTIPLIER)
+    })
+
+    test('clamps to the floor when the inflated value is small', () => {
+        // 10 * 5 = 50 < floor → floor wins.
+        expect(inflateApplicants(10)).toBe(DOOR_TALLY_APPLICANTS_FLOOR)
+    })
+
+    test('clears the 213 floor at the current prod waitlist size (~55)', () => {
+        // The whole point of ×5: 55 * 5 = 275 > 213, so the real (inflated)
+        // number renders instead of the masked floor.
+        expect(inflateApplicants(55)).toBe(275)
+    })
+
+    test('returns a whole number above the floor', () => {
+        expect(Number.isInteger(inflateApplicants(101))).toBe(true)
+        // 101 * 5 = 505.
+        expect(inflateApplicants(101)).toBe(505)
+    })
+
+    test.each([undefined, NaN, 0, -5, Infinity])('falls back to the floor for %p', (input) => {
+        expect(inflateApplicants(input as number)).toBe(DOOR_TALLY_APPLICANTS_FLOOR)
+    })
+
+    test('is deterministic — same input, same output (no jitter)', () => {
+        expect(inflateApplicants(742)).toBe(inflateApplicants(742))
+    })
+})
+
+describe('computeDoorTally', () => {
+    test('inflates "tried" but shows "got in" verbatim', () => {
+        // 500 * 5 = 2500 tried; 42 admitted shown as-is.
+        expect(computeDoorTally(500, 42)).toEqual({ applicants: 2500, admitted: 42 })
+    })
+
+    test('uses loading fallbacks when counts are missing', () => {
+        expect(computeDoorTally(undefined, undefined)).toEqual({
+            applicants: DOOR_TALLY_APPLICANTS_FLOOR,
+            admitted: DOOR_TALLY_ADMITTED_FALLBACK,
+        })
+    })
+
+    test('admitted=0 is real and shown as 0 (not the fallback)', () => {
+        expect(computeDoorTally(1000, 0).admitted).toBe(0)
+    })
+})
diff --git a/src/components/Card/doorTally.utils.ts b/src/components/Card/doorTally.utils.ts
new file mode 100644
index 000000000..8f5dec469
--- /dev/null
+++ b/src/components/Card/doorTally.utils.ts
@@ -0,0 +1,60 @@
+/**
+ * Door-tally math for the Berghain rejection screen ("N tried · M got in").
+ *
+ * The backend (/card → waitlistTotal, admittedTotal) reports the REAL counts.
+ * "tried" gets inflated for FOMO — the same fake-scarcity flex the /shhhhh
+ * landing already does with its "only 20 a week" ScarcityCounter — while
+ * "got in" is shown verbatim (the real number admitted).
+ *
+ * The inflation is a pure function of the real count (a constant multiplier
+ * with a floor), so it's deterministic per render and never jitters between
+ * frames. No randomness on purpose.
+ */
+
+/**
+ * FOMO inflation factor applied to the real waitlist size for "tried". ×5 (not
+ * ×3) so the real number clears the 213 floor at the current prod waitlist size
+ * (~55 → 55×5 = 275 > 213) — otherwise the floor masks the real count and the
+ * tally looks frozen at 213.
+ */
+export const DOOR_TALLY_FOMO_MULTIPLIER = 5
+
+/**
+ * Minimum "tried" — keeps the door looking busy when the real waitlist is
+ * still small, and doubles as the loading fallback. 213 mirrors the original
+ * hardcoded tally so the copy reads identically before counts land.
+ */
+export const DOOR_TALLY_APPLICANTS_FLOOR = 213
+
+/** Loading fallback for "got in" (real admitted count, before it lands). */
+export const DOOR_TALLY_ADMITTED_FALLBACK = 7
+
+export type DoorTally = {
+    /** Inflated "tried" count (FOMO). */
+    applicants: number
+    /** Real "got in" count, verbatim. */
+    admitted: number
+}
+
+/**
+ * Inflate the real waitlist size into the FOMO "tried" number. Falls back to
+ * the floor for missing/zero/invalid input (e.g. counts still loading).
+ */
+export function inflateApplicants(waitlistTotal?: number): number {
+    if (typeof waitlistTotal !== 'number' || !Number.isFinite(waitlistTotal) || waitlistTotal <= 0) {
+        return DOOR_TALLY_APPLICANTS_FLOOR
+    }
+    return Math.max(DOOR_TALLY_APPLICANTS_FLOOR, Math.round(waitlistTotal * DOOR_TALLY_FOMO_MULTIPLIER))
+}
+
+/**
+ * Build the door tally from the real backend counts: inflated "tried" + real
+ * "got in" (with sane fallbacks while the counts are loading).
+ */
+export function computeDoorTally(waitlistTotal?: number, admittedTotal?: number): DoorTally {
+    const admitted =
+        typeof admittedTotal === 'number' && Number.isFinite(admittedTotal) && admittedTotal >= 0
+            ? Math.round(admittedTotal)
+            : DOOR_TALLY_ADMITTED_FALLBACK
+    return { applicants: inflateApplicants(waitlistTotal), admitted }
+}
diff --git a/src/components/Card/share-asset/PixelatedCardFace.tsx b/src/components/Card/share-asset/PixelatedCardFace.tsx
index d699f842e..c8af37514 100644
--- a/src/components/Card/share-asset/PixelatedCardFace.tsx
+++ b/src/components/Card/share-asset/PixelatedCardFace.tsx
@@ -1,6 +1,6 @@
 /**
- * <PixelatedCardFace /> — the pink peanut card with a runtime-pixelated
- * `peanut-card-hand.svg` overlay.
+ * <PixelatedCardFace /> — the pink peanut card with a pre-pixelated
+ * peanut-card-hand overlay.
  *
  * Renders at native 620×391 (CARD_W/CARD_H). Wrap in `transform: scale(...)`
  * if you need a smaller preview — the inner layout uses absolute pixel
@@ -8,10 +8,10 @@
  * <ScaledPixelatedCardFace />.
  *
  * When `blurAll` is true (the closed-beta tease), the visa logo, peanut
- * logo, card number, and Virtual pill all get rasterised through the
- * SAME canvas → image-rendering:pixelated pipeline as the hand, with a
- * shared CELL_PX cell size — so every detail on the card is hidden by
- * consistent chunky pixels instead of a mix of pixelation + CSS blur.
+ * logo, card number, and Virtual pill all get rasterised through a
+ * canvas → image-rendering:pixelated pipeline, with a shared CELL_PX cell
+ * size — so every detail on the card is hidden by consistent chunky pixels
+ * instead of a mix of pixelation + CSS blur.
  *
  * Shared between <ShareAssetD3 />, the eligibility-check screen, and the
  * `/shhhhh` LP hero. Keep this file the single source of truth for the
@@ -23,13 +23,13 @@
 
 import { type FC, type CSSProperties } from 'react'
 import { CARD_W, CARD_H } from './shareAssetLayout'
-import { PEANUTMAN_LOGO } from '@/assets/mascot'
-import PEANUT_CARD_HAND_ASSET from '@/assets/cards/peanut-card-hand.svg'
+import { PEANUTMAN } from '@/assets/mascot'
+import PEANUT_CARD_HAND_PIXEL_ASSET from '@/assets/cards/peanut-card-hand-pixel.png'
 import VISA_BRAND_MARK_ASSET from '@/assets/cards/visa-brand-mark.png'
 
-const ASSET_PEANUTMAN_LOGO = PEANUTMAN_LOGO.src
+const ASSET_PEANUTMAN = PEANUTMAN.src
 const ASSET_VISA_BRAND = VISA_BRAND_MARK_ASSET.src
-const ASSET_CARD_HAND = PEANUT_CARD_HAND_ASSET.src
+const ASSET_CARD_HAND_PIXEL = PEANUT_CARD_HAND_PIXEL_ASSET.src
 
 // Shared pixel-cell target across every element on the card. Each
 // element rasterises to (displayPx / CELL_PX) pixels then stretches back
@@ -37,18 +37,15 @@ const ASSET_CARD_HAND = PEANUT_CARD_HAND_ASSET.src
 // uniform regardless of element size.
 const CELL_PX = 14
 
-// The hand is much bigger and benefits from a finer raster — keep it at
-// its original 36px so the silhouette stays recognisable.
-const HAND_RASTER_PX = 36
-
 export interface PixelatedCardFaceProps {
     /** Kept in the type for in-app surfaces that render the real card
      *  number — the share-asset rendering deliberately ignores this and
      *  always shows "????" so a screenshot can't leak the PAN. */
     last4?: string
-    /** Extra classes for the outer card div (the pink rounded box). */
+    /** Extra classes for the pink rounded card face. Sizing is fixed at
+     *  CARD_W×CARD_H on the wrapper — scale via <ScaledPixelatedCardFace />. */
     className?: string
-    /** Extra inline styles merged on top of the defaults (width/height/shadow). */
+    /** Extra inline styles merged onto the pink card face (e.g. background). */
     style?: CSSProperties
     /** When true, every element on the card (logos, number, pill) is run
      *  through the same canvas-rasterisation pipeline as the hand so the
@@ -58,6 +55,10 @@ export interface PixelatedCardFaceProps {
      *  display the Visa wordmark for compliance reasons (it renders crisp
      *  there since the share asset is the one surface that doesn't `blurAll`). */
     hideVisa?: boolean
+    /** Fires once the pixelated hand <img> has loaded — i.e. the card face is
+     *  fully painted. Capture surfaces gate the Share/Save buttons on this so a
+     *  snapshot can never fire before the hand is ready. */
+    onReady?: () => void
 }
 
 export const PixelatedCardFace: FC<PixelatedCardFaceProps> = ({
@@ -65,39 +66,50 @@ export const PixelatedCardFace: FC<PixelatedCardFaceProps> = ({
     style,
     blurAll = false,
     hideVisa = false,
+    onReady,
 }) => (
-    <div
-        className={`relative overflow-hidden rounded-3xl border-[4px] border-black ${className ?? ''}`}
-        style={{
-            background: '#FF90E8',
-            width: CARD_W,
-            height: CARD_H,
-            boxShadow: '0.625rem 0.625rem 0 #000',
-            ...style,
-        }}
-    >
-        <PixelatedHand />
+    // The drop-shadow is an offset sibling, NOT a CSS box-shadow: html-to-image
+    // renders box-shadow on a rounded element as a SQUARE block, so the captured
+    // PNG showed a square shadow behind the rounded card. A real black rounded
+    // element shifted by the shadow distance captures faithfully.
+    <div className="relative" style={{ width: CARD_W, height: CARD_H }}>
+        <div
+            aria-hidden
+            className="pointer-events-none absolute rounded-3xl"
+            style={{ inset: 0, background: '#000', transform: 'translate(0.625rem, 0.625rem)' }}
+        />
+        <div
+            className={`relative h-full w-full overflow-hidden rounded-3xl border-[4px] border-black ${className ?? ''}`}
+            style={{
+                background: '#FF90E8',
+                ...style,
+            }}
+        >
+            <PixelatedHand onReady={onReady} />
 
-        {/* Top row: peanut logo (left) + visa logo (right) */}
-        <div className="absolute flex items-start justify-between" style={{ top: 24, left: 28, right: 28, zIndex: 2 }}>
-            {blurAll ? (
-                <PixelatedImg src={ASSET_PEANUTMAN_LOGO} displayW={52} displayH={52} />
-            ) : (
-                <img src={ASSET_PEANUTMAN_LOGO} alt="" aria-hidden style={{ height: 52, width: 'auto' }} />
-            )}
-            {!hideVisa &&
-                (blurAll ? (
-                    <PixelatedImg src={ASSET_VISA_BRAND} displayW={80} displayH={32} invert />
+            {/* Top row: peanut logo (left) + visa logo (right) */}
+            <div
+                className="absolute flex items-start justify-between"
+                style={{ top: 24, left: 28, right: 28, zIndex: 2 }}
+            >
+                {blurAll ? (
+                    <PixelatedImg src={ASSET_PEANUTMAN} displayW={52} displayH={52} />
                 ) : (
-                    <img
-                        src={ASSET_VISA_BRAND}
-                        alt="Visa"
-                        style={{ height: 32, width: 'auto', filter: 'brightness(0) invert(1)' }}
-                    />
-                ))}
-        </div>
+                    <img src={ASSET_PEANUTMAN} alt="" aria-hidden style={{ height: 52, width: 'auto' }} />
+                )}
+                {!hideVisa &&
+                    (blurAll ? (
+                        <PixelatedImg src={ASSET_VISA_BRAND} displayW={80} displayH={32} invert />
+                    ) : (
+                        <img
+                            src={ASSET_VISA_BRAND}
+                            alt="Visa"
+                            style={{ height: 32, width: 'auto', filter: 'brightness(0) invert(1)' }}
+                        />
+                    ))}
+            </div>
 
-        {/* Bottom: card number — same `•••• ????` pattern in both modes.
+            {/* Bottom: card number — same `•••• ????` pattern in both modes.
             The share asset deliberately obscures the real PAN so a
             screenshot can't leak it; the eligibility-check tease uses
             the same string for visual continuity. (The `last4` prop is
@@ -105,28 +117,29 @@ export const PixelatedCardFace: FC<PixelatedCardFaceProps> = ({
             card face — share-asset + tease callers just don't pass it.)
             Lowered toward the card edge now that the Virtual pill is
             gone — gives the layout room to breathe. */}
-        <div className="absolute" style={{ bottom: 32, left: 28, zIndex: 2 }}>
-            {blurAll ? (
-                <PixelatedText
-                    text="????"
-                    displayW={140}
-                    displayH={42}
-                    font="1000 42px Roboto, sans-serif"
-                    color="#000"
-                />
-            ) : (
-                <div
-                    style={{
-                        fontFamily: 'var(--font-roboto), sans-serif',
-                        fontWeight: 1000,
-                        letterSpacing: '0.06em',
-                        fontSize: 42,
-                        lineHeight: 1,
-                    }}
-                >
-                    ????
-                </div>
-            )}
+            <div className="absolute" style={{ bottom: 32, left: 28, zIndex: 2 }}>
+                {blurAll ? (
+                    <PixelatedText
+                        text="????"
+                        displayW={140}
+                        displayH={42}
+                        font="1000 42px Roboto, sans-serif"
+                        color="#000"
+                    />
+                ) : (
+                    <div
+                        style={{
+                            fontFamily: 'var(--font-roboto), sans-serif',
+                            fontWeight: 1000,
+                            letterSpacing: '0.06em',
+                            fontSize: 42,
+                            lineHeight: 1,
+                        }}
+                    >
+                        ????
+                    </div>
+                )}
+            </div>
         </div>
     </div>
 )
@@ -264,23 +277,27 @@ const PixelatedText: FC<PixelatedTextProps> = ({ text, displayW, displayH, font,
 }
 
 // ---------------------------------------------------------------------------
-// The hand — same algorithm, just keeps its larger 36px raster so the
-// silhouette stays recognisable.
+// The hand — a pre-pixelated PNG rendered as a plain <img>, NOT a runtime
+// <canvas>. html-to-image silently drops a live <canvas> it can't serialise
+// (canvas.toDataURL() returns empty on iOS Safari for an SVG-sourced canvas →
+// blank card, no error: the launch-day "blank share asset" bug), but inlines
+// <img> reliably — same path the badge stickers take, which never blank. The
+// PNG is authored at the 36px raster and upscaled by image-rendering:pixelated,
+// so it reads identically to the old canvas.
 // ---------------------------------------------------------------------------
 
-const PixelatedHand: FC = () => (
-    <div
-        ref={(node) => {
-            if (!node || node.firstChild) return
-            const handRatio = 560 / 471 // hand display w/h
-            const rasterW = handRatio > 1 ? HAND_RASTER_PX : Math.max(1, Math.round(HAND_RASTER_PX * handRatio))
-            const rasterH = handRatio > 1 ? Math.max(1, Math.round(HAND_RASTER_PX / handRatio)) : HAND_RASTER_PX
-            rasterImg(ASSET_CARD_HAND, rasterW, rasterH, (canvas) => {
-                canvas.style.width = '100%'
-                canvas.style.height = '100%'
-                canvas.style.imageRendering = 'pixelated'
-                node.appendChild(canvas)
-            })
+const PixelatedHand: FC<{ onReady?: () => void }> = ({ onReady }) => (
+    <img
+        src={ASSET_CARD_HAND_PIXEL}
+        alt=""
+        aria-hidden
+        draggable={false}
+        onLoad={() => onReady?.()}
+        ref={(img) => {
+            // A cached image can already be `complete` before React attaches
+            // onLoad, so the load event never fires — that would leave the
+            // capture gate stuck disabled. Fire onReady directly in that case.
+            if (img?.complete) onReady?.()
         }}
         className="pointer-events-none absolute select-none"
         style={{
@@ -290,6 +307,7 @@ const PixelatedHand: FC = () => (
             height: 471,
             transform: 'rotate(-15deg)',
             transformOrigin: 'center',
+            imageRendering: 'pixelated',
         }}
     />
 )
diff --git a/src/components/Card/share-asset/ShareAssetActions.tsx b/src/components/Card/share-asset/ShareAssetActions.tsx
index f8ef100d0..372c64e62 100644
--- a/src/components/Card/share-asset/ShareAssetActions.tsx
+++ b/src/components/Card/share-asset/ShareAssetActions.tsx
@@ -69,9 +69,14 @@ interface Props {
     source: string
     /** Optional filename for the downloaded PNG. */
     filename?: string
+    /** Whether the share asset has finished painting its card face (the async
+     *  hand <canvas> has mounted — see PixelatedCardFace.onReady). Until then,
+     *  capturing would snapshot a blank card, so both buttons stay disabled.
+     *  Defaults to true so callers that don't wire the signal aren't blocked. */
+    ready?: boolean
 }
 
-export const ShareAssetActions: FC<Props> = ({ captureRef, source, filename = 'peanut-card.png' }) => {
+export const ShareAssetActions: FC<Props> = ({ captureRef, source, filename = 'peanut-card.png', ready = true }) => {
     const [isSharing, setIsSharing] = useState(false)
     const [isSaving, setIsSaving] = useState(false)
     const [error, setError] = useState<string | null>(null)
@@ -163,7 +168,7 @@ export const ShareAssetActions: FC<Props> = ({ captureRef, source, filename = 'p
                 shadowSize="4"
                 className="w-full"
                 loading={isSharing}
-                disabled={isSharing || isSaving}
+                disabled={isSharing || isSaving || !ready}
                 icon={<Icon name="share" size={18} />}
             >
                 Share
@@ -173,7 +178,7 @@ export const ShareAssetActions: FC<Props> = ({ captureRef, source, filename = 'p
                 variant="stroke"
                 className="w-full"
                 loading={isSaving}
-                disabled={isSharing || isSaving}
+                disabled={isSharing || isSaving || !ready}
                 icon={<Icon name="download" size={18} />}
             >
                 Save image
diff --git a/src/components/Card/share-asset/ShareAssetD3.tsx b/src/components/Card/share-asset/ShareAssetD3.tsx
index e4d3ce034..cd73d18fa 100644
--- a/src/components/Card/share-asset/ShareAssetD3.tsx
+++ b/src/components/Card/share-asset/ShareAssetD3.tsx
@@ -100,6 +100,7 @@ const ShareAssetD3: FC<ShareAssetD3Props> = ({
     usernameStyle,
     hideUsername = false,
     animate = true,
+    onReady,
 }) => {
     const safeUsername = (username || '').trim() || 'anon'
     const safeLast4 = (cardLast4 || '').trim().padStart(4, '•').slice(-4) || '5695'
@@ -219,7 +220,7 @@ const ShareAssetD3: FC<ShareAssetD3Props> = ({
                         : 'none',
                 }}
             >
-                <PixelatedCardFace last4={safeLast4} hideVisa />
+                <PixelatedCardFace last4={safeLast4} hideVisa onReady={onReady} />
             </div>
 
             {/* ─── Stickers (z-index 4) — raw badge art collaged ON TOP of the
@@ -256,26 +257,36 @@ const ShareAssetD3: FC<ShareAssetD3Props> = ({
                     animation: animate ? `fadeUp 600ms ease-out ${ANIM_ATTRIBUTION_DELAY}ms both` : 'none',
                 }}
             >
-                <span
-                    className="inline-flex items-baseline rounded-full border-[5px] border-black"
-                    style={{
-                        backgroundColor: uBg,
-                        padding: '10px 40px',
-                        textTransform: 'lowercase',
-                        boxShadow: '0.375rem 0.375rem 0 #000',
-                        whiteSpace: 'nowrap',
-                        maxWidth: PILL_MAX_W,
-                        overflow: 'hidden',
-                        lineHeight: 1.05,
-                        transform: 'rotate(-3deg)',
-                        gap: 1,
-                    }}
-                >
-                    <span style={{ fontSize: uPrefixSize, fontWeight: 800 }}>peanut.me/</span>
-                    <span style={{ fontSize: uHandleSize, fontWeight: 1000, letterSpacing: `${uTracking}em` }}>
-                        {safeUsername}
+                {/* The pill's drop-shadow is an offset sibling, NOT a CSS
+                    box-shadow: html-to-image renders box-shadow on a `rounded-full`
+                    element as a SQUARE block, so the captured PNG showed a square
+                    shadow behind the rounded pill. The rotation lives on the
+                    wrapper so the black rounded shadow tracks the pill's tilt. */}
+                <div className="relative inline-flex" style={{ transform: 'rotate(-3deg)', maxWidth: PILL_MAX_W }}>
+                    <div
+                        aria-hidden
+                        className="pointer-events-none absolute rounded-full"
+                        style={{ inset: 0, background: '#000', transform: 'translate(0.375rem, 0.375rem)' }}
+                    />
+                    <span
+                        className="relative inline-flex items-baseline rounded-full border-[5px] border-black"
+                        style={{
+                            backgroundColor: uBg,
+                            padding: '10px 40px',
+                            textTransform: 'lowercase',
+                            whiteSpace: 'nowrap',
+                            maxWidth: PILL_MAX_W,
+                            overflow: 'hidden',
+                            lineHeight: 1.05,
+                            gap: 1,
+                        }}
+                    >
+                        <span style={{ fontSize: uPrefixSize, fontWeight: 800 }}>peanut.me/</span>
+                        <span style={{ fontSize: uHandleSize, fontWeight: 1000, letterSpacing: `${uTracking}em` }}>
+                            {safeUsername}
+                        </span>
                     </span>
-                </span>
+                </div>
             </div>
 
             {/* ─── Hero "I got in" message sticker (top, z-index 5 — above the
diff --git a/src/components/Card/share-asset/__tests__/captureShareAsset.test.ts b/src/components/Card/share-asset/__tests__/captureShareAsset.test.ts
index 87066615c..a2f790887 100644
--- a/src/components/Card/share-asset/__tests__/captureShareAsset.test.ts
+++ b/src/components/Card/share-asset/__tests__/captureShareAsset.test.ts
@@ -1,7 +1,7 @@
 /**
  * @jest-environment jsdom
  */
-import { ShareAssetCaptureError } from '../captureShareAsset'
+import { ShareAssetCaptureError, waitForAssetReady } from '../captureShareAsset'
 
 describe('ShareAssetCaptureError', () => {
     test('carries failedImages + originalReject + name=ShareAssetCaptureError', () => {
@@ -24,3 +24,84 @@ describe('ShareAssetCaptureError', () => {
         expect(err instanceof Error).toBe(true)
     })
 })
+
+/**
+ * Regression guard for the launch-day "blank share asset" bug. The card-face
+ * hand used to be a runtime <canvas>, which html-to-image silently dropped when
+ * toDataURL() returned empty (iOS Safari, SVG-sourced canvas) → blank card, no
+ * error. The hand is now a plain <img>, so every visible element of the asset
+ * is decode-gated the same way the badge stickers (which never blanked) are.
+ * waitForAssetReady must block the snapshot until fonts + every <img> are ready.
+ */
+describe('waitForAssetReady — share-asset capture readiness gate', () => {
+    afterEach(() => {
+        // The fonts test stubs document.fonts; drop it so later runs see jsdom's
+        // default (undefined) and don't inherit a slow ready promise.
+        if (Object.getOwnPropertyDescriptor(document, 'fonts')) {
+            // @ts-expect-error — test-only cleanup of the stubbed accessor
+            delete document.fonts
+        }
+    })
+
+    test('does NOT resolve until every <img> has decoded — the hand included', async () => {
+        const node = document.createElement('div')
+        let resolveHandDecode!: () => void
+        const hand = document.createElement('img')
+        ;(hand as unknown as { decode: () => Promise<void> }).decode = () =>
+            new Promise<void>((resolve) => {
+                resolveHandDecode = resolve
+            })
+        node.appendChild(hand)
+
+        let resolved = false
+        const pending = waitForAssetReady(node).then(() => {
+            resolved = true
+        })
+        await new Promise((r) => setTimeout(r, 20))
+        expect(resolved).toBe(false) // still gated — a snapshot here could be blank
+
+        resolveHandDecode() // the hand bitmap is ready
+        await pending
+        expect(resolved).toBe(true)
+    })
+
+    test('awaits image decode for every <img> before snapshotting', async () => {
+        const node = document.createElement('div')
+        const badge = document.createElement('img')
+        const hand = document.createElement('img')
+        const badgeDecode = jest.fn().mockResolvedValue(undefined)
+        const handDecode = jest.fn().mockResolvedValue(undefined)
+        ;(badge as unknown as { decode: unknown }).decode = badgeDecode
+        ;(hand as unknown as { decode: unknown }).decode = handDecode
+        node.appendChild(badge)
+        node.appendChild(hand)
+
+        await waitForAssetReady(node)
+        expect(badgeDecode).toHaveBeenCalledTimes(1)
+        expect(handDecode).toHaveBeenCalledTimes(1)
+    })
+
+    test('resolves (never hangs) when images expose no decode() — jsdom / older browsers', async () => {
+        const node = document.createElement('div')
+        node.appendChild(document.createElement('img')) // no decode() in jsdom
+        await expect(waitForAssetReady(node)).resolves.toBeUndefined()
+    })
+
+    test('awaits document.fonts.ready before snapshotting', async () => {
+        let fontsReady = false
+        Object.defineProperty(document, 'fonts', {
+            configurable: true,
+            value: {
+                ready: new Promise<void>((resolve) =>
+                    setTimeout(() => {
+                        fontsReady = true
+                        resolve()
+                    }, 20)
+                ),
+            },
+        })
+        const node = document.createElement('div')
+        await waitForAssetReady(node)
+        expect(fontsReady).toBe(true)
+    })
+})
diff --git a/src/components/Card/share-asset/captureShareAsset.ts b/src/components/Card/share-asset/captureShareAsset.ts
index 02ea69216..a4f50b5be 100644
--- a/src/components/Card/share-asset/captureShareAsset.ts
+++ b/src/components/Card/share-asset/captureShareAsset.ts
@@ -40,8 +40,37 @@ export class ShareAssetCaptureError extends Error {
     }
 }
 
+/**
+ * Wait for the asset's content to be painted before we snapshot.
+ *
+ * Every visible element of the asset is a plain <img> now — badge stickers, the
+ * card logos, AND the card's pixelated hand (see PixelatedCardFace). The hand
+ * used to be a runtime <canvas>, which html-to-image silently dropped when it
+ * couldn't serialise it (canvas.toDataURL() returns empty on iOS Safari for an
+ * SVG-sourced canvas → blank card, no error: the launch-day "blank share asset"
+ * bug). With everything as <img>, readiness is simply:
+ *   - document.fonts.ready (the hero/username use a web font)
+ *   - every <img> decoded (badges, logos, the hand)
+ * so the snapshot only fires once the bitmaps are actually ready.
+ */
+export async function waitForAssetReady(node: HTMLElement): Promise<void> {
+    if (typeof document !== 'undefined' && document.fonts?.ready) {
+        try {
+            await document.fonts.ready
+        } catch {
+            // fonts.ready can reject in odd states — capture anyway.
+        }
+    }
+    await Promise.all(
+        Array.from(node.querySelectorAll('img')).map((img) =>
+            typeof img.decode === 'function' ? img.decode().catch(() => undefined) : Promise.resolve()
+        )
+    )
+}
+
 export async function captureShareAsset(node: HTMLElement): Promise<Blob> {
     try {
+        await waitForAssetReady(node)
         const blob = await toBlob(node, {
             width: CANVAS_W,
             height: CANVAS_H,
diff --git a/src/components/Card/share-asset/shareAsset.types.ts b/src/components/Card/share-asset/shareAsset.types.ts
index 4a46eafe1..79032881f 100644
--- a/src/components/Card/share-asset/shareAsset.types.ts
+++ b/src/components/Card/share-asset/shareAsset.types.ts
@@ -105,4 +105,12 @@ export interface ShareAssetD3Props {
      * snapshots / image export so the final frame renders deterministically.
      */
     animate?: boolean
+
+    /**
+     * Fires once the card face's async hand <canvas> has mounted (forwarded
+     * straight to <PixelatedCardFace onReady />). Capture surfaces gate the
+     * Share/Save buttons on this so a snapshot can never fire before the card
+     * face paints — the deterministic fix for the blank-card capture bug.
+     */
+    onReady?: () => void
 }
diff --git a/src/components/Claim/Link/Initial.view.tsx b/src/components/Claim/Link/Initial.view.tsx
index 970a57d1e..2e0e699a3 100644
--- a/src/components/Claim/Link/Initial.view.tsx
+++ b/src/components/Claim/Link/Initial.view.tsx
@@ -42,7 +42,7 @@ import { evmChainIdToRhinoName } from '@/constants/rhino.consts'
 import { getTokenSymbol } from '@/utils/general.utils'
 import { Button } from '@/components/0_Bruddle/Button'
 import Image from 'next/image'
-import { PEANUT_LOGO_BLACK, PEANUTMAN_LOGO } from '@/assets'
+import { PEANUT_LOGO_BLACK, PEANUTMAN } from '@/assets'
 import { GuestVerificationModal } from '@/components/Global/GuestVerificationModal'
 import { useCapabilities } from '@/hooks/useCapabilities'
 import MantecaFlowManager from './MantecaFlowManager'
@@ -822,7 +822,7 @@ export const InitialClaimLinkView = (props: IClaimScreenProps) => {
                 <div className="flex items-center gap-1">
                     <div>Receive on </div>
                     <div className="flex items-center gap-1">
-                        <Image src={PEANUTMAN_LOGO} alt="Peanut Logo" className="size-5" />
+                        <Image src={PEANUTMAN} alt="Peanut Logo" className="size-5" />
                         <Image src={PEANUT_LOGO_BLACK} alt="Peanut Logo" />
                     </div>
                 </div>
diff --git a/src/components/Claim/Link/SendLinkActionList.tsx b/src/components/Claim/Link/SendLinkActionList.tsx
index 7d87796da..3fa6d8754 100644
--- a/src/components/Claim/Link/SendLinkActionList.tsx
+++ b/src/components/Claim/Link/SendLinkActionList.tsx
@@ -25,10 +25,10 @@ import { useContext, useMemo, useState } from 'react'
 import ActionModal from '@/components/Global/ActionModal'
 import Divider from '../../0_Bruddle/Divider'
 import { Button } from '@/components/0_Bruddle/Button'
-import { PEANUT_LOGO_BLACK } from '@/assets/illustrations'
+import { PEANUT_LOGO_BLACK } from '@/assets/logos'
 import Image from 'next/image'
 import { useRouter } from 'next/navigation'
-import { PEANUTMAN_LOGO } from '@/assets/mascot'
+import { PEANUTMAN } from '@/assets/mascot'
 import { BankClaimType, useDetermineBankClaimType } from '@/hooks/useDetermineBankClaimType'
 import useSavedAccounts from '@/hooks/useSavedAccounts'
 import { tokenSelectorContext } from '@/context'
@@ -108,12 +108,18 @@ export default function SendLinkActionList({
         return claimType === BankClaimType.GuestKycNeeded || claimType === BankClaimType.ReceiverKycNeeded
     }, [claimType])
 
+    // Guest claim-to-bank (claimer unverified, but the sender can receive a bank
+    // off-ramp) is under maintenance: the BE 503s POST /bridge/offramp/create-for-guest.
+    // Render the bank option greyed + "Soon!" so guests can't enter a flow that would
+    // fail. The authenticated self off-ramp (UserBankClaim) is unaffected.
+    const isGuestBankClaim = claimType === BankClaimType.GuestBankClaim
+
     // filter and sort payment methods based on geolocation
     const { filteredMethods: sortedActionMethods, isLoading: isGeoLoading } = useGeoFilteredPaymentOptions({
         sortUnavailable: true,
         isMethodUnavailable: (method) =>
             method.soon ||
-            (method.id === 'bank' && requiresVerification) ||
+            (method.id === 'bank' && (requiresVerification || isGuestBankClaim)) ||
             (['mercadopago', 'pix'].includes(method.id) && !isMantecaPayEnabled),
         methods: showDevconnectMethod
             ? DEVCONNECT_CLAIM_METHODS.filter((method) => method.id !== 'devconnect')
@@ -237,7 +243,7 @@ export default function SendLinkActionList({
                 >
                     {showDevconnectMethod ? <div>Claim on</div> : <div>Continue with </div>}
                     <div className="flex items-center gap-1">
-                        <Image src={PEANUTMAN_LOGO} alt="Peanut Logo" className="size-5" />
+                        <Image src={PEANUTMAN} alt="Peanut Logo" className="size-5" />
                         <Image src={PEANUT_LOGO_BLACK} alt="Peanut Logo" />
                     </div>
                 </Button>
@@ -273,6 +279,7 @@ export default function SendLinkActionList({
                             key={method.id}
                             method={method}
                             requiresVerification={methodRequiresVerification}
+                            soon={method.id === 'bank' && isGuestBankClaim}
                         />
                     )
                 })}
@@ -323,12 +330,17 @@ const MethodCard = ({
     onClick,
     requiresVerification,
     isDisabled,
+    soon,
 }: {
     method: PaymentMethod
     onClick: () => void
     requiresVerification?: boolean
     isDisabled?: boolean
+    // forces the "Soon!" badge + greyed/non-interactive state even when the
+    // static method config has soon=false (e.g. guest claim-to-bank maintenance)
+    soon?: boolean
 }) => {
+    const showSoon = method.soon || soon
     return (
         <ActionListCard
             position="single"
@@ -337,7 +349,7 @@ const MethodCard = ({
             title={
                 <div className="flex items-center gap-2">
                     {method.title}
-                    {(method.soon || requiresVerification) && (
+                    {(showSoon || requiresVerification) && (
                         <StatusBadge
                             status={requiresVerification ? 'custom' : 'soon'}
                             customText={requiresVerification ? 'REQUIRES VERIFICATION' : ''}
@@ -346,7 +358,7 @@ const MethodCard = ({
                 </div>
             }
             onClick={onClick}
-            isDisabled={method.soon || isDisabled}
+            isDisabled={showSoon || isDisabled}
             rightContent={<IconStack icons={method.icons} iconSize={method.id === 'bank' ? 80 : 24} />}
         />
     )
diff --git a/src/components/Claim/Link/__tests__/SendLinkActionList.test.tsx b/src/components/Claim/Link/__tests__/SendLinkActionList.test.tsx
new file mode 100644
index 000000000..88f6b1557
--- /dev/null
+++ b/src/components/Claim/Link/__tests__/SendLinkActionList.test.tsx
@@ -0,0 +1,159 @@
+/**
+ * SendLinkActionList — guest claim-to-bank maintenance gating
+ *
+ * The GUEST claim-to-bank off-ramp is under maintenance (BE 503s
+ * POST /bridge/offramp/create-for-guest). The bank method must render greyed +
+ * "Soon!" and be non-interactive when the claim resolves to GuestBankClaim,
+ * while the authenticated self off-ramp (UserBankClaim) stays fully clickable.
+ */
+import React from 'react'
+import { render, screen, fireEvent } from '@testing-library/react'
+
+// ---------- module-level mocks (before importing the component) ----------
+
+jest.mock('next/navigation', () => ({
+    useRouter: () => ({ push: jest.fn(), replace: jest.fn(), prefetch: jest.fn() }),
+}))
+
+jest.mock('next/image', () => ({
+    __esModule: true,
+    default: (props: any) => {
+        const { priority, fill, ...rest } = props
+        return <img {...rest} />
+    },
+}))
+
+jest.mock('use-haptic', () => ({
+    useHaptic: () => ({ triggerHaptic: jest.fn() }),
+}))
+
+// Heavy leaf modals / CTAs that are not under test
+jest.mock('@/components/Global/ActionModal', () => ({
+    __esModule: true,
+    default: () => null,
+}))
+jest.mock('../../../Global/ConfirmInviteModal', () => ({
+    __esModule: true,
+    default: () => null,
+}))
+jest.mock('../../../Global/SupportCTA', () => ({
+    __esModule: true,
+    default: () => null,
+}))
+
+// Bank claim type — the value under test. `BankClaimType` mirrors the real enum.
+let mockClaimType = 'user-bank-claim'
+jest.mock('@/hooks/useDetermineBankClaimType', () => ({
+    BankClaimType: {
+        GuestBankClaim: 'guest-bank-claim',
+        UserBankClaim: 'user-bank-claim',
+        ReceiverKycNeeded: 'receiver-kyc-needed',
+        GuestKycNeeded: 'guest-kyc-needed',
+    },
+    useDetermineBankClaimType: () => ({ claimType: mockClaimType, setClaimType: jest.fn() }),
+}))
+
+const mockSetFlowStep = jest.fn()
+jest.mock('@/context/ClaimBankFlowContext', () => ({
+    ClaimBankFlowStep: {
+        SavedAccountsList: 'saved-accounts-list',
+        BankCountryList: 'bank-country-list',
+        BankDetailsForm: 'bank-details-form',
+        BankConfirmClaim: 'bank-confirm-claim',
+    },
+    useClaimBankFlow: () => ({
+        setClaimToExternalWallet: jest.fn(),
+        setFlowStep: mockSetFlowStep,
+        setShowVerificationModal: jest.fn(),
+        setClaimToMercadoPago: jest.fn(),
+        setRegionalMethodType: jest.fn(),
+        setHideTokenSelector: jest.fn(),
+    }),
+}))
+
+jest.mock('@/hooks/useSavedAccounts', () => ({
+    __esModule: true,
+    default: () => [],
+}))
+
+jest.mock('../../useClaimLink', () => ({
+    __esModule: true,
+    default: () => ({ addParamStep: jest.fn() }),
+}))
+
+jest.mock('@/hooks/useCapabilities', () => ({
+    useCapabilities: () => ({ canDo: () => false }),
+}))
+
+jest.mock('@/context/authContext', () => ({
+    useAuth: () => ({ user: { user: { userId: 'me', hasAppAccess: true } } }),
+}))
+
+jest.mock('@/redux/hooks', () => ({
+    useAppDispatch: () => jest.fn(),
+}))
+
+jest.mock('@/context', () => ({
+    tokenSelectorContext: React.createContext({
+        setSelectedTokenAddress: jest.fn(),
+        setSelectedChainID: jest.fn(),
+        devconnectChainId: '',
+        devconnectRecipientAddress: '',
+        devconnectTokenAddress: '',
+    }),
+}))
+
+// Return a fixed method set so the test is independent of geolocation.
+const bankMethod = { id: 'bank', title: 'Bank', description: 'EUR, USD, MXN, ARS & more', icons: [], soon: false }
+const walletMethod = {
+    id: 'exchange-or-wallet',
+    title: 'Exchange or Wallet',
+    description: 'Binance, Metamask and more',
+    icons: [],
+    soon: false,
+}
+jest.mock('@/hooks/useGeoFilteredPaymentOptions', () => ({
+    useGeoFilteredPaymentOptions: () => ({ filteredMethods: [bankMethod, walletMethod], isLoading: false }),
+}))
+
+// ---------- import component under test AFTER mocks ----------
+import SendLinkActionList from '../SendLinkActionList'
+
+const claimLinkData = {
+    amount: BigInt(10000000), // 10 USDC — above the $5 bank minimum
+    tokenDecimals: 6,
+    sender: { userId: 'sender-123', username: 'alice' },
+} as any
+
+function renderList() {
+    return render(<SendLinkActionList claimLinkData={claimLinkData} isLoggedIn isInviteLink={false} />)
+}
+
+beforeEach(() => {
+    jest.clearAllMocks()
+})
+
+describe('SendLinkActionList — guest claim-to-bank maintenance', () => {
+    test('GuestBankClaim: bank option is greyed + "Soon!" and non-interactive', () => {
+        mockClaimType = 'guest-bank-claim'
+        renderList()
+
+        // SOON badge present on the bank option
+        expect(screen.getByText('Soon!')).toBeInTheDocument()
+
+        // clicking the disabled bank card does not start the bank flow
+        fireEvent.click(screen.getByText('Bank'))
+        expect(mockSetFlowStep).not.toHaveBeenCalled()
+    })
+
+    test('UserBankClaim: authenticated self off-ramp stays interactive (no "Soon!")', () => {
+        mockClaimType = 'user-bank-claim'
+        renderList()
+
+        expect(screen.queryByText('Soon!')).not.toBeInTheDocument()
+
+        // clicking the enabled bank card enters the bank flow
+        fireEvent.click(screen.getByText('Bank'))
+        expect(mockSetFlowStep).toHaveBeenCalledWith('bank-country-list')
+    })
+})
diff --git a/src/components/Global/ConfirmInviteModal/index.tsx b/src/components/Global/ConfirmInviteModal/index.tsx
index a9bc915fb..8a811a8ae 100644
--- a/src/components/Global/ConfirmInviteModal/index.tsx
+++ b/src/components/Global/ConfirmInviteModal/index.tsx
@@ -1,7 +1,7 @@
 'use client'
 import { type FC } from 'react'
 import Image from 'next/image'
-import { PEANUT_LOGO_BLACK, PEANUTMAN_LOGO } from '@/assets'
+import { PEANUT_LOGO_BLACK, PEANUTMAN } from '@/assets'
 import Modal from '../Modal'
 import { Button } from '@/components/0_Bruddle/Button'
 import { PeanutWavingHello } from '@/assets/mascot'
@@ -52,7 +52,7 @@ const ConfirmInviteModal: FC<ConfirmInviteModalProps> = ({
                         <Button className="w-full" shadowSize="4" variant="purple" onClick={handleContinueWithPeanut}>
                             <div>Join</div>
                             <div className="flex items-center gap-1">
-                                <Image src={PEANUTMAN_LOGO} alt="Peanut Logo" className="size-5" />
+                                <Image src={PEANUTMAN} alt="Peanut Logo" className="size-5" />
                                 <Image src={PEANUT_LOGO_BLACK} alt="Peanut Logo" />
                             </div>
                         </Button>
diff --git a/src/components/Global/CreateAccountButton/index.tsx b/src/components/Global/CreateAccountButton/index.tsx
index 7cd3e0c48..fb3e2d4dd 100644
--- a/src/components/Global/CreateAccountButton/index.tsx
+++ b/src/components/Global/CreateAccountButton/index.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { PEANUT_LOGO_BLACK, PEANUTMAN_LOGO } from '@/assets'
+import { PEANUT_LOGO_BLACK, PEANUTMAN } from '@/assets'
 import { Button } from '@/components/0_Bruddle/Button'
 import Image from 'next/image'
 
@@ -13,7 +13,7 @@ const CreateAccountButton = ({ onClick }: CreateAccountButtonProps) => {
         <Button onClick={onClick} shadowSize="4">
             <div>Create a</div>
             <div className="flex items-center gap-1">
-                <Image src={PEANUTMAN_LOGO} alt="Peanut Logo" className="size-5" />
+                <Image src={PEANUTMAN} alt="Peanut Logo" className="size-5" />
                 <Image src={PEANUT_LOGO_BLACK} alt="Peanut Logo" />
             </div>
             <div>account</div>
diff --git a/src/components/Global/NoMoreJailModal/index.tsx b/src/components/Global/NoMoreJailModal/index.tsx
index 663bbe7da..8e005b711 100644
--- a/src/components/Global/NoMoreJailModal/index.tsx
+++ b/src/components/Global/NoMoreJailModal/index.tsx
@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react'
 import posthog from 'posthog-js'
 import { ANALYTICS_EVENTS, MODAL_TYPES } from '@/constants/analytics.consts'
 import Image from 'next/image'
-import { PEANUT_LOGO_BLACK, PEANUTMAN_LOGO } from '@/assets'
+import { PEANUT_LOGO_BLACK, PEANUTMAN } from '@/assets'
 import Modal from '../Modal'
 import { Button } from '@/components/0_Bruddle/Button'
 import { PeanutWhistling } from '@/assets/mascot'
@@ -55,7 +55,7 @@ const NoMoreJailModal = () => {
                     <Button className="w-full" shadowSize="4" variant="purple" onClick={onClose}>
                         <div>Start using</div>
                         <div className="flex items-center gap-1">
-                            <Image src={PEANUTMAN_LOGO} alt="Peanut Logo" className="size-5" />
+                            <Image src={PEANUTMAN} alt="Peanut Logo" className="size-5" />
                             <Image src={PEANUT_LOGO_BLACK} alt="Peanut Logo" />
                         </div>
                     </Button>
diff --git a/src/components/Global/PeanutLoading/CyclingLoading.tsx b/src/components/Global/PeanutLoading/CyclingLoading.tsx
index f5e63cc25..3595a741a 100644
--- a/src/components/Global/PeanutLoading/CyclingLoading.tsx
+++ b/src/components/Global/PeanutLoading/CyclingLoading.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { PEANUTMAN_LOGO } from '@/assets/mascot'
+import { PEANUTMAN } from '@/assets/mascot'
 import { useEffect, useState } from 'react'
 import { PAYMENT_LOADING_WORDS } from './words'
 
@@ -26,7 +26,7 @@ export default function CyclingLoading() {
         <div className="w-full flex-col items-center justify-center self-center text-center">
             <div className="flex w-full items-center justify-center self-center">
                 <div className="animate-spin">
-                    <img src={PEANUTMAN_LOGO.src} alt="logo" className="h-10" />
+                    <img src={PEANUTMAN.src} alt="logo" className="h-10" />
                     <span className="sr-only">{word}</span>
                 </div>
             </div>
diff --git a/src/components/Global/PeanutLoading/index.tsx b/src/components/Global/PeanutLoading/index.tsx
index 6d4a2d02f..a2d566fd5 100644
--- a/src/components/Global/PeanutLoading/index.tsx
+++ b/src/components/Global/PeanutLoading/index.tsx
@@ -1,4 +1,4 @@
-import { PEANUTMAN_LOGO } from '@/assets'
+import { PEANUTMAN } from '@/assets'
 import { twMerge } from 'tailwind-merge'
 
 export default function PeanutLoading({
@@ -18,7 +18,7 @@ export default function PeanutLoading({
                 )}
             >
                 <div className={twMerge('animate-spin')}>
-                    <img src={PEANUTMAN_LOGO.src} alt="logo" className="h-10" />
+                    <img src={PEANUTMAN.src} alt="Peanut mascot" className="h-10" />
                     <span className="sr-only">{message ?? 'Loading...'}</span>
                 </div>
             </div>
diff --git a/src/components/Global/QRScanner/index.tsx b/src/components/Global/QRScanner/index.tsx
index cfb9ee688..816b9fd46 100644
--- a/src/components/Global/QRScanner/index.tsx
+++ b/src/components/Global/QRScanner/index.tsx
@@ -1,7 +1,7 @@
 import { createPortal } from 'react-dom'
 import { Button } from '@/components/0_Bruddle/Button'
 import { MERCADO_PAGO, PIX } from '@/assets/payment-apps'
-import { PEANUTMAN_LOGO } from '@/assets/mascot'
+import { PEANUTMAN } from '@/assets/mascot'
 import { ETHEREUM_ICON } from '@/assets/icons'
 import Image from 'next/image'
 import { Icon } from '../Icons/Icon'
@@ -14,7 +14,7 @@ import CameraPermissionModal from './CameraPermissionModal'
 // ============================================================================
 
 const PAYMENT_METHODS = [
-    { src: PEANUTMAN_LOGO, alt: 'Peanut', name: 'Peanut' },
+    { src: PEANUTMAN, alt: 'Peanut', name: 'Peanut' },
     { src: MERCADO_PAGO, alt: 'Mercado Pago', name: 'Mercado Pago' },
     { src: PIX, alt: 'PIX', name: 'PIX' },
     { src: ETHEREUM_ICON, alt: 'Ethereum and EVMs', name: 'ETH & EVMs' },
diff --git a/src/components/Home/CardLaunchCTA/CardLaunchCTABanner.tsx b/src/components/Home/CardLaunchCTA/CardLaunchCTABanner.tsx
index 4c56d0d0c..fae5b136f 100644
--- a/src/components/Home/CardLaunchCTA/CardLaunchCTABanner.tsx
+++ b/src/components/Home/CardLaunchCTA/CardLaunchCTABanner.tsx
@@ -17,9 +17,9 @@ interface CardLaunchCTABannerProps {
  * Presentational only — gating + persistence live in the `CardLaunchCTA`
  * container so this can be force-rendered in the /dev/home-ctas preview.
  *
- * Tone matches the /shhhhh teaser: pink, hard black border + shadow, extra-black
- * uppercase headline, provocative "maybe it's for you" framing. The whole card
- * is a tap target (parity with CarouselCTA); the X stops propagation.
+ * In line with the other activation CTAs: white card, black border, no drop
+ * shadow, standard purple primary CTA. The whole card is a tap target (parity
+ * with CarouselCTA); the X stops propagation.
  */
 export default function CardLaunchCTABanner({ onTryDoor, onDismiss }: CardLaunchCTABannerProps) {
     const { triggerHaptic } = useHaptic()
@@ -39,7 +39,7 @@ export default function CardLaunchCTABanner({ onTryDoor, onDismiss }: CardLaunch
             role="button"
             tabIndex={0}
             onClick={handleTryDoor}
-            className="relative mb-3 cursor-pointer overflow-hidden rounded-sm border-2 border-n-1 bg-primary-1 p-5 shadow-[4px_4px_0_#000]"
+            className="relative mb-3 cursor-pointer overflow-hidden rounded-sm border border-n-1 bg-white p-5"
         >
             <button
                 type="button"
@@ -51,10 +51,10 @@ export default function CardLaunchCTABanner({ onTryDoor, onDismiss }: CardLaunch
             </button>
 
             <div className="relative z-[1] flex flex-col gap-3 pr-6">
-                <h3 className="font-roboto-flex-extrabold text-4xl font-extraBlack leading-[1.02] text-n-1">shhh</h3>
+                <h3 className="font-roboto-flex-extrabold text-4xl font-extraBlack leading-[1.02] text-n-1">shhhh</h3>
                 <p className="text-sm font-bold leading-snug text-n-1">Tap to find out if you&apos;re in</p>
                 <Button
-                    variant="dark"
+                    variant="purple"
                     shadowSize="4"
                     className="mt-1 w-full"
                     disableHaptics
diff --git a/src/components/Kyc/AdvisoryPreemptModal.tsx b/src/components/Kyc/AdvisoryPreemptModal.tsx
index bf0a62a11..39c8f970b 100644
--- a/src/components/Kyc/AdvisoryPreemptModal.tsx
+++ b/src/components/Kyc/AdvisoryPreemptModal.tsx
@@ -5,11 +5,8 @@ interface AdvisoryPreemptModalProps {
     /** ISO date the requirement becomes blocking; drives the deadline copy. */
     effectiveDate?: string
     isLoading?: boolean
-    /** Launch the verification flow early. */
+    /** Launch the verification flow. */
     onCompleteNow: () => void
-    /** Dismiss and continue with what the user was doing. */
-    onSkip: () => void
-    onClose: () => void
 }
 
 function formatEffectiveDate(iso?: string): string | null {
@@ -23,32 +20,33 @@ function formatEffectiveDate(iso?: string): string | null {
 }
 
 /**
- * Skippable pre-empt for a future-dated verification requirement on a rail that
- * still works today (the gate's `ready` + `advisory`). "Complete now" launches
- * the verification early; "Not now" lets the user carry on and resolve it later.
- * Once the effective date passes the backend reclassifies the requirement to
- * blocking and the non-skippable InitiateKycModal takes over — there is no FE
- * cutover logic here.
+ * Mandatory pre-empt for a pending Bridge verification requirement on the bank
+ * rails. Non-closable and non-skippable: the user must complete the verification
+ * before they can continue with a bank transfer. There is no "Not now" / X /
+ * backdrop dismiss — the only way forward is "Complete now".
  */
 export default function AdvisoryPreemptModal({
     visible,
     effectiveDate,
     isLoading = false,
     onCompleteNow,
-    onSkip,
-    onClose,
 }: AdvisoryPreemptModalProps) {
     const formatted = formatEffectiveDate(effectiveDate)
     return (
         <ActionModal
             visible={visible}
-            onClose={onClose}
+            // Hard gate: no dismiss. onClose is required by ActionModal but
+            // `preventClose` blocks backdrop/escape and `hideModalCloseButton`
+            // removes the X, so it is never reachable.
+            onClose={() => {}}
+            preventClose
+            hideModalCloseButton
             icon="badge"
-            title="One quick step coming up"
+            title="One quick step to continue"
             description={
                 formatted
-                    ? `To keep using bank transfers, you'll need to complete a short verification by ${formatted}. Take care of it now so nothing pauses later.`
-                    : `To keep using bank transfers, you'll need to complete a short verification soon. Take care of it now so nothing pauses later.`
+                    ? `To continue using bank transfers, please complete a short verification (required by ${formatted}). It only takes a couple of minutes.`
+                    : `To continue using bank transfers, please complete a short verification. It only takes a couple of minutes.`
             }
             ctas={[
                 {
@@ -58,7 +56,6 @@ export default function AdvisoryPreemptModal({
                     shadowSize: '4',
                     disabled: isLoading,
                 },
-                { text: 'Not now', onClick: onSkip, variant: 'stroke', disabled: isLoading },
             ]}
         />
     )
diff --git a/src/components/Kyc/states/KycActionRequired.tsx b/src/components/Kyc/states/KycActionRequired.tsx
index c4d7e496a..1ca19f167 100644
--- a/src/components/Kyc/states/KycActionRequired.tsx
+++ b/src/components/Kyc/states/KycActionRequired.tsx
@@ -5,8 +5,14 @@ import { Button } from '@/components/0_Bruddle/Button'
 import type { IconName } from '@/components/Global/Icons/Icon'
 
 // this component shows the identity-verification status when more action is needed
-// from the user. Displays a friendly actionMessage when present, otherwise the
-// normalized reject labels (e.g. bad photo quality, expired doc).
+// from the user. Prefers the per-label copy when reject labels are present (e.g.
+// DUPLICATE_EMAIL → "Email already in use, sign in to that account or contact
+// support") and only falls back to the backend's generic actionMessage when there
+// are none. The backend (identity.ts → actionMessageFor) sends a fixed, generic
+// "resubmit your documents" message for every action_required state — it is never
+// label-specific — so checking it first would mask the actionable per-label copy.
+// RejectLabelsList already renders its own generic fallback for empty labels, so
+// the no-labels-no-actionMessage case lands there safely.
 export const KycActionRequired = ({
     onResume,
     isLoading,
@@ -22,7 +28,7 @@ export const KycActionRequired = ({
         <div className="space-y-4 p-1">
             <KYCStatusDrawerItem status="pending" customText="Action needed" />
 
-            {actionMessage ? (
+            {!rejectLabels?.length && actionMessage ? (
                 <InfoCard variant="info" icon="alert" description={actionMessage} />
             ) : (
                 <RejectLabelsList rejectLabels={rejectLabels} />
diff --git a/src/components/Kyc/states/__tests__/KycActionRequired.rejectCopy.test.tsx b/src/components/Kyc/states/__tests__/KycActionRequired.rejectCopy.test.tsx
new file mode 100644
index 000000000..0f60a64d9
--- /dev/null
+++ b/src/components/Kyc/states/__tests__/KycActionRequired.rejectCopy.test.tsx
@@ -0,0 +1,48 @@
+import { render, screen } from '@testing-library/react'
+import { KycActionRequired } from '../KycActionRequired'
+
+// Integration-level companion to KycStates.test.tsx: that suite mocks
+// RejectLabelsList to assert branch selection. Here we render the REAL
+// RejectLabelsList + reject-label copy map so a regression in the
+// DUPLICATE_EMAIL → "Email already in use" mapping (the whole point of the
+// precedence fix) actually fails a test instead of shipping silently.
+
+jest.mock('use-haptic', () => ({
+    useHaptic: () => ({ triggerHaptic: jest.fn() }),
+}))
+
+jest.mock('@/hooks/useLongPress', () => ({
+    useLongPress: () => ({ isLongPressed: false, pressProgress: 0, handlers: {} }),
+}))
+
+jest.mock('../../KYCStatusDrawerItem', () => ({
+    KYCStatusDrawerItem: () => <div data-testid="kyc-status-drawer-item" />,
+}))
+
+// InfoCard is the leaf both branches render through; surface its text so we can
+// assert the actual copy. RejectLabelsList is intentionally NOT mocked.
+jest.mock('@/components/Global/InfoCard', () => ({
+    __esModule: true,
+    default: ({ title, description }: { title?: string; description?: string }) => (
+        <>
+            {title ? <div>{title}</div> : null}
+            {description ? <div>{description}</div> : null}
+        </>
+    ),
+}))
+
+describe('KycActionRequired — real reject-label copy', () => {
+    it('renders the DUPLICATE_EMAIL guidance, not the generic resubmit message', () => {
+        render(
+            <KycActionRequired
+                onResume={jest.fn()}
+                actionMessage="We need a bit more to verify your identity. Please resubmit your documents."
+                rejectLabels={['DUPLICATE_EMAIL']}
+            />
+        )
+
+        expect(screen.getByText(/already linked to another Peanut account/i)).toBeInTheDocument()
+        expect(screen.getByText(/sign in to that account/i)).toBeInTheDocument()
+        expect(screen.queryByText(/resubmit your documents/i)).not.toBeInTheDocument()
+    })
+})
diff --git a/src/components/Kyc/states/__tests__/KycStates.test.tsx b/src/components/Kyc/states/__tests__/KycStates.test.tsx
index 1242339d6..8e0d22fe6 100644
--- a/src/components/Kyc/states/__tests__/KycStates.test.tsx
+++ b/src/components/Kyc/states/__tests__/KycStates.test.tsx
@@ -48,6 +48,31 @@ describe('KYC state cards', () => {
         expect(onResume).toHaveBeenCalledWith()
     })
 
+    it('shows per-label reject copy (not the generic actionMessage) when reject labels are present', () => {
+        // DUPLICATE_EMAIL regression: the backend always sends a generic
+        // "resubmit your documents" actionMessage for action_required, which used
+        // to mask the specific "Email already in use" reject-label copy.
+        render(
+            <KycActionRequired
+                onResume={jest.fn()}
+                actionMessage="We need a bit more to verify your identity. Please resubmit your documents."
+                rejectLabels={['DUPLICATE_EMAIL']}
+            />
+        )
+
+        expect(screen.getByTestId('reject-labels-list')).toBeInTheDocument()
+        expect(screen.queryByText(/resubmit your documents/i)).not.toBeInTheDocument()
+    })
+
+    it('falls back to the generic actionMessage when there are no reject labels', () => {
+        render(
+            <KycActionRequired onResume={jest.fn()} actionMessage="Please resubmit your documents." rejectLabels={[]} />
+        )
+
+        expect(screen.getByText('Please resubmit your documents.')).toBeInTheDocument()
+        expect(screen.queryByTestId('reject-labels-list')).not.toBeInTheDocument()
+    })
+
     it('does not pass the click event to failed retry', () => {
         const onRetry = jest.fn()
         render(<KycFailed onRetry={onRetry} />)
diff --git a/src/components/Profile/components/PublicProfile.tsx b/src/components/Profile/components/PublicProfile.tsx
index 9578ebeba..72b33dfdb 100644
--- a/src/components/Profile/components/PublicProfile.tsx
+++ b/src/components/Profile/components/PublicProfile.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { HandThumbsUpV2, PEANUT_LOGO_BLACK, PEANUTMAN_LOGO } from '@/assets'
+import { HandThumbsUpV2, PEANUT_LOGO_BLACK, PEANUTMAN } from '@/assets'
 import { Button } from '@/components/0_Bruddle/Button'
 import { Icon } from '@/components/Global/Icons/Icon'
 import NavHeader from '@/components/Global/NavHeader'
@@ -76,7 +76,7 @@ const PublicProfile: React.FC<PublicProfileProps> = ({ username, isLoggedIn = fa
             <div>
                 {!isLoggedIn ? (
                     <div className="flex items-center gap-2 md:hidden">
-                        <Image src={PEANUTMAN_LOGO} alt="Peanut Logo" height={24} />
+                        <Image src={PEANUTMAN} alt="Peanut mascot" height={24} />
                         <Image src={PEANUT_LOGO_BLACK} alt="Peanut Text" height={12} />
                     </div>
                 ) : (
diff --git a/src/components/TransactionDetails/TransactionCard.tsx b/src/components/TransactionDetails/TransactionCard.tsx
index c2a14631a..03881c27f 100644
--- a/src/components/TransactionDetails/TransactionCard.tsx
+++ b/src/components/TransactionDetails/TransactionCard.tsx
@@ -26,7 +26,7 @@ import { VerifiedUserLabel } from '../UserHeader'
 import { PerkIcon } from './PerkIcon'
 import { useHaptic } from 'use-haptic'
 import LazyLoadErrorBoundary from '@/components/Global/LazyLoadErrorBoundary'
-import { PEANUTMAN_LOGO } from '@/assets/mascot'
+import { PEANUTMAN } from '@/assets/mascot'
 import InvitesIcon from '../Home/InvitesIcon'
 
 // Lazy load transaction details drawer (~40KB) to reduce initial bundle size
@@ -167,7 +167,7 @@ const TransactionCard: React.FC<TransactionCardProps> = ({
                         {isTestTransaction ? (
                             <div className={'relative flex size-7 items-center justify-center rounded-full p-0.5'}>
                                 <Image
-                                    src={PEANUTMAN_LOGO}
+                                    src={PEANUTMAN}
                                     alt="Peanut Logo"
                                     className="size-8 object-contain"
                                     width={30}
diff --git a/src/components/TransactionDetails/TransactionDetailsHeaderCard.tsx b/src/components/TransactionDetails/TransactionDetailsHeaderCard.tsx
index 2e010b6f5..b3368fdfb 100644
--- a/src/components/TransactionDetails/TransactionDetailsHeaderCard.tsx
+++ b/src/components/TransactionDetails/TransactionDetailsHeaderCard.tsx
@@ -12,7 +12,7 @@ import { VerifiedUserLabel } from '../UserHeader'
 import ProgressBar from '../Global/ProgressBar'
 import { useRouter } from 'next/navigation'
 import { twMerge } from 'tailwind-merge'
-import { PEANUTMAN_LOGO } from '@/assets/mascot'
+import { PEANUTMAN } from '@/assets/mascot'
 import { profileUrl } from '@/utils/native-routes'
 
 interface TransactionDetailsHeaderCardProps {
@@ -210,7 +210,7 @@ export const TransactionDetailsHeaderCard: React.FC<TransactionDetailsHeaderCard
             {isTestTransaction ? (
                 <div className="flex items-center gap-3">
                     <div>
-                        <Image src={PEANUTMAN_LOGO} alt="Peanut Logo" width={64} height={64} className="size-8" />
+                        <Image src={PEANUTMAN} alt="Peanut Logo" width={64} height={64} className="size-8" />
                     </div>
                     <div>
                         <h2 className="text-xl font-extrabold">Enjoy Peanut!</h2>
diff --git a/src/constants/analytics.consts.ts b/src/constants/analytics.consts.ts
index b19ec1b3e..b6e2bd74c 100644
--- a/src/constants/analytics.consts.ts
+++ b/src/constants/analytics.consts.ts
@@ -33,6 +33,14 @@ export const ANALYTICS_EVENTS = {
     KYC_REJECTED: 'kyc_rejected',
     KYC_ABANDONED: 'kyc_abandoned',
 
+    // ── EEA uplift (Bridge endorsement re-verification) ──
+    // Dedicated funnel events for the mandatory EEA-uplift gate so the flow can
+    // be filtered directly in PostHog. `started` = user launched the
+    // verification from the gate; `completed` = the KYC flow succeeded for that
+    // same uplift attempt.
+    EEA_UPLIFT_STARTED: 'eea_uplift_started',
+    EEA_UPLIFT_COMPLETED: 'eea_uplift_completed',
+
     // ── KYC (Manteca) ──
     MANTECA_KYC_INITIATED: 'manteca_kyc_initiated',
     MANTECA_KYC_COMPLETED: 'manteca_kyc_completed',
diff --git a/src/features/payments/shared/components/SendWithPeanutCta.tsx b/src/features/payments/shared/components/SendWithPeanutCta.tsx
index cac78d970..7fb188424 100644
--- a/src/features/payments/shared/components/SendWithPeanutCta.tsx
+++ b/src/features/payments/shared/components/SendWithPeanutCta.tsx
@@ -8,7 +8,7 @@
  * - logged in: "send with peanut" + executes payment
  */
 
-import { PEANUT_LOGO_BLACK, PEANUTMAN_LOGO } from '@/assets'
+import { PEANUT_LOGO_BLACK, PEANUTMAN } from '@/assets'
 import { Button, type ButtonProps } from '@/components/0_Bruddle/Button'
 import type { IconName } from '@/components/Global/Icons/Icon'
 import { useAuth } from '@/context/authContext'
@@ -100,7 +100,7 @@ export default function SendWithPeanutCta({
     const peanutLogo = useMemo((): React.ReactNode => {
         return (
             <div className="flex items-center gap-1">
-                <Image src={PEANUTMAN_LOGO} alt="Peanut Logo" className="size-5" />
+                <Image src={PEANUTMAN} alt="Peanut Logo" className="size-5" />
                 <Image src={PEANUT_LOGO_BLACK} alt="Peanut Logo" />
             </div>
         )
diff --git a/src/hooks/useAdvisoryPreempt.test.ts b/src/hooks/useAdvisoryPreempt.test.ts
index d8991d560..32ad76147 100644
--- a/src/hooks/useAdvisoryPreempt.test.ts
+++ b/src/hooks/useAdvisoryPreempt.test.ts
@@ -16,7 +16,7 @@ describe('useAdvisoryPreempt', () => {
         expect(result.current.modalProps.visible).toBe(false)
     })
 
-    test('advisory present → intercept opens the modal and defers proceed', () => {
+    test('advisory present → intercept opens the modal and blocks proceed', () => {
         const proceed = jest.fn()
         const onCompleteNow = jest.fn()
         const { result } = renderHook(() => useAdvisoryPreempt({ advisory, onCompleteNow }))
@@ -28,54 +28,92 @@ describe('useAdvisoryPreempt', () => {
         expect(result.current.modalProps.effectiveDate).toBe('2099-06-29')
     })
 
-    test('skip runs the deferred proceed; once dismissed, later intercepts pass straight through', () => {
-        const proceed = jest.fn()
+    test('hard gate: while the advisory is pending, repeated intercepts never pass through', () => {
         const onCompleteNow = jest.fn()
         const { result } = renderHook(() => useAdvisoryPreempt({ advisory, onCompleteNow }))
 
-        act(() => result.current.intercept(proceed))
-        act(() => result.current.modalProps.onSkip())
-
-        expect(proceed).toHaveBeenCalledTimes(1)
-        expect(result.current.modalProps.visible).toBe(false)
-
-        // Dismissed for the session — a second proceed runs immediately, no re-prompt.
+        const proceed1 = jest.fn()
+        act(() => result.current.intercept(proceed1))
         const proceed2 = jest.fn()
         act(() => result.current.intercept(proceed2))
-        expect(proceed2).toHaveBeenCalledTimes(1)
-        expect(result.current.modalProps.visible).toBe(false)
+
+        expect(proceed1).not.toHaveBeenCalled()
+        expect(proceed2).not.toHaveBeenCalled()
+        expect(result.current.modalProps.visible).toBe(true)
     })
 
-    test('onClose dismisses without running the deferred proceed (X must not trigger the money action)', () => {
+    test('completeNow launches the verification, hides the modal, and does NOT run the deferred proceed', async () => {
         const proceed = jest.fn()
         const onCompleteNow = jest.fn()
         const { result } = renderHook(() => useAdvisoryPreempt({ advisory, onCompleteNow }))
 
         act(() => result.current.intercept(proceed))
-        act(() => result.current.modalProps.onClose())
+        await act(async () => {
+            await result.current.modalProps.onCompleteNow()
+        })
 
+        expect(onCompleteNow).toHaveBeenCalledTimes(1)
         expect(proceed).not.toHaveBeenCalled()
         expect(result.current.modalProps.visible).toBe(false)
+    })
 
-        // ...but it dismisses for the session — the next click passes through, no re-prompt.
-        const proceed2 = jest.fn()
-        act(() => result.current.intercept(proceed2))
-        expect(proceed2).toHaveBeenCalledTimes(1)
-        expect(result.current.modalProps.visible).toBe(false)
+    test('completeNow ignores rapid double-clicks (single submit)', async () => {
+        let resolve: () => void = () => {}
+        const onCompleteNow = jest.fn(() => new Promise<void>((r) => (resolve = r)))
+        const { result } = renderHook(() => useAdvisoryPreempt({ advisory, onCompleteNow }))
+
+        await act(async () => {
+            result.current.modalProps.onCompleteNow()
+            result.current.modalProps.onCompleteNow()
+            resolve()
+        })
+
+        expect(onCompleteNow).toHaveBeenCalledTimes(1)
     })
 
-    test('completeNow launches the verification and does NOT run the deferred proceed', async () => {
+    test('once the requirement clears (advisory undefined), intercept passes through again', () => {
+        const onCompleteNow = jest.fn()
+        const { result, rerender } = renderHook(
+            ({ adv }: { adv: GateAdvisory | undefined }) => useAdvisoryPreempt({ advisory: adv, onCompleteNow }),
+            { initialProps: { adv: advisory as GateAdvisory | undefined } }
+        )
+
+        const blocked = jest.fn()
+        act(() => result.current.intercept(blocked))
+        expect(blocked).not.toHaveBeenCalled()
+
+        // Backend cleared the requirement → gate no longer carries an advisory.
+        rerender({ adv: undefined })
         const proceed = jest.fn()
+        act(() => result.current.intercept(proceed))
+        expect(proceed).toHaveBeenCalledTimes(1)
+    })
+
+    test('auto-closes the modal when the advisory clears while it is open', () => {
         const onCompleteNow = jest.fn()
+        const { result, rerender } = renderHook(
+            ({ adv }: { adv: GateAdvisory | undefined }) => useAdvisoryPreempt({ advisory: adv, onCompleteNow }),
+            { initialProps: { adv: advisory as GateAdvisory | undefined } }
+        )
+
+        act(() => result.current.intercept(jest.fn()))
+        expect(result.current.modalProps.visible).toBe(true)
+
+        // backend cleared the requirement while the modal was open
+        rerender({ adv: undefined })
+        expect(result.current.modalProps.visible).toBe(false)
+    })
+
+    test('re-shows the modal if the launch (onCompleteNow) fails', async () => {
+        const onCompleteNow = jest.fn().mockRejectedValue(new Error('launch failed'))
         const { result } = renderHook(() => useAdvisoryPreempt({ advisory, onCompleteNow }))
 
-        act(() => result.current.intercept(proceed))
+        act(() => result.current.intercept(jest.fn()))
         await act(async () => {
-            await result.current.modalProps.onCompleteNow()
+            await expect(result.current.modalProps.onCompleteNow()).rejects.toThrow('launch failed')
         })
 
-        expect(onCompleteNow).toHaveBeenCalledTimes(1)
-        expect(proceed).not.toHaveBeenCalled()
-        expect(result.current.modalProps.visible).toBe(false)
+        // hard gate must not silently vanish on a failed launch
+        expect(result.current.modalProps.visible).toBe(true)
     })
 })
diff --git a/src/hooks/useAdvisoryPreempt.ts b/src/hooks/useAdvisoryPreempt.ts
index 78f29eebb..9f6a7d3ec 100644
--- a/src/hooks/useAdvisoryPreempt.ts
+++ b/src/hooks/useAdvisoryPreempt.ts
@@ -1,75 +1,69 @@
-import { useCallback, useRef, useState } from 'react'
+import { useCallback, useEffect, useRef, useState } from 'react'
 import type { GateAdvisory } from '@/utils/capability-gate'
 
 interface UseAdvisoryPreemptArgs {
     /** The advisory from a `ready` gate (`gate.kind === 'ready' ? gate.advisory : undefined`). */
     advisory: GateAdvisory | undefined
-    /** Launch the verification flow early — e.g. `sumsubFlow.handleInitiateKyc(region, advisory.levelKey, …)`. */
+    /** Launch the verification flow — e.g. `sumsubFlow.handleSelfHealResubmit('BRIDGE', advisory.requirementKey)`. */
     onCompleteNow: () => void | Promise<void>
     isLoading?: boolean
 }
 
 /**
- * Drives the skippable advisory pre-empt at the add/withdraw entry points. The
- * rail is usable now, so we don't block — we intercept the "proceed" step ONCE
- * per session with a skippable modal. "Complete now" launches the verification
- * early; "Not now" dismisses and runs the original proceed action. Either choice
- * marks it dismissed so the user isn't re-prompted mid-session.
+ * Drives the MANDATORY verification pre-empt at the add/withdraw entry points.
+ * If a pending Bridge requirement (`advisory`) exists, the user CANNOT proceed
+ * with the transfer until they complete it: `intercept` opens a non-closable,
+ * non-skippable modal and never runs the deferred action. "Complete now"
+ * launches the verification; once it clears, the gate drops the advisory and the
+ * next add/withdraw click passes straight through.
  *
  * Returns `intercept(proceed)` to call in the gate's `ready` branch, and
  * `modalProps` to spread onto {@link AdvisoryPreemptModal}.
  */
 export function useAdvisoryPreempt({ advisory, onCompleteNow, isLoading = false }: UseAdvisoryPreemptArgs) {
-    const [dismissed, setDismissed] = useState(false)
     const [visible, setVisible] = useState(false)
-    const pendingProceed = useRef<(() => void) | null>(null)
-    // Guards against double-submit: onCompleteNow now fires a real network call
+    // Guards against double-submit: onCompleteNow fires a real network call
     // (self-heal resubmit), so rapid clicks before isLoading disables the CTA
     // would otherwise launch duplicate requests.
     const completingRef = useRef(false)
 
+    // Keep the modal in sync with the requirement: if the backend clears the
+    // advisory (requirement resolved) while the modal is open, auto-close it so
+    // the gate doesn't linger over an already-unblocked transfer.
+    useEffect(() => {
+        if (!advisory) setVisible(false)
+    }, [advisory])
+
     const intercept = useCallback(
         (proceed: () => void) => {
-            if (advisory && !dismissed) {
-                pendingProceed.current = proceed
+            // Hard gate: a pending requirement blocks the transfer outright. The
+            // deferred action only runs when there is no advisory — i.e. the user
+            // has completed verification and the backend cleared the requirement.
+            if (advisory) {
                 setVisible(true)
                 return
             }
             proceed()
         },
-        [advisory, dismissed]
+        [advisory]
     )
 
     const completeNow = useCallback(async () => {
         if (completingRef.current) return
         completingRef.current = true
-        setDismissed(true)
         setVisible(false)
-        pendingProceed.current = null
         try {
             await onCompleteNow()
+        } catch (error) {
+            // Launch failed — re-show the gate so the user isn't left with a
+            // silently dismissed mandatory step and a still-pending requirement.
+            setVisible(true)
+            throw error
         } finally {
             completingRef.current = false
         }
     }, [onCompleteNow])
 
-    const skip = useCallback(() => {
-        setDismissed(true)
-        setVisible(false)
-        const proceed = pendingProceed.current
-        pendingProceed.current = null
-        proceed?.()
-    }, [])
-
-    // X / backdrop / Escape: dismiss for the session WITHOUT running the deferred
-    // proceed — closing the dialog must not auto-trigger the add/withdraw action.
-    // The user's next add/withdraw click then passes straight through (dismissed).
-    const close = useCallback(() => {
-        setDismissed(true)
-        setVisible(false)
-        pendingProceed.current = null
-    }, [])
-
     return {
         intercept,
         modalProps: {
@@ -77,8 +71,6 @@ export function useAdvisoryPreempt({ advisory, onCompleteNow, isLoading = false
             effectiveDate: advisory?.effectiveDate,
             isLoading,
             onCompleteNow: completeNow,
-            onSkip: skip,
-            onClose: close,
         },
     }
 }
diff --git a/src/hooks/useEeaUpliftFunnel.test.ts b/src/hooks/useEeaUpliftFunnel.test.ts
new file mode 100644
index 000000000..f6699601e
--- /dev/null
+++ b/src/hooks/useEeaUpliftFunnel.test.ts
@@ -0,0 +1,73 @@
+import { act, renderHook } from '@testing-library/react'
+import posthog from 'posthog-js'
+import { useEeaUpliftFunnel } from './useEeaUpliftFunnel'
+import { ANALYTICS_EVENTS } from '@/constants/analytics.consts'
+import type { GateAdvisory } from '@/utils/capability-gate'
+
+jest.mock('posthog-js', () => ({ capture: jest.fn() }))
+const capture = posthog.capture as jest.Mock
+
+const advisory: GateAdvisory = {
+    effectiveDate: '2026-06-29',
+    actionKey: 'sumsub:eea_uplift',
+    requirementKey: 'sof_individual_primary_purpose',
+}
+
+beforeEach(() => capture.mockClear())
+
+describe('useEeaUpliftFunnel', () => {
+    test('trackStarted fires eea_uplift_started with channel + advisory props', () => {
+        const { result } = renderHook(() => useEeaUpliftFunnel('deposit'))
+        act(() => result.current.trackStarted(advisory))
+
+        expect(capture).toHaveBeenCalledTimes(1)
+        expect(capture).toHaveBeenCalledWith(ANALYTICS_EVENTS.EEA_UPLIFT_STARTED, {
+            channel: 'deposit',
+            requirement_key: 'sof_individual_primary_purpose',
+            action_key: 'sumsub:eea_uplift',
+            effective_date: '2026-06-29',
+        })
+    })
+
+    test('trackCompleted fires eea_uplift_completed only after a start', () => {
+        const { result } = renderHook(() => useEeaUpliftFunnel('withdraw'))
+        act(() => result.current.trackStarted(advisory))
+        capture.mockClear()
+
+        act(() => result.current.trackCompleted())
+        expect(capture).toHaveBeenCalledTimes(1)
+        expect(capture).toHaveBeenCalledWith(ANALYTICS_EVENTS.EEA_UPLIFT_COMPLETED, {
+            channel: 'withdraw',
+            requirement_key: 'sof_individual_primary_purpose',
+            action_key: 'sumsub:eea_uplift',
+            effective_date: '2026-06-29',
+        })
+    })
+
+    test('trackCompleted is a no-op when no start was recorded (generic KYC success)', () => {
+        const { result } = renderHook(() => useEeaUpliftFunnel('deposit'))
+        act(() => result.current.trackCompleted())
+        expect(capture).not.toHaveBeenCalled()
+    })
+
+    test('trackCompleted only fires once per start (ref cleared)', () => {
+        const { result } = renderHook(() => useEeaUpliftFunnel('deposit'))
+        act(() => result.current.trackStarted(advisory))
+        capture.mockClear()
+
+        act(() => result.current.trackCompleted())
+        act(() => result.current.trackCompleted())
+        expect(capture).toHaveBeenCalledTimes(1)
+    })
+
+    test('reset clears a pending start so a later success cannot mis-fire completed', () => {
+        const { result } = renderHook(() => useEeaUpliftFunnel('deposit'))
+        act(() => result.current.trackStarted(advisory))
+        capture.mockClear()
+
+        // user abandoned the flow → reset, then an unrelated KYC success fires
+        act(() => result.current.reset())
+        act(() => result.current.trackCompleted())
+        expect(capture).not.toHaveBeenCalled()
+    })
+})
diff --git a/src/hooks/useEeaUpliftFunnel.ts b/src/hooks/useEeaUpliftFunnel.ts
new file mode 100644
index 000000000..c6eb11fe7
--- /dev/null
+++ b/src/hooks/useEeaUpliftFunnel.ts
@@ -0,0 +1,59 @@
+import { useCallback, useRef } from 'react'
+import posthog from 'posthog-js'
+import { ANALYTICS_EVENTS } from '@/constants/analytics.consts'
+import type { GateAdvisory } from '@/utils/capability-gate'
+
+type UpliftChannel = 'deposit' | 'withdraw'
+
+/**
+ * Fires the EEA-uplift funnel events for PostHog so the flow can be filtered
+ * directly: `eea_uplift_started` when the user launches the verification, and
+ * `eea_uplift_completed` on KYC success.
+ *
+ * `trackCompleted` only emits if a start was recorded in this session — the KYC
+ * success callback on the bank pages is shared with non-uplift KYC, so the
+ * `startedRef` guard stops a generic success from mis-firing the completed
+ * event. The advisory snapshot is captured at start time because the gate's
+ * `advisory` clears once the requirement resolves, so it's gone by completion.
+ *
+ * `reset` clears the pending start on abandonment (KYC modal closed without
+ * success). Without it the latch would survive an abandoned attempt, and a later
+ * unrelated KYC success on the same mounted page could mis-fire `completed`.
+ */
+export function useEeaUpliftFunnel(channel: UpliftChannel) {
+    const startedRef = useRef<GateAdvisory | null>(null)
+
+    const trackStarted = useCallback(
+        // `advisory` is required: callers gate on it before launching, and the
+        // funnel contract needs requirement_key / action_key / effective_date
+        // always present on the event.
+        (advisory: GateAdvisory) => {
+            startedRef.current = advisory
+            posthog.capture(ANALYTICS_EVENTS.EEA_UPLIFT_STARTED, {
+                channel,
+                requirement_key: advisory.requirementKey,
+                action_key: advisory.actionKey,
+                effective_date: advisory.effectiveDate,
+            })
+        },
+        [channel]
+    )
+
+    const trackCompleted = useCallback(() => {
+        const advisory = startedRef.current
+        if (!advisory) return
+        startedRef.current = null
+        posthog.capture(ANALYTICS_EVENTS.EEA_UPLIFT_COMPLETED, {
+            channel,
+            requirement_key: advisory.requirementKey,
+            action_key: advisory.actionKey,
+            effective_date: advisory.effectiveDate,
+        })
+    }, [channel])
+
+    const reset = useCallback(() => {
+        startedRef.current = null
+    }, [])
+
+    return { trackStarted, trackCompleted, reset }
+}
diff --git a/src/hooks/useMultiPhaseKycFlow.ts b/src/hooks/useMultiPhaseKycFlow.ts
index 2e4f83638..d6877ffba 100644
--- a/src/hooks/useMultiPhaseKycFlow.ts
+++ b/src/hooks/useMultiPhaseKycFlow.ts
@@ -75,6 +75,14 @@ export async function confirmBridgeTosAndAwaitRails(fetchUser: () => Promise<IUs
 
 interface UseMultiPhaseKycFlowOptions {
     onKycSuccess?: () => void
+    /**
+     * Fired the moment Sumsub reports approval (the verification was submitted),
+     * BEFORE the post-approval ToS / rail-preparing steps. Use this for
+     * "completed the verification" signals so they aren't lost when the user
+     * drops during those follow-up steps. `onKycSuccess` still fires later, once
+     * the whole flow settles.
+     */
+    onKycApproved?: () => void
     onManualClose?: () => void
     regionIntent?: KYCRegionIntent
 }
@@ -87,7 +95,12 @@ interface UseMultiPhaseKycFlowOptions {
  * use this hook anywhere kyc is initiated. pair with SumsubKycModals
  * for the modal rendering.
  */
-export const useMultiPhaseKycFlow = ({ onKycSuccess, onManualClose, regionIntent }: UseMultiPhaseKycFlowOptions) => {
+export const useMultiPhaseKycFlow = ({
+    onKycSuccess,
+    onKycApproved,
+    onManualClose,
+    regionIntent,
+}: UseMultiPhaseKycFlowOptions) => {
     const { fetchUser, user } = useAuth()
     const acquisitionSource = user?.invitedBy ? 'referred' : 'organic'
 
@@ -163,6 +176,11 @@ export const useMultiPhaseKycFlow = ({ onKycSuccess, onManualClose, regionIntent
         // the next route mount / window focus. See useSubmissionWindow.
         markSubmitted()
 
+        // Sumsub approved the submission — the verification flow is done from the
+        // user's side. Fire here (not in completeFlow) so a "completed" signal
+        // survives a drop during the post-approval ToS / preparing steps.
+        onKycApproved?.()
+
         // for real-time flow, optimistically show "Identity verified!" while we check rails
         if (isRealtimeFlowRef.current) {
             setModalPhase('preparing')
@@ -192,7 +210,7 @@ export const useMultiPhaseKycFlow = ({ onKycSuccess, onManualClose, regionIntent
 
         // all settled — done
         completeFlow()
-    }, [fetchUser, startTracking, clearPreparingTimer, completeFlow])
+    }, [fetchUser, startTracking, clearPreparingTimer, completeFlow, onKycApproved])
 
     const {
         isLoading,
diff --git a/src/services/card.ts b/src/services/card.ts
index 94b5b3c31..d1814f16e 100644
--- a/src/services/card.ts
+++ b/src/services/card.ts
@@ -35,6 +35,16 @@ export interface CardInfoResponse {
     waitlistReleasedAt: string | null
     /** Skip-badge codes the user holds (subset of SKIP_BADGE_CODES on BE). */
     skipBadges: string[]
+    /** Global door-tally counts (same for every user) — power the Berghain
+     *  rejection screen. `waitlistTotal` = total who joined the waitlist (the FE
+     *  inflates it for the FOMO "tried"); `admittedTotal` = total released/granted
+     *  (shown verbatim as "got in").
+     *
+     *  OPTIONAL on purpose: the BE that returns these (peanut-api-ts) deploys
+     *  first, but during the rollout window — and for any older API — the FE
+     *  must tolerate `undefined`. `computeDoorTally` falls back to 213 / 7. */
+    waitlistTotal?: number
+    admittedTotal?: number
 }
 
 export interface WaitlistStateResponse {
diff --git a/src/services/rain.ts b/src/services/rain.ts
index b494ab2a6..5124582ae 100644
--- a/src/services/rain.ts
+++ b/src/services/rain.ts
@@ -485,6 +485,13 @@ export const rainApi = {
             method: 'POST',
             path: '/rain/cards',
             body,
+            // The first-time-application path runs 7 sequential Sumsub calls, a
+            // deliberate 2.5s readiness sleep, the Rain createApplication call,
+            // and an optional inline issueCard — routinely 7-13s. The default
+            // 10s fetch timeout clips that tail, aborting client-side while the
+            // backend completes (user sees a false failure on a card that was
+            // actually submitted). Give this one call generous headroom.
+            timeoutMs: 60_000,
         })
     },