Website: neue Screenshots (Build 32), Live-Aktivität im Hero, Vorzeichen und Symptome bei So geht's mir, ruhigere Abstände, Startzustand Bald im App Store

assets/site.css

@@ -279,3 +279,42 @@ footer{padding:3.5rem 0 4rem;border-top:1px solid var(--hair);font-size:.92rem;c
 .menu-open .overlay a:nth-child(6){transition-delay:.25s}.menu-open .overlay a:nth-child(7){transition-delay:.3s}
 @media(max-width:960px){.support-grid{grid-template-columns:1fr 1fr}}
 @media(max-width:600px){.support-grid{grid-template-columns:1fr}}
+
+/* ---------- Oktober 2026: Rhythmus, Startzustand ---------- */
+/* Abstände: Eyebrow, Überschrift und Text hatten in den Split-Abschnitten keinen Abstand. */
+.eyebrow + h1,.eyebrow + h2{margin-top:1.15rem}
+h2 + p,h1 + p{margin-top:1.25rem}
+.split > div > p{max-width:38rem}
+.split h2{max-width:18ch}
+.split .points{margin-top:2.4rem}
+.points{gap:1.35rem}
+.points li{grid-template-columns:2.6rem 1fr;gap:1rem}
+.points .pi{width:2.6rem;height:2.6rem}
+.points span{line-height:1.55}
+.facts,.myths{margin-top:2.6rem}
+@media(max-width:767px){
+  section{padding:4.5rem 0}
+  .story{padding-top:2.5rem}
+  .split{gap:3rem}
+  .split h2{max-width:none}
+  .head h2{margin:1rem 0}
+  .hero{padding-bottom:3rem}
+  .phones-duo{gap:.9rem}
+  .phones-duo .phone:nth-child(2){margin-top:2.5rem}
+  .honest{margin:0 .5rem}
+}
+
+/* Startzustand: vor der Freigabe „Bald im App Store“, danach App-Store-Knöpfe (html[data-launch]). */
+html[data-launch="soon"] .when-live{display:none!important}
+html[data-launch="live"] .when-soon{display:none!important}
+.soon-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.3rem;border-radius:999px;font-weight:600;font-size:.98rem;color:var(--teal-deep);background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair),0 12px 28px -20px rgba(15,43,43,.5)}
+.soon-pill i{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 0 rgba(232,155,123,.6);animation:soonPulse 2.4s var(--ease) infinite}
+@keyframes soonPulse{0%{box-shadow:0 0 0 0 rgba(232,155,123,.55)}70%{box-shadow:0 0 0 10px rgba(232,155,123,0)}100%{box-shadow:0 0 0 0 rgba(232,155,123,0)}}
+.hero .note a{color:var(--teal);text-underline-offset:3px}
+.eyebrow > span{display:inline}
+
+/* Abschnittsabstände: vorher bis zu 10rem oben und unten, zwischen zwei hellen Abschnitten wirkte das wie ein Loch. */
+section{padding:clamp(4.5rem,8vw,7.5rem) 0}
+.story{padding-top:3rem;padding-bottom:clamp(3rem,5vw,4.5rem)}
+.story + section{padding-top:clamp(3rem,5vw,4.5rem)}
+.hero{padding-bottom:3.5rem}