feat(site): structured landing sections with eyebrow headings

Give the home page a clear, professional information hierarchy:
- Add eyebrow labels + headings for Features, Live stats and Community
  sections using reusable, theme-aware .eyebrow / .section-title styles.
- Loosen the vertical rhythm (gap-8/10) so each block breathes.
- New messages resolve via the existing English fallback for all locales.

src/app/globals.css

@@ -2055,3 +2055,31 @@ details[open] > summary .details-open\:rotate-180 {
 	background-clip: text;
 	color: transparent;
 }
+
+/* Section eyebrow label with a small accent tick. */
+.eyebrow {
+	display: inline-flex;
+	align-items: center;
+	gap: 0.5rem;
+	font-size: 11px;
+	font-weight: 800;
+	letter-spacing: 0.18em;
+	text-transform: uppercase;
+	color: var(--color-primary-readable, var(--color-primary));
+}
+.eyebrow::before {
+	content: "";
+	width: 1.25rem;
+	height: 2px;
+	border-radius: 999px;
+	background: currentColor;
+	opacity: 0.75;
+}
+
+/* Section heading on the public landing pages. */
+.section-title {
+	color: var(--color-text-readable);
+	font-family: var(--font-nunito);
+	font-weight: 900;
+	letter-spacing: -0.02em;
+}