feat(site): pro hero with animated ring and floating stat chips

- hero-ring: continuously shifting gradient hairline around the hero
  frame (mask-drawn, reduced-motion safe).
- glass-chip: frosted floating pills under the CTAs that bob on a
  staggered loop, live online counter keeps ticking for the Online chip.
- Taller hero for more presence on desktop.

src/app/globals.css

@@ -2262,4 +2262,77 @@ html {
 	.brand-halo {
 		animation: none;
 	}
+	.hero-ring,
+	.glass-chip {
+		animation: none;
+	}
+}
+
+/* ── Hero pro touches ──────────────────────────────────────────────── */
+/* Continuously shifting gradient hairline drawn on the hero border. */
+.hero-ring {
+	position: absolute;
+	inset: 0;
+	border-radius: inherit;
+	padding: 1px;
+	background: linear-gradient(
+		120deg,
+		color-mix(in srgb, var(--color-primary) 70%, transparent) 0%,
+		color-mix(in srgb, var(--color-accent) 60%, transparent) 35%,
+		var(--color-surface) 50%,
+		color-mix(in srgb, var(--color-accent) 60%, transparent) 65%,
+		color-mix(in srgb, var(--color-primary) 70%, transparent) 100%
+	);
+	background-size: 260% 260%;
+	animation: gradient-shift 14s ease-in-out infinite;
+	-webkit-mask:
+		linear-gradient(#fff 0 0) content-box,
+		linear-gradient(#fff 0 0);
+	-webkit-mask-composite: xor;
+	mask:
+		linear-gradient(#fff 0 0) content-box,
+		linear-gradient(#fff 0 0);
+	mask-composite: exclude;
+	pointer-events: none;
+}
+
+/* Frosted floating stat chips that bob gently on the hero. */
+.glass-chip {
+	display: inline-flex;
+	align-items: center;
+	gap: 0.45rem;
+	padding: 0.45rem 0.85rem;
+	border-radius: 999px;
+	background: color-mix(in srgb, var(--color-surface) 38%, transparent);
+	border: 1px solid color-mix(in srgb, var(--color-text-muted) 14%, transparent);
+	box-shadow:
+		0 10px 26px -10px color-mix(in srgb, #000 30%, transparent),
+		inset 0 1px 0 0 color-mix(in srgb, #fff 12%, transparent);
+	backdrop-filter: blur(8px);
+	-webkit-backdrop-filter: blur(8px);
+	animation: float 5s ease-in-out infinite;
+}
+.glass-chip:nth-child(2) {
+	animation-delay: -1.7s;
+}
+.glass-chip:nth-child(3) {
+	animation-delay: -3.4s;
+}
+.glass-chip-dot {
+	width: 0.45rem;
+	height: 0.45rem;
+	border-radius: 999px;
+	flex-shrink: 0;
+}
+.glass-chip-value {
+	font-weight: 900;
+	font-variant-numeric: tabular-nums;
+	line-height: 1;
+}
+.glass-chip-label {
+	font-size: 9px;
+	font-weight: 700;
+	text-transform: uppercase;
+	letter-spacing: 0.12em;
+	color: var(--color-text-muted);
 }