/* ============================================================
   Homepage — atmosphärische Section-Glows (Teil 7) + Spacing-Helfer.
   Markup-frei via Section-IDs + ::after (kollidiert nicht mit
   existierenden ::before). Rotierende Akzent-Positionen ergeben eine
   atmosphärische "Reise" durch die Seite. Lädt nach dem Inline-Block.
   ============================================================ */
#why, #how, #case-study, #notion-example, #pricing, #faq, .final-cta {
  position: relative;
  isolation: isolate;
}
#why::after, #how::after, #case-study::after,
#notion-example::after, #pricing::after, #faq::after, .final-cta::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.5;
}

/* Cyan oben-links → Magenta oben-rechts → Violett unten-rechts → Amber unten-links */
#why::after            { background: radial-gradient(circle at 15% 10%, rgba(91, 233, 220, 0.08) 0%, transparent 50%); }
#how::after            { background: radial-gradient(circle at 85% 15%, rgba(255, 61, 129, 0.08) 0%, transparent 50%); }
#case-study::after     { background: radial-gradient(circle at 90% 80%, rgba(139, 92, 246, 0.08) 0%, transparent 50%); }
#notion-example::after { background: radial-gradient(circle at 85% 15%, rgba(255, 61, 129, 0.07) 0%, transparent 50%); }
#pricing::after        { background: radial-gradient(circle at 90% 80%, rgba(139, 92, 246, 0.08) 0%, transparent 50%); }
#faq::after            { background: radial-gradient(circle at 10% 85%, rgba(255, 177, 85, 0.06) 0%, transparent 50%); }
.final-cta::after      { background: radial-gradient(circle at 15% 10%, rgba(91, 233, 220, 0.07) 0%, transparent 50%); }

/* #features (Orb) bewusst ohne Extra-Glow — der Orb leuchtet selbst. */

/* Final-CTA: vollständig in final-cta.css (Holographic Instrument-Panel
   mit 3D-Planet/Orbit). Hier nur der Section-Glow (Teil 7, .final-cta::after). */