From c1611fa615842bfb201d08f28bb2177e133dea24 Mon Sep 17 00:00:00 2001
From: Ewan Croft <contact@ewancroft.uk>
Date: Thu, 13 Aug 2026 04:56:31 +0100
Subject: [PATCH] feat(croft-click): polish hero glow, card shadows, and copy

Add radial glow behind hero, refine project-card hover shadows,
update stats-card depth, and refresh llms.txt to reference production
fm.teal.feed.play records.
---
 .../croft-click/src/lib/components/Hero.svelte     | 14 ++++++++++++++
 .../src/lib/components/ProjectCard.svelte          | 13 ++++++++++---
 .../src/lib/components/StatsCard.svelte            |  4 +++-
 .../src/lib/components/ToolkitStatsCard.svelte     |  4 +++-
 packages/croft-click/static/llms.txt               |  2 +-
 5 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/packages/croft-click/src/lib/components/Hero.svelte b/packages/croft-click/src/lib/components/Hero.svelte
index 99b9a26..c67724d 100644
--- a/packages/croft-click/src/lib/components/Hero.svelte
+++ b/packages/croft-click/src/lib/components/Hero.svelte
@@ -6,10 +6,24 @@
 
 <style>
 	.hero {
+		position: relative;
 		text-align: center;
 		margin-bottom: 3rem;
 	}
 
+	.hero::before {
+		content: '';
+		position: absolute;
+		top: -4rem;
+		left: 50%;
+		width: min(760px, 140%);
+		height: 380px;
+		transform: translateX(-50%);
+		background: radial-gradient(ellipse 50% 50% at 50% 0%, var(--accent-glow), transparent 70%);
+		pointer-events: none;
+		z-index: -1;
+	}
+
 	.eyebrow {
 		font-family: 'JetBrains Mono', monospace;
 		font-size: 0.85rem;
diff --git a/packages/croft-click/src/lib/components/ProjectCard.svelte b/packages/croft-click/src/lib/components/ProjectCard.svelte
index f88b41e..e07df48 100644
--- a/packages/croft-click/src/lib/components/ProjectCard.svelte
+++ b/packages/croft-click/src/lib/components/ProjectCard.svelte
@@ -23,14 +23,21 @@
 		border: 1px solid var(--border);
 		border-radius: 12px;
 		overflow: hidden;
+		box-shadow:
+			0 1px 0 0 rgba(255, 255, 255, 0.03) inset,
+			0 16px 32px -24px rgba(0, 0, 0, 0.5);
 		transition:
-			border-color 0.2s,
-			transform 0.15s;
+			border-color 0.2s ease,
+			transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),
+			box-shadow 0.2s ease;
 	}
 
 	.project-card:hover {
-		transform: translateY(-2px);
+		transform: translateY(-3px);
 		border-color: var(--accent);
+		box-shadow:
+			0 1px 0 0 rgba(255, 255, 255, 0.03) inset,
+			0 20px 36px -16px color-mix(in srgb, var(--accent) 22%, transparent);
 	}
 
 	/* ── preview (logo + name, links to project) ──────────────────────────── */
diff --git a/packages/croft-click/src/lib/components/StatsCard.svelte b/packages/croft-click/src/lib/components/StatsCard.svelte
index 4989098..05c06a7 100644
--- a/packages/croft-click/src/lib/components/StatsCard.svelte
+++ b/packages/croft-click/src/lib/components/StatsCard.svelte
@@ -181,7 +181,9 @@
 		border-radius: 12px;
 		padding: 1.25rem 1.5rem;
 		margin: 0 auto 3rem;
-		box-shadow: 0 4px 24px -2px rgba(0, 0, 0, 0.5);
+		box-shadow:
+			0 1px 0 0 rgba(255, 255, 255, 0.03) inset,
+			0 20px 40px -20px rgba(0, 0, 0, 0.55);
 	}
 
 	.card-header {
diff --git a/packages/croft-click/src/lib/components/ToolkitStatsCard.svelte b/packages/croft-click/src/lib/components/ToolkitStatsCard.svelte
index dd2de00..2862b56 100644
--- a/packages/croft-click/src/lib/components/ToolkitStatsCard.svelte
+++ b/packages/croft-click/src/lib/components/ToolkitStatsCard.svelte
@@ -127,7 +127,9 @@
 		border-radius: 12px;
 		padding: 1.25rem 1.5rem;
 		margin: 0 auto 3rem;
-		box-shadow: 0 4px 24px -2px rgba(0, 0, 0, 0.5);
+		box-shadow:
+			0 1px 0 0 rgba(255, 255, 255, 0.03) inset,
+			0 20px 40px -20px rgba(0, 0, 0, 0.55);
 	}
 
 	.card-header {
diff --git a/packages/croft-click/static/llms.txt b/packages/croft-click/static/llms.txt
index a38710e..8af51b0 100644
--- a/packages/croft-click/static/llms.txt
+++ b/packages/croft-click/static/llms.txt
@@ -8,7 +8,7 @@ croft.click is the central hub for a collection of browser-based tools that help
 
 - Hasharium (hasharium.croft.click): Generate stable geometric specimens from decentralised identifiers and curate a local study tray.
 - Jasper (jasper.croft.click): Import Instagram photos, stories, and videos to Grain or Spark on ATProto. Original timestamps preserved, duplicates skipped.
-- Malachite (malachite.croft.click): Import Last.fm and Spotify listening history to Teal (fm.teal.alpha lexicon). Smart deduplication and sync support.
+- Malachite (malachite.croft.click): Import Last.fm and Spotify listening history to Teal (fm.teal.feed.play records). Smart deduplication and sync support.
 - Bismuth (bismuth.croft.click): Convert ATProto richtext-block documents from Standard.site publications (Leaflet, Pckt, Offprint) to Markdown.
 - Opal (opal.croft.click): Convert microblog posts from Twitter, Mastodon, Threads, and Nostr to Bluesky. Original timestamps preserved.
 - Tourmaline (tourmaline.croft.click): Analyse Teal.fm scrobble history. Personality archetypes, genre profiles, mood mapping, and share-to-Bluesky.
-- 
2.51.2