/* Yeni tema · iç sayfalar (10.10.2026 akşam). Sahibi: "Mevcut temayı koruyalım, bunu yeni tema olarak yayına alalım; ancak diğer
   sayfaları da benzer konsepte uyarlayalım, iç sayfalardaki icon yapısı ve genel düzenlemeleri buna göre sağlayalım. İlk temamızı
   koruyalım, istediğimde ona da geçiş yapabileyim."
   - Yalnız yeni tema açıkken (ya da ?tema=yeni önizlemesinde) yüklenir; <html> üzerinde .tema-yeni sınıfıyla birlikte
     (app/(frontend)/layout.tsx, modules/home-v2/tema.ts). Her kural html.tema-yeni altında: anahtar kapanınca hiçbir iz kalmaz,
     ilk temanın dosyaları (site.css, sayfalar.css, blog.css) değişmez.
   - Tasarım dili yeni ana sayfayla aynı (anasayfa-v2.css): Poppins; iç sayfa H1 48/1.08 (telefon 32), H2 40/1.12 (telefon 28), gövde
     17/1.6 gri; üst etiket 12 px büyük harf Mor 40; bölüm boşluğu 128/64; 1 px ince çizgi #ECE8F3; kart köşesi 16–20, gölge yok;
     üç düğme biçimi (dolu Mor 40 / ince çerçeveli / yazı + ok); ikonlar tek renk çizgi (Mor 40), renkli karo ve gradyan zemin yok;
     marka logoları yalnız anlam taşıdığı yerde (platform, iş ortağı, vaka) kendi renginde; koyu zemin yalnız sayfa girişi (sakin
     Mor 90 → siyah) ve kapanış formu + alt bilgi; bölüm başına en çok bir sakin belirme.
   - İlk temada koyu olan bölümler (paketler, kart bölümleri, video, metin + görsel) yeni temada açık zemindedir: RenderBlocks bu
     bölümlerde "on-dark" yerine "section-soft" yazar ve data-theme="light" verir (modules/home-v2/tema.ts temaBlok); girişte
     data-theme="dark" (üst menü ve mobil çubuk tonu).
   Bölümler: 1 jetonlar ve sayfa geneli · 2 bölüm başlığı · 3 düğmeler · 4 ikon kutuları · 5 sayfa girişi · 6 kartlar · 7 paketler ·
   8 süreç · 9 SSS · 10 sayfa içi form ve çağrı bantları · 11 metin ve yasal metinler · 12 vakalar · 13 kampanyalar · 14 logolar ve
   platformlar · 15 video · 16 rakamlar · 17 e-kitaplar · 18 blog · 19 iletişim · 20 SEO analiz aracı · 21 kapanış formu + alt bilgi ·
   22 hareket · 23 ara ekran ve telefon · 24 tasarım birliği (jetonlar, zemin ritmi, kurumsal imza)
   10.10 gece (sahibi: "Tüm iç sayfalarda tasarım birliği sağlanması gerekir; boşluklar, stiller aynı olması gerekir. Kurumsal
   kimliğimizi yeni temamızla sağlam şekilde vurgulamamız gerekir."): bütün sayfa türleri ölçülüp ana sayfa jetonlarına eşitlendi —
   kapsayıcı 1200 / yan boşluk ana sayfayla aynı; bölüm boşluğu 128 / 96 / 64; zemin girişten sonra beyaz / açık gri sırayla
   (RenderBlocks → modules/home-v2/tema.ts zeminSirasi); düğme 48 (telefonda 52); kart köşesi 16, panel köşesi 20 (telefonda 16);
   kart iç boşluğu 28 (telefonda 20), panel 40 (telefonda 24); ikon kutusu 40 / 10; form kutusu 52, açık gri zemin, ince çizgi. */

/* ============================================================================
   1) Jetonlar ve sayfa geneli
   ========================================================================== */
html.tema-yeni {
  --v2-ink: #0A0613;
  --v2-hair: #ECE8F3;
  --v2-hair-d: rgba(255, 255, 255, 0.1);
  --v2-shadow: 0 1px 2px rgba(44, 4, 93, 0.05), 0 12px 32px rgba(44, 4, 93, 0.06);
  --v2-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ty-line: rgba(44, 4, 93, 0.09);       /* gri zeminde de görünen ince çizgi */
  --ty-line-2: rgba(44, 4, 93, 0.16);
  --ty-hero: radial-gradient(80% 70% at 78% -8%, rgba(44, 4, 93, 0.95) 0%, rgba(44, 4, 93, 0.35) 45%, rgba(44, 4, 93, 0) 72%), linear-gradient(180deg, #12082A 0%, var(--v2-ink) 100%);
  --fs-h1: 48px;
  --fs-h2: 40px;
}
/* Ana içerik: koyu yazı Mor 90 (ana sayfadaki gibi), çizgiler ince mor, kart gölgeleri yok */
html.tema-yeni main {
  --text: var(--wa-mor-90);
  --line: var(--ty-line);
  --line-strong: var(--ty-line-2);
  --shadow-card: none;
  --shadow-lift: none;
  --r-lg: 20px;
  --r-md: 14px;
  color: var(--text);
}
html.tema-yeni main h1, html.tema-yeni main h2, html.tema-yeni main h3 { letter-spacing: -0.015em; }

/* Bölüm boşluğu ve renk ritmi: beyaz tuval, gri #F5F5F7 ritim için; aynı tonda iki bölüm yan yana gelirse ince çizgi */
html.tema-yeni main > .section { padding-top: 128px; padding-bottom: 128px; }
html.tema-yeni main > .section.camp-note-sec { padding: 0; }
html.tema-yeni main > .section:not(.section-soft):not(.page-hero):not(.camp-note-sec):not([data-zemin]) + .section:not(.section-soft):not(.camp-note-sec):not([data-zemin]) { border-top: 1px solid var(--v2-hair); }
html.tema-yeni main > .section-soft:not([data-zemin]) + .section-soft:not([data-zemin]) { border-top: 1px solid var(--ty-line); }
/* Süsler: ışık lekeleri, ızgara çizgileri, dev W işaretleri ve doku yok */
html.tema-yeni main :is(.glow, .grid-lines, .vs-aura, .w-hero, .w-pkg, .w-cta, .w-cases),
html.tema-yeni main .cs-feature > .w-mark { display: none; }
html.tema-yeni main .section-soft { isolation: auto; }
html.tema-yeni main .muted { color: var(--text-2); }
html.tema-yeni main a:focus-visible, html.tema-yeni main button:focus-visible, html.tema-yeni main summary:focus-visible { outline-color: var(--wa-mor-40); }
html.tema-yeni main .accent { color: var(--wa-mor-40); }

/* ============================================================================
   2) Bölüm başlığı: üst etiket 12 px büyük harf Mor 40 · H2 40/1.12 Mor 90 · açıklama 17/1.6 gri, en çok 60ch · sola yaslı
   ========================================================================== */
html.tema-yeni main .section-head { max-width: 60ch; margin: 0 0 48px; text-align: left; }
html.tema-yeni main .section-head.center { margin-inline: 0; text-align: left; }
html.tema-yeni main .kicker { margin-bottom: 16px; font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wa-mor-40); }
html.tema-yeni main .section-head .kicker { display: block; }
html.tema-yeni main .section-head h2 { font-size: 40px; line-height: 1.12; font-weight: 600; letter-spacing: -0.02em; color: var(--wa-mor-90); text-wrap: balance; }
html.tema-yeni main .section-head > p { margin: 16px 0 0; max-width: 60ch; font-size: 17px; line-height: 1.6; color: var(--text-2); text-wrap: pretty; }
html.tema-yeni main .split { gap: 64px; margin-bottom: 56px; }

/* ============================================================================
   3) Düğmeler: sayfadaki her düğme üç biçimden biri (anasayfa-v2.css .v2-btn ile aynı ölçü ve ton)
   - ana: dolu hap 48 px, 15 px / 500; açık zeminde Mor 40 → Mor 50, koyu zeminde beyaz → açık gri, Mor 90 yazı
   - ikinci: saydam hap, 1 px çerçeve (yazı renginin %24'ü), üzerine gelince %48
   - yazı bağlantısı: Mor 40 (koyuda Mor 10) + ok; üzerine gelince ok 2 px kayar. Parlama, gradyan, gölge, büyüme yok.
   ========================================================================== */
