Add brand-colored accent dot to hero/newsletter headline endings

app/components/Newsletter.tsx

@@ -1,7 +1,8 @@
+import type { ReactNode } from "react";
 import { Reveal } from "./Reveal";
 
 type NewsletterProps = {
-  title?: string;
+  title?: ReactNode;
   description?: string;
 };
 
@@ -13,7 +14,7 @@ type NewsletterProps = {
  * instead of a second near-duplicate component.
  */
 export function Newsletter({
-  title = "Starte mit einer Woche voller Klarheit",
+  title = <>Starte mit einer Woche voller Klarheit<span className="text-brand">.</span></>,
   description = "Melde dich zum Newsletter an und erhalte die 7-Tage-Challenge, mit der du durch mehr Struktur weniger Stress spürst.",
 }: NewsletterProps = {}) {
   return (

app/components/NewsletterModal.tsx

@@ -178,7 +178,7 @@ export function NewsletterModal({ open, onClose }: { open: boolean; onClose: ()
               className="font-semibold text-h-feature text-text-primary leading-[1.15]"
               style={{ fontFamily: "var(--font-lora)" }}
             >
-              Starte mit einer Woche voller Klarheit
+              Starte mit einer Woche voller Klarheit<span className="text-brand">.</span>
             </p>
 
             <p className="text-body text-text-primary">