/* ============================================================================
   T-spektral-insa · anasayfa.css
   YALNIZ index.html'e bağlıdır. Başka hiçbir sayfa bu dosyayı yüklemez.

   Buradaki kurallar bilerek `.sayfa-index` ile de kapsanmıştır: dosya yanlışlıkla
   başka bir sayfaya bağlanırsa bile etkisi anasayfayla sınırlı kalsın. İkisi
   birden — dosya kapsamı + seçici kapsamı — kasıtlı bir çift emniyet.
   ============================================================================ */

/* ── 1 · "İ" NOKTASININ ÜSTTEN KESİLMESİ ────────────────────────────────────
   Belirti: "İkinci sayfada kimse yok." ve "İlk yıl, tüm hizmetler ücretsiz."
   başlıklarında baştaki İ harfinin noktasının üst yarısı yok.

   Sebep: [data-split="harf"] başlıklarda GSAP SplitText her harfi `overflow:clip`
   bir maske kutusuna sarıyor. hareket.css o maskeye YALNIZ alttan pay veriyor
   (`.spharf-mask { padding-bottom:.18em; margin-bottom:-.18em }`) — ğ/ş/y
   kuyrukları kesilmesin diye. Üstte böyle bir pay yok; Türkçe "İ"nin noktası
   cap-height'ın ÜSTÜNDE kaldığı ve bu başlıkların line-height'ı sıkı olduğu için
   maskenin üst kenarına takılıyor.

   Çözüm: aynı payı simetrik olarak üste de ver. Reveal'i BOZMAZ: harfler
   AŞAĞIDAN yukarı giriyor (yPercent 118), yani maskenin gizlemesi gereken taraf
   alt taraf. Üstteki pay yalnız zaten yerine oturmuş glifin tepesine yer açar.

   NOT: bu bir GENEL hata — aynı kesilme seo.html ve yaklasim.html'deki bölünmüş
   başlıklarda da olur. "Yalnızca anasayfa" talimatı gereği burada kapsam
   anasayfayla sınırlı tutuldu. Site geneline almak istenirse doğru yer
   hareket.css'teki kardeş `padding-bottom` kuralının yanıdır. */
.sayfa-index [data-split] .spharf-mask {
  padding-top: .16em;
  margin-top: -.16em;
}

/* ── 2 · SEO AFİŞİNDEKİ KALIN MAVİ VURGULAR → BEYAZ ─────────────────────────
   temel.css: `.seo-satir b { color: var(--cz-renk) }` → bölümün hue'su (mavi,
   hue-7). Anasayfada bu vurgular beyaz olacak. font-weight 600 korunur:
   vurguyu artık renk değil yalnız ağırlık taşır. */
.sayfa-index .seo-satir b {
  color: var(--murekkep);
}

/* ── 3 · "İkinci sayfada kimse yok." ÇEVRESİNDEKİ KÖŞELİ SİLİK BLOKLAR ───────
   Belirti: başlığın her harfinin arkasında, dikey kenarları belli, silik
   dikdörtgen lekeler.

   Sebep: `#seo-h` id'si İKİ SAYFADA birden kullanılıyor ve tayf-tipografi.css §6
   ona 4 katmanlı (10/30/68/120px) beyaz `text-shadow` veriyor. O blok "yalnız
   seo.html" varsayımıyla yazılmış — varsayım YANLIŞ:
     · seo.html  → <h1 class="tayf-tam">, BÖLÜNMEZ → maske yok, hale temiz çıkar.
     · index.html→ <h2 data-split="harf">, GSAP SplitText her harfi `overflow:clip`
                   bir `.spharf-mask` kutusuna sarar → 120px'lik hale her harfin
                   KENDİ kutusuna kırpılır ve ekranda dikdörtgen lekeler kalır.

   Bu tuzak projede zaten belgeli: temel.css `.isik-baslik` notu aynen bunu
   söylüyor — "parlama text-shadow ile DEĞİL filter: drop-shadow ile verilir;
   maskeler harf kutularını kırpar". filter öğenin RENDER EDİLMİŞ çıktısına
   uygulanır, maske onu kırpmaz.

   Çözüm: anasayfada text-shadow'u kapat, aynı halenin karşılığını drop-shadow
   ile ver. Yarıçaplar em (başlık --t-h2 ile ölçekleniyor; ölçüldü: 112px'te
   eski 10/30/68/120px ≈ .09/.27/.61/1.07em). Katman sayısı 4 değil 2: aynı
   dosyanın notu gereği drop-shadow pahalıdır ve bu başlık split-reveal ile her
   karede yeniden çiziliyor — drop-shadow'lar üst üste bindiği için iki katman
   dördün görsel karşılığını zaten veriyor.
   seo.html'e DOKUNULMAZ: orası bölünmediği için mevcut text-shadow doğru çalışıyor. */
.sayfa-index #seo-h {
  text-shadow: none;
  filter:
    drop-shadow(0 0 .10em rgba(255, 255, 255, .52))
    drop-shadow(0 0 .42em rgba(255, 255, 255, .30));
}