html.tema-yeni main .btn {
  min-height: 48px; padding: 0 22px; gap: 8px; border-radius: 999px; border: 1px solid transparent;
  font-size: 15px; font-weight: 500; line-height: 1.2; letter-spacing: 0; box-shadow: none; text-decoration: none;
  -webkit-backdrop-filter: none; backdrop-filter: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
html.tema-yeni main .btn:active { transform: none; }
html.tema-yeni main .btn.btn-sm { min-height: 48px; padding: 0 22px; font-size: 15px; }
html.tema-yeni main .btn .arrow { display: inline-grid; transition: transform 0.25s var(--v2-ease); }
html.tema-yeni main .btn .arrow svg { width: 14px; height: 14px; }
html.tema-yeni main .btn:is(:hover, :focus-visible) .arrow { transform: translateX(2px); }
html.tema-yeni main .btn:focus-visible { outline: 2px solid var(--wa-mor-40); outline-offset: 2px; }
html.tema-yeni main .btn-primary { background: var(--wa-mor-40); color: var(--wa-beyaz); border-color: transparent; }
html.tema-yeni main .btn-primary:hover { background: var(--wa-mor-50); }
html.tema-yeni main :is(.btn-ghost, .btn-glass) { background: transparent; border-color: rgba(44, 4, 93, 0.24); color: var(--wa-mor-90); box-shadow: none; }
html.tema-yeni main :is(.btn-ghost, .btn-glass):hover { background: transparent; border-color: rgba(44, 4, 93, 0.48); color: var(--wa-mor-90); }
/* Koyu zemin (sayfa girişi, kapanış formu) */
html.tema-yeni main :is(.page-hero, .cta-shell .cta) .btn-primary { background: var(--wa-beyaz); color: var(--wa-mor-90); }
html.tema-yeni main :is(.page-hero, .cta-shell .cta) .btn-primary:hover { background: var(--wa-acik-gri); }
html.tema-yeni main :is(.page-hero, .cta-shell .cta) :is(.btn-ghost, .btn-glass) { border-color: rgba(255, 255, 255, 0.24); color: var(--wa-beyaz); background: transparent; }
html.tema-yeni main :is(.page-hero, .cta-shell .cta) :is(.btn-ghost, .btn-glass):hover { border-color: rgba(255, 255, 255, 0.48); color: var(--wa-beyaz); }
html.tema-yeni main :is(.page-hero, .cta-shell .cta) .btn:focus-visible { outline-color: var(--wa-mor-10); }
/* Yazı bağlantısı */
html.tema-yeni main .link-arrow { gap: 8px; min-height: 44px; font-size: 15px; font-weight: 500; color: var(--wa-mor-40); }
html.tema-yeni main .link-arrow:hover { color: var(--wa-mor-50); }
html.tema-yeni main .link-arrow svg { width: 14px; height: 14px; transition: transform 0.25s var(--v2-ease); }
html.tema-yeni main .link-arrow:hover svg { transform: translateX(2px); }

/* ============================================================================
   4) İkon kutuları: 40 px, 10 px köşe, 1 px ince çizgi, zemin yok; tek renk çizgi ikon 20 px Mor 40 (çizgi kalınlığı 1,6).
   Renkli karo, mor yarı saydam zemin ve gradyan yok. Marka ikonları (Apple, Android) kendi renginde kalır.
   ========================================================================== */
html.tema-yeni main :is(.service-icon, .kb-ic, .rt-card-ic, .ct-scope-ic, .ct-perk-ic, .cta-band-ic, .contact-card .c-ic, .kb-gift-ic, .stat-badge) {
  display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 10px;
  background: transparent; border: 1px solid var(--v2-hair); box-shadow: none; color: var(--wa-mor-40);
}
html.tema-yeni main :is(.service-icon, .kb-ic, .rt-card-ic, .ct-scope-ic, .ct-perk-ic, .cta-band-ic, .contact-card .c-ic, .kb-gift-ic, .stat-badge) svg { width: 20px; height: 20px; stroke-width: 1.6; }
html.tema-yeni main .section-soft :is(.service-icon, .kb-ic, .rt-card-ic, .ct-perk-ic, .cta-band-ic) { background: var(--wa-beyaz); }
html.tema-yeni main :is(.service-icon, .rt-card-ic):has(> .brand-ic) { background: var(--wa-beyaz); box-shadow: none; }
html.tema-yeni main .brand-ic { width: 20px; height: auto; }

/* ============================================================================
   5) Sayfa girişi: sakin koyu zemin (Mor 90 → siyah), sola yaslı metin, sağda görsel. Açık (hero-light) ve koyu (on-dark) girişin
   ikisi de aynı görünür: açık girişin değişkenleri koyu karşılıklarına döner.
   ========================================================================== */
html.tema-yeni main .page-hero {
  --dark-text: var(--wa-beyaz);
  --dark-text-2: rgba(255, 255, 255, 0.7);
  --dark-line: var(--v2-hair-d);
  --glass-bg: rgba(255, 255, 255, 0.04);
  --glass-bg-strong: rgba(255, 255, 255, 0.06);
  --glass-border: var(--v2-hair-d);
  --glass-surface: rgba(255, 255, 255, 0.03);
  --glass-highlight: none;
  --glass-fallback: var(--v2-ink);
  position: relative; isolation: isolate; overflow: hidden;
  padding: 152px 0 96px; background: var(--ty-hero); color: var(--wa-beyaz);
}
html.tema-yeni main .page-hero.hero-light { padding-bottom: 96px; }
html.tema-yeni main .page-hero > .w-mark { display: none; }
html.tema-yeni main .page-hero-grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 64px; align-items: start; }
html.tema-yeni main .page-hero-grid > :not(:first-child) { align-self: center; }
html.tema-yeni main .page-hero-grid.single { grid-template-columns: minmax(0, 1fr); }
html.tema-yeni main .page-hero h1 { margin-top: 28px; max-width: 18ch; font-size: 48px; line-height: 1.08; font-weight: 600; letter-spacing: -0.025em; color: var(--wa-beyaz); text-wrap: balance; }
html.tema-yeni main .page-hero h1 .accent { color: var(--wa-mor-10); }
html.tema-yeni main .page-hero .kicker { margin: 0; color: var(--wa-mor-10); }
html.tema-yeni main .page-hero .reveal:has(> .kicker) { margin-top: 28px !important; }
html.tema-yeni main .page-hero .reveal:has(> .kicker) + h1 { margin-top: 16px; }
html.tema-yeni main .page-hero .lead { margin-top: 24px; max-width: 36em; font-size: 18px; line-height: 1.6; color: rgba(255, 255, 255, 0.7); text-wrap: pretty; }
html.tema-yeni main .page-hero .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
html.tema-yeni main .page-hero :focus-visible { outline-color: var(--wa-mor-10); }
html.tema-yeni main .page-hero .muted { color: rgba(255, 255, 255, 0.7); }
/* Sayfa yolu: cam hap yerine düz satır */
html.tema-yeni main .breadcrumb { display: flex; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 13px; line-height: 1.4; }
html.tema-yeni main .breadcrumb ol { gap: 8px; color: rgba(255, 255, 255, 0.5); }
html.tema-yeni main .breadcrumb li + li::before { margin-right: 8px; opacity: 0.5; }
html.tema-yeni main .breadcrumb a { transition: color 0.2s ease; }
html.tema-yeni main .page-hero .breadcrumb a:hover, html.tema-yeni main .page-hero .breadcrumb [aria-current] { color: rgba(255, 255, 255, 0.86); }
/* İş ortağı satırı: beyaz tek renk logolar, ince ayraç */
html.tema-yeni main .page-hero .partner-lockup { gap: 14px; margin-top: 28px; }
html.tema-yeni main .page-hero .partner-lockup img { filter: brightness(0) invert(1); opacity: 0.92; }
html.tema-yeni main .page-hero .partner-lockup span { color: rgba(255, 255, 255, 0.4); font-size: 16px; }
html.tema-yeni main .page-hero .partner-lockup + div { margin-top: 24px !important; }
/* Görseller: hazır kompozisyon olduğu gibi (içerik), fotoğraf ince çerçeveli */
html.tema-yeni main .page-hero .hero-cutout img { max-width: 520px; }
html.tema-yeni main .page-hero .photo { border-radius: 20px; box-shadow: none; background: rgba(255, 255, 255, 0.04); }
/* Kapsam kartı (madde listesi), referans paneli ve kampanya yığını: düz koyu kart, tek ince çerçeve */
html.tema-yeni main .page-hero .setup-visual {
  gap: 0; padding: 24px 28px; border-radius: 20px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--v2-hair-d); box-shadow: none; color: var(--wa-beyaz);
}
html.tema-yeni main .page-hero .setup-visual .sv-head { margin: 0 0 8px; font-size: 13px; color: rgba(255, 255, 255, 0.6); }
html.tema-yeni main .page-hero .setup-visual .sv-brand img { filter: brightness(0) invert(1); }
html.tema-yeni main .page-hero .setup-visual .sv-brand > span { border-left-color: var(--v2-hair-d); }
html.tema-yeni main .page-hero .panel-tag { padding: 4px 10px; border: 1px solid var(--v2-hair-d); background: none; color: rgba(255, 255, 255, 0.7); font-size: 12px; line-height: 1.2; }
html.tema-yeni main .page-hero .setup-visual .sv-row {
  gap: 12px; padding: 14px 0; border: 0; border-top: 1px solid rgba(255, 255, 255, 0.08); border-radius: 0; background: none;
  font-size: 15px; line-height: 1.45; color: rgba(255, 255, 255, 0.86);
}
html.tema-yeni main .page-hero .setup-visual .sv-head + .sv-row { border-top: 0; }
html.tema-yeni main .page-hero .setup-visual .sv-row svg { width: 16px; height: 16px; color: var(--wa-mor-10); }
html.tema-yeni main .page-hero .ref-visual-grid { gap: 10px; margin-top: 8px; }
html.tema-yeni main .page-hero .ref-visual-grid li { height: 72px; border-radius: 12px; background: var(--wa-beyaz); box-shadow: none; }
html.tema-yeni main .page-hero .camp-stack { gap: 10px; }
html.tema-yeni main .page-hero .camp-stack-row { border-radius: 14px; border: 0; box-shadow: none; }
html.tema-yeni main .page-hero .camp-stack-row:hover { transform: none; box-shadow: none; }
/* Logo yörüngesi: parlama yok, ince düz halkalar, logolar durağan; indirim rozeti düz */
html.tema-yeni main .orbit-glow { display: none; }
html.tema-yeni main .orbit-ring { border: 1px solid rgba(255, 255, 255, 0.1); }
html.tema-yeni main .orbit-ob { animation: none; box-shadow: none; border-radius: 50%; }
html.tema-yeni main .orbit-core { box-shadow: none; border-radius: 50%; }
html.tema-yeni main .orbit-badge { background: var(--wa-mor-40); box-shadow: none; }
html.tema-yeni main .orbit-badge::before { display: none; }
/* Girişteki rakam satırı (StatsRow): cam şerit yerine ince çizgili satır */
html.tema-yeni main .page-hero .stats-glass { margin-top: 64px !important; border-radius: 0; border: 0; border-top: 1px solid var(--v2-hair-d); background: none; box-shadow: none; }
html.tema-yeni main .page-hero .stats-glass .stat { padding: 24px 24px 0 0; }
html.tema-yeni main .page-hero .stats-glass .stat + .stat { padding-left: 24px; border-left-color: var(--v2-hair-d); }
html.tema-yeni main .page-hero .stats-glass .stat .stat-badge { width: 40px; height: 40px; border-radius: 10px; background: none; border: 1px solid var(--v2-hair-d); box-shadow: none; color: var(--wa-mor-10); }
html.tema-yeni main .page-hero .stats-glass .stat .stat-badge.light { background: var(--wa-beyaz); }
html.tema-yeni main .page-hero .stats-glass .stat span { color: rgba(255, 255, 255, 0.6); }

/* ============================================================================
   6) Kartlar: beyaz, 1 px ince çizgi, 16–20 px köşe, gölge ve kalkma yok; üzerine gelince yalnız çerçeve Mor 40 %30
   ========================================================================== */
/* Hizmet kartları */
html.tema-yeni main .services { gap: 24px; }
html.tema-yeni main .service {
  gap: 0; padding: 28px; border-radius: 16px; background: var(--wa-beyaz); border: 1px solid var(--v2-hair); box-shadow: none;
  transition: border-color 0.2s ease, opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out);
}
html.tema-yeni main .service:hover { transform: none; box-shadow: none; border-color: rgba(135, 62, 255, 0.3); }
html.tema-yeni main .service .service-icon { margin-bottom: 24px; }
html.tema-yeni main .service h3 { font-size: 17px; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; color: var(--wa-mor-90); }
html.tema-yeni main .service p { margin-top: 8px; font-size: 15px; line-height: 1.55; color: var(--text-2); }
html.tema-yeni main .service .link-arrow { margin-top: 16px; align-self: flex-start; }
html.tema-yeni main .service .plat-row { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--v2-hair); }
html.tema-yeni main .plat-row li { height: 32px; border-radius: 8px; border-color: var(--v2-hair); }
/* Dönen cümleler: ince çizgili sade satır */
html.tema-yeni main .svc-head { margin-bottom: 48px; }
html.tema-yeni main .svc-head .svc-rotator { border-left: 1px solid rgba(135, 62, 255, 0.5); }
html.tema-yeni main .svc-head .svc-rotator-line { font-size: 17px; color: var(--text-2); }

/* Bilgi kartları (.card, .deliv) */
html.tema-yeni main :is(.card, .deliv) { border-radius: 16px; border: 1px solid var(--v2-hair); background: var(--wa-beyaz); box-shadow: none; color: var(--text); }
html.tema-yeni main :is(.card, .deliv) h3 { font-size: 17px; color: var(--wa-mor-90); }
html.tema-yeni main :is(.card, .deliv) p { color: var(--text-2); }

/* Kart bölümü (blocks/CardSection, IdeaSoft iş ortaklığı kataloğu) */
html.tema-yeni main .kb .section-head h2 .accent { color: var(--wa-mor-40); }
html.tema-yeni main .kb-cards { gap: 16px; }
html.tema-yeni main .kb-card { padding: 28px; border-radius: 16px; background: var(--wa-beyaz); border: 1px solid var(--v2-hair); box-shadow: none; color: var(--text); }
html.tema-yeni main .kb-card h3 { font-size: 18px; line-height: 1.35; font-weight: 600; color: var(--wa-mor-90); }
html.tema-yeni main .kb-card .kb-ic { margin-bottom: 20px; }
html.tema-yeni main .kb-text, html.tema-yeni main .kb-sub, html.tema-yeni main .kb-sub-inline { color: var(--text-2); }
html.tema-yeni main .kb-text { margin-top: 8px; font-size: 15px; line-height: 1.6; }
html.tema-yeni main .kb-card-link:hover { color: var(--wa-mor-40); }
html.tema-yeni main .kb-card.is-highlight { background: var(--wa-beyaz); border-color: rgba(135, 62, 255, 0.35); color: var(--text); }
html.tema-yeni main .kb-card.is-highlight :is(.kb-text, .kb-sub) { color: var(--text-2); }
html.tema-yeni main .kb-checks { gap: 10px; }
html.tema-yeni main .kb-checks li { color: var(--text); }
html.tema-yeni main .kb-checks li::before {
  width: 16px; height: 16px; margin-top: 3px; border-radius: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23873EFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 16px no-repeat;
}
html.tema-yeni main .kb-tiles li, html.tema-yeni main .kb-tiles li:nth-child(2), html.tema-yeni main .kb-tiles li:last-child:not(:first-child) { background: var(--wa-beyaz); border: 1px solid var(--v2-hair); border-radius: 12px; }
html.tema-yeni main .kb-tiles li:last-child:not(:first-child) { border-color: rgba(135, 62, 255, 0.35); }
html.tema-yeni main .kb-tiles li:last-child:not(:first-child) b, html.tema-yeni main .kb-tiles b { color: var(--wa-mor-40); }
html.tema-yeni main .kb-tiles li:last-child:not(:first-child) span, html.tema-yeni main .kb-tiles span { color: var(--text-2); }
html.tema-yeni main .kb-chip { background: var(--wa-beyaz); border: 1px solid var(--v2-hair); box-shadow: none; color: var(--wa-mor-90); }
html.tema-yeni main .kb-chip.is-partner { background: var(--wa-beyaz); border-color: rgba(135, 62, 255, 0.3); color: var(--wa-mor-40); }
html.tema-yeni main .kb-bt { border: 1px solid var(--v2-hair); box-shadow: none; }
html.tema-yeni main .kb-cards.is-grid2 .kb-aside-brands, html.tema-yeni main .kb-cards.is-grid3 .kb-aside-brands { border-top-color: var(--v2-hair); }
html.tema-yeni main .kb-cards.is-timeline::before { left: 19.5px; width: 1px; background: var(--v2-hair); }
html.tema-yeni main .kb-cards.is-timeline .kb-no { width: 40px; height: 40px; border-radius: 50%; background: var(--wa-beyaz); border: 1px solid var(--v2-hair); box-shadow: none; color: var(--wa-mor-90); font-size: 13px; font-weight: 500; }
html.tema-yeni main .kb-cards.is-timeline h3 { font-size: 18px; }
html.tema-yeni main .kb-cards.is-list .kb-card { border-top-color: var(--v2-hair); }
html.tema-yeni main .kb-card.is-gift { background: var(--wa-beyaz); border-color: rgba(135, 62, 255, 0.3); }
html.tema-yeni main .kb-gift-ic { width: 40px; height: 40px; }
html.tema-yeni main .kb-footnote { color: var(--text-2); }
html.tema-yeni main .kb-stats { gap: 16px; }
html.tema-yeni main .kb-stats li { padding: 28px; border-radius: 16px; background: var(--wa-beyaz); border: 1px solid var(--v2-hair); box-shadow: none; }
html.tema-yeni main .kb-stats b { color: var(--wa-mor-90); }
html.tema-yeni main .kb-person { border-radius: 16px; border: 1px solid var(--v2-hair); box-shadow: none; }
html.tema-yeni main .kb-person > img { box-shadow: 0 0 0 4px var(--wa-beyaz), 0 0 0 5px var(--v2-hair); }
html.tema-yeni main .kb-person-badge { background: none; border: 1px solid rgba(135, 62, 255, 0.3); color: var(--wa-mor-40); }
html.tema-yeni main .kb-body p { color: var(--text-2); }
/* İndirim bandı: koyu bant yerine ince çizgili açık şerit; oran düz Mor 40 */
html.tema-yeni main .kb-offer { padding: 24px 28px; border-radius: 16px; background: var(--wa-beyaz); border: 1px solid rgba(135, 62, 255, 0.3); box-shadow: none; color: var(--wa-mor-90); }
html.tema-yeni main .kb-offer::before { display: none; }
html.tema-yeni main .kb-offer-big { color: var(--wa-mor-40); font-size: clamp(36px, 4vw, 48px); }
html.tema-yeni main .kb-offer-big small { color: var(--text-2); font-size: 15px; }
html.tema-yeni main .kb-offer-title { font-size: 18px; color: var(--wa-mor-90); }
html.tema-yeni main .kb-offer-text { color: var(--text-2); }

