:root{
  /* ── Brand / Accent ────────────────────────────────────────────
     Tüm renk değerleri violet/mor ailesindendir.
     Eski --navy-* ve --gold-* token isimleri misleading'di;
     aşağıdaki semantic tokenlar gerçek değerleri tanımlar.     */
  --color-brand-primary:#5122bf;
  --color-brand-deep:#3f1a94;
  --color-brand-dark:#2c1368;
  --color-brand-darkest:#15131f;
  --color-brand-mid:#9a79e7;
  --color-brand-soft:#ece6fa;
  --color-brand-subtle:#f6f3fc;

  /* ── Accent / Navy (mor ile analog uyum — güven/kanıt/form bağlamları için) ──
     Yalnızca kanıt-kaynak sunumu, form odak durumu ve seçili geçiş
     bölgelerinde kullanılır; genel marka kimliği (başlık, buton, CTA) mor kalır. */
  --color-accent-navy-primary:#1b3a6b;
  --color-accent-navy-deep:#12274a;
  --color-accent-navy-soft:#e8eef7;
  --color-accent-navy-subtle:#f4f7fc;

  /* ── Text ─────────────────────────────────────────────────── */
  --color-text-main:#1d1b27;
  --color-text-muted:#5d5a68;
  --color-text-strong:#3a3445;

  /* ── Surface ──────────────────────────────────────────────── */
  --color-surface-page:#ffffff;
  --color-surface-card:#ffffff;
  --color-surface-soft:#faf9fc;
  /* 2026-07-19: kırık-beyaz kremden marka moru türevi tona geçildi (Seçenek A, --color-brand-subtle ile aynı değer) — kullanıcı onayı. */
  --color-canvas-page:#f6f3fc;

  /* ── Border ───────────────────────────────────────────────── */
  --color-border:#e6e2ef;
  --color-border-soft:#efedf5;

  /* ── Utility ──────────────────────────────────────────────── */
  --color-danger:#b42318;
  --color-success:#1f7a4d;
  --color-sage-dark:#1f6f5c;
  --color-sage-light:#e7f3ef;

  /* ── Shadow & Radius ──────────────────────────────────────── */
  --shadow-card:0 14px 36px rgba(40,20,90,.07);
  --shadow-card-soft:0 8px 22px rgba(40,20,90,.05);
  --radius-card:8px;
  --radius-sm:4px;

  /* ── Deprecated Aliases — geriye dönük uyumluluk ──────────
     Aşağıdaki tokenlar eski isimlerdir; semantic tokenlara
     yönlendirilmiştir. Yeni kod --color-* tokenları kullansın. */
  /* Navy (değerleri violet; isimler misleading) */
  --navy-950:var(--color-brand-darkest);
  --navy-900:var(--color-brand-dark);
  --navy-850:var(--color-brand-deep);
  --navy-800:var(--color-brand-deep);
  --navy-700:var(--color-brand-primary);
  --navy-100:var(--color-brand-soft);
  --navy-050:var(--color-brand-subtle);
  /* Gold (değerleri violet; isimler misleading) */
  --gold-700:var(--color-brand-dark);
  --gold-500:var(--color-brand-primary);
  --gold-100:var(--color-brand-soft);
  --gold-050:var(--color-brand-subtle);
  /* Purple */
  --purple-900:var(--color-brand-dark);
  --purple-700:var(--color-brand-deep);
  --purple-600:var(--color-brand-primary);
  --purple-300:var(--color-brand-mid);
  --purple-100:var(--color-brand-soft);
  --purple-050:var(--color-brand-subtle);
  /* Text & ink */
  --ink:var(--color-brand-darkest);
  --ink-soft:var(--color-text-strong);
  --text:var(--color-text-main);
  --muted:var(--color-text-muted);
  /* Surface */
  --surface:var(--color-surface-page);
  --surface-soft:var(--color-surface-soft);
  /* Border */
  --border:var(--color-border);
  --soft-border:var(--color-border-soft);
  /* Shadow */
  --shadow:var(--shadow-card);
  --shadow-soft:var(--shadow-card-soft);
  /* Radius */
  --radius:var(--radius-card);
  /* Brand */
  --brand:var(--color-brand-primary);
  --brand-deep:var(--color-brand-deep);
  /* Sage */
  --sage-700:var(--color-sage-dark);
  --sage-100:var(--color-sage-light);
  /* Danger / success */
  --danger:var(--color-danger);
  --success:var(--color-success);
  /* ── Motion ────────────────────────────────────────────────── */
  --dur-fast:.14s;
  --dur-base:.18s;
  --dur-slow:.3s;
  --ease-standard:ease;
}

/* 2026-07-18: kullanıcı kararıyla tüm özel fontlar (Inter/Fraunces/Newsreader) kaldırıldı,
   yerine tarayıcının/işletim sisteminin kendi sistem fontu (system-ui) kullanılıyor —
   sıfır font dosyası indirme, FOUT/FOIT yok, her cihazda o cihaza tanıdık görünüm.
   Bilinçli bir marka-tutarlılığı feragati: cihazdan cihaza farklı görünür. Bu, önceki
   "Görsel Gelişim Projesi" font kararlarının yerini alan güncel karardır. */
:root{--font-system:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}

