diff --git a/src/components/insights/__tests__/insights-page-hero.test.tsx b/src/components/insights/__tests__/insights-page-hero.test.tsx
index 55b31afba..10f860b70 100644
--- a/src/components/insights/__tests__/insights-page-hero.test.tsx
+++ b/src/components/insights/__tests__/insights-page-hero.test.tsx
@@ -89,4 +89,17 @@ describe("<InsightsPageHero>", () => {
     // The "Insights" string is identical in DE so we assert the subtitle.
     expect(html).toContain("Trends, Risiken, Fortschritt auf einen Blick");
   });
+
+  // ── B1b acceptance #6 — dark-mode contrast hygiene ────────────────
+  it("uses high-enough gradient + border opacity to remain visible on dark bg", () => {
+    const html = render(<InsightsPageHero />);
+    // Border opacity must be >= 20% so it reads against the dark
+    // background — `border-dracula-purple/20` or higher passes the
+    // 3:1 contrast bar for a non-text UI element.
+    expect(html).toMatch(/border-dracula-purple\/(2[0-9]|[3-9][0-9])/);
+    // Gradient opacity must be at least /10 (we ship /10 + /5 on the
+    // band; the cumulative effect on a dark bg renders as ~12% which
+    // is the lower bound for visible band-vs-page differentiation).
+    expect(html).toMatch(/from-dracula-purple\/(1[0-9]|[2-9][0-9])/);
+  });
 });
diff --git a/src/components/insights/insight-advisor-card.tsx b/src/components/insights/insight-advisor-card.tsx
index ca19b655c..98111c910 100644
--- a/src/components/insights/insight-advisor-card.tsx
+++ b/src/components/insights/insight-advisor-card.tsx
@@ -335,14 +335,14 @@ export function InsightAdvisorCard({
           <p className="text-muted-foreground text-sm">{title}</p>
         </CardHeader>
         <CardContent className="space-y-4">
-          <div className="bg-muted/50 motion-reduce:animate-none h-4 w-3/4 animate-pulse rounded-md" />
-          <div className="bg-muted/40 motion-reduce:animate-none h-3 w-2/3 animate-pulse rounded-md" />
+          <div className="bg-muted/60 motion-reduce:animate-none h-4 w-3/4 animate-pulse rounded-md" />
+          <div className="bg-muted/50 motion-reduce:animate-none h-3 w-2/3 animate-pulse rounded-md" />
           <div className="grid gap-3 lg:grid-cols-2">
             {[0, 1, 2].map((i) => (
               <div
                 key={i}
                 data-slot="insight-skeleton-card"
-                className="bg-muted/30 motion-reduce:animate-none h-20 animate-pulse rounded-lg"
+                className="bg-muted/40 motion-reduce:animate-none h-20 animate-pulse rounded-lg"
                 style={{ animationDelay: `${i * 100}ms` }}
               />
             ))}
diff --git a/src/components/insights/insights-page-hero.tsx b/src/components/insights/insights-page-hero.tsx
index d5f4e794f..9516ff2cb 100644
--- a/src/components/insights/insights-page-hero.tsx
+++ b/src/components/insights/insights-page-hero.tsx
@@ -78,7 +78,7 @@ export function InsightsPageHero({
   return (
     <div
       data-slot="insights-page-hero"
-      className="border-dracula-purple/20 from-dracula-purple/10 via-dracula-cyan/5 animate-insight-in relative overflow-hidden rounded-xl border bg-gradient-to-br to-transparent px-4 py-5 sm:px-6 sm:py-6"
+      className="border-dracula-purple/25 from-dracula-purple/15 via-dracula-cyan/8 animate-insight-in relative overflow-hidden rounded-xl border bg-gradient-to-br to-transparent px-4 py-5 sm:px-6 sm:py-6"
     >
       {/* Decorative sparkle glow — purely visual, kept inert for screen readers. */}
       <div