/* Serbest metin yanındaki ikonlu kartlar */
html.tema-yeni main .rt-cards { gap: 12px; }
html.tema-yeni main .rt-cards li { padding: 28px; border-radius: 16px; background: var(--wa-beyaz); border: 1px solid var(--v2-hair); box-shadow: none; transition: border-color 0.2s ease, opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out); }
html.tema-yeni main .section:not(.section-soft) .rt-cards li { background: var(--wa-beyaz); }
html.tema-yeni main .rt-cards li:hover { transform: none; box-shadow: none; border-color: rgba(135, 62, 255, 0.3); }
html.tema-yeni main .rt-cards strong { font-size: 16px; color: var(--wa-mor-90); }
html.tema-yeni main .rt-cards.is-compact li { padding: 6px 14px 6px 6px; border-radius: 999px; }
html.tema-yeni main .rt-cards.is-compact .rt-card-ic { width: 30px; height: 30px; border-radius: 50%; }
html.tema-yeni main .rt-cards.is-compact .rt-card-ic svg { width: 16px; height: 16px; }

/* ============================================================================
   7) Paketler: gri zemin, beyaz kartlar (öne çıkan kart Mor 40 ince çerçeve), çizgili madde listesi, üç düğme sistemi
   ========================================================================== */
html.tema-yeni main .pkg-tabs, html.tema-yeni main .pkg-tabs.glass {
  justify-content: flex-start; margin: 0 0 40px; padding: 4px; gap: 2px; border-radius: 999px;
  background: var(--wa-beyaz); border: 1px solid var(--v2-hair); box-shadow: none;
}
html.tema-yeni main .pkg-tab { padding: 9px 16px; font-size: 14px; color: var(--text-2); }
html.tema-yeni main .pkg-tab:hover { color: var(--wa-mor-90); }
html.tema-yeni main .pkg-tab[aria-selected="true"] { background: var(--wa-mor-90); color: var(--wa-beyaz); }
html.tema-yeni main .pkg-tab[aria-selected="true"] .pkg-tab-ic { color: var(--wa-mor-10); }
html.tema-yeni main .pkg-tab:focus-visible { outline: 2px solid var(--wa-mor-40); outline-offset: 2px; }
html.tema-yeni main .pkgs { gap: 24px; }
html.tema-yeni main .pkg, html.tema-yeni main .pkg.featured {
  padding: 28px; border-radius: 16px; background: var(--wa-beyaz); border: 1px solid var(--v2-hair); box-shadow: none; color: var(--text);
}
html.tema-yeni main .pkg.featured { border-color: rgba(135, 62, 255, 0.45); }
html.tema-yeni main .pkg-ribbon { top: 0; padding: 5px 12px; background: var(--wa-mor-40); color: var(--wa-beyaz); font-size: 12px; font-weight: 500; letter-spacing: 0; box-shadow: none; }
html.tema-yeni main .pkg-name { font-size: 20px; font-weight: 600; letter-spacing: -0.015em; color: var(--wa-mor-90); }
html.tema-yeni main .pkg-amount strong { font-size: 24px; color: var(--wa-mor-90); }
html.tema-yeni main :is(.pkg, .pkg.featured) :is(.pkg-amount small, .pkg-renew, .pkg-std, .pkg-item-note) { color: var(--text-2); }
html.tema-yeni main :is(.pkg, .pkg.featured) .pkg-for { color: var(--text-2); }
html.tema-yeni main .pkg-badge { background: none; border: 1px solid rgba(135, 62, 255, 0.3); color: var(--wa-mor-40); }
html.tema-yeni main :is(.pkg, .pkg.featured) .pkg-list-title { color: var(--text-2); }
html.tema-yeni main :is(.pkg, .pkg.featured) .pkg-list-title strong { color: var(--wa-mor-90); }
html.tema-yeni main :is(.pkg, .pkg.featured) .pkg-list li + li { border-top-color: var(--v2-hair); }
html.tema-yeni main :is(.pkg, .pkg.featured) .pkg-list svg { color: var(--wa-mor-40); }
html.tema-yeni main .pkg-item-text { color: var(--wa-mor-90); }
html.tema-yeni main :is(.pkg, .pkg.featured) .pkg-platforms { border-top-color: var(--v2-hair); }
html.tema-yeni main :is(.pkg, .pkg.featured) .pkg-platforms-label { color: var(--text-2); }
html.tema-yeni main :is(.pkg, .pkg.featured) .pkg-ico { border: 1px solid var(--v2-hair); box-shadow: none; }
html.tema-yeni main .pkg-ico:hover { transform: none; box-shadow: none; }
html.tema-yeni main .pkg-decide { background: var(--wa-acik-gri); border: 0; }
html.tema-yeni main .pkg .btn { margin-top: 20px; }
/* Kurulum kartı: altyapı seçimi ince çizgili karolar, seçili karo Mor 40 çerçeve */
html.tema-yeni main .plat-tile { height: 60px; border: 1px solid var(--v2-hair); border-radius: 12px; background: var(--wa-beyaz); box-shadow: none; transition: border-color 0.2s ease; }
html.tema-yeni main .plat-tile:hover { transform: none; border-color: rgba(135, 62, 255, 0.35); }
html.tema-yeni main .plat-tile[aria-checked="true"] { border-color: var(--wa-mor-40); box-shadow: 0 0 0 1px var(--wa-mor-40); }
/* Ayrıntı düğmesi, karar şeridi, dipnot, kaydırma noktaları */
html.tema-yeni main .pkg-details { margin-top: 32px; }
html.tema-yeni main .pkg-help { margin-top: 40px; padding: 16px 16px 16px 20px; border-radius: 16px; background: var(--wa-beyaz); border: 1px solid var(--v2-hair); box-shadow: none; }
html.tema-yeni main .pkg-help-avatar { box-shadow: 0 0 0 1px var(--v2-hair); }
html.tema-yeni main .pkg-help strong { color: var(--wa-mor-90); }
html.tema-yeni main .pkg-help span { color: var(--text-2); }
html.tema-yeni main .pkg-foot { color: var(--text-2); }
html.tema-yeni main .pkg-foot a { color: var(--wa-mor-40); }
html.tema-yeni main .draft-note { padding: 0; border: 0; color: var(--text-2); }
html.tema-yeni main .pkg-dot { background-color: rgba(44, 4, 93, 0.18); }
html.tema-yeni main .pkg-dot[aria-current="true"] { background-color: var(--wa-mor-40); background-clip: content-box; }

/* ============================================================================
   8) Süreç: küçük numara (32 px ince çizgili daire), yanından ince çizgi; başlık ve tek cümle. Belirme dışında hareket yok.
   ========================================================================== */
html.tema-yeni main .steps { gap: 40px 32px; }
html.tema-yeni main .step { padding-top: 56px; border-top: 0; }
html.tema-yeni main .step.is-visible { border-top-color: transparent; }
html.tema-yeni main .step::before {
  top: 0; left: 0; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border-radius: 50%;
  border: 1px solid var(--v2-hair); background: var(--wa-beyaz); font-size: 12.5px; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--wa-mor-90);
}
html.tema-yeni main .section-soft .step::before { background: var(--wa-acik-gri); border-color: var(--ty-line-2); }
html.tema-yeni main .step::after { content: ""; position: absolute; top: 16px; left: 44px; right: 0; height: 1px; background: var(--v2-hair); }
html.tema-yeni main .section-soft .step::after { background: var(--ty-line); }
html.tema-yeni main .step h3 { font-size: 18px; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; color: var(--wa-mor-90); }
html.tema-yeni main .step p { margin-top: 8px; font-size: 15px; line-height: 1.55; color: var(--text-2); }

/* ============================================================================
   9) SSS: masaüstünde solda başlık, sağda sade akordeon; ince çizgiler, artı/eksi işareti
   ========================================================================== */
html.tema-yeni main .section:has(> .container > .faq) > .container { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 48px 64px; align-items: start; }
html.tema-yeni main .section:has(> .container > .faq) .section-head { margin: 0; }
html.tema-yeni main .faq { max-width: none; margin: 0; border-top: 1px solid var(--v2-hair); }
html.tema-yeni main .section-soft .faq, html.tema-yeni main .section-soft .faq details { border-color: var(--ty-line); }
html.tema-yeni main .faq details { border-bottom: 1px solid var(--v2-hair); }
html.tema-yeni main .faq summary { align-items: center; min-height: 64px; padding: 18px 0; font-size: 17px; font-weight: 500; line-height: 1.4; color: var(--wa-mor-90); }
html.tema-yeni main .faq summary .plus { width: 16px; height: 16px; margin: 0; border: 0; border-radius: 0; color: var(--wa-mor-90); background: none; transition: none; }
html.tema-yeni main .faq summary .plus::before, html.tema-yeni main .faq summary .plus::after { width: 14px; height: 1.5px; transition: none; }
html.tema-yeni main .faq details[open] summary .plus { background: none; color: var(--wa-mor-40); border: 0; }
html.tema-yeni main .faq details[open] summary .plus::after { opacity: 0; }
html.tema-yeni main .faq summary:hover { color: var(--wa-mor-40); }
html.tema-yeni main .faq summary:hover .plus { border: 0; color: var(--wa-mor-40); }
html.tema-yeni main .faq summary:focus-visible { outline: 2px solid var(--wa-mor-40); outline-offset: 4px; border-radius: 4px; }
html.tema-yeni main .faq .answer { margin: 0; padding: 0 48px 22px 0; font-size: 16px; line-height: 1.65; color: var(--text-2); }
html.tema-yeni main .faq .answer a { color: var(--wa-mor-40); text-decoration: underline; text-decoration-color: rgba(135, 62, 255, 0.35); text-underline-offset: 3px; }

/* ============================================================================
   10) Sayfa içi form (blocks/InlineLeadForm) ve çağrı bantları: ince çizgili açık kart, düz alanlar
   ========================================================================== */
html.tema-yeni main .il-card {
  gap: 56px; padding: 40px; border-radius: 20px; background: var(--wa-beyaz); border: 1px solid var(--v2-hair); box-shadow: none;
}
html.tema-yeni main .il-copy .kicker { margin-bottom: 12px; }
html.tema-yeni main .il-title { font-size: 28px; line-height: 1.2; letter-spacing: -0.02em; color: var(--wa-mor-90); }
html.tema-yeni main .il-text { margin-top: 12px; font-size: 16px; color: var(--text-2); }
html.tema-yeni main .il-points { color: var(--wa-mor-90); }
html.tema-yeni main .il-points svg { width: 16px; height: 16px; color: var(--wa-mor-40); }
html.tema-yeni main .il-form { gap: 14px; padding: 0; border-radius: 0; background: none; box-shadow: none; border: 0; }
html.tema-yeni main .il-topic strong { background: var(--wa-beyaz); border: 1px solid var(--v2-hair); color: var(--wa-mor-90); font-weight: 500; }
html.tema-yeni main .il-field input { height: 52px; border-radius: 12px; border: 1px solid var(--v2-hair); background: var(--wa-acik-gri); color: var(--wa-mor-90); font-size: 15px; }
html.tema-yeni main .il-field input:focus { border-color: var(--wa-mor-40); background: var(--wa-beyaz); box-shadow: 0 0 0 3px rgba(135, 62, 255, 0.15); outline: 0; }
html.tema-yeni main .il-done-ic { background: none; border: 1px solid var(--v2-hair); }
html.tema-yeni main .form-picked { background: var(--wa-acik-gri); }
/* Çağrı bandı (CtaBand) */
html.tema-yeni main .cta-band { gap: 32px; padding: 40px; border-radius: 20px; background: var(--wa-beyaz); border: 1px solid var(--v2-hair); box-shadow: none; }
html.tema-yeni main .cta-band h2 { font-size: 28px; line-height: 1.2; letter-spacing: -0.02em; color: var(--wa-mor-90); }
html.tema-yeni main .cta-band p { color: var(--text-2); }
html.tema-yeni main .cta-band-actions { gap: 12px; }
/* İnce kampanya şeridi (kurulum sayfaları): koyu girişin alt kenarına biner (ana sayfadaki analiz kartı gibi) */
html.tema-yeni main > .page-hero + .section.camp-note-sec { position: relative; z-index: 2; margin-top: -38px; }
html.tema-yeni main .camp-note { border-color: var(--v2-hair); box-shadow: var(--v2-shadow); }
html.tema-yeni main .camp-note .camp-logo { border-right-color: var(--v2-hair); }
html.tema-yeni main .camp-chip { background: none; border: 1px solid rgba(135, 62, 255, 0.3); color: var(--wa-mor-40); font-weight: 500; }

