Abschluss-CTA: durchgehender Verlauf statt weicher Kreise

Die beiden blur-Kreise ueber dem Hellblau wirkten als Flecken – der dunkle
rechts unten am staerksten. Ersetzt durch .cta-band in shared-styles.css: ein
durchgehender Verlauf ueber die volle Breite, von Anthrazit diagonal in das
Dynamic Blue, beides aus den Theme-Variablen.

- Tiefe kommt aus dem Verlauf, nicht aus ueberlagerten Flaechen.
- Zwei Haarlinien als Kontur: eine oben ueber die Breite, eine als Auftakt
  ueber der Ueberschrift, beide zu den Seiten auslaufend.
- Buttons filigraner: duennerer Rahmen beim Outline-Button, weicherer Schatten
  beim Hauptbutton.

Der Verlauf liegt als CSS-Klasse vor und nicht als Utility-Kette im Blade,
damit er mit den Theme-Variablen arbeitet und ueber alle Themes stimmt.

Tests: 862 gruen (3192 Assertions), Pint sauber, npm run build:b2in gebaut.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

tests/Feature/BrandPageSectionsTest.php

@@ -133,6 +133,14 @@ it('falls back to the generic closing block for a brand without one', function (
         ->assertSee('Interesse an CABINET?');
 });
 
+it('closes the page with a gradient band across the full width', function () {
+    $html = $this->get('/marken/rotpunkt')->assertSuccessful()->getContent();
+
+    expect($html)->toContain('cta-band')
+        // Die weichen Kreise setzten sichtbare Flecken in die Ecken statt eines Verlaufs.
+        ->and($html)->not->toContain('blur-3xl');
+});
+
 // ========================================
 // Beschriftung des Terminanfrage-Widgets
 // ========================================