/* =========================================================================
   Sami Görey — samigorey.com
   Tipografi: Playfair Display (başlık) + DM Sans (gövde), self-host.
   Palet: tasarımcı v1 değerleri; ALTIN METİN TONLARI ÖLÇÜLEREK türetildi.
   Tasarımcının #c9983c'si krem zeminde 2.46:1 ile okunmuyordu (19
   kombinasyondan 9'u WCAG AA'yı geçmiyordu). Çözüm: altın DEKORASYONDA
   kalır, metinde koyu tonu kullanılır, dolgu butonda altın zemin +
   mürekkep metin (6.27:1).
   ========================================================================= */

:root {
  --navy:         #0e2038;
  --navy-2:       #152d4a;
  --cream:        #f5f0e6;   /* sayfa zemini */
  --cream-2:      #fbf8f2;   /* kart yüzeyi */
  --cream-3:      #ede6d8;   /* akademi bandı */
  --gold:         #c9983c;   /* YALNIZCA dekoratif + dolgu zemini */
  --gold-light:   #e3c27d;   /* koyu zemin üzerinde altın metin — 9.58:1 */
  --gold-text:    #7d5c1d;   /* krem zeminde küçük metin — 5.41:1 */
  --gold-text-lg: #956d22;   /* krem zeminde 24px+ metin — 4.12:1 */
  --ikon-bg:      #eee2cc;
  --text:         #142237;
  --muted:        #5f5d55;   /* krem zeminde 5.81:1 */
  --line:         rgba(14, 32, 56, .13);
  --line-soft:    rgba(14, 32, 56, .085);
  --line-gold:    rgba(174, 132, 64, .22);

  --serif:  'Playfair Display', Georgia, serif;
  --body-f: 'DM Sans', system-ui, -apple-system, sans-serif;

  --maxw:   1300px;   /* 1400px'te metin uçtan uca gidiyordu */
  --radius: 16px;
  --pad:    50px;
  --olcu:   64ch;            /* satır uzunluğu üst sınırı */
}