/* ============================================================================
   11) Metin blokları ve yasal metinler: okunur satır uzunluğu, sakin başlık hiyerarşisi, ince çizgili tablo
   ========================================================================== */
html.tema-yeni main .prose { max-width: 68ch; }
html.tema-yeni main .prose p { font-size: 17px; line-height: 1.7; color: var(--text-2); }
html.tema-yeni main .prose p + p { margin-top: 16px; }
html.tema-yeni main .prose strong { color: var(--wa-mor-90); font-weight: 600; }
html.tema-yeni main .prose :is(h2, h3, h4) { color: var(--wa-mor-90); text-wrap: balance; }
html.tema-yeni main .prose h2 { margin: 56px 0 12px; font-size: 24px; line-height: 1.3; letter-spacing: -0.015em; }
html.tema-yeni main .prose h3 { margin: 36px 0 8px; font-size: 18px; line-height: 1.4; }
html.tema-yeni main .prose h4 { margin: 28px 0 6px; font-size: 16px; }
html.tema-yeni main .prose > :first-child { margin-top: 0; }
html.tema-yeni main .prose :is(ul, ol) { margin-top: 12px; gap: 8px; font-size: 17px; line-height: 1.65; color: var(--text-2); }
html.tema-yeni main .prose li::marker { color: var(--wa-mor-40); }
html.tema-yeni main .prose a { color: var(--wa-mor-40); }
html.tema-yeni main .two-col { gap: 64px; }
/* Rakam satırı (Hakkımızda "Biz kimiz") */
html.tema-yeni main .rt-facts { margin-top: 64px; border-top-color: var(--v2-hair); }
html.tema-yeni main .rt-facts li + li { border-left-color: var(--v2-hair); }
html.tema-yeni main .rt-facts strong { color: var(--wa-mor-90); font-size: clamp(2.25rem, 3vw, 2.75rem); }
html.tema-yeni main .rt-facts span b { color: var(--wa-mor-90); }
/* Tablolar (panel editörü ve yazılar): koyu başlık satırı yerine açık gri, ince çizgiler */
html.tema-yeni main :is(.lexical-table-container, .lexical-table-wrapper), html.tema-yeni main .wa-tablo { border-color: var(--v2-hair); border-radius: 14px; }
html.tema-yeni main table.lexical-table th, html.tema-yeni main .wa-tablo th { background: var(--wa-acik-gri); color: var(--wa-mor-90); font-weight: 600; border-bottom: 1px solid var(--v2-hair); }
html.tema-yeni main table.lexical-table td, html.tema-yeni main .wa-tablo td { border-top-color: var(--v2-hair); color: var(--text-2); }
html.tema-yeni main table.lexical-table tr:nth-child(even) td, html.tema-yeni main .wa-tablo tr:nth-child(even) td { background: none; }
html.tema-yeni main .wa-tablo td:first-child { color: var(--wa-mor-90); }
html.tema-yeni main :is(table.lexical-table, .wa-tablo) :is(th, td) p { color: inherit; font-size: inherit; line-height: inherit; }
html.tema-yeni main table.lexical-table :is(th, td) { border-color: var(--v2-hair) !important; } /* editörün satır içi #ccc çizgisi */

/* ============================================================================
   12) Vakalar: liste kartları, öne çıkan vaka (açık kart), vaka sayfası
   ========================================================================== */
html.tema-yeni main .case-nums.is-light dd, html.tema-yeni main .case-nums.is-dark dd { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--wa-mor-90); }
html.tema-yeni main .case-nums.is-dark dt { color: var(--text-2); }
html.tema-yeni main .cs-tags li, html.tema-yeni main .cs-tags.is-dark li { padding: 5px 10px; border-radius: 999px; background: var(--wa-beyaz); border: 1px solid var(--v2-hair); color: var(--wa-mor-90); font-size: 12.5px; font-weight: 400; }
html.tema-yeni main .cs-card-meta, html.tema-yeni main .cs-card-meta.is-dark { font-size: 12px; font-weight: 500; letter-spacing: 0.08em; color: var(--text-2); }
html.tema-yeni main .cs-grid { gap: 24px; }
html.tema-yeni main .cs-card { border-radius: 16px; border: 1px solid var(--v2-hair); background: var(--wa-beyaz); box-shadow: none; transition: border-color 0.2s ease, opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out); }
html.tema-yeni main .cs-card:hover { transform: none; box-shadow: none; border-color: rgba(135, 62, 255, 0.3); }
html.tema-yeni main .cs-card-link { padding: 28px; }
html.tema-yeni main .cs-card-title { font-size: 18px; color: var(--wa-mor-90); }
html.tema-yeni main .cs-card-nums { border-top-color: var(--v2-hair); }
html.tema-yeni main .cs-card-nums dd { font-size: 1.75rem; }
html.tema-yeni main :is(.cs-card-go, .ref-card-go) { border: 1px solid var(--v2-hair); background: none; color: var(--wa-mor-90); transition: transform 0.25s var(--v2-ease), color 0.2s ease, border-color 0.2s ease; }
html.tema-yeni main .cs-card:hover .cs-card-go, html.tema-yeni main .ref-card.is-link:hover .ref-card-go { background: none; border-color: rgba(135, 62, 255, 0.4); color: var(--wa-mor-40); transform: translateX(3px); }
html.tema-yeni main .filter { padding: 8px 16px; border-color: var(--v2-hair); background: var(--wa-beyaz); color: var(--text-2); font-size: 13px; transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease; }
html.tema-yeni main .filter:hover { border-color: rgba(44, 4, 93, 0.3); color: var(--wa-mor-90); }
html.tema-yeni main .filter[aria-pressed="true"], html.tema-yeni main .filter[aria-current="page"] { background: var(--wa-mor-90); border-color: var(--wa-mor-90); color: var(--wa-beyaz); }
/* Öne çıkan vaka: koyu vitrin yerine ince çizgili açık kart; sonuçlar gri kutuda */
html.tema-yeni main .cs-feature { gap: 48px; padding: 40px; border-radius: 20px; background: var(--wa-beyaz); border: 1px solid var(--v2-hair); box-shadow: none; color: var(--wa-mor-90); }
html.tema-yeni main .cs-feature-logo { height: auto; padding: 0; border-radius: 0; background: none; box-shadow: none; }
html.tema-yeni main .cs-feature-kicker { padding: 5px 10px; background: none; border: 1px solid rgba(135, 62, 255, 0.3); color: var(--wa-mor-40); font-weight: 500; letter-spacing: 0.08em; }
html.tema-yeni main .cs-feature-title { font-size: clamp(1.5rem, 1.1rem + 1vw, 1.875rem); color: var(--wa-mor-90); }
html.tema-yeni main .cs-feature-title a:hover { color: var(--wa-mor-40); }
html.tema-yeni main .cs-feature-sum { color: var(--text-2); font-size: 17px; }
html.tema-yeni main .cs-feature-side { background: var(--wa-acik-gri); border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
html.tema-yeni main .cs-feature .cs-sample { color: var(--text-2); border-color: var(--ty-line-2); }
/* Vaka sayfası: koyu giriş (logo beyaz tabakta), sonuçlar koyu kartta, bilgi şeridi girişin altına biner */
html.tema-yeni main .cs-hero { padding-bottom: 136px; }
html.tema-yeni main .cs-hero h1 { max-width: 22ch; font-size: 48px; }
html.tema-yeni main .cs-hero-brand { margin-top: 28px; }
html.tema-yeni main .cs-hero-logo { height: 52px; padding: 0 18px; border-radius: 12px; border: 0; box-shadow: none; }
html.tema-yeni main .cs-hero .cs-hero-kicker { font-size: 12px; font-weight: 500; letter-spacing: 0.12em; color: var(--wa-mor-10); }
html.tema-yeni main .cs-hero .cs-tags li { background: none; border-color: var(--v2-hair-d); color: rgba(255, 255, 255, 0.8); }
html.tema-yeni main .cs-results { padding: 24px 28px; border-radius: 20px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--v2-hair-d); box-shadow: none; }
html.tema-yeni main .cs-results .cs-results-head { color: rgba(255, 255, 255, 0.6); font-weight: 500; }
html.tema-yeni main .cs-results .cs-results-period { background: none; border: 1px solid var(--v2-hair-d); color: rgba(255, 255, 255, 0.8); }
html.tema-yeni main .cs-results .case-nums dd { color: var(--wa-beyaz); }
html.tema-yeni main .cs-results .case-nums dt { color: rgba(255, 255, 255, 0.6); }
html.tema-yeni main .cs-results .case-num { border-color: var(--v2-hair-d) !important; }
html.tema-yeni main .cs-results-note { color: rgba(255, 255, 255, 0.6); }
html.tema-yeni main .cs-facts { border-color: var(--v2-hair); box-shadow: var(--v2-shadow); border-radius: 16px; }
html.tema-yeni main .cs-facts > div + div { border-left-color: var(--v2-hair); }
html.tema-yeni main .cs-facts dt { font-weight: 500; letter-spacing: 0.08em; }
html.tema-yeni main .cs-sec-num { padding: 0; background: none; color: var(--wa-mor-40); font-size: 12px; font-weight: 500; letter-spacing: 0.12em; }
html.tema-yeni main .cs-sec-head h2, html.tema-yeni main .cs-outcome h2 { font-size: 28px; color: var(--wa-mor-90); }
html.tema-yeni main .cs-chapter-text p, html.tema-yeni main .cs-outcome-text p { font-size: 17px; line-height: 1.75; color: var(--text-2); }
html.tema-yeni main .cs-step { padding: 28px; border-radius: 16px; background: var(--wa-beyaz); border: 1px solid var(--v2-hair); }
html.tema-yeni main .cs-step:hover { background: var(--wa-beyaz); border-color: rgba(135, 62, 255, 0.3); }
html.tema-yeni main .cs-step-num { font-size: 13px; font-weight: 500; letter-spacing: 0.08em; color: var(--wa-mor-40); -webkit-text-stroke: 0; }
html.tema-yeni main .cs-step h3 { font-size: 18px; color: var(--wa-mor-90); }
html.tema-yeni main .cs-outcome { padding: 40px; border-radius: 20px; background: var(--wa-acik-gri); border: 0; }
html.tema-yeni main .cs-outcome-nums { border-top-color: var(--ty-line-2); }
html.tema-yeni main .cs-cta { padding: 40px; border-radius: 20px; background: var(--wa-acik-gri); color: var(--wa-mor-90); }
html.tema-yeni main .cs-cta h2 { font-size: 28px; color: var(--wa-mor-90); }
html.tema-yeni main .cs-cta p { color: var(--text-2); }
html.tema-yeni main .cs-others-head h2 { font-size: 40px; line-height: 1.12; letter-spacing: -0.02em; color: var(--wa-mor-90); }

/* ============================================================================
   13) Kampanyalar: bilet sakin (beyaz üst, gri koçan, ince kesik çizgi; ışık ve gradyan yok), satır ve başvuru kartı ince çizgili
   ========================================================================== */
