launching

backend/app/services/plans.py

@@ -15,7 +15,7 @@ class Plan:
     id: str
     name: str
     tagline: str
-    price_monthly_usd: int
+    price_monthly_usd: float
     sources: int
     indexed_posts: int
     audio_minutes: int
@@ -51,7 +51,7 @@ PLANS: dict[str, Plan] = {
         id="writer",
         name="Writer",
         tagline="For writers publishing every week",
-        price_monthly_usd=25,
+        price_monthly_usd=24.99,
         sources=3,
         indexed_posts=500,
         audio_minutes=60,
@@ -72,7 +72,7 @@ PLANS: dict[str, Plan] = {
         id="studio",
         name="Studio",
         tagline="For publications and power users",
-        price_monthly_usd=49,
+        price_monthly_usd=48.99,
         sources=10,
         indexed_posts=5000,
         audio_minutes=240,
@@ -92,17 +92,30 @@ PLANS: dict[str, Plan] = {
 }
 
 
+def to_99(amount: float) -> float:
+    """Nearest price ending in .99 (18.74 -> 18.99, 36.74 -> 36.99)."""
+    return 0.0 if amount <= 0 else round(max(0.99, round(amount + 0.01) - 0.01), 2)
+
+
 def annual_prices(plan: Plan) -> tuple[float, float]:
-    """(effective monthly price, total billed per year) on annual billing."""
-    per_month = round(plan.price_monthly_usd * (1 - ANNUAL_DISCOUNT), 2)
+    """(effective monthly price, total billed per year) on annual billing, shown as .99 prices."""
+    per_month = to_99(plan.price_monthly_usd * (1 - ANNUAL_DISCOUNT))
     return per_month, round(per_month * 12, 2)
 
 
+def annual_savings_pct(plan: Plan) -> int:
+    if not plan.price_monthly_usd:
+        return 0
+    per_month, _ = annual_prices(plan)
+    return round((1 - per_month / plan.price_monthly_usd) * 100)
+
+
 def plan_dict(plan: Plan) -> dict:
     data = asdict(plan)
     data["features"] = list(plan.features)
     data["price_annual_monthly_usd"], data["price_annual_usd"] = annual_prices(plan)
     data["annual_discount"] = ANNUAL_DISCOUNT
+    data["annual_savings_pct"] = annual_savings_pct(plan)
     return data
 
 

docs/DESIGN.md

@@ -205,7 +205,7 @@ signatures so the schema contract is fixed early.
 
 | | Free | Writer | Studio |
 | --- | --- | --- | --- |
-| Price (when billing turns on) | $0 | $25/mo ($18.75/mo billed annually) | $49/mo ($36.75/mo billed annually) |
+| Price (when billing turns on) | $0 | $24.99/mo ($18.99/mo billed annually) | $48.99/mo ($36.99/mo billed annually) |
 | Sources | 1 | 3 | 10 |
 | Indexed posts | 5 | 500 | 5,000 |
 | Audio overview minutes / mo | 3 | 60 | 240 |

frontend/src/components/PricingTiers.tsx

@@ -10,6 +10,7 @@ type Plan = {
   price_monthly_usd: number;
   price_annual_monthly_usd?: number;
   price_annual_usd?: number;
+  annual_savings_pct?: number;
   features: string[];
 };
 
@@ -36,7 +37,7 @@ const FALLBACK: Plan[] = [
     id: "writer",
     name: "Writer",
     tagline: "For writers publishing every week",
-    price_monthly_usd: 25,
+    price_monthly_usd: 24.99,
     features: [
       "3 sources, 500 indexed posts",
       "60 min of audio overviews a month",
@@ -50,7 +51,7 @@ const FALLBACK: Plan[] = [
     id: "studio",
     name: "Studio",
     tagline: "For publications and power users",
-    price_monthly_usd: 49,
+    price_monthly_usd: 48.99,
     features: [
       "10 sources, 5,000 indexed posts",
       "240 min of audio overviews a month",
@@ -66,8 +67,18 @@ function money(n: number): string {
   return Number.isInteger(n) ? `$${n}` : `$${n.toFixed(2)}`;
 }
 
+/** Nearest .99 price, mirroring plans.to_99 on the backend. */
+function to99(amount: number): number {
+  return amount <= 0 ? 0 : Math.max(0.99, Math.round(amount + 0.01) - 0.01);
+}
+
 function annualMonthly(plan: Plan): number {
-  return plan.price_annual_monthly_usd ?? Math.round(plan.price_monthly_usd * (1 - ANNUAL_DISCOUNT) * 100) / 100;
+  return plan.price_annual_monthly_usd ?? to99(plan.price_monthly_usd * (1 - ANNUAL_DISCOUNT));
+}
+
+function savingsPct(plan: Plan): number {
+  if (!plan.price_monthly_usd) return 0;
+  return plan.annual_savings_pct ?? Math.round((1 - annualMonthly(plan) / plan.price_monthly_usd) * 100);
 }
 
 function annualTotal(plan: Plan): number {
@@ -78,6 +89,7 @@ export default function PricingTiers() {
   const [plans, setPlans] = useState<Plan[]>(FALLBACK);
   const [billingEnabled, setBillingEnabled] = useState(false);
   const [cycle, setCycle] = useState<Cycle>("monthly");
+  const bestSaving = Math.max(0, ...plans.map(savingsPct));
 
   useEffect(() => {
     api<{ billing_enabled: boolean; plans: Plan[] }>("/api/billing/plans")
@@ -104,7 +116,7 @@ export default function PricingTiers() {
             Monthly
           </button>
           <button type="button" role="radio" aria-checked={cycle === "annual"} className={cycle === "annual" ? "on" : ""} onClick={() => setCycle("annual")}>
-            Annual <span className="save mono">Save 25%</span>
+            Annual {bestSaving > 0 && <span className="save mono">Save {bestSaving}%</span>}
           </button>
         </div>
       </div>

frontend/src/lib/sound.ts

@@ -1,7 +1,6 @@
-/** Space-flavored UI sounds, synthesized with Web Audio (no assets to load):
- *  - tap: a soft sonar ping (sine with a shimmering detuned partner) that fades into a faint echo
- *  - primary: a short rising "launch" chirp with a breath of filtered noise, also echoing
- * Everything is very quiet. Viewers can turn sounds off in Settings (stored per browser). */
+/** Space-flavored UI sound, synthesized with Web Audio (no assets to load): one soft sonar ping
+ * (a sine with a shimmering detuned partner) that fades into a faint echo, used for every click.
+ * Very quiet. Viewers can turn sounds off in Settings (stored per browser). */
 
 const KEY = "ns_click_sounds";
 
@@ -61,28 +60,7 @@ function voice(ac: AudioContext, out: AudioNode, type: OscillatorType, from: num
   osc.stop(start + dur + 0.02);
 }
 
-function whoosh(ac: AudioContext, out: AudioNode, start: number, dur: number, peak: number): void {
-  const len = Math.floor(ac.sampleRate * dur);
-  const buffer = ac.createBuffer(1, len, ac.sampleRate);
-  const data = buffer.getChannelData(0);
-  for (let i = 0; i < len; i++) data[i] = Math.random() * 2 - 1;
-  const src = ac.createBufferSource();
-  src.buffer = buffer;
-  const band = ac.createBiquadFilter();
-  band.type = "bandpass";
-  band.Q.value = 6;
-  band.frequency.setValueAtTime(600, start);
-  band.frequency.exponentialRampToValueAtTime(3200, start + dur);
-  const gain = ac.createGain();
-  gain.gain.setValueAtTime(0.0001, start);
-  gain.gain.exponentialRampToValueAtTime(peak, start + dur * 0.3);
-  gain.gain.exponentialRampToValueAtTime(0.0001, start + dur);
-  src.connect(band).connect(gain).connect(out);
-  src.start(start);
-  src.stop(start + dur);
-}
-
-export function playClick(kind: "tap" | "primary" = "tap"): void {
+export function playClick(): void {
   if (!soundsEnabled()) return;
   try {
     const AC = window.AudioContext ?? (window as unknown as { webkitAudioContext?: typeof AudioContext }).webkitAudioContext;
@@ -91,17 +69,9 @@ export function playClick(kind: "tap" | "primary" = "tap"): void {
     if (ctx.state === "suspended") void ctx.resume();
     const now = ctx.currentTime + 0.005;
     const out = output(ctx);
-    if (kind === "primary") {
-      // Launch: two detuned voices sweep up an octave and a half, a thin noise trail rises with them.
-      voice(ctx, out, "sine", 330, 880, now, 0.28, 0.035);
-      voice(ctx, out, "triangle", 330, 880, now, 0.28, 0.012, 9);
-      voice(ctx, out, "sine", 1320, 1760, now + 0.09, 0.2, 0.01);
-      whoosh(ctx, out, now, 0.26, 0.012);
-    } else {
-      // Sonar ping: a clean tone with a slightly detuned shimmer, dropping a touch as it fades.
-      voice(ctx, out, "sine", 1046, 988, now, 0.22, 0.025);
-      voice(ctx, out, "sine", 1568, 1480, now, 0.16, 0.006, 7);
-    }
+    // Sonar ping: a clean tone with a slightly detuned shimmer, dropping a touch as it fades.
+    voice(ctx, out, "sine", 1046, 988, now, 0.22, 0.025);
+    voice(ctx, out, "sine", 1568, 1480, now, 0.16, 0.006, 7);
   } catch {
     /* audio is decoration only */
   }
@@ -115,7 +85,7 @@ export function installClickSounds(): void {
       if (e.button !== 0) return;
       const el = (e.target as Element | null)?.closest?.("button, a.btn, [role='tab'], .cal-item, .agenda-row");
       if (!el || (el as HTMLButtonElement).disabled || el.getAttribute("aria-disabled") === "true") return;
-      playClick(el.classList.contains("btn-primary") ? "primary" : "tap");
+      playClick();
     },
     { capture: true, passive: true },
   );

frontend/src/pages/TopicMap.tsx

@@ -204,7 +204,7 @@ export default function TopicMap() {
   };
 
   const open = async (id: string, center = false) => {
-    playClick("tap");
+    playClick();
     if (center) {
       const p = positions.get(id);
       if (p) focusOn(p.x, p.y);