/* Hizmet odaklı sayfalarda ortak kabuk koyu ve düğmeler okunaklı kalır. */
.site-header { background: var(--ink); }
.home-hero .btn-outline, .service-hero .btn-outline, .home-contact .btn-outline { color: #fff; box-shadow: inset 0 0 0 1px rgba(245,214,123,.8); }
.home-hero .btn-outline:hover, .service-hero .btn-outline:hover, .home-contact .btn-outline:hover { background: rgba(255,255,255,.11); color:#fff; }
/* ===== 2026-08: hizmet odaklı ana sayfa ===== */
:root { --ink: #06172e; --ink-2: #0a2344; --paper: #f7f5ef; --gold: #d4a337; --gold-pale: #f5d67b; }
.site-header { background: var(--ink); border-bottom-color: rgba(255,255,255,.12); }
.site-header .brand, .site-header .site-nav a { color: #fff; }
.site-header .brand-role { color: var(--gold-pale); }
.home-v2, .service-page { background: var(--paper); color: var(--ink); }
.home-hero, .service-hero { background: radial-gradient(circle at 72% 20%, #12386a 0, var(--ink) 48%, #041020 100%); color: #fff; overflow: hidden; }
.home-hero-grid, .service-hero-grid { min-height: 610px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); align-items: center; gap: 36px; }
.home-hero-copy { padding: 95px 0 64px; position: relative; z-index: 1; }
.home-hero h1, .service-hero h1 { font-family: var(--serif); font-size: clamp(42px, 5.2vw, 78px); line-height: .98; max-width: 11ch; color:#fff; }
.home-hero h1 em { color: var(--gold-pale); }
.home-hero p:not(.eyebrow), .service-hero p:not(.eyebrow) { color: rgba(255,255,255,.82); max-width: 58ch; font-size: 17px; line-height: 1.65; margin-top: 24px; }
.home-hero .eyebrow, .service-hero .eyebrow { color: var(--gold-pale); }
.service-hero .btn { margin-top:34px; }
.home-hero-photo { align-self: stretch; display:block; position:relative; }
.home-hero-photo::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,var(--ink),transparent 36%); }
.home-hero-photo img { width:100%; height:100%; object-fit:cover; object-position:55% center; display:block; }
.home-proof { background: var(--ink); color:#fff; border-top:1px solid rgba(255,255,255,.14); }
.proof-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.proof-grid div { padding:25px 28px; border-right:1px solid rgba(255,255,255,.16); display:grid; gap:5px; }
.proof-grid b { color:var(--gold-pale); font:500 38px/1 var(--serif); }.proof-grid span { font-size:13px; color:rgba(255,255,255,.78); }
.home-services,.service-section { padding:96px 0; }.home-services h2,.service-section h2,.home-approach h2,.home-about h2,.home-contact h2 { font:500 clamp(34px,4vw,54px)/1.06 var(--serif); max-width:15ch; }
.service-cards,.choice-grid,.step-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:38px; }
.feature-card,.choice-grid article,.step-grid article { border:1px solid rgba(6,23,46,.16); padding:30px; background:#fff; min-height:280px; display:flex; flex-direction:column; align-items:flex-start; }
.feature-card-primary { background:var(--ink); color:#fff; }.feature-card span,.choice-grid article>span,.step-grid b { color:var(--gold); font:500 28px/1 var(--serif); }.feature-card h3,.choice-grid h3,.step-grid h3 { font:600 23px/1.15 var(--serif); margin:26px 0 12px; }.feature-card p,.choice-grid p,.step-grid p { line-height:1.6; }.feature-card a,.service-link a { margin-top:auto; color:inherit; font-weight:700; }
.home-approach,.process-strip { background:#e7edf4; padding:82px 0; }.approach-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; }.principle-list { border-left:1px solid var(--gold); padding-left:32px; }.principle-list p { display:grid; grid-template-columns:54px 1fr; font:600 20px/1.35 var(--serif); }.principle-list b{ color:var(--gold); }
.home-about { padding:94px 0; display:grid; grid-template-columns:330px 1fr; gap:65px; align-items:center; }.home-about picture img{ width:100%; display:block; border-radius:4px; }.home-about p{ max-width:65ch; line-height:1.7; }
.home-contact { background:var(--ink); color:#fff; padding:72px 0; }.home-contact .kicker { color:var(--gold-pale); }.home-contact p:not(.kicker){ color:rgba(255,255,255,.8); }.home-contact div>div{ display:flex; gap:12px; flex-wrap:wrap; margin-top:25px; }
.service-hero-grid { min-height:490px; }.service-hero h1{ font-size:clamp(40px,4.5vw,68px); }.service-photo { align-self:stretch; overflow:hidden; }.service-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;}.digital-mark,.corporate-numbers { color:var(--gold-pale); border:1px solid rgba(245,214,123,.45); min-height:300px; display:grid; place-content:center; text-align:center; }.digital-mark span{font:400 96px/1 var(--serif);}.digital-mark strong{font:500 42px/1 var(--serif);}.corporate-numbers{grid-template-columns:1fr 1fr;gap:5px;padding:35px;}.corporate-numbers b{font:500 68px/1 var(--serif);}.corporate-numbers span{font-size:13px;color:#fff;}
.wide-copy{max-width:72ch;line-height:1.75;font-size:18px;}.choice-grid{grid-template-columns:1fr 1fr;}.choice-grid li{margin:10px 0;line-height:1.4;}.step-grid{grid-template-columns:repeat(4,1fr);}.process-strip ol{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0;list-style:none;counter-reset:step;}.process-strip li{font:500 20px/1.35 var(--serif);}.process-strip li:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--gold);font-size:35px;margin-bottom:12px;}.service-cta{padding:82px 0;display:flex;justify-content:space-between;gap:30px;align-items:center;}.corporate-grid{grid-template-columns:repeat(2,1fr);}
.service-partnership-copy { margin-top:24px; }
@media (max-width: 800px) { .home-hero-grid,.service-hero-grid,.approach-grid,.home-about{grid-template-columns:1fr}.home-hero-grid{min-height:auto}.home-hero-photo{height:360px}.home-hero-copy{padding:120px 0 40px}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid div:nth-child(2){border-right:0}.service-cards,.choice-grid,.step-grid,.corporate-grid{grid-template-columns:1fr}.home-services,.service-section{padding:62px 0}.service-hero-grid{padding:115px 0 45px}.service-photo{aspect-ratio:3/2;margin-top:34px}.service-photo.dikey{aspect-ratio:4/5;max-width:340px}.service-photo.kare{aspect-ratio:1/1;max-width:520px}.process-strip ol{grid-template-columns:1fr 1fr}.home-about{gap:32px}.home-about picture{max-width:260px}.service-cta{display:block}.service-cta .btn{margin-top:20px}.site-nav{display:none}.header-cta{display:none} }


* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  background: var(--cream);
  color: var(--text);
  font-family: var(--body-f);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: inherit; text-decoration: none; }
/* `height: auto` şart: görsellerde CLS'i önlemek için `width`/`height`
   öznitelikleri veriliyor, bunlar sunum ipucu olarak `height: <px>`
   üretiyor. CSS yalnızca genişliği ezerse yükseklik öznitelikteki ham
   piksel değerinde kalır ve görsel gerilir. Ölçüldü: portre 340×421
   yerine 340×990 çıkıyordu (`aspect-ratio` bu yüzden yok sayılıyordu). */
img { max-width: 100%; height: auto; display: block; }
::selection { background: var(--gold); color: var(--navy); }  /* beyaz 2.61:1 idi */

/* ---------- Erişilebilirlik ---------- */
:focus-visible { outline: 2px solid var(--navy); outline-offset: 3px; border-radius: 2px; }

.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 100;
  background: var(--navy); color: var(--cream-2);
  font-size: 13px; padding: 12px 18px;
}
.skip-link:focus { left: 12px; top: 12px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

.wrap { width: min(var(--maxw), calc(100% - 112px)); margin-inline: auto; }

/* Izgara/esnek kutu çocuklarının örtük `min-width: auto` değeri, içeriğin
   min-content genişliğinin altına inmelerini engeller. Sonuç: ızgara
   içeriğe kilitlenir ve sayfa yatayda taşar — kırılma noktası eklemek
   bunu çözmez, çünkü sorun sütun SAYISI değil sütunun daralamamasıdır.
   Ölçüldü: bu koruma olmadan `.serit` sayfayı her viewport'ta 793px'e
   sabitliyordu. Yeni bir ızgara eklenirse çocukları buraya da eklenmeli. */
.header-inner > *, .stats > *, .stat > *, .bant-grid > *, .ilke-grid > *,
.uz > *, .serit > *, .serit-slogan > *, .serit-iletisim > *, .derdler > *,
.akademi-grid > *, .akademi-kunye > *, .about > *, .iletisim-grid > *,
.iletisim-kartlar > *, .footer-inner > *, .wins > *,
.sayfa-bas > *, .zaman-oge > *, .ilke-kartlar > *, .hub-grid > *,
.alan > *, .kanit-serit > *, .ilgili-liste > *, .etki-ic > *,
.hub-kart > *, .ilke-kart > * { min-width: 0; }

/* Uzun e-posta/URL dizeleri dar ekranda kutusunu taşırmasın. */
.serit-metin, .iletisim-kart strong, .nap-contact { overflow-wrap: break-word; }

/* ---------- Etiketler ---------- */
.kicker {
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: var(--gold-text);
  margin-bottom: 28px;
}

/* ---------- Butonlar ---------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 52px;
  padding: 0 26px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  transition: background .22s ease, color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.btn .ok { font-size: 15px; }
/* Tasarımda altın zemin + BEYAZ metin vardı: 2.61:1, AA'yı geçmiyor.
   Altın korundu, metin mürekkebe çevrildi: 6.27:1. */
.btn-solid { background: var(--gold); color: var(--navy); }
.btn-solid:hover { background: var(--navy); color: var(--cream-2); transform: translateY(-2px); }
.btn-outline { color: var(--navy); box-shadow: inset 0 0 0 1px rgba(174, 132, 64, .7); }
.btn-outline:hover { box-shadow: inset 0 0 0 1px var(--gold); background: rgba(201, 152, 60, .08); transform: translateY(-2px); }
.btn-ghost { min-height: 44px; font-size: 13px; }
/* Referansta header'da CTA yok. */
.header-cta { display: none; }

/* ---------- Header ---------- */
/* Fotoğraf arkı sağ üst köşeye kadar çıktığı için header saydam ve
   hero'nun üzerinde duruyor; sticky değil (sticky olsaydı kaydırınca
   koyu fotoğrafın üstünde okunmaz kalırdı). */
.site-header {
  position: absolute; top: 0; left: 0; right: 0; z-index: 50;
  height: 92px;
  display: flex; align-items: center;
  background: transparent;
}
.header-inner {
  display: grid; grid-template-columns: auto 1fr;
  align-items: center; gap: 20px; width: 100%;
}
/* Arkın sol sınırı gezinme hizasında (y≈46px) ekranın %66'sında.
   Ölçüldü: gezinme sağdan 1300px'e kadar uzanıyordu ve koyu fotoğrafın
   üstünde okunmuyordu. Kutu ortalanıp sağına pay verilerek içerik sola
   kaydırılıyor — referansta da gezinme sayfanın ortasına yakın duruyor. */
.site-nav { justify-self: center; padding-right: 27%; }
/* Sabit %27 pay yalnızca ≥1440px'te yetiyor. Ark genişliği viewport'la
   (%47), gezinme konumu ise 1300px'te tavanlanan `.wrap` ile ölçeklendiği
   için arkın sınırı 1440'ın altında gezinmeye doğru ilerler; ölçüldü:
   son madde 1181px'te fotoğrafın 69px, 1366px'te 15px üstünde kalıyordu.
   Ek pay viewport küçüldükçe doğrusal büyür ve 1440'ta sıfırlanır (eşikte
   sıçrama yok). `justify-self: center` kutuyu ortaladığı için sağa eklenen
   payın YARISI kadar sola kayma sağlanır — katsayı buna göre ölçüldü. */
@media (max-width: 1440px) {
  .site-nav { padding-right: calc(27% + (1440px - 100vw) * 0.6); }
}

.brand { display: flex; align-items: center; gap: 20px; }
/* Kutulu monogram + dikey ayraç (referanstan) */
.brand-mark {
  font-family: var(--serif);
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1;
  color: var(--navy);
  padding: 9px 13px 11px;
  border: 1px solid rgba(14, 32, 56, .28);
  border-radius: 3px;
}
.brand-lines { display: grid; gap: 5px; padding-left: 20px; border-left: 1px solid rgba(14, 32, 56, .22); }
.brand-name { font-family: var(--serif); font-size: 24px; font-weight: 500; line-height: 1; color: var(--navy); }
.brand-role { font-size: 10px; font-weight: 500; letter-spacing: 2.1px; text-transform: uppercase; color: var(--muted); line-height: 1; }

/* Referansta gezinme serif ve CTA butonu yok. */
.site-nav { display: flex; align-items: center; gap: 34px;
  font-family: var(--serif); font-size: 16px; color: var(--navy); }
/* inline-block + dikey dolgu: dokunma hedefi 21px'ten 31px'e çıkıyor
   (WCAG 2.2 asgari 24px). Alt çizgi metne olan mesafesini korusun diye
   `bottom` dolgu kadar yukarı alındı. */
.site-nav a { position: relative; display: inline-block; padding: 5px 0; }
.site-nav a::after {
  content: ""; position: absolute; left: 0; bottom: -3px;
  width: 0; height: 1px; background: var(--gold); transition: width .3s ease;
}
.site-nav a:hover::after { width: 100%; }

/* Mobil menü: <details> ile, JavaScript YOK (CSP script-src 'none').
   Native disclosure olduğu için klavye ve ekran okuyucuyla çalışır. */
.menu { display: none; position: relative; }
.menu > summary {
  list-style: none; cursor: pointer;
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--navy); color: var(--cream-2);
  display: grid; place-items: center;
}
.menu > summary::-webkit-details-marker { display: none; }
.menu > summary svg { width: 19px; height: 19px; }
.menu-panel {
  position: absolute; right: 0; top: 54px; min-width: 232px;
  background: var(--cream-2); border: 1px solid var(--line);
  border-radius: 12px; padding: 10px;
  box-shadow: 0 24px 50px -22px rgba(14, 32, 56, .3);
  display: grid; gap: 2px;
}
.menu-panel a { padding: 12px 14px; border-radius: 8px; font-size: 15px; }
.menu-panel a:hover { background: rgba(201, 152, 60, .12); color: var(--gold-text); }
.menu-panel .menu-cta { margin-top: 6px; background: var(--gold); color: var(--navy); font-weight: 500; text-align: center; }

/* ---------- Hero ---------- */
.hero {
  position: relative;
  min-height: 640px;
  padding-top: 92px;          /* saydam header'ın yüksekliği */
  overflow: hidden;
}
.hero-ic { position: relative; }
/* Metin genişliği arkın konumuna bağlı. Ark her genişlikte sağ %47'yi
   kaplıyor ama `.wrap` daha yavaş daralıyor; sabit 640px verilirse metin
   1280px altında koyu fotoğrafın üzerine biniyor (ölçüldü: 1024px'te
   paragraf okunmuyordu). Arkın paragraf hizasındaki (y≈360) sol sınırı
   ekranın ~%55.7'si; formül metni bunun 25px soluna sabitliyor.
   `50%` burada `.hero-ic` yani `.wrap` genişliğine göre çözülüyor. */
.hero-metin {
  position: relative; z-index: 4;
  max-width: min(640px, calc(5.7vw + 50% - 25px));
  padding: 44px 0 78px;
}

/* Fotoğraf: sağ üst köşeden ark. clip-path çizgi kabul etmediği için
   altın saç teli, aynı maskeye sahip biraz büyük bir altın katmanın
   kenarından görünüyor. */
.hero-ark {
  position: absolute; top: 0; right: 0;
  width: 47%; height: 100%;
  z-index: 1;
}
.ark-hat, .hero-ark picture {
  position: absolute; inset: 0;
  clip-path: ellipse(100% 132% at 100% 100%);
}
.ark-hat { inset: -1.5px -1.5px -1.5px -1.5px; background: var(--gold); }
.hero-ark picture { display: block; overflow: hidden; background: var(--navy); }
.hero-ark img { width: 100%; height: 100%; object-fit: cover; object-position: 42% 26%; }

.eyebrow {
  display: flex; align-items: center; gap: 12px;
  font-size: 13.5px; font-weight: 600; letter-spacing: 1.4px;
  text-transform: uppercase; color: var(--gold-text); margin-bottom: 18px;
}
.eyebrow-nokta { width: 5px; height: 5px; border-radius: 50%; background: var(--gold); }

.hero-title {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(38px, 4vw, 63px);
  line-height: 1.06;
  letter-spacing: -.026em;
  max-width: 17ch;
  color: var(--navy);
}
.hero-title em { font-style: italic; color: var(--gold-text-lg); }
.hero-lead { max-width: 56ch; margin-top: 26px; font-size: 17px; line-height: 1.72; color: var(--muted); }
.hero-cta { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 30px; }

/* İki iri hayalet harf, üst üste kaydırılmış */
.hero-mono {
  position: absolute; z-index: 0;
  left: 40%; top: -6%;
  font-family: var(--serif);
  font-size: clamp(180px, 17vw, 260px);
  line-height: .72; letter-spacing: -.06em;
  color: rgba(14, 32, 56, .055);
  pointer-events: none; user-select: none;
}
.hero-mono br + * , .hero-mono { text-align: left; }

/* ---------- İstatistik kartı ---------- */
.stats-wrap { margin-top: 26px; position: relative; z-index: 5; }
.stats {
  display: grid; grid-template-columns: repeat(4, 1fr);
  background: var(--cream-2);
  border: 1px solid var(--line-gold);
  border-radius: 14px;
  box-shadow: 0 24px 60px -46px rgba(27, 36, 49, .5);
  overflow: hidden;
}
.stat {
  padding: 28px 30px;
  display: grid; grid-template-columns: 58px 1fr; gap: 20px; align-items: center;
  border-right: 1px solid var(--line-soft);
}
.stat:last-child { border-right: 0; }
/* Referansta ikonlar DOLGU daire değil, çerçeve daire içinde altın çizgi. */
.stat-ikon {
  width: 58px; height: 58px; border-radius: 50%;
  border: 1px solid rgba(174, 132, 64, .55);
  color: var(--gold-text);
  display: grid; place-items: center;
}
.stat-ikon svg { width: 26px; height: 26px; }
.stat-big { font-family: var(--serif); font-weight: 500; font-size: 40px; line-height: 1; color: var(--navy); margin-bottom: 8px; }
.stat-suffix { font-size: .62em; }
.stat-label { font-size: 13.5px; line-height: 1.5; color: var(--muted); }

/* ---------- Üç panelli bant: İlkeler | Uzmanlık | Akademi ----------
   Izgara konteyner genişliğinde; sol panel referansta ekranın soluna
   dayandığı için yalancı öğeyle taşıyor, .bant taşmayı kesiyor. */
.bant { overflow: hidden; margin-top: 54px; }
/* Referans oranları (1448px'te 538 : 400 : 290 px) */
.bant-grid { display: grid; grid-template-columns: 1.3fr .96fr .7fr; gap: 16px; align-items: stretch; }

.panel { border-radius: var(--radius); padding: 34px 30px; position: relative; }
.panel-koyu { background: var(--navy); color: var(--cream-2); overflow: hidden; }
.panel-acik { background: var(--cream-2); border: 1px solid var(--line-gold); }
.panel-koyu .kicker { color: var(--gold-light); }
/* Koyu panellerde çok hafif diyagonal doku */
.panel-koyu::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: repeating-linear-gradient(135deg, rgba(251,248,242,.022) 0 2px, transparent 2px 9px);
}
/* Sol panel ekranın soluna dayanıyor. Orta panel (uzmanlık) daha uzun
   olduğu için koyu panellerin içeriği dikeyde ortalanıyor; aksi halde
   altlarında büyük boşluk kalıyor. */
.ilkeler { border-radius: 0 var(--radius) var(--radius) 0; display: grid; align-content: center; }
.ilkeler::after {
  content: ""; position: absolute; top: 0; bottom: 0; right: 100%;
  width: 50vw; background: var(--navy);
}

/* --- İlkeler --- */
.ilke-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; position: relative; z-index: 1; }
.ilke { padding-right: 16px; border-right: 1px solid rgba(251, 248, 242, .15); }
.ilke:last-child { border-right: 0; padding-right: 0; }
.ilke-bas { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.ilke-num { font-family: var(--serif); font-size: 30px; color: var(--gold); line-height: 1; }
.ilke-ikon { color: var(--gold); display: grid; place-items: center; }
.ilke-ikon svg { width: 23px; height: 23px; }
.ilke h2 { font-family: var(--serif); font-weight: 500; font-size: 17.5px; line-height: 1.28; color: var(--cream-2); margin-bottom: 12px; }
.ilke p { font-size: 13px; line-height: 1.68; color: rgba(251, 248, 242, .74); }

/* --- Uzmanlık --- */
.uz-liste { list-style: none; }
.uz {
  display: grid; grid-template-columns: 46px 1fr; gap: 16px;
  align-items: start; padding: 15px 0;
  border-bottom: 1px solid var(--line);
}
.uz:last-child { border-bottom: 0; padding-bottom: 0; }
/* Referansta ikonlar yuvarlatılmış KARE çerçeve içinde */
.uz-ikon {
  width: 42px; height: 42px; border-radius: 9px;
  border: 1px solid rgba(174, 132, 64, .45);
  color: var(--gold-text);
  display: grid; place-items: center;
}
.uz-ikon svg { width: 23px; height: 23px; }
.uz-metin { font-size: 12.5px; line-height: 1.58; color: var(--muted); }
/* Panelin maddeleri artık alt sayfalara giden bağlantı. Başlık satırı
   tıklama hedefi olduğu için dokunma yüksekliği 24px'in altına inmiyor. */
.uz-metin strong a { display: inline-block; padding: 2px 0 3px; border-bottom: 1px solid transparent; }
.uz-metin strong a:hover { color: var(--gold-text); border-bottom-color: var(--gold); }
.uz-tumu { margin-top: 16px; }
.uz-metin strong { display: block; font-family: var(--serif); font-size: 17.5px; font-weight: 500; color: var(--navy); margin-bottom: 4px; }

/* --- Akademi tanıtım paneli --- */
.akademi-teaser { display: grid; align-content: center; gap: 20px; }
.akademi-teaser .kicker { line-height: 1.5; margin-bottom: 4px; }
.teaser-nisan { color: var(--gold); display: block; position: relative; z-index: 1; }
.teaser-nisan svg { width: 58px; height: 65px; }
.teaser-metin { font-size: 13px; line-height: 1.72; color: rgba(251, 248, 242, .8); position: relative; z-index: 1; }
.btn-outline-koyu {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 48px; padding: 0 22px; border-radius: 8px;
  font-size: 14.5px; font-weight: 500; color: var(--cream-2);
  box-shadow: inset 0 0 0 1px rgba(227, 194, 125, .6);
  justify-self: start; position: relative; z-index: 1;
  transition: background .2s ease, box-shadow .2s ease;
}
.btn-outline-koyu:hover { background: rgba(227, 194, 125, .12); box-shadow: inset 0 0 0 1px var(--gold-light); }

/* ---------- Alt şerit: slogan + iletişim + imza ---------- */
.serit-wrap { margin-top: 26px; }
.serit {
  display: grid; grid-template-columns: 1.15fr .8fr .9fr .85fr;
  gap: 30px; align-items: center;
  background: var(--cream-2);
  border: 1px solid var(--line-gold);
  border-radius: var(--radius);
  padding: 26px 34px;
}
.serit-slogan { display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: start; }
.serit-tirnak { font-family: var(--serif); font-size: 52px; line-height: .8; color: var(--gold); }
.serit-slogan p { font-family: var(--serif); font-style: italic; font-size: 19px; line-height: 1.5; color: var(--navy); }
.serit-iletisim {
  display: grid; grid-template-columns: 52px 1fr; gap: 14px; align-items: center;
  padding-left: 30px; border-left: 1px solid var(--line);
}
.serit-ikon {
  width: 52px; height: 52px; border-radius: 50%;
  border: 1px solid rgba(174, 132, 64, .55);
  color: var(--gold-text); display: grid; place-items: center;
}
.serit-ikon svg { width: 22px; height: 22px; }
.serit-etiket { display: block; font-size: 10.5px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; color: var(--gold-text); margin-bottom: 5px; }
.serit-metin strong { font-size: 16px; font-weight: 500; color: var(--navy); }
a.serit-iletisim:hover .serit-ikon { border-color: var(--gold); background: rgba(201, 152, 60, .09); }
.serit-imza { text-align: right; padding-left: 30px; border-left: 1px solid var(--line); }
.imza-ad { display: block; font-family: var(--serif); font-style: italic; font-size: 30px; color: var(--navy); line-height: 1.1; }
.imza-unvan { display: block; margin-top: 7px; font-size: 10px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; color: var(--gold-text); }

/* ---------- Bölüm ve kart kabuğu ---------- */
.bolum { padding: 54px 0; }
.kart {
  background: var(--cream-2);
  border: 1px solid var(--line-gold);
  border-radius: var(--radius);
  padding: var(--pad);
}
.bolum-basi { text-align: center; margin-bottom: 38px; }
.bolum-basi .kicker { margin-bottom: 10px; }
.bolum-baslik {
  font-family: var(--serif); font-weight: 500;
  font-size: clamp(28px, 3.2vw, 44px); line-height: 1.1;
  letter-spacing: -.02em; color: var(--navy);
}

/* ---------- Dert blokları ----------
   Kurgu: DERT -> NEDEN -> YAKLAŞIM -> KANIT. İki blok yan yana; önceki
   "soru | gövde" düzeninde sol kolon %60 boş kalıyordu. */
.derdler { display: grid; grid-template-columns: repeat(2, 1fr); gap: 36px; }
.derd { display: grid; gap: 18px; align-content: start; padding-top: 24px; border-top: 2px solid var(--gold); }
.derd-soru { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: 24px; line-height: 1.3; color: var(--navy); }
.derd-govde { display: grid; gap: 16px; }
.derd-govde p { font-size: 16px; line-height: 1.75; color: #4a4a44; }
.derd-govde p b {
  display: block; font-size: 11.5px; font-weight: 600; letter-spacing: 1.6px;
  text-transform: uppercase; color: var(--gold-text); margin-bottom: 5px;
}
.derd-govde em { font-style: italic; color: var(--navy); }

/* Veli dertleri: alıntı listesi */
.derd-liste { list-style: none; display: grid; gap: 9px; margin: 12px 0 20px; }
.derd-liste li {
  position: relative; padding-left: 26px;
  font-family: var(--serif); font-style: italic; font-size: 19px; line-height: 1.45; color: var(--navy);
}
.derd-liste li::before { content: ""; position: absolute; left: 0; top: 12px; width: 14px; height: 2px; background: var(--gold); }

/* ---------- Kanıt ---------- */
.achievements-lead { max-width: 62ch; margin-bottom: 32px; }
.achievements-title {
  font-family: var(--serif); font-weight: 500;
  font-size: clamp(26px, 3vw, 38px); line-height: 1.12; letter-spacing: -.018em;
  color: var(--navy); margin-bottom: 16px;
}
.achievements-lead p:last-child { font-size: 16.5px; line-height: 1.72; color: var(--muted); }
.wins { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 44px; }
.wins li {
  position: relative; padding: 15px 0 15px 32px;
  border-top: 1px solid var(--line);
  font-size: 15.5px; line-height: 1.65; color: #4a4a44;
}
.wins li::before { content: ""; position: absolute; left: 0; top: 24px; width: 16px; height: 2px; background: var(--gold); }
.wins li strong { font-weight: 600; color: var(--navy); }

/* ---------- Akademi ---------- */
.akademi-bant { background: var(--cream-3); padding: 86px 0; margin-top: 12px; }
.akademi-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; align-items: center; }
.akademi-gorsel { position: relative; }
/* Görsel yuvası — gerçek fotoğraf gelene kadar etiketli boş alan.
   Uydurma ya da stok görsel konmadı. */
.gorsel-yuva {
  aspect-ratio: 1 / 1.04;
  border-radius: 180px 20px 180px 20px;
  border: 2px dashed rgba(14, 32, 56, .26);
  background: rgba(251, 248, 242, .55);
  display: grid; place-content: center; justify-items: center; gap: 7px;
  text-align: center; padding: 30px;
}
.yuva-etiket { font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--gold-text); }
.yuva-olcu { font-family: var(--serif); font-size: 21px; color: var(--navy); }
.yuva-not { font-size: 13.5px; color: var(--muted); max-width: 22ch; line-height: 1.5; }
.akademi-madalyon {
  position: absolute; right: -18px; bottom: 32px;
  width: 148px; height: 148px; border-radius: 50%;
  background: var(--navy); color: var(--cream-2);
  display: grid; place-items: center; text-align: center;
  font-family: var(--serif); font-size: 16px; line-height: 1.35;
  box-shadow: 0 18px 34px -14px rgba(10, 30, 53, .45);
}
.akademi-title {
  font-family: var(--serif); font-weight: 500;
  font-size: clamp(28px, 3.2vw, 44px); line-height: 1.1; letter-spacing: -.02em;
  color: var(--navy); margin-bottom: 22px;
}
.akademi-metin p { font-size: 16.5px; line-height: 1.78; color: #4a4a44; max-width: var(--olcu); margin-bottom: 14px; }
.akademi-metin strong { font-weight: 600; color: var(--navy); }
.akademi-metin em { font-style: italic; color: var(--navy); }
.akademi-kunye {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;
  border-top: 1px solid rgba(14, 32, 56, .14);
  border-bottom: 1px solid rgba(14, 32, 56, .14);
  margin: 26px 0 28px; padding: 20px 0;
}
.akademi-kunye strong { display: block; font-size: 13.5px; color: var(--navy); margin-bottom: 5px; }
.akademi-kunye span { font-size: 13px; line-height: 1.5; color: var(--muted); }

/* ---------- Hakkında ---------- */
.about { display: grid; grid-template-columns: 340px 1fr; gap: 55px; align-items: center; }
.about-photo { border-radius: 12px; overflow: hidden; box-shadow: 0 30px 60px -44px rgba(14, 32, 56, .6); }
.about-photo img { width: 100%; aspect-ratio: .808; object-fit: cover; object-position: center 12%; }
.about-text h2 { font-family: var(--serif); font-weight: 500; font-size: clamp(30px, 3.2vw, 44px); letter-spacing: -.02em; color: var(--navy); margin-bottom: 20px; }
.about-text p { font-size: 17px; line-height: 1.78; color: #4a4a44; max-width: var(--olcu); margin-bottom: 15px; }
.about-text em { font-style: italic; color: var(--navy); }
.hakkinda-bag { margin-top: 20px; }
.signature { font-family: var(--serif); font-style: italic; font-size: 30px; color: var(--gold-text-lg); margin-top: 24px; }

/* ---------- SSS akordeon ----------
   <details>/<summary>, JavaScript yok. İçerik DOM'da durduğu için arama
   motorları ve LLM'ler görebiliyor. */
.faq-list { display: grid; gap: 10px; max-width: 980px; margin-inline: auto; }
.faq-item { background: var(--cream-2); border: 1px solid var(--line-gold); border-radius: 10px; }
.faq-item summary { list-style: none; cursor: pointer; padding: 18px 54px 18px 22px; position: relative; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary h2 { display: inline; font-family: var(--serif); font-weight: 500; font-size: 19.5px; line-height: 1.35; color: var(--navy); }
/* Artı: iki çizgi; açılınca dikey olan kaybolur -> eksi */
.faq-item summary::before, .faq-item summary::after {
  content: ""; position: absolute; right: 22px; top: 50%;
  background: var(--gold-text); transition: opacity .18s ease, transform .18s ease;
}
.faq-item summary::before { width: 13px; height: 1.5px; transform: translateY(-50%); }
.faq-item summary::after  { width: 1.5px; height: 13px; transform: translate(-5.75px, -50%); }
.faq-item[open] summary::after { opacity: 0; transform: translate(-5.75px, -50%) rotate(90deg); }
.faq-item summary:hover h2 { color: var(--gold-text); }
.faq-item p { padding: 0 22px 22px; font-size: 16px; line-height: 1.78; color: #4a4a44; max-width: 82ch; }

/* ---------- İletişim: koyu bant ---------- */
.iletisim-bant { background: var(--navy); color: var(--cream-2); padding: 78px 0; margin-top: 40px; }
.iletisim-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 58px; align-items: center; }
.iletisim-bant .kicker { color: var(--gold-light); margin-bottom: 14px; }
.iletisim-baslik {
  font-family: var(--serif); font-weight: 500;
  font-size: clamp(28px, 3.2vw, 46px); line-height: 1.1; letter-spacing: -.02em;
  color: var(--cream-2); max-width: 20ch; margin-bottom: 16px;
}
.iletisim-baslik em { font-style: italic; color: var(--gold-light); }
.iletisim-metin p:last-child { font-size: 16.5px; line-height: 1.72; color: rgba(251, 248, 242, .78); max-width: 48ch; }
.iletisim-kartlar { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.iletisim-kart {
  padding: 20px; border: 1px solid rgba(251, 248, 242, .17); border-radius: 12px;
  background: rgba(251, 248, 242, .05);
  transition: border-color .2s ease, background .2s ease;
}
a.iletisim-kart:hover { border-color: var(--gold); background: rgba(251, 248, 242, .09); }
.iletisim-kart span { display: block; font-size: 10.5px; text-transform: uppercase; letter-spacing: 1.5px; color: var(--gold-light); margin-bottom: 9px; }
.iletisim-kart strong { font-size: 15.5px; font-weight: 500; line-height: 1.4; color: var(--cream-2); }

/* ---------- Footer ---------- */
.site-footer { background: #08182a; color: rgba(251, 248, 242, .66); }
.footer-inner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; flex-wrap: wrap; padding: 28px 0;
}
.footer-brand .brand-mark { color: var(--gold-light); border-color: rgba(251, 248, 242, .24); font-size: 24px; padding: 6px 9px 8px; }
.footer-brand .brand-lines { border-left-color: rgba(251, 248, 242, .2); padding-left: 16px; }
.footer-brand .brand-name { color: var(--cream-2); font-size: 20px; }
a.footer-brand { text-decoration: none; color: inherit; }
/* --muted koyu zeminde 2.59:1 idi — okunmuyordu. */
.footer-brand .brand-role { color: rgba(251, 248, 242, .62); }
.footer-tags { font-size: 11px; letter-spacing: 1.6px; text-transform: uppercase; }

/* NAP: yerel SEO'nun temeli. Düz HTML — JS'e bağlı iletişim bilgisini ne
   arama botları ne AI tarayıcıları görebilir. Kaynak: arac/veri.py */
.footer-nap {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 26px; flex-wrap: wrap;
  border-top: 1px solid rgba(251, 248, 242, .12);
  padding: 26px 0 32px;
}
.nap-block { display: grid; gap: 7px; font-style: normal; }
.nap-name { font-family: var(--serif); font-size: 19px; color: var(--cream-2); }
.nap-role { font-size: 11px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--gold-light); }
.nap-addr { font-size: 14.5px; line-height: 1.72; color: rgba(251, 248, 242, .74); }
.nap-contact { font-size: 14.5px; margin-top: 3px; }
/* WCAG 2.2 "Target Size (Minimum)": dokunma hedefi en az 24×24px.
   Satır içi hâlinde bu bağlantılar 19px yüksekliğindeydi (ölçüldü). */
.nap-contact a {
  color: var(--cream-2); border-bottom: 1px solid rgba(201, 152, 60, .55);
  display: inline-block; padding: 3px 0 4px;
}
.nap-contact a:hover { color: var(--gold-light); border-bottom-color: var(--gold-light); }
.nap-sep { color: rgba(251, 248, 242, .5); margin: 0 7px; }
.nap-legal { font-size: 11.5px; color: rgba(251, 248, 242, .55); }

/* ---------- 404 ---------- */
.nf { min-height: 66vh; display: grid; align-content: center; justify-items: start; gap: 18px; padding: 60px 0 80px; }
.nf-code { font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--gold-text); }
.nf h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(32px, 5vw, 58px); line-height: 1.1; letter-spacing: -.025em; color: var(--navy); }
.nf h1 em { font-style: italic; color: var(--gold-text-lg); }
.nf p { max-width: 48ch; font-size: 16px; line-height: 1.7; color: var(--muted); }
.nf-links { display: flex; gap: 26px; flex-wrap: wrap; margin-top: 8px; font-size: 15px; }
.nf-links a { color: var(--navy); border-bottom: 1px solid rgba(201, 152, 60, .6); padding-bottom: 2px; }
.nf-links a:hover { color: var(--gold-text); border-bottom-color: var(--gold); }


/* =========================================================================
   ALT SAYFA KATMANI  (/hakkinda, /uzmanlik/*)
   -------------------------------------------------------------------------
   Ana sayfanın hero'su (ark maskesi + hayalet monogram) bilinçli olarak
   tekrarlanmıyor: ark giriş sayfasına ait bir jest, her sayfada
   yinelenirse hem anlamını yitirir hem LCP görselini her sayfaya taşır.
   Alt sayfalar aynı paleti ve tipografiyi kullanır, düzeni sadedir.

   Header `position: absolute` ve 92px yüksekliğinde; ana sayfada bu payı
   hero veriyordu. Alt sayfalarda payı kırıntı şeridi veriyor — bu yüzden
   `.kirinti` üst dolgusu header yüksekliğine bağlı ve 1180px'te header
   76px'e indiği için orada da güncelleniyor.
   ========================================================================= */

/* ---------- Kırıntı gezinmesi ---------- */
.kirinti { padding: 116px 0 0; }
.kirinti-liste { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; font-size: 12.5px; }
.kirinti-liste li { display: flex; align-items: center; gap: 8px; color: var(--muted); }
.kirinti-liste li + li::before { content: "/"; color: rgba(14, 32, 56, .3); }
.kirinti-liste a { color: var(--gold-text); border-bottom: 1px solid transparent; padding: 2px 0; }
.kirinti-liste a:hover { border-bottom-color: var(--gold); }
.kirinti-liste [aria-current="page"] { color: var(--navy); font-weight: 500; }

/* ---------- Sayfa başı ---------- */
.sayfa-bas { display: grid; grid-template-columns: 1fr 340px; gap: 60px; align-items: center; padding: 30px 0 18px; }
.sayfa-bas-tek { grid-template-columns: 1fr; }
.sayfa-bas-tek .sayfa-bas-metin { max-width: 74ch; }
.sayfa-h1 {
  font-family: var(--serif); font-weight: 500;
  font-size: clamp(34px, 5.2vw, 60px); line-height: 1.06; letter-spacing: -.028em;
  color: var(--navy); margin-top: 14px;
}
.sayfa-h1 em { font-style: italic; color: var(--gold-text-lg); }
.sayfa-unvan { margin-top: 14px; font-size: 11px; font-weight: 600; letter-spacing: 1.9px; text-transform: uppercase; color: var(--gold-text); }
.sayfa-lead { margin-top: 22px; font-size: 17px; line-height: 1.78; color: var(--muted); max-width: var(--olcu); }
.sayfa-lead em { font-style: italic; color: var(--navy); }
.sayfa-ara-baslik { margin-top:32px; color:var(--navy); font-size:24px; line-height:1.3; }
.sayfa-bas-gorsel { border-radius: 12px; overflow: hidden; box-shadow: 0 30px 60px -44px rgba(14, 32, 56, .6); }
.sayfa-bas-gorsel img { width: 100%; aspect-ratio: .808; object-fit: cover; object-position: center 12%; }

/* ---------- Sola dayalı bölüm başlığı ---------- */
.bolum-basi-sol { text-align: left; }
.bolum-giris { margin-top: 16px; font-size: 16.5px; line-height: 1.75; color: var(--muted); max-width: var(--olcu); }
.wrap-dar { max-width: 74ch; }

/* ---------- İç bağlantı ---------- */
.ic-bag {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 14px; font-weight: 500; color: var(--gold-text);
  border-bottom: 1px solid rgba(201, 152, 60, .5);
  padding: 4px 0 3px; align-self: start;
}
.ic-bag:hover { color: var(--navy); border-bottom-color: var(--navy); }
.ic-bag .ok { transition: transform .18s ease; }
.ic-bag:hover .ok { transform: translateX(3px); }

/* ---------- Zaman çizelgesi (/hakkinda) ---------- */
.zaman { list-style: none; display: grid; gap: 0; }
.zaman-oge { display: grid; grid-template-columns: 168px 1fr; gap: 34px; padding: 30px 0; border-top: 1px solid var(--line); }
.zaman-oge:first-child { border-top: 0; padding-top: 4px; }
.zaman-yil {
  font-family: var(--serif); font-size: 27px; line-height: 1.15; color: var(--gold-text-lg);
  font-variant-numeric: tabular-nums;
}
/* nowrap aralığın TAMAMINDA: yalnızca tireye verilse kırılma fırsatı span
   sınırında kalır ve "1991–\n1996" yine oluşur. "1991–1996" 27px serifle
   ~150px, 168px'lik sütuna sığıyor. */
.zaman-yil { white-space: nowrap; }
.zaman-govde h3 { font-family: var(--serif); font-weight: 500; font-size: 25px; line-height: 1.25; color: var(--navy); margin-bottom: 12px; }
.zaman-govde p { font-size: 16.5px; line-height: 1.78; color: #4a4a44; max-width: var(--olcu); }
.zaman-govde strong { font-weight: 600; color: var(--navy); }
.zaman-ozet { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:34px; }
.zaman-ozet .zaman-oge,
.zaman-ozet .zaman-oge:first-child {
  display:flex; flex-direction:column; gap:18px; min-height:214px; padding:24px;
  border:1px solid var(--line); background:rgba(255,255,255,.44);
}
.zaman-ozet .zaman-yil { font-size:22px; }
.zaman-ozet .zaman-govde h3 { font-size:21px; margin-bottom:10px; }
.zaman-ozet .zaman-govde p { font-size:14px; line-height:1.6; }

@media (max-width:1000px) {
  .zaman-ozet { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .zaman-ozet { grid-template-columns:1fr; gap:12px; }
  .zaman-ozet .zaman-oge,
  .zaman-ozet .zaman-oge:first-child { min-height:0; padding:20px; }
}

/* ---------- İlke kartları (/hakkinda) ---------- */
.ilke-kartlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.ilke-kart { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding-top: 22px; border-top: 2px solid var(--gold); }
.ilke-kart > .ic-bag { margin-top: auto; }
.ilke-kart-num { font-family: var(--serif); font-size: 28px; line-height: 1; color: var(--gold-text-lg); }
.ilke-kart h3 { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: 22px; line-height: 1.3; color: var(--navy); }
.ilke-kart p { font-size: 15.5px; line-height: 1.72; color: var(--muted); }

/* ---------- Hub kartları (/uzmanlik) ---------- */
.hub-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.hub-kart {
  display: flex; flex-direction: column; align-items: flex-start; gap: 12px;
  background: var(--cream-2); border: 1px solid var(--line-gold);
  border-radius: var(--radius); padding: 30px 28px;
  transition: border-color .2s ease, transform .2s ease;
}
.hub-kart:hover { border-color: rgba(174, 132, 64, .5); transform: translateY(-2px); }
.hub-num { font-family: var(--serif); font-size: 26px; line-height: 1; color: var(--gold-text-lg); }
.hub-kart h3, .hub-kart > p { width: 100%; }
.hub-kart h3 { font-family: var(--serif); font-weight: 500; font-size: 23px; line-height: 1.22; color: var(--navy); }
/* Başlığın tamamı tıklanabilir; kart yüzeyine yalancı öğe yayılmıyor
   çünkü kartın içinde ikinci bir bağlantı daha var (iç içe tıklama
   hedefi erişilebilirlikte belirsizlik üretir). */
.hub-kart h3 a { border-bottom: 1px solid transparent; }
.hub-kart h3 a:hover { border-bottom-color: var(--gold); }
.hub-kart > p { font-size: 15.5px; line-height: 1.7; color: var(--muted); }
.hub-kalem { list-style: none; display: grid; gap: 6px; margin: 4px 0 6px; width: 100%; }
.hub-kart > .ic-bag { margin-top: auto; }
.hub-kalem li { position: relative; padding-left: 16px; font-size: 14px; line-height: 1.55; color: var(--muted); }
.hub-kalem li::before { content: ""; position: absolute; left: 0; top: 9px; width: 7px; height: 1.5px; background: var(--gold); }

/* ---------- Alt alan blokları (uzmanlık ayrıntı sayfaları) ----------
   CV'deki her alt kalem kendi başlığıyla ele alınıyor; gruba gömülü tek
   cümle değil. Numara sütunu okuma sırasını görünür kılıyor. */
.alan-liste { display: grid; gap: 0; }
.alan { display: grid; grid-template-columns: 74px 1fr; gap: 20px; padding: 34px 0; border-top: 1px solid var(--line); }
.alan:first-child { border-top: 0; padding-top: 6px; }
.alan-num { font-family: var(--serif); font-size: 30px; line-height: 1; color: var(--gold-text-lg); font-variant-numeric: tabular-nums; }
.alan-govde h3 { font-family: var(--serif); font-weight: 500; font-size: 26px; line-height: 1.22; color: var(--navy); margin-bottom: 14px; letter-spacing: -.01em; }
.alan-govde p { font-size: 16.5px; line-height: 1.8; color: #4a4a44; max-width: var(--olcu); margin-bottom: 13px; }
.alan-govde p:last-child { margin-bottom: 0; }
.alan-govde strong { font-weight: 600; color: var(--navy); }
.alan-govde em { font-style: italic; color: var(--navy); }
.alan-bag { font-size: 15.5px !important; color: var(--muted); }
.alan-bag a, .kanit-not a { color: var(--gold-text); border-bottom: 1px solid rgba(201, 152, 60, .5); padding-bottom: 1px; }
.alan-bag a:hover, .kanit-not a:hover { color: var(--navy); border-bottom-color: var(--navy); }

/* ---------- Etki / kanıt bandı ---------- */
.etki-bant { background: var(--cream-3); padding: 74px 0; }
.etki-ic { display: grid; grid-template-columns: .8fr 1.2fr; gap: 58px; align-items: start; }
.etki-ic .bolum-basi { margin-bottom: 0; }
.etki-metin p { font-size: 16.5px; line-height: 1.8; color: #4a4a44; max-width: var(--olcu); margin-bottom: 15px; }
.etki-metin strong { font-weight: 600; color: var(--navy); }
.etki-metin em { font-style: italic; color: var(--navy); }
.etki-bag { margin-top: 6px; }
.etki-bag a { display: inline-flex; align-items: center; gap: 7px; font-size: 15px; font-weight: 500; color: var(--gold-text); border-bottom: 1px solid rgba(201, 152, 60, .5); padding: 4px 0 3px; }
.etki-bag a:hover { color: var(--navy); border-bottom-color: var(--navy); }

/* ---------- Kanıt şeridi (/uzmanlik) ---------- */
.kanit-serit {
  list-style: none; display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 20px; margin: 30px 0 22px; padding: 26px 0;
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
}
.kanit-buyuk { display: block; font-family: var(--serif); font-weight: 500; font-size: 40px; line-height: 1; color: var(--navy); margin-bottom: 8px; }
.kanit-etiket { display: block; font-size: 13.5px; line-height: 1.5; color: var(--muted); }
.kanit-not { font-size: 15px; line-height: 1.7; color: var(--muted); }

/* Üç değerli kanıt şeridi (dördüncü sütun boş kalmasın). */
.kanit-serit-uc { grid-template-columns: repeat(3, 1fr); }

/* ---------- Alıntı (krem zeminli sayfalar) ---------- */
.alinti { margin: 28px 0 4px; padding: 2px 0 2px 26px; border-left: 3px solid var(--gold); }
.alinti p { font-family: var(--serif); font-size: 23px; line-height: 1.45; color: var(--navy); }
.alinti footer { margin-top: 13px; font-size: 14px; line-height: 1.6; color: var(--muted); }
.alinti cite { font-style: normal; }
@media (max-width: 700px) {
  .alinti { padding-left: 18px; }
  .alinti p { font-size: 20px; }
}

/* ---------- İlgili alanlar listesi ---------- */
.ilgili-liste { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ilgili-liste a {
  display: grid; align-content: start; gap: 9px; height: 100%;
  background: var(--cream-2); border: 1px solid var(--line-gold);
  border-radius: 12px; padding: 24px 22px;
  transition: border-color .2s ease, transform .2s ease;
}
.ilgili-liste a:hover { border-color: rgba(174, 132, 64, .5); transform: translateY(-2px); }
.ilgili-liste strong { font-family: var(--serif); font-weight: 500; font-size: 20px; line-height: 1.25; color: var(--navy); }
.ilgili-liste span { font-size: 14.5px; line-height: 1.62; color: var(--muted); }

/* Tek dert bloğu tam genişliğe yayılmasın — 100ch'lik satır okunmaz. */
.derdler-tek { grid-template-columns: 1fr; max-width: 82ch; }

/* =========================================================================
   Duyarlı
   -------------------------------------------------------------------------
   Kırılma noktaları içeriğin gerçekten bozulduğu yerde seçildi (ölçüldü,
   tahmin edilmedi):

     1440  gezinme, arkın sınırını izleyen ek payla sola kayar (kural
           `.site-nav` yanında, bu bloğun dışında — bkz. oradaki not)
     1180  gezinme hamburgere döner (ek pay büyürken marka–gezinme
           boşluğu daralıyor; bu eşiğin altında ikisi çakışırdı); bant
           sıkışır, İlkeler alt ızgarası tek sütuna iner
     1000  hero yığılır (ark fotoğraf metnin ALTINA iner); bant iki sütuna,
           İlkeler tam genişliğe
      860  şerit dört sütundan ikiye iner
      640  her şey tek sütun
      400  küçük telefonlar — marka ve dolgu daralır

   ⚠️ Seçiciler sayfadaki GERÇEK sınıf adlarına bağlı. Tasarım
   entegrasyonunda düzen sınıfları yeniden adlandırılmış (`.split*` →
   `.bant`/`.panel`, `.hero-grid`/`.hero-gorsel` → `.hero-ic`/`.hero-ark`)
   ama bu katman taşınmamıştı; kurallar hiçbir öğeyle eşleşmediği için
   mobil düzen tamamen çalışmıyordu. Sınıf adı değiştirilirse burası da
   değiştirilmeli — eşleşmeyen kural sessizce ölür, hata vermez.
   ========================================================================= */

/* ---- 1180: gezinme hamburgere, bant sıkışır ---- */
@media (max-width: 1180px) {
  :root { --pad: 36px; }
  .wrap { width: min(var(--maxw), calc(100% - 72px)); }

  /* Gezinme 1440'ın altında arkı izleyen ek payla sola kayıyor (bkz.
     `.site-nav` yanındaki kural). Ek pay viewport küçüldükçe büyürken
     marka–gezinme boşluğu daralıyor: 1181px'te 42px kalıyor (ölçüldü).
     Bu eşiğin altında ikisi çakışacağı için masaüstü gezinmesi burada
     bırakılıp hamburger devreye giriyor. */
  .site-header { height: 76px; }
  .site-nav, .header-cta { display: none; }
  .header-inner { grid-template-columns: 1fr auto; }
  .menu { display: block; justify-self: end; }
  .brand-mark { font-size: 27px; padding: 7px 10px 9px; }
  .brand-name { font-size: 20px; }
  .brand-role { font-size: 8.5px; }
  .brand { gap: 14px; }
  .brand-lines { padding-left: 14px; }
  .hero { padding-top: 76px; }

  .bant-grid { grid-template-columns: 1.2fr 1fr .85fr; gap: 14px; }
  .panel { padding: 30px 26px; }

  /* Üç ilke yan yana sığmıyor (sütun başına ~77px): alt alta iner,
     ayraç dikeyden yataya döner. */
  .ilke-grid { grid-template-columns: 1fr; gap: 18px; }
  .ilke { padding-right: 0; padding-bottom: 18px;
          border-right: 0; border-bottom: 1px solid rgba(251, 248, 242, .15); }
  .ilke:last-child { padding-bottom: 0; border-bottom: 0; }
  .ilke-bas { margin-bottom: 12px; }

  .akademi-grid { gap: 46px; }
  .about { grid-template-columns: 290px 1fr; gap: 40px; }

  /* Header 92px'ten 76px'e indi; kırıntının verdiği pay da inmeli. */
  .kirinti { padding-top: 96px; }
  .sayfa-bas { grid-template-columns: 1fr 280px; gap: 40px; }
  /* Tek kolonlu varyantın kök kuralı (1fr) yukarıdaki satırla aynı
     özgüllükte ve dosyada ÖNCE geldiği için burada ezilir — hayalet 280px
     sütun oluşur. Aynı blokta yeniden 1fr'a çekilmesi şart. */
  .sayfa-bas-tek { grid-template-columns: 1fr; }
  .hub-grid, .ilgili-liste { grid-template-columns: repeat(2, 1fr); }
  .etki-ic { grid-template-columns: 1fr; gap: 26px; }
}

/* ---- 1000: hero yığılır, bant iki sütuna ---- */
@media (max-width: 1000px) {
  .wrap { width: min(calc(100% - 44px), 840px); }

  /* Ark masaüstünde sağ üstte mutlak konumlu ve metnin üzerine biniyor.
     Bu genişliğin altında metne kalan yer okunur bir sütun bırakmıyor;
     hero esnek sütuna çevrilip fotoğraf metnin ALTINA alınıyor. DOM'da
     fotoğraf önce geldiği için sıra `order` ile ters çevriliyor. */
  .hero {
    display: flex; flex-direction: column;
    min-height: 0; padding-bottom: 0;
  }
  .hero-ic { order: 1; }
  .hero-metin { order: 1; max-width: none; padding: 34px 0 0; }
  .hero-ark {
    order: 2; position: relative;
    width: 100%; height: auto; margin-top: 30px;
    aspect-ratio: 3 / 2;
  }
  /* Maske de yön değiştirir: köşe arkı yerine üstü kavisli kubbe. */
  .ark-hat, .hero-ark picture { clip-path: ellipse(142% 100% at 50% 100%); }
  .hero-ark img { object-position: 50% 15%; }
  .hero-mono { left: auto; right: -8%; top: -2%; font-size: clamp(150px, 24vw, 220px); }

  .stats { grid-template-columns: repeat(2, 1fr); }
  .stat:nth-child(2) { border-right: 0; }
  .stat:nth-child(-n+2) { border-bottom: 1px solid var(--line-soft); }

  /* İlkeler tam genişliğe geçer, alt ızgarası yeniden üç sütun olur
     (panel ~790px → sütun başına ~240px, rahat okunur). */
  .bant-grid { grid-template-columns: 1fr 1fr; }
  .ilkeler { grid-column: 1 / -1; }
  .ilke-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .ilke { padding-right: 16px; padding-bottom: 0;
          border-right: 1px solid rgba(251, 248, 242, .15); border-bottom: 0; }
  .ilke:last-child { padding-right: 0; border-right: 0; }

  .derdler { grid-template-columns: 1fr; gap: 28px; }
  .wins { grid-template-columns: 1fr; }

  /* Portre metnin altına iner; 840px'lik kapta iki sütun okunmuyor. */
  .sayfa-bas { grid-template-columns: 1fr; gap: 34px; }
  .sayfa-bas-gorsel { max-width: 330px; }
  .ilke-kartlar { grid-template-columns: 1fr; gap: 26px; }
  .kanit-serit { grid-template-columns: repeat(2, 1fr); gap: 26px; }
  .akademi-grid, .about, .iletisim-grid { grid-template-columns: 1fr; gap: 40px; }
  .akademi-gorsel { max-width: 420px; }
  .about-photo { max-width: 330px; }
  .akademi-kunye { grid-template-columns: repeat(2, 1fr); }
}

/* ---- 860: şerit ikiye iner ---- */
@media (max-width: 860px) {
  /* Dört sütunluk şerit min-content genişliği ~793px — bu genişliğin
     altında ızgara daralamaz, ikiye iniyor. */
  .serit { grid-template-columns: 1fr 1fr; gap: 24px 26px; padding: 24px 26px; }
  .serit-slogan { grid-column: 1 / -1; }
  .serit-iletisim { padding-left: 0; border-left: 0; }
  .serit-imza {
    grid-column: 1 / -1; text-align: left;
    padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--line);
  }
}

/* ---- 640: tek sütun ---- */
@media (max-width: 640px) {
  .wrap { width: calc(100% - 34px); }
  :root { --pad: 26px; }
  .bolum { padding: 40px 0; }
  .akademi-bant { padding: 56px 0; }
  .iletisim-bant { padding: 54px 0; }

  .hero-title { font-size: clamp(32px, 9vw, 44px); max-width: none; }
  .hero-lead { font-size: 16.5px; }
  .hero-cta { display: grid; grid-template-columns: 1fr; }
  .hero-mono { display: none; }
  .hero-ark { aspect-ratio: 4 / 3; }

  .stats { grid-template-columns: 1fr; }
  .stat { border-right: 0; border-bottom: 1px solid var(--line-soft); padding: 22px 20px; }
  .stat:nth-child(2) { border-bottom: 1px solid var(--line-soft); }
  .stat:last-child { border-bottom: 0; }

  /* Bant tek sütun; ilkeler yeniden alt alta. */
  .bant-grid { grid-template-columns: 1fr; }
  .panel { padding: 28px 22px; }
  .ilke-grid { grid-template-columns: 1fr; gap: 18px; }
  .ilke { padding-right: 0; padding-bottom: 18px;
          border-right: 0; border-bottom: 1px solid rgba(251, 248, 242, .15); }
  .ilke:last-child { padding-bottom: 0; border-bottom: 0; }
  /* Sol panelin ekran soluna dayanan yalancı öğesi tek sütunda anlamsız. */
  .ilkeler { border-radius: var(--radius); }
  .ilkeler::after { display: none; }

  /* İkon gizlenmiyor — küçültülüyor; gizlenirse 38px'lik sütun boş kalıyordu. */
  .uz { grid-template-columns: 36px 1fr; gap: 13px; }
  .uz-ikon { width: 36px; height: 36px; border-radius: 8px; }
  .uz-ikon svg { width: 19px; height: 19px; }

  .serit { grid-template-columns: 1fr; }
  .derd-soru { font-size: 21px; }

  /* Alt sayfalar tek sütun: yıl ve numara sütunları başlığın üstüne çıkar. */
  .kirinti { padding-top: 88px; }
  .kirinti-liste { font-size: 12px; }
  .sayfa-h1 { font-size: clamp(30px, 8.4vw, 40px); }
  .sayfa-lead { font-size: 16.5px; }
  .zaman-oge { grid-template-columns: 1fr; gap: 10px; padding: 26px 0; }
  .zaman-yil { font-size: 23px; }
  .zaman-govde h3 { font-size: 22px; }
  .alan { grid-template-columns: 1fr; gap: 8px; padding: 28px 0; }
  .alan-num { font-size: 24px; }
  .alan-govde h3 { font-size: 22px; }
  .hub-grid, .ilgili-liste { grid-template-columns: 1fr; }
  .hub-kart { padding: 26px 22px; }
  .kanit-serit { grid-template-columns: 1fr; gap: 20px; }
  .etki-bant { padding: 52px 0; }
  .derd-liste li { font-size: 17px; }

  .akademi-kunye { grid-template-columns: 1fr; gap: 14px; }
  .akademi-madalyon { width: 112px; height: 112px; font-size: 13px; right: -8px; bottom: 18px; }
  .gorsel-yuva { border-radius: 110px 16px 110px 16px; }

  .iletisim-kartlar { grid-template-columns: 1fr; }
  .footer-inner { padding: 22px 0; }
  .footer-nap { flex-direction: column; align-items: flex-start; gap: 18px; }
  .faq-item summary { padding: 16px 48px 16px 18px; }
  .faq-item summary h2 { font-size: 17.5px; }
  .faq-item p { padding: 0 18px 18px; }
}

/* ---- 400: küçük telefonlar ---- */
@media (max-width: 400px) {
  .wrap { width: calc(100% - 26px); }
  :root { --pad: 20px; }
  .brand-mark { font-size: 23px; padding: 6px 8px 8px; }
  .brand-name { font-size: 17px; }
  .brand-role { font-size: 7.5px; letter-spacing: 1.5px; }
  .brand { gap: 11px; }
  .brand-lines { padding-left: 11px; }

  .panel { padding: 24px 18px; }
  .stat { padding: 20px 16px; grid-template-columns: 48px 1fr; gap: 15px; }
  .stat-ikon { width: 48px; height: 48px; }
  .stat-ikon svg { width: 22px; height: 22px; }
  .stat-big { font-size: 34px; }

  .serit { padding: 22px 18px; }
  .serit-iletisim { grid-template-columns: 44px 1fr; gap: 12px; }
  .serit-ikon { width: 44px; height: 44px; }
  .imza-ad { font-size: 26px; }
  .akademi-madalyon { width: 96px; height: 96px; font-size: 12px; }
}

/* Sayfa kabuğu için nihai koyu navigasyon ve düğme karşıtlığı. */
.site-header { background: var(--ink); }
.home-hero .btn-outline, .service-hero .btn-outline, .home-contact .btn-outline { color: #fff; box-shadow: inset 0 0 0 1px rgba(245,214,123,.8); }
.home-hero .btn-outline:hover, .service-hero .btn-outline:hover, .home-contact .btn-outline:hover { background: rgba(255,255,255,.11); color: #fff; }

/* =========================================================================
   Referans görsele sadık ana sayfa — 2026-08-24
   ========================================================================= */
.site-header {
  height: 54px;
  background: #06182e;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.site-header .header-inner {
  width: min(1180px, calc(100% - 56px));
  grid-template-columns: auto 1fr auto;
  gap: 28px;
}
.site-header .brand { gap: 10px; color: #fff; }
.site-header .brand-mark {
  border: 0; border-radius: 0; padding: 0; background: none;
  color: #efbd55; font: 500 30px/1 Georgia, serif;
}
.site-header .brand-lines { border: 0; padding: 0; }
.site-header .brand-name { color: #fff; font: 700 16px/1 var(--body-f); }
.site-header .brand-role { display: none; }
.site-header .site-nav { justify-self: center; padding: 0; display: flex; gap: 40px; }
.site-header .site-nav a { color: #fff; font-size: 12px; font-weight: 600; }
.site-header .header-cta {
  display: inline-flex; min-height: 36px; padding: 0 21px; align-items: center;
  background: linear-gradient(#f6cf74,#eab64b); color: #08182c;
  border-radius: 8px; font-size: 12px; font-weight: 700;
}
.ref-home {
  --ref-navy: #06182e;
  --ref-navy-2: #0a2342;
  --ref-gold: #edb94f;
  --ref-paper: #fafafa;
  background: var(--ref-paper);
  color: #08182c;
  font-family: var(--body-f);
}
.ref-home .wrap { width: min(1120px, calc(100% - 120px)); }
.ref-hero {
  position: relative; min-height: 590px; overflow: hidden;
  padding: 54px 0 118px; color: #fff;
  background: radial-gradient(circle at 73% 35%, #123662 0, #071a31 42%, #041326 72%);
}
.ref-hero::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, #06182e 0%, rgba(6,24,46,.98) 36%, rgba(6,24,46,.5) 60%, rgba(6,24,46,.05) 100%);
}
.ref-hero-photo {
  position: absolute; z-index: 0; inset: 54px 0 0 43%;
  display: block;
}
.ref-hero-photo img {
  width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; display:block;
}
.ref-hero-inner { position: relative; z-index: 2; }
.ref-hero-copy { max-width: 490px; padding-top: 48px; }
.ref-badge {
  display: inline-flex; border: 1px solid rgba(237,185,79,.82);
  border-radius: 999px; padding: 8px 15px; color: var(--ref-gold);
  font-size: 12px; font-weight: 700; margin-bottom: 18px;
}
.ref-hero h1 {
  max-width: 12ch; color: #fff; font-family: var(--body-f);
  font-size: clamp(38px, 4.3vw, 61px); font-weight: 800; line-height: 1.08;
  letter-spacing: -.035em;
}
.ref-hero h1 em { color: var(--ref-gold); font-style: normal; }
.ref-hero-lead { max-width: 48ch; margin-top: 18px; color: rgba(255,255,255,.92); font-size: 15px; line-height: 1.62; }
.ref-location { margin-top: 16px; display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; }
.ref-location span { width:18px; height:18px; display:grid; place-items:center; color:var(--ref-gold); }
.ref-location svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.ref-actions { display: flex; gap: 16px; margin-top: 24px; flex-wrap: wrap; }
.ref-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 46px; padding: 0 24px; border-radius: 7px;
  font-size: 13px; font-weight: 700; line-height: 1.25; transition: transform .2s, background .2s;
}
.ref-btn span { font-size: 17px; line-height: 1; }
.ref-btn:hover { transform: translateY(-2px); }
.ref-btn-gold { background: linear-gradient(#f7d475,#e8b148); color: #07182c; }
.ref-btn-line { color: #fff; border: 1px solid rgba(255,255,255,.9); }
.ref-btn-dark { color: #fff; background: var(--ref-navy); margin-top: 22px; }
.ref-stats-wrap { position: absolute; left: 0; right: 0; bottom: 18px; z-index: 3; }
.ref-stats {
  display: grid; grid-template-columns: repeat(4,1fr);
  background: rgba(4,20,39,.9); border: 1px solid rgba(255,255,255,.35);
  border-radius: 8px; backdrop-filter: blur(10px); overflow: hidden;
}
.ref-stat {
  min-width: 0; padding: 19px 16px; display: grid;
  grid-template-columns: 40px minmax(0,1fr); gap: 13px; align-items: center;
  border-right: 1px solid rgba(255,255,255,.18);
}
.ref-stat:last-child { border-right: 0; }
.ref-stat-icon { width:40px; height:40px; color:#fff; display:grid; place-items:center; }
.ref-stat-icon svg,.ref-service-icon svg,.ref-service-contact svg {
  width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round;
}
.ref-stat b { display:block; color:var(--ref-gold); font-size:24px; line-height:1.08; margin-bottom:8px; white-space:nowrap; }
.ref-stat:nth-child(2) b,.ref-stat:nth-child(3) b,.ref-stat:nth-child(4) b { font-size:20px; }
.ref-stat small { display:block; color:rgba(255,255,255,.9); font-size:11.5px; line-height:1.45; }

.ref-principles { padding: 18px 0 27px; background: #fff; }
.ref-section-title {
  position: relative; margin: 0 auto 25px; width: fit-content;
  font-family: var(--body-f); font-size: 24px; font-weight: 800; text-align:center;
}
.ref-section-title::after {
  content:""; position:absolute; width:48px; height:2px; background:var(--ref-gold);
  left:50%; bottom:-9px; transform:translateX(-50%);
}
.ref-principle-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.ref-principle-grid article {
  display:grid; grid-template-columns:50px 1fr; gap:18px; padding: 0 24px;
  border-right:1px solid #aab2bd;
}
.ref-principle-grid article:first-child { padding-left: 14px; }
.ref-principle-grid article:last-child { border:0; padding-right:14px; }
.ref-principle-grid article>span {
  width:48px; height:48px; border-radius:50%; display:grid; place-items:center;
  background:var(--ref-navy); color:#fff; font:700 22px/1 Georgia,serif;
}
.ref-principle-grid h3 { font-size:15.5px; line-height:1.3; margin:2px 0 9px; }
.ref-principle-grid p { font-size:12.5px; line-height:1.55; color:#263241; }

.ref-services { padding: 18px 0 15px; color:#fff; background: radial-gradient(circle at 50% 0, #0c2b4e, #06182e 66%); }
.ref-title-light { color:#fff; margin-bottom:18px; }
.ref-service-list { max-width: 860px; margin: 0 auto; display:grid; gap:11px; }
.ref-service-list article { display:grid; grid-template-columns:42px 58px minmax(0,1fr); gap:18px; align-items:center; padding:3px 0; }
.ref-service-no {
  width:34px; height:34px; border-radius:50%; background:var(--ref-gold);
  color:var(--ref-navy); display:grid; place-items:center; font-size:12px; font-weight:800;
}
.ref-service-icon {
  width:54px; height:50px; border:1px solid rgba(255,255,255,.7);
  border-radius:7px; display:grid; place-items:center; color:#fff;
}
.ref-service-icon svg { width:27px; height:27px; }
.ref-service-list h3 { font-size:15.5px; line-height:1.3; margin-bottom:5px; }
.ref-service-list p { font-size:12.5px; line-height:1.5; color:rgba(255,255,255,.86); }
.ref-service-contact {
  max-width: 820px; margin:20px auto 0; min-height:44px; display:flex; align-items:center; gap:14px;
  border:1px solid var(--ref-gold); border-radius:7px; padding:7px 18px;
  color:var(--ref-gold); font-size:12.5px; font-weight:700; line-height:1.4;
}
.ref-service-contact span { width:24px; height:24px; flex:0 0 24px; display:grid; place-items:center; }
.ref-service-contact svg { width:22px; height:22px; }

.ref-education { padding: 24px 0 8px; background: #fff; }
.ref-edu-row {
  display:grid; grid-template-columns: 38% 1fr; gap:42px; align-items:center;
  padding: 0 0 24px; border-bottom:1px solid #d7dce2;
}
.ref-edu-row + .ref-edu-row { padding-top:24px; }
.ref-edu-image { height:245px; overflow:hidden; border-radius:14px; }
.ref-edu-image img { width:100%; height:100%; object-fit:cover; }
.ref-kicker { color:#17335f; font-size:11px; font-weight:800; margin-bottom:6px; }
.ref-edu-copy h2 { color:#111858; font:800 25px/1.15 var(--body-f); margin-bottom:7px; }
.ref-edu-copy h3 { color:#14234b; font-size:14.5px; line-height:1.4; margin-bottom:11px; }
.ref-edu-copy>p:not(.ref-kicker) { font-size:13.5px; line-height:1.6; color:#252f40; }
.ref-info-grid {
  display:grid; grid-template-columns:repeat(4,1fr); margin-top:18px;
  border:1px solid #b9c2ce; border-radius:8px; overflow:hidden;
}
.ref-info-grid div { padding:12px 9px; text-align:center; border-right:1px solid #c9d0d9; }
.ref-info-grid div:last-child { border:0; }
.ref-info-grid b,.ref-info-grid span { display:block; line-height:1.4; }
.ref-info-grid b { color:#10214a; margin-bottom:4px; font-size:11.5px; }
.ref-info-grid span { font-size:11px; }
.ref-digital-visual {
  min-height:235px; border-radius:14px; padding:24px;
  display:grid; grid-template-columns:auto 1fr; align-content:center; column-gap:20px;
  color:#fff; background:linear-gradient(135deg,#06182e,#0e3a6c);
}
.ref-digital-visual span { grid-row:1/3; color:var(--ref-gold); font:700 72px/1 var(--body-f); }
.ref-digital-visual strong { font:800 32px/1.05 var(--body-f); }
.ref-digital-visual small { color:rgba(255,255,255,.72); margin-top:10px; }

.ref-about { padding:18px 0 12px; background:#fff; }
.ref-about-row { display:grid; grid-template-columns:185px 1fr; gap:30px; align-items:center; border-bottom:1px solid #d7dce2; padding-bottom:18px; }
.ref-about picture { height:190px; border-radius:12px; overflow:hidden; background:#dad8d1; }
.ref-about img { width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.ref-about h2 { color:#111858; font-size:21px; margin-bottom:8px; }
.ref-about p { font-size:12.5px; line-height:1.6; margin-bottom:9px; color:#202b39; }
.ref-about a { display:inline-block; margin-top:3px; font-size:12px; font-weight:800; color:#12265a; }

.ref-faq { padding: 0 0 12px; background:#fff; }
.ref-faq .ref-section-title { font-size:20px; margin-bottom:16px; }
.ref-faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ref-faq details { border:1px solid #d3d8df; border-radius:7px; background:#fff; }
.ref-faq summary { list-style:none; cursor:pointer; padding:12px 38px 12px 15px; font-size:12.5px; line-height:1.4; font-weight:700; position:relative; }
.ref-faq summary::-webkit-details-marker { display:none; }
.ref-faq summary::after { content:"⌄"; position:absolute; right:14px; }
.ref-faq details[open] summary::after { content:"⌃"; }
.ref-faq details p { padding:0 15px 14px; font-size:12px; line-height:1.55; color:#4b5563; }

.ref-contact { padding: 0 0 7px; background:#fff; }
.ref-contact-card {
  min-height:112px; overflow:hidden; border-radius:12px; padding:22px 36px;
  display:grid; grid-template-columns:1fr 250px; align-items:center; color:#fff;
  background:linear-gradient(110deg,#0b2342 0,#06182e 72%);
}
.ref-contact h2 { font-size:20px; margin-bottom:7px; }
.ref-contact p { font-size:12.5px; line-height:1.5; color:rgba(255,255,255,.82); }
.ref-contact-links { display:flex; gap:16px; margin-top:17px; flex-wrap:wrap; }
.ref-contact-links a { display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(255,255,255,.65); border-radius:7px; padding:10px 15px; font-size:12.5px; line-height:1.2; font-weight:700; }
.ref-contact-links svg { width:18px; height:18px; flex:0 0 18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.ref-contact-mark {
  justify-self:end; font:700 74px/1 Georgia,serif; color:rgba(237,185,79,.22);
}
.site-footer { padding:22px 0 20px; background:#06182e; }
.site-footer .footer-inner { width:min(1240px,calc(100% - 120px)); padding:0; }
.site-footer .footer-brand .brand-name { color:#fff; font-size:15px; }
.site-footer .footer-tags { max-width:min(62%,720px); color:#fff; font-size:10px; line-height:1.5; text-align:right; overflow-wrap:anywhere; }
/* Etiketler artık bağlantı: tıklanabilir oldukları ince alt çizgiyle belli olur. */
.site-footer .footer-tags a { border-bottom:1px solid rgba(255,255,255,.3); }
.site-footer .footer-tags a:hover { color:var(--gold-light); border-bottom-color:var(--gold-light); }
/* Genel odak halkası lacivert; koyu alt bilgi zemininde görünmediği için açılır. */
.site-footer a:focus-visible { outline-color:var(--gold-light); }
.site-footer .footer-nap { width:min(1240px,calc(100% - 120px)); padding-top:7px; margin-top:7px; }
.site-footer .nap-block { color:#fff; font-size:8px; }
.site-footer .nap-legal { color:rgba(255,255,255,.5); font-size:8px; }

/* İç hizmet sayfalarında tüm bölüm başlıkları aynı görsel hiyerarşiyi izler. */
.service-section h2,
.process-strip h2,
.service-cta h2 {
  max-width:22ch;
  font:500 clamp(34px,4.3vw,56px)/1.08 var(--serif);
  letter-spacing:-.025em;
}
/* Başlık ile hemen altındaki açıklama arasında nefes payı bırakılır;
   `* { margin: 0 }` sıfırlaması yüzünden ikisi bitişik duruyordu. */
.home-services h2 + p,
.home-approach h2 + p,
.home-about h2 + p,
.home-contact h2 + p,
.service-section h2 + p,
.process-strip h2 + p,
.service-cta h2 + p {
  margin-top: clamp(20px, 2.2vw, 30px);
}
/* `.service-link a`'daki `margin-top: auto` yalnızca esnek kutu çocuklarında
   çalışır; blok olan `<p class="service-link">` içinde 0'a düşüyor ve bağlantı
   üstündeki paragrafa yapışıyordu. */
.service-section .service-link { margin-top: 22px; }
.service-section-tight { padding-top: 12px; }
.choice-grid article ul { margin: 18px 0 0 18px; }
.choice-grid article li { padding-left: 4px; }
.service-bullets {
  max-width: 900px; margin: 30px 0 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px 28px;
}
.service-bullets li {
  position: relative; padding: 14px 16px 14px 40px; line-height: 1.55;
  background: #fff; border: 1px solid rgba(6,23,46,.14);
}
.service-bullets li::before {
  content: "→"; position: absolute; left: 16px; color: var(--gold); font-weight: 700;
}
.service-quote {
  max-width: 900px; margin: 34px 0 0; padding: 28px 34px;
  color: #fff; background: var(--ink); border-left: 4px solid var(--gold);
  font: 500 24px/1.45 var(--serif);
}

/* Aynı blok, bağlantı olarak (bireysel eğitim -> Bilgelik Akademisi geçişi).
   Alıntıyla aynı ağırlıkta durması bilinçli: sayfadan sayfaya geçiş, sayfa
   içindeki bir cümle kadar görünür olmalı. */
a.service-quote { display: block; text-decoration: none; transition: background .18s ease, border-left-color .18s ease; }
a.service-quote:hover, a.service-quote:focus-visible { background: var(--ink-2); border-left-color: var(--gold-pale); }
a.service-quote .ok { color: var(--gold-pale); margin-left: 6px; }

@media (max-width: 900px) {
  .site-header .header-inner { width:calc(100% - 36px); grid-template-columns:1fr auto; }
  .site-header .site-nav,.site-header .header-cta { display:none; }
  .site-header .menu { display:block; justify-self:end; }
  .ref-home .wrap,.site-footer .footer-inner,.site-footer .footer-nap { width:calc(100% - 40px); }
  .ref-hero { min-height:760px; padding-bottom:260px; }
  .ref-hero-photo { inset:54px 0 235px 25%; opacity:.68; }
  .ref-hero::after { background:linear-gradient(90deg,#06182e 0,rgba(6,24,46,.9) 48%,rgba(6,24,46,.1)); }
  .ref-hero-copy { padding-top:48px; max-width:500px; }
  .ref-stats { grid-template-columns:1fr 1fr; }
  .ref-stat:nth-child(2) { border-right:0; }
  .ref-stat:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.18); }
  .ref-principle-grid { grid-template-columns:1fr; gap:20px; }
  .ref-principle-grid article { border:0; padding:0; }
  .ref-edu-row { grid-template-columns:1fr; gap:24px; }
  .ref-edu-image { height:300px; }
  .ref-about-row { grid-template-columns:150px 1fr; }
}
@media (max-width: 560px) {
  .ref-home { overflow-x:clip; }
  .ref-hero { min-height:885px; padding-bottom:315px; }
  .ref-hero-photo { inset:54px 0 300px 0; }
  .ref-hero::after { background:linear-gradient(180deg,rgba(6,24,46,.5),#06182e 60%); }
  .ref-hero-copy { padding-top:285px; }
  .ref-hero h1 { font-size:37px; }
  .ref-actions { display:grid; grid-template-columns:1fr; gap:12px; width:100%; }
  .ref-actions .ref-btn { width:100%; }
  .ref-stats { grid-template-columns:1fr 1fr; }
  .ref-stat { padding:14px 11px; grid-template-columns:34px minmax(0,1fr); gap:9px; }
  .ref-stat-icon { width:34px; height:34px; }
  .ref-stat-icon svg { width:23px; height:23px; }
  .ref-stat b { font-size:21px; margin-bottom:6px; }
  .ref-stat:nth-child(2) b,.ref-stat:nth-child(3) b,.ref-stat:nth-child(4) b { font-size:16px; white-space:normal; }
  .ref-stat small { font-size:10.5px; line-height:1.4; }
  .ref-services-inner { padding-top:4px; }
  .ref-service-list { gap:15px; }
  .ref-service-list article { grid-template-columns:34px 46px minmax(0,1fr); gap:11px; align-items:start; }
  .ref-stat>div,.ref-service-list article>div,.ref-edu-copy { min-width:0; }
  .ref-service-icon { width:44px; height:42px; }
  .ref-service-icon svg { width:23px; height:23px; }
  .ref-service-list h3 { font-size:14px; overflow-wrap:anywhere; }
  .ref-service-list p { font-size:11.5px; line-height:1.5; overflow-wrap:anywhere; }
  .ref-service-contact { align-items:flex-start; }
  .ref-info-grid { grid-template-columns:1fr 1fr; }
  .ref-info-grid div:nth-child(2) { border-right:0; }
  .ref-info-grid div:nth-child(-n+2) { border-bottom:1px solid #c9d0d9; }
  .ref-digital-visual span { font-size:54px; }
  .ref-about-row { grid-template-columns:1fr; }
  .ref-about picture { width:160px; }
  .ref-faq-grid { grid-template-columns:1fr; }
  .ref-contact-card { grid-template-columns:1fr; padding:22px; }
  .ref-contact-mark { display:none; }
  .ref-contact-links { flex-direction:column; align-items:flex-start; }
  .site-footer .footer-inner { display:block; }
  .service-bullets { grid-template-columns: 1fr; }
  .service-quote { padding: 22px; font-size: 20px; }
}

/* =========================================================================
   Sade ana sayfa — referans giriş yapısı
   ========================================================================= */
body:has(.simple-home) { background:#f3f0e9; }

.simple-home {
  --simple-ink:#071a2b; --simple-paper:#f3f0e9; --simple-accent:#d2a74c;
  color:var(--simple-ink); background:var(--simple-paper);
}
.simple-home .wrap { width:min(1240px,calc(100% - 120px)); }
.simple-hero {
  position:relative; min-height:max(800px,calc(100svh - 54px)); height:max(800px,calc(100svh - 54px)); overflow:hidden; color:#fff;
  background:#061521;
}
.simple-hero-photo { position:absolute; inset:0 0 0 40%; z-index:0; }
.simple-hero-photo img {
  width:100%; height:100%; object-fit:cover; object-position:52% center;
}
.simple-hero::after {
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(90deg,#03141e 0%,#03141e 35%,rgba(3,20,30,.88) 45%,rgba(3,20,30,.28) 72%,rgba(3,20,30,.08) 100%),
    linear-gradient(0deg,rgba(3,18,29,.7) 0%,rgba(3,18,29,.04) 58%,rgba(3,18,29,.28) 100%);
}
.simple-hero-inner {
  position:relative; z-index:2; height:100%; min-height:inherit;
  display:flex; align-items:flex-end; padding:clamp(126px,16vh,170px) 0 clamp(72px,9vh,92px);
}
.simple-hero-copy { width:min(620px,50%); }
.simple-eyebrow {
  margin:0 0 22px; font-size:11px; line-height:1.2; font-weight:800;
  letter-spacing:.2em; text-transform:uppercase;
}
.simple-hero .simple-eyebrow { color:rgba(255,255,255,.78); }
.simple-hero h1 {
  margin:0; color:#fff; font:500 clamp(68px,7.8vw,112px)/.9 var(--serif);
  letter-spacing:-.055em;
}
.simple-roles {
  display:flex; flex-wrap:wrap; align-items:center; gap:9px;
  margin-top:30px; color:rgba(255,255,255,.82); font-size:11px; line-height:1.4;
  font-weight:800; letter-spacing:.12em; text-transform:uppercase;
}
.simple-roles span { color:var(--simple-accent); }
.simple-hero h2 {
  max-width:560px; margin-top:30px; color:#fff;
  font:500 clamp(24px,2.1vw,31px)/1.24 var(--serif); letter-spacing:-.02em;
}
.simple-hero-lead {
  max-width:570px; margin-top:18px; color:rgba(255,255,255,.84);
  font-size:15px; line-height:1.7;
}
.simple-hero-links { display:flex; align-items:center; flex-wrap:wrap; gap:16px 28px; margin-top:30px; }
.simple-hero-links a {
  display:inline-flex; align-items:center; gap:12px; min-height:45px;
  color:#fff; border-bottom:1px solid rgba(255,255,255,.45);
  font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
}
.simple-hero-links a:not(.simple-discover) { align-items:flex-start; padding:5px 0 8px; }
.simple-hero-links .simple-link-copy { display:grid; gap:4px; }
.simple-hero-links .simple-link-title { font:inherit; }
.simple-hero-links .simple-link-subtitle {
  color:rgba(255,255,255,.68); font-size:9px; font-weight:700; letter-spacing:.04em;
}
.simple-hero-links .simple-link-arrow { font-size:13px; transition:transform .2s ease; }
.simple-hero-links a:hover .simple-link-arrow { transform:translate(2px,-2px); }
.simple-hero-links .simple-discover {
  min-height:50px; padding:0 22px; color:var(--simple-ink); background:#fff; border:0;
}
.simple-scroll {
  position:absolute; z-index:3; right:34px; bottom:28px; display:grid; gap:9px;
  color:rgba(255,255,255,.7); font-size:9px; font-weight:800; letter-spacing:.2em;
  text-align:center; text-transform:uppercase;
}

.simple-services { padding:clamp(76px,9vw,112px) 0; background:var(--simple-paper); }
.simple-section-intro {
  display:grid; grid-template-columns:1fr .9fr; gap:clamp(48px,7vw,90px); align-items:end;
  padding-bottom:clamp(44px,5vw,68px);
}
.simple-section-intro .simple-eyebrow,.simple-approach .simple-eyebrow,.simple-contact .simple-eyebrow {
  color:#786a4b;
}
.simple-section-intro h2,.simple-approach h2,.simple-contact h2 {
  color:var(--simple-ink); font:500 clamp(42px,5vw,70px)/1.02 var(--serif);
  letter-spacing:-.035em;
}
.simple-section-intro h3 {
  margin-bottom:14px; font:600 23px/1.3 var(--serif);
}
.simple-section-intro>div:last-child>p { max-width:54ch; color:#4e5963; font-size:15px; line-height:1.75; }
.simple-service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(7,26,43,.3); }
.simple-service-grid article {
  min-width:0; min-height:0; padding:34px 34px 42px 0;
  display:flex; flex-direction:column; align-items:flex-start;
  border-right:1px solid rgba(7,26,43,.18);
}
.simple-service-grid article+article { padding-left:34px; }
.simple-service-grid article:last-child { padding-right:0; border-right:0; }
.simple-service-no { color:#8b7649; font:600 12px/1 var(--body-f); letter-spacing:.1em; }
.simple-service-grid h3 {
  margin-top:32px; color:var(--simple-ink);
  font:500 clamp(25px,2.2vw,33px)/1.12 var(--serif); letter-spacing:-.025em;
}
.simple-service-grid h3 span { display:block; }
.simple-service-grid .simple-service-subtitle {
  margin-top:8px; font:800 12px/1.35 var(--body-f); letter-spacing:.09em; text-transform:uppercase;
}
.simple-service-grid h4 {
  margin-top:20px; color:var(--simple-ink); font-size:14px; line-height:1.55;
}
.simple-service-grid .simple-service-emphasis { display:block; margin-top:10px; font-weight:800; }
.simple-service-grid p { margin-top:14px; color:#56606a; font-size:13.5px; line-height:1.72; }
.simple-service-grid a {
  margin-top:30px; padding:0 0 11px; color:var(--simple-ink); border-bottom:1px solid var(--simple-ink);
  font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
}
.simple-service-grid a span,.simple-approach a span { margin-left:8px; }

.simple-approach { padding:105px 0; color:#fff; background:var(--simple-ink); }
.simple-approach-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }
.simple-approach h2 { color:#fff; max-width:9ch; }
.simple-approach .simple-eyebrow { color:rgba(255,255,255,.58); }
.simple-approach-grid>div:last-child { align-self:end; max-width:680px; }
.simple-quote { color:#fff; font:500 clamp(25px,2.5vw,36px)/1.35 var(--serif); }
.simple-approach-grid>div:last-child>p:not(.simple-quote) {
  margin-top:24px; color:rgba(255,255,255,.68); font-size:14px; line-height:1.7;
}
.simple-approach-points {
  display:grid; gap:7px; margin-top:22px; padding-left:20px;
  color:rgba(255,255,255,.8); font-size:14px; line-height:1.55;
}
.simple-approach-points li::marker { color:var(--simple-accent); }
.simple-approach-grid>div:last-child>.simple-approach-closing {
  margin-top:34px; color:#fff; font-weight:800;
}
.simple-approach a {
  display:inline-block; margin-top:28px; padding-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.55); font-size:12px; font-weight:800;
}

.simple-contact { padding:72px 0; background:#fff; }
.simple-contact-grid { display:grid; grid-template-columns:1fr auto; gap:60px; align-items:end; }
.simple-contact .simple-eyebrow { margin-bottom:15px; }
.simple-contact h2 { font-size:clamp(38px,4.2vw,58px); }
.simple-contact-links { display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end; }
.simple-contact-links a {
  min-height:48px; padding:0 18px; display:inline-flex; align-items:center;
  border:1px solid rgba(7,26,43,.34); font-size:13px; font-weight:700;
}
/* Hizmet sayfalarının kapanış bloğu ana sayfadaki iletişim bağlantılarıyla
   aynı görünümü kullanır; tasarım tek yerden yönetilsin diye sınıf paylaşılır.
   `.service-cta` esnek kutu olduğundan bağlantı grubunun daralmasını engelle. */
.service-cta .simple-contact-links { flex-shrink:0; }
@media (max-width: 800px) {
  .service-cta .simple-contact-links { margin-top:22px; justify-content:flex-start; }
}
body:has(.simple-home) .site-footer { padding:22px 0 20px; }
body:has(.simple-home) .site-footer .footer-inner,
body:has(.simple-home) .site-footer .footer-nap { width:min(1240px,calc(100% - 120px)); }
body:has(.simple-home) .site-footer .footer-tags,
body:has(.simple-home) .site-footer .nap-block,
body:has(.simple-home) .site-footer .nap-legal { font-size:10px; }

@media (max-width: 900px) {
  .simple-home .wrap,
  body:has(.simple-home) .site-footer .footer-inner,
  body:has(.simple-home) .site-footer .footer-nap { width:calc(100% - 40px); }
  .simple-hero { height:auto; min-height:0; padding-top:390px; }
  .simple-hero-photo { inset:0 0 auto; height:430px; }
  .simple-hero-photo img { object-position:52% center; }
  .simple-hero::after {
    background:
      linear-gradient(0deg,#03141e 0%,#03141e 48%,rgba(3,20,30,.68) 67%,rgba(3,20,30,.18) 100%),
      linear-gradient(90deg,rgba(3,20,30,.36),rgba(3,20,30,.06));
  }
  .simple-hero-inner { min-height:0; padding:36px 0 52px; }
  .simple-hero-copy { width:100%; }
  .simple-hero h1 { font-size:clamp(58px,18vw,92px); }
  .simple-hero h2 { font-size:26px; max-width:25ch; }
  .simple-hero-lead { max-width:56ch; }
  .simple-scroll { display:none; }
  .simple-section-intro,.simple-approach-grid { grid-template-columns:1fr; gap:42px; }
  .simple-service-grid { grid-template-columns:1fr; }
  .simple-service-grid article,.simple-service-grid article+article {
    min-height:0; padding:34px 0 42px; border-right:0; border-bottom:1px solid rgba(7,26,43,.22);
  }
  .simple-service-grid article:last-child { border-bottom:0; }
  .simple-service-grid h3 { min-height:0; margin-top:22px; }
  .simple-service-grid a { margin-top:28px; }
  .simple-approach h2 { max-width:none; }
  .simple-contact-grid { grid-template-columns:1fr; gap:30px; }
  .simple-contact-links { justify-content:flex-start; }
}

@media (max-width: 560px) {
  .simple-hero { min-height:0; padding-top:350px; }
  .simple-hero-photo { height:390px; }
  .simple-hero-inner { min-height:0; padding:30px 0 46px; }
  .simple-hero-photo img { object-position:52% center; }
  .simple-hero h1 { font-size:56px; line-height:.94; }
  .simple-roles { margin-top:22px; font-size:9px; gap:7px; }
  .simple-hero h2 { margin-top:24px; font-size:23px; }
  .simple-hero-lead { font-size:14px; line-height:1.6; }
  .simple-hero-links { display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; }
  .simple-hero-links .simple-discover { grid-column:1/-1; justify-content:space-between; }
  .simple-hero-links a { min-height:42px; font-size:9px; }
  .simple-services { padding:76px 0 66px; }
  .simple-section-intro { padding-bottom:44px; }
  .simple-section-intro h2,.simple-approach h2,.simple-contact h2 { font-size:40px; }
  .simple-section-intro h3 { font-size:21px; }
  .simple-approach { padding:76px 0; }
  .simple-quote { font-size:25px; }
  .simple-contact { padding:58px 0; }
  .simple-contact-links { flex-direction:column; }
  .simple-contact-links a { width:100%; justify-content:center; }
}

/* İç sayfa metinleri ana sayfadaki içerik çizgisiyle aynı hizada kalır.
   Header ve footer kendi sabit hizalarını korur. */
body:not(:has(.simple-home)) .wrap:not(.header-inner):not(.footer-inner):not(.footer-nap) {
  width:min(1240px,calc(100% - 120px));
}
@media (max-width:900px) {
  body:not(:has(.simple-home)) .wrap:not(.header-inner):not(.footer-inner):not(.footer-nap) {
    width:calc(100% - 40px);
  }
}


/* ===== 2026-09: ön görüşme formu =====
   Site genelinde tek form bileşeni; ana sayfada ve üç hizmet sayfasında
   aynı işaretleme kullanılıyor (arac/sablon/form.html). Alanlar iki
   sütuna yerleşir, dar ekranda tek sütuna iner. */
.ilet-form { display:grid; gap:18px; align-content:start; }
.ilet-form-izgara { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.ilet-alan { display:grid; gap:7px; margin:0; }
.ilet-alan-genis { grid-column:1 / -1; }
.ilet-alan label { font-size:12.5px; font-weight:600; line-height:1.3; letter-spacing:.05em; text-transform:uppercase; color:var(--ink); }
.ilet-istege-bagli { font-weight:400; text-transform:none; letter-spacing:0; opacity:.6; }
.ilet-form input[type="text"], .ilet-form input[type="tel"], .ilet-form input[type="email"],
.ilet-form select, .ilet-form textarea {
  width:100%; font:400 15.5px/1.45 inherit; font-family:inherit; color:var(--ink);
  background:#fff; border:1px solid rgba(6,23,46,.24); border-radius:3px;
  padding:11px 13px; appearance:none;
}
.ilet-form textarea { resize:vertical; min-height:104px; }
.ilet-form select {
  /* Ok işareti gömülü SVG: dış istek yok, CSP img-src data: zaten açık. */
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%2306172e' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 13px center; background-size:10px; padding-right:34px;
}
.ilet-form input:focus-visible, .ilet-form select:focus-visible, .ilet-form textarea:focus-visible { outline:2px solid var(--gold); outline-offset:1px; }
.ilet-form ::placeholder { color:rgba(6,23,46,.42); }
.ilet-onay { display:grid; grid-template-columns:auto 1fr; gap:11px; align-items:start; font-size:14px; line-height:1.55; color:rgba(6,23,46,.78); }
.ilet-onay input { margin-top:3px; width:17px; height:17px; accent-color:var(--gold); }
.ilet-gonder { justify-self:start; }
.ilet-not { font-size:13.5px; line-height:1.55; color:rgba(6,23,46,.62); }

/* Formu barındıran iki bölüm: metin solda, form sağda. */
.simple-contact-grid.formlu { grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); align-items:start; }
.simple-contact-not { margin-top:18px; max-width:46ch; line-height:1.7; color:rgba(6,23,46,.75); }
.service-cta-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:52px; align-items:start; }
.service-cta-form h2 { max-width:16ch; }
.service-cta-form > div > p { margin-top:16px; line-height:1.7; }
.service-cta-eposta { font-size:14.5px; color:rgba(6,23,46,.7); }
.service-cta-eposta a, .simple-contact-not a { color:var(--ink); text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--gold); }

@media (max-width: 900px) {
  .simple-contact-grid.formlu, .service-cta-form { grid-template-columns:1fr; gap:34px; }
}
@media (max-width: 560px) {
  .ilet-form-izgara { grid-template-columns:1fr; }
  .ilet-gonder { justify-self:stretch; text-align:center; }
}