update from user testing payment platform

frontend/src/lib/components/PricingPlans.svelte

@@ -15,12 +15,12 @@
 	const tiers: Tier[] = [
 		{
 			id: 'trial',
-			name: 'Trial',
+			name: 'Have a code?',
 			price: 'Free',
-			period: 'for the trial period',
-			blurb: 'Kick the tires on us.',
-			features: ['Full family access', 'No card required', 'Code from us or a partner'],
-			cta: 'Start free trial'
+			period: 'with a valid code',
+			blurb: 'Been given an access or trial code?',
+			features: ['Full family access', 'Redeemed during signup', 'No card required'],
+			cta: 'Enter your code'
 		},
 		{
 			id: 'monthly',
@@ -70,13 +70,17 @@
 			</p>
 			<p class="blurb">{tier.blurb}</p>
 
-			<form method="POST" action={action} use:enhance={onsubmit ?? undefined}>
-				<input type="hidden" name="plan" value={tier.id} />
-				{#if tier.id === 'trial'}
-					<input name="code" placeholder="Trial code" autocomplete="off" />
-				{/if}
-				<button type="submit" class="cta" class:primary={tier.featured}>{tier.cta}</button>
-			</form>
+			{#if tier.id === 'trial'}
+				<!-- No form: codes are redeemed inside the signup wizard (step 3).
+				     data-sveltekit-reload: full document nav — immune to stale-router
+				     click-swallowing. -->
+				<a href="/signup" data-sveltekit-reload class="cta">{tier.cta}</a>
+			{:else}
+				<form method="POST" action={action} use:enhance={onsubmit ?? undefined}>
+					<input type="hidden" name="plan" value={tier.id} />
+					<button type="submit" class="cta" class:primary={tier.featured}>{tier.cta}</button>
+				</form>
+			{/if}
 
 			<ul>
 				{#each tier.features as f}
@@ -158,12 +162,15 @@
 		outline-offset: -1px;
 	}
 	.cta {
+		display: block;
 		width: 100%;
 		padding: 0.65rem 1rem;
 		border-radius: 10px;
 		font-size: 0.92rem;
 		font-weight: 600;
 		cursor: pointer;
+		text-align: center;
+		text-decoration: none;
 		border: 1.5px solid #6366f1;
 		background: #fff;
 		color: #4338ca;