Die Sieben: fix 3-finger hand icon, expand Worum-es-geht copy

- IconHand had 2 finger segments + a thumb curve (3 digits total,
  visibly wrong for an open-hand icon) — rebuilt as 4 finger capsules +
  thumb using simple rounded-rect shapes instead of hand-tuned path
  arcs, verified visually via a local render before applying.
- Worum-es-geht was too thin for a page opener — expanded with a
  concrete, specific opening (not a generic "in a busy world" framing)
  and more of what the monthly invitations actually look like in
  practice, still in first person.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018unaXmuzVA8ct1b6WoyP1U

app/die-sieben/components/Philosophie.tsx

@@ -11,12 +11,27 @@ export function Philosophie() {
           Worum es geht
         </p>
         <p className="text-body text-text-body">
-          Am Ende eines Monats weiß ich meistens ziemlich genau, was ich erledigt habe. Was ich
-          eigentlich erlebt habe, weiß ich oft nicht mehr. Daraus ist Die Sieben entstanden.
+          Am Ende eines Monats weiß ich meistens ziemlich genau, was ich erledigt habe. Rechnungen
+          raus, Elternabend überstanden, drei Umzugskartons endlich ausgepackt, die seit Ostern im
+          Flur standen. Was ich in dieser Zeit eigentlich erlebt habe, kann ich dagegen kaum noch
+          erzählen. Irgendwann saß ich abends auf dem Sofa und mir fiel nichts ein, worüber ich
+          mich in den letzten vier Wochen wirklich gefreut hatte. Nicht, weil nichts Schönes
+          passiert wäre. Sondern weil ich es im Vorbeigehen nicht bemerkt hatte.
         </p>
         <p className="text-body text-text-body">
-          Jeden Monat gibt es sieben kleine Einladungen – kein Programm, kein Plan, den man
-          abarbeitet. Man nimmt sich, was passt. Den Rest lässt man liegen.
+          Daraus ist Die Sieben entstanden. Jeden Monat gibt es sieben kleine Einladungen – nichts
+          Kompliziertes, kein Kurs, keine App, die man täglich öffnen muss. Mal ist es die Idee,
+          jemandem eine Sprachnachricht zu schicken statt einer Textnachricht. Mal geht es darum,
+          einmal in der Woche ohne Handy zu frühstücken, oder einen Ort in der eigenen Stadt zu
+          besuchen, an dem man noch nie war. Klein genug, dass man es wirklich macht. Konkret genug,
+          dass es nicht bei der guten Absicht steckenbleibt.
+        </p>
+        <p className="text-body text-text-body">
+          Man nimmt sich, was gerade passt. Eine Einladung, drei oder alle sieben – es gibt kein
+          Richtig und kein Falsch dabei, keine Haken, die gesetzt werden müssen. Was nicht passt,
+          lässt man liegen, ohne schlechtes Gewissen. Die Sieben will nicht, dass du produktiver
+          wirst. Sie will, dass du am Ende des Monats mehr zu erzählen hast als nur, was fertig
+          geworden ist.
         </p>
         <p
           className="font-semibold text-body text-text-primary border-l-2 border-brand pl-4"

app/die-sieben/components/SoFunktionierts.tsx

@@ -7,14 +7,13 @@ import { StepArrow } from "../../components/StepArrow";
 // photo since there's no product to shoot for a free monthly ritual.
 function IconHand() {
   return (
-    <svg width="52" height="48" viewBox="0 0 52 48" fill="none">
-      <path
-        d="M14 22V8a4 4 0 0 1 8 0v10M22 18V6a4 4 0 0 1 8 0v12M30 18V9a4 4 0 0 1 8 0v17c0 9.4-7.6 17-17 17h-3c-6 0-9-2-12.5-7L2 24a4 4 0 0 1 6-5l6 5"
-        stroke="#f6a701"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
+    <svg width="55" height="48" viewBox="0 0 60 52" fill="none">
+      <rect x="38" y="12" width="6" height="18" rx="3" stroke="#f6a701" strokeWidth="2" />
+      <rect x="30" y="6" width="6" height="24" rx="3" stroke="#f6a701" strokeWidth="2" />
+      <rect x="22" y="10" width="6" height="20" rx="3" stroke="#f6a701" strokeWidth="2" />
+      <rect x="14" y="16" width="6" height="14" rx="3" stroke="#f6a701" strokeWidth="2" />
+      <rect x="12" y="28" width="34" height="18" rx="9" stroke="#f6a701" strokeWidth="2" />
+      <rect x="2" y="30" width="14" height="8" rx="4" stroke="#f6a701" strokeWidth="2" transform="rotate(-25 9 34)" />
     </svg>
   );
 }