diff --git a/app/components/ContributionAmountField.vue b/app/components/ContributionAmountField.vue
deleted file mode 100644
index ffc596c..0000000
--- a/app/components/ContributionAmountField.vue
+++ /dev/null
@@ -1,302 +0,0 @@
-<template>
-  <div class="contribution-amount-field">
-    <div v-if="allowCadenceChange" class="form-group">
-      <label class="form-label">How often</label>
-      <div class="cadence-radios">
-        <div class="circle-radio">
-          <input
-            :id="`${uid}-cadence-monthly`"
-            type="radio"
-            :name="`${uid}-cadence`"
-            value="monthly"
-            :checked="cadence === 'monthly'"
-            @change="onCadenceChange('monthly')"
-          >
-          <label :for="`${uid}-cadence-monthly`" data-testid="cadence-monthly">
-            <span class="circle-label-name">Per Month</span>
-          </label>
-        </div>
-        <div class="circle-radio">
-          <input
-            :id="`${uid}-cadence-annual`"
-            type="radio"
-            :name="`${uid}-cadence`"
-            value="annual"
-            :checked="cadence === 'annual'"
-            @change="onCadenceChange('annual')"
-          >
-          <label :for="`${uid}-cadence-annual`" data-testid="cadence-annual">
-            <span class="circle-label-name">Per Year</span>
-          </label>
-        </div>
-      </div>
-    </div>
-
-    <div class="form-group">
-      <label class="form-label" :for="`${uid}-amount`">Contribution</label>
-      <div class="contribution-input-row">
-        <span class="contribution-currency">$</span>
-        <input
-          :id="`${uid}-amount`"
-          :value="modelValue"
-          type="number"
-          min="0"
-          step="1"
-          inputmode="numeric"
-          class="contribution-input"
-          data-testid="contribution-amount"
-          @input="onAmountInput"
-        >
-      </div>
-      <div
-        class="contribution-presets"
-        role="group"
-        aria-label="Suggested amounts"
-      >
-        <button
-          v-for="preset in presetChips"
-          :key="preset.amount"
-          type="button"
-          class="contribution-preset-chip"
-          :class="{ active: numericAmount === preset.amount }"
-          :aria-pressed="numericAmount === preset.amount"
-          @click="selectPreset(preset.amount)"
-        >
-          ${{ preset.amount }}
-        </button>
-      </div>
-      <p v-if="guidanceLabel" class="contribution-guidance">
-        {{ guidanceLabel }}
-      </p>
-      <p v-if="showSoftMax" class="contribution-soft-max">
-        Whoa, that's a lot. Are you sure that's the amount you meant?
-      </p>
-    </div>
-
-    <div v-if="showSummary && numericAmount > 0" class="form-group">
-      <div class="billing-summary">
-        <p class="billing-summary-line">
-          You'll be charged <strong>${{ numericAmount }} today</strong>.
-        </p>
-        <p class="billing-summary-line">
-          Then <strong>${{ numericAmount }}</strong>
-          {{ cadence === 'annual' ? 'at each annual renewal.' : 'each month.' }}
-        </p>
-        <p v-if="summaryNote" class="billing-summary-line billing-summary-note">
-          {{ summaryNote }}
-        </p>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, useId } from 'vue'
-import {
-  CONTRIBUTION_PRESETS,
-  getGuidanceLabel,
-} from '~/config/contributions.js'
-
-const props = defineProps({
-  modelValue: { type: Number, required: true },
-  cadence: {
-    type: String,
-    required: true,
-    validator: (v) => v === 'monthly' || v === 'annual',
-  },
-  allowCadenceChange: { type: Boolean, default: true },
-  showSummary: { type: Boolean, default: true },
-  summaryNote: { type: String, default: '' },
-})
-
-const emit = defineEmits(['update:modelValue', 'update:cadence'])
-
-const uid = useId()
-
-const numericAmount = computed(() => {
-  const n = Number(props.modelValue)
-  return Number.isFinite(n) ? n : 0
-})
-
-const monthlyEquivalent = computed(() =>
-  props.cadence === 'annual' ? numericAmount.value / 12 : numericAmount.value,
-)
-
-const presetChips = computed(() =>
-  CONTRIBUTION_PRESETS.map((p) => ({
-    amount: props.cadence === 'annual' ? p.amount * 12 : p.amount,
-    label: p.label,
-  })),
-)
-
-const guidanceLabel = computed(() => getGuidanceLabel(monthlyEquivalent.value))
-
-const showSoftMax = computed(() => monthlyEquivalent.value > 500)
-
-const onAmountInput = (event) => {
-  const raw = event.target.value
-  if (raw === '') {
-    emit('update:modelValue', 0)
-    return
-  }
-  const n = Number(raw)
-  const sanitized = Number.isFinite(n) ? Math.max(0, Math.trunc(n)) : 0
-  emit('update:modelValue', sanitized)
-}
-
-const selectPreset = (amount) => {
-  emit('update:modelValue', amount)
-}
-
-const onCadenceChange = (newCadence) => {
-  if (newCadence === props.cadence) return
-  const current = numericAmount.value
-  let next = current
-  if (newCadence === 'annual') {
-    next = current * 12
-  } else {
-    next = Math.floor(current / 12)
-  }
-  emit('update:cadence', newCadence)
-  emit('update:modelValue', next)
-}
-</script>
-
-<style scoped>
-.form-group {
-  margin-bottom: 16px;
-}
-.form-group:last-child {
-  margin-bottom: 0;
-}
-.form-label {
-  display: block;
-  margin-bottom: 6px;
-  font-size: 10px;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--text-faint);
-}
-
-.cadence-radios {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 10px;
-}
-.circle-radio {
-  position: relative;
-}
-.circle-radio input {
-  position: absolute;
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-.circle-radio label {
-  display: block;
-  border: 1px dashed var(--border);
-  padding: 14px 12px;
-  cursor: pointer;
-  transition: all 0.2s;
-  text-align: center;
-}
-.circle-radio label:hover {
-  border-color: var(--candle-faint);
-}
-.circle-radio input:checked + label {
-  border-style: solid;
-  border-color: var(--candle);
-}
-.circle-radio input:checked + label .circle-label-name {
-  color: var(--text-bright);
-}
-.circle-label-name {
-  font-size: 12px;
-  color: var(--text-dim);
-  display: block;
-}
-
-.contribution-input-row {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-}
-.contribution-currency {
-  font-weight: 600;
-}
-.contribution-input {
-  flex: 1;
-  padding: 0.5rem 0.75rem;
-  background: var(--input-bg);
-  border: 1px solid var(--parch);
-  font-family: 'Commit Mono', monospace;
-  font-size: 1rem;
-  color: var(--text-bright);
-}
-.contribution-input:focus {
-  outline: none;
-  border-color: var(--candle);
-}
-
-.contribution-presets {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  margin-top: 0.5rem;
-}
-.contribution-preset-chip {
-  padding: 0.25rem 0.75rem;
-  background: transparent;
-  border: 1px dashed var(--parch);
-  font-family: 'Commit Mono', monospace;
-  font-size: 0.875rem;
-  cursor: pointer;
-  color: var(--text);
-}
-.contribution-preset-chip:hover {
-  border-style: solid;
-  border-color: var(--candle);
-}
-.contribution-preset-chip.active {
-  border-style: solid;
-  border-color: var(--candle);
-  background: var(--parch);
-  color: var(--parch-text);
-}
-
-.contribution-guidance {
-  margin-top: 0.5rem;
-  font-size: 0.875rem;
-  font-style: italic;
-  color: var(--text);
-}
-.contribution-soft-max {
-  margin-top: 0.5rem;
-  font-size: 0.875rem;
-  font-style: italic;
-  color: var(--ember);
-}
-
-.billing-summary {
-  padding: 12px 16px;
-  border: 1px dashed var(--border);
-  background: var(--surface);
-}
-.billing-summary-line {
-  font-size: 13px;
-  color: var(--text);
-  line-height: 1.5;
-  margin: 0;
-}
-.billing-summary-line + .billing-summary-line {
-  margin-top: 4px;
-}
-.billing-summary-line strong {
-  color: var(--text-bright);
-  font-weight: 600;
-}
-.billing-summary-note {
-  color: var(--text-dim);
-  font-style: italic;
-}
-</style>
diff --git a/app/config/contributions.js b/app/config/contributions.js
index ea60f98..73005f1 100644
--- a/app/config/contributions.js
+++ b/app/config/contributions.js
@@ -20,12 +20,3 @@ export const getGuidanceLabel = (amount) => {
   const match = CONTRIBUTION_PRESETS.findLast(p => p.amount <= n)
   return match?.label ?? null
 }
-
-// Format a contribution amount with cadence-aware suffix.
-// amount is interpreted in cadence units (e.g. 180 + 'annual' → "$180/yr").
-export const formatContribution = (amount, cadence) => {
-  const n = Number(amount) || 0
-  if (n === 0) return '$0'
-  const suffix = cadence === 'annual' ? '/yr' : '/mo'
-  return `$${n}${suffix}`
-}
diff --git a/app/layouts/admin.vue b/app/layouts/admin.vue
index 839fc3b..0c0d201 100644
--- a/app/layouts/admin.vue
+++ b/app/layouts/admin.vue
@@ -44,7 +44,7 @@
           </li>
           <li>
             <NuxtLink
-              to="/admin/series"
+              to="/admin/series-management"
               :class="{ active: route.path.includes('/admin/series') }"
             >
               Series
@@ -66,14 +66,6 @@
               Board Channels
             </NuxtLink>
           </li>
-          <li>
-            <NuxtLink
-              to="/admin/tags"
-              :class="{ active: route.path.startsWith('/admin/tags') }"
-            >
-              Tags
-            </NuxtLink>
-          </li>
           <li>
             <NuxtLink
               to="/admin/site-content"
@@ -161,7 +153,7 @@
               </li>
               <li>
                 <NuxtLink
-                  to="/admin/series"
+                  to="/admin/series-management"
                   :class="{ active: route.path.includes('/admin/series') }"
                   @click="isMobileMenuOpen = false"
                 >
@@ -186,15 +178,6 @@
                   Board Channels
                 </NuxtLink>
               </li>
-              <li>
-                <NuxtLink
-                  to="/admin/tags"
-                  :class="{ active: route.path.startsWith('/admin/tags') }"
-                  @click="isMobileMenuOpen = false"
-                >
-                  Tags
-                </NuxtLink>
-              </li>
               <li>
                 <NuxtLink
                   to="/admin/site-content"
diff --git a/app/pages/accept-invite.vue b/app/pages/accept-invite.vue
index 080ee0d..0a28074 100644
--- a/app/pages/accept-invite.vue
+++ b/app/pages/accept-invite.vue
@@ -32,10 +32,7 @@
               class="form-input"
               type="text"
               required
-              @blur="validateName"
-              @input="fieldErrors.name && (fieldErrors.name = '')"
             >
-            <p v-if="fieldErrors.name" class="field-error">{{ fieldErrors.name }}</p>
           </div>
           <div class="form-group">
             <label class="form-label" for="accept-email">Email</label>
@@ -71,7 +68,7 @@
 
           <div class="form-group full-width">
             <label class="form-label">Circle</label>
-            <p class="field-note" style="margin-bottom: 8px">Where you are in your co-op journey. You can change this anytime.</p>
+            <p class="field-note" style="margin-bottom: 8px">Which circle fits where you are right now?</p>
             <div class="circle-radios">
               <div class="circle-radio community">
                 <input
@@ -127,13 +124,77 @@
           </div>
 
           <div class="form-group full-width">
-            <ContributionAmountField
-              v-model="form.contributionAmount"
-              v-model:cadence="cadence"
-            />
+            <label class="form-label">Billing Cadence</label>
+            <div class="cadence-radios">
+              <div class="circle-radio">
+                <input
+                  id="accept-cadence-annual"
+                  v-model="cadence"
+                  type="radio"
+                  name="cadence"
+                  value="annual"
+                >
+                <label for="accept-cadence-annual">
+                  <span class="circle-label-name">Per Year</span>
+                </label>
+              </div>
+              <div class="circle-radio">
+                <input
+                  id="accept-cadence-monthly"
+                  v-model="cadence"
+                  type="radio"
+                  name="cadence"
+                  value="monthly"
+                >
+                <label for="accept-cadence-monthly">
+                  <span class="circle-label-name">Per Month</span>
+                </label>
+              </div>
+            </div>
+          </div>
+
+          <div class="form-group full-width">
+            <label class="form-label" for="accept-contribution">
+              Monthly Contribution
+            </label>
+            <div class="contribution-input-row">
+              <span class="contribution-currency">$</span>
+              <input
+                id="accept-contribution"
+                v-model.number="form.contributionAmount"
+                type="number"
+                min="0"
+                step="1"
+                inputmode="numeric"
+                class="contribution-input"
+              >
+            </div>
+            <div class="contribution-presets" role="group" aria-label="Suggested amounts">
+              <button
+                v-for="preset in CONTRIBUTION_PRESETS"
+                :key="preset.amount"
+                type="button"
+                class="contribution-preset-chip"
+                @click="form.contributionAmount = preset.amount"
+              >
+                ${{ preset.amount }}
+              </button>
+            </div>
+            <p v-if="guidanceLabel" class="contribution-guidance">{{ guidanceLabel }}</p>
             <p class="field-note">Pay what you can. If you can pay more, you're making room for someone who can't.</p>
           </div>
 
+          <div v-if="form.contributionAmount > 0" class="form-group full-width">
+            <div class="billing-summary">
+              <p class="billing-summary-line">
+                You'll be charged <strong>${{ firstCharge }} today</strong><span v-if="cadence === 'annual'"> (${{ form.contributionAmount }}/month &times; 12)</span>.
+              </p>
+              <p class="billing-summary-line">
+                Then <strong>${{ firstCharge }} every {{ cadence === 'annual' ? 'year' : 'month' }}</strong>, until you cancel.
+              </p>
+            </div>
+          </div>
+
           <div class="form-group full-width">
             <label class="checkbox-label">
               <input
@@ -175,7 +236,11 @@
 </template>
 
 <script setup>
-import { requiresPayment } from "~/config/contributions";
+import {
+  requiresPayment,
+  CONTRIBUTION_PRESETS,
+  getGuidanceLabel,
+} from "~/config/contributions";
 
 definePageMeta({ layout: false });
 useSiteMeta({ title: "Accept Invitation", noindex: true });
@@ -200,17 +265,10 @@ const form = reactive({
   location: "",
   circle: "community",
   motivation: "",
-  contributionAmount: 180,
+  contributionAmount: 15,
   agreedToGuidelines: false,
 });
 
-// Inline blur validation (UI feedback only — does not block submission)
-const fieldErrors = reactive({ name: "" });
-
-const validateName = () => {
-  fieldErrors.name = form.name.trim() ? "" : "Please enter your name.";
-};
-
 const isFormValid = computed(() => {
   return (
     form.name &&
@@ -225,17 +283,27 @@ const needsPayment = computed(() => {
   return requiresPayment(form.contributionAmount);
 });
 
-const flowSummary = computed(() => {
+const guidanceLabel = computed(() => getGuidanceLabel(form.contributionAmount));
+
+const firstCharge = computed(() => {
   const amount = form.contributionAmount || 0;
-  const suffix = cadence.value === "annual" ? "/yr" : "/mo";
-  return {
-    name: form.name,
-    email: preRegEmail.value,
-    circle: form.circle,
-    contribution: amount > 0 ? `$${amount}${suffix}` : "$0",
-  };
+  return cadence.value === "annual" ? amount * 12 : amount;
 });
 
+const formatContributionAmount = (amount) => {
+  if (!amount || amount === 0) return "$0";
+  const display = cadence.value === "annual" ? amount * 12 : amount;
+  const suffix = cadence.value === "annual" ? "/yr" : "/mo";
+  return `$${display}${suffix}`;
+};
+
+const flowSummary = computed(() => ({
+  name: form.name,
+  email: preRegEmail.value,
+  circle: form.circle,
+  contribution: formatContributionAmount(form.contributionAmount),
+}));
+
 const closeFlowOverlay = () => {
   flowState.value = "idle";
   errorMessage.value = "";
@@ -457,11 +525,71 @@ textarea.form-input {
   line-height: 1.4;
 }
 
-.field-error {
-  font-size: 11px;
-  color: var(--ember);
+/* ---- CONTRIBUTION AMOUNT INPUT + CHIPS ---- */
+.contribution-input-row {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+.contribution-currency {
+  font-weight: 600;
+}
+.contribution-input {
+  flex: 1;
+  padding: 0.5rem 0.75rem;
+  background: var(--input-bg);
+  border: 1px solid var(--parch);
+  font-family: 'Commit Mono', monospace;
+  font-size: 1rem;
+}
+.contribution-input:focus {
+  outline: none;
+  border-color: var(--candle);
+}
+.contribution-presets {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-top: 0.5rem;
+}
+.contribution-preset-chip {
+  padding: 0.25rem 0.75rem;
+  background: transparent;
+  border: 1px dashed var(--parch);
+  font-family: 'Commit Mono', monospace;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+.contribution-preset-chip:hover {
+  border-style: solid;
+  border-color: var(--candle);
+}
+.contribution-guidance {
+  margin-top: 0.5rem;
+  font-size: 0.875rem;
+  font-style: italic;
+  color: var(--ink-soft, currentColor);
+}
+
+/* ---- BILLING SUMMARY ---- */
+.billing-summary {
+  padding: 12px 16px;
+  border: 1px dashed var(--border);
+  background: var(--surface);
+}
+.billing-summary-line {
+  font-size: 13px;
+  color: var(--text);
+  line-height: 1.5;
+  margin: 0;
+}
+.billing-summary-line + .billing-summary-line {
   margin-top: 4px;
 }
+.billing-summary-line strong {
+  color: var(--text-bright);
+  font-weight: 600;
+}
 
 /* ---- CIRCLE RADIOS ---- */
 .circle-radios {
@@ -470,6 +598,12 @@ textarea.form-input {
   gap: 8px;
 }
 
+.cadence-radios {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 10px;
+}
+
 .circle-radio {
   position: relative;
 }
@@ -587,5 +721,9 @@ textarea.form-input {
   .circle-radios {
     grid-template-columns: 1fr;
   }
+
+  .cadence-radios {
+    grid-template-columns: 1fr;
+  }
 }
 </style>
diff --git a/app/pages/admin/events/create.vue b/app/pages/admin/events/create.vue
index d5625a2..b388e9b 100644
--- a/app/pages/admin/events/create.vue
+++ b/app/pages/admin/events/create.vue
@@ -350,7 +350,6 @@
               <label>New tag pool</label>
               <USelect
                 v-model="newTagPool"
-                aria-label="New tag pool"
                 :items="[
                   { label: 'Cooperative', value: 'cooperative' },
                   { label: 'Craft', value: 'craft' },
diff --git a/app/pages/admin/members/[id].vue b/app/pages/admin/members/[id].vue
index 76d650b..e082be7 100644
--- a/app/pages/admin/members/[id].vue
+++ b/app/pages/admin/members/[id].vue
@@ -54,7 +54,7 @@
                 </select>
               </div>
               <div class="field">
-                <label>Contribution ({{ member.billingCadence === 'annual' ? '$/yr' : '$/mo' }})</label>
+                <label>Contribution ($/mo)</label>
                 <input v-model.number="form.contributionAmount" type="number" min="0" step="1">
                 <p class="field-hint field-hint--warn">
                   Writes to our database only. If the member is on a paid plan, also update <code>recurringAmount</code> in the Helcim dashboard — this form does not sync.
diff --git a/app/pages/admin/members/index.vue b/app/pages/admin/members/index.vue
index 95e2066..d602447 100644
--- a/app/pages/admin/members/index.vue
+++ b/app/pages/admin/members/index.vue
@@ -111,7 +111,7 @@
             <td>
               <CircleBadge :circle="member.circle" />
             </td>
-            <td class="col-mono">${{ member.contributionAmount ?? 0 }}{{ member.billingCadence === 'annual' ? '/yr' : '/mo' }}</td>
+            <td class="col-mono">${{ member.contributionAmount ?? 0 }}/mo</td>
             <td>
               <span class="badge status" :class="`status-${member.status || 'pending_payment'}`">{{ statusLabel(member.status) }}</span>
             </td>
@@ -366,7 +366,7 @@
             </select>
           </div>
           <div class="field">
-            <label>Contribution ({{ editingMember.billingCadence === 'annual' ? '$/yr' : '$/mo' }})</label>
+            <label>Contribution ($/mo)</label>
             <input v-model.number="editingMember.contributionAmount" type="number" min="0" step="1">
           </div>
           <div class="field">
@@ -860,7 +860,6 @@ const editingMember = reactive({
   email: "",
   circle: "community",
   contributionAmount: 0,
-  billingCadence: "monthly",
   status: "pending_payment",
 });
 
@@ -871,7 +870,6 @@ const editMember = (member) => {
     email: member.email,
     circle: member.circle,
     contributionAmount: member.contributionAmount ?? 0,
-    billingCadence: member.billingCadence || "monthly",
     status: member.status || "pending_payment",
   });
   showEditModal.value = true;
diff --git a/app/pages/admin/series/index.vue b/app/pages/admin/series-management.vue
similarity index 100%
rename from app/pages/admin/series/index.vue
rename to app/pages/admin/series-management.vue
diff --git a/app/pages/admin/series/create.vue b/app/pages/admin/series/create.vue
index 28cb5ff..1f8f48d 100644
--- a/app/pages/admin/series/create.vue
+++ b/app/pages/admin/series/create.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="create-form">
     <div class="page-header">
-      <NuxtLink to="/admin/series" class="back-link">&larr; Series</NuxtLink>
+      <NuxtLink to="/admin/series-management" class="back-link">&larr; Series</NuxtLink>
       <h1>Create New Series</h1>
       <p>Create a new event series to group related events together</p>
     </div>
@@ -98,7 +98,7 @@
         <!-- Form Actions -->
         <div class="form-actions">
           <NuxtLink
-            to="/admin/series"
+            to="/admin/series-management"
             class="btn"
           >
             Cancel
@@ -211,7 +211,7 @@ const createSeries = async (redirectAfter = true) => {
 
     if (redirectAfter) {
       setTimeout(() => {
-        router.push('/admin/series')
+        router.push('/admin/series-management')
       }, 1500)
     }
 
diff --git a/app/pages/admin/tags/index.vue b/app/pages/admin/tags/index.vue
deleted file mode 100644
index 79ab0cf..0000000
--- a/app/pages/admin/tags/index.vue
+++ /dev/null
@@ -1,205 +0,0 @@
-<template>
-  <div class="admin-tags">
-    <div class="page-header">
-      <h1>Tags</h1>
-      <p>Review tag suggestions submitted by members. Approving a suggestion creates a tag in its pool.</p>
-    </div>
-
-    <div class="suggestions-list">
-      <div v-if="!suggestions.length" class="empty-state">
-        <p>No pending tag suggestions.</p>
-        <p class="empty-hint">New suggestions from members will appear here for review.</p>
-      </div>
-
-      <table v-else class="suggestions-table">
-        <thead>
-          <tr>
-            <th>Tag</th>
-            <th>Pool</th>
-            <th>Suggested by</th>
-            <th>Suggested</th>
-            <th class="actions-col">Actions</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr v-for="suggestion in suggestions" :key="suggestion.id">
-            <td class="label-cell">{{ suggestion.label }}</td>
-            <td>
-              <span class="tag-pill">{{ poolLabel(suggestion.pool) }}</span>
-            </td>
-            <td>{{ suggestion.suggestedBy }}</td>
-            <td class="date-cell">{{ formatDate(suggestion.createdAt) }}</td>
-            <td class="actions-cell">
-              <button
-                class="link-btn"
-                :disabled="processingId === suggestion.id"
-                @click="review(suggestion, 'approve')"
-              >
-                Approve
-              </button>
-              <button
-                class="link-btn link-btn-danger"
-                :disabled="processingId === suggestion.id"
-                @click="review(suggestion, 'reject')"
-              >
-                Reject
-              </button>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </div>
-</template>
-
-<script setup>
-definePageMeta({
-  layout: 'admin',
-  middleware: 'admin',
-})
-
-const toast = useToast()
-
-const { data, refresh } = await useFetch('/api/admin/tag-suggestions')
-
-const suggestions = computed(() => data.value?.suggestions || [])
-
-const poolLabel = (pool) => (pool === 'cooperative' ? 'Cooperative' : 'Craft')
-
-const formatDate = (value) =>
-  new Date(value).toLocaleDateString(undefined, {
-    year: 'numeric',
-    month: 'short',
-    day: 'numeric',
-  })
-
-const processingId = ref(null)
-
-const review = async (suggestion, action) => {
-  processingId.value = suggestion.id
-  try {
-    await $fetch(`/api/admin/tag-suggestions/${suggestion.id}`, {
-      method: 'PATCH',
-      body: { action },
-    })
-    toast.add({
-      title: action === 'approve' ? 'Tag approved' : 'Suggestion rejected',
-      description:
-        action === 'approve'
-          ? `"${suggestion.label}" was added to the ${poolLabel(suggestion.pool)} pool.`
-          : `"${suggestion.label}" was rejected.`,
-    })
-    await refresh()
-  } catch (error) {
-    toast.add({
-      title: 'Action failed',
-      description: error.data?.statusMessage || error.message,
-      color: 'red',
-    })
-  } finally {
-    processingId.value = null
-  }
-}
-</script>
-
-<style scoped>
-.page-header {
-  margin-bottom: 24px;
-}
-.page-header h1 {
-  font-family: 'Brygada 1918', serif;
-  font-size: 28px;
-  margin-bottom: 4px;
-}
-.page-header p {
-  color: var(--text-dim);
-  font-size: 13px;
-}
-
-.suggestions-list {
-  border: 1px dashed var(--border);
-  background: var(--bg);
-}
-
-.suggestions-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 13px;
-}
-.suggestions-table th,
-.suggestions-table td {
-  padding: 10px 14px;
-  text-align: left;
-  border-bottom: 1px dashed var(--border);
-  vertical-align: top;
-}
-.suggestions-table thead th {
-  font-size: 10px;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: var(--text-faint);
-  font-weight: normal;
-  background: var(--surface);
-}
-.suggestions-table tbody tr:last-child td {
-  border-bottom: none;
-}
-
-.label-cell {
-  font-weight: 600;
-}
-.date-cell {
-  color: var(--text-faint);
-  white-space: nowrap;
-}
-
-.tag-pill {
-  display: inline-block;
-  padding: 2px 9px;
-  font-size: 11px;
-  font-family: 'Commit Mono', monospace;
-  background: transparent;
-  border: 1px dashed var(--border);
-  color: var(--text-dim);
-}
-
-.actions-col {
-  width: 160px;
-}
-.actions-cell {
-  white-space: nowrap;
-}
-.link-btn {
-  background: none;
-  border: none;
-  color: var(--candle-dim);
-  font-size: 12px;
-  cursor: pointer;
-  padding: 2px 6px;
-  text-decoration: underline;
-}
-.link-btn:hover {
-  color: var(--candle);
-}
-.link-btn:disabled {
-  opacity: 0.5;
-  cursor: default;
-}
-.link-btn-danger {
-  color: var(--ember);
-}
-.link-btn-danger:hover {
-  color: var(--ember);
-}
-
-.empty-state {
-  padding: 40px 20px;
-  text-align: center;
-  color: var(--text-dim);
-}
-.empty-hint {
-  font-size: 12px;
-  color: var(--text-faint);
-  margin-top: 4px;
-}
-</style>
diff --git a/app/pages/join.vue b/app/pages/join.vue
index e2032f0..26a2621 100644
--- a/app/pages/join.vue
+++ b/app/pages/join.vue
@@ -1,5 +1,14 @@
 <template>
   <div>
+    <!-- HERO -->
+    <div class="hero">
+      <h1>Join Ghost Guild</h1>
+      <p>
+        Resources, events, and a community of people figuring it out. Everyone
+        gets everything. Pay what you can.
+      </p>
+    </div>
+
     <!-- Already a member -->
     <template v-if="isAuthenticated">
       <div class="full-section">
@@ -23,7 +32,7 @@
           <DashedBox :hoverable="false">
             <div class="section-label">Contribution</div>
             <div class="info-value">
-              {{ formatContribution(memberData?.contributionAmount ?? 0, memberData?.billingCadence) }} CAD
+              ${{ memberData?.contributionAmount ?? 0 }} CAD/month
             </div>
           </DashedBox>
         </div>
@@ -48,168 +57,231 @@
       </ParchmentInset>
     </template>
 
-    <!-- Not authenticated: new layout -->
+    <!-- Not authenticated: show full join page -->
     <template v-else>
-      <!-- HERO (split, matches about.vue) -->
-      <div class="join-hero">
-        <div class="join-hero-left">
-          <h1>Join Ghost Guild</h1>
-          <p>
-            Resources, events, and a community of people figuring it out.
-            Everyone gets everything. Pay what you can.
+      <!-- CONTRIBUTION + SIGN UP (two columns) -->
+      <div class="join-two-col">
+        <!-- Left: Monthly Contribution -->
+        <div class="join-col">
+          <div class="section-label" style="margin-bottom: 12px">
+            {{
+              cadence === "annual"
+                ? "Annual Contribution"
+                : "Monthly Contribution"
+            }}
+          </div>
+          <h2>Pay what you can</h2>
+          <ul class="tier-list">
+            <li><span class="tier-amt">$0</span> I need support right now</li>
+            <li>
+              <span class="tier-amt">{{ formatContributionAmount(5) }}</span> I
+              can contribute
+            </li>
+            <li>
+              <span class="tier-amt">{{ formatContributionAmount(15) }}</span> I
+              can sustain the community (suggested)
+            </li>
+            <li>
+              <span class="tier-amt">{{ formatContributionAmount(30) }}</span> I
+              can support others too
+            </li>
+            <li>
+              <span class="tier-amt">{{ formatContributionAmount(50) }}</span> I
+              want to sponsor multiple members
+            </li>
+          </ul>
+          <p class="charity-note">
+            Baby Ghosts Studio Development Fund is a registered Canadian
+            charity. Members who file Canadian taxes can claim their
+            contributions. We'll help you set up tax receipts once you've
+            joined.
+          </p>
+          <p class="solidarity-note">
+            Pay what you can. If you can pay more, you're making room for
+            someone who can't.
+          </p>
+          <p class="circle-not-sure">
+            Not sure where you fit? Start with Community. You can always move
+            later.
           </p>
         </div>
-        <div class="join-hero-right">
-          <div class="section-label">What you get</div>
-          <ul>
-            <li>Full access to the knowledge commons</li>
-            <li>Free entry to all events and workshops</li>
-            <li>Slack invite in the next monthly onboarding wave</li>
-            <li>Equal access regardless of contribution</li>
-            <li>Pick your circle anytime after signup</li>
-          </ul>
-        </div>
-      </div>
 
-      <!-- FORM + ASIDE -->
-      <div class="join-grid">
-        <div class="join-main">
-          <div class="join-main-inner">
-            <div v-if="errorMessage" class="error-box">{{ errorMessage }}</div>
+        <!-- Right: Become a member -->
+        <div class="join-col">
+          <h2>Become a member</h2>
+          <p class="form-intro">
+            You'll get a magic link to confirm your email. No passwords.
+          </p>
 
-            <form @submit.prevent="handleSubmit">
-              <!-- About you -->
-              <div class="form-block">
-                <h2>About you</h2>
-                <p class="form-block-intro">
-                  We'll send a magic link to confirm your email. No passwords.
-                </p>
-                <div class="identity-grid">
-                  <div class="field-row">
-                    <label for="join-name">Name</label>
-                    <input
-                      id="join-name"
-                      v-model="form.name"
-                      class="form-input"
-                      type="text"
-                      required
-                      @blur="validateName"
-                      @input="fieldErrors.name && (fieldErrors.name = '')"
-                    >
-                    <p v-if="fieldErrors.name" class="field-error">
-                      {{ fieldErrors.name }}
-                    </p>
-                  </div>
-                  <div class="field-row">
-                    <label for="join-email">Email</label>
-                    <input
-                      id="join-email"
-                      v-model="form.email"
-                      class="form-input"
-                      type="email"
-                      placeholder="you@example.com"
-                      required
-                      @blur="validateEmail"
-                      @input="fieldErrors.email && (fieldErrors.email = '')"
-                    >
-                    <p v-if="fieldErrors.email" class="field-error">
-                      {{ fieldErrors.email }}
-                    </p>
-                  </div>
-                </div>
+          <!-- Error Message -->
+          <div v-if="errorMessage" class="error-box">
+            {{ errorMessage }}
+          </div>
+
+          <form @submit.prevent="handleSubmit">
+            <div class="form-stack">
+              <div class="form-group">
+                <label class="form-label" for="join-name">Full Name</label>
+                <input
+                  id="join-name"
+                  v-model="form.name"
+                  class="form-input"
+                  type="text"
+                  placeholder="Your name"
+                  required
+                />
               </div>
-
-              <!-- Pay what you can -->
-              <div class="form-block">
-                <div class="pwyc-header">
-                  <h2>Pay what you can</h2>
-                  <div
-                    class="cadence-toggle"
-                    role="group"
-                    aria-label="Billing cadence"
-                  >
-                    <button
-                      type="button"
-                      data-testid="cadence-monthly"
-                      :class="{ active: cadence === 'monthly' }"
-                      @click="onCadenceChange('monthly')"
-                    >
-                      Monthly
-                    </button>
-                    <button
-                      type="button"
-                      data-testid="cadence-annual"
-                      :class="{ active: cadence === 'annual' }"
-                      @click="onCadenceChange('annual')"
-                    >
-                      Annual
-                    </button>
-                  </div>
-                </div>
-                <p class="form-block-intro">
-                  Equal access for everyone. Pick what fits &mdash; these aren't
-                  tiers.
-                </p>
-
-                <ul
-                  class="pwyc-list"
-                  aria-label="Contribution amount"
-                >
-                  <li
-                    v-for="preset in presetRows"
-                    :key="preset.baseAmount"
-                    :class="[
-                      'pwyc-row',
-                      { selected: isPresetSelected(preset) },
-                    ]"
-                  >
+              <div class="form-group">
+                <label class="form-label" for="join-email">Email Address</label>
+                <input
+                  id="join-email"
+                  v-model="form.email"
+                  class="form-input"
+                  type="email"
+                  placeholder="you@example.com"
+                  required
+                />
+              </div>
+              <div class="form-group">
+                <label class="form-label">Circle</label>
+                <div class="circle-radios">
+                  <div class="circle-radio community">
                     <input
-                      :id="`pwyc-${preset.baseAmount}`"
-                      v-model.number="form.contributionAmount"
-                      class="pwyc-radio"
+                      id="circle-community"
+                      v-model="form.circle"
                       type="radio"
-                      name="pwyc-amount"
-                      :value="preset.cadenceAmount"
-                      @change="customAmount = ''"
-                    >
-                    <label
-                      :for="`pwyc-${preset.baseAmount}`"
-                      class="pwyc-row-content"
-                    >
-                      <span class="pwyc-amt">${{ preset.cadenceAmount }}</span>
-                      <span class="pwyc-label">{{ preset.label }}</span>
-                      <span v-if="preset.suggested" class="pwyc-tag"
-                        >Suggested</span
+                      name="circle"
+                      value="community"
+                    />
+                    <label for="circle-community">
+                      <span
+                        class="circle-label-name"
+                        style="color: var(--c-community)"
+                        >Community</span
                       >
+                      <span class="circle-label-desc">Exploring</span>
                     </label>
-                  </li>
-                  <li :class="['pwyc-row', 'pwyc-custom', { selected: isCustomSelected }]">
-                    <div class="pwyc-custom-input-wrap">
-                      <span class="currency">$</span>
-                      <input
-                        v-model="customAmount"
-                        class="pwyc-custom-input"
-                        type="number"
-                        min="0"
-                        placeholder="100"
-                        aria-label="Custom contribution amount"
-                        @blur="commitCustomAmount"
+                  </div>
+                  <div class="circle-radio founder">
+                    <input
+                      id="circle-founder"
+                      v-model="form.circle"
+                      type="radio"
+                      name="circle"
+                      value="founder"
+                    />
+                    <label for="circle-founder">
+                      <span
+                        class="circle-label-name"
+                        style="color: var(--c-founder)"
+                        >Founder</span
                       >
-                    </div>
-                    <span class="pwyc-label"
-                      >A different amount works for me</span
-                    >
-                  </li>
-                </ul>
+                      <span class="circle-label-desc">Building</span>
+                    </label>
+                  </div>
+                  <div class="circle-radio practitioner">
+                    <input
+                      id="circle-practitioner"
+                      v-model="form.circle"
+                      type="radio"
+                      name="circle"
+                      value="practitioner"
+                    />
+                    <label for="circle-practitioner">
+                      <span
+                        class="circle-label-name"
+                        style="color: var(--c-practitioner)"
+                        >Practitioner</span
+                      >
+                      <span class="circle-label-desc">Practicing</span>
+                    </label>
+                  </div>
+                </div>
               </div>
-
-              <!-- Submit row -->
-              <div class="submit-row">
-                <label class="agreement-label">
+              <div class="form-group">
+                <label class="form-label">Billing Cadence</label>
+                <div class="cadence-radios">
+                  <div class="circle-radio">
+                    <input
+                      id="cadence-monthly"
+                      v-model="cadence"
+                      type="radio"
+                      name="cadence"
+                      value="monthly"
+                    />
+                    <label for="cadence-monthly">
+                      <span class="circle-label-name">Per Month</span>
+                    </label>
+                  </div>
+                  <div class="circle-radio">
+                    <input
+                      id="cadence-annual"
+                      v-model="cadence"
+                      type="radio"
+                      name="cadence"
+                      value="annual"
+                    />
+                    <label for="cadence-annual">
+                      <span class="circle-label-name">Per Year</span>
+                    </label>
+                  </div>
+                </div>
+              </div>
+              <div class="form-group">
+                <label class="form-label" for="join-contribution">
+                  Monthly Contribution
+                </label>
+                <div class="contribution-input-row">
+                  <span class="contribution-currency">$</span>
                   <input
-                    v-model="form.agreedToGuidelines"
-                    type="checkbox"
+                    id="join-contribution"
+                    v-model.number="form.contributionAmount"
+                    type="number"
+                    min="0"
+                    step="1"
+                    inputmode="numeric"
+                    class="contribution-input"
+                  />
+                </div>
+                <div
+                  class="contribution-presets"
+                  role="group"
+                  aria-label="Suggested amounts"
+                >
+                  <button
+                    v-for="preset in CONTRIBUTION_PRESETS"
+                    :key="preset.amount"
+                    type="button"
+                    class="contribution-preset-chip"
+                    @click="form.contributionAmount = preset.amount"
                   >
+                    ${{ preset.amount }}
+                  </button>
+                </div>
+                <p v-if="guidanceLabel" class="contribution-guidance">
+                  {{ guidanceLabel }}
+                </p>
+              </div>
+              <div v-if="form.contributionAmount > 0" class="form-group">
+                <div class="billing-summary">
+                  <p class="billing-summary-line">
+                    You'll be charged <strong>${{ firstCharge }} today</strong
+                    ><span v-if="cadence === 'annual'">
+                      (${{ form.contributionAmount }}/month &times; 12)</span
+                    >.
+                  </p>
+                  <p class="billing-summary-line">
+                    Then
+                    <strong
+                      >${{ firstCharge }} every
+                      {{ cadence === "annual" ? "year" : "month" }}</strong
+                    >, until you cancel.
+                  </p>
+                </div>
+              </div>
+              <div class="form-group full-width">
+                <label class="checkbox-label">
+                  <input v-model="form.agreedToGuidelines" type="checkbox" />
                   <span>
                     I agree to the Ghost Guild
                     <NuxtLink to="/community-guidelines" target="_blank"
@@ -217,8 +289,10 @@
                     >.
                   </span>
                 </label>
+              </div>
+              <div class="form-group">
                 <button
-                  class="submit-btn"
+                  class="form-submit"
                   type="submit"
                   :disabled="!isFormValid || isSubmitting"
                 >
@@ -227,35 +301,72 @@
                   <span v-else>Become a Member</span>
                 </button>
               </div>
-            </form>
-          </div>
+            </div>
+            <p class="form-note">
+              You can change your circle or contribution at any time from your
+              dashboard. Payment is handled securely through
+              <a href="https://www.helcim.com" target="_blank" rel="noopener"
+                >Helcim</a
+              >.
+            </p>
+          </form>
         </div>
+      </div>
 
-        <aside class="join-aside">
-          <div class="join-aside-inner">
-            <div class="section-label">About the money</div>
-            <ul class="trust-list">
-              <li>
-                <strong>Pay what you can.</strong> Equal access for everyone, no
-                matter the amount. If you can pay more, you're making room for
-                someone who can't.
-              </li>
-              <li>
-                <strong>Canadian charity.</strong> Baby Ghosts Studio
-                Development Fund is a registered Canadian charity. We'll help
-                you set up tax receipts after you join.
-              </li>
-              <li>
-                <strong>Secure payment.</strong> Card entry handled by Helcim
-                &mdash; we never see your card details.
-              </li>
-              <li>
-                <strong>Change anytime.</strong> Adjust your contribution or
-                cancel from your dashboard.
-              </li>
-            </ul>
+      <!-- HOW MEMBERSHIP WORKS -->
+      <ParchmentInset>
+        <h2>How membership works</h2>
+        <ul>
+          <li>Full access to the knowledge commons, events and workshops, and community</li>
+          <li>Free access to all Ghost Guild events</li>
+          <li>Equal access for every member, regardless of contribution</li>
+          <li>Your circle reflects where you are, not rank</li>
+          <li>Pay what you can ($0&ndash;$50+/month, separate from circle)</li>
+          <li>Higher contributions create solidarity spots for others</li>
+        </ul>
+        <p>
+          Community connection happens in our Slack workspace, joined in monthly
+          onboarding waves &mdash; there may be a short wait after you join.
+        </p>
+      </ParchmentInset>
+
+      <!-- THREE CIRCLES -->
+      <div class="content-row">
+        <div class="content-block">
+          <div class="section-label" style="color: var(--c-community)">
+            Community
           </div>
-        </aside>
+          <h2>Exploring</h2>
+          <p>
+            For game workers curious about cooperatives and people exploring
+            alternative work models. You might be a solo developer, a student, a
+            researcher, or just someone who heard about this and wants to know
+            more. Start here.
+          </p>
+        </div>
+        <div class="content-block">
+          <div class="section-label" style="color: var(--c-founder)">
+            Founder
+          </div>
+          <h2>Building</h2>
+          <p>
+            For people actively building cooperative studios. You have a team,
+            or you are forming one. You are working through governance, legal
+            structure, revenue sharing, and all the hard parts. You want
+            structured support and peers doing the same thing.
+          </p>
+        </div>
+        <div class="content-block">
+          <div class="section-label" style="color: var(--c-practitioner)">
+            Practitioner
+          </div>
+          <h2>Practicing</h2>
+          <p>
+            For those already running cooperative studios or with deep
+            experience in cooperative practice. You're here to support newcomers
+            and help shape the Cooperative Foundations program.
+          </p>
+        </div>
       </div>
     </template>
 
@@ -273,10 +384,11 @@
 
 <script setup>
 import { reactive, ref, computed, onMounted, onUnmounted } from "vue";
+import { getCircleOptions } from "~/config/circles";
 import {
   requiresPayment,
-  formatContribution,
   CONTRIBUTION_PRESETS,
+  getGuidanceLabel,
 } from "~/config/contributions";
 
 useSiteMeta({
@@ -288,12 +400,12 @@ useSiteMeta({
 // Auth state
 const { isAuthenticated, memberData, checkMemberStatus } = useAuth();
 
+// Check authentication status on mount
 onMounted(async () => {
   await checkMemberStatus();
 });
 
-// Form state — circle stays "community" and is submitted to the API unchanged.
-// Picker is removed from the template; selection moves to a post-signup prompt.
+// Form state
 const form = reactive({
   email: "",
   name: "",
@@ -309,89 +421,44 @@ const form = reactive({
   },
 });
 
+// UI state
 const isSubmitting = ref(false);
 const errorMessage = ref("");
 const successMessage = ref("");
 const cadence = ref("monthly"); // 'monthly' | 'annual'
-const customAmount = ref(""); // string; the raw <input type=number> value
-
-const fieldErrors = reactive({ name: "", email: "" });
-
-const validateName = () => {
-  fieldErrors.name = form.name.trim() ? "" : "Please enter your name.";
-};
-
-const validateEmail = () => {
-  const value = form.email.trim();
-  if (!value) {
-    fieldErrors.email = "";
-    return;
-  }
-  const ok = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
-  fieldErrors.email = ok ? "" : "Please enter a valid email address.";
-};
 
+// Flow overlay state — drives the post-submit full-viewport UI.
+// 'idle' = overlay hidden; user is editing the form.
+// 'creating-customer' | 'opening-payment' | 'processing-payment'
+//   | 'creating-subscription' = progress states, overlay shows a spinner + label.
+// 'success' = overlay shows confirmation, auto-redirect is queued.
+// 'error' = overlay shows error + Retry/Back buttons.
 const flowState = ref("idle");
 
+// Helcim state
 const customerId = ref(null);
 const customerCode = ref(null);
 const subscriptionData = ref(null);
 const paymentToken = ref(null);
 
-// Preset rows with cadence-adjusted display amounts.
-const presetRows = computed(() =>
-  CONTRIBUTION_PRESETS.map((p) => ({
-    baseAmount: p.amount,
-    cadenceAmount: cadence.value === "annual" ? p.amount * 12 : p.amount,
-    label: p.label,
-    suggested: p.amount === 15,
-  })),
-);
+// Circle options from central config
+const circleOptions = getCircleOptions();
 
-const isCustomSelected = computed(() => customAmount.value !== "");
-
-const isPresetSelected = (preset) =>
-  !isCustomSelected.value && form.contributionAmount === preset.cadenceAmount;
-
-const onCadenceChange = (newCadence) => {
-  if (newCadence === cadence.value) return;
-  const next =
-    newCadence === "annual"
-      ? form.contributionAmount * 12
-      : Math.floor(form.contributionAmount / 12);
-  form.contributionAmount = next;
-  if (customAmount.value !== "") {
-    customAmount.value = String(next);
-  }
-  cadence.value = newCadence;
-};
-
-// On blur of the custom-amount input: commit to form.contributionAmount.
-// If the typed value matches a preset, snap the radio selection to that
-// preset row and clear the custom input.
-const commitCustomAmount = () => {
-  const raw = customAmount.value;
-  if (raw === "" || raw === null || raw === undefined) return;
-  const n = Math.max(0, Math.floor(Number(raw)));
-  if (!Number.isFinite(n)) {
-    customAmount.value = "";
-    return;
-  }
-  const matched = presetRows.value.find((p) => p.cadenceAmount === n);
-  if (matched) {
-    form.contributionAmount = matched.cadenceAmount;
-    customAmount.value = "";
-  } else {
-    form.contributionAmount = n;
-  }
+const formatContributionAmount = (amount) => {
+  if (!amount || amount === 0) return "$0";
+  const display = cadence.value === "annual" ? amount * 12 : amount;
+  const suffix = cadence.value === "annual" ? "/yr" : "/mo";
+  return `$${display}${suffix}`;
 };
 
+// Initialize composables
 const {
   initializeHelcimPay,
   verifyPayment,
   cleanup: cleanupHelcimPay,
 } = useHelcimPay();
 
+// Form validation
 const isFormValid = computed(() => {
   return (
     form.name &&
@@ -403,20 +470,25 @@ const isFormValid = computed(() => {
   );
 });
 
+// Check if payment is required
 const needsPayment = computed(() => {
   return requiresPayment(form.contributionAmount);
 });
 
-const flowSummary = computed(() => {
+const guidanceLabel = computed(() => getGuidanceLabel(form.contributionAmount));
+
+const firstCharge = computed(() => {
   const amount = form.contributionAmount || 0;
-  return {
-    name: form.name,
-    email: form.email,
-    circle: form.circle,
-    contribution: amount > 0 ? formatContribution(amount, cadence.value) : "$0",
-  };
+  return cadence.value === "annual" ? amount * 12 : amount;
 });
 
+const flowSummary = computed(() => ({
+  name: form.name,
+  email: form.email,
+  circle: form.circle,
+  contribution: formatContributionAmount(form.contributionAmount),
+}));
+
 const handleSubmit = async () => {
   if (isSubmitting.value || !isFormValid.value) return;
 
@@ -425,6 +497,7 @@ const handleSubmit = async () => {
   flowState.value = "creating-customer";
 
   try {
+    // Create customer
     const response = await $fetch("/api/helcim/customer", {
       method: "POST",
       body: {
@@ -444,12 +517,14 @@ const handleSubmit = async () => {
     customerId.value = response.customerId;
     customerCode.value = response.customerCode;
 
+    // Free tier: no Helcim modal, go straight to subscription.
     if (!needsPayment.value) {
       flowState.value = "creating-subscription";
       await createSubscription();
       return;
     }
 
+    // Paid tier: initialize HelcimPay session, then auto-open modal.
     flowState.value = "opening-payment";
     await initializeHelcimPay(customerId.value, customerCode.value, 0);
 
@@ -474,6 +549,8 @@ const handleSubmit = async () => {
     );
 
     if (!subscriptionResult || subscriptionResult.success === false) {
+      // Payment succeeded but subscription couldn't be created.
+      // Keep overlay in success state; admin follow-up will reconcile.
       successMessage.value =
         "Payment successful. Subscription setup may need manual completion.";
       flowState.value = "success";
@@ -490,6 +567,7 @@ const handleSubmit = async () => {
   }
 };
 
+// Create subscription
 const createSubscription = async (cardToken = null) => {
   try {
     const response = await $fetch("/api/helcim/subscription", {
@@ -507,6 +585,10 @@ const createSubscription = async (cardToken = null) => {
       subscriptionData.value = response.subscription;
       flowState.value = "success";
       successMessage.value = "Your membership is active.";
+
+      // Sign-in cookie is now issued by the email-verify magic link
+      // (see /api/helcim/customer). Don't auto-navigate to a gated page —
+      // the success state instructs the user to check their inbox.
     } else {
       throw new Error("Subscription creation failed - response not successful");
     }
@@ -521,6 +603,7 @@ const createSubscription = async (cardToken = null) => {
     console.error(
       "Subscription creation completely failed, but payment was successful",
     );
+    // Don't throw error - let the calling function handle progression
     return {
       success: false,
       error:
@@ -534,475 +617,35 @@ const closeFlowOverlay = () => {
   errorMessage.value = "";
 };
 
+// Cleanup on unmount
 onUnmounted(() => {
   cleanupHelcimPay();
 });
 </script>
 
 <style scoped>
-/* ---- HERO (split, matches about.vue) ---- */
-.join-hero {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 0;
-  align-items: stretch;
+/* ---- HERO ---- */
+.hero {
+  padding: 48px 32px;
   border-bottom: 1px dashed var(--border);
 }
-.join-hero-left {
-  padding: 32px 32px 28px;
-  border-right: 1px dashed var(--border);
-  align-self: stretch;
-}
-.join-hero-left h1 {
+.hero h1 {
   font-family: "Brygada 1918", serif;
-  font-size: 28px;
+  font-size: 36px;
   font-weight: 600;
   color: var(--text-bright);
   line-height: 1.15;
   letter-spacing: -0.01em;
-  margin: 0 0 12px;
-}
-.join-hero-left p {
-  color: var(--text-dim);
-  line-height: 1.7;
-  font-size: 13px;
-  margin: 0;
-  max-width: 460px;
-}
-.join-hero-right {
-  padding: 32px;
-  align-self: stretch;
-}
-.join-hero-right .section-label {
-  margin-bottom: 10px;
-}
-.join-hero-right ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.join-hero-right li {
-  font-size: 12px;
-  color: var(--text-dim);
-  line-height: 1.7;
-  padding: 2px 0 2px 14px;
-  position: relative;
-}
-.join-hero-right li::before {
-  content: "›";
-  position: absolute;
-  left: 0;
-  color: var(--candle-faint);
-}
-
-/* ---- TWO-COL GRID ---- */
-.join-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  align-items: stretch;
-  border-bottom: 1px dashed var(--border);
-}
-.join-main {
-  border-right: 1px dashed var(--border);
-  padding: 32px;
-  min-width: 0;
-}
-.join-aside {
-  padding: 32px;
-  min-width: 0;
-  position: relative;
-}
-.join-main-inner {
-  max-width: 560px;
-}
-.join-aside-inner {
-  max-width: 460px;
-}
-
-/* ---- SECTION LABEL (hero + aside + auth'd branch DashedBox) ---- */
-.section-label {
-  font-size: 10px;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: var(--text-faint);
-  display: block;
-  margin-bottom: 8px;
-}
-
-/* ---- FORM BLOCKS ---- */
-.form-block {
-  margin-bottom: 32px;
-}
-.form-block:last-of-type {
-  margin-bottom: 0;
-}
-.form-block h2 {
-  font-family: "Brygada 1918", serif;
-  font-size: 18px;
-  font-weight: 500;
-  color: var(--text-bright);
-  margin: 0 0 4px;
-}
-.form-block-intro {
-  font-size: 12px;
-  color: var(--text-dim);
-  margin: 0 0 14px;
-  line-height: 1.6;
-}
-
-/* ---- IDENTITY GRID ---- */
-.identity-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 14px;
-}
-.field-row {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.field-row label {
-  font-size: 10px;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: var(--text-faint);
-}
-.form-input {
-  background: var(--input-bg);
-  border: 1px dashed var(--border);
-  color: var(--text-bright);
-  font-family: "Commit Mono", monospace;
-  font-size: 13px;
-  padding: 10px 14px;
-  width: 100%;
-  outline: none;
-  transition: border-color 0.15s;
-}
-.form-input:focus {
-  border-color: var(--candle);
-  border-style: solid;
-}
-.form-input::placeholder {
-  color: var(--text-faint);
-}
-.field-error {
-  font-size: 11px;
-  color: var(--ember);
-  margin: 0;
-}
-
-/* ---- PWYC ---- */
-.pwyc-header {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  margin-bottom: 4px;
-  gap: 12px;
-}
-.cadence-toggle {
-  display: inline-flex;
-  border: 1px dashed var(--border);
-}
-.cadence-toggle button {
-  background: transparent;
-  border: none;
-  padding: 5px 12px;
-  font-family: "Commit Mono", monospace;
-  font-size: 10px;
-  color: var(--text-faint);
-  cursor: pointer;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-}
-.cadence-toggle button.active {
-  background: var(--parch);
-  color: var(--parch-text);
-}
-
-.pwyc-list {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  border-top: 1px dashed var(--border);
-  border-bottom: 1px dashed var(--border);
-}
-.pwyc-row {
-  position: relative;
-  border-bottom: 1px dashed var(--border);
-  transition: background 0.12s;
-}
-.pwyc-row:last-of-type {
-  border-bottom: none;
-}
-.pwyc-row:hover {
-  background: var(--surface);
-}
-.pwyc-row.selected {
-  background: var(--input-bg);
-}
-.pwyc-row.selected::before {
-  content: "›";
-  position: absolute;
-  left: 12px;
-  color: var(--candle);
-  font-size: 14px;
-  top: 50%;
-  transform: translateY(-50%);
-  line-height: 1;
-}
-.pwyc-radio {
-  position: absolute;
-  opacity: 0;
-  width: 0;
-  height: 0;
-  pointer-events: none;
-}
-.pwyc-radio:focus-visible + .pwyc-row-content {
-  outline: 1px solid var(--candle);
-  outline-offset: -2px;
-}
-.pwyc-row-content {
-  display: flex;
-  align-items: baseline;
-  gap: 12px;
-  padding: 8px 14px 8px 28px;
-  cursor: pointer;
-}
-.pwyc-amt {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text-bright);
-  min-width: 36px;
-  flex-shrink: 0;
-}
-.pwyc-row.selected .pwyc-amt {
-  color: var(--candle);
-}
-.pwyc-label {
-  font-size: 12px;
-  color: var(--text-dim);
-  line-height: 1.5;
-  flex: 1;
-}
-.pwyc-row.selected .pwyc-label {
-  color: var(--text-bright);
-}
-.pwyc-tag {
-  font-size: 9px;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--candle);
-  border: 1px dashed var(--candle-faint);
-  padding: 1px 6px;
-  flex-shrink: 0;
-}
-
-/* Custom row */
-.pwyc-custom {
-  display: flex;
-  align-items: baseline;
-  gap: 12px;
-  padding: 6px 14px 6px 28px;
-  cursor: default;
-}
-.pwyc-custom:hover {
-  background: transparent;
-}
-.pwyc-custom.selected {
-  background: var(--input-bg);
-}
-.pwyc-custom-input-wrap {
-  display: flex;
-  align-items: center;
-  border: 1px dashed var(--border);
-  background: var(--input-bg);
-  height: 26px;
-  flex-shrink: 0;
-}
-.pwyc-custom-input-wrap .currency {
-  padding: 0 2px 0 6px;
-  color: var(--text-faint);
-  font-weight: 600;
-  font-size: 12px;
-}
-.pwyc-custom-input {
-  border: none;
-  background: transparent;
-  font-family: "Commit Mono", monospace;
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--text-bright);
-  padding: 0 6px 0 0;
-  width: 56px;
-  outline: none;
-  -moz-appearance: textfield;
-}
-.pwyc-custom-input::-webkit-outer-spin-button,
-.pwyc-custom-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-/* ---- SUBMIT ROW ---- */
-.submit-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  margin-top: 20px;
-  flex-wrap: wrap;
-}
-.agreement-label {
-  display: flex;
-  gap: 10px;
-  align-items: flex-start;
-  font-size: 12px;
-  color: var(--text);
-  line-height: 1.55;
-  cursor: pointer;
-  flex: 1;
-  min-width: 240px;
-}
-.agreement-label input {
-  margin-top: 3px;
-  flex-shrink: 0;
-}
-.agreement-label :deep(a) {
-  color: var(--candle);
-  text-decoration: underline;
-}
-.submit-btn {
-  display: inline-block;
-  background: var(--parch);
-  color: var(--parch-accent);
-  font-family: "Commit Mono", monospace;
-  font-size: 13px;
-  font-weight: 600;
-  letter-spacing: 0.04em;
-  border: 1px solid var(--parch);
-  padding: 12px 24px;
-  cursor: pointer;
-  transition: all 0.15s;
-  flex-shrink: 0;
-}
-.submit-btn:hover {
-  background: var(--parch-hover);
-  color: var(--parch-text);
-}
-.submit-btn:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-/* ---- TRUST LIST (aside) ---- */
-.trust-list {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.trust-list li {
-  font-size: 12px;
-  color: var(--text-dim);
-  line-height: 1.65;
-  padding: 0 0 14px 14px;
-  position: relative;
-}
-.trust-list li:last-child {
-  padding-bottom: 0;
-}
-.trust-list li::before {
-  content: "›";
-  position: absolute;
-  left: 0;
-  top: 0;
-  color: var(--candle-faint);
-}
-.trust-list li :deep(strong) {
-  color: var(--text-bright);
-  font-weight: 600;
-}
-
-/* ---- ERROR BOX ---- */
-.error-box {
-  border: 1px dashed var(--ember);
-  color: var(--ember);
-  padding: 12px 16px;
-  font-size: 12px;
-  margin-bottom: 20px;
-  max-width: 560px;
-}
-
-/* ---- AUTH'D MEMBER BRANCH ---- */
-.full-section {
-  padding: 32px;
-  border-bottom: 1px dashed var(--border);
-}
-.full-section h2 {
-  font-family: "Brygada 1918", serif;
-  font-size: 20px;
-  font-weight: 500;
-  color: var(--text-bright);
   margin-bottom: 16px;
+  max-width: 540px;
 }
-.section-intro {
-  font-size: 13px;
+.hero p {
   color: var(--text-dim);
-  line-height: 1.65;
-  margin-bottom: 20px;
-}
-.member-info-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 16px;
-  max-width: 500px;
-  margin-bottom: 8px;
-}
-.info-value {
-  font-family: "Brygada 1918", serif;
-  font-size: 18px;
-  font-weight: 500;
-  color: var(--text-bright);
-  margin-top: 4px;
-}
-.button-row {
-  display: flex;
-  gap: 12px;
-  align-items: center;
-  margin-top: 20px;
-}
-.form-submit {
-  display: inline-block;
-  background: var(--parch);
-  color: var(--parch-accent);
-  font-family: "Commit Mono", monospace;
-  font-size: 13px;
-  font-weight: 600;
-  letter-spacing: 0.02em;
-  border: 1px solid var(--parch);
-  padding: 12px 28px;
-  cursor: pointer;
-  transition: all 0.2s;
-  text-decoration: none;
-  text-align: center;
-}
-.form-submit:hover {
-  background: var(--parch-hover);
-  border-color: var(--parch-hover);
-  color: var(--parch-text);
-  text-decoration: none;
-}
-.parchment-link {
-  color: var(--candle-faint);
-  font-size: 12px;
-}
-.parchment-link:hover {
-  color: var(--candle-dim);
-}
-.capitalize {
-  text-transform: capitalize;
+  max-width: 460px;
+  line-height: 1.7;
 }
 
-/* ---- PARCHMENT LIST (only used in auth'd branch ParchmentInset) ---- */
+/* ---- PARCHMENT LIST STYLES ---- */
 :deep(.parchment-inset ul) {
   list-style: none;
   max-width: 560px;
@@ -1025,53 +668,491 @@ onUnmounted(() => {
   line-height: 1.4;
 }
 
-/* ---- RESPONSIVE ---- */
-@media (max-width: 1024px) {
-  .join-grid {
-    grid-template-columns: 1fr;
-  }
-  .join-main {
-    border-right: none;
-    border-bottom: 1px dashed var(--border);
-  }
+.parchment-link {
+  color: var(--candle-faint);
+  font-size: 12px;
 }
+.parchment-link:hover {
+  color: var(--candle-dim);
+}
+
+/* ---- CONTENT ROW (three circles) ---- */
+.content-row {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  align-items: stretch;
+  border-bottom: 1px dashed var(--border);
+}
+.content-block {
+  padding: 24px 28px;
+  border-right: 1px dashed var(--border);
+  min-width: 0;
+  overflow-wrap: break-word;
+  align-self: stretch;
+}
+.content-block:last-child {
+  border-right: none;
+}
+.content-block h2 {
+  font-family: "Brygada 1918", serif;
+  font-size: 18px;
+  font-weight: 500;
+  color: var(--text-bright);
+  margin-bottom: 8px;
+}
+.content-block p {
+  color: var(--text-dim);
+  font-size: 12px;
+  line-height: 1.65;
+}
+.circle-not-sure {
+  font-size: 11px;
+  color: var(--text-faint);
+  margin-top: 10px;
+  line-height: 1.6;
+}
+
+/* ---- TWO-COLUMN JOIN LAYOUT ---- */
+.join-two-col {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  border-bottom: 1px dashed var(--border);
+}
+.join-col {
+  padding: 32px;
+}
+.join-col:first-child {
+  border-right: 1px dashed var(--border);
+}
+.join-col h2 {
+  font-family: "Brygada 1918", serif;
+  font-size: 20px;
+  font-weight: 500;
+  color: var(--text-bright);
+  margin-bottom: 16px;
+}
+
+/* ---- FULL-WIDTH SECTION ---- */
+.full-section {
+  padding: 32px;
+  border-bottom: 1px dashed var(--border);
+}
+.full-section h2 {
+  font-family: "Brygada 1918", serif;
+  font-size: 20px;
+  font-weight: 500;
+  color: var(--text-bright);
+  margin-bottom: 16px;
+}
+.section-intro {
+  font-size: 13px;
+  color: var(--text-dim);
+  line-height: 1.65;
+  margin-bottom: 20px;
+}
+
+/* ---- TIER LIST (matches about page) ---- */
+.tier-list {
+  list-style: none;
+  padding: 0;
+}
+.tier-list li {
+  padding: 4px 0;
+  font-size: 12px;
+  color: var(--text-dim);
+  border-bottom: 1px dashed var(--border);
+  display: flex;
+  gap: 12px;
+}
+.tier-list li:last-child {
+  border-bottom: none;
+}
+.tier-amt {
+  color: var(--text-bright);
+  font-weight: 600;
+  min-width: 36px;
+}
+.solidarity-note {
+  font-size: 12px;
+  color: var(--text-dim);
+  line-height: 1.65;
+  margin-top: 16px;
+}
+
+.charity-note {
+  font-size: 12px;
+  color: var(--text-dim);
+  line-height: 1.65;
+  margin-top: 16px;
+}
+
+/* ---- FORM SECTION ---- */
+.form-section {
+  padding: 32px;
+  border-bottom: 1px dashed var(--border);
+}
+.form-section h2 {
+  font-family: "Brygada 1918", serif;
+  font-size: 20px;
+  font-weight: 500;
+  color: var(--text-bright);
+  margin-bottom: 4px;
+}
+.form-intro {
+  font-size: 12px;
+  color: var(--text-dim);
+  margin-bottom: 24px;
+  line-height: 1.65;
+}
+.form-stack {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  max-width: 600px;
+}
+.form-group {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.form-label {
+  font-size: 10px;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: var(--text-faint);
+}
+.form-input {
+  background: var(--surface);
+  border: 1px dashed var(--border);
+  color: var(--text-bright);
+  font-family: "Commit Mono", monospace;
+  font-size: 13px;
+  padding: 10px 14px;
+  transition: border-color 0.2s;
+  outline: none;
+  width: 100%;
+}
+.form-input:focus {
+  border-color: var(--candle-dim);
+  border-style: solid;
+}
+.form-input::placeholder {
+  color: var(--text-faint);
+}
+
+/* ---- CADENCE RADIOS ---- */
+.cadence-radios {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 10px;
+}
+
+/* ---- CONTRIBUTION AMOUNT INPUT + CHIPS ---- */
+.contribution-input-row {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+.contribution-currency {
+  font-weight: 600;
+}
+.contribution-input {
+  flex: 1;
+  padding: 0.5rem 0.75rem;
+  background: var(--input-bg);
+  border: 1px solid var(--parch);
+  font-family: "Commit Mono", monospace;
+  font-size: 1rem;
+}
+.contribution-input:focus {
+  outline: none;
+  border-color: var(--candle);
+}
+.contribution-presets {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-top: 0.5rem;
+}
+.contribution-preset-chip {
+  padding: 0.25rem 0.75rem;
+  background: transparent;
+  border: 1px dashed var(--parch);
+  font-family: "Commit Mono", monospace;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+.contribution-preset-chip:hover {
+  border-style: solid;
+  border-color: var(--candle);
+}
+.contribution-guidance {
+  margin-top: 0.5rem;
+  font-size: 0.875rem;
+  font-style: italic;
+  color: var(--ink-soft, currentColor);
+}
+
+/* ---- BILLING SUMMARY ---- */
+.billing-summary {
+  padding: 12px 16px;
+  border: 1px dashed var(--border);
+  background: var(--surface);
+}
+.billing-summary-line {
+  font-size: 13px;
+  color: var(--text);
+  line-height: 1.5;
+  margin: 0;
+}
+.billing-summary-line + .billing-summary-line {
+  margin-top: 4px;
+}
+.billing-summary-line strong {
+  color: var(--text-bright);
+  font-weight: 600;
+}
+
+/* ---- CIRCLE RADIOS ---- */
+.circle-radios {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+}
+.circle-radio {
+  position: relative;
+}
+.circle-radio input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+.circle-radio label {
+  display: block;
+  border: 1px dashed var(--border);
+  padding: 14px 12px;
+  cursor: pointer;
+  transition: all 0.2s;
+  text-align: center;
+}
+.circle-radio label:hover {
+  border-color: var(--candle-faint);
+}
+.circle-radio input:checked + label {
+  border-style: solid;
+}
+.circle-radio input:checked + label .circle-label-name {
+  color: var(--text-bright);
+}
+.circle-radio.community input:checked + label {
+  border-color: var(--c-community);
+}
+.circle-radio.founder input:checked + label {
+  border-color: var(--c-founder);
+}
+.circle-radio.practitioner input:checked + label {
+  border-color: var(--c-practitioner);
+}
+.circle-label-name {
+  font-size: 12px;
+  color: var(--text-dim);
+  display: block;
+  margin-bottom: 2px;
+}
+.circle-label-desc {
+  font-size: 10px;
+  color: var(--text-faint);
+}
+
+/* ---- CONTRIBUTION SELECT ---- */
+.form-select {
+  background: var(--surface);
+  border: 1px dashed var(--border);
+  color: var(--text-bright);
+  font-family: "Commit Mono", monospace;
+  font-size: 13px;
+  padding: 10px 14px;
+  transition: border-color 0.2s;
+  outline: none;
+  width: 100%;
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a7e6a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 12px center;
+  cursor: pointer;
+}
+.form-select:focus {
+  border-color: var(--candle-dim);
+  border-style: solid;
+}
+.form-select option {
+  background: var(--surface);
+  color: var(--text-bright);
+}
+
+/* ---- SUBMIT BUTTON ---- */
+.form-submit {
+  display: inline-block;
+  background: var(--parch);
+  color: var(--parch-accent);
+  font-family: "Commit Mono", monospace;
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  border: 1px solid var(--parch);
+  padding: 12px 28px;
+  cursor: pointer;
+  transition: all 0.2s;
+  text-decoration: none;
+  text-align: center;
+}
+.form-submit:hover {
+  background: var(--parch-hover);
+  border-color: var(--parch-hover);
+  color: var(--parch-text);
+  text-decoration: none;
+}
+.form-submit:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* ---- FORM NOTE ---- */
+.form-note {
+  font-size: 11px;
+  color: var(--text-faint);
+  line-height: 1.6;
+  margin-top: 16px;
+  max-width: 460px;
+}
+.form-note a,
+.form-note :deep(a) {
+  color: var(--candle-dim);
+}
+
+/* ---- CHECKBOX ---- */
+.checkbox-label {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  cursor: pointer;
+  font-size: 12px;
+  color: var(--text-dim);
+  line-height: 1.5;
+}
+.checkbox-label input {
+  margin-top: 3px;
+  flex-shrink: 0;
+}
+.checkbox-label a,
+.checkbox-label :deep(a) {
+  color: var(--candle);
+  text-decoration: underline;
+}
+
+/* ---- ERROR & SUCCESS BOXES ---- */
+.error-box {
+  border: 1px dashed var(--ember);
+  color: var(--ember);
+  padding: 12px 16px;
+  font-size: 12px;
+  margin-bottom: 20px;
+  max-width: 600px;
+}
+.success-box {
+  border: 1px dashed var(--green, var(--candle));
+  color: var(--green, var(--candle));
+  padding: 12px 16px;
+  font-size: 12px;
+  margin-bottom: 20px;
+  max-width: 600px;
+}
+
+/* ---- PAYMENT INSTRUCTION ---- */
+.payment-instruction {
+  font-size: 13px;
+  color: var(--text-dim);
+  line-height: 1.65;
+}
+
+/* ---- REDIRECT NOTE ---- */
+.redirect-note {
+  font-size: 12px;
+  color: var(--text-dim);
+  text-align: center;
+}
+
+/* ---- BUTTON ROW ---- */
+.button-row {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  margin-top: 20px;
+}
+
+/* ---- MEMBER INFO GRID ---- */
+.member-info-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+  max-width: 500px;
+  margin-bottom: 8px;
+}
+.info-value {
+  font-family: "Brygada 1918", serif;
+  font-size: 18px;
+  font-weight: 500;
+  color: var(--text-bright);
+  margin-top: 4px;
+}
+
+/* ---- UTILITY ---- */
+.capitalize {
+  text-transform: capitalize;
+}
+
+/* ---- RESPONSIVE ---- */
 @media (max-width: 768px) {
-  .join-hero {
+  .content-row {
     grid-template-columns: 1fr;
   }
-  .join-hero-left {
+  .content-block {
     border-right: none;
     border-bottom: 1px dashed var(--border);
-    padding: 24px 20px 20px;
   }
-  .join-hero-right {
-    padding: 24px 20px;
+  .content-block:last-child {
+    border-bottom: none;
   }
-  .join-hero-left h1 {
-    font-size: 26px;
-  }
-  .identity-grid {
+  .join-two-col {
     grid-template-columns: 1fr;
   }
-  .join-main,
-  .join-aside {
-    padding: 24px 20px;
+  .join-col:first-child {
+    border-right: none;
+    border-bottom: 1px dashed var(--border);
   }
-  .full-section {
-    padding: 24px 20px;
+  .circle-radios {
+    grid-template-columns: 1fr;
   }
   .member-info-grid {
     grid-template-columns: 1fr;
   }
+  .hero {
+    padding: 32px 20px;
+  }
+  .hero h1 {
+    font-size: 28px;
+  }
+  .full-section,
+  .form-section {
+    padding: 24px 20px;
+  }
+  .content-block {
+    padding: 20px;
+  }
 }
+
 @media (max-width: 480px) {
-  .submit-row {
-    flex-direction: column;
-    align-items: stretch;
-  }
-  .submit-btn {
-    width: 100%;
-  }
   .button-row {
     flex-direction: column;
     align-items: stretch;
diff --git a/app/pages/member/account.vue b/app/pages/member/account.vue
index 3dd4642..89c6729 100644
--- a/app/pages/member/account.vue
+++ b/app/pages/member/account.vue
@@ -173,12 +173,9 @@
                     type="email"
                     placeholder="you@example.com"
                     autofocus
-                    @blur="validateNewEmail"
-                    @input="fieldErrors.email && (fieldErrors.email = '')"
                     @keydown.enter="handleUpdateEmail"
                     @keydown.escape="cancelEmailEdit"
                   >
-                  <p v-if="fieldErrors.email" class="field-error">{{ fieldErrors.email }}</p>
                 </div>
                 <div class="email-edit-actions">
                   <button
@@ -248,13 +245,35 @@
             <PageSection>
               <div class="section-label">Change Contribution</div>
 
-              <ContributionAmountField
-                v-model="form.contributionAmount"
-                :cadence="cadence"
-                :allow-cadence-change="false"
-                :show-summary="false"
-              />
-
+              <div class="form-group">
+                <label class="form-label" for="account-contribution">
+                  Monthly Contribution
+                </label>
+                <div class="contribution-input-row">
+                  <span class="contribution-currency">$</span>
+                  <input
+                    id="account-contribution"
+                    v-model.number="form.contributionAmount"
+                    type="number"
+                    min="0"
+                    step="1"
+                    inputmode="numeric"
+                    class="contribution-input"
+                  >
+                </div>
+                <div class="contribution-presets" role="group" aria-label="Suggested amounts">
+                  <button
+                    v-for="preset in CONTRIBUTION_PRESETS"
+                    :key="preset.amount"
+                    type="button"
+                    class="contribution-preset-chip"
+                    @click="form.contributionAmount = preset.amount"
+                  >
+                    ${{ preset.amount }}
+                  </button>
+                </div>
+                <p v-if="guidanceLabel" class="contribution-guidance">{{ guidanceLabel }}</p>
+              </div>
               <div v-if="contributionChangeHint" class="tier-hint">
                 {{ contributionChangeHint }}
               </div>
@@ -295,7 +314,7 @@
 </template>
 
 <script setup>
-import { requiresPayment } from '~/config/contributions';
+import { CONTRIBUTION_PRESETS, getGuidanceLabel, requiresPayment } from '~/config/contributions';
 import { STATUS_LABELS } from '~/config/memberStatus';
 
 useSiteMeta({ title: 'Account', noindex: true });
@@ -320,19 +339,6 @@ const showEmailEdit = ref(false);
 const newEmail = ref("");
 const isUpdatingEmail = ref(false);
 
-// Inline blur validation (UI feedback only — does not block submission)
-const fieldErrors = reactive({ email: "" });
-
-const validateNewEmail = () => {
-  const value = newEmail.value.trim();
-  if (!value) {
-    fieldErrors.email = "";
-    return;
-  }
-  const ok = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
-  fieldErrors.email = ok ? "" : "Please enter a valid email address.";
-};
-
 // Payment history state
 const paymentHistory = ref([]);
 const paymentHistoryLoading = ref(false);
@@ -367,12 +373,14 @@ const canChangeCard = computed(() => {
 
 const cadence = computed(() => memberData.value?.billingCadence || 'monthly');
 
+const guidanceLabel = computed(() => getGuidanceLabel(form.contributionAmount));
+
 const contributionChangeHint = computed(() => {
   const current = Number(memberData.value?.contributionAmount || 0);
   const next = Number(form.contributionAmount || 0);
   if (current === next) return "";
   if (current === 0 && next > 0) {
-    const firstCharge = next;
+    const firstCharge = cadence.value === "annual" ? next * 12 : next;
     return `You'll be charged $${firstCharge} today to start your subscription.`;
   }
   if (current > 0 && next === 0) {
@@ -384,13 +392,14 @@ const contributionChangeHint = computed(() => {
 const currentContributionLabel = computed(() => {
   const amount = Number(memberData.value?.contributionAmount || 0);
   if (!amount) return '$0';
-  return cadence.value === 'annual' ? `$${amount} / year` : `$${amount} / month`;
+  const displayAmount = cadence.value === 'annual' ? amount * 12 : amount;
+  return cadence.value === 'annual' ? `$${displayAmount} / year` : `$${displayAmount} / month`;
 });
 
 const nextChargeAmount = computed(() => {
   const amount = Number(memberData.value?.contributionAmount || 0);
   if (!amount) return null;
-  return amount;
+  return cadence.value === 'annual' ? amount * 12 : amount;
 });
 
 const circleOptions = [
@@ -484,14 +493,8 @@ const handleUpdateContribution = async () => {
   } catch (err) {
     // Paid upgrade without a saved card — route to payment setup instead of erroring.
     if (err.data?.data?.requiresPaymentSetup) {
-      // payment-setup.vue is monthly-only (always sends cadence: 'monthly') and
-      // form.contributionAmount is in cadence-unit. For annual members, convert
-      // to monthly-equivalent so we don't trigger an annual-sized monthly charge.
-      const monthlyTier = cadence.value === "annual"
-        ? Math.floor(form.contributionAmount / 12)
-        : form.contributionAmount;
       await navigateTo(
-        `/member/payment-setup?tier=${monthlyTier}&circle=${
+        `/member/payment-setup?tier=${form.contributionAmount}&circle=${
           selectedCircle.value || memberData.value?.circle || 'community'
         }`,
       );
@@ -532,7 +535,6 @@ const handleUpdateCircle = async () => {
 const cancelEmailEdit = () => {
   showEmailEdit.value = false;
   newEmail.value = "";
-  fieldErrors.email = "";
 };
 
 const handleUpdateEmail = async () => {
@@ -840,11 +842,6 @@ const confirmCancelMembership = async () => {
 .email-edit .field input:focus {
   border-color: var(--candle);
 }
-.email-edit .field .field-error {
-  font-size: 11px;
-  color: var(--ember);
-  margin-top: 4px;
-}
 .email-edit-actions {
   display: flex;
   gap: 8px;
@@ -893,6 +890,52 @@ const confirmCancelMembership = async () => {
   margin-bottom: 12px;
 }
 
+/* ---- CONTRIBUTION AMOUNT INPUT + CHIPS ---- */
+.contribution-input-row {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+.contribution-currency {
+  font-weight: 600;
+}
+.contribution-input {
+  flex: 1;
+  padding: 0.5rem 0.75rem;
+  background: var(--input-bg);
+  border: 1px solid var(--parch);
+  font-family: 'Commit Mono', monospace;
+  font-size: 1rem;
+}
+.contribution-input:focus {
+  outline: none;
+  border-color: var(--candle);
+}
+.contribution-presets {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-top: 0.5rem;
+}
+.contribution-preset-chip {
+  padding: 0.25rem 0.75rem;
+  background: transparent;
+  border: 1px dashed var(--parch);
+  font-family: 'Commit Mono', monospace;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+.contribution-preset-chip:hover {
+  border-style: solid;
+  border-color: var(--candle);
+}
+.contribution-guidance {
+  margin-top: 0.5rem;
+  font-size: 0.875rem;
+  font-style: italic;
+  color: var(--ink-soft, currentColor);
+}
+
 .btn-section {
   width: 100%;
   text-align: center;
diff --git a/app/pages/member/dashboard.vue b/app/pages/member/dashboard.vue
index 4fad78a..a1f45e5 100644
--- a/app/pages/member/dashboard.vue
+++ b/app/pages/member/dashboard.vue
@@ -36,7 +36,7 @@
           <PageHeader :title="welcomeTitle">
             <div class="dashboard-meta">
               <CircleBadge :circle="memberData?.circle || 'community'" />
-              <span>{{ formatContribution(memberData?.contributionAmount ?? 0, memberData?.billingCadence) }} CAD</span>
+              <span>${{ memberData?.contributionAmount ?? 0 }} CAD/mo</span>
             </div>
             <p v-if="showSlackComingNote" class="slack-coming-note">
               Slack workspace access is part of your membership. Invitations are
@@ -171,7 +171,7 @@
               <div class="membership-row">
                 <span class="key">Contribution</span>
                 <span class="val"
-                  >{{ formatContribution(memberData?.contributionAmount ?? 0, memberData?.billingCadence) }} CAD</span
+                  >${{ memberData?.contributionAmount ?? 0 }} CAD/month</span
                 >
               </div>
               <div class="membership-row">
@@ -220,8 +220,6 @@
 </template>
 
 <script setup>
-import { formatContribution } from '~/config/contributions';
-
 useSiteMeta({ title: 'Dashboard', noindex: true });
 
 const { memberData, checkMemberStatus } = useAuth();
diff --git a/app/utils/activityText.js b/app/utils/activityText.js
index 3f368cd..a2d9ac1 100644
--- a/app/utils/activityText.js
+++ b/app/utils/activityText.js
@@ -27,13 +27,10 @@ const formatters = {
     text: `Changed circle from ${circleLabel(m.from)} to ${circleLabel(m.to)}`,
     icon: 'i-lucide-refresh-cw'
   }),
-  contribution_changed: (m) => {
-    const suffix = m.cadence === 'annual' ? '/yr' : '/mo'
-    return {
-      text: `Changed contribution from $${m.from}${suffix} to $${m.to}${suffix}`,
-      icon: 'i-lucide-coins'
-    }
-  },
+  contribution_changed: (m) => ({
+    text: `Changed contribution from $${m.from}/mo to $${m.to}/mo`,
+    icon: 'i-lucide-coins'
+  }),
   email_changed: (m) => ({
     text: `Changed email address`,
     icon: 'i-lucide-mail'
@@ -44,13 +41,10 @@ const formatters = {
       : 'Updated profile',
     icon: 'i-lucide-user-pen'
   }),
-  subscription_created: (m) => {
-    const suffix = m.cadence === 'annual' ? '/yr' : '/mo'
-    return {
-      text: m.amount != null ? `Started $${m.amount}${suffix} subscription` : 'Started subscription',
-      icon: 'i-lucide-credit-card'
-    }
-  },
+  subscription_created: (m) => ({
+    text: m.amount != null ? `Started $${m.amount}/mo subscription` : 'Started subscription',
+    icon: 'i-lucide-credit-card'
+  }),
   subscription_cancelled: () => ({
     text: 'Cancelled subscription',
     icon: 'i-lucide-credit-card'
diff --git a/e2e/accept-invite.spec.js b/e2e/accept-invite.spec.js
index 61dd195..c834a70 100644
--- a/e2e/accept-invite.spec.js
+++ b/e2e/accept-invite.spec.js
@@ -66,9 +66,9 @@ test.describe('Accept Invite — pre-registrant signup', () => {
     await expect(page.locator('#circle-community')).toBeAttached()
     await expect(page.locator('#circle-founder')).toBeAttached()
     await expect(page.locator('#circle-practitioner')).toBeAttached()
-    await expect(page.getByTestId('cadence-monthly')).toBeVisible()
-    await expect(page.getByTestId('cadence-annual')).toBeVisible()
-    await expect(page.getByTestId('contribution-amount')).toBeVisible()
+    await expect(page.locator('#accept-cadence-monthly')).toBeAttached()
+    await expect(page.locator('#accept-cadence-annual')).toBeAttached()
+    await expect(page.locator('#accept-contribution')).toBeVisible()
     await expect(page.locator('.contribution-preset-chip').first()).toBeVisible()
     await expect(page.locator('.form-submit')).toBeVisible()
   })
@@ -110,17 +110,15 @@ test.describe('Accept Invite — pre-registrant signup', () => {
     await mockVerifyOk(page)
     await gotoAcceptInvite(page)
 
-    await expect(page.getByTestId('contribution-amount')).toBeVisible()
-    await page.getByTestId('cadence-monthly').click()
-    await page.getByTestId('contribution-amount').fill('10')
+    await expect(page.locator('#accept-contribution')).toBeVisible()
+    await page.locator('#accept-contribution').fill('10')
 
-    const summary = page.locator('.billing-summary')
-    await expect(summary).toContainText('$10 today')
-    await expect(summary).toContainText('each month')
+    await page.locator('label[for="accept-cadence-monthly"]').click()
+    await expect(page.locator('.billing-summary')).toContainText('$10 today')
 
-    await page.getByTestId('cadence-annual').click()
-    await expect(summary).toContainText('$120 today')
-    await expect(summary).toContainText('at each annual renewal')
+    await page.locator('label[for="accept-cadence-annual"]').click()
+    await expect(page.locator('.billing-summary')).toContainText('$120 today')
+    await expect(page.locator('.billing-summary')).toContainText('$10/month')
   })
 
   test('preset chip sets contribution amount', async ({ page }) => {
@@ -133,7 +131,7 @@ test.describe('Accept Invite — pre-registrant signup', () => {
     const expected = chipText.replace(/[^0-9]/g, '')
 
     await chip.click()
-    await expect(page.getByTestId('contribution-amount')).toHaveValue(expected)
+    await expect(page.locator('#accept-contribution')).toHaveValue(expected)
   })
 
   test('free tier happy path shows welcome state', async ({ page }) => {
@@ -143,7 +141,7 @@ test.describe('Accept Invite — pre-registrant signup', () => {
 
     await expect(page.locator('#accept-name')).toHaveValue('Free Tester')
     await page.locator('#circle-community').check({ force: true })
-    await page.getByTestId('contribution-amount').fill('0')
+    await page.locator('#accept-contribution').fill('0')
     await page.getByRole('checkbox', { name: /Community Guidelines/ }).check()
 
     await expect(page.locator('.form-submit')).toBeEnabled()
@@ -160,7 +158,7 @@ test.describe('Accept Invite — pre-registrant signup', () => {
     await mockVerifyOk(page)
     await gotoAcceptInvite(page)
 
-    await page.getByTestId('contribution-amount').fill('10')
+    await page.locator('#accept-contribution').fill('10')
     await page.getByRole('checkbox', { name: /Community Guidelines/ }).check()
     await expect(page.locator('.form-submit')).toContainText(/Continue to Payment/)
   })
diff --git a/e2e/admin-events.spec.js b/e2e/admin-events.spec.js
index 23de796..4acd617 100644
--- a/e2e/admin-events.spec.js
+++ b/e2e/admin-events.spec.js
@@ -88,7 +88,7 @@ test.describe('Admin events CRUD', () => {
       .fill('e2e test event description')
 
     await adminPage
-      .getByPlaceholder('e.g., https://zoom.us/j/123..., #channel-name, or TBD')
+      .getByPlaceholder('e.g., https://zoom.us/j/123... or #channel-name')
       .fill('https://example.com/zoom')
 
     const startInput = adminPage.getByPlaceholder(
diff --git a/e2e/admin-series.spec.js b/e2e/admin-series.spec.js
index ed0f6d8..897bdb0 100644
--- a/e2e/admin-series.spec.js
+++ b/e2e/admin-series.spec.js
@@ -2,7 +2,7 @@ import { test, expect } from './helpers/fixtures.js'
 
 test.describe('Admin series management page', () => {
   test('series list loads for admin', async ({ adminPage }) => {
-    await adminPage.goto('/admin/series')
+    await adminPage.goto('/admin/series-management')
     await expect(adminPage.getByRole('heading', { name: 'Series', level: 1 })).toBeVisible({
       timeout: 15000,
     })
@@ -12,9 +12,9 @@ test.describe('Admin series management page', () => {
 
 test.describe('Admin series access control', () => {
   test('non-admin redirect', async ({ page }) => {
-    await page.goto('/admin/series')
+    await page.goto('/admin/series-management')
     await page.waitForURL((url) => !url.pathname.startsWith('/admin'))
-    expect(page.url()).not.toContain('/admin/series')
+    expect(page.url()).not.toContain('/admin/series-management')
   })
 })
 
@@ -39,7 +39,7 @@ test.describe('Admin series CRUD', () => {
 
     await adminPage.getByRole('button', { name: 'Create Series' }).click()
 
-    await adminPage.waitForURL('**/admin/series', { timeout: 15000 })
+    await adminPage.waitForURL('**/admin/series-management', { timeout: 15000 })
 
     const card = adminPage.locator('.series-card', { hasText: title })
     await expect(card).toBeVisible({ timeout: 10000 })
diff --git a/e2e/admin-tags.spec.js b/e2e/admin-tags.spec.js
deleted file mode 100644
index 58f47c2..0000000
--- a/e2e/admin-tags.spec.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import { test, expect } from './helpers/fixtures.js'
-
-test.describe('Admin tags page', () => {
-  test('page loads for admin', async ({ adminPage }) => {
-    await adminPage.goto('/admin/tags')
-    await expect(adminPage.getByRole('heading', { name: 'Tags', level: 1 })).toBeVisible({
-      timeout: 15000,
-    })
-  })
-
-  test('approve and reject pending suggestions', async ({ adminPage }) => {
-    const suffix = Date.now().toString().slice(-6)
-    const approveLabel = `e2e-tag-approve-${suffix}`
-    const rejectLabel = `e2e-tag-reject-${suffix}`
-
-    // Load the page first so the csrf-token cookie is set, then seed two
-    // pending suggestions via the authed member endpoint (state-changing
-    // requests require the double-submit CSRF header — see middleware/01.csrf.js).
-    await adminPage.goto('/admin/tags')
-    const cookies = await adminPage.context().cookies()
-    const csrf = cookies.find((c) => c.name === 'csrf-token')?.value
-
-    await adminPage.request.post('/api/tags/suggest', {
-      headers: { 'x-csrf-token': csrf },
-      data: { label: approveLabel, pool: 'craft' },
-    })
-    await adminPage.request.post('/api/tags/suggest', {
-      headers: { 'x-csrf-token': csrf },
-      data: { label: rejectLabel, pool: 'cooperative' },
-    })
-
-    await adminPage.reload()
-    await adminPage.waitForLoadState('networkidle')
-
-    const approveRow = adminPage.locator('tr', { hasText: approveLabel })
-    await expect(approveRow).toBeVisible({ timeout: 10000 })
-    await approveRow.getByRole('button', { name: 'Approve' }).click()
-    await expect(adminPage.locator('tr', { hasText: approveLabel })).toHaveCount(0, {
-      timeout: 10000,
-    })
-
-    const rejectRow = adminPage.locator('tr', { hasText: rejectLabel })
-    await expect(rejectRow).toBeVisible()
-    await rejectRow.getByRole('button', { name: 'Reject' }).click()
-    await expect(adminPage.locator('tr', { hasText: rejectLabel })).toHaveCount(0, {
-      timeout: 10000,
-    })
-  })
-})
-
-test.describe('Admin tags access control', () => {
-  test('non-admin redirect', async ({ page }) => {
-    await page.goto('/admin/tags')
-    await page.waitForURL((url) => !url.pathname.startsWith('/admin'))
-    expect(page.url()).not.toContain('/admin/tags')
-  })
-})
diff --git a/e2e/events.spec.js b/e2e/events.spec.js
index a1a11fe..3453fdd 100644
--- a/e2e/events.spec.js
+++ b/e2e/events.spec.js
@@ -11,7 +11,7 @@ test.describe('Events list page', () => {
     const filterBar = page.locator('.filter-bar')
     await expect(filterBar).toBeVisible()
 
-    for (const label of ['All', 'Talk / Presentation', 'Workshop', 'Community Meetup', 'Co-working Session', 'Peer Session', 'Skills Share', 'Info Session']) {
+    for (const label of ['All', 'Workshops', 'Community', 'Social', 'Showcase']) {
       await expect(filterBar.locator('button', { hasText: label })).toBeVisible()
     }
   })
@@ -36,7 +36,7 @@ test.describe('Events list page', () => {
     // Wait for Vue hydration — the "All" filter should have the active class once reactive
     const allBtn = page.locator('.filter-btn', { hasText: 'All' })
     await expect(allBtn).toHaveClass(/active/, { timeout: 10000 })
-    const workshopsBtn = page.locator('.filter-bar button', { hasText: 'Workshop' })
+    const workshopsBtn = page.locator('.filter-bar button', { hasText: 'Workshops' })
     await workshopsBtn.click()
     await expect(workshopsBtn).toHaveClass(/active/, { timeout: 5000 })
   })
diff --git a/e2e/join-flow.spec.js b/e2e/join-flow.spec.js
index ba4713d..6369d1a 100644
--- a/e2e/join-flow.spec.js
+++ b/e2e/join-flow.spec.js
@@ -2,6 +2,7 @@ import { test, expect } from '@playwright/test'
 
 // Mock Helcim API responses for join flow (avoids dependency on external API)
 function mockHelcimAPIs(page, { failCustomer = false } = {}) {
+  // Mock Helcim customer creation
   page.route('**/api/helcim/customer', async (route) => {
     if (failCustomer) {
       return route.fulfill({
@@ -25,6 +26,7 @@ function mockHelcimAPIs(page, { failCustomer = false } = {}) {
     })
   })
 
+  // Mock subscription creation
   page.route('**/api/helcim/subscription', async (route) => {
     return route.fulfill({
       status: 200,
@@ -44,35 +46,35 @@ test.describe('Join page — member signup flow', () => {
 
     await expect(page.locator('#join-name')).toBeVisible()
     await expect(page.locator('#join-email')).toBeVisible()
-    await expect(page.locator('#pwyc-0')).toBeAttached()
-    await expect(page.locator('#pwyc-15')).toBeAttached()
-    await expect(page.locator('#pwyc-50')).toBeAttached()
-    await expect(page.getByTestId('cadence-monthly')).toBeVisible()
-    await expect(page.getByTestId('cadence-annual')).toBeVisible()
-    await expect(page.locator('.submit-btn')).toBeVisible()
+    await expect(page.locator('#circle-community')).toBeAttached()
+    await expect(page.locator('#circle-founder')).toBeAttached()
+    await expect(page.locator('#circle-practitioner')).toBeAttached()
+    await expect(page.locator('#join-contribution')).toBeVisible()
+    await expect(page.locator('.form-submit')).toBeVisible()
   })
 
   test('submit button disabled when form incomplete', async ({ page }) => {
     await page.goto('/join')
     await page.waitForLoadState('networkidle')
 
-    // Clear name and email — contribution defaults to $15
+    // Clear name and email — circle defaults to community, contribution defaults to $15
     await page.locator('#join-name').fill('')
     await page.locator('#join-email').fill('')
 
-    await expect(page.locator('.submit-btn')).toBeDisabled()
+    // Button should be disabled with empty required fields
+    await expect(page.locator('.form-submit')).toBeDisabled()
 
     // Fill only name — still incomplete
     await page.locator('#join-name').fill('Test User')
-    await expect(page.locator('.submit-btn')).toBeDisabled()
+    await expect(page.locator('.form-submit')).toBeDisabled()
 
     // Fill email — agreement still unchecked, so still disabled
     await page.locator('#join-email').fill('incomplete-test@example.com')
-    await expect(page.locator('.submit-btn')).toBeDisabled()
+    await expect(page.locator('.form-submit')).toBeDisabled()
 
     // Check the Community Guidelines agreement — now all required fields satisfied
     await page.getByRole('checkbox', { name: /Community Guidelines/ }).check()
-    await expect(page.locator('.submit-btn')).toBeEnabled()
+    await expect(page.locator('.form-submit')).toBeEnabled()
   })
 
   test('fill and submit free tier', async ({ page }) => {
@@ -81,17 +83,20 @@ test.describe('Join page — member signup flow', () => {
     await page.goto('/join')
     await page.waitForLoadState('networkidle')
 
+    // Fill in the form
     await page.locator('#join-name').fill('E2E Test User')
     await page.locator('#join-email').fill(uniqueEmail)
-    // Pick the $0 preset
-    await page.locator('label[for="pwyc-0"]').click()
+    await page.locator('#circle-community').check({ force: true })
+    // Contribution is now a numeric input with preset chips, not a select
+    await page.locator('#join-contribution').fill('0')
     await page.getByRole('checkbox', { name: /Community Guidelines/ }).check()
 
-    await expect(page.locator('.submit-btn')).toBeEnabled()
+    await expect(page.locator('.form-submit')).toBeEnabled()
 
+    // Mock Helcim APIs before submitting
     await mockHelcimAPIs(page)
 
-    await page.locator('.submit-btn').click()
+    await page.locator('.form-submit').click()
 
     // Free tier flips the SignupFlowOverlay into its success state
     await expect(
@@ -99,26 +104,42 @@ test.describe('Join page — member signup flow', () => {
     ).toBeVisible({ timeout: 15000 })
   })
 
-  test('cadence toggle multiplies preset row amounts by 12', async ({ page }) => {
+  test('cadence toggle updates billing summary to annual ×12', async ({ page }) => {
     await page.goto('/join')
     await page.waitForLoadState('networkidle')
 
-    // Default is Monthly: the $15 row reads "$15"
-    const suggestedRow = page.locator('#pwyc-15 + .pwyc-row-content .pwyc-amt')
-    await expect(suggestedRow).toHaveText('$15')
+    await page.locator('#join-contribution').fill('10')
+    await page.locator('label[for="cadence-annual"]').click()
 
-    // Switch to Annual: same row now reads "$180"
-    await page.getByTestId('cadence-annual').click()
-    await expect(suggestedRow).toHaveText('$180')
+    const summary = page.locator('.billing-summary')
+    await expect(summary).toBeVisible()
+    await expect(summary).toContainText('$120 today')
+    await expect(summary).toContainText('$10/month × 12')
+    await expect(summary).toContainText('$120 every year')
 
-    // Switch back to Monthly: returns to "$15"
-    await page.getByTestId('cadence-monthly').click()
-    await expect(suggestedRow).toHaveText('$15')
+    await page.locator('label[for="cadence-monthly"]').click()
+    await expect(summary).toContainText('$10 today')
+    await expect(summary).toContainText('$10 every month')
+  })
+
+  test('contribution guidance label changes with amount tier', async ({ page }) => {
+    await page.goto('/join')
+    await page.waitForLoadState('networkidle')
+
+    const guidance = page.locator('.contribution-guidance')
+
+    await page.locator('#join-contribution').fill('5')
+    await expect(guidance).toHaveText(/I can contribute/)
+
+    await page.locator('#join-contribution').fill('30')
+    await expect(guidance).toHaveText(/I can support others too/)
   })
 
   test('paid tier flow reaches success state with HelcimPay stubbed', async ({ page }) => {
     const uniqueEmail = `test-e2e-paid-${Date.now()}@example.com`
 
+    // Stub HelcimPay window globals before the page loads so the composable's
+    // script-load path is bypassed and we resolve verifyPayment synchronously.
     await page.addInitScript(() => {
       window.appendHelcimPayIframe = (checkoutToken) => {
         const eventName = 'helcim-pay-js-' + checkoutToken
@@ -169,12 +190,12 @@ test.describe('Join page — member signup flow', () => {
 
     await page.locator('#join-name').fill('Paid E2E User')
     await page.locator('#join-email').fill(uniqueEmail)
-    // $15 preset is selected by default — verify and submit
-    await page.locator('#pwyc-15').check({ force: true })
+    await page.locator('#circle-community').check({ force: true })
+    await page.locator('#join-contribution').fill('15')
     await page.getByRole('checkbox', { name: /Community Guidelines/ }).check()
 
-    await expect(page.locator('.submit-btn')).toBeEnabled()
-    await page.locator('.submit-btn').click()
+    await expect(page.locator('.form-submit')).toBeEnabled()
+    await page.locator('.form-submit').click()
 
     await expect(
       page.getByRole('heading', { name: 'Welcome to Ghost Guild!' })
@@ -187,13 +208,15 @@ test.describe('Join page — member signup flow', () => {
     await page.goto('/join')
     await page.waitForLoadState('networkidle')
 
+    // Mock customer endpoint to return 409 (email already exists)
     await mockHelcimAPIs(page, { failCustomer: true })
 
     await page.locator('#join-name').fill('Dup Test User')
     await page.locator('#join-email').fill(duplicateEmail)
-    await page.locator('label[for="pwyc-0"]').click()
+    await page.locator('#circle-community').check({ force: true })
+    await page.locator('#join-contribution').fill('0')
     await page.getByRole('checkbox', { name: /Community Guidelines/ }).check()
-    await page.locator('.submit-btn').click()
+    await page.locator('.form-submit').click()
 
     // Helcim 409 puts SignupFlowOverlay into its error state
     const overlayError = page.locator('.signup-flow-overlay .error-box')
diff --git a/scripts/helcim-tunnel.sh b/scripts/helcim-tunnel.sh
deleted file mode 100755
index 8597a1a..0000000
--- a/scripts/helcim-tunnel.sh
+++ /dev/null
@@ -1,74 +0,0 @@
-#!/usr/bin/env bash
-# Public tunnel for testing the Helcim payment flow locally.
-#
-# Why a production build (not `nuxt dev`): dev mode serves the client as 100+
-# individual ESM modules, which a cloudflared quick tunnel delivers unreliably
-# (sporadic 503s on the page-load burst abort hydration — the page renders but
-# is dead to clicks). A production bundle is a handful of hashed assets, served
-# rock-solid through the tunnel.
-#
-# BASE_URL + NUXT_PUBLIC_APP_URL are set to the tunnel URL at launch — the Helcim
-# signup route requires the request Origin to exactly match BASE_URL. All other
-# secrets load from .env via Node's --env-file (shell-set vars take precedence,
-# so the tunnel URL wins). .env itself is never modified.
-#
-# Trade-off: no HMR. Re-run this script after code changes to rebuild.
-#
-# Usage: ./scripts/helcim-tunnel.sh   (Ctrl-C stops the server and the tunnel)
-
-set -euo pipefail
-cd "$(dirname "$0")/.."
-
-if [ ! -f .env ]; then
-  echo "ERROR: .env not found in $(pwd)" >&2
-  exit 1
-fi
-
-LOG="$(mktemp)"
-CF_PID=""
-SRV_PID=""
-
-cleanup() {
-  echo ""
-  echo "Stopping server and tunnel..."
-  [ -n "$SRV_PID" ] && kill "$SRV_PID" 2>/dev/null || true
-  [ -n "$CF_PID" ] && kill "$CF_PID" 2>/dev/null || true
-  rm -f "$LOG"
-}
-trap cleanup EXIT
-trap 'exit 130' INT TERM
-
-echo "Starting cloudflared quick tunnel -> http://localhost:3000 ..."
-cloudflared tunnel --url http://localhost:3000 >"$LOG" 2>&1 &
-CF_PID=$!
-
-TUNNEL_URL=""
-for _ in $(seq 1 30); do
-  TUNNEL_URL="$(grep -oE 'https://[a-zA-Z0-9.-]+\.trycloudflare\.com' "$LOG" | head -1 || true)"
-  [ -n "$TUNNEL_URL" ] && break
-  sleep 1
-done
-
-if [ -z "$TUNNEL_URL" ]; then
-  echo "ERROR: could not obtain a tunnel URL. cloudflared output:" >&2
-  cat "$LOG" >&2
-  exit 1
-fi
-echo "Tunnel live: $TUNNEL_URL"
-
-echo "Building production bundle (npm run build)..."
-npm run build
-
-echo ""
-echo "  Serving .output through the tunnel."
-echo "  Open the app at: $TUNNEL_URL   (NOT localhost — Helcim origin check requires it)"
-echo "  Ctrl-C stops the server and the tunnel."
-echo ""
-
-PORT=3000 \
-HOST=127.0.0.1 \
-BASE_URL="$TUNNEL_URL" \
-NUXT_PUBLIC_APP_URL="$TUNNEL_URL" \
-  node --env-file=.env .output/server/index.mjs &
-SRV_PID=$!
-wait "$SRV_PID"
diff --git a/scripts/migrate-annual-contribution-to-cadence-unit.cjs b/scripts/migrate-annual-contribution-to-cadence-unit.cjs
deleted file mode 100644
index ed3d02a..0000000
--- a/scripts/migrate-annual-contribution-to-cadence-unit.cjs
+++ /dev/null
@@ -1,112 +0,0 @@
-/**
- * One-time migration: convert Member.contributionAmount from monthly-equivalent
- * to cadence-unit for billingCadence='annual' members. After this migration,
- * an annual member with contributionAmount=180 means "$180/year" (vs the old
- * interpretation "$15/month × 12 = $180/year").
- *
- * Companion to commit 5023fb1 which dropped × 12 from the server's recurringAmount
- * computation. Run AFTER deploying the new server code, BEFORE annual members
- * try to renew or update.
- *
- * IDEMPOTENT via a transient marker field (`contributionAmountConverted: true`).
- * The script only acts on rows where this flag is not set, so re-running is
- * safe — the second run will find 0 unconverted rows.
- *
- * Trade-off: this pollutes the schema with a transient field. A follow-up
- * migration can $unset `contributionAmountConverted` from all docs once every
- * environment is confirmed migrated. The field is harmless if left in place.
- * (Option A from Task 9's plan — chosen because no migration-tracking
- * collection exists in this codebase.)
- *
- * Usage:
- *   node scripts/migrate-annual-contribution-to-cadence-unit.cjs            # dry-run
- *   node scripts/migrate-annual-contribution-to-cadence-unit.cjs --apply    # writes
- */
-require('dotenv').config()
-const mongoose = require('mongoose')
-
-async function run() {
-  const apply = process.argv.includes('--apply')
-  if (!process.env.MONGODB_URI) {
-    console.error('MONGODB_URI not set in environment')
-    process.exit(1)
-  }
-
-  await mongoose.connect(process.env.MONGODB_URI)
-  const db = mongoose.connection.db
-  const col = db.collection('members')
-
-  // Find annual members that haven't been converted yet.
-  const filter = {
-    billingCadence: 'annual',
-    contributionAmountConverted: { $ne: true },
-  }
-  const legacyCount = await col.countDocuments(filter)
-  console.log(`Found ${legacyCount} annual members not yet converted`)
-
-  if (legacyCount === 0) {
-    console.log('Nothing to migrate.')
-    await mongoose.disconnect()
-    return
-  }
-
-  const cursor = col.find(filter)
-  let updated = 0
-  let skipped = 0
-
-  while (await cursor.hasNext()) {
-    const doc = await cursor.next()
-    const current = doc.contributionAmount
-
-    if (current === null || current === undefined) {
-      console.warn(`  SKIP ${doc._id}: contributionAmount is ${current}`)
-      skipped++
-      continue
-    }
-
-    if (!Number.isInteger(current) || current < 0) {
-      console.warn(
-        `  SKIP ${doc._id}: contributionAmount=${JSON.stringify(current)} is not a non-negative integer`,
-      )
-      skipped++
-      continue
-    }
-
-    const next = current * 12
-
-    if (current === 0) {
-      console.log(`  ${doc._id}: contributionAmount=0, no change (still 0 after ×12)`)
-    } else {
-      console.log(
-        `  ${apply ? 'Update' : 'Would update'} ${doc._id}: contributionAmount ${current} → ${next}`,
-      )
-    }
-
-    if (apply) {
-      await col.updateOne(
-        { _id: doc._id },
-        {
-          $set: {
-            contributionAmount: next,
-            contributionAmountConverted: true,
-          },
-        },
-      )
-    }
-    updated++
-  }
-
-  console.log(
-    `\n${apply ? 'Updated' : 'Would update'} ${updated} documents, skipped ${skipped}`,
-  )
-  if (!apply) console.log('Dry-run complete. Re-run with --apply to write changes.')
-  await mongoose.disconnect()
-}
-
-run().catch(async (err) => {
-  console.error(err)
-  try {
-    await mongoose.disconnect()
-  } catch {}
-  process.exit(1)
-})
diff --git a/server/api/admin/dashboard.get.js b/server/api/admin/dashboard.get.js
index 4d62c85..41fe694 100644
--- a/server/api/admin/dashboard.get.js
+++ b/server/api/admin/dashboard.get.js
@@ -16,14 +16,10 @@ export default defineEventHandler(async (event) => {
       endDate: { $gte: now }
     })
 
-    // Calculate monthly revenue from member contributions.
-    // contributionAmount is stored in cadence units (monthly = $/mo, annual = $/yr),
-    // so normalize annual amounts to monthly equivalents before summing.
-    const members = await Member.find({}, 'contributionAmount billingCadence').lean()
+    // Calculate monthly revenue from member contributions
+    const members = await Member.find({}, 'contributionAmount').lean()
     const monthlyRevenue = members.reduce((total, member) => {
-      const amt = member.contributionAmount || 0
-      const monthlyEquivalent = member.billingCadence === 'annual' ? amt / 12 : amt
-      return total + monthlyEquivalent
+      return total + (member.contributionAmount || 0)
     }, 0)
 
     const pendingSlackInvites = await Member.countDocuments({ slackInvited: false })
@@ -46,7 +42,7 @@ export default defineEventHandler(async (event) => {
       stats: {
         totalMembers,
         activeEvents,
-        monthlyRevenue: Math.round(monthlyRevenue),
+        monthlyRevenue,
         pendingSlackInvites
       },
       recentMembers,
diff --git a/server/api/admin/tag-suggestions/[id].patch.js b/server/api/admin/tag-suggestions/[id].patch.js
deleted file mode 100644
index 4ce0570..0000000
--- a/server/api/admin/tag-suggestions/[id].patch.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import TagSuggestion from '../../../models/tagSuggestion.js'
-import Tag from '../../../models/tag.js'
-import { connectDB } from '../../../utils/mongoose.js'
-import { requireAdmin } from '../../../utils/auth.js'
-import { validateBody } from '../../../utils/validateBody.js'
-import { tagSuggestionReviewSchema } from '../../../utils/schemas.js'
-
-const slugify = (s) =>
-  s
-    .toLowerCase()
-    .trim()
-    .replace(/\s+/g, '-')
-    .replace(/[^a-z0-9-]/g, '')
-    .replace(/-+/g, '-')
-    .replace(/^-|-$/g, '')
-
-export default defineEventHandler(async (event) => {
-  await requireAdmin(event)
-  await connectDB()
-
-  const id = getRouterParam(event, 'id')
-  const { action } = await validateBody(event, tagSuggestionReviewSchema)
-
-  const suggestion = await TagSuggestion.findById(id).lean()
-  if (!suggestion) {
-    throw createError({ statusCode: 404, statusMessage: 'Tag suggestion not found' })
-  }
-  if (suggestion.status !== 'pending') {
-    throw createError({ statusCode: 409, statusMessage: 'Tag suggestion already reviewed' })
-  }
-
-  if (action === 'approve') {
-    const slug = slugify(suggestion.label)
-    if (slug && !(await Tag.findOne({ slug }))) {
-      await Tag.create({ slug, label: suggestion.label, pool: suggestion.pool, active: true })
-    }
-  }
-
-  const status = action === 'approve' ? 'approved' : 'rejected'
-  await TagSuggestion.findByIdAndUpdate(id, { status }, { runValidators: false })
-
-  return { suggestion: { id, status } }
-})
diff --git a/server/api/admin/tag-suggestions/index.get.js b/server/api/admin/tag-suggestions/index.get.js
deleted file mode 100644
index 1ba049a..0000000
--- a/server/api/admin/tag-suggestions/index.get.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import TagSuggestion from '../../../models/tagSuggestion.js'
-import { connectDB } from '../../../utils/mongoose.js'
-import { requireAdmin } from '../../../utils/auth.js'
-
-export default defineEventHandler(async (event) => {
-  await requireAdmin(event)
-  await connectDB()
-
-  const suggestions = await TagSuggestion.find({ status: 'pending' })
-    .sort({ createdAt: 1 })
-    .populate('suggestedBy', 'name')
-    .lean()
-
-  return {
-    suggestions: suggestions.map((s) => ({
-      id: String(s._id),
-      label: s.label,
-      pool: s.pool,
-      suggestedBy: s.suggestedBy?.name || 'Unknown',
-      createdAt: s.createdAt
-    }))
-  }
-})
diff --git a/server/api/helcim/subscription.post.js b/server/api/helcim/subscription.post.js
index b669b23..d02846f 100644
--- a/server/api/helcim/subscription.post.js
+++ b/server/api/helcim/subscription.post.js
@@ -36,7 +36,7 @@ export default defineEventHandler(async (event) => {
       const isFirstActivation = preMember?.status === 'pending_payment'
       const member = await Member.findById(preMember._id)
 
-      logActivity(member._id, 'subscription_created', { amount: body.contributionAmount, cadence: body.cadence })
+      logActivity(member._id, 'subscription_created', { amount: body.contributionAmount })
 
       await autoFlagPreExistingSlackAccess(member)
       try {
@@ -47,7 +47,6 @@ export default defineEventHandler(async (event) => {
             member.email,
             member.circle,
             member.contributionAmount,
-            member.billingCadence,
             'manual_invitation_required'
           )
         }
@@ -80,7 +79,9 @@ export default defineEventHandler(async (event) => {
 
     const cadence = body.cadence
     const paymentPlanId = getHelcimPlanId(cadence)
-    const recurringAmount = body.contributionAmount
+    const recurringAmount = cadence === 'annual'
+      ? body.contributionAmount * 12
+      : body.contributionAmount
 
     if (!paymentPlanId) {
       throw createError({
@@ -134,7 +135,7 @@ export default defineEventHandler(async (event) => {
     const isFirstActivation = preMember?.status === 'pending_payment'
     const member = await Member.findById(preMember._id)
 
-    logActivity(member._id, 'subscription_created', { amount: body.contributionAmount, cadence: body.cadence })
+    logActivity(member._id, 'subscription_created', { amount: body.contributionAmount })
 
     try {
       const txs = await listHelcimCustomerTransactions(body.customerCode)
@@ -158,7 +159,6 @@ export default defineEventHandler(async (event) => {
           member.email,
           member.circle,
           member.contributionAmount,
-          member.billingCadence,
           'manual_invitation_required'
         )
       }
diff --git a/server/api/helcim/verify-payment.post.js b/server/api/helcim/verify-payment.post.js
index 8359565..e00d28d 100644
--- a/server/api/helcim/verify-payment.post.js
+++ b/server/api/helcim/verify-payment.post.js
@@ -1,17 +1,12 @@
 // Verify payment token from HelcimPay.js
-import { requireAuth, getSignupBridgeMember } from '../../utils/auth.js'
+import { requireAuth } from '../../utils/auth.js'
 import { validateBody } from '../../utils/validateBody.js'
 import { paymentVerifySchema } from '../../utils/schemas.js'
 import { listHelcimCustomerCards } from '../../utils/helcim.js'
 
 export default defineEventHandler(async (event) => {
   try {
-    // Membership signup verifies the card before email verify; allow the
-    // signup-bridge cookie set by /api/helcim/customer to satisfy auth here.
-    const bridgeMember = await getSignupBridgeMember(event)
-    if (!bridgeMember) {
-      await requireAuth(event)
-    }
+    await requireAuth(event)
     const body = await validateBody(event, paymentVerifySchema)
 
     // Verify the card token by fetching the customer's cards from Helcim
diff --git a/server/api/members/create.post.js b/server/api/members/create.post.js
index ee85350..9b78831 100644
--- a/server/api/members/create.post.js
+++ b/server/api/members/create.post.js
@@ -43,7 +43,6 @@ export default defineEventHandler(async (event) => {
           member.email,
           member.circle,
           member.contributionAmount,
-          member.billingCadence,
           'manual_invitation_required'
         )
       }
diff --git a/server/api/members/update-contribution.post.js b/server/api/members/update-contribution.post.js
index 79f4542..3e2c071 100644
--- a/server/api/members/update-contribution.post.js
+++ b/server/api/members/update-contribution.post.js
@@ -35,7 +35,7 @@ export default defineEventHandler(async (event) => {
 
     // Log contribution change (fire-and-forget, at the top so it logs regardless of which case path executes)
     const logContributionChange = () => {
-      logActivity(member._id, 'contribution_changed', { from: oldAmount, to: newAmount, cadence: body.cadence })
+      logActivity(member._id, 'contribution_changed', { from: oldAmount, to: newAmount })
     }
 
     const oldRequiresPayment = requiresPayment(oldAmount);
@@ -88,7 +88,7 @@ export default defineEventHandler(async (event) => {
             dateActivated: new Date().toISOString().split("T")[0],
             paymentPlanId: parseInt(paymentPlanId),
             customerCode,
-            recurringAmount: newAmount,
+            recurringAmount: cadence === 'annual' ? newAmount * 12 : newAmount,
             paymentMethod: "card",
           },
           idempotencyKey,
@@ -217,7 +217,7 @@ export default defineEventHandler(async (event) => {
       try {
         const subscriptionData = await updateHelcimSubscription(
           member.helcimSubscriptionId,
-          { recurringAmount: newAmount }
+          { recurringAmount: memberCadence === 'annual' ? newAmount * 12 : newAmount }
         );
 
         await Member.findByIdAndUpdate(
diff --git a/server/models/activityLog.js b/server/models/activityLog.js
index 914a94b..47a66c6 100644
--- a/server/models/activityLog.js
+++ b/server/models/activityLog.js
@@ -18,7 +18,6 @@ const ACTIVITY_TYPES = [
   'email_sent',
   'community_connections_updated',
   'board_updated',
-  'board_post_created',
   'connection_requested',
   'connection_confirmed',
   'tag_suggested',
diff --git a/server/utils/schemas.js b/server/utils/schemas.js
index 8504534..322bbd4 100644
--- a/server/utils/schemas.js
+++ b/server/utils/schemas.js
@@ -61,7 +61,7 @@ export const helcimCreatePlanSchema = z.object({
 export const helcimCustomerSchema = z.object({
   name: z.string().min(1).max(200),
   email: z.string().trim().toLowerCase().email(),
-  circle: z.enum(['community', 'founder', 'practitioner']).optional().default('community'),
+  circle: z.enum(['community', 'founder', 'practitioner']).optional(),
   contributionAmount: z.number().int().min(0).optional(),
   agreedToGuidelines: z.literal(true)
 })
@@ -388,10 +388,6 @@ export const adminTagCreateSchema = z.object({
   pool: z.enum(['craft', 'cooperative'])
 })
 
-export const tagSuggestionReviewSchema = z.object({
-  action: z.enum(['approve', 'reject'])
-})
-
 // --- Board post / channel schemas ---
 
 export const boardPostCreateSchema = z.object({
diff --git a/server/utils/slack.ts b/server/utils/slack.ts
index 0211837..2216e21 100644
--- a/server/utils/slack.ts
+++ b/server/utils/slack.ts
@@ -90,7 +90,6 @@ export class SlackService {
     memberEmail: string,
     circle: string,
     contributionAmount: number,
-    cadence: string = 'monthly',
     invitationStatus: string = "manual_invitation_required",
   ): Promise<void> {
     try {
@@ -149,7 +148,7 @@ export class SlackService {
               },
               {
                 type: "mrkdwn",
-                text: `*Contribution:*\n$${contributionAmount}/${cadence === 'annual' ? 'yr' : 'mo'}`,
+                text: `*Contribution:*\n$${contributionAmount}/month`,
               },
             ],
           },
diff --git a/tests/server/api/helcim-payment.test.js b/tests/server/api/helcim-payment.test.js
index 5ae55ae..d5df7f6 100644
--- a/tests/server/api/helcim-payment.test.js
+++ b/tests/server/api/helcim-payment.test.js
@@ -1,6 +1,6 @@
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
 
-import { requireAuth, getOptionalMember, getSignupBridgeMember } from '../../../server/utils/auth.js'
+import { requireAuth, getOptionalMember } from '../../../server/utils/auth.js'
 import { validateBody as importedValidateBody } from '../../../server/utils/validateBody.js'
 import { loadPublicEvent } from '../../../server/utils/loadEvent.js'
 import { loadPublicSeries } from '../../../server/utils/loadSeries.js'
@@ -12,8 +12,7 @@ import { createMockEvent } from '../helpers/createMockEvent.js'
 
 vi.mock('../../../server/utils/auth.js', () => ({
   requireAuth: vi.fn(),
-  getOptionalMember: vi.fn(),
-  getSignupBridgeMember: vi.fn()
+  getOptionalMember: vi.fn()
 }))
 vi.mock('../../../server/utils/validateBody.js', () => ({ validateBody: vi.fn() }))
 vi.mock('../../../server/utils/schemas.js', () => ({ paymentVerifySchema: {} }))
@@ -368,27 +367,4 @@ describe('verify-payment endpoint', () => {
       statusMessage: 'Payment method not found or does not belong to this customer'
     })
   })
-
-  it('accepts the signup-bridge cookie without requiring auth', async () => {
-    const body = { customerId: 'cust-1', cardToken: 'tok-match' }
-    getSignupBridgeMember.mockResolvedValue({ _id: 'm1' })
-    importedValidateBody.mockResolvedValue(body)
-
-    mockFetch.mockResolvedValue({
-      ok: true,
-      text: async () => JSON.stringify([{ cardToken: 'tok-match' }])
-    })
-
-    const event = createMockEvent({
-      method: 'POST',
-      path: '/api/helcim/verify-payment',
-      body
-    })
-
-    const result = await verifyPaymentHandler(event)
-
-    expect(result.success).toBe(true)
-    expect(getSignupBridgeMember).toHaveBeenCalledWith(event)
-    expect(requireAuth).not.toHaveBeenCalled()
-  })
 })
diff --git a/tests/server/api/helcim-subscription.test.js b/tests/server/api/helcim-subscription.test.js
index f755297..6845cd4 100644
--- a/tests/server/api/helcim-subscription.test.js
+++ b/tests/server/api/helcim-subscription.test.js
@@ -201,7 +201,7 @@ describe('helcim subscription endpoint', () => {
     expect(result.subscription.nextBillingDate).toBe('2026-06-01')
   })
 
-  it('annual $180 tier creates subscription with correct paymentPlanId and recurringAmount', async () => {
+  it('annual $15 tier creates subscription with correct paymentPlanId and recurringAmount', async () => {
     requireAuth.mockResolvedValue(undefined)
     requiresPayment.mockReturnValue(true)
     getHelcimPlanId.mockReturnValue('88888')
@@ -211,7 +211,7 @@ describe('helcim subscription endpoint', () => {
       email: 'annual@example.com',
       name: 'Annual User',
       circle: 'founder',
-      contributionAmount: 180,
+      contributionAmount: 15,
       status: 'active',
     }
     Member.findOneAndUpdate.mockResolvedValue({ _id: 'member-3', status: 'pending_payment' })
@@ -223,7 +223,7 @@ describe('helcim subscription endpoint', () => {
     const event = createMockEvent({
       method: 'POST',
       path: '/api/helcim/subscription',
-      body: { customerId: 'cust-1', contributionAmount: 180, customerCode: 'code-1', cardToken: 'tok-123', cadence: 'annual' }
+      body: { customerId: 'cust-1', contributionAmount: 15, customerCode: 'code-1', cardToken: 'tok-123', cadence: 'annual' }
     })
 
     const result = await subscriptionHandler(event)
@@ -235,13 +235,13 @@ describe('helcim subscription endpoint', () => {
     )
     expect(Member.findOneAndUpdate).toHaveBeenCalledWith(
       { helcimCustomerId: 'cust-1' },
-      { $set: expect.objectContaining({ billingCadence: 'annual', contributionAmount: 180, status: 'active' }) },
+      { $set: expect.objectContaining({ billingCadence: 'annual', contributionAmount: 15, status: 'active' }) },
       { new: false, runValidators: false, projection: { status: 1 } }
     )
     expect(Member.findById).toHaveBeenCalledWith('member-3')
   })
 
-  it('annual $600 tier recurringAmount is 600', async () => {
+  it('annual $50 tier recurringAmount is 600', async () => {
     requireAuth.mockResolvedValue(undefined)
     requiresPayment.mockReturnValue(true)
     getHelcimPlanId.mockReturnValue('88888')
@@ -251,7 +251,7 @@ describe('helcim subscription endpoint', () => {
       email: 'top@example.com',
       name: 'Top Tier',
       circle: 'practitioner',
-      contributionAmount: 600,
+      contributionAmount: 50,
       status: 'active',
     }
     Member.findOneAndUpdate.mockResolvedValue({ _id: 'member-4', status: 'pending_payment' })
@@ -263,7 +263,7 @@ describe('helcim subscription endpoint', () => {
     const event = createMockEvent({
       method: 'POST',
       path: '/api/helcim/subscription',
-      body: { customerId: 'cust-2', contributionAmount: 600, customerCode: 'code-2', cardToken: 'tok-456', cadence: 'annual' }
+      body: { customerId: 'cust-2', contributionAmount: 50, customerCode: 'code-2', cardToken: 'tok-456', cadence: 'annual' }
     })
 
     await subscriptionHandler(event)
diff --git a/tests/server/api/update-contribution.test.js b/tests/server/api/update-contribution.test.js
index c71e039..0519c44 100644
--- a/tests/server/api/update-contribution.test.js
+++ b/tests/server/api/update-contribution.test.js
@@ -83,10 +83,10 @@ describe('update-contribution endpoint — Case 3 (paid→paid)', () => {
     expect(result.message).toBe('Successfully updated contribution level')
   })
 
-  it('annual $60 → $180: calls updateHelcimSubscription with recurringAmount 180', async () => {
+  it('annual $5 → $15: calls updateHelcimSubscription with recurringAmount 180', async () => {
     const mockMember = {
       _id: 'member-2',
-      contributionAmount: 60,
+      contributionAmount: 5,
       helcimSubscriptionId: 'sub-2',
       billingCadence: 'annual',
     }
@@ -97,7 +97,7 @@ describe('update-contribution endpoint — Case 3 (paid→paid)', () => {
     const event = createMockEvent({
       method: 'POST',
       path: '/api/members/update-contribution',
-      body: { contributionAmount: 180, cadence: 'annual' },
+      body: { contributionAmount: 15, cadence: 'annual' },
     })
 
     const result = await handler(event)
@@ -105,16 +105,16 @@ describe('update-contribution endpoint — Case 3 (paid→paid)', () => {
     expect(updateHelcimSubscription).toHaveBeenCalledWith('sub-2', { recurringAmount: 180 })
     expect(Member.findByIdAndUpdate).toHaveBeenCalledWith(
       'member-2',
-      { $set: { contributionAmount: 180 } },
+      { $set: { contributionAmount: 15 } },
       { runValidators: false }
     )
     expect(result.success).toBe(true)
   })
 
-  it('annual $180 → $600: calls updateHelcimSubscription with recurringAmount 600', async () => {
+  it('annual $15 → $50: calls updateHelcimSubscription with recurringAmount 600', async () => {
     const mockMember = {
       _id: 'member-3',
-      contributionAmount: 180,
+      contributionAmount: 15,
       helcimSubscriptionId: 'sub-3',
       billingCadence: 'annual',
     }
@@ -125,7 +125,7 @@ describe('update-contribution endpoint — Case 3 (paid→paid)', () => {
     const event = createMockEvent({
       method: 'POST',
       path: '/api/members/update-contribution',
-      body: { contributionAmount: 600, cadence: 'annual' },
+      body: { contributionAmount: 50, cadence: 'annual' },
     })
 
     await handler(event)
@@ -296,7 +296,7 @@ describe('update-contribution endpoint — Case 1 (free→paid)', () => {
     const event = createMockEvent({
       method: 'POST',
       path: '/api/members/update-contribution',
-      body: { contributionAmount: 180, cadence: 'annual' },
+      body: { contributionAmount: 15, cadence: 'annual' },
     })
 
     const result = await handler(event)
@@ -307,7 +307,7 @@ describe('update-contribution endpoint — Case 1 (free→paid)', () => {
     )
     expect(Member.findByIdAndUpdate).toHaveBeenCalledWith(
       'member-c1',
-      { $set: expect.objectContaining({ billingCadence: 'annual', contributionAmount: 180, helcimSubscriptionId: 'sub-annual' }) },
+      { $set: expect.objectContaining({ billingCadence: 'annual', contributionAmount: 15, helcimSubscriptionId: 'sub-annual' }) },
       { runValidators: false }
     )
     expect(result.success).toBe(true)