feat(branding): implement hand-drawn Copic marker, strikethrough, and pen circle effects; redesign guarantee section with animated signature

apps/web/app/page.tsx

@@ -25,6 +25,7 @@ import { IconList, IconListItem } from "../src/components/IconList";
 import { HeroSection } from "../src/components/HeroSection";
 import { GlitchText } from "../src/components/GlitchText";
 import { Marker } from "../src/components/Marker";
+import { PenCircle } from "../src/components/PenCircle";
 
 export default function LandingPage() {
   return (
@@ -45,12 +46,7 @@ export default function LandingPage() {
           <Reveal>
             <H3 className="max-w-3xl">
               Kein Agentur-Zirkus. <br />
-              <span className="text-slate-400">
-                Nur{" "}
-                <Marker delay={0.3} color="rgba(148,163,184,0.15)">
-                  Ergebnisse.
-                </Marker>
-              </span>
+              <Marker delay={0.3}>Ergebnisse.</Marker>
             </H3>
           </Reveal>
 
@@ -104,12 +100,7 @@ export default function LandingPage() {
           <Reveal>
             <H3 className="max-w-3xl">
               Ich arbeite für das Ergebnis, <br />
-              <span className="text-slate-400">
-                nicht gegen die{" "}
-                <Marker delay={0.4} color="rgba(148,163,184,0.1)">
-                  Uhr.
-                </Marker>
-              </span>
+              nicht gegen die <Marker delay={0.4}>Uhr.</Marker>
             </H3>
           </Reveal>
 
@@ -118,14 +109,24 @@ export default function LandingPage() {
               negativeLabel="Klassisch"
               negativeText="Wochen in Planung, bevor eine einzige Zeile Code geschrieben wird."
               positiveLabel="Mein Weg"
-              positiveText="Schnelle Prototypen. Ergebnisse in Tagen, nicht Monaten."
+              positiveText={
+                <>
+                  Schnelle Prototypen. Ergebnisse in{" "}
+                  <PenCircle delay={0.5}>Tagen</PenCircle>, nicht Monaten.
+                </>
+              }
               delay={0.1}
             />
             <ComparisonRow
               negativeLabel="Klassisch"
               negativeText="Unvorhersehbare Kosten durch Stundenabrechnungen."
               positiveLabel="Mein Weg"
-              positiveText="Fixpreise. Sie wissen von Anfang an, was es kostet."
+              positiveText={
+                <>
+                  <PenCircle delay={0.5}>Fixpreise.</PenCircle> Sie wissen von
+                  Anfang an, was es kostet.
+                </>
+              }
               reverse
               delay={0.2}
             />
@@ -290,7 +291,7 @@ export default function LandingPage() {
                   <LeadText className="text-lg md:text-3xl text-slate-400">
                     Beschreiben Sie kurz Ihr Vorhaben. Ich melde mich{" "}
                     <span className="text-slate-900 border-b-2 border-slate-900/10">
-                      <Marker color="rgba(255,235,59,0.5)">zeitnah</Marker>
+                      <Marker>zeitnah</Marker>
                     </span>{" "}
                     bei Ihnen.
                   </LeadText>