html.tema-yeni main .ct-grid { gap: 24px; }
html.tema-yeni main .ct { border-radius: 16px; box-shadow: 0 0 0 1px var(--v2-hair); transition: box-shadow 0.2s ease, opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out); }
html.tema-yeni main .ct:hover { transform: none; box-shadow: 0 0 0 1px rgba(135, 62, 255, 0.35); }
html.tema-yeni main .ct:target { box-shadow: 0 0 0 2px var(--wa-mor-40); }
html.tema-yeni main .ct-top { padding: 28px 28px 24px; background: none; border-radius: 16px 16px 0 0; }
html.tema-yeni main .ct-scope { color: var(--wa-mor-90); }
html.tema-yeni main .ct-until { font-weight: 500; color: var(--text-2); }
html.tema-yeni main .ct-cut { margin: 0; border-top: 1px dashed var(--ty-line-2); }
html.tema-yeni main .ct-cut::before, html.tema-yeni main .ct-cut::after { display: none; }
html.tema-yeni main .ct-stub { padding: 24px 28px 28px; border-radius: 0 0 16px 16px; background: var(--wa-beyaz); color: var(--wa-mor-90); }
html.tema-yeni main .ct-stub::before { display: none; }
html.tema-yeni main .ct-rate { color: var(--wa-mor-40); background: none; -webkit-background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: currentColor; }
html.tema-yeni main .ct-lbl { color: var(--wa-mor-90); }
html.tema-yeni main .ct-cta { min-height: 44px; padding: 0; border-radius: 0; background: none; color: var(--wa-mor-40); font-weight: 500; justify-content: flex-start; gap: 8px; }
html.tema-yeni main .ct:hover .ct-cta { background: none; color: var(--wa-mor-50); }
html.tema-yeni main .ct-cta-go { width: auto; height: auto; background: none; color: inherit; }
html.tema-yeni main .ct-cta-go svg { width: 14px; height: 14px; }
html.tema-yeni main .ct-perks { padding: 28px; border-radius: 16px; box-shadow: 0 0 0 1px var(--v2-hair); }
html.tema-yeni main .ct-perks strong { color: var(--wa-mor-90); }
html.tema-yeni main .camp-terms { color: var(--text-2); }
html.tema-yeni main .camp-rate { color: var(--wa-mor-40); background: none; -webkit-background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: currentColor; }
html.tema-yeni main .camp-stack-row { border-color: var(--v2-hair); }
html.tema-yeni main .camp-stack-row:hover { transform: none; box-shadow: none; border-color: rgba(135, 62, 255, 0.35); }
html.tema-yeni main .camp-stack-go { background: none; border: 1px solid var(--v2-hair); color: var(--wa-mor-90); }
html.tema-yeni main .camp-all { font-weight: 500; color: var(--wa-mor-40); }
html.tema-yeni main .camp-apply { padding: 40px; border-radius: 20px; border-color: var(--v2-hair); box-shadow: none; }
html.tema-yeni main .camp-apply-head h2 { font-size: 28px; line-height: 1.2; letter-spacing: -0.02em; color: var(--wa-mor-90); }
html.tema-yeni main .form-simple .field input:not([type="radio"]), html.tema-yeni main .form-simple .field select { height: 52px; border-radius: 12px; border: 1px solid var(--v2-hair); background-color: var(--wa-acik-gri); color: var(--wa-mor-90); font-size: 15px; box-shadow: none; }
html.tema-yeni main .form-simple .field :is(input:not([type="radio"]), select):focus { border-color: var(--wa-mor-40); background-color: var(--wa-beyaz); box-shadow: 0 0 0 3px rgba(135, 62, 255, 0.15); outline: 0; }
html.tema-yeni main .camp-choice-item { border-color: var(--v2-hair); border-radius: 12px; }
html.tema-yeni main .camp-choice-item:has(input:checked) { border-color: var(--wa-mor-40); background: var(--wa-beyaz); box-shadow: 0 0 0 1px var(--wa-mor-40); }

/* ============================================================================
   14) Logo duvarı, referans şeridi, platformlar: beyaz kart, ince çizgi; müşteri ve platform logoları kendi renginde
   ========================================================================== */
html.tema-yeni main .ref-wall { gap: 16px; }
html.tema-yeni main .ref-card { border-radius: 16px; border: 1px solid var(--v2-hair); box-shadow: none; transition: border-color 0.2s ease; }
html.tema-yeni main .ref-card.is-link:hover { transform: none; box-shadow: none; border-color: rgba(135, 62, 255, 0.3); }
html.tema-yeni main .ref-card-logo { border-bottom-color: var(--v2-hair); }
html.tema-yeni main .ref-card-badge { padding: 3px 9px; background: var(--wa-beyaz); border: 1px solid rgba(135, 62, 255, 0.3); color: var(--wa-mor-40); font-weight: 500; }
html.tema-yeni main .ref-name { color: var(--wa-mor-90); }
html.tema-yeni main .plat-hub { gap: 16px; }
html.tema-yeni main .plat-link { border-radius: 16px; border: 1px solid var(--v2-hair); box-shadow: none; color: var(--wa-mor-90); transition: border-color 0.2s ease, opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out); }
html.tema-yeni main .plat-link:hover { transform: none; box-shadow: none; border-color: rgba(135, 62, 255, 0.3); }
html.tema-yeni main .plat-hub .plat-link em { font-weight: 500; color: var(--wa-mor-40); }
html.tema-yeni main .logos { border-bottom-color: var(--v2-hair); }

/* ============================================================================
   15) Video (blocks/VideoStory): açık bölüm, temiz çerçeve (20 px köşe, 1 px çizgi, tek yumuşak gölge), sade beyaz oynat düğmesi.
   Dönen kenar ışığı, nabız halkaları, ortam ışığı ve logo yuvalarının ışıltısı yok.
   ========================================================================== */
html.tema-yeni main :is(.vs-brand, .vs-cinema) { background: var(--wa-acik-gri); color: var(--wa-mor-90); }
html.tema-yeni main .vs-brand { padding: 128px 0; }
html.tema-yeni main .vs-stage::before, html.tema-yeni main .vs-card::before { display: none; }
html.tema-yeni main .vs-frame { padding: 0; border-radius: 20px; background: var(--v2-ink); border: 1px solid var(--v2-hair); box-shadow: var(--v2-shadow); animation: none; }
html.tema-yeni main .vs-frame video, html.tema-yeni main .vs-shade, html.tema-yeni main .vs-card .vs-frame video, html.tema-yeni main .vs-card .vs-shade { border-radius: 19px; }
html.tema-yeni main .vs-shade { inset: 0; background: linear-gradient(180deg, rgba(10, 6, 19, 0) 55%, rgba(10, 6, 19, 0.55) 100%); }
html.tema-yeni main .vs-play, html.tema-yeni main .vs-card .vs-play {
  width: 72px; height: 72px; margin: -36px 0 0 -36px; border: 0; background: var(--wa-beyaz); color: var(--wa-mor-90);
  box-shadow: 0 8px 24px rgba(10, 6, 19, 0.22); transition: transform 0.25s var(--v2-ease);
}
html.tema-yeni main .vs-play::before, html.tema-yeni main .vs-play::after { display: none; }
html.tema-yeni main .vs-play .pp, html.tema-yeni main .vs-card .vs-play .pp { width: auto; height: auto; background: none; box-shadow: none; color: var(--wa-mor-90); }
html.tema-yeni main .vs-play .pp svg { width: 22px; height: 22px; }
html.tema-yeni main .vs-play .pp svg :is(path, polygon) { fill: currentColor; }
html.tema-yeni main .vs-play:hover { transform: scale(1.04); background: var(--wa-beyaz); }
html.tema-yeni main .vs-mark, html.tema-yeni main .vs-meta i { display: none; }
html.tema-yeni main .vs-meta { background: rgba(10, 6, 19, 0.5); border: 0; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
html.tema-yeni main :is(.vs-quote, .vs-card-cap) { color: var(--text-2); }
html.tema-yeni main .vs-head h2 { font-size: 40px; color: var(--wa-mor-90); }
html.tema-yeni main .vs-logos li:hover { background: none; }
html.tema-yeni main .vs-logos li::after { display: none; }
html.tema-yeni main .vs-logo.is-enter, html.tema-yeni main .vs-logo.is-out { filter: none; }
html.tema-yeni main .vs-logos img { filter: grayscale(1) brightness(0.25); opacity: 0.55; }
html.tema-yeni main .vs-logos li:hover img { opacity: 0.85; }
html.tema-yeni main .vs-logos-link { color: var(--wa-mor-40); font-weight: 500; }
html.tema-yeni main .vs-logos-link:hover { color: var(--wa-mor-50); }
html.tema-yeni main .vs-card-btn { border: 1px solid rgba(44, 4, 93, 0.24); background: none; box-shadow: none; color: var(--wa-mor-90); }
html.tema-yeni main .vs-card-btn .pp-sm { background: var(--wa-mor-40); }
/* Varsayılan düzen (metin solda, kart sağda): beyaz oynat hapı, künye cam şerit yerine videonun altında yumuşak gölgeli düz yazı */
html.tema-yeni main .video-frame { padding: 0; overflow: hidden; border-radius: 20px; border: 1px solid var(--v2-hair); background: var(--v2-ink); box-shadow: var(--v2-shadow); }
html.tema-yeni main .video-frame video, html.tema-yeni main .video-frame .vs-yt-poster { border-radius: 19px; background: var(--v2-ink); }
html.tema-yeni main .vs-frame .vs-yt-poster { border-radius: 19px; background: var(--v2-ink); }
html.tema-yeni main .video-frame::after { content: ""; position: absolute; inset: auto 0 0; height: 45%; border-radius: 0 0 19px 19px; background: linear-gradient(180deg, rgba(10, 6, 19, 0), rgba(10, 6, 19, 0.6)); pointer-events: none; }
html.tema-yeni main .video-play {
  z-index: 1; gap: 10px; padding: 6px 18px 6px 6px; border: 0; background: var(--wa-beyaz); color: var(--wa-mor-90); box-shadow: 0 8px 24px rgba(10, 6, 19, 0.22);
  transition: transform 0.25s var(--v2-ease);
}
html.tema-yeni main .video-play:hover { background: var(--wa-beyaz); }
html.tema-yeni main .video-play .pp { width: 36px; height: 36px; background: var(--wa-mor-90); box-shadow: none; animation: none; }
html.tema-yeni main .video-cap { z-index: 1; left: 20px; right: 20px; bottom: 16px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: rgba(255, 255, 255, 0.72); }
html.tema-yeni main .quote { border-left: 1px solid rgba(135, 62, 255, 0.5); color: var(--text-2); font-size: 17px; }

/* ============================================================================
   16) Rakamlar (StatsRow, açık bölümde): cam şerit yerine ince çizgili satır, ikonlar tek renk çizgi
   ========================================================================== */
html.tema-yeni main .section .stats-glass { margin-bottom: 64px; border-radius: 0; border: 0; border-top: 1px solid var(--v2-hair); background: none; box-shadow: none; color: var(--wa-mor-90); }
html.tema-yeni main .section-soft .stats-glass { border-top-color: var(--ty-line); }
html.tema-yeni main .section .stats-glass .stat { padding: 24px 24px 0 0; }
html.tema-yeni main .section .stats-glass .stat + .stat { padding-left: 24px; border-left-color: var(--v2-hair); }
html.tema-yeni main .section .stats-glass .stat .stat-badge { width: 40px; height: 40px; border-radius: 10px; background: none; border: 1px solid var(--v2-hair); box-shadow: none; color: var(--wa-mor-40); }
html.tema-yeni main .section .stats-glass .stat .stat-badge.light { background: var(--wa-beyaz); }
html.tema-yeni main .section .stats-glass .stat strong { color: var(--wa-mor-90); }
html.tema-yeni main .section .stats-glass .stat span { color: var(--text-2); }

/* ============================================================================
   17) E-kitaplar: kart ince çizgili, gölge ve kalkma yok; kapak (ürün görseli) korunur, iç ışığı sakin
   ========================================================================== */
html.tema-yeni main .ebook-grid { gap: 24px; }
html.tema-yeni main .ebook-card { border-radius: 16px; border: 1px solid var(--v2-hair); box-shadow: none; transition: border-color 0.2s ease; }
html.tema-yeni main .ebook-card:hover { transform: none; box-shadow: none; border-color: rgba(135, 62, 255, 0.3); }
html.tema-yeni main .ebook-cover { box-shadow: none; }
html.tema-yeni main .ebook-cover::after { opacity: 0.5; }
html.tema-yeni main .ebook-summary { color: var(--text-2); }
html.tema-yeni main .ebooks-band .section-head { margin-inline: 0; text-align: left; }

/* ============================================================================
   18) Blog: koyu giriş + arama kutusu, yazı kartları ince çizgili, yazı sayfasında sakin okuma düzeni; yazı içi koyu kartlar açık
   ========================================================================== */
html.tema-yeni main .blog-search { height: 52px; margin-top: 32px; padding: 0 20px; border-radius: 999px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.14); box-shadow: none; color: rgba(255, 255, 255, 0.6); }
html.tema-yeni main .blog-search input { color: var(--wa-beyaz); font-size: 16px; }
html.tema-yeni main .blog-search input::placeholder { color: rgba(255, 255, 255, 0.5); }
html.tema-yeni main .page-hero .blog-search:focus-within { border-color: var(--wa-mor-10); }
html.tema-yeni main .post-grid { gap: 24px; }
html.tema-yeni main .post-card { border-radius: 16px; border: 1px solid var(--v2-hair); box-shadow: none; transition: border-color 0.2s ease; }
html.tema-yeni main .post-card:hover { transform: none; box-shadow: none; border-color: rgba(135, 62, 255, 0.3); }
html.tema-yeni main .post-card-body { padding: 28px; }
html.tema-yeni main .post-card-body .chip { padding: 4px 10px; background: none; border: 1px solid var(--v2-hair); color: var(--text-2); font-weight: 500; }
html.tema-yeni main .post-card h3 { font-size: 18px; line-height: 1.35; color: var(--wa-mor-90); }
html.tema-yeni main .post-card.featured h3 { font-size: 28px; line-height: 1.2; }
html.tema-yeni main .post-card-meta { color: var(--text-2); }
html.tema-yeni main .pager-num { border-color: var(--v2-hair); color: var(--wa-mor-90); }
html.tema-yeni main .pager-num:hover { border-color: rgba(44, 4, 93, 0.3); }
html.tema-yeni main .pager-num[aria-current="page"] { background: var(--wa-mor-90); border-color: var(--wa-mor-90); color: var(--wa-beyaz); }
html.tema-yeni main .pager-step { color: var(--wa-mor-40); }
html.tema-yeni main .pager-step:hover { background: none; color: var(--wa-mor-50); }
/* Kapak görseli (kurumsal kalıp, CSS ile çizilir): yeni temada açık gri zemin, Mor 90 başlık, soluk Mor 40 W; 25 koyu mor karonun
   yerine sakin editoryal ızgara. Paylaşım görseli (OG) ayrı üretilir, değişmez. */
