diff --git a/src/app/giris/page.tsx b/src/app/giris/page.tsx
index ea4b23e..b0876f8 100644
--- a/src/app/giris/page.tsx
+++ b/src/app/giris/page.tsx
@@ -27,7 +27,7 @@ export default async function GirisPage({
 
   return (
     <div className="flex min-h-screen flex-col bg-slate-50 text-slate-900">
-      <main className="mx-auto flex w-full max-w-md flex-1 flex-col items-stretch justify-center px-4 py-16">
+      <main className="mx-auto flex w-full max-w-md flex-1 flex-col items-stretch justify-center px-5 py-16 sm:px-4">
         <div className="relative">
           <div className="relative rounded-2xl border border-slate-200 bg-white p-8 shadow-sm">
             <GirisBaslik funnel={funnel} />
diff --git a/src/app/gizlilik/page.tsx b/src/app/gizlilik/page.tsx
index f98349a..08b77d1 100644
--- a/src/app/gizlilik/page.tsx
+++ b/src/app/gizlilik/page.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import Link from "next/link";
 import { Parallax } from "@/components/parallax";
+import { PagePixelDivider } from "@/components/pixel-decor";
 
 export const metadata: Metadata = {
   title: "Gizlilik ve KVKK — KolayTercih",
@@ -19,6 +20,8 @@ export default function GizlilikPage() {
           </p>
         </Parallax>
 
+        <PagePixelDivider seed={43} className="mt-6" />
+
         <Parallax
           fromStart
           strength={4}
diff --git a/src/app/iletisim/page.tsx b/src/app/iletisim/page.tsx
index 382795a..81ce573 100644
--- a/src/app/iletisim/page.tsx
+++ b/src/app/iletisim/page.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import { Mail } from "lucide-react";
 import { Parallax } from "@/components/parallax";
+import { PagePixelDivider } from "@/components/pixel-decor";
 
 export const metadata: Metadata = {
   title: "İletişim — KolayTercih",
@@ -12,6 +13,7 @@ export default function IletisimPage() {
         <Parallax fromStart strength={10}>
           <h1 className="font-heading text-3xl font-bold">İletişim</h1>
         </Parallax>
+        <PagePixelDivider seed={47} className="mt-6" />
         <p className="mt-4 text-sm leading-7 text-slate-700">
           Ödeme, iade, hesap silme ya da başka bir konuda yardıma mı ihtiyacın
           var? Tercih döneminde mesajlara aynı gün dönmeye çalışıyoruz.
diff --git a/src/app/kosullar/page.tsx b/src/app/kosullar/page.tsx
index 22e2a9e..474e848 100644
--- a/src/app/kosullar/page.tsx
+++ b/src/app/kosullar/page.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import Link from "next/link";
 import { Parallax } from "@/components/parallax";
+import { PagePixelDivider } from "@/components/pixel-decor";
 
 export const metadata: Metadata = {
   title: "Kullanım ve Satış Koşulları — KolayTercih",
@@ -19,6 +20,8 @@ export default function KosullarPage() {
           </p>
         </Parallax>
 
+        <PagePixelDivider seed={41} className="mt-6" />
+
         <Parallax
           fromStart
           strength={4}
diff --git a/src/app/listem/page.tsx b/src/app/listem/page.tsx
index d53d8af..6134cc0 100644
--- a/src/app/listem/page.tsx
+++ b/src/app/listem/page.tsx
@@ -25,6 +25,7 @@ import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import { RaporListesi } from "@/components/rapor-listesi";
 import { ViewportPortal } from "@/components/viewport-portal";
+import { PagePixelDivider } from "@/components/pixel-decor";
 import { raporMaskele, ACIK_SATIR } from "@/lib/rapor-maske";
 import { SohbetClient } from "./sohbet-client";
 import { RevizyonKutusu } from "./revizyon-kutusu";
@@ -66,6 +67,7 @@ export default async function ListemPage({
           Sıralamanı girip birkaç adımda 24 tercihlik risk analizli listeni kur;
           sonra burada görüntüleyip AI danışmanla üzerinde konuşabilirsin.
         </p>
+        <PagePixelDivider seed={67} className="mx-auto mt-6" />
         <Button
           asChild
           size="lg"
@@ -148,6 +150,7 @@ export default async function ListemPage({
           </div>
         ) : null}
       </div>
+      <PagePixelDivider seed={71} className="mt-6" />
 
       {/* AI'ın genel değerlendirmesi ve uyarıları: paketliye tam,
           paketsize sunucuda kırpılmış önizleme + kilit notu */}
diff --git a/src/app/odeme/sonuc/page.tsx b/src/app/odeme/sonuc/page.tsx
index 30865a9..f6f7490 100644
--- a/src/app/odeme/sonuc/page.tsx
+++ b/src/app/odeme/sonuc/page.tsx
@@ -6,6 +6,7 @@ import { verifySession } from "@/lib/session";
 import { appDb, schema } from "@/lib/appdb";
 import { odemeyiSonuclandir } from "@/lib/odeme";
 import { Button } from "@/components/ui/button";
+import { PagePixelDivider } from "@/components/pixel-decor";
 
 export const metadata: Metadata = {
   title: "Ödeme Sonucu — KolayTercih",
@@ -69,6 +70,7 @@ export default async function OdemeSonucPage({
                 ? " ve Tercih Dönemi Paketi'n aktif — kişisel listen, risk raporun ve PDF çıktın hazır olduğunda burada."
                 : "."}
             </p>
+            <PagePixelDivider seed={79} className="mx-auto mt-5" />
             <div className="mt-6 flex flex-col gap-2">
               <Button
                 asChild
@@ -108,6 +110,7 @@ export default async function OdemeSonucPage({
                 </>
               )}
             </p>
+            <PagePixelDivider seed={83} className="mx-auto mt-5" />
             <Button asChild variant="outline" className="mt-6 h-11 cursor-pointer">
               <Link href="/paket">Tekrar dene</Link>
             </Button>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 887021a..ba2d3cf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -169,403 +169,394 @@ export default function Home() {
       id="top"
       className="flex min-h-screen flex-col bg-slate-50 text-slate-900"
     >
-        <main className="flex-1">
-          {/* Hero */}
-          <section className="relative isolate overflow-hidden">
-            <div
-              aria-hidden
-              // SVG altta 9 hücrelik serpinti payı taşıdığı için silüet merkezi
-              // yüksekliğin %37,1'inde; -1/2 yerine bu oranla hizalanır
-              className="pointer-events-none absolute left-1/2 top-[43%] -z-10 hidden -translate-x-1/2 -translate-y-[37.14%] sm:block"
-            >
-              {/* Arka katman: harita scroll'un gerisinde kalır, derinlik verir */}
-              <Parallax fromStart strength={-52}>
-                {/* Harita hiçbir boyutta taşmaz: her zaman ekran genişliği
+      <main className="flex-1">
+        {/* Hero */}
+        <section className="relative isolate overflow-hidden">
+          <div
+            aria-hidden
+            // SVG altta 9 hücrelik serpinti payı taşıdığı için silüet merkezi
+            // yüksekliğin %37,1'inde; -1/2 yerine bu oranla hizalanır
+            className="pointer-events-none absolute left-1/2 top-[43%] -z-10 hidden -translate-x-1/2 -translate-y-[37.14%] sm:block"
+          >
+            {/* Arka katman: harita scroll'un gerisinde kalır, derinlik verir */}
+            <Parallax fromStart strength={-52}>
+              {/* Harita hiçbir boyutta taşmaz: her zaman ekran genişliği
                     eksi kenar payı kadar; sayfa küçüldükçe onunla birlikte
                     küçülür. Çok geniş ekranda 1665px tavanına oturur;
                     mobilde tümüyle gizli. */}
-                <TurkeyPixelMap className="w-[min(1665px,100vw_-_2.5rem)] max-w-none text-primary" />
-              </Parallax>
-            </div>
-            <div
-              aria-hidden
-              className="pointer-events-none absolute inset-0 -z-10 bg-[radial-gradient(ellipse_58%_52%_at_50%_42%,rgba(248,250,252,0.9)_25%,rgba(248,250,252,0)_75%)]"
-            />
-            <Parallax
-              fromStart
-              strength={14}
-              className="mx-auto flex min-h-[calc(100svh-5.5rem)] max-w-6xl flex-col items-center justify-center px-4 py-4 text-center sm:pb-44 sm:pt-4"
+              <TurkeyPixelMap className="w-[min(1665px,100vw_-_2.5rem)] max-w-none text-primary" />
+            </Parallax>
+          </div>
+          <div
+            aria-hidden
+            className="pointer-events-none absolute inset-0 -z-10 bg-[radial-gradient(ellipse_58%_52%_at_50%_42%,rgba(248,250,252,0.9)_25%,rgba(248,250,252,0)_75%)]"
+          />
+          <Parallax
+            fromStart
+            strength={14}
+            className="mx-auto flex min-h-[calc(100svh-5.5rem)] max-w-6xl flex-col items-center justify-center px-4 py-4 text-center sm:pb-44 sm:pt-4"
+          >
+            <Badge
+              variant="secondary"
+              className="mb-6 bg-primary/10 text-primary"
             >
-              <Badge
-                variant="secondary"
-                className="mb-6 bg-primary/10 text-primary"
-              >
-                2026 YKS tercih dönemi açık
-              </Badge>
-              <h1 className="max-w-3xl font-heading text-7xl font-bold tracking-[0.015em] sm:text-6xl">
-                Dört yıllık geleceğini <br className="hidden sm:block" />
-                <span className="font-bricolage italic tracking-tighter font-bold text-primary">
-                  48 saatlik panikle
-                </span>{" "}
-                seçme
-              </h1>
-              {/* <p className="mt-6 max-w-2xl text-lg leading-relaxed text-slate-600">
+              2026 YKS tercih dönemi açık
+            </Badge>
+            <h1 className="max-w-3xl font-heading text-5xl font-bold tracking-[0.015em] sm:text-6xl">
+              Dört yıllık geleceğini <br className="hidden sm:block" />
+              <span className="font-bricolage italic tracking-tighter font-bold text-primary">
+                48 saatlik panikle
+              </span>{" "}
+              seçme
+            </h1>
+            {/* <p className="mt-6 max-w-2xl text-lg leading-relaxed text-slate-600">
             KolayTercih, gerçek YÖK Atlas verisiyle çalışan yapay zekâ tercih
             danışmanın. İnsan danışmanın binlerce lira aldığı işi — dengeli
             liste, risk analizi, soru-cevap — onda bir fiyatına yapar.
           </p> */}
-              <div
-                id="hero-form"
-                className="mt-6 flex w-full scroll-mt-28 justify-center"
-              >
-                <HeroForm />
-              </div>
-              <p className="mt-4 text-sm text-slate-500">
-                Temel arama her zaman ücretsiz · Kredi kartı gerekmez · Tam
-                analiz paketi tek seferlik {PAKET_FIYATI} TL
-              </p>
-              <div className="mt-3 inline-flex items-center gap-2.5 rounded-lg border border-slate-200 bg-white px-3 py-2 text-left text-xs text-slate-700 shadow-xs">
-                <Image
-                  src="/yok-logo.svg"
-                  alt="Yükseköğretim Kurulu"
-                  width={68}
-                  height={33}
-                  className="h-7 w-auto shrink-0"
-                />
-                <span className="h-5 w-px shrink-0 bg-slate-200" aria-hidden />
-                <span>
-                  <strong className="font-semibold text-slate-900">
-                    YÖK Atlas&apos;ın gerçek verileriyle
-                  </strong>{" "}
-                  güvenilir sonuçlar
-                </span>
-              </div>
-            </Parallax>
-          </section>
-
-          {/* Hero → Problem geçişi: border yerine piksel ayraç */}
-          <div aria-hidden className="mx-auto w-56">
-            <Parallax strength={26}>
-              <PixelDivider seed={11} />
-            </Parallax>
-          </div>
-
-          {/* Problem */}
-          <section className="py-20 sm:py-24">
-            <div className="mx-auto max-w-6xl px-4">
-              {/* Başlık gövdeden hafif hızlı akar — katman derinliği */}
-              <Parallax strength={16}>
-                <Reveal className="flex flex-col items-center gap-4 text-center">
-                  <SectionEyebrow>Sorun</SectionEyebrow>
-                  <h2 className="font-heading text-3xl font-bold sm:text-4xl">
-                    Tercih dönemi neden bu kadar stresli?
-                  </h2>
-                  <p className="max-w-xl text-lg leading-relaxed text-slate-600">
-                    Her yıl iki milyondan fazla aday aynı üç duvara çarpıyor.
-                  </p>
-                </Reveal>
-              </Parallax>
-              <Parallax
-                strength={7}
-                className="mt-12 grid gap-6 md:grid-cols-3"
-              >
-                {problems.map((p, i) => (
-                  <Reveal key={p.title} delay={i * 0.08}>
-                    <Card className="relative h-full overflow-hidden border-slate-200/70 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary/30 hover:shadow-lg hover:shadow-primary/5">
-                      <PixelCorner className="absolute right-4 top-4" />
-                      <CardHeader>
-                        <div className="mb-2 flex size-11 items-center justify-center rounded-xl bg-primary/10">
-                          <p.icon className="size-5 text-primary" aria-hidden />
-                        </div>
-                        <CardTitle className="font-heading text-xl">
-                          {p.title}
-                        </CardTitle>
-                        <CardDescription className="text-base leading-relaxed">
-                          {p.description}
-                        </CardDescription>
-                      </CardHeader>
-                    </Card>
-                  </Reveal>
-                ))}
-              </Parallax>
+            <div
+              id="hero-form"
+              className="mt-6 flex w-full scroll-mt-28 justify-center"
+            >
+              <HeroForm />
             </div>
-          </section>
+            <p className="mt-4 text-sm text-slate-500">
+              Temel arama her zaman ücretsiz · Kredi kartı gerekmez · Tam analiz
+              paketi tek seferlik {PAKET_FIYATI} TL
+            </p>
+            <div className="mt-3 inline-flex items-center gap-2.5 rounded-lg border border-slate-200 bg-white px-3 py-2 text-left text-xs text-slate-700 shadow-xs">
+              <Image
+                src="/yok-logo.svg"
+                alt="Yükseköğretim Kurulu"
+                width={68}
+                height={33}
+                className="h-7 w-auto shrink-0"
+              />
+              <span className="h-5 w-px shrink-0 bg-slate-200" aria-hidden />
+              <span>
+                <strong className="font-semibold text-slate-900">
+                  YÖK Atlas&apos;ın gerçek verileriyle
+                </strong>{" "}
+                güvenilir sonuçlar
+              </span>
+            </div>
+          </Parallax>
+        </section>
 
-          {/* Problem → Nasıl çalışır geçişi */}
-          <div aria-hidden className="mx-auto w-56">
-            <Parallax strength={26}>
-              <PixelDivider seed={17} />
+        {/* Hero → Problem geçişi: border yerine piksel ayraç */}
+        <div aria-hidden className="mx-auto w-56">
+          <Parallax strength={26}>
+            <PixelDivider seed={11} />
+          </Parallax>
+        </div>
+
+        {/* Problem */}
+        <section className="py-20 sm:py-24">
+          <div className="mx-auto max-w-6xl px-4">
+            {/* Başlık gövdeden hafif hızlı akar — katman derinliği */}
+            <Parallax strength={16}>
+              <Reveal className="flex flex-col items-center gap-4 text-center">
+                <SectionEyebrow>Sorun</SectionEyebrow>
+                <h2 className="font-heading text-3xl font-bold sm:text-4xl">
+                  Tercih dönemi neden bu kadar stresli?
+                </h2>
+                <p className="max-w-xl text-lg leading-relaxed text-slate-600">
+                  Her yıl iki milyondan fazla aday aynı üç duvara çarpıyor.
+                </p>
+              </Reveal>
             </Parallax>
-          </div>
-
-          {/* How it works */}
-          <section id="nasil-calisir" className="scroll-mt-24 py-20 sm:py-24">
-            <div className="mx-auto max-w-6xl px-4">
-              <Parallax strength={16}>
-                <Reveal className="flex flex-col items-center gap-4 text-center">
-                  <SectionEyebrow>Nasıl çalışır?</SectionEyebrow>
-                  <h2 className="font-heading text-3xl font-bold sm:text-4xl">
-                    Üç adımda listen hazır
-                  </h2>
-                  <p className="max-w-xl text-lg leading-relaxed text-slate-600">
-                    Sıralamandan dengeli 24&apos;lük listeye giden yol üç adım
-                    sürer.
-                  </p>
-                </Reveal>
-              </Parallax>
-              <Parallax
-                strength={7}
-                className="mt-12 grid gap-6 md:grid-cols-3"
-              >
-                {steps.map((s, i) => (
-                  <Reveal key={s.step} delay={i * 0.08} className="h-full">
-                    <div className="relative h-full rounded-2xl border border-slate-200/70 bg-white p-8 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary/30 hover:shadow-lg hover:shadow-primary/5">
-                      <span className="absolute -top-4 left-8 flex size-8 items-center justify-center rounded-full bg-orange-500 font-heading text-sm font-bold text-white">
-                        {s.step}
-                      </span>
-                      <PixelCorner className="absolute right-4 top-4" />
-                      <s.icon className="size-6 text-primary" aria-hidden />
-                      <h3 className="mt-4 font-heading text-xl font-semibold">
-                        {s.title}
-                      </h3>
-                      <p className="mt-2 leading-relaxed text-slate-600">
-                        {s.description}
-                      </p>
-                    </div>
-                  </Reveal>
-                ))}
-              </Parallax>
-
-              {/* Veriye dayalı güven + garanti vaadine karşı dürüst konumlandırma */}
-              <Parallax
-                strength={10}
-                className="mx-auto mt-12 w-full max-w-3xl"
-              >
-                <Reveal
-                  delay={0.1}
-                  className="overflow-hidden rounded-2xl border border-slate-200/70 bg-white shadow-sm"
-                >
-                  <dl className="grid grid-cols-1 divide-y divide-slate-200 sm:grid-cols-3 sm:divide-x sm:divide-y-0">
-                    {[
-                      { value: "23.000+", label: "Taranan lisans programı" },
-                      {
-                        value: "4 yıl",
-                        label: "Taban sıralaması trend verisi",
-                      },
-                      { value: "%100", label: "Resmî YÖK Atlas kaynağı" },
-                    ].map((stat) => (
-                      <div key={stat.label} className="p-6 text-center">
-                        <dt className="text-sm text-slate-500">{stat.label}</dt>
-                        <dd className="mt-1 font-heading text-3xl font-bold text-primary">
-                          {stat.value}
-                        </dd>
+            <Parallax strength={7} className="mt-12 grid gap-6 md:grid-cols-3">
+              {problems.map((p, i) => (
+                <Reveal key={p.title} delay={i * 0.08}>
+                  <Card className="relative h-full overflow-hidden border-slate-200/70 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary/30 hover:shadow-lg hover:shadow-primary/5">
+                    <PixelCorner className="absolute right-4 top-4" />
+                    <CardHeader>
+                      <div className="mb-2 flex size-11 items-center justify-center rounded-xl bg-primary/10">
+                        <p.icon className="size-5 text-primary" aria-hidden />
                       </div>
-                    ))}
-                  </dl>
-
-                  <div className="flex gap-4 border-t border-slate-200 bg-primary/5 p-6 text-left sm:items-center sm:p-7">
-                    <div className="flex size-11 shrink-0 items-center justify-center rounded-xl bg-primary text-white shadow-sm">
-                      <ShieldCheck className="size-5" aria-hidden />
-                    </div>
-                    <div>
-                      <p className="text-xs font-semibold uppercase tracking-wider text-primary">
-                        Dürüstlük notu
-                      </p>
-                      <p className="mt-1 font-heading text-lg font-bold text-slate-900 sm:text-xl">
-                        Yerleşme garantisi vermiyoruz — çünkü kimse veremez.
-                      </p>
-                      <p className="mt-1.5 text-sm leading-6 text-slate-600">
-                        Taban sıralamaları her yıl değişir. Biz sonuç vaadi
-                        satmak yerine riski satır satır gösterir, daha güvenli
-                        bir liste kurmana yardımcı oluruz.
-                      </p>
-                    </div>
-                  </div>
+                      <CardTitle className="font-heading text-xl">
+                        {p.title}
+                      </CardTitle>
+                      <CardDescription className="text-base leading-relaxed">
+                        {p.description}
+                      </CardDescription>
+                    </CardHeader>
+                  </Card>
                 </Reveal>
-              </Parallax>
-            </div>
-          </section>
-
-          {/* Nasıl çalışır → Karşılaştırma geçişi */}
-          <div aria-hidden className="mx-auto w-56">
-            <Parallax strength={26}>
-              <PixelDivider seed={23} />
+              ))}
             </Parallax>
           </div>
+        </section>
 
-          {/* Comparison */}
-          <section id="karsilastirma" className="scroll-mt-24 py-20 sm:py-24">
-            <div className="mx-auto max-w-4xl px-4">
-              <Parallax strength={16}>
-                <Reveal className="flex flex-col items-center gap-4 text-center">
-                  <SectionEyebrow>Karşılaştır</SectionEyebrow>
-                  <h2 className="font-heading text-3xl font-bold sm:text-4xl">
-                    Robot mu, danışman mı, KolayTercih mi?
-                  </h2>
-                  <p className="max-w-xl text-lg leading-relaxed text-slate-600">
-                    Aynı işi kim, neyle, kaça yapıyor — yan yana bak.
-                  </p>
-                </Reveal>
-              </Parallax>
-              <Parallax strength={7} className="mt-12">
-                <Reveal
-                  delay={0.08}
-                  className="overflow-x-auto rounded-2xl border border-slate-200/70 bg-white shadow-sm"
-                >
-                  <Table>
-                    <TableHeader>
-                      <TableRow className="bg-slate-50">
-                        <TableHead className="w-[40%]">Özellik</TableHead>
-                        <TableHead className="text-center">
-                          Ücretsiz robotlar
-                        </TableHead>
-                        <TableHead className="text-center">
-                          İnsan danışman
-                        </TableHead>
-                        <TableHead className="text-center font-heading font-bold text-primary">
-                          KolayTercih
-                        </TableHead>
-                      </TableRow>
-                    </TableHeader>
-                    <TableBody>
-                      {comparison.map((row) => (
-                        <TableRow key={row.feature}>
-                          <TableCell className="font-medium">
-                            {row.feature}
-                          </TableCell>
-                          <TableCell className="text-center">
-                            <ComparisonCell value={row.robot} />
-                          </TableCell>
-                          <TableCell className="text-center">
-                            <ComparisonCell value={row.danisman} />
-                          </TableCell>
-                          <TableCell className="bg-primary/5 text-center">
-                            <ComparisonCell value={row.tercihai} />
-                          </TableCell>
-                        </TableRow>
-                      ))}
-                    </TableBody>
-                  </Table>
-                </Reveal>
-              </Parallax>
-            </div>
-          </section>
+        {/* Problem → Nasıl çalışır geçişi */}
+        <div aria-hidden className="mx-auto w-56">
+          <Parallax strength={26}>
+            <PixelDivider seed={17} />
+          </Parallax>
+        </div>
 
-          {/* Karşılaştırma → SSS geçişi */}
-          <div aria-hidden className="mx-auto w-56">
-            <Parallax strength={26}>
-              <PixelDivider seed={31} />
+        {/* How it works */}
+        <section id="nasil-calisir" className="scroll-mt-24 py-20 sm:py-24">
+          <div className="mx-auto max-w-6xl px-4">
+            <Parallax strength={16}>
+              <Reveal className="flex flex-col items-center gap-4 text-center">
+                <SectionEyebrow>Nasıl çalışır?</SectionEyebrow>
+                <h2 className="font-heading text-3xl font-bold sm:text-4xl">
+                  Üç adımda listen hazır
+                </h2>
+                <p className="max-w-xl text-lg leading-relaxed text-slate-600">
+                  Sıralamandan dengeli 24&apos;lük listeye giden yol üç adım
+                  sürer.
+                </p>
+              </Reveal>
             </Parallax>
-          </div>
-
-          {/* FAQ */}
-          <section id="sss" className="scroll-mt-24 py-20 sm:py-24">
-            <div className="mx-auto max-w-3xl px-4">
-              <Parallax strength={16}>
-                <Reveal className="flex flex-col items-center gap-4 text-center">
-                  <SectionEyebrow>SSS</SectionEyebrow>
-                  <h2 className="font-heading text-3xl font-bold sm:text-4xl">
-                    Sık sorulan sorular
-                  </h2>
-                </Reveal>
-              </Parallax>
-              <Parallax strength={7}>
-                <Reveal delay={0.08}>
-                  <Accordion
-                    type="single"
-                    collapsible
-                    className="mt-10 rounded-2xl border border-slate-200/70 bg-white px-6 shadow-sm"
-                  >
-                    {faqs.map((faq) => (
-                      <AccordionItem
-                        key={faq.question}
-                        value={faq.question}
-                        className="last:border-b-0"
-                      >
-                        <AccordionTrigger className="cursor-pointer text-left font-sans text-base font-semibold">
-                          {faq.question}
-                        </AccordionTrigger>
-                        <AccordionContent className="text-base leading-relaxed text-slate-600">
-                          {faq.answer}
-                        </AccordionContent>
-                      </AccordionItem>
-                    ))}
-                  </Accordion>
-                </Reveal>
-              </Parallax>
-            </div>
-          </section>
-
-          {/* Final CTA — tam genişlik bant yerine yüzen, köşeleri yumuşak panel */}
-          <section className="px-4 pb-24 pt-6 sm:px-6">
-            <Parallax strength={12} className="mx-auto max-w-6xl">
-              <Reveal>
-                <div className="relative isolate overflow-hidden rounded-3xl bg-primary px-4 py-20 text-white shadow-xl shadow-primary/20 sm:py-24">
-                  {/* Hero'nun piksel dokusu koyu zeminde: ortası boş, kenarlara doğru yoğun */}
-                  {/* Piksel zemin panel içinde geride kalır; taşma payı için dikeyde büyütülür */}
-                  <div
-                    aria-hidden
-                    className="pointer-events-none absolute inset-x-0 -inset-y-10 -z-10 text-white"
-                  >
-                    <Parallax strength={-22} className="h-full">
-                      <PixelField seed={8} />
-                    </Parallax>
-                  </div>
-                  <div className="mx-auto flex max-w-3xl flex-col items-center text-center">
-                    <MessageCircleQuestion
-                      className="size-10 opacity-80"
-                      aria-hidden
-                    />
-                    <h2 className="mt-6 font-heading text-3xl font-bold sm:text-4xl">
-                      Tercih listen, pişmanlık listesi olmasın
-                    </h2>
-                    <p className="mt-4 max-w-xl text-lg leading-relaxed text-white/90">
-                      Sıralamanı gir, yapay zekâ danışmanın veriyle konuşsun.
-                      Tercih dönemi bitmeden yerini al.
+            <Parallax strength={7} className="mt-12 grid gap-6 md:grid-cols-3">
+              {steps.map((s, i) => (
+                <Reveal key={s.step} delay={i * 0.08} className="h-full">
+                  <div className="relative h-full rounded-2xl border border-slate-200/70 bg-white p-8 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary/30 hover:shadow-lg hover:shadow-primary/5">
+                    <span className="absolute -top-4 left-8 flex size-8 items-center justify-center rounded-full bg-orange-500 font-heading text-sm font-bold text-white">
+                      {s.step}
+                    </span>
+                    <PixelCorner className="absolute right-4 top-4" />
+                    <s.icon className="size-6 text-primary" aria-hidden />
+                    <h3 className="mt-4 font-heading text-xl font-semibold">
+                      {s.title}
+                    </h3>
+                    <p className="mt-2 leading-relaxed text-slate-600">
+                      {s.description}
+                    </p>
+                  </div>
+                </Reveal>
+              ))}
+            </Parallax>
+
+            {/* Veriye dayalı güven + garanti vaadine karşı dürüst konumlandırma */}
+            <Parallax strength={10} className="mx-auto mt-12 w-full max-w-3xl">
+              <Reveal
+                delay={0.1}
+                className="overflow-hidden rounded-2xl border border-slate-200/70 bg-white shadow-sm"
+              >
+                <dl className="grid grid-cols-1 divide-y divide-slate-200 sm:grid-cols-3 sm:divide-x sm:divide-y-0">
+                  {[
+                    { value: "23.000+", label: "Taranan lisans programı" },
+                    {
+                      value: "4 yıl",
+                      label: "Taban sıralaması trend verisi",
+                    },
+                    { value: "%100", label: "Resmî YÖK Atlas kaynağı" },
+                  ].map((stat) => (
+                    <div key={stat.label} className="p-6 text-center">
+                      <dt className="text-sm text-slate-500">{stat.label}</dt>
+                      <dd className="mt-1 font-heading text-3xl font-bold text-primary">
+                        {stat.value}
+                      </dd>
+                    </div>
+                  ))}
+                </dl>
+
+                <div className="flex gap-4 border-t border-slate-200 bg-primary/5 p-6 text-left sm:items-center sm:p-7">
+                  <div className="flex size-11 shrink-0 items-center justify-center rounded-xl bg-primary text-white shadow-sm">
+                    <ShieldCheck className="size-5" aria-hidden />
+                  </div>
+                  <div>
+                    <p className="text-xs font-semibold uppercase tracking-wider text-primary">
+                      Dürüstlük notu
+                    </p>
+                    <p className="mt-1 font-heading text-lg font-bold text-slate-900 sm:text-xl">
+                      Yerleşme garantisi vermiyoruz — çünkü kimse veremez.
+                    </p>
+                    <p className="mt-1.5 text-sm leading-6 text-slate-600">
+                      Taban sıralamaları her yıl değişir. Biz sonuç vaadi satmak
+                      yerine riski satır satır gösterir, daha güvenli bir liste
+                      kurmana yardımcı oluruz.
                     </p>
-                    <HeroFocusButton />
                   </div>
                 </div>
               </Reveal>
             </Parallax>
-          </section>
-        </main>
-
-        <footer className="pb-32 pt-4">
-          <div className="mx-auto max-w-6xl px-4 text-center text-sm leading-relaxed text-slate-500">
-            <p>
-              © 2026 KolayTercih. Veriler resmî YÖK Atlas kaynağından derlenir;
-              KolayTercih, ÖSYM veya YÖK ile bağlantılı değildir.
-            </p>
-            <p className="mt-2">
-              KolayTercih bir karar destek aracıdır, yerleşme garantisi vermez.
-              Tercih listenizin son hali ve başvuru sorumluluğu size aittir.
-            </p>
-            <nav
-              aria-label="Yasal sayfalar"
-              className="mt-4 flex items-center justify-center gap-4"
-            >
-              <Link
-                href="/gizlilik"
-                className="hover:text-slate-700 hover:underline"
-              >
-                Gizlilik & KVKK
-              </Link>
-              <Link
-                href="/kosullar"
-                className="hover:text-slate-700 hover:underline"
-              >
-                Kullanım & iade koşulları
-              </Link>
-              <Link
-                href="/iletisim"
-                className="hover:text-slate-700 hover:underline"
-              >
-                İletişim
-              </Link>
-            </nav>
           </div>
-        </footer>
+        </section>
+
+        {/* Nasıl çalışır → Karşılaştırma geçişi */}
+        <div aria-hidden className="mx-auto w-56">
+          <Parallax strength={26}>
+            <PixelDivider seed={23} />
+          </Parallax>
+        </div>
+
+        {/* Comparison */}
+        <section id="karsilastirma" className="scroll-mt-24 py-20 sm:py-24">
+          <div className="mx-auto max-w-4xl px-4">
+            <Parallax strength={16}>
+              <Reveal className="flex flex-col items-center gap-4 text-center">
+                <SectionEyebrow>Karşılaştır</SectionEyebrow>
+                <h2 className="font-heading text-3xl font-bold sm:text-4xl">
+                  Robot mu, danışman mı, KolayTercih mi?
+                </h2>
+                <p className="max-w-xl text-lg leading-relaxed text-slate-600">
+                  Aynı işi kim, neyle, kaça yapıyor — yan yana bak.
+                </p>
+              </Reveal>
+            </Parallax>
+            <Parallax strength={7} className="mt-12">
+              <Reveal
+                delay={0.08}
+                className="overflow-x-auto rounded-2xl border border-slate-200/70 bg-white shadow-sm"
+              >
+                <Table>
+                  <TableHeader>
+                    <TableRow className="bg-slate-50">
+                      <TableHead className="w-[40%]">Özellik</TableHead>
+                      <TableHead className="text-center">
+                        Ücretsiz robotlar
+                      </TableHead>
+                      <TableHead className="text-center">
+                        İnsan danışman
+                      </TableHead>
+                      <TableHead className="text-center font-heading font-bold text-primary">
+                        KolayTercih
+                      </TableHead>
+                    </TableRow>
+                  </TableHeader>
+                  <TableBody>
+                    {comparison.map((row) => (
+                      <TableRow key={row.feature}>
+                        <TableCell className="font-medium">
+                          {row.feature}
+                        </TableCell>
+                        <TableCell className="text-center">
+                          <ComparisonCell value={row.robot} />
+                        </TableCell>
+                        <TableCell className="text-center">
+                          <ComparisonCell value={row.danisman} />
+                        </TableCell>
+                        <TableCell className="bg-primary/5 text-center">
+                          <ComparisonCell value={row.tercihai} />
+                        </TableCell>
+                      </TableRow>
+                    ))}
+                  </TableBody>
+                </Table>
+              </Reveal>
+            </Parallax>
+          </div>
+        </section>
+
+        {/* Karşılaştırma → SSS geçişi */}
+        <div aria-hidden className="mx-auto w-56">
+          <Parallax strength={26}>
+            <PixelDivider seed={31} />
+          </Parallax>
+        </div>
+
+        {/* FAQ */}
+        <section id="sss" className="scroll-mt-24 py-20 sm:py-24">
+          <div className="mx-auto max-w-3xl px-4">
+            <Parallax strength={16}>
+              <Reveal className="flex flex-col items-center gap-4 text-center">
+                <SectionEyebrow>SSS</SectionEyebrow>
+                <h2 className="font-heading text-3xl font-bold sm:text-4xl">
+                  Sık sorulan sorular
+                </h2>
+              </Reveal>
+            </Parallax>
+            <Parallax strength={7}>
+              <Reveal delay={0.08}>
+                <Accordion
+                  type="single"
+                  collapsible
+                  className="mt-10 rounded-2xl border border-slate-200/70 bg-white px-6 shadow-sm"
+                >
+                  {faqs.map((faq) => (
+                    <AccordionItem
+                      key={faq.question}
+                      value={faq.question}
+                      className="last:border-b-0"
+                    >
+                      <AccordionTrigger className="cursor-pointer text-left font-sans text-base font-semibold">
+                        {faq.question}
+                      </AccordionTrigger>
+                      <AccordionContent className="text-base leading-relaxed text-slate-600">
+                        {faq.answer}
+                      </AccordionContent>
+                    </AccordionItem>
+                  ))}
+                </Accordion>
+              </Reveal>
+            </Parallax>
+          </div>
+        </section>
+
+        {/* Final CTA — tam genişlik bant yerine yüzen, köşeleri yumuşak panel */}
+        <section className="px-4 pb-24 pt-6 sm:px-6">
+          <Parallax strength={12} className="mx-auto max-w-6xl">
+            <Reveal>
+              <div className="relative isolate overflow-hidden rounded-3xl bg-primary px-4 py-20 text-white shadow-xl shadow-primary/20 sm:py-24">
+                {/* Hero'nun piksel dokusu koyu zeminde: ortası boş, kenarlara doğru yoğun */}
+                {/* Piksel zemin panel içinde geride kalır; taşma payı için dikeyde büyütülür */}
+                <div
+                  aria-hidden
+                  className="pointer-events-none absolute inset-x-0 -inset-y-10 -z-10 text-white"
+                >
+                  <Parallax strength={-22} className="h-full">
+                    <PixelField seed={8} />
+                  </Parallax>
+                </div>
+                <div className="mx-auto flex max-w-3xl flex-col items-center text-center">
+                  <MessageCircleQuestion
+                    className="size-10 opacity-80"
+                    aria-hidden
+                  />
+                  <h2 className="mt-6 font-heading text-3xl font-bold sm:text-4xl">
+                    Tercih listen, pişmanlık listesi olmasın
+                  </h2>
+                  <p className="mt-4 max-w-xl text-lg leading-relaxed text-white/90">
+                    Sıralamanı gir, yapay zekâ danışmanın veriyle konuşsun.
+                    Tercih dönemi bitmeden yerini al.
+                  </p>
+                  <HeroFocusButton />
+                </div>
+              </div>
+            </Reveal>
+          </Parallax>
+        </section>
+      </main>
+
+      <footer className="pb-32 pt-4">
+        <div className="mx-auto max-w-6xl px-4 text-center text-sm leading-relaxed text-slate-500">
+          <p>
+            © 2026 KolayTercih. Veriler resmî YÖK Atlas kaynağından derlenir;
+            KolayTercih, ÖSYM veya YÖK ile bağlantılı değildir.
+          </p>
+          <p className="mt-2">
+            KolayTercih bir karar destek aracıdır, yerleşme garantisi vermez.
+            Tercih listenizin son hali ve başvuru sorumluluğu size aittir.
+          </p>
+          <nav
+            aria-label="Yasal sayfalar"
+            className="mt-4 flex items-center justify-center gap-4"
+          >
+            <Link
+              href="/gizlilik"
+              className="hover:text-slate-700 hover:underline"
+            >
+              Gizlilik & KVKK
+            </Link>
+            <Link
+              href="/kosullar"
+              className="hover:text-slate-700 hover:underline"
+            >
+              Kullanım & iade koşulları
+            </Link>
+            <Link
+              href="/iletisim"
+              className="hover:text-slate-700 hover:underline"
+            >
+              İletişim
+            </Link>
+          </nav>
+        </div>
+      </footer>
     </div>
   );
 }
diff --git a/src/app/paket/page.tsx b/src/app/paket/page.tsx
index abc9ac0..627e862 100644
--- a/src/app/paket/page.tsx
+++ b/src/app/paket/page.tsx
@@ -14,6 +14,7 @@ import { URUNLER, DENEME_KREDISI } from "@/lib/credits";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import { Parallax } from "@/components/parallax";
+import { PagePixelDivider } from "@/components/pixel-decor";
 import { SatinAlForm } from "./satin-al-form";
 
 export const metadata: Metadata = {
@@ -78,6 +79,8 @@ export default async function PaketPage({
             </p>
           </Parallax>
 
+          <PagePixelDivider seed={53} className="mx-auto mt-7" />
+
           <Parallax
             strength={6}
             className="mt-10 grid gap-6 sm:grid-cols-[1fr_auto]"
diff --git a/src/app/sonuc/page.tsx b/src/app/sonuc/page.tsx
index 040f4aa..a096e38 100644
--- a/src/app/sonuc/page.tsx
+++ b/src/app/sonuc/page.tsx
@@ -19,6 +19,7 @@ import type { MevcutRapor } from "./liste-paneli";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { ProgramTablosu } from "@/components/program-tablosu";
+import { PagePixelDivider } from "@/components/pixel-decor";
 
 export const metadata: Metadata = {
   title: "Tercih Listeni Kur — KolayTercih",
@@ -59,6 +60,7 @@ export default async function SonucPage({
         <p className="mt-3 text-slate-600">
           Listeni kurabilmek için ana sayfadan YKS başarı sıralamanı gir.
         </p>
+        <PagePixelDivider seed={59} className="mx-auto mt-6" />
         <Button asChild className="mt-6 cursor-pointer">
           <Link href="/">
             <ArrowLeft className="size-4" aria-hidden />
@@ -124,6 +126,7 @@ export default async function SonucPage({
           <span className="font-semibold text-amber-600">sarı az riskli</span>,{" "}
           <span className="font-semibold text-red-600">kırmızı riskli</span>.
         </p>
+        <PagePixelDivider seed={61} className="mt-7" />
 
         {/* Satın alım funnel'ı: değişen cümlelerle adayı sihirbaza (rapor
             varsa /listem paywall'ına) iten banner — paketli kullanıcıya
diff --git a/src/app/sonuc/sihirbaz-cagri-karti.tsx b/src/app/sonuc/sihirbaz-cagri-karti.tsx
index ba7a23a..208eff2 100644
--- a/src/app/sonuc/sihirbaz-cagri-karti.tsx
+++ b/src/app/sonuc/sihirbaz-cagri-karti.tsx
@@ -398,7 +398,7 @@ export function SihirbazBolumu({
                 </Button>
               </section>
             ) : girisBekliyor ? (
-              <section className="mt-16 rounded-2xl bg-primary p-8 text-center text-white sm:p-12">
+              <section className="mt-16 min-w-0 rounded-2xl bg-primary px-5 py-8 text-center text-white sm:p-12">
                 <h2 className="font-heading text-2xl font-bold sm:text-3xl">
                   Seçimlerin hazır — AI listen bir adım uzakta
                 </h2>
@@ -411,7 +411,7 @@ export function SihirbazBolumu({
                 <Button
                   asChild
                   size="lg"
-                  className="mt-6 h-12 cursor-pointer bg-orange-500 px-8 text-white transition-colors duration-200 hover:bg-orange-600"
+                  className="mt-6 h-auto min-h-12 w-full cursor-pointer whitespace-normal bg-orange-500 px-4 py-3 text-white transition-colors duration-200 hover:bg-orange-600 sm:w-auto sm:px-8"
                 >
                   <Link href={girisUrl}>
                     <Sparkles className="size-4" aria-hidden />5 deneme kredinle
@@ -423,7 +423,7 @@ export function SihirbazBolumu({
                 </p>
               </section>
             ) : (
-              <section className="mt-16 rounded-2xl bg-primary p-8 text-center text-white sm:p-12">
+              <section className="mt-16 min-w-0 rounded-2xl bg-primary px-5 py-8 text-center text-white sm:p-12">
                 <h2 className="font-heading text-2xl font-bold sm:text-3xl">
                   Bu listeyi 24 tercihlik plana çevirelim mi?
                 </h2>
@@ -435,7 +435,7 @@ export function SihirbazBolumu({
                 <Button
                   size="lg"
                   onClick={() => acikDegisti(true)}
-                  className="mt-6 h-12 cursor-pointer bg-orange-500 px-8 text-white transition-colors duration-200 hover:bg-orange-600"
+                  className="mt-6 h-auto min-h-12 w-full cursor-pointer whitespace-normal bg-orange-500 px-4 py-3 text-white transition-colors duration-200 hover:bg-orange-600 sm:w-auto sm:px-8"
                 >
                   <Sparkles className="size-4" aria-hidden />
                   Listemi oluştur
diff --git a/src/components/pixel-decor.tsx b/src/components/pixel-decor.tsx
index 72d3852..a7b0f9f 100644
--- a/src/components/pixel-decor.tsx
+++ b/src/components/pixel-decor.tsx
@@ -185,6 +185,21 @@ export function PixelDivider({
   );
 }
 
+/** Alt sayfa başlıklarını içerikten ayıran kompakt piksel imzası. */
+export function PagePixelDivider({
+  seed = 5,
+  className,
+}: {
+  seed?: number;
+  className?: string;
+}) {
+  return (
+    <div aria-hidden="true" className={cn("w-40", className)}>
+      <PixelDivider seed={seed} />
+    </div>
+  );
+}
+
 /** Küçük sabit süslerde (mark/korner) data-px öznitelikli rect. */
 function fixedPixel(x: number, y: number, opacity: number) {
   return (