feat(tasarim): /meraklisina kapanış kartı piksel dokulu CTA bandı; DESIGN.md §4.17 şehir çipleri

- DemoKapanisCta beyaz kutudan CtaBandi'ye (seed 29), buton kanonik turuncu CTA.
- DESIGN.md: §4.17 SehirCipleri + şehir sayfası düzeni; CtaBandi kullanım
  yerlerine meraklısına kapanışı eklendi.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

src/features/pazarlama/components/meraklisina-demo.tsx

@@ -16,6 +16,8 @@ import {
 } from "react";
 import Link from "next/link";
 import { ArrowRight } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { CtaBandi } from "@/components/cta-bandi";
 import { useTercihProfili } from "@/features/liste/hooks/use-tercih-profili";
 import { PUAN_TURU_ETIKET, sonucHref } from "@/features/sihirbaz/sihirbaz-sabitler";
 import type { DilimKey, SihirbazFacetleri } from "@/types/yokatlas";
@@ -233,20 +235,26 @@ export function DilimSeridiCanli() {
 export function DemoKapanisCta() {
   const profil = useTercihProfili();
 
+  // Sayfa kapanışı bir CTA yüzeyidir: mavi bant + piksel doku (DESIGN.md
+  // §10.8; Bilal, 24 Eyl 2026: "burda piksel dokuları yok"). Tek başlık, tek
+  // turuncu buton; sayfadaki diğer bantlardan farklı seed.
   return (
-    <div className="rounded-2xl border border-slate-200 bg-white p-6 text-center">
-      <p className="font-heading text-base font-bold text-slate-900">
+    <CtaBandi etiket="div" seed={29}>
+      <p className="font-heading text-2xl font-bold text-balance sm:text-3xl">
         {profil
           ? "Kuralları öğrendin — sayılar zaten senin sıralamanla hesaplandı."
           : "Kuralları öğrendin — şimdi kendi sıralamanla dene."}
       </p>
-      <Link
-        href={profil ? sonucHref() : "/"}
-        className="mt-3 inline-flex items-center gap-1.5 rounded-full bg-orange-500 px-5 py-2.5 text-sm font-medium text-white transition-colors duration-200 hover:bg-orange-600"
+      <Button
+        asChild
+        size="lg"
+        className="mt-6 h-12 w-full cursor-pointer bg-orange-500 px-6 text-white transition-[background-color,transform] duration-200 hover:bg-orange-600 active:scale-[0.97] sm:w-auto"
       >
-        {profil ? "Sıralamana uygun programları gör" : "Sıralamanı gir"}
-        <ArrowRight className="size-4" aria-hidden />
-      </Link>
-    </div>
+        <Link href={profil ? sonucHref() : "/"}>
+          {profil ? "Sıralamana uygun programları gör" : "Sıralamanı gir"}
+          <ArrowRight className="size-4" aria-hidden />
+        </Link>
+      </Button>
+    </CtaBandi>
   );
 }