html.tema-yeni main .wa-cover { box-shadow: none; border-radius: 16px; background: var(--wa-acik-gri); color: var(--wa-mor-90); }
html.tema-yeni main .wa-cover-w { background: var(--wa-mor-40); opacity: 0.07; }
html.tema-yeni main .wa-cover-kicker { border-color: var(--ty-line-2); background: var(--wa-beyaz); color: var(--wa-mor-90); }
html.tema-yeni main .wa-cover-kicker::before { background: var(--wa-mor-40); }
html.tema-yeni main .wa-cover-author { color: var(--text-2); }
html.tema-yeni main .wa-cover-avatar { box-shadow: 0 0 0 max(1.5px, 0.35cqw) var(--wa-beyaz); }
html.tema-yeni main .post-card .wa-cover { border-radius: 0; border-bottom: 1px solid var(--v2-hair); }
/* Yazı sayfası */
html.tema-yeni main .post-hero { padding-bottom: 96px; }
html.tema-yeni main .post-hero h1 { max-width: 22ch; font-size: 48px; line-height: 1.08; }
html.tema-yeni main .post-meta { gap: 28px; margin-top: 28px; color: rgba(255, 255, 255, 0.86); }
html.tema-yeni main .page-hero :is(.post-author small, .post-meta-item small) { color: rgba(255, 255, 255, 0.55); }
html.tema-yeni main .page-hero .post-avatar { box-shadow: 0 0 0 1px var(--v2-hair-d); }
html.tema-yeni main .post-hero-grid .wa-cover { border: 0; }
html.tema-yeni main .read-progress span { background: var(--wa-mor-40); }
html.tema-yeni main .post-layout { justify-content: space-between; }
html.tema-yeni main .post-body { font-size: 17px; line-height: 1.75; color: rgba(10, 6, 19, 0.8); }
html.tema-yeni main .post-body > p, html.tema-yeni main .post-body > ul { color: rgba(10, 6, 19, 0.8); }
html.tema-yeni main .post-body :is(h2, h3, h4) { color: var(--wa-mor-90); }
html.tema-yeni main .post-body > h2 { margin-top: 56px; font-size: 26px; line-height: 1.3; letter-spacing: -0.015em; color: var(--wa-mor-90); }
html.tema-yeni main .post-body > h3 { font-size: 19px; color: var(--wa-mor-90); }
html.tema-yeni main .post-body strong { color: var(--wa-mor-90); }
html.tema-yeni main .post-body > p a, html.tema-yeni main .post-body > ul a { color: var(--wa-mor-40); text-decoration-color: rgba(135, 62, 255, 0.35); }
html.tema-yeni main .tldr { padding: 24px 28px; border-radius: 16px; background: var(--wa-acik-gri); border: 0; }
html.tema-yeni main .tldr h2 { font-weight: 500; letter-spacing: 0.12em; color: var(--wa-mor-40); }
html.tema-yeni main .tldr ul { color: var(--wa-mor-90); }
html.tema-yeni main .toc { border-color: var(--v2-hair); border-radius: 16px; }
html.tema-yeni main .toc-title { font-weight: 500; letter-spacing: 0.12em; }
html.tema-yeni main .toc ol a { border-radius: 0; }
html.tema-yeni main .toc ol a.is-active { color: var(--wa-mor-90); background: none; border-left-color: var(--wa-mor-40); }
html.tema-yeni main .toc ol a:hover { background: none; color: var(--wa-mor-90); }
html.tema-yeni main .toc-cta { background: var(--wa-acik-gri); color: var(--wa-mor-90); }
html.tema-yeni main .toc-cta img { box-shadow: 0 0 0 1px var(--v2-hair); }
html.tema-yeni main .toc-cta p { color: var(--text-2); }
html.tema-yeni main .toc-cta strong { color: var(--wa-mor-90); }
/* Yazı içi çağrılar: koyu cam kart yerine açık gri kart, mor gradyan ve dev W yok */
html.tema-yeni main .cta-inline { padding: 40px; border-radius: 20px; background: var(--wa-acik-gri); color: var(--wa-mor-90); }
html.tema-yeni main .cta-inline p { color: var(--text-2); }
html.tema-yeni main .cta-inline .kicker { color: var(--wa-mor-40); }
html.tema-yeni main .cta-platforms { padding: 40px; border-radius: 20px; background: var(--wa-beyaz); border: 1px solid var(--v2-hair); }
html.tema-yeni main .cta-platforms::after { display: none; }
html.tema-yeni main .mini-checks li { background: var(--wa-acik-gri); color: var(--wa-mor-90); font-weight: 500; }
html.tema-yeni main .mini-checks li::before { border-radius: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23873EFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 14px no-repeat; }
html.tema-yeni main .plat-row { border: 1px solid var(--v2-hair); border-radius: 16px; box-shadow: none; }
html.tema-yeni main .plat-row:hover { transform: none; box-shadow: none; border-color: rgba(135, 62, 255, 0.3); }
html.tema-yeni main .plat-row-go { background: none; border: 1px solid var(--v2-hair); color: var(--wa-mor-90); }
html.tema-yeni main .plat-row:hover .plat-row-go { background: none; color: var(--wa-mor-40); border-color: rgba(135, 62, 255, 0.4); }
html.tema-yeni main .cta-end { border-color: var(--v2-hair); border-radius: 20px; box-shadow: none; }
html.tema-yeni main .author-card { border: 1px solid var(--v2-hair); background: var(--wa-beyaz); box-shadow: none; border-radius: 16px; }
html.tema-yeni main .author-photo { padding: 0; background: none; }
html.tema-yeni main .author-photo :is(span, img) { border: 0; box-shadow: 0 0 0 1px var(--v2-hair); }
html.tema-yeni main .author-label { font-weight: 500; letter-spacing: 0.12em; color: var(--wa-mor-40); }
html.tema-yeni main .author-name { color: var(--wa-mor-90); }
html.tema-yeni main .author-tags li { background: var(--wa-beyaz); border: 1px solid var(--v2-hair); color: var(--wa-mor-90); font-weight: 400; }
html.tema-yeni main .icon-btn.light { background: none; border: 1px solid var(--v2-hair); color: var(--wa-mor-90); }
html.tema-yeni main .icon-btn.light:hover { background: none; color: var(--wa-mor-40); border-color: rgba(135, 62, 255, 0.4); }
html.tema-yeni main .author-more { color: var(--wa-mor-40); }
/* Yazı içi görsel bileşenler: düz renkler, ince çizgiler */
html.tema-yeni main .post-body .wa-rakamlar > p { background: var(--wa-beyaz); border-color: var(--v2-hair); }
html.tema-yeni main .post-body .wa-rakamlar > p strong { color: var(--wa-mor-90); }
html.tema-yeni main .post-body ol.wa-adimlar > li { border-color: var(--v2-hair); }
html.tema-yeni main .post-body ol.wa-adimlar > li::before { background: none; border: 1px solid var(--v2-hair); color: var(--wa-mor-90); font-weight: 500; }
html.tema-yeni main .post-body :is(.wa-not, .wa-uyari) { border-radius: 14px; }
html.tema-yeni main .post-body .wa-not { background: var(--wa-acik-gri); border-color: transparent; }
html.tema-yeni main .post-body .wa-not::before { background: var(--wa-mor-40); }
html.tema-yeni main .post-body .wa-uyari { background: var(--wa-beyaz); border-color: rgba(135, 62, 255, 0.3); }
html.tema-yeni main .post-body .wa-uyari::before { background: var(--wa-mor-90); }
html.tema-yeni main .post-body .wa-arti-eksi > .wp-block-column { border-color: var(--v2-hair); }
html.tema-yeni main .post-body ul.wa-kontrol > li { background: var(--wa-acik-gri); }
html.tema-yeni main .post-body figure.wa-gorsel img { border-color: var(--v2-hair); }
html.tema-yeni main .post-body .wa-gorsel-yer { border: 1px dashed var(--ty-line-2); background: var(--wa-acik-gri); color: var(--text-2); }
/* Yazar sayfası */
html.tema-yeni main .author-hero-photo { box-shadow: 0 0 0 1px var(--v2-hair-d); }
html.tema-yeni main .page-hero .author-hero-role { color: var(--wa-mor-10); }
html.tema-yeni main .page-hero .author-tags li { background: none; border-color: var(--v2-hair-d); color: rgba(255, 255, 255, 0.86); }
html.tema-yeni main .page-hero.author-hero h1 { font-size: 48px; line-height: 1.08; }

/* ============================================================================
   19) İletişim: ince çizgili kartlar, ikon kutuları tek renk; harita yer tutucusu düz gri
   ========================================================================== */