html{scroll-behavior:smooth;scroll-padding-top:88px;font-size:16px;overflow-x:hidden}
body{margin:0;font-family:var(--font-system);color:var(--text);font-size:.96rem;line-height:1.62;background:var(--color-canvas-page);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(154,121,231,.72);outline-offset:3px}
.skip-link{position:absolute;left:1rem;top:.6rem;z-index:2000;transform:translateY(-140%);padding:.65rem .85rem;border-radius:var(--radius);background:var(--navy-950);color:#fff;font-weight:850;text-decoration:none}
.skip-link:focus{transform:translateY(0)}
.container{max-width:1180px}
.row>*{min-width:0}
section{padding:5rem 0}
.section-tight{padding:3.4rem 0}
.section-soft{background:linear-gradient(180deg,var(--navy-050),#fff);border-block:1px solid var(--soft-border)}
.section-soft-navy{background:linear-gradient(180deg,var(--color-accent-navy-subtle),#fff);border-block:1px solid rgba(27,58,107,.14)}
h1,h2,h3,h4{font-family:var(--font-system);color:var(--navy-950);letter-spacing:0;line-height:1.15;margin-bottom:.75rem}
h1{font-size:3.05rem;font-weight:900;max-width:920px}
h2{font-size:2.05rem;font-weight:900}
h3{font-size:1.08rem;font-weight:850}
h4{font-size:1rem;font-weight:820}
.card-title{font-size:1.12rem}
.lead-xl{font-size:1.06rem;color:var(--muted);max-width:760px;line-height:1.68}
.content-card,.path-card,.visual-panel,.process-card,.btn,.form-control,.form-select{min-width:0}
p,.btn,.path-card strong,.section-kicker{overflow-wrap:break-word}
.small-copy,.text-muted-soft{color:var(--muted)}
.fine-print{font-size:.8rem;color:var(--muted)}

.site-header{position:sticky;top:0;z-index:1040;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(40,20,90,.08);box-shadow:0 8px 24px rgba(40,20,90,.035)}
.header-shell{min-height:72px;display:flex;gap:1.65rem;align-items:center;justify-content:space-between}
.logo{display:inline-flex;align-items:center;text-decoration:none;color:var(--navy-950);line-height:1}
.brand-logo-img{display:block;width:clamp(158px,15vw,188px);height:auto}
.footer-logo-img{display:inline-block;width:190px;max-width:100%;height:auto;margin-bottom:.55rem}
.footer-email{display:block;margin-top:.6rem}
.desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:.28rem;min-width:0}
.nav-link-custom{display:inline-flex;align-items:center;min-height:38px;text-decoration:none;font-weight:780;color:var(--text);font-size:.87rem;line-height:1.15;border-radius:999px;padding:.46rem .64rem;white-space:nowrap}
.nav-link-custom:hover,.nav-link-custom:focus{color:var(--navy-700);background:var(--navy-050)}
.nav-link-custom.is-active{color:var(--navy-900);background:var(--navy-050);font-weight:860}
.nav-soon-badge{display:inline-flex;align-items:center;margin-left:.34rem;padding:.1rem .38rem;border:1px solid rgba(154,121,231,.42);border-radius:999px;background:var(--gold-050);color:var(--gold-700);font-size:.64rem;font-weight:880;line-height:1.15;white-space:nowrap}
.header-cta{flex:0 0 auto;margin-left:.35rem;min-height:42px;padding:.66rem 1rem;font-size:.86rem;line-height:1;white-space:nowrap;box-shadow:0 10px 22px rgba(40,20,90,.13)}
.dropdown-menu{border-color:var(--border);box-shadow:var(--shadow);border-radius:var(--radius);padding:.45rem;min-width:240px}
.dropdown-item{border-radius:6px;padding:.58rem .72rem;font-size:.88rem;font-weight:650;color:var(--text)}
.dropdown-item:hover,.dropdown-item:focus{background:var(--navy-050);color:var(--navy-900)}
.menu-button{display:none;width:42px;height:42px;border:1px solid var(--border);border-radius:999px;background:#fff;align-items:center;justify-content:center;color:var(--navy-900);box-shadow:var(--shadow-soft)}
.menu-button span,.menu-button span:before,.menu-button span:after{content:"";display:block;width:18px;height:2px;background:currentColor;border-radius:999px}
.menu-button span:before{transform:translateY(-6px)}
.menu-button span:after{transform:translateY(4px)}
.mobile-panel{display:none;border-top:1px solid var(--soft-border);padding:.55rem 0 1rem;background:rgba(255,255,255,.96)}
/* Motion Sprint 3 (2026-07-19): açılışta tek seferlik yumuşak belirme — kullanıcı
   tıklamasıyla tetiklenir, döngüsel değil; reduced-motion bloğunda kapatılır. */
@keyframes mobilePanelIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mobile-panel.open{display:block;animation:mobilePanelIn .22s var(--ease-standard)}
.mobile-panel a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-weight:780;padding:.86rem 0;border-bottom:1px solid var(--soft-border);color:var(--navy-950)}
.mobile-panel .nav-soon-badge{margin-left:auto}

.btn-navy,.btn-outline-navy,.btn-soft-navy{border-radius:999px;padding:.72rem 1.05rem;font-size:.92rem;font-weight:820;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.btn-lg.btn-navy,.btn-lg.btn-outline-navy,.btn-lg.btn-soft-navy{padding:.8rem 1.16rem;font-size:.96rem}
.btn-sm.btn-navy,.btn-sm.btn-outline-navy,.btn-sm.btn-soft-navy{padding:.48rem .75rem;font-size:.82rem}
.btn-navy{background:var(--brand);border:1px solid var(--brand);color:#fff;box-shadow:0 10px 20px rgba(40,20,90,.16)}
.btn-navy:hover,.btn-navy:focus{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff;transform:translateY(-2px);box-shadow:0 18px 34px rgba(40,20,90,.26)}
.btn-outline-navy{background:#fff;border:1px solid var(--navy-700);color:var(--navy-700);box-shadow:0 1px 4px rgba(40,20,90,.06)}
.btn-outline-navy:hover,.btn-outline-navy:focus{background:var(--navy-050);border-color:var(--navy-900);color:var(--navy-900);transform:translateY(-2px);box-shadow:0 12px 24px rgba(40,20,90,.14)}
.btn-soft-navy{background:var(--navy-100);border:1px solid var(--border);color:var(--navy-850)}
.btn-soft-navy:hover,.btn-soft-navy:focus{background:var(--color-brand-soft);color:var(--navy-900)}

/* 2026-07-16: "Ön Görüşme Talep Et" + "İK ve Organizasyon Kontrolünü Başlat" ikilisi
   sitede 7 sayfada tekrar ediyor (Ana Sayfa, Somut Çıktılar, Belirtiler, Hizmet
   Detay, Hizmetler, Bilgi Merkezi makale). Metin uzunlukları çok farklı olduğu için
   butonlar eşitsiz genişlikte duruyordu, uzun olan iki satıra bölünüyordu. Tek bir
   kural her yerde eşitliyor — hangi container'da olursa olsun, .btn-navy ve
   .btn-outline-navy doğrudan kardeş olarak birlikte bulunduğunda devreye girer.
   Mobilde mevcut width:100% kuralları (satır ~765,787,943 vb.) değişmeden üstün gelir. */
.d-flex:has(>.btn-navy):has(>.btn-outline-navy)>.btn-navy,
.d-flex:has(>.btn-navy):has(>.btn-outline-navy)>.btn-outline-navy,
.example-final-actions:has(>.btn-navy):has(>.btn-outline-navy)>.btn-navy,
.example-final-actions:has(>.btn-navy):has(>.btn-outline-navy)>.btn-outline-navy,
.blog-cta:has(>.btn-navy):has(>.btn-outline-navy)>.btn-navy,
.blog-cta:has(>.btn-navy):has(>.btn-outline-navy)>.btn-outline-navy{
  flex:1 1 320px;
  white-space:nowrap;
  text-align:center;
}

.hero{position:relative;overflow:hidden;padding:6rem 0 4.8rem;background:linear-gradient(180deg,#fbfcfe 0%,#fff 58%,var(--navy-050) 100%);border-bottom:1px solid var(--soft-border)}
.hero:before,.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(154,121,231,.11),transparent 28%),radial-gradient(circle at 82% 12%,rgba(81,34,191,.10),transparent 30%),linear-gradient(180deg,rgba(255,255,255,0),rgba(246,243,252,.74));mask-image:linear-gradient(180deg,#000,transparent 78%);pointer-events:none}
.hero .container,.page-hero .container{position:relative}
.page-hero{position:relative;overflow:hidden;padding:4.8rem 0 3.3rem;background:linear-gradient(180deg,#fbfcfe 0%,var(--navy-050) 100%);border-bottom:1px solid var(--soft-border)}
.hero-context-title{display:block;max-width:760px;margin:0 0 1rem;color:var(--navy-850);font-family:var(--font-system);font-size:clamp(1.08rem,1.35vw,1.28rem);font-weight:900;line-height:1.35}
.section-kicker{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;white-space:normal;padding:.34rem .64rem;border-radius:999px;background:#fff;border:1px solid rgba(154,121,231,.42);box-shadow:0 6px 16px rgba(44,19,104,.06);color:var(--navy-850);font-size:.76rem;font-weight:830;margin-bottom:.85rem}
.section-kicker:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--gold-500)}
.section-title{max-width:820px;margin-bottom:2.25rem}
.section-title.center{text-align:center;margin-inline:auto}
.hero-topic-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.15rem 0 0}
.hero-topic-nav a{display:grid;gap:.35rem;align-content:start;min-height:126px;padding:1rem;border:1px solid rgba(154,121,231,.42);border-radius:var(--radius);background:rgba(255,255,255,.92);box-shadow:var(--shadow-soft);color:var(--navy-850);text-decoration:none}
.hero-topic-nav a strong{color:var(--navy-950);font-size:.98rem;line-height:1.25}
.hero-topic-nav a span{color:var(--muted);font-size:.86rem;line-height:1.5}
.hero-topic-nav a:hover,.hero-topic-nav a:focus{border-color:var(--navy-700);color:var(--navy-950);background:#fff;box-shadow:var(--shadow)}
.approach-teaser-section{background:#fff;border-bottom:1px solid var(--soft-border)}
.approach-teaser{display:flex;align-items:center;justify-content:space-between;gap:1.35rem;padding:1.35rem;border:1px solid rgba(81,34,191,.16);border-radius:var(--radius);background:linear-gradient(135deg,#fff,var(--navy-050));box-shadow:var(--shadow-soft)}
.approach-teaser h2{font-size:1.35rem;max-width:780px}
.approach-teaser p{max-width:840px}
.approach-hero h1{font-size:2.65rem}
.approach-principle-card{display:grid;gap:.55rem;padding:1.25rem;border:1px solid rgba(81,34,191,.24);border-radius:var(--radius);background:linear-gradient(135deg,#fff,var(--purple-050));box-shadow:var(--shadow-soft);color:var(--text)}
.approach-principle-card strong{color:var(--navy-950);font-size:1.05rem}
.approach-principle-card span{color:var(--muted);line-height:1.55}
.approach-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.approach-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.approach-step-card{padding:1.15rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}
.approach-step-card span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--radius);background:var(--gold-050);border:1px solid rgba(154,121,231,.35);color:var(--navy-900);font-weight:900;margin-bottom:.8rem}
.approach-step-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}
.approach-standard-list{display:grid;gap:.85rem}
.approach-source-grid{display:grid;grid-template-columns:1fr;align-items:stretch}
.approach-impact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.approach-impact-grid span{display:flex;align-items:center;min-height:58px;padding:.8rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft);color:var(--navy-950);font-weight:760;line-height:1.35}
.evidence-links{display:inline-flex;flex-wrap:wrap;gap:.25rem;align-items:center;margin-left:.25rem;color:var(--muted);font-size:.84rem;font-weight:760}
.evidence-links a{color:var(--color-accent-navy-primary);font-weight:850;text-decoration:underline;text-underline-offset:2px}
.methodology-note{margin-top:1rem;padding:.9rem 1rem;border:1px solid rgba(27,58,107,.18);border-radius:var(--radius);background:var(--color-accent-navy-subtle);color:var(--ink-soft);font-size:.9rem;line-height:1.55}
.home-next-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft);text-decoration:none;color:inherit;transition:transform var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}
.home-next-row span{color:var(--muted)}
.home-next-row strong{color:var(--navy-950)}
.home-next-row:hover,.home-next-row:focus{border-color:rgba(81,34,191,.35);box-shadow:var(--shadow);transform:translateY(-1px)}
.content-card,.path-card,.process-card,.visual-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}
.content-card{padding:1.35rem}
/* 2026-08-06: Lead detay sayfası — sorumluluk bölgesi zemin renklendirmesi (deneme, kullanıcı onayı bekliyor).
   Yalnızca kart zemini değişir; içerideki badge/rozet renkleri (bg-success/warning/info/danger) dokunulmaz. */
.card-zone-decision{background:var(--color-brand-soft);border-color:var(--color-brand-mid);border-left:4px solid var(--color-brand-primary)}
.card-zone-system{background:#e4e4e9;border-color:#b9b9c3;border-left:4px solid #8a8a97}
.card-zone-standard{background:var(--color-sage-light);border-color:var(--color-sage-dark);border-left:4px solid var(--color-sage-dark)}
.coming-soon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.coming-soon-card{display:flex;flex-direction:column}
.clean-list{display:grid;gap:.52rem;margin:0;padding-left:1.1rem;color:var(--muted)}
.clean-list li::marker{color:var(--gold-700)}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.45rem;border:1px solid rgba(81,34,191,.2);border-radius:var(--radius);background:linear-gradient(135deg,var(--purple-050),#fff);box-shadow:var(--shadow);color:var(--text)}
.cta-band h2{color:var(--navy-950);font-size:1.38rem}
.cta-band p{margin:0;max-width:720px;color:var(--muted)}
.cta-band .btn-outline-navy{background:#fff}
/* 2026-09-07: Referans/vaka sayfaları için alıntı kutusu (ilk kullanım: /referanslar/muge-cakir-degirmenci) */
.testimonial-quote{border-left:4px solid var(--color-brand-primary);background:var(--color-brand-soft);border-radius:var(--radius);padding:1.4rem 1.6rem;margin:1.75rem 0}
.testimonial-quote p{font-size:1.02rem;line-height:1.7;font-style:italic;color:var(--navy-950);margin:0}
.testimonial-quote cite{display:block;margin-top:.85rem;font-style:normal;font-size:.85rem;font-weight:760;color:var(--muted)}
.path-card{position:relative;display:block;height:100%;padding:1.25rem;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;background:linear-gradient(180deg,#fff,#fbfcfe)}
.path-card:hover,.path-card:focus{transform:translateY(-2px);box-shadow:var(--shadow);border-color:rgba(81,34,191,.32)}
.path-card strong{display:block;color:var(--navy-950);font-size:1.01rem;margin-bottom:.42rem}
.path-card span,.text-link{color:var(--navy-700);font-weight:820;text-decoration:none}
/* 2026-07-15: .text-link'in daha önce hiç hover tepkisi yoktu (siteyi tara­dığımda bulunan
   en geniş kapsamlı boşluk — her makale kartındaki "Oku", her hizmet sayfasındaki
   "Sonraki hizmeti incele" bu sınıfı kullanıyor). Sadece hover, sürekli hareket yok. */
.text-link{transition:color .18s ease}
.text-link:hover,.text-link:focus{color:var(--color-brand-primary)}
.text-link:after{content:"";display:inline-block;width:6px;height:6px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-left:.45rem;margin-bottom:.08rem;transition:transform .18s ease}
.text-link:hover:after,.text-link:focus:after{transform:rotate(45deg) translate(2px,-2px)}
.content-card.h-100,.blog-card{display:flex;flex-direction:column}
.content-card.h-100 .text-link,.blog-card .text-link{margin-top:auto}
.blog-card{position:relative;cursor:pointer;padding:1.6rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.blog-card:hover{border-color:rgba(81,34,191,.22);box-shadow:0 14px 34px rgba(40,20,90,.09);transform:translateY(-2px)}
.blog-card .card-cover-link::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.blog-card .tag{text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:760;background:var(--color-brand-subtle);border-color:rgba(81,34,191,.25);color:var(--color-brand-deep)}
.blog-card .card-title{font-size:1.24rem;line-height:1.28;margin-bottom:.35rem;transition:color var(--dur-base) var(--ease-standard)}
.blog-card:hover .card-title{color:var(--color-brand-primary)}
.blog-card .fine-print{text-transform:uppercase;letter-spacing:.04em;font-weight:730;margin-bottom:.9rem}
.blog-card .small-copy{line-height:1.68}
.blog-card-image{border-radius:14px;margin-bottom:1.2rem}
.training-module-grid,.question-bank,.training-question-list{display:grid;gap:.9rem}
.training-disclosure,.training-question{border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft);overflow:hidden}
.training-disclosure summary,.training-question summary{cursor:pointer;list-style:none;padding:1rem;display:grid;gap:.35rem;color:var(--navy-950)}
.training-disclosure summary::-webkit-details-marker,.training-question summary::-webkit-details-marker{display:none}
.training-disclosure summary span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--radius);background:var(--gold-050);border:1px solid rgba(154,121,231,.34);color:var(--navy-900);font-weight:900}
.training-disclosure summary strong{font-size:1.08rem}
.training-disclosure summary small{color:var(--muted);font-weight:650;line-height:1.45}
.training-detail,.training-answer{padding:0 1rem 1rem;color:var(--muted)}
.training-detail h3{font-size:.98rem}
.training-detail ul,.training-answer ul{padding-left:1.1rem;margin-bottom:0}
.training-detail li,.training-answer p{font-size:.9rem;line-height:1.58}
.storyboard-timeline{display:grid;gap:.85rem;position:relative}
.storyboard-scene{display:grid;grid-template-columns:150px minmax(0,1fr);gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}
.storyboard-time{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:999px;background:var(--color-accent-navy-soft);color:var(--color-accent-navy-deep);font-weight:900;font-size:.85rem;text-align:center}
.storyboard-scene p{margin-bottom:.45rem;color:var(--muted);font-size:.9rem}
.storyboard-scene h3{font-size:1.03rem}
.training-question summary{font-weight:850}
.training-answer{border-top:1px solid var(--soft-border);padding-top:1rem}
.training-answer strong{color:var(--navy-950)}
.check-list{margin:0;padding-left:1.1rem;color:#243244}
.check-list li{margin:.42rem 0}
.disclosure-grid,.deliverable-list{display:grid;gap:.9rem}
.disclosure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.insight-disclosure,.deliverable-disclosure{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.insight-disclosure:before,.deliverable-disclosure:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:transparent;transition:background .18s ease}
.insight-disclosure[open],.deliverable-disclosure[open]{border-color:rgba(81,34,191,.32);box-shadow:0 14px 34px rgba(40,20,90,.10);background:linear-gradient(90deg,rgba(246,243,252,.9),#fff 26%)}
.insight-disclosure[open]:before,.deliverable-disclosure[open]:before{background:linear-gradient(180deg,var(--purple-300),var(--purple-700))}
.insight-disclosure summary,.deliverable-disclosure summary{cursor:pointer;display:grid;gap:.42rem;list-style:none;padding:1.12rem 1.2rem 1.12rem 1.35rem}
.insight-disclosure summary::-webkit-details-marker,.deliverable-disclosure summary::-webkit-details-marker{display:none}
.insight-disclosure summary:after{content:"Kanıtı ve çözümü aç";justify-self:start;margin-top:.25rem;color:var(--navy-700);font-size:.82rem;font-weight:820}
.deliverable-disclosure summary:after{content:"Kararı ve çıktıyı aç";justify-self:start;margin-top:.25rem;color:var(--navy-700);font-size:.82rem;font-weight:820}
.insight-disclosure[open] summary:after,.deliverable-disclosure[open] summary:after{content:"Kapat"}
.insight-disclosure summary strong,.deliverable-disclosure summary strong{color:var(--navy-950);font-size:1.02rem;line-height:1.32;max-width:760px}
.insight-disclosure summary span,.deliverable-disclosure summary span{color:var(--muted);font-size:.9rem;line-height:1.55;max-width:720px}
/* Accordion animasyon refactoru Aşama 3 (2026-07-12): max-height→grid-template-rows.
   .disclosure-body artık yalnızca çöken bir kap (tek satır grid); eski gap/max-width
   düzeni içerideki .disclosure-body-inner'a taşındı (grid-collapse tekniği tek çocuk
   gerektiriyor — birden çok doğrudan çocuk olursa 0fr satırı doğru çökmüyor). */
.disclosure-body{display:grid;grid-template-rows:0fr;max-height:none;padding:0 1.2rem 0 1.35rem;overflow:hidden;transition:grid-template-rows var(--dur-slow) var(--ease-standard),padding-bottom var(--dur-slow) var(--ease-standard)}
.insight-disclosure[open] .disclosure-body,.deliverable-disclosure[open] .disclosure-body{grid-template-rows:1fr;padding-bottom:1.2rem}
.disclosure-body-inner{display:grid;gap:1rem;max-width:820px;min-height:0;overflow:hidden}
.disclosure-body-inner>div,.disclosure-body-inner>p{position:relative;padding-top:.95rem;padding-left:1rem;border-top:1px solid rgba(230,226,239,.82)}
.disclosure-body-inner>div:before,.disclosure-body-inner>p:before{content:"";position:absolute;left:0;top:1rem;width:3px;height:calc(100% - 1rem);border-radius:999px;background:rgba(154,121,231,.42)}
.disclosure-body h3{font-size:.9rem;margin-bottom:.3rem;color:var(--navy-850)}
.disclosure-body p{margin:0;color:#1e2c3f;font-size:.93rem;line-height:1.68;max-width:720px}
.disclosure-body a{color:var(--navy-700);font-weight:850;text-decoration:underline;text-underline-offset:2px}
.deliverable-output{padding:1rem;border:1px solid rgba(81,34,191,.18);border-radius:var(--radius);background:#f8f5fc}
.deliverable-output-name{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.35rem!important}
.deliverable-output-name strong{color:var(--navy-950);font-size:1rem}
.deliverable-output-name span{display:inline-flex;align-items:center;border:1px solid rgba(81,34,191,.18);border-radius:999px;padding:.18rem .5rem;background:#fff;color:var(--muted);font-size:.78rem;font-weight:760}
.source-quality{display:inline-flex;margin-left:.35rem;color:var(--muted);font-size:.78rem;font-weight:760}
.decision-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.decision-card{padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}
.decision-card strong{display:block;color:var(--navy-950);font-size:.98rem;margin-bottom:.35rem}
.decision-card p{margin:0;color:var(--muted);font-size:.88rem}
.matrix-list{display:grid;gap:.75rem}
.matrix-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}
.matrix-row span{color:var(--muted)}
.matrix-row strong{color:var(--navy-950)}
.cta-card{display:flex;align-items:center;justify-content:space-between;gap:1.4rem}

.visual-panel{padding:1.35rem;min-height:380px;background:linear-gradient(145deg,#fff 0%,var(--purple-050) 100%);border-color:var(--purple-300);color:var(--text);position:relative;overflow:hidden}
.visual-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(81,34,191,.06),transparent 38%);pointer-events:none}
.hero-visual-art{margin:0;position:relative;border-radius:18px}
.hero-visual-art:before{content:"";position:absolute;inset:8% 4% -4%;border-radius:26px;background:rgba(40,20,90,.08);filter:blur(28px);z-index:0}
.hero-visual-art img{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 18px 48px rgba(40,20,90,.12)}
.hero-microcopy{margin-top:1rem;max-width:620px;color:var(--muted);font-size:.88rem;font-weight:700}
.hero-decision-panel{padding:1.35rem;border:1px solid rgba(81,34,191,.18);border-radius:var(--radius);background:linear-gradient(145deg,#fff,var(--navy-050));box-shadow:var(--shadow);color:var(--text)}
.hero-decision-panel h2{font-size:1.45rem;margin-bottom:.9rem}
.hero-decision-panel ul{display:grid;gap:.72rem;margin:0 0 1rem;padding:0;list-style:none}
.hero-decision-panel li{position:relative;padding-left:1.35rem;color:#243244;font-weight:740;line-height:1.42}
.hero-decision-panel li:before{content:"";position:absolute;left:0;top:.58rem;width:.45rem;height:.45rem;border-radius:999px;background:var(--gold-500)}
.hero-decision-panel p{margin:0;padding:.9rem 1rem;border:1px solid rgba(154,121,231,.34);border-radius:var(--radius);background:var(--gold-050);color:var(--ink-soft);font-size:.9rem;font-weight:760}
.about-founder-photo{margin:0 0 1.1rem;aspect-ratio:4/5;max-width:220px;border-radius:20px;overflow:hidden;background:var(--navy-050);box-shadow:var(--shadow)}
.about-founder-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.about-proof-card{padding:1.25rem;border:1px solid rgba(154,121,231,.36);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}
.about-proof-card strong{display:block;color:var(--navy-950);font-size:2.2rem;line-height:1}
.about-proof-card span{display:block;color:var(--ink-soft);font-weight:840;margin-top:.45rem}
.about-proof-card hr{border-color:var(--soft-border);opacity:1;margin:1rem 0}
.about-proof-card p{margin:0;color:var(--muted);font-size:.92rem}
.about-story-card p{color:#243244;line-height:1.72}
.founder-note-section{background:#fff;border-top:1px solid var(--soft-border);border-bottom:1px solid var(--soft-border)}
.founder-note-card{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.35fr);gap:1.4rem;align-items:start;padding:1.45rem;border:1px solid rgba(154,121,231,.34);border-radius:var(--radius);background:linear-gradient(135deg,#fff,var(--gold-050));box-shadow:var(--shadow-soft)}
.founder-note-card h2{font-size:1.55rem;max-width:430px}
.founder-note-copy p{color:#243244;line-height:1.72}
.founder-note-signature{margin-bottom:0;padding-top:.75rem;border-top:1px solid rgba(154,121,231,.34);font-weight:720}
.founder-note-signature strong{display:block;margin-top:.55rem;color:var(--navy-950);font-weight:900}
.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.expertise-grid span{display:flex;align-items:center;min-height:58px;padding:.8rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft);color:var(--navy-950);font-weight:780;line-height:1.35}
.page-hero-visual,.approach-illustration,.wide-illustration{margin:0}
.page-hero-visual{position:relative}
.page-hero-visual:before{content:"";position:absolute;inset:10% 4% -5%;border-radius:24px;background:rgba(40,20,90,.08);filter:blur(26px)}
.page-hero-visual img,.approach-illustration img,.wide-illustration img,.visual-explain-card img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--soft-border);box-shadow:var(--shadow-soft);background:#fff}
.page-hero-visual img{position:relative;max-height:320px;object-fit:contain}
.approach-illustration img{max-height:270px;object-fit:contain}
.wide-illustration{max-width:760px;margin:0 auto 1.4rem}
.wide-illustration img{max-height:300px;object-fit:contain}
.visual-explain-card{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:1.1rem;align-items:center;margin:0 0 1.4rem;padding:1rem;border:1px solid rgba(27,58,107,.16);border-radius:var(--radius);background:linear-gradient(135deg,#fff,var(--color-accent-navy-subtle));box-shadow:var(--shadow-soft)}
.visual-explain-card img{max-height:220px;object-fit:contain}
.visual-explain-card h3{font-size:1.22rem}
.panel-topline{position:relative;display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-weight:800;flex-wrap:wrap}
.panel-topline strong{color:var(--navy-900)}
.panel-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.8rem}
.panel-grid div{padding:.95rem;border-radius:var(--radius);background:#fff;border:1px solid var(--border)}
.panel-grid strong{display:block;font-size:1.16rem;color:var(--navy-950);line-height:1}
.panel-grid span{display:block;margin-top:.48rem;color:var(--muted);font-size:.84rem}
.signal-flow{position:relative;left:auto;right:auto;bottom:auto;display:grid;gap:.55rem;margin-top:1.35rem}
.signal-flow i{height:7px;border-radius:999px;background:linear-gradient(90deg,var(--purple-600),var(--purple-300),rgba(154,121,231,.15));animation:flow 2.8s ease-in-out infinite}
.signal-flow i:nth-child(2){animation-delay:.25s}
.signal-flow i:nth-child(3){animation-delay:.5s}
@keyframes flow{50%{transform:translateX(14px);opacity:.68}}

.tag,.filter-chip{display:inline-flex;align-items:center;width:max-content;max-width:100%;white-space:normal;padding:.28rem .58rem;border-radius:999px;background:var(--gold-050);border:1px solid rgba(154,121,231,.35);color:var(--navy-850);font-size:.74rem;font-weight:830;margin-bottom:.9rem;text-decoration:none}
.filter-chip{margin-bottom:0;background:#fff;font-family:inherit;cursor:pointer}
.filter-chip:hover,.filter-chip:focus{border-color:var(--navy-700);color:var(--navy-900);box-shadow:var(--shadow-soft)}
.term-tooltip-trigger{position:relative;text-decoration:underline dotted rgba(81,34,191,.42);text-underline-offset:.18rem;cursor:help}
a.term-tooltip-trigger,.btn.term-tooltip-trigger{text-decoration:none;cursor:pointer}
.term-tooltip-trigger::after{content:attr(data-tooltip);position:absolute;left:0;top:calc(100% + .52rem);z-index:1200;width:min(300px,82vw);padding:.72rem .8rem;border:1px solid rgba(81,34,191,.18);border-radius:var(--radius);background:#fff;color:#243244;box-shadow:var(--shadow);font-size:.82rem;font-weight:650;line-height:1.45;text-align:left;white-space:normal;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;pointer-events:none}
.term-tooltip-trigger:hover::after,.term-tooltip-trigger:focus::after,.term-tooltip-trigger:focus-visible::after{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.term-tooltip-trigger.tooltip-wide::after{width:min(360px,86vw)}
.term-tooltip-trigger.tooltip-doc{display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--gold-050);border:1px solid rgba(81,34,191,.3);color:var(--navy-850);font-size:.72rem;font-weight:800;text-decoration:none;vertical-align:middle}
.term-tooltip-trigger.tooltip-doc::after{width:min(480px,90vw);max-height:min(60vh,420px);overflow-y:auto;white-space:pre-wrap;text-align:left}
.process-card{padding:1.25rem;height:100%;counter-increment:process;background:linear-gradient(180deg,#fff,#fbfcfe)}
.process-grid{counter-reset:process}
.process-card:before{content:counter(process,decimal-leading-zero);display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--radius);background:var(--sage-100);border:1px solid rgba(46,109,100,.2);font-weight:900;color:var(--sage-700);margin-bottom:.85rem}

.form-control,.form-select{border-radius:var(--radius);border-color:var(--border);padding:.76rem .88rem;font-size:.92rem;background-color:#fff}
.form-control:focus,.form-select:focus{border-color:var(--color-accent-navy-primary);box-shadow:0 0 0 .2rem rgba(27,58,107,.14)}
.form-label{display:block;width:100%;font-size:.9rem;font-weight:770;color:var(--navy-950);margin-bottom:0}
.form-label .form-control,.form-label .form-select{margin-top:.38rem}
.form-check{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:0}
.form-check-input{margin-top:.22rem}
/* 2026-08-06: Şifre göster/gizle ikonu — .password-field, input + toggle butonunu sarmalar. */
.password-field{position:relative;margin-top:.38rem}
.password-field .form-control{margin-top:0;padding-right:2.6rem}
.password-toggle{position:absolute;top:50%;right:.6rem;transform:translateY(-50%);width:1.9rem;height:1.9rem;border:none;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:var(--radius-sm)}
.password-toggle:hover{color:var(--color-text-main)}
.password-toggle:focus-visible{outline:2px solid var(--color-accent-navy-primary);outline-offset:1px}
.form-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.15rem;padding:.85rem 1rem;border:1px solid var(--soft-border);border-radius:var(--radius);background:var(--surface-soft)}
.form-card-header strong{display:block;color:var(--navy-950);font-size:.96rem}
.form-card-header span{display:block;color:var(--muted);font-size:.82rem;font-weight:760}
.form-trust-note{margin-top:1.1rem;padding:.9rem 1rem;border:1px solid rgba(154,121,231,.34);border-radius:var(--radius);background:var(--gold-050);color:var(--ink-soft);font-size:.9rem;font-weight:720}
.form-step{display:none}
.form-step.is-active{display:block}
.step-indicator{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1.15rem}
.step-pill{display:flex;align-items:center;gap:.6rem;padding:.72rem;border:1px solid var(--soft-border);border-radius:var(--radius);background:var(--surface-soft);color:var(--muted);font-size:.84rem;font-weight:780;transition:background var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}
.step-pill span{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#fff;border:1px solid var(--border);color:var(--navy-850);font-size:.78rem;font-weight:900}
.step-pill.is-active{background:var(--navy-050);border-color:rgba(81,34,191,.28);color:var(--navy-950)}
.step-pill.is-active span{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.hp-field{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.mini-risk{display:grid;gap:1rem}
.result-card{position:sticky;top:98px}
.result-card h2{font-size:1.28rem}
.hub-search{max-width:640px;margin-top:1.3rem}
.hub-search-row{display:flex;gap:.5rem;align-items:center;max-width:640px;margin-top:1.3rem}
.hub-search-row .hub-search{flex:1;max-width:none;margin-top:0}
.filter-chip.is-active{background:var(--color-brand-soft);border-color:var(--color-brand-primary);color:var(--color-brand-dark);font-weight:860}
.mobile-sticky-cta{display:none;position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:1050;box-shadow:0 12px 32px rgba(40,20,90,.22)}

.table{font-size:.88rem;margin-bottom:0}
.table thead th{color:var(--muted);font-size:.76rem;font-weight:850;border-bottom:1px solid var(--border);white-space:nowrap}
.table tbody td{border-color:var(--soft-border);vertical-align:middle}
.table small{font-size:.77rem;color:var(--muted)}
dl.row{row-gap:.55rem}
dt{color:var(--muted);font-size:.84rem;font-weight:800}
dd{margin-bottom:.45rem;word-break:break-word}

.footer{padding:2.2rem 0 5.8rem;border-top:1px solid var(--border);color:var(--muted);background:var(--surface-soft)}
.footer a{text-decoration:none;color:var(--navy-850);font-weight:760}
.footer a:hover,.footer a:focus{color:var(--color-brand-primary);text-decoration:underline;text-underline-offset:2px}
/* 2026-07-16: gruplu footer düzeni — her grup başlık + dikey link listesi (NN/g önerisi) */
.footer-link-group{display:flex;flex-direction:column;gap:.65rem}
.footer-group-title{font-size:.76rem;font-weight:860;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.15rem}
.footer-link-group .footer-link-button{text-align:left}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .48s var(--ease-standard),transform .48s var(--ease-standard)}
.reveal.is-visible{opacity:1;transform:none}

.pipeline-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:1rem;overflow-x:auto;padding:0 0 1rem;scroll-snap-type:x proximity}
.pipeline-column{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;min-height:420px;scroll-snap-align:start}
/* 2026-07-19: position:sticky kaldırıldı — top:86px değeri genel sitenin 86px'lik üst
   menüsünden kopyalanmıştı, admin panelin masaüstü görünümünde böyle bir üst menü yok
   (sol kenar çubuğu düzeni). Sonuç: başlık kartın üzerine biniyordu (canlı ölçümle
   doğrulandı: sticky kapatılınca üst üste binme tamamen düzeldi). */
.pipeline-column h2{font-size:.9rem;margin-bottom:.85rem;background:var(--surface-soft);padding:.35rem 0}
.pipeline-card{display:block;text-decoration:none;background:#fff;border:1px solid var(--soft-border);border-radius:var(--radius);padding:.9rem;margin-bottom:.75rem;box-shadow:0 6px 16px rgba(40,20,90,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.pipeline-card:hover,.pipeline-card:focus{transform:translateY(-1px);border-color:rgba(81,34,191,.28);box-shadow:var(--shadow-soft)}
.pipeline-card strong,.pipeline-card span,.pipeline-card small{display:block}
.pipeline-card span{color:var(--muted);font-size:.84rem;margin-top:.2rem}
.pipeline-card small{color:var(--navy-700);font-weight:800;margin-top:.45rem}

.service-flow{max-width:760px;margin:auto;display:grid;gap:.85rem}
.service-flow-step{position:relative;display:grid;grid-template-columns:44px 1fr;gap:.9rem;align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;box-shadow:var(--shadow-soft)}
.service-flow-step:not(:last-child):after{content:"";position:absolute;left:21px;bottom:-.85rem;width:2px;height:.85rem;background:#ded6f0}
.service-flow-step span{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius);background:var(--gold-100);border:1px solid rgba(154,121,231,.42);font-weight:900;color:var(--navy-900)}
.service-flow-step strong{color:var(--navy-950);font-size:.98rem}

.appointment-frame{margin-top:1rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;min-height:640px}
.appointment-frame iframe{display:block;width:100%;height:640px;border:0}

.archive-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:600}
.archive-badge:before{content:"";width:6px;height:6px;border-radius:50%}
.archive-badge-revive{background:#EEEDFE;color:#3C3489;border:1px solid #CECBF6}
.archive-badge-revive:before{background:#534AB7}
.archive-badge-trace{background:#F1EFE8;color:#888780;border:1px solid #E2E0D8}
.archive-badge-trace:before{background:#B4B2A9}
.content-row-trace{opacity:.55}
.admin-html-editor{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:.85rem;line-height:1.55}
.content-card img{border:1px solid var(--soft-border)}
.blog-card-image{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--color-surface-soft);border-radius:var(--radius);margin-bottom:1rem}
/* 2026-07-19: PageSpeed denetimi — makale kapak görseli sabit boyut taşımıyordu (yüklenene
   kadar yükseklik belirsizdi, CLS riski). Yüklenen makale görselleri farklı en-boy oranlarında
   olabildiği için (per-görsel width/height attribute'u pratik değil), sabit aspect-ratio ile
   alan önceden ayrılıyor. */
.blog-hero-image{display:block;width:100%;aspect-ratio:1200/630;object-fit:contain;background:var(--color-surface-soft);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);margin-top:-1.25rem}
/* 2026-09-04: MiniMax H3 ile üretilen makale tanıtım videosu. 9:16 dikey olduğu için
   kapak görselinin tam genişlik kuralını kullanamaz — ortalanmış ve yükseklik sınırlı. */
.blog-hero-video{display:block;width:100%;max-width:340px;margin:-1.25rem auto 0;aspect-ratio:9/16;background:var(--color-surface-soft);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}
@media (max-width:520px){.blog-hero-video{max-width:100%}}
/* Motion Sprint 3 (2026-07-19): okuma ilerleme çubuğu — yalnızca blog makale sayfasında
   render edilir; kullanıcının kendi kaydırmasıyla eşzamanlı (kendiliğinden oynamaz). */
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--color-brand-primary);transform-origin:0 0;transform:scaleX(0);z-index:60;pointer-events:none}
.blog-layout{display:grid;grid-template-columns:minmax(0,740px) 230px;gap:2.6rem;align-items:start}
/* Motion Sprint 3 (2026-07-19): İçindekiler — sağ rayda yapışkan; aktif bölüm vurgulu. */
.blog-share{position:sticky;top:90px}
.blog-toc{margin-bottom:1.6rem}
/* Çapa hedefi yapışkan header'ın altında kalmasın. */
.blog-body h2{scroll-margin-top:90px}
.blog-toc-list{list-style:none;margin:0;padding:0;border-left:2px solid var(--color-border);display:flex;flex-direction:column}
.blog-toc-list a{display:block;padding:.34rem .75rem;font-size:.82rem;font-weight:740;line-height:1.4;color:var(--color-text-muted);text-decoration:none;border-left:2px solid transparent;margin-left:-2px;transition:color .18s ease,border-color .18s ease}
.blog-toc-list a:hover,.blog-toc-list a:focus{color:var(--color-brand-primary)}
.blog-toc-list a.is-active{color:var(--color-brand-primary);border-left-color:var(--color-brand-primary);font-weight:840}
.blog-body{font-size:.98rem;line-height:1.74}
.blog-body h2{font-size:1.58rem;margin-top:2.5rem;margin-bottom:.5rem}
.blog-body h3{font-size:1.16rem;margin-top:1.75rem;margin-bottom:.35rem}
.blog-body p,.blog-body li{color:#243244}
.blog-body img{max-width:100%;height:auto;border-radius:var(--radius)}
.blog-body a:not(.btn):not(.text-link){color:var(--color-brand-deep);font-weight:760;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.blog-body a:not(.btn):not(.text-link):hover,.blog-body a:not(.btn):not(.text-link):focus{color:var(--color-brand-primary)}
.blog-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.88rem;line-height:1.55;border:1px solid var(--color-border)}
.blog-body thead th{background:var(--color-brand-subtle);color:var(--color-text-main);font-size:.8rem;font-weight:860;padding:.72rem .8rem;border-bottom:1px solid var(--color-border);text-align:left}
.blog-body tbody td{padding:.68rem .8rem;border-bottom:1px solid var(--color-border-soft);color:var(--color-text-main);vertical-align:top}
.blog-body tbody tr:last-child td{border-bottom:0}
.peopleos-comment,.blog-cta{margin-top:2rem;padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--navy-050)}
.blog-cta .btn{margin-right:.55rem;margin-top:.45rem}
.peopleos-comment{border-color:rgba(81,34,191,.2);background:linear-gradient(135deg,var(--navy-050),#fff);position:relative;padding-left:1.6rem}
.peopleos-comment::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px;background:var(--color-brand-primary)}
.peopleos-comment h2{font-size:1.08rem;color:var(--color-brand-deep);margin-bottom:.5rem}
.blog-share{position:sticky;top:96px;border:1px solid var(--border);border-radius:var(--radius);padding:.95rem;background:#fff;box-shadow:var(--shadow-soft)}
.back-to-top{position:fixed;right:1.25rem;bottom:1.25rem;width:44px;height:44px;border-radius:999px;border:none;background:var(--color-brand-primary);color:#fff;font-size:1.1rem;line-height:1;box-shadow:var(--shadow-soft);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:40;cursor:pointer}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover,.back-to-top:focus{background:var(--color-brand-deep)}

/* Ana sayfa "aşağı kaydırın" oku — yalnızca Home/Index.cshtml içinde render edilir (2026-07-11).
   2026-07-15: dairesel buton kaldırıldı, sade/kalın ok + yatayda ortalanmış hale getirildi
   (kullanıcı isteği). Kaydırınca kaybolma davranışı (is-hidden, site.js:289) değişmedi —
   metin okunurluğunu engellemesin diye zaten JS ile scrollY>80'de gizleniyordu. */
.home-scroll-cue{position:fixed;left:50%;bottom:1.5rem;transform:translateX(-50%);width:auto;height:auto;border-radius:0;border:none;background:transparent;color:var(--color-brand-primary);box-shadow:none;padding:.4rem;opacity:1;visibility:visible;transition:opacity .25s ease,visibility .25s ease;z-index:40;cursor:pointer;display:flex;align-items:center;justify-content:center}
.home-scroll-cue.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.home-scroll-cue:hover,.home-scroll-cue:focus{color:var(--color-brand-deep)}
/* 2026-07-15: ok artık yatayda ortalandığı için çerez izni paneliyle (.cookie-banner,
   z-index:1080, tam genişlik, ekranın altında) çakışıyor — panel açıkken oku gizle.
   Aynı desen zaten .mobile-sticky-cta için satır ~909'da kullanılıyordu. */
body:has([data-cookie-banner]:not([hidden])) .home-scroll-cue{display:none}
.home-scroll-cue svg{width:28px;height:28px;animation:homeScrollCueBounce 1.8s ease-in-out infinite}
@keyframes homeScrollCueBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media (prefers-reduced-motion: reduce){
  .home-scroll-cue svg{animation:none}
}
.share-label{margin:0 0 .6rem;font-size:.88rem;font-weight:820;color:var(--navy-900)}
.share-platforms{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.source-note{margin-top:2rem;padding:0;border:1px solid rgba(27,58,107,.18);border-radius:var(--radius);background:var(--color-accent-navy-subtle);overflow:hidden}
.source-note summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;padding:1rem 1.15rem;color:var(--color-accent-navy-deep);font-size:.98rem;font-weight:840;list-style:none;transition:background var(--dur-fast) var(--ease-standard)}
.source-note summary:hover{background:rgba(27,58,107,.04)}
.source-note summary::-webkit-details-marker{display:none}
.source-note summary::after{content:"+";display:grid;place-items:center;flex:0 0 auto;width:1.55rem;height:1.55rem;border:1px solid rgba(27,58,107,.24);border-radius:999px;color:var(--color-accent-navy-primary);font-weight:900}
.source-note[open] summary::after{content:"-"}
.source-note p{margin:0;padding:0 1.15rem 1rem;color:#243244;font-size:.92rem}
.risk-lead-gate summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:.4rem;margin:0 auto;padding:.6rem 1rem;border-radius:999px;background:var(--color-accent-navy-subtle);border:1px solid rgba(27,58,107,.24);color:var(--color-accent-navy-primary);font-weight:820;font-size:.9rem;text-align:center;transition:background .14s,border-color .14s}
.risk-lead-gate summary::-webkit-details-marker{display:none}
.risk-lead-gate summary:hover{background:var(--color-accent-navy-soft)}
.risk-lead-gate[open] summary{display:none}
.source-meta-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0 1.15rem 1.15rem}
.source-meta-list div{padding:.75rem;border:1px solid rgba(81,34,191,.14);border-radius:var(--radius-sm);background:#fff}
.source-meta-list dt{color:var(--muted);font-size:.78rem;font-weight:760}
.source-meta-list dd{margin:0;color:var(--navy-900);font-size:.9rem;font-weight:780}
.source-policy-card{display:flex;justify-content:space-between;align-items:center;gap:1.2rem}
.methodology-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.25rem;align-items:start}
.methodology-source-list{display:grid;gap:.75rem}
.methodology-source-list a{display:grid;gap:.25rem;padding:.85rem;border:1px solid var(--soft-border);border-radius:var(--radius);background:var(--surface-soft);text-decoration:none}
.methodology-source-list a strong{color:var(--navy-950);font-size:.92rem}
.methodology-source-list a span{color:var(--muted);font-size:.86rem;line-height:1.45}
.methodology-source-list a:hover,.methodology-source-list a:focus{border-color:var(--navy-700);background:#fff}
/* UX düzeltmesi (2026-07-12): 5 eşit sütun + değişken içerik uzunluğu (0-27 kaynak)
   düzensiz/merdiven görünüme yol açıyordu. Sitenin kendi kanıtlanmış .dq-grid deseniyle
   (tek sütun, SSS bölümünde kullanılan) aynı yaklaşıma geçirildi — kart açıldığında
   komşu kartların hizasını bozmuyor. */
.source-score-grid{display:grid;grid-template-columns:1fr;gap:.75rem}
/* Kaynak Merkezi güven puanı kartları artık tıklanınca açılan .dq öğeleri (2026-07-11) */
.source-score-card summary strong{display:block;font-size:.95rem}
/* İçerik kaybı düzeltmesi (2026-07-12, ilk versiyon): .dq[open] .dq-body'nin sitewide
   700px tavanı 27 kaynaklı listeleri kesiyordu. O zaman burada özel bir istisna
   eklenmişti; 2026-07-12'de .dq-body'nin kendisi grid-template-rows tekniğine
   geçirildiği için sabit tavan tamamen kalktı — bu istisna artık gereksiz, kaldırıldı. */
.source-tier-list{margin:0;padding:0;list-style:none;display:grid;gap:.55rem}
.source-tier-list li{padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}
.source-tier-list a{display:block;color:var(--navy-850);font-weight:800;text-decoration:none}
.source-tier-list a:hover,.source-tier-list a:focus{text-decoration:underline;text-underline-offset:2px}
.source-tier-list .small-copy{display:block;margin-top:.2rem;color:var(--muted)}
.editorial-rule-list{margin:0;padding-left:1.2rem;color:#243244}
.editorial-rule-list li{margin:.45rem 0}
.source-table{display:grid;gap:1rem}
.source-table h3{margin-top:1.25rem}
.source-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}
.source-row strong,.source-row span{display:block}
.source-row a{color:var(--navy-850);text-decoration:none}
.source-row a:hover,.source-row a:focus{text-decoration:underline;text-underline-offset:2px}
.source-row span{color:var(--muted);font-size:.88rem;margin-top:.25rem}
.share-platform-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;padding:0;border-radius:10px;text-decoration:none;border:none;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.share-platform-button svg{display:block;width:20px;height:20px;max-width:20px;max-height:20px;fill:#fff;flex-shrink:0}
.share-platform-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.22)}
.share-platform-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.share-platform-button:active{transform:translateY(0);box-shadow:none}
.share-platform-button--linkedin{background:#0a66c2}
.share-platform-button--linkedin:hover{background:#0959aa}
.share-platform-button--x{background:#000}
.share-platform-button--x:hover{background:#1a1a1a}
.share-platform-button--facebook{background:#1877f2}
.share-platform-button--facebook:hover{background:#1468d4}
.share-platform-button--whatsapp{background:#25d366}
.share-platform-button--whatsapp:hover{background:#1db954}
.share-platform-button--whatsapp svg{fill:#082414}
@media (max-width:576px){
  .share-platforms{gap:6px}
  .share-platform-button{flex-basis:36px;width:36px;height:36px}
  .share-platform-button svg{width:18px;height:18px;max-width:18px;max-height:18px}
}

.legal-notice{margin-bottom:1.2rem;padding:1rem;border:1px solid rgba(154,121,231,.34);border-radius:var(--radius);background:var(--gold-050);color:var(--ink-soft);font-size:.92rem}
.legal-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.4rem;align-items:start}
.legal-toc{position:sticky;top:98px;display:grid;gap:.55rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}
.legal-toc a{color:var(--navy-700);font-weight:760;text-decoration:none}
.legal-document{display:grid;gap:1rem}
.legal-section h2{font-size:1.34rem}
.legal-table th{color:var(--navy-950)}
.footer-link-button{appearance:none;border:0;background:transparent;color:inherit;padding:0;font:inherit;text-decoration:underline;text-underline-offset:2px}
.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:1080;display:flex;gap:1rem;align-items:center;justify-content:space-between;max-width:1080px;margin:auto;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);color:var(--text)}
.cookie-banner[hidden],.cookie-panel-backdrop[hidden]{display:none}
.cookie-banner strong{display:block;color:var(--navy-950);margin-bottom:.25rem}
.cookie-banner p{margin:0;color:var(--muted);font-size:.9rem}
.cookie-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}
.cookie-panel-backdrop{position:fixed;inset:0;z-index:1090;display:grid;place-items:center;padding:1rem;background:rgba(21,19,31,.42)}
.cookie-panel{width:min(720px,100%);max-height:calc(100vh - 2rem);overflow:auto;border-radius:var(--radius);background:#fff;border:1px solid var(--border);box-shadow:0 24px 70px rgba(21,19,31,.24);padding:1.2rem}
.cookie-panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}
.cookie-panel-header h2{font-size:1.32rem;margin-bottom:0}
.cookie-close{width:38px;height:38px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--navy-950);font-size:1.45rem;line-height:1}
.cookie-option{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 0;border-top:1px solid var(--soft-border)}
.cookie-option strong{display:block;color:var(--navy-950)}
.cookie-option p{margin:.2rem 0 0;color:var(--muted);font-size:.9rem}
.cookie-option input{width:22px;height:22px;flex:0 0 auto}
.cookie-required{display:inline-flex;align-items:center;border:1px solid rgba(46,109,100,.22);border-radius:999px;background:var(--sage-100);color:var(--sage-700);padding:.28rem .55rem;font-size:.78rem;font-weight:820;white-space:nowrap}
.cookie-panel-actions{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-top:1rem;border-top:1px solid var(--soft-border)}

.admin-body{background:var(--surface-soft)}
.admin-body main{background:var(--surface-soft)}
.admin-body .page-hero{padding:3.2rem 0 2.4rem;background:#fff}
.admin-body h1{font-size:2.35rem}
.admin-body section:not(.page-hero){padding:2.8rem 0}
.admin-body .content-card{box-shadow:0 4px 18px rgba(40,20,90,.045)}
.admin-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:linear-gradient(to right,var(--navy-950) 280px,var(--surface-soft) 280px)}
.admin-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain;padding:1.05rem;border-right:1px solid rgba(40,20,90,.10);background:linear-gradient(180deg,var(--navy-950),var(--navy-900));box-shadow:8px 0 24px rgba(40,20,90,.08)}
.admin-brand{display:grid;gap:.2rem;margin-bottom:1rem;padding:.85rem .9rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);background:rgba(255,255,255,.06);color:#fff;text-decoration:none;font-size:1.15rem;font-weight:900;line-height:1.1}
.admin-brand span{color:var(--gold-100)}
.admin-brand small{color:#b8c8d9;font-size:.76rem;font-weight:760}
.admin-sidebar-nav{display:grid;gap:.28rem;padding-bottom:1rem}
.admin-sidebar-nav a{display:flex;align-items:center;min-height:42px;padding:.66rem .78rem;border:1px solid transparent;border-radius:var(--radius);color:#d8e6f4;text-decoration:none;font-size:.9rem;font-weight:780;line-height:1.25}
.admin-sidebar-nav a:hover,.admin-sidebar-nav a:focus{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}
.admin-sidebar-logout{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.10)}
.admin-sidebar-logout button{display:flex;align-items:center;width:100%;min-height:42px;padding:.66rem .78rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:transparent;color:#d8e6f4;font-size:.9rem;font-weight:780;cursor:pointer;text-align:left}
.admin-sidebar-logout button:hover,.admin-sidebar-logout button:focus{background:rgba(255,80,80,.18);border-color:rgba(255,120,120,.30);color:#ffb3b3}
.admin-mobile-logout{padding:.5rem 0 .25rem;border-top:1px solid rgba(255,255,255,.10);margin-top:.25rem}
.admin-mobile-logout button{display:block;width:100%;padding:.66rem .78rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:transparent;color:#d8e6f4;font-size:.9rem;font-weight:780;cursor:pointer;text-align:left}
.admin-mobile-logout button:hover,.admin-mobile-logout button:focus{background:rgba(255,80,80,.18);color:#ffb3b3}
.admin-main-shell{min-width:0}
/* 2026-07-19: her admin sayfasında görünen "Geri" butonu — kullanıcı isteği: sayfa
   kaydırılsa bile her zaman ekranda kalsın (position:fixed). .admin-back-bar normal
   akıştan çıktığı için kendi yerini ayırmaz — altındaki içerikle çakışmasın diye
   <main>'e (.admin-main-shell main) eşdeğer bir üst boşluk ekliyoruz. */
.admin-back-bar{position:fixed;top:1rem;left:calc(280px + 1.5rem);z-index:1050}
.admin-main-shell main{padding-top:3.4rem}
.admin-back-button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid var(--soft-border);border-radius:var(--radius);background:#fff;color:var(--navy-900);font-size:.86rem;font-weight:780;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.admin-back-button:hover,.admin-back-button:focus{transform:translateY(-1px);border-color:rgba(81,34,191,.28)}
.admin-mobile-header{display:none}
.admin-body .table-responsive{border-radius:var(--radius)}
.admin-body table{vertical-align:middle}

.home-hero{padding:5.4rem 0 4.2rem;background:linear-gradient(180deg,#fbfcfe 0%,#fff 62%,var(--navy-050) 100%);border-bottom:1px solid var(--soft-border)}
.home-hero-solo{padding:7.5rem 0 7rem}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.9fr);gap:3rem;align-items:center}
.home-hero-grid-nomedia{grid-template-columns:1fr;text-align:center}
.home-hero-grid-nomedia .home-hero-copy h1,.home-hero-grid-nomedia .home-hero-copy .lead-xl{max-width:760px;margin-left:auto;margin-right:auto}
.home-hero-grid-nomedia .home-hero-actions{justify-content:center}
.home-hero-copy h1{max-width:720px;font-size:clamp(2.25rem,3vw,3.55rem);font-family:var(--font-system);font-weight:700}
.home-hero-copy .lead-xl{max-width:640px;margin-top:1.2rem}
.home-hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.55rem}
.home-hero-tagline{margin-top:.9rem;font-size:.82rem;color:var(--muted);line-height:1.55}
.home-hero-media{position:relative;margin:0;aspect-ratio:4/5;border-radius:18px;overflow:hidden;border:1px solid rgba(81,34,191,.16);box-shadow:0 24px 58px rgba(40,20,90,.14);background:var(--navy-050)}
.home-hero-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}

.home-method-overlay{position:absolute;left:1rem;right:1rem;bottom:1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;padding:.55rem;border:1px solid rgba(255,255,255,.42);border-radius:14px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);box-shadow:0 14px 28px rgba(40,20,90,.16)}
.home-method-overlay span{display:flex;align-items:center;justify-content:center;min-height:34px;border-radius:10px;background:var(--navy-050);color:var(--navy-900);font-size:.78rem;font-weight:850;text-align:center;line-height:1.15}
.home-lead-section{border-top:1px solid var(--soft-border);border-bottom:1px solid var(--soft-border)}
.example-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:2rem;align-items:end}
.example-privacy-note,.example-intro-card,.example-mock-panel{border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}
.example-privacy-note{padding:1.15rem}
.example-privacy-note strong{display:block;color:var(--navy-950);margin-bottom:.35rem}
.example-privacy-note p,.example-intro-card p,.example-output-copy p,.example-final-cta p{color:var(--muted);line-height:1.68;margin-bottom:0}
.example-intro-card{padding:1.5rem;max-width:900px}
.example-output-section{padding:4.7rem 0}
.example-output-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2rem;align-items:center}
.example-output-grid.reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.example-output-grid.reverse .example-output-copy{order:2}
.example-output-grid.reverse .example-mock-panel{order:1}
.example-output-copy{min-width:0}
.example-output-copy h2{max-width:620px}
.example-output-copy p{max-width:640px}
.example-check-list{display:grid;gap:.55rem;margin:1.1rem 0 0;padding-left:1.1rem;color:var(--muted);line-height:1.58}
.example-check-list li::marker{color:var(--gold-700)}
.example-mock-panel{min-width:0;padding:1.1rem;overflow:hidden}
.mock-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--soft-border)}
.mock-panel-header strong{color:var(--navy-950)}
.mock-panel-header span{display:inline-flex;align-items:center;border:1px solid rgba(81,34,191,.16);border-radius:999px;padding:.22rem .55rem;background:var(--navy-050);color:var(--muted);font-size:.78rem;font-weight:760;white-space:nowrap}
.risk-output-list,.action-output-list{display:grid;gap:.7rem}
.risk-output-list div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .7rem;align-items:center;padding:.85rem;border:1px solid rgba(81,34,191,.12);border-radius:12px;background:linear-gradient(180deg,#fff,var(--navy-050))}
.risk-output-list strong{color:var(--navy-950)}
.risk-output-list p{grid-column:1/-1;margin:0;color:var(--muted);font-size:.88rem;line-height:1.52}
.risk-pill{display:inline-flex;justify-content:center;min-width:74px;border-radius:999px;padding:.22rem .52rem;font-size:.76rem;font-weight:840;border:1px solid rgba(81,34,191,.12)}
.risk-high{background:#ffe4b3;color:#633f00}
.risk-medium{background:#e6edf6;color:var(--ink-soft)}
.risk-low{background:#e8f4f1;color:#245b4d}
.role-output-table{display:grid;min-width:0;border:1px solid var(--soft-border);border-radius:12px;overflow:hidden}
.role-output-table [role="row"]{display:grid;grid-template-columns:minmax(130px,1.2fr) repeat(3,minmax(0,1fr));min-width:0}
.role-output-table span,.role-output-table strong{min-width:0;padding:.72rem;border-bottom:1px solid var(--soft-border);border-right:1px solid var(--soft-border);font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}
.role-output-table [role="row"] span:last-child,.role-output-table [role="row"] strong:last-child{border-right:0}
.role-output-table [role="row"]:last-child span,.role-output-table [role="row"]:last-child strong{border-bottom:0}
.role-table-head span{background:var(--navy-050);color:var(--navy-850);font-weight:850}
.role-output-table strong{color:var(--navy-950);background:#fff}
.onboarding-output-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.onboarding-output-timeline div{position:relative;min-width:0;padding:1rem;border:1px solid rgba(81,34,191,.12);border-radius:14px;background:linear-gradient(180deg,#fff,var(--navy-050))}
.onboarding-output-timeline div:before{content:"";display:block;width:38px;height:4px;margin-bottom:.8rem;border-radius:999px;background:var(--gold-500)}
.onboarding-output-timeline span{display:block;color:var(--muted);font-size:.78rem;font-weight:820;margin-bottom:.35rem}
.onboarding-output-timeline strong{display:block;color:var(--navy-950);line-height:1.34;margin-bottom:.5rem}
.onboarding-output-timeline p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.52}
.action-output-list div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.18rem .7rem;padding:.9rem;border:1px solid rgba(81,34,191,.12);border-radius:12px;background:#fff}
.action-output-list span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--gold-050);border:1px solid rgba(154,121,231,.35);color:var(--navy-900);font-weight:900}
.action-output-list strong{color:var(--navy-950);line-height:1.35}
.action-output-list p{margin:0;color:var(--muted);font-size:.86rem}
.example-match-list{display:grid;gap:.7rem;max-width:900px}
.example-match-list div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}
.example-match-list span{color:var(--muted)}
.example-match-list strong{color:var(--navy-950)}
.example-final-cta h2{max-width:760px}
.example-hero-note{margin-top:.85rem;font-weight:760;color:var(--ink-soft)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.4rem}
.align-start{text-align:left;align-items:flex-start}
.example-readiness-grid,.example-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.example-output-read-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.example-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.example-readiness-grid article,.example-evidence-grid article,.example-output-read-grid article,.example-transparency-card,.example-hub-card{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}
.example-readiness-grid article,.example-evidence-grid article,.example-output-read-grid article,.example-transparency-card{padding:1.2rem}
.example-readiness-grid article span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:.8rem;border-radius:10px;background:var(--gold-050);border:1px solid rgba(154,121,231,.35);color:var(--navy-900);font-weight:900}
.example-readiness-grid h3,.example-evidence-grid h3,.example-output-read-grid h3,.example-transparency-card h2{font-size:1.08rem;line-height:1.35}
.example-readiness-grid p,.example-evidence-grid p,.example-transparency-card p{color:var(--muted);line-height:1.65;margin-bottom:0}
.example-output-read-grid dl{display:grid;gap:.75rem;margin:1rem 0 0}
.example-output-read-grid div{padding-top:.75rem;border-top:1px solid var(--soft-border)}
.example-output-read-grid dt{margin-bottom:.25rem;color:var(--navy-900);font-size:.78rem;font-weight:880}
.example-output-read-grid dd{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}
.example-decision-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}
.example-decision-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0;font-size:.88rem}
.example-decision-table th,.example-decision-table td{vertical-align:top;padding:1rem;border-right:1px solid var(--soft-border);border-bottom:1px solid var(--soft-border);line-height:1.55}
.example-decision-table th:last-child,.example-decision-table td:last-child{border-right:0}
.example-decision-table tr:last-child td{border-bottom:0}
.example-decision-table th{background:var(--navy-050);color:var(--navy-900);font-size:.78rem;font-weight:880;letter-spacing:0}
.example-decision-table td{color:var(--muted);background:#fff}
.example-decision-table td:first-child{color:var(--navy-950);font-weight:820}
.example-more-questions{margin-top:1rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft);overflow:hidden}
.example-more-questions summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;padding:1rem 1.15rem;color:var(--navy-900);font-weight:860}
.example-more-questions summary::-webkit-details-marker{display:none}
.example-more-questions summary:after{content:"+";display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:999px;border:1px solid rgba(81,34,191,.18);background:var(--navy-050);font-size:1.1rem}
.example-more-questions[open] summary:after{content:"-"}
/* Accordion animasyon refactoru Aşama 3 (2026-07-12): max-height→grid-template-rows.
   Tek çocuk (<table>) olduğu için ek bir -inner sarmalayıcı gerekmedi; yatay kaydırma
   (overflow-x:auto, satır 646'daki temel kural) tabloya taşındı çünkü dış kap artık
   dikey çökme için overflow:hidden kullanıyor. */
.example-more-questions .example-decision-table-wrap{display:grid;grid-template-rows:0fr;max-height:none;border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none;overflow:hidden;transition:grid-template-rows var(--dur-slow) var(--ease-standard)}
.example-more-questions .example-decision-table-wrap>table{min-height:0;overflow-x:auto}
.example-more-questions[open] .example-decision-table-wrap{grid-template-rows:1fr}
.example-hub-card{display:flex;align-items:flex-start;min-height:126px;padding:1.05rem;color:var(--navy-900);font-weight:820;line-height:1.45;text-decoration:none}
.example-hub-card:hover,.example-hub-card:focus{color:var(--navy-950);border-color:rgba(81,34,191,.32);box-shadow:0 14px 34px rgba(40,20,90,.10)}
.example-final-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}

/* ── HOME DISCOVERY ─────────────────────────────────────────── */
.home-discovery{padding:5rem 0 4.5rem}
.home-discovery-head{max-width:640px;margin-bottom:2.5rem}
.home-discovery-head .section-kicker{margin-bottom:.55rem}
.home-discovery-head h2{margin-bottom:.7rem}
.home-discovery-head p{margin:0;color:var(--muted)}
.dq-grid{display:grid;grid-template-columns:1fr;gap:.75rem}
.dq{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft);overflow:hidden;transition:border-color .16s,box-shadow .16s}
.dq::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:transparent;transition:background .18s}
.dq[open]::before{background:linear-gradient(180deg,var(--purple-300,#9a79e7),var(--navy-700,#5122bf))}
.dq[open]{border-color:rgba(81,34,191,.28);box-shadow:0 14px 34px rgba(40,20,90,.10);background:linear-gradient(90deg,rgba(246,243,252,.9),#fff 28%)}
.dq summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:1.1rem 1.2rem 1.1rem 1.3rem;user-select:none;border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-standard)}
.dq summary:hover{background:rgba(81,34,191,.03)}
.dq summary::-webkit-details-marker{display:none}
.dq-num{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:var(--navy-050);border:1px solid rgba(154,121,231,.32);color:var(--navy-900);font-weight:900;font-size:.78rem;font-variant-numeric:tabular-nums}
.dq summary strong{color:var(--navy-950);font-size:1rem;line-height:1.38;font-weight:820}
.dq-toggle{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:999px;border:1px solid rgba(81,34,191,.18);background:var(--navy-050);color:var(--navy-800);font-size:.9rem;font-weight:900;transition:background .14s,border-color .14s,transform var(--dur-base) var(--ease-standard)}
.dq[open] .dq-toggle{background:rgba(81,34,191,.08);border-color:rgba(81,34,191,.32);color:var(--navy-700);transform:rotate(45deg)}
/* Accordion animasyon refactoru (2026-07-11/12): max-height→grid-template-rows.
   Sabit yükseklik tavanı yok — içerik ne kadar uzun olursa olsun kesilmez
   (/kaynaklar'daki eski kesilme hatasının sınıfı artık yapısal olarak imkânsız).
   HTML'de .dq-body içeriği tek bir .dq-body-inner sarmalayıcısına alınır
   (grid 0fr tekniği tek çocuk gerektirir). Aşama 1 (ana sayfa) + Aşama 2
   (Kaynak Merkezi) tamamlandı, artık site genelinde .dq-body kalıcı varsayılanı bu. */
.dq-body{display:grid;grid-template-rows:0fr;max-height:none;overflow:hidden;padding:0 1.2rem 0 1.35rem;transition:grid-template-rows var(--dur-slow) var(--ease-standard),padding-bottom var(--dur-slow) var(--ease-standard)}
.dq[open] .dq-body{grid-template-rows:1fr;padding-bottom:1.35rem}
.dq-body-inner{min-height:0;overflow:hidden}
.dq-step{position:relative;padding:.85rem 0 .85rem 1.1rem;border-top:1px solid rgba(230,226,239,.9)}
.dq-step::before{content:"";position:absolute;left:0;top:.85rem;width:3px;bottom:.2rem;border-radius:999px;background:rgba(154,121,231,.38)}
.dq-step-label{display:block;color:var(--navy-850);font-size:.8rem;font-weight:870;letter-spacing:.01em;margin-bottom:.22rem}
.dq-step p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.62}
.dq-step p a{color:var(--navy-700);font-weight:820;text-decoration:underline;text-underline-offset:2px}
.dq-next{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.1rem;padding:.6rem 1rem;border-radius:999px;background:var(--color-accent-navy-subtle);border:1px solid rgba(27,58,107,.24);color:var(--color-accent-navy-primary);font-weight:820;font-size:.86rem;text-decoration:none;transition:background .14s,border-color .14s,color .14s}
.dq-next:hover,.dq-next:focus{background:var(--color-accent-navy-soft);border-color:var(--color-accent-navy-primary);color:var(--color-accent-navy-deep)}
.dq-source{margin-top:.6rem}
.dq-source summary{cursor:pointer;font-size:.8rem;font-weight:820;color:var(--muted);list-style:none}
.dq-source summary::-webkit-details-marker{display:none}
.dq-source summary::before{content:"+ ";color:var(--color-accent-navy-primary)}
.dq-source[open] summary::before{content:"− "}
.dq-source p{margin:.4rem 0 0;color:var(--muted);font-size:.85rem;line-height:1.55}
.dq-source p a{color:var(--navy-700);font-weight:820;text-decoration:underline;text-underline-offset:2px}

/* ── HOME PATHS ─────────────────────────────────────────────── */
.home-paths{padding:0 0 5rem}
.home-paths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.home-path{display:flex;flex-direction:column;gap:.55rem;padding:1.35rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft);text-decoration:none;color:var(--navy-900);transition:transform var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard)}
.home-path:hover,.home-path:focus{border-color:rgba(81,34,191,.32);box-shadow:0 14px 34px rgba(40,20,90,.10);background:linear-gradient(135deg,rgba(246,243,252,.7),#fff);transform:translateY(-2px)}
.home-path-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--navy-050);border:1px solid rgba(154,121,231,.32);color:var(--navy-900);font-weight:900;font-size:.76rem;flex:0 0 auto}
.home-path strong{color:var(--navy-950);font-size:.98rem;font-weight:820;line-height:1.35}
.home-path span{color:var(--muted);font-size:.86rem;line-height:1.55}

/* ── HOME TESTIMONIAL ───────────────────────────────────────── */
/* 2026-09-12: ana sayfadaki tek referans bloğu. Dar ölçü bilinçli — alıntı bir metin,
   satır uzunluğu okunabilirlik sınırında kalmalı. */
.home-testimonial-section{padding:0 0 5rem}
.home-testimonial{max-width:760px;margin:0 auto;text-align:center}
.home-testimonial h2{margin-bottom:0}
.home-testimonial .testimonial-quote{text-align:left;margin:1.5rem 0}

@media (max-width:991.98px){
  .home-hero-grid{grid-template-columns:1fr;gap:2rem}
  .home-hero-media{order:2}
  .dq-grid{grid-template-columns:1fr}
  .home-paths-grid{grid-template-columns:1fr}
  .example-hero-grid,.example-output-grid,.example-output-grid.reverse{grid-template-columns:1fr}
  .example-output-grid.reverse .example-output-copy,.example-output-grid.reverse .example-mock-panel{order:initial}
  .example-readiness-grid,.example-evidence-grid,.example-output-read-grid,.example-hub-grid{grid-template-columns:1fr}
  .onboarding-output-timeline{grid-template-columns:1fr}
}

@media (max-width:575.98px){
  .home-hero{padding:2.8rem 0 2.6rem}
  .home-hero-solo{padding:2.8rem 0 2.6rem}
  .home-hero-copy h1{font-size:2rem;max-width:100%}
  .home-hero-copy .lead-xl{max-width:100%;overflow-wrap:anywhere}
  .home-hero-actions .btn{width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
  .home-method-overlay{grid-template-columns:repeat(2,minmax(0,1fr));left:.65rem;right:.65rem;bottom:.65rem}
  .home-method-overlay span{font-size:.74rem}
  .example-output-section{padding:3.2rem 0}
  .example-privacy-note,.example-intro-card,.example-mock-panel{padding:1rem}
  .mock-panel-header{align-items:flex-start;flex-direction:column;gap:.45rem}
  .role-output-table{border:0;gap:.7rem}
  .role-output-table [role="row"]{grid-template-columns:1fr;border:1px solid var(--soft-border);border-radius:12px;background:#fff;overflow:hidden}
  .role-output-table span,.role-output-table strong{border-right:0}
  .role-table-head{display:none!important}
  .example-match-list div{grid-template-columns:1fr;gap:.35rem}
  .hero-actions .btn,.example-final-cta .btn{width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
  .example-decision-table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}
  .example-decision-table{display:block;min-width:0}
  .example-decision-table thead{display:none}
  .example-decision-table tbody,.example-decision-table tr,.example-decision-table td{display:block;width:100%}
  .example-decision-table tr{margin-bottom:.9rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft);overflow:hidden}
  .example-decision-table tr:last-child{margin-bottom:0}
  .example-decision-table td{border-right:0;border-bottom:1px solid var(--soft-border);padding:.85rem .95rem}
  .example-decision-table td:before{content:attr(data-label);display:block;margin-bottom:.28rem;color:var(--navy-800);font-size:.76rem;font-weight:880}
  .example-decision-table td:first-child{background:var(--navy-050)}
  .example-more-questions .example-decision-table-wrap{border-top:1px solid var(--border);padding:1rem;background:var(--navy-050)}
  .example-final-actions{width:100%}
}

/* ── VAKA 01 ────────────────────────────────────────────────── */
.vc01-card-label{font-size:.8rem;font-weight:820;color:var(--muted);margin-bottom:.25rem}
.vc01-dinamik-footer{border-top:1px solid var(--soft-border);padding-top:.75rem;margin-top:.75rem;font-size:.88rem;color:var(--muted)}
.vc01-dinamik-footer strong{display:block;color:var(--navy-850);margin-bottom:.2rem}
.vc01-olcum-dt{color:var(--muted);font-size:.8rem;font-weight:820;margin-bottom:.2rem}
.vc01-olcum-dd{margin-bottom:.75rem;color:var(--text);font-size:.9rem}
.vc01-olcum-dd:last-child{margin-bottom:0}
.vc01-section-note{font-size:.88rem;font-style:italic;color:var(--muted)}

/* ── VAKA 01 UX: Breadcrumb ───────────────────────────────── */
.vc01-breadcrumb{padding:.9rem 0 .15rem}
.vc01-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.1rem;margin:0;padding:0;list-style:none;font-size:.8rem;font-weight:760;color:var(--muted)}
.vc01-breadcrumb li{display:inline-flex;align-items:center}
.vc01-breadcrumb li:not(:last-child)::after{content:"›";margin:0 .5rem;color:var(--purple-300);font-weight:800}
.vc01-breadcrumb a{color:var(--navy-700);text-decoration:none;font-weight:800}
.vc01-breadcrumb a:hover,.vc01-breadcrumb a:focus-visible{text-decoration:underline;text-underline-offset:2px}
.vc01-breadcrumb li[aria-current="page"]{color:var(--navy-950)}

/* ── VAKA 01 UX: Sticky nav ──────────────────────────────── */
.vc01-section-nav{position:sticky;top:72px;z-index:1030;background:rgba(255,255,255,.97);border-bottom:1px solid var(--soft-border);backdrop-filter:blur(8px)}
.vc01-nav-inner{display:flex;align-items:center;gap:.75rem;min-height:46px;overflow:hidden}
.vc01-nav-label{font-size:.76rem;font-weight:850;color:var(--muted);white-space:nowrap;flex-shrink:0}
.vc01-nav-links{display:flex;align-items:center;gap:.1rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:.28rem 0}
.vc01-nav-links::-webkit-scrollbar{display:none}
.vc01-nav-links a{display:inline-flex;align-items:center;white-space:nowrap;padding:.3rem .58rem;border-radius:999px;font-size:.75rem;font-weight:770;color:var(--muted);text-decoration:none;border:1px solid transparent;transition:color .15s,background .15s,border-color .15s}
.vc01-nav-links a:hover,.vc01-nav-links a:focus-visible{color:var(--navy-850);background:var(--navy-050);border-color:rgba(154,121,231,.3)}
.vc01-nav-link--active{color:var(--navy-900)!important;background:var(--navy-050)!important;border-color:rgba(81,34,191,.3)!important;font-weight:870!important;text-decoration:underline;text-underline-offset:2px}
.vc01-nav-toggle{display:none;align-items:center;gap:.4rem;padding:.36rem .65rem;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--navy-900);font-size:.8rem;font-weight:780;cursor:pointer;white-space:nowrap;line-height:1.2}
.vc01-nav-toggle svg{width:14px;height:14px;flex-shrink:0;transition:transform .2s ease}
.vc01-nav-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}

/* ── VAKA 01 UX: Okuma modu ──────────────────────────────── */
.vc01-mode-control-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:.85rem;padding:1rem 0 .65rem;border-bottom:1px solid var(--soft-border)}
.vc01-mode-label{font-size:.88rem;font-weight:780;color:var(--muted)}
.vc01-mode-buttons{display:inline-flex;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);padding:.22rem}
.vc01-mode-btn{padding:.36rem .82rem;border:none;border-radius:999px;background:transparent;color:var(--muted);font-size:.82rem;font-weight:780;cursor:pointer;line-height:1.2;transition:background .15s,color .15s,box-shadow .15s}
.vc01-mode-btn:hover{color:var(--navy-850);background:rgba(81,34,191,.06)}
.vc01-mode-btn--active{background:#fff!important;color:var(--navy-900)!important;box-shadow:0 2px 8px rgba(40,20,90,.10)!important;font-weight:850!important}

/* ── VAKA 01 UX: Disclosure butonlar ────────────────────── */
.vc01-disclose-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.85rem;padding:.38rem .7rem;border:1px solid rgba(81,34,191,.25);border-radius:999px;background:#fff;color:var(--navy-700);font-size:.82rem;font-weight:780;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;line-height:1.2}
.vc01-disclose-btn:hover{background:var(--navy-050);border-color:rgba(81,34,191,.45);box-shadow:var(--shadow-soft)}
.vc01-disclose-btn svg{width:13px;height:13px;flex-shrink:0;transition:transform .2s ease}
.vc01-disclose-btn[aria-expanded="true"] svg{transform:rotate(180deg)}

/* ── VAKA 01 UX: İçerik görünürlüğü ─────────────────────── */
[data-vc01-mode="quick"] section:not(.vc01-expanded) .vc01-detail-content,
[data-vc01-mode="quick"] section:not(.vc01-expanded) .vc01-detail-block{display:none}

/* Bölüm ID'leri için scroll-margin-top (header + sticky nav) */
#sirket-profili,#baslangic-baglami,#organizasyonel-sinyaller,
#test-edilecek-hipotezler,#peopleos-yaklasimi,#mudahale-cercevesi,
#uygulama-dinamikleri,#beklenen-gelisim,#olcum-cercevesi,#ilgili-danismanlik{scroll-margin-top:128px}

/* ── VAKA 01 UX: Mobil nav ───────────────────────────────── */
@media(max-width:767.98px){
  .vc01-nav-toggle{display:inline-flex}
  .vc01-nav-label{display:none!important}
  .vc01-nav-links{display:none;position:absolute;left:0;right:0;top:100%;z-index:1020;background:#fff;border-bottom:1px solid var(--soft-border);padding:.5rem 1rem .9rem;flex-direction:column;align-items:flex-start;gap:.1rem;box-shadow:0 8px 20px rgba(40,20,90,.08)}
  .vc01-nav-links.vc01-nav-links--open{display:flex}
  .vc01-section-nav{overflow:visible}
  .vc01-nav-inner{overflow:visible;position:relative}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .signal-flow i{animation:none}
  .btn-navy,.btn-outline-navy,.btn-soft-navy,.path-card,.pipeline-card{transition:none}
  .text-link,.text-link:after{transition:none}
  .home-path,.home-next-row,.step-pill,.dq summary{transition:none}
  .dq-toggle,.dq-body,.disclosure-body,.example-more-questions .example-decision-table-wrap,.source-note summary{transition:none}
  .vc01-disclose-btn,.vc01-disclose-btn svg,.vc01-nav-toggle svg,.vc01-mode-btn,.vc01-nav-links a{transition:none}
  .mobile-panel.open{animation:none}
  .reading-progress{transition:none}
}
@media (max-width:991.98px){
  body{font-size:.95rem}
  h1{font-size:2.35rem}
  h2{font-size:1.72rem}
  .lead-xl{font-size:1rem}
  .logo{font-size:1.13rem}
  section{padding:4rem 0}
  .hero{padding:4.6rem 0 3.8rem}
  .page-hero{padding:3.8rem 0 2.8rem}
  .desktop-nav{display:none}
  .menu-button{display:inline-flex}
  .header-shell{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;min-height:70px}
  .logo{justify-self:center;text-align:center}
  .brand-logo-img{width:176px}
  .mobile-sticky-cta{display:block}
  .back-to-top{bottom:5rem}
  .home-scroll-cue{display:none}
  .panel-grid{grid-template-columns:1fr}
  .disclosure-grid{grid-template-columns:1fr}
  .visual-panel{min-height:320px}
  .signal-flow{position:relative;left:auto;right:auto;bottom:auto;margin-top:1.35rem}
  .result-card{position:static}
  .blog-layout{grid-template-columns:1fr}
  .blog-share{position:static}
  .blog-toc{display:none}
  .source-meta-list{grid-template-columns:1fr}
  .source-policy-card{align-items:flex-start;flex-direction:column}
  .methodology-card{grid-template-columns:1fr}
  /* Eski: .source-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))} — 2026-07-12 UX
     düzeltmesinde kaldırıldı; taban zaten tek sütun (1fr), tablette 2 sütuna geçmek aynı
     düzensiz-yükseklik sorununu geri getirirdi. */
  .source-row{grid-template-columns:1fr}
  .decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .storyboard-scene{grid-template-columns:1fr}
  .hero-topic-nav{grid-template-columns:1fr}
  .approach-teaser{align-items:flex-start;flex-direction:column}
  .founder-note-card{grid-template-columns:1fr}
  .approach-section-grid{grid-template-columns:1fr}
  .approach-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .approach-hero h1{font-size:2rem}
  .visual-explain-card{grid-template-columns:1fr}
  .page-hero-visual img,.approach-illustration img,.wide-illustration img,.visual-explain-card img{max-height:260px}
  .home-next-row{grid-template-columns:1fr}
  .matrix-row{grid-template-columns:1fr}
  .cta-card{align-items:flex-start;flex-direction:column}
  .coming-soon-grid{grid-template-columns:1fr}
  .cta-band{align-items:flex-start;flex-direction:column}
  .legal-layout{grid-template-columns:1fr}
  .legal-toc{position:static}
  .cookie-banner{align-items:flex-start;flex-direction:column}
  .cookie-actions{justify-content:flex-start}
  .admin-body h1{font-size:2rem}
  .admin-shell{display:block}
  .admin-sidebar{display:none}
  .admin-mobile-header{display:block}
  .admin-back-bar{left:1rem;top:84px}
  .admin-body .table{min-width:720px}
  body:has([data-cookie-banner]:not([hidden])) .mobile-sticky-cta{display:none}
}
@media (max-width:575.98px){
  body{font-size:.94rem;padding-bottom:3.35rem}
  .container{padding-inline:1.1rem}
  h1{font-size:1.92rem;line-height:1.18}
  h2{font-size:1.42rem}
  h3{font-size:1.02rem}
  section{padding:3.2rem 0}
  .hero{padding:2.35rem 0 2.2rem}
  .page-hero{padding:3.1rem 0 2.35rem}
  .lead-xl{font-size:.96rem}
  .section-kicker{font-size:.73rem}
  .hero-context-title{font-size:1rem;margin-bottom:.7rem}
  .trust-card-title{font-size:1.18rem}
  .trust-card-lead{font-size:.96rem}
  .row{margin-inline:0}
  .row>*{padding-inline:0}
  .hero h1{max-width:20.75rem;font-size:1.86rem}
  .hero .lead-xl{margin-top:1.15rem!important}
  .hero .text-muted-soft{font-size:.94rem;margin-bottom:.85rem}
  .hero-microcopy{font-size:.77rem;line-height:1.38;margin-top:.55rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .section-kicker{position:relative;display:inline-block;padding-left:1.35rem;line-height:1.35;overflow-wrap:anywhere}
  .hero h1,.hero .lead-xl,.hero .btn,.visual-panel,.path-card{max-width:calc(100vw - 2.2rem)}
  .hero-visual-art{max-width:calc(100vw - 2.2rem)}
  .hero h1{max-width:20.75rem}
  .section-kicker:before{position:absolute;left:.62rem;top:.72rem}
  .panel-topline{display:block}
  .panel-topline strong{display:block;margin-top:.28rem}
  .btn-navy,.btn-outline-navy,.btn-soft-navy{font-size:.9rem}
  .btn{white-space:normal}
  .hero .d-flex,.page-hero .d-flex{width:100%}
  .hero .btn,.page-hero .btn{width:100%}
  .hero-decision-panel{padding:1rem;margin-top:-.45rem}
  .hero-decision-panel .tag{font-size:.72rem;padding:.34rem .55rem}
  .hero-decision-panel h2{font-size:1.08rem;line-height:1.25;margin-bottom:.58rem}
  .hero-decision-panel ul{gap:.42rem;margin-bottom:.72rem}
  .hero-decision-panel li{font-size:.85rem;line-height:1.32;padding-left:1rem}
  .hero-decision-panel li:before{top:.45rem;width:.35rem;height:.35rem}
  .hero-decision-panel p{padding:.62rem .7rem;font-size:.8rem;line-height:1.38}
  .hero-topic-nav{gap:.65rem;margin-top:1rem}
  .hero-topic-nav a{min-height:auto}
  .content-card,.path-card,.visual-panel,.process-card{padding:1.05rem}
  .decision-grid{grid-template-columns:1fr}
  .source-score-grid{grid-template-columns:1fr}
  .approach-process-grid,.approach-impact-grid{grid-template-columns:1fr}
  .expertise-grid{grid-template-columns:1fr}
  .approach-teaser .btn{width:100%}
  .cta-band .btn{width:100%}
  .path-card strong{max-width:19rem}
  .step-indicator{grid-template-columns:1fr}
  .table{font-size:.84rem}
  .blog-body{font-size:.96rem}
  .blog-body h2{font-size:1.34rem}
  .blog-body h3{font-size:1.06rem}
  .appointment-frame,.appointment-frame iframe{min-height:520px;height:520px}
  .cookie-banner{left:.5rem;right:.5rem;bottom:.45rem;padding:.58rem;gap:.48rem;border-radius:14px}
  .cookie-banner strong{font-size:.86rem;margin-bottom:.02rem}
  .cookie-banner p{font-size:.72rem;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .cookie-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem;width:100%}
  .cookie-actions .btn{width:100%;min-height:32px;padding:.38rem .28rem;font-size:.72rem;line-height:1.1;white-space:nowrap}
  .cookie-actions .btn:last-child{grid-column:auto}
  .cookie-panel-actions,.cookie-panel-actions .btn{width:100%}
  .cookie-panel-actions{align-items:stretch;flex-direction:column}
  .cookie-option{align-items:flex-start;flex-direction:column}
}
/* Admin — Faz 1B: Operasyonel Radar */
tr.lead-p0>td:first-child{border-left:4px solid #dc3545}
tr.lead-p1>td:first-child{border-left:4px solid #fd7e14}
tr.lead-p2>td:first-child{border-left:4px solid #ffc107}
tr.lead-p5>td:first-child{border-left:4px solid #0d6efd}
a.metric-tile{display:block;text-decoration:none;cursor:pointer}
a.metric-tile:hover{border-color:#5122BF}
.metric-tile.is-active{border-color:#5122BF;background:#f0edf8}
/* Admin Cockpit — Faz 1A */
.metric-tile{padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:0 2px 8px rgba(40,20,90,.05)}
.metric-tile span{display:block;color:var(--muted);font-size:.76rem;font-weight:820;margin-bottom:.3rem}
.metric-tile strong{display:block;color:var(--navy-950);font-size:1.1rem;font-weight:880;line-height:1.3}
.metric-tile small{display:block;color:var(--muted);font-size:.78rem;margin-top:.18rem}
.admin-timeline-item{padding:.7rem 0 .7rem 1rem;border-left:2px solid var(--border)}
.admin-timeline-item+.admin-timeline-item{margin-top:.35rem}
.admin-timeline-item p{margin:.2rem 0 0;color:var(--muted);font-size:.88rem;line-height:1.52}
@media (max-width:575.98px){
  .blog-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
/* Admin — Playbook sekme menüsü sticky (JS IntersectionObserver ile kontrol edilir) */
#playbook-tab-sentinel{height:0;margin:0;padding:0}
.playbook-tab-spacer{display:none}
.playbook-tab-spacer.is-active{display:block}
.playbook-tab-nav.is-stuck{position:fixed!important;top:0;left:280px;right:0;z-index:90;border:none;border-bottom:1px solid var(--border);border-radius:0;box-shadow:0 4px 20px rgba(40,20,90,.12)}
@media (max-width:991.98px){.playbook-tab-nav.is-stuck{left:0}}

/* Vaka Çalışması sayfası — inline style yerine (PUBLIC_UI_AND_ARTICLE_OUTPUT_CONTRACT.md kural 4) */
.vc01-ink{color:var(--navy-950)}
.vc01-caption-strong{font-weight:820;color:var(--navy-850)}
.vc01-hero-svg{width:100%;height:auto;max-height:200px}
.vc01-accordion-item{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft)}