html.tema-yeni main .contact-cards { gap: 16px; }
html.tema-yeni main .contact-card { padding: 28px; border-radius: 16px; border: 1px solid var(--v2-hair); box-shadow: none; transition: border-color 0.2s ease; }
html.tema-yeni main a.contact-card:hover { transform: none; border-color: rgba(135, 62, 255, 0.35); }
html.tema-yeni main .contact-card .c-ic.c-wa { color: #25D366; }
html.tema-yeni main .contact-card strong { color: var(--wa-mor-90); }
html.tema-yeni main .contact-card em { color: var(--wa-mor-40); font-weight: 500; }
html.tema-yeni main .map { border-radius: 20px; border-color: var(--v2-hair); background: var(--wa-acik-gri); }
html.tema-yeni main .map .btn-glass { background: var(--wa-beyaz); }
html.tema-yeni main .legal-card { border-radius: 16px; background: var(--wa-acik-gri); }

/* ============================================================================
   20) SEO analiz aracı (yalnız çerçeve; aracın metni ve işleyişi değişmez): koyu giriş, beyaz adres kutusu, beyaz örnek rapor
   kartı; sonuç bölümünde kartlar ince çizgili ve gölgesiz
   ========================================================================== */
html.tema-yeni main .sa-hero .lead { max-width: 34rem; }
html.tema-yeni main .sa-hero .sa-label { color: rgba(255, 255, 255, 0.6); }
html.tema-yeni main .sa-hero .sa-input { padding: 5px 5px 5px 18px; border: 0; box-shadow: none; }
html.tema-yeni main .sa-hero .sa-input:focus-within { box-shadow: 0 0 0 3px rgba(209, 193, 255, 0.35); }
html.tema-yeni main .sa-hero .sa-input input { color: var(--wa-mor-90); }
html.tema-yeni main .sa-hero .sa-input .btn-primary { background: var(--wa-mor-40); color: var(--wa-beyaz); }
html.tema-yeni main .sa-hero .sa-input .btn-primary:hover { background: var(--wa-mor-50); }
html.tema-yeni main .sa-hero :is(.sa-note, .sa-progress) { color: rgba(255, 255, 255, 0.6); }
html.tema-yeni main .sa-hero .sa-progress-bar { background: rgba(255, 255, 255, 0.12); }
html.tema-yeni main .sa-hero .sa-progress-bar i { background: var(--wa-mor-10); }
html.tema-yeni main .sa-hero .sa-err { color: #FFB4C0; }
html.tema-yeni main .sa-hero .sa-err-links a { color: var(--wa-beyaz); }
html.tema-yeni main .sa-sample { border: 0; box-shadow: none; border-radius: 20px; color: var(--wa-mor-90); }
html.tema-yeni main .sa-sample-tag { background: none; border: 1px solid var(--v2-hair); color: var(--text-2); }
html.tema-yeni main .sa-sample-rows { border-top-color: var(--v2-hair); }
html.tema-yeni main :is(.sa-summary, .sa-row) { border-color: var(--v2-hair); box-shadow: none; }
html.tema-yeni main .sa-summary { border-radius: 20px; }
html.tema-yeni main .sa-gate { border-radius: 20px; box-shadow: none; }
html.tema-yeni main .sa-gate.is-low { box-shadow: 0 0 0 1px var(--wa-mor-40); }
html.tema-yeni main .sa-cats { border-top-color: var(--v2-hair); }
html.tema-yeni main .sa-chip, html.tema-yeni main .sa-gate-k { background: none; border: 1px solid rgba(135, 62, 255, 0.3); color: var(--wa-mor-40); }
html.tema-yeni main .sa-fix { background: var(--wa-acik-gri); }

/* ============================================================================
   21) Kapanış formu (çekirdek LeadForm; işaretleme değişmez) + alt bilgi: yeni ana sayfadaki gibi düz koyu yüzey. Solda başlık + kısa
   metin, sağda temiz form kartı; alt bilgi aynı zeminde, araya ince çizgi. Tabaka bindirmesi, ışık, ızgara, dev W yok.
   ========================================================================== */
html.tema-yeni main .cta-shell { position: relative; margin: 0; padding: 0; background: var(--v2-ink); }
html.tema-yeni main .cta-shell > .cta { max-width: none; margin: 0; padding: 128px 0 112px; border: 0; border-radius: 0; background: var(--v2-ink); box-shadow: none; }
html.tema-yeni main .cta-shell > .cta .container { width: min(100% - 2 * var(--gutter), var(--container)); }
html.tema-yeni main .cta-shell :is(.glow, .grid-lines, .w-mark) { display: none; }
html.tema-yeni main .cta-shell .cta-grid { grid-template-columns: minmax(0, 1fr) 460px; gap: 64px; align-items: start; }
html.tema-yeni main .cta-shell .kicker { font-size: 12px; letter-spacing: 0.12em; color: var(--wa-mor-10); margin-bottom: 16px; }
html.tema-yeni main .cta-shell h2 { font-size: 40px; line-height: 1.12; letter-spacing: -0.02em; font-weight: 600; max-width: 16ch; color: var(--wa-beyaz); }
html.tema-yeni main .cta-shell .lead { margin-top: 16px; max-width: 46ch; font-size: 17px; line-height: 1.6; color: rgba(255, 255, 255, 0.7); }
html.tema-yeni main .cta-shell .cta-points { margin-top: 28px; gap: 12px; font-size: 15px; color: rgba(255, 255, 255, 0.78); }
html.tema-yeni main .cta-shell .cta-points svg { width: 16px; height: 16px; flex: none; }
html.tema-yeni main .cta-shell .cta-meet { margin-top: 36px; padding: 20px 0 0; border: 0; border-top: 1px solid var(--v2-hair-d); border-radius: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; }
html.tema-yeni main .cta-shell .cta-meet-ic { width: 40px; height: 40px; border-radius: 10px; background: none; border: 1px solid var(--v2-hair-d); }
html.tema-yeni main .cta-shell .cta-meet-ic .meet-dot { animation: none; }
html.tema-yeni main .cta-shell .cta-meet .btn, html.tema-yeni main .cta-shell .cta-meet-mini a {
  background: none; border: 0; box-shadow: none; min-height: 44px; padding: 0 2px; color: var(--wa-mor-10); font-weight: 500; -webkit-backdrop-filter: none; backdrop-filter: none;
}
html.tema-yeni main .cta-shell .cta-meet .btn:is(:hover, :focus-visible), html.tema-yeni main .cta-shell .cta-meet-mini a:is(:hover, :focus-visible) { background: none; color: var(--wa-beyaz); }
html.tema-yeni main .cta-shell .form.glass { padding: 32px; border-radius: 20px; background: rgba(255, 255, 255, 0.04); border: 1px solid var(--v2-hair-d); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
html.tema-yeni main .cta-shell .field label { color: rgba(255, 255, 255, 0.7); }
html.tema-yeni main .cta-shell .field :is(input, select) { height: 52px; border-radius: 12px; font-size: 15px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; color: var(--wa-beyaz); }
html.tema-yeni main .cta-shell .field :is(input, select):focus { border-color: var(--wa-mor-10); box-shadow: 0 0 0 3px rgba(209, 193, 255, 0.18); }
html.tema-yeni main .cta-shell .consent { color: rgba(255, 255, 255, 0.7); }
html.tema-yeni main .cta-shell .consent a { display: inline-block; padding: 13px 0; margin: -13px 0; }
html.tema-yeni main .cta-shell .form-note { color: rgba(255, 255, 255, 0.6); }
html.tema-yeni main .cta-shell .form-picked { background: rgba(255, 255, 255, 0.06); color: var(--wa-beyaz); }
html.tema-yeni main .cta-shell .btn.btn-primary.btn-block { min-height: 52px; border-radius: 999px; font-size: 15px; font-weight: 500; background: var(--wa-beyaz); color: var(--wa-mor-90); border: 0; box-shadow: none; transition: background-color 0.2s ease, opacity 0.2s ease; }
html.tema-yeni main .cta-shell .btn.btn-primary.btn-block:hover { background: var(--wa-acik-gri); box-shadow: none; transform: none; }
html.tema-yeni main .cta-shell .btn.btn-primary.btn-block:focus-visible { outline: 2px solid var(--wa-mor-10); outline-offset: 2px; }
html.tema-yeni main .cta-shell .btn.btn-primary.btn-block[aria-busy="true"] { opacity: 0.75; cursor: progress; }
html.tema-yeni main .cta-shell .success-ic { background: var(--wa-mor-40); }
/* Alt bilgi: kapanış formuyla aynı koyu zemin, üstte ince çizgi; dev W, ışık ve ızgara yok */
html.tema-yeni body > .footer { background: var(--v2-ink); border-top: 1px solid var(--v2-hair-d); }
html.tema-yeni body > .footer :is(.w-mark, .glow, .grid-lines) { display: none; }
/* Alt bilgideki SEO analiz bandı (ek modül; aracın metni ve işleyişi değişmez): cam kart ve ışık yerine düz, ince çerçeveli şerit */
html.tema-yeni body > .footer .sa-fband { border-radius: 20px; border: 1px solid var(--v2-hair-d); background: rgba(255, 255, 255, 0.03); box-shadow: none; }
html.tema-yeni body > .footer .sa-fband-glow { display: none; }
html.tema-yeni body > .footer .sa-fband-ring { stroke: var(--wa-mor-10); }
html.tema-yeni body > .footer .sa-fband-kicker { font-size: 12px; letter-spacing: 0.12em; }
html.tema-yeni body > .footer .sa-fband-tags li { border-color: var(--v2-hair-d); background: none; }
html.tema-yeni body > .footer .sa-fband-tags li::before { background: var(--wa-mor-10); }
html.tema-yeni body > .footer .sa-fband-form { box-shadow: none; }
html.tema-yeni body > .footer .sa-fband-form .btn { border-radius: 999px; box-shadow: none; }
/* Kapanış + alt bilgi tek koyu yüzey ve sakin ortam ışığı — yeni ana sayfadakinin aynısı (anasayfa-v2.css 5. bölüm; 10.10 akşam,
   sahibi: "footer ve bu alan simsiyah bg, estetik temaya uygun animasyon gelebilir"). Birleşme çizgisinin ortasından yükselen
   yumuşak Mor 50 çekirdek + geniş Mor 70 hale: üst yarı kapanışın, alt yarı alt bilginin ::before'unda, aynı ölçü / merkez / anahtar
   kareler (tek ışık gibi okunur). Yalnız transform (translateY + scaleY, merkez çizgide), 28 sn gidip gelir; alfa çok düşük. Aradaki
   ince çizgi kalkar. Yalnız kapanış formu sayfanın son bölümüyken (ışık açık bir bölüme dayanmasın; öteki sayfalarda alt bilgi
   bugünkü gibi düz). Geniş ekranda üst kenardan ışığa inen 1 px durağan çizgi (girişteki huzmenin yankısı; metin sütunuyla form
   arasındaki boşluktan geçer). "Hareketi azalt"ta ışık durağan. */
@keyframes ty-isik { from { transform: translateY(2%) scaleY(0.96); } to { transform: translateY(-3%) scaleY(1.06); } }
html.tema-yeni body:has(> main > section.cta-shell:last-of-type) > .footer { border-top: 0; }
html.tema-yeni main > section.cta-shell:last-of-type > .cta::before,
html.tema-yeni body:has(> main > section.cta-shell:last-of-type) > .footer::before {
  content: ""; position: absolute; z-index: -1; left: 50%; width: min(1680px, 170vw); height: 800px; pointer-events: none;
  background:
    radial-gradient(closest-side, rgba(114, 14, 236, 0.17), rgba(114, 14, 236, 0.08) 40%, rgba(114, 14, 236, 0.025) 72%, rgba(114, 14, 236, 0)) 50% 50% / 56% 60% no-repeat,
    radial-gradient(closest-side, rgba(80, 7, 170, 0.24), rgba(80, 7, 170, 0.11) 42%, rgba(80, 7, 170, 0.035) 72%, rgba(80, 7, 170, 0));
  animation: ty-isik 28s ease-in-out infinite alternate;
}
html.tema-yeni main > section.cta-shell:last-of-type > .cta::before { bottom: 0; translate: -50% 50%; }
html.tema-yeni body:has(> main > section.cta-shell:last-of-type) > .footer::before { top: 0; translate: -50% -50%; }
@media (min-width: 1240px) {
  html.tema-yeni main > section.cta-shell:last-of-type > .cta::after {
    content: ""; position: absolute; z-index: -1; left: 50%; top: 0; width: 1px; height: calc(100% - 96px); translate: -50% 0; pointer-events: none;
    background: linear-gradient(180deg, rgba(209, 193, 255, 0) 0%, rgba(209, 193, 255, 0.1) 40%, rgba(209, 193, 255, 0.24) 82%, rgba(209, 193, 255, 0) 100%);
  }
}
@media (max-width: 720px) {
  html.tema-yeni main > section.cta-shell:last-of-type > .cta::before,
  html.tema-yeni body:has(> main > section.cta-shell:last-of-type) > .footer::before { height: 600px; }
}
@media (prefers-reduced-motion: reduce) {
  html.tema-yeni main > section.cta-shell:last-of-type > .cta::before,
  html.tema-yeni body:has(> main > section.cta-shell:last-of-type) > .footer::before { animation: none; }
}

/* ============================================================================
   22) Hareket: bölüm başına tek sakin belirme (12 px alttan + saydamlık, 0,5 s, 60 ms kademe). Kart kalkmaları, dönen halkalar,
   nabızlar ve süzülmeler yok. "Hareketi azalt" tercihinde son hâl.
   ========================================================================== */
html.tema-yeni main .reveal { transform: translateY(12px); transition: opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out); }
html.tema-yeni main .reveal.is-visible { transform: none; }
html.tema-yeni main .reveal[data-delay="1"] { transition-delay: 60ms; }
html.tema-yeni main .reveal[data-delay="2"] { transition-delay: 120ms; }
html.tema-yeni main .reveal[data-delay="3"] { transition-delay: 180ms; }
html.tema-yeni.no-js main .reveal { opacity: 1; transform: none; }
@keyframes ty-in { from { opacity: 0; transform: translateY(12px); } }
html.tema-yeni main > section:first-of-type .reveal { opacity: 1; transform: none; animation: ty-in 0.5s var(--ease-out) both; }
html.tema-yeni main .svc-rotator-dot, html.tema-yeni main .cta-meet-ic .meet-dot { animation: none; }
@media (prefers-reduced-motion: reduce) {
  html.tema-yeni main .reveal, html.tema-yeni main > section:first-of-type .reveal { opacity: 1; transform: none; transition: none; animation: none; }
  html.tema-yeni main :is(.btn, .btn .arrow, .link-arrow svg, .cs-card-go, .ref-card-go, .vs-play) { transition: none; }
}

/* ============================================================================
   23) Ara ekran ve telefon
   ========================================================================== */
@media (max-width: 1100px) {
  html.tema-yeni main > .section { padding-top: 96px; padding-bottom: 96px; }
  html.tema-yeni main .vs-brand { padding: 96px 0; }
}
@media (max-width: 1080px) {
  html.tema-yeni main .page-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  html.tema-yeni main .cta-shell .cta-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  html.tema-yeni main .section:has(> .container > .faq) > .container { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  html.tema-yeni main .cs-feature { padding: 32px; gap: 32px; }
}
@media (max-width: 860px) {
  html.tema-yeni main .page-hero { padding: 112px 0 72px; }
  html.tema-yeni main .cs-hero { padding-bottom: 112px; }
}
@media (max-width: 720px) {
  html.tema-yeni { --fs-h1: 32px; --fs-h2: 28px; }
  html.tema-yeni main > .section { padding-top: 64px; padding-bottom: 64px; }
  html.tema-yeni main .vs-brand { padding: 64px 0; }
  html.tema-yeni main .section-head { margin-bottom: 32px; }
  html.tema-yeni main .kicker, html.tema-yeni main .section-head .kicker { margin-bottom: 12px; }
  html.tema-yeni main .section-head h2 { font-size: 28px; line-height: 1.16; }
  html.tema-yeni main .section-head > p { font-size: 16px; }
  /* Giriş */
  html.tema-yeni main .page-hero { padding: 100px 0 56px; }
  html.tema-yeni main .page-hero.hero-light { padding-bottom: 56px; }
  html.tema-yeni main .page-hero h1, html.tema-yeni main .cs-hero h1, html.tema-yeni main .post-hero h1, html.tema-yeni main .page-hero.author-hero h1 { margin-top: 20px; font-size: 32px; line-height: 1.12; }
  html.tema-yeni main .page-hero .lead { margin-top: 16px; font-size: 16px; line-height: 1.55; }
  html.tema-yeni main .page-hero .hero-actions { flex-direction: column; align-items: stretch; gap: 10px; margin-top: 28px; }
  html.tema-yeni main .page-hero .hero-actions .btn { min-height: 52px; width: 100%; }
  html.tema-yeni main .page-hero .reveal:has(> .kicker) { margin-top: 20px !important; }
  html.tema-yeni main .page-hero .partner-lockup { margin-top: 20px; }
  html.tema-yeni main .page-hero .hero-cutout img { max-width: 320px; }
  html.tema-yeni main .page-hero .setup-visual { padding: 18px 20px; }
  html.tema-yeni main .page-hero .setup-visual .sv-row { padding: 12px 0; font-size: 14.5px; }
  html.tema-yeni main .page-hero .stats-glass { margin-top: 40px !important; }
  html.tema-yeni main .page-hero .stats-glass .stat, html.tema-yeni main .section .stats-glass .stat { padding: 16px 0; }
  html.tema-yeni main .page-hero .stats-glass .stat + .stat, html.tema-yeni main .section .stats-glass .stat + .stat { padding-left: 0; border-left: 0; border-top: 1px solid var(--v2-hair-d); }
  html.tema-yeni main .section .stats-glass .stat + .stat { border-top-color: var(--v2-hair); }
  html.tema-yeni main .cs-hero { padding-bottom: 96px; }
  /* Kartlar */
  html.tema-yeni main .services, html.tema-yeni main .cs-grid, html.tema-yeni main .post-grid { gap: 16px; }
  html.tema-yeni main .btn, html.tema-yeni main .btn.btn-sm { min-height: 52px; }
  html.tema-yeni main .service { padding: 20px; }
  html.tema-yeni main .service .service-icon { margin-bottom: 18px; }
  html.tema-yeni main .kb-card, html.tema-yeni main .rt-cards li:not(.is-compact li), html.tema-yeni main .kb-stats li, html.tema-yeni main .post-card-body, html.tema-yeni main .contact-card { padding: 20px; }
  html.tema-yeni main .cs-card-link { padding: 20px; }
  html.tema-yeni main .pkg, html.tema-yeni main .pkg.featured { padding: 20px; }
  html.tema-yeni main .il-card { padding: 24px; gap: 24px; border-radius: 16px; }
  html.tema-yeni main .il-title { font-size: 22px; }
  html.tema-yeni main .il-form { padding: 0; }
  html.tema-yeni main .cta-band { padding: 24px; gap: 20px; border-radius: 16px; }
  html.tema-yeni main .cta-band h2 { font-size: 22px; }
  html.tema-yeni main .cta-band-actions .btn { min-height: 52px; }
  html.tema-yeni main .cs-feature { padding: 24px; border-radius: 16px; }
  html.tema-yeni main .cs-feature-side { padding: 20px; }
  html.tema-yeni main .cs-cta, html.tema-yeni main .cs-outcome { padding: 24px; border-radius: 16px; }
  html.tema-yeni main .cs-sec-head h2, html.tema-yeni main .cs-outcome h2, html.tema-yeni main .cs-cta h2 { font-size: 22px; }
  html.tema-yeni main .cs-others-head h2 { font-size: 28px; }
  html.tema-yeni main .camp-apply { padding: 24px; border-radius: 16px; }
  html.tema-yeni main .camp-apply-head h2 { font-size: 22px; }
  html.tema-yeni main .ct-top { padding: 22px 20px 18px; }
  html.tema-yeni main .ct-stub { padding: 18px 20px 20px; }
  html.tema-yeni main .ct-perks { padding: 20px; }
  html.tema-yeni main .kb-offer { padding: 20px; }
  html.tema-yeni main .video-frame .vs-yt-poster, html.tema-yeni main .vs-frame .vs-yt-poster { border-radius: 15px; }
  html.tema-yeni main .pkg-tabs, html.tema-yeni main .pkg-tabs.glass { border-radius: 16px; margin-bottom: 24px; }
  /* Süreç: numara solda, ince dikey çizgi */
  html.tema-yeni main .steps { gap: 0; }
  html.tema-yeni main .step { display: grid; grid-template-columns: 32px minmax(0, 1fr); column-gap: 18px; padding: 0 0 24px; }
  html.tema-yeni main .step::before { position: relative; top: auto; left: auto; grid-row: 1 / span 2; z-index: 1; }
  html.tema-yeni main .step::after { top: 32px; bottom: 0; left: 15.5px; right: auto; width: 1px; height: auto; }
  html.tema-yeni main .step:last-child::after { display: none; }
  html.tema-yeni main .step h3 { grid-column: 2; padding-top: 4px; font-size: 16.5px; }
  html.tema-yeni main .step p { grid-column: 2; margin-top: 4px; font-size: 14.5px; }
  /* SSS */
  html.tema-yeni main .faq summary { min-height: 52px; padding: 12px 0; font-size: 15px; line-height: 1.38; }
  html.tema-yeni main .faq .answer { padding-right: 0; font-size: 15px; }
  /* Metin */
  html.tema-yeni main .prose p, html.tema-yeni main .prose :is(ul, ol) { font-size: 16px; }
  html.tema-yeni main .prose h2 { margin-top: 40px; font-size: 21px; }
  html.tema-yeni main .rt-facts { margin-top: 40px; }
  html.tema-yeni main .rt-facts li, html.tema-yeni main .rt-facts li + li { border-bottom-color: var(--v2-hair); }
  /* Video */
  html.tema-yeni main .vs-frame, html.tema-yeni main .video-frame { border-radius: 16px; }
  html.tema-yeni main .vs-frame video, html.tema-yeni main .vs-shade, html.tema-yeni main .vs-card .vs-frame video, html.tema-yeni main .vs-card .vs-shade, html.tema-yeni main .video-frame video { border-radius: 15px; }
  html.tema-yeni main .vs-play, html.tema-yeni main .vs-card .vs-play { width: 60px; height: 60px; margin: -30px 0 0 -30px; }
  html.tema-yeni main .vs-play .pp svg { width: 19px; height: 19px; }
  /* Blog */
  html.tema-yeni main .post-card.featured h3 { font-size: 22px; }
  html.tema-yeni main .post-body > h2 { font-size: 22px; margin-top: 44px; }
  html.tema-yeni main .cta-inline, html.tema-yeni main .cta-platforms { padding: 24px; border-radius: 16px; }
  /* Kapanış formu + alt bilgi (ana sayfayla aynı) */
  html.tema-yeni main .cta-shell > .cta { padding: 64px 0 56px; }
  html.tema-yeni main .cta-shell h2 { font-size: 28px; line-height: 1.16; }
  html.tema-yeni main .cta-shell .form.glass { padding: 22px 18px 24px; border-radius: 16px; }
  html.tema-yeni main .cta-shell .cta-grid .lead { display: none; }
  html.tema-yeni main .cta-shell .cta-points { margin-top: 20px; }
  html.tema-yeni body > .footer { padding-top: 48px; }
  html.tema-yeni body > .footer .footer-grid > :nth-child(n + 2) { grid-column: 1 / -1; }
  html.tema-yeni body > .footer .footer-grid { row-gap: 28px; }
  html.tema-yeni body > .footer .footer-grid > :nth-child(n + 2) .footer-links { display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; row-gap: 8px; font-size: 14px; }
}

/* ============================================================================
   24) Tasarım birliği (10.10 gece): bütün iç sayfalar tek sistemden — zemin ritmi, ek bant, sayfa girişi imzası, ok daireleri,
   kurumsal kimlik tipografi bölümü, okuma sütunları. Ölçüm: her sayfa türü 1440 / 390'da hesaplanmış stillerle ana sayfa
   jetonlarına karşılaştırıldı (kapsayıcı, bölüm boşluğu, başlık, düğme, kart, ikon kutusu, form kutusu).
   ========================================================================== */
/* Zemin ritmi (RenderBlocks → modules/home-v2/tema.ts zeminSirasi): girişin ardından beyaz / açık gri sırayla; iki gri ya da iki beyaz
   üst üste gelmez, aralarına çizgi gerekmez. Sayfa içi form "ek bant": önceki bölümün zemininde, üst boşluğu yok — önceki içerikle
   arası tek bölüm boşluğu (aynı zeminde boşluk çiftlenmez). */
html.tema-yeni main > section[data-zemin] { border-top: 0; }
html.tema-yeni main > section:is([data-zemin="beyaz"], [data-zemin="ek-beyaz"]) { background: var(--wa-beyaz); }
html.tema-yeni main > section:is([data-zemin="gri"], [data-zemin="ek-gri"]) { background: var(--wa-acik-gri); }
html.tema-yeni main > section.section[data-zemin^="ek-"] { padding-top: 0; }
html.tema-yeni main > .section-soft + .ebooks-band { border-top: 0; }

/* Kurumsal imza (sayfa girişi): yeni ana sayfadaki huzmenin sakin yankısı — metin ile görsel sütunu arasındaki boşluktan inen 1 px
   durağan ışık çizgisi (Mor 10; üstte görünmez, aşağı indikçe belirginleşir, alt kenara varmadan söner). Kapanış formundaki çizgiyle
   aynı aile; parlama, halka, hareket yok. Yalnız iki sütunlu düzenin sığdığı genişlikte. Konum: görselli girişte sütun boşluğunun
   ortası (kapsayıcı 1200 iken merkezden +57 px, dar kapsayıcıda 5vw − 6 px); tek sütunlu girişte (yasal metin, yazar, vaka, 404)
   metnin bitip boş kalan sağ sütunun ortası (+344 px; dar kapsayıcıda 27,5vw − 3 px) — çizgi hiçbir yazının üstünden geçmez. */
@media (min-width: 1081px) {
  html.tema-yeni main .page-hero::after {
    content: ""; position: absolute; z-index: -1; top: 0; left: calc(50% + min(344px, 27.5vw - 3px)); width: 1px; height: calc(100% - 48px); pointer-events: none;
    background: linear-gradient(180deg, rgba(209, 193, 255, 0) 0%, rgba(209, 193, 255, 0.1) 35%, rgba(209, 193, 255, 0.34) 82%, rgba(209, 193, 255, 0) 100%);
  }
  html.tema-yeni main .page-hero:has(> .page-hero-grid:not(.single), > .post-hero-grid)::after { left: calc(50% + min(57px, 5vw - 6px)); }
}

/* Ok daireleri (kartın "git" işareti: vaka, referans, kampanya satırı, yazı içi platform satırı): tek ölçü 36 px (telefonda 32),
   ince çizgi, 16 px ok; video oynat hapındaki 36 px daireyle aynı */
html.tema-yeni main :is(.cs-card-go, .ref-card-go, .camp-stack-go, .plat-row-go) { width: 36px; height: 36px; flex: none; border-radius: 50%; }
html.tema-yeni main :is(.cs-card-go, .ref-card-go, .camp-stack-go, .plat-row-go) svg { width: 16px; height: 16px; }

/* Kurumsal kimlik: tipografi bölümü koyu yerine açık gri (koyu yalnız giriş ve kapanış; temaBlok bölümü "section-soft" yapar) */
html.tema-yeni main #tipografi { --dark-bg: var(--wa-acik-gri); --dark-text: var(--wa-mor-90); --dark-text-2: var(--text-2); color: var(--wa-mor-90); }
html.tema-yeni main #tipografi .kicker { color: var(--wa-mor-40); }
html.tema-yeni main #tipografi .bk-type-hero { color: var(--wa-mor-90); }

/* Vaka sayfası: hikâye bölümü standart kapsayıcıda (bütün sayfalarla aynı sol kenar), metin satırı en çok 68ch; çağrı kartı
   hikâyenin zemininde ek bant (üst boşluk ve çizgi yok) */
html.tema-yeni main .cs-story-wrap { max-width: none; }
html.tema-yeni main :is(.cs-chapter-text, .cs-outcome-text) p { max-width: 68ch; }
html.tema-yeni main > .cs-story-section + .cs-cta-section { padding-top: 0; border-top: 0; }

@media (max-width: 720px) {
  html.tema-yeni main :is(.cs-card-go, .ref-card-go, .camp-stack-go, .plat-row-go) { width: 32px; height: 32px; }
}

/* YouTube kapak görseli (10.10 gece; VideoStory YouTube desteği): video çerçevesindeki <video> ile aynı köşe */
html.tema-yeni main .video-frame .vs-yt-poster { border-radius: 19px; }
@media (max-width: 720px) {
  html.tema-yeni main .video-frame .vs-yt-poster { border-radius: 15px; }
}