/* ==========================================================================
   MARKA İNİSİYATİFİ : TASARIM SİSTEMİ
   Structa referans yönü. Bu dosya mevcut stillerin üzerine yüklenir ve
   yalnızca görsel dili değiştirir. Sayfa içerikleri hiçbir şekilde
   değiştirilmez.

   Palet   : #FE8C00 > #F83600 gradyan / #FFFFFF / #000000
   Zemin   : yumuşak beyaz gradyan
   Geometri: yüzen KÖŞELİ navbar, köşeli butonlar, yumuşak kartlar
   Metin   : ince (300), başlıklar kontrollü ölçekte
   ========================================================================== */

:root {
  /* ---- Turuncu artik tek renk degil, iki uclu bir gradyan ---------------
     Yuzeylerde (buton, serit, vurgu bandi, nokta) gradyanin kendisi;
     gradyanin uygulanamadigi yerlerde (kenarlik, SVG stroke/fill, outline,
     kucuk punto metin) iki ucun tam ortasi olan --mi-orange kullanilir.
     Boylece hicbir kural renksiz kalmaz, ton butun sitede ayni ailedendir. */
  --mi-orange-1: #fe8c00;
  --mi-orange-2: #f83600;
  --mi-grad: linear-gradient(135deg, var(--mi-orange-1) 0%, var(--mi-orange-2) 100%);
  --mi-grad-hover: linear-gradient(135deg, #ef7d00 0%, #e22c00 100%);

  --mi-orange: #fb6100;
  --mi-orange-hover: #e35100;
  --mi-black: #000000;
  --mi-white: #ffffff;

  /* Açık zeminde hiyerarşi: yalnızca opaklık, asla gri renk kodu */
  --mi-ink-1: rgba(0, 0, 0, 0.92);
  --mi-ink-2: rgba(0, 0, 0, 0.66);
  --mi-ink-3: rgba(0, 0, 0, 0.46);
  --mi-line: rgba(0, 0, 0, 0.12);
  --mi-line-strong: rgba(0, 0, 0, 0.2);

  /* Koyu zeminde hiyerarşi */
  --mi-paper-1: rgba(255, 255, 255, 0.92);
  --mi-paper-2: rgba(255, 255, 255, 0.62);
  --mi-paper-3: rgba(255, 255, 255, 0.4);
  --mi-line-dark: rgba(255, 255, 255, 0.14);

  --mi-r-sharp: 4px;   /* navbar, butonlar, form alanları */
  --mi-r-card: 4px;    /* kartlar (köşeli) */
  --mi-r-panel: 4px;   /* geniş paneller (köşeli) */

  --mi-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* ---- Tek yazi tipi : Onest -------------------------------------------
     Sitenin tamami tek aileye indirildi. Baslik / govde / etiket ayrimi
     artik yazi tipiyle degil agirlik, olcu ve harf araligiyla kuruluyor.
     Eski token adlari (--mi-font-baslik, --mi-mono, --font-primary) yerinde
     birakildi; onlarca kural bunlara bagli ve hepsi ayni aileyi gosteriyor. */
  --mi-font-baslik: 'Onest', system-ui, -apple-system, sans-serif;
  --mi-font-metin: 'Onest', system-ui, -apple-system, sans-serif;
  --mi-font: 'Onest', system-ui, -apple-system, sans-serif;
  --mi-mono: 'Onest', system-ui, -apple-system, sans-serif;

  /* ---- Mevcut temayı yeniden haritala (Family B: index, iletisim, ...) --- */
  --font-primary: var(--mi-font-metin);
  --bg: #ffffff;
  --bg-light: #fafaf9;
  --white: rgba(0, 0, 0, 0.92);
  --brand: #fc5200;
  --brand-red: #fc5200;
  --light-faded: rgba(0, 0, 0, 0.12);
  --dark-grey-1: #000000;
  --dark-grey-2: #050505;
  --text-muted: rgba(0, 0, 0, 0.58);
  --text-dark: rgba(0, 0, 0, 0.92);
  --text-dark-muted: rgba(0, 0, 0, 0.55);
}

/* ==========================================================================
   1. ZEMİN : yumuşak beyaz gradyan
   ========================================================================== */

html {
  background: #ffffff;
  scroll-padding-top: 120px;
}

body {
  background: radial-gradient(120% 80% at 50% 0%, #ffffff 0%, #fafaf9 55%, #f4f4f2 100%)
    no-repeat fixed !important;
  color: var(--mi-ink-1) !important;
  font-family: var(--mi-font) !important;
  font-weight: 300 !important;
  letter-spacing: -0.005em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   2. TİPOGRAFİ : ince metin, kontrollü başlık ölçeği
   ========================================================================== */

body,
p,
li,
span,
a,
td,
th,
label,
input,
textarea,
select,
button,
figcaption,
blockquote {
  font-family: var(--mi-font-metin) !important;
}

p,
li,
blockquote,
figcaption {
  font-weight: 300 !important;
  line-height: 1.75;
  text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--mi-font-baslik) !important;
  font-weight: 600 !important;
  letter-spacing: -0.032em !important;
  text-wrap: balance;
}

h1 {
  font-size: clamp(34px, 4.2vw, 56px) !important;
  line-height: 1.06 !important;
}

h2 {
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.1 !important;
}

h3 {
  font-size: clamp(19px, 1.6vw, 24px) !important;
  line-height: 1.25 !important;
}

h4 {
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

/* Referanstaki gibi dev display tipografisi kullanılmaz */
[class*='hero'] h1,
[class*='hero-title'],
.hero-title,
.page-title {
  font-size: clamp(34px, 4.2vw, 56px) !important;
  line-height: 1.06 !important;
  font-weight: 600 !important;
}

/* Etiketler: mono, küçük, geniş aralıklı */
.eyebrow,
.label,
.section-label,
.badge-label,
[class*='eyebrow'],
[class*='section-tag'],
[class*='kicker'] {
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

/* ==========================================================================
   3. RENK : turuncu tek vurgu, degrade yok
   ========================================================================== */

.gradient-text,
[class*='gradient-text'] {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: var(--mi-orange) !important;
  color: var(--mi-orange) !important;
}

.gradient-bg,
[class*='gradient-bg'] {
  background: var(--mi-grad) !important;
  color: #ffffff !important;
}

.gradient-bg:hover,
[class*='gradient-bg']:hover {
  background: var(--mi-grad-hover) !important;
  filter: none !important;
}

.text-accent,
.text-\[\#ff4d00\],
[style*='#e12401'],
[style*='#ff4d00'] {
  color: var(--mi-orange) !important;
}

/* ==========================================================================
   4. YÜZEN KÖŞELİ NAVBAR
   İki sayfa ailesi de aynı görünüme getirilir.
   ========================================================================== */

/* --- Family B (index, iletisim, kutuphane, kampus, uyelik-firsatlari,
       mi-lab, kurumsal/hakkimizda) : sticky <nav> --- */
body > nav {
  position: sticky !important;
  top: 16px !important;
  z-index: 200 !important;
  width: calc(100% - 40px) !important;
  max-width: 1560px !important;
  margin: 16px auto 0 !important;
  height: 68px !important;
  padding: 0 12px 0 20px !important;
  background: var(--mi-black) !important;
  border: 1px solid var(--mi-line-dark) !important;
  border-radius: var(--mi-r-sharp) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.16);
}

/* --- Family A (basvuru, kvkk, bilgi-bankasi/*, kurumsal/*, uyelik/*)
       : fixed <header id="header"> --- */
header#header {
  position: fixed !important;
  top: 16px !important;
  left: 20px !important;
  right: 20px !important;
  width: auto !important;
  max-width: 1560px !important;
  margin-inline: auto !important;
  background: var(--mi-black) !important;
  border: 1px solid var(--mi-line-dark) !important;
  border-bottom: 1px solid var(--mi-line-dark) !important;
  border-radius: var(--mi-r-sharp) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.16);
  overflow: visible !important;
}

header#header > div {
  height: 68px !important;
  min-height: 68px !important;
  padding-left: 20px !important;
  padding-right: 12px !important;
  max-width: none !important;
}

/* Navbar içi tipografi: cümle düzeni, ölçülü aralık */
body > nav a,
body > nav button,
header#header nav a,
header#header nav button {
  font-family: var(--mi-font) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -0.005em !important;
  text-transform: none !important;
  border-radius: var(--mi-r-sharp) !important;
}

body > nav .dropdown-btn,
body > nav .nav-links a,
header#header nav > a,
header#header nav button {
  color: var(--mi-paper-2) !important;
}

body > nav .dropdown-btn:hover,
body > nav .nav-links a:hover,
header#header nav > a:hover,
header#header nav button:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

/* Logo kilidi */
body > nav .logo-img,
header#header img {
  border-radius: var(--mi-r-sharp) !important;
}

body > nav .logo-text,
header#header span {
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
}

/* Dropdown yüzeyleri: net siyah, blur yok */
.dropdown-menu {
  background: var(--mi-black) !important;
  border: 1px solid var(--mi-line-dark) !important;
  border-radius: 6px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3) !important;
}

.dropdown-menu a {
  border-radius: 3px !important;
  color: var(--mi-paper-2) !important;
  font-weight: 400 !important;
}

.dropdown-menu a:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  color: var(--mi-orange) !important;
}

/* Sayfa içeriği yüzen navbar'ın altında kalmasın */
header#header ~ main,
header#header ~ section:first-of-type,
header#header + section,
header#header + main {
  padding-top: 24px;
}

/* ==========================================================================
   5. BUTONLAR : köşeli, üç varyant
   ========================================================================== */

a[class*='btn'],
button[class*='btn'],
.btn,
.button,
.cta,
input[type='submit'],
button[type='submit'],
.gradient-bg,
a[class*='rounded-full'],
button[class*='rounded-full'] {
  border-radius: var(--mi-r-sharp) !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  transition: background-color 0.22s var(--mi-ease), color 0.22s var(--mi-ease),
    border-color 0.22s var(--mi-ease) !important;
}

/* Birincil */
.btn-primary,
.btn--primary,
a.btn-orange,
.gradient-bg {
  background: var(--mi-grad) !important;
  border: 1px solid var(--mi-orange) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.btn-primary:hover,
.btn--primary:hover,
a.btn-orange:hover,
.gradient-bg:hover {
  background: var(--mi-grad-hover) !important;
  border-color: var(--mi-orange-hover) !important;
  transform: none !important;
}

/* İkincil */
.btn-secondary,
.btn--secondary,
.btn-outline {
  background: transparent !important;
  border: 1px solid var(--mi-line-strong) !important;
  color: var(--mi-ink-1) !important;
}

.btn-secondary:hover,
.btn--secondary:hover,
.btn-outline:hover {
  background: var(--mi-black) !important;
  border-color: var(--mi-black) !important;
  color: #ffffff !important;
}

/* Navbar butonları da köşeli */
header#header a[class*='px-4'],
header#header a[class*='px-3'],
body > nav a[class*='nav-cta'],
body > nav .nav-cta {
  border-radius: var(--mi-r-sharp) !important;
}

/* ==========================================================================
   6. YÜZEYLER : yumuşak kartlar, gölgesiz, net çizgiler
   ========================================================================== */

[class*='card'],
[class*='panel'],
article[class*='rounded'],
.rounded-2xl,
.rounded-3xl,
.rounded-xl {
  border-radius: var(--mi-r-card) !important;
  box-shadow: none !important;
}

.rounded-lg,
.rounded-md,
.rounded {
  border-radius: 6px !important;
}

/* Ayırıcılar 1px ve net */
hr,
[class*='divider'],
[class*='separator'] {
  border: 0 !important;
  border-top: 1px solid var(--mi-line) !important;
  background: none !important;
}

/* Cam efekti ve parlama yok */
[style*='backdrop-filter'],
[class*='glass'],
[class*='blur'] {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[class*='glow'],
[class*='shadow-2xl'],
[class*='shadow-xl'] {
  box-shadow: none !important;
}

/* ==========================================================================
   7. FORM ALANLARI
   ========================================================================== */

input:not([type='checkbox']):not([type='radio']),
textarea,
select {
  border-radius: var(--mi-r-sharp) !important;
  border: 1px solid var(--mi-line-strong) !important;
  background: #ffffff !important;
  color: var(--mi-ink-1) !important;
  font-weight: 300 !important;
  transition: border-color 0.22s var(--mi-ease) !important;
}

input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: var(--mi-orange) !important;
  box-shadow: none !important;
}

::placeholder {
  color: var(--mi-ink-3) !important;
  font-weight: 300 !important;
}

:focus-visible {
  outline: 2px solid var(--mi-orange) !important;
  outline-offset: 3px !important;
}

/* ==========================================================================
   8. KOYU BÖLÜMLER : saf siyah + ince gren
   ========================================================================== */

[style*='background:#000'],
[style*='background: #000'],
[style*='background:#020202'],
.bg-deep,
.bg-black {
  background: var(--mi-black) !important;
  color: var(--mi-paper-1) !important;
}

/* ==========================================================================
   9. BAĞLANTILAR
   ========================================================================== */

a {
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  transition: color 0.22s var(--mi-ease);
}

/* ==========================================================================
   10. HAREKET
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ==========================================================================
   11. MOBİL
   ========================================================================== */

@media (max-width: 768px) {
  body > nav {
    width: calc(100% - 24px) !important;
    margin: 12px auto 0 !important;
    top: 12px !important;
    height: 60px !important;
    padding: 0 8px 0 14px !important;
  }

  header#header {
    top: 12px !important;
    left: 12px !important;
    right: 12px !important;
  }

  header#header > div {
    height: 60px !important;
    min-height: 60px !important;
    padding-left: 14px !important;
    padding-right: 8px !important;
  }
}

/* ==========================================================================
   12. KOYU YÜZEYLER
   Tema açığa çevrildi, ancak bu yüzeyler bilinçli olarak siyah kalır
   (referanstaki koyu bölümler gibi). Uzun seçici listesi yerine
   değişkenler bu kapsayıcıların içinde yeniden tanımlanır; böylece
   var(--white) kullanan tüm alt öğeler otomatik olarak açık renge döner.
   ========================================================================== */

body > nav,
.mobile-menu,
.footer,
.section-cta,
.section-research,
.section-why,
.section-focus,
.careers-section,
.faq-section,
.award-card,
.knowledge-card,
.testimonial-card,
.career-card,
.story-card,
.benefit-card,
.focus-card,
.faq-contact-card,
.panel-overlay {
  --white: rgba(255, 255, 255, 0.92);
  --text-muted: rgba(255, 255, 255, 0.58);
  --text-dark: rgba(255, 255, 255, 0.92);
  --text-dark-muted: rgba(255, 255, 255, 0.55);
  --light-faded: rgba(255, 255, 255, 0.14);
  --bg: #000000;
  --bg-light: #0a0a0a;

  background-color: var(--mi-black) !important;
  border-color: var(--mi-line-dark) !important;
  color: var(--mi-paper-1) !important;
}

/* Koyu yüzeylerde başlık ve gövde */
.footer h2, .footer h3, .footer h4,
.section-cta h2, .section-cta h3,
.section-research h2, .section-research h3,
.section-why h2, .section-why h3,
.section-focus h2, .section-focus h3,
.careers-section h2, .careers-section h3,
.faq-section h2, .faq-section h3 {
  color: var(--mi-paper-1) !important;
}

.footer p, .footer li,
.section-cta p,
.section-research p,
.section-why p,
.section-focus p,
.careers-section p,
.faq-section p {
  color: var(--mi-paper-2) !important;
}

/* Koyu yüzeylerdeki bağlantılar */
.footer a,
.section-cta a:not([class*="btn"]):not([class*="cta"]),
.careers-section a:not([class*="btn"]) {
  color: var(--mi-paper-2) !important;
}

.footer a:hover,
.section-cta a:not([class*="btn"]):hover,
.careers-section a:not([class*="btn"]):hover {
  color: var(--mi-orange) !important;
}

/* Koyu yüzeylerdeki kart ve giriş alanları */
.footer input,
.footer textarea,
.section-cta input,
.newsletter-input {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--mi-line-dark) !important;
  color: #ffffff !important;
}

.footer ::placeholder,
.newsletter-input::placeholder {
  color: var(--mi-paper-3) !important;
}

/* Navbar CTA */
body > nav .btn-demo,
body > nav .nav-cta,
body > nav a[class*="btn"] {
  color: #ffffff !important;
  font-weight: 500 !important;
}

.arrow-circle {
  background: var(--mi-grad) !important;
  border-radius: var(--mi-r-sharp) !important;
}

.arrow-circle svg {
  stroke: #ffffff !important;
}

body > nav .nav-right > span[style] {
  color: #ffffff !important;
}

body > nav .nav-right > span[style] a {
  color: #ffffff !important;
}

/* Mobil menü */
.mobile-menu a {
  color: #ffffff !important;
  font-weight: 400 !important;
}

.mobile-menu a:hover {
  color: var(--mi-orange) !important;
}

/* Koyu bölümlerdeki birincil buton beyaz kalır, turuncu vurgu korunur */
.section-cta [class*="btn"],
.section-why [class*="btn"],
.faq-section [class*="btn"] {
  color: #ffffff !important;
}

/* ==========================================================================
   13. HERO : dengeli, sakin, referanstaki gibi kontrollü
   ========================================================================== */

.hero {
  min-height: auto !important;
  justify-content: flex-start !important;
  padding: clamp(72px, 9vw, 128px) clamp(20px, 4vw, 48px) clamp(80px, 8vw, 112px) !important;
}

.hero-content {
  padding-top: 0 !important;
  max-width: 1560px;
  margin-inline: auto;
  width: 100%;
}

.hero-cta {
  align-items: flex-start !important;
  padding-bottom: 0 !important;
  margin-top: clamp(28px, 3vw, 44px) !important;
  max-width: 1560px;
  margin-inline: auto;
  width: 100%;
}

.hero-cta .subtitle {
  color: var(--mi-ink-2) !important;
  font-size: clamp(15px, 1.3vw, 18px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.005em !important;
  margin-bottom: 28px !important;
  max-width: 52ch;
}

/* Arka plan halkaları: açık zeminde çok ince, tek turuncu vurgu */
.hero-bg {
  opacity: 0.55 !important;
}

.hero-bg line,
.hero-bg circle {
  stroke: rgba(0, 0, 0, 0.07) !important;
}

.hero-bg line.arc-tick {
  stroke: rgba(0, 0, 0, 0.16) !important;
}

.hero-bg line.arc-tick-white {
  stroke: rgba(251, 97, 0, 0.42) !important;
}

/* ==========================================================================
   14. KELİME ŞERİDİ (marquee) : açık zeminde okunur, sakin
   ========================================================================== */

.press-section {
  background: transparent !important;
  border-top: 1px solid var(--mi-line) !important;
  border-bottom: 1px solid var(--mi-line) !important;
}

.marquee-item {
  color: var(--mi-ink-3) !important;
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.16em !important;
}

.marquee-item .dot {
  background: var(--mi-grad) !important;
}

/* ==========================================================================
   15. BRAND FINANCE REFERANSI : palet dışına çıkmasın
   ========================================================================== */

.bf-logo,
.bf-logo svg,
.bf-logo path,
.bf-logo g {
  fill: var(--mi-ink-1) !important;
  color: var(--mi-ink-1) !important;
}

.bf-divider {
  background: var(--mi-line-strong) !important;
}

.bf-ref {
  color: var(--mi-ink-3) !important;
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
}

.tag,
p.tag {
  color: var(--mi-orange) !important;
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

/* Bölüm başlıklarında vurgulu bölüm turuncu değil siyah kalsın,
   turuncu yalnızca noktasal vurgu olarak kullanılır */
h2 strong {
  font-weight: 600 !important;
  color: inherit !important;
}

/* ==========================================================================
   16. BÜLTEN ALANI (koyu footer içinde)
   ========================================================================== */

.newsletter-input {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--mi-line-dark) !important;
  border-radius: var(--mi-r-sharp) !important;
  overflow: hidden;
}

.newsletter-input input,
.footer input[type='email'],
.footer input[type='text'] {
  background: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
  font-weight: 300 !important;
}

.newsletter-input input::placeholder {
  color: var(--mi-paper-3) !important;
}

.newsletter-input .mail-icon svg {
  stroke: var(--mi-paper-3) !important;
}

.newsletter-input .submit-btn,
.footer .submit-btn {
  background: var(--mi-grad) !important;
  border: 0 !important;
  border-radius: var(--mi-r-sharp) !important;
  color: #ffffff !important;
}

.newsletter-input .submit-btn svg,
.footer .submit-btn svg {
  stroke: #ffffff !important;
}

.newsletter-terms {
  color: var(--mi-paper-3) !important;
  font-family: var(--mi-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
}

.footer .col-title {
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  color: #ffffff !important;
}

/* ==========================================================================
   17. GRİ DİLİ KALDIR (Tailwind gray-* sınıfları)
   Hiyerarşi gri renk koduyla değil, siyah opaklığıyla kurulur.
   ========================================================================== */

.text-gray-900, .text-gray-800 { color: rgba(0,0,0,.92) !important; }
.text-gray-700, .text-gray-600 { color: rgba(0,0,0,.66) !important; }
.text-gray-500                 { color: rgba(0,0,0,.58) !important; }
.text-gray-400                 { color: rgba(0,0,0,.46) !important; }
.text-gray-300, .text-gray-200 { color: rgba(0,0,0,.38) !important; }

.bg-gray-50, .bg-gray-100      { background-color: #fafaf9 !important; }
.bg-gray-200, .bg-gray-300     { background-color: rgba(0,0,0,.06) !important; }
.bg-gray-800, .bg-gray-900     { background-color: #000000 !important; }

.border-gray-100,
.border-gray-200,
.border-gray-300               { border-color: rgba(0,0,0,.12) !important; }

/* Rozet ve etiketler köşeli + mono */
.inline-block.rounded-lg[class*='uppercase'][class*='tracking-widest'],
.inline-flex.rounded-full[class*='uppercase'] {
  border-radius: var(--mi-r-sharp) !important;
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
}

/* Yuvarlak avatar/ikon kutuları: köşeli sistem, gri değil */
.rounded-full.bg-gray-100,
.rounded-full.bg-gray-200 {
  background: rgba(0,0,0,.05) !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  color: rgba(0,0,0,.66) !important;
}

/* ==========================================================================
   18. ÖNCELİK SIRASI : koyu yüzeyler gri haritalamasını geçersiz kılar
   (bu blok dosyanın sonunda kalmalı)
   ========================================================================== */

header#header .text-gray-400,
header#header .text-gray-500,
header#header nav > a,
header#header nav button {
  color: rgba(255,255,255,.62) !important;
}

header#header .text-gray-400:hover,
header#header .text-gray-500:hover,
header#header nav > a:hover,
header#header nav button:hover {
  color: #ffffff !important;
}

header#header .text-gray-900,
header#header .text-white {
  color: #ffffff !important;
}

.footer .text-gray-400,
.footer .text-gray-500,
.mobile-menu .text-gray-400,
.section-cta .text-gray-400,
.section-cta .text-gray-500 {
  color: rgba(255,255,255,.62) !important;
}

.bg-gray-900 .text-gray-900,
.bg-gray-900 h2,
.bg-gray-900 h3,
.bg-gray-900 p {
  color: rgba(255,255,255,.92) !important;
}

/* ==========================================================================
   19. KÖŞELİ GEOMETRİ : header ile aynı dil, tüm bölüm ve kartlarda
   ========================================================================== */

.section-why,
.section-research,
.section-focus,
.section-cta,
.section-knowledge,
.careers-section,
.faq-section,
.press-section,
.testimonial-section,
[class*='card'],
[class*='panel'],
[class*='-inner'],
[class*='-wrapper'],
[class*='-box'],
.rounded,
.rounded-md,
.rounded-lg,
.rounded-xl,
.rounded-2xl,
.rounded-3xl {
  border-radius: var(--mi-r-sharp) !important;
}

/* Marka işareti dairesel kalır: sembolün kendi formu bozulmasın */
.logo-img,
.footer-logo img,
header#header img,
a.logo img {
  border-radius: 50% !important;
}

/* Baş harf / avatar daireleri de dairesel kalır */
.rounded-full.bg-gray-100,
.rounded-full.bg-gray-200,
[class*='avatar'] {
  border-radius: 50% !important;
}

/* ==========================================================================
   20. KAYAN ŞERİT : turuncu marka bandı
   ========================================================================== */

.press-section {
  background: var(--mi-grad) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
}

.marquee-item {
  color: #ffffff !important;
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
}

.marquee-item .dot {
  background: #ffffff !important;
  opacity: 0.55;
}

/* ==========================================================================
   21. "BAŞVURU YAPIN" BUTONU
   Buton siyah, içindeki kutu beyaz, ok siyah.
   Koyu bölümlerde görünür kalması için 1px beyaz hairline eklenir.
   ========================================================================== */

.btn-primary,
.btn-primary-gold,
.btn-cta-gold {
  background: var(--mi-black) !important;
  color: #ffffff !important;
  border: 1px solid var(--mi-black) !important;
  border-radius: var(--mi-r-sharp) !important;
  font-weight: 500 !important;
}

/* Kutu geometrisi yalnizca anasayfanin sayfa ici <style> blogunda tanimliydi;
   buton artik hakkimizda sayfasinda da kullaniliyor ve orada bicimsiz
   kaliyordu. Degerler anasayfadakiyle birebir ayni, orada bir sey degismez. */
.btn-primary-gold {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 5px 28px 5px 5px;
  font-size: 15px;
  text-decoration: none;
}

.btn-primary-gold .arrow-circle {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.btn-primary-gold .arrow-circle svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 640px) {
  .btn-primary-gold { font-size: 14px; }
  .btn-primary-gold .arrow-circle { width: 40px; height: 40px; }
}

/* Siyah bölümlerin üzerinde buton siyah kaldığı için ince beyaz çerçeve */
.section-why .btn-primary,
.section-why .btn-primary-gold,
.section-why .btn-cta-gold,
.section-cta .btn-primary,
.section-cta .btn-primary-gold,
.section-cta .btn-cta-gold,
.section-focus .btn-primary-gold,
.faq-section .btn-cta-gold {
  border-color: rgba(255, 255, 255, 0.28) !important;
}

/* İçindeki kutu beyaz, ok siyah */
.btn-primary .arrow-circle,
.btn-primary-gold .arrow-circle,
.btn-cta-gold .arrow-circle {
  background: #ffffff !important;
  border-radius: var(--mi-r-sharp) !important;
}

.btn-primary .arrow-circle svg,
.btn-primary-gold .arrow-circle svg,
.btn-cta-gold .arrow-circle svg {
  stroke: var(--mi-black) !important;
  color: var(--mi-black) !important;
}

/* Hover: turuncu vurgu yalnızca kutuda */
.btn-primary:hover,
.btn-primary-gold:hover,
.btn-cta-gold:hover {
  background: var(--mi-black) !important;
  border-color: var(--mi-orange) !important;
}

.btn-primary:hover .arrow-circle,
.btn-primary-gold:hover .arrow-circle,
.btn-cta-gold:hover .arrow-circle {
  background: var(--mi-grad) !important;
}

.btn-primary:hover .arrow-circle svg,
.btn-primary-gold:hover .arrow-circle svg,
.btn-cta-gold:hover .arrow-circle svg {
  stroke: #ffffff !important;
  color: #ffffff !important;
}

/* ==========================================================================
   22. DÜZELTME : arka planı var(--white) olan öğeler
   Bu değişken artık metin rengi (siyah). Arka plan olarak kullanıldığı
   yerlerde açık yüzey yeniden tanımlanır.
   ========================================================================== */

/* Hamburger çizgileri siyah navbar üzerinde beyaz kalmalı */
.hamburger span {
  background: #ffffff !important;
}

/* Açık bölümler: gövde gradyanı görünsün */
.page-hero,
.contact-section,
.opps-section,
.section-knowledge {
  background: transparent !important;
}

/* Açık kartlar */
.opp-card,
.mv-card {
  background: #ffffff !important;
  border: 1px solid var(--mi-line) !important;
  border-radius: var(--mi-r-sharp) !important;
  box-shadow: none !important;
  transition: border-color 0.22s var(--mi-ease), transform 0.22s var(--mi-ease) !important;
}

.opp-card:hover,
.mv-card:hover {
  border-color: var(--mi-black) !important;
  box-shadow: none !important;
  transform: translateY(-2px) !important;
}

.opp-card p,
.mv-card p {
  color: var(--mi-ink-2) !important;
  font-weight: 300 !important;
}

.mv-card h3,
.opp-card h3 {
  color: var(--mi-ink-1) !important;
}

/* ==========================================================================
   23. FIRSAT KARTLARI : siyah ikon kutusu, beyaz ikon
   ========================================================================== */

.opp-icon {
  width: 44px !important;
  height: 44px !important;
  background: var(--mi-black) !important;
  border-radius: var(--mi-r-sharp) !important;
  transition: background-color 0.22s var(--mi-ease) !important;
}

.opp-icon svg {
  stroke: #ffffff !important;
  color: #ffffff !important;
  fill: none !important;
}

.opp-card:hover .opp-icon {
  background: var(--mi-grad) !important;
}

.opp-num {
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  color: var(--mi-orange) !important;
}

.opps-title {
  color: var(--mi-ink-1) !important;
}

.opps-subtitle {
  color: var(--mi-ink-2) !important;
  font-weight: 300 !important;
}

/* ==========================================================================
   24. SONSUZ ŞERİT (infinite ribbon)
   Hero altındaki kayan şeridin yerine: ters yönde dönen iki bant.
   Turuncu + siyah, yalnızca palet renkleri.
   ========================================================================== */

@keyframes mi-ribbon-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@keyframes mi-ribbon-scroll-reverse {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

.press-section {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: clamp(56px, 7vw, 96px) 0 !important;
  overflow: hidden !important;
  position: relative;
}

.mi-ribbon {
  width: 112%;
  margin-left: -6%;
  overflow: hidden;
  transform: rotate(var(--ribbon-rotate, 0deg));
  padding: 13px 0;
}

.mi-ribbon + .mi-ribbon {
  margin-top: -14px;
}

.mi-ribbon--orange {
  background: var(--mi-grad);
  color: #ffffff;
}

.mi-ribbon--ink {
  background: var(--mi-black);
  color: #ffffff;
}

.mi-ribbon-track {
  display: flex;
  width: max-content;
  white-space: nowrap;
  animation: mi-ribbon-scroll 42s linear infinite;
}

.mi-ribbon-track--reverse {
  animation-name: mi-ribbon-scroll-reverse;
}

.mi-ribbon-item {
  display: inline-flex;
  align-items: center;
  gap: 22px;
  padding-right: 22px;
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  color: #ffffff !important;
  user-select: none;
}

.mi-ribbon-item .dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.5;
  display: inline-block;
}

/* Ekran okuyucular için tek okunur metin */
.mi-ribbon-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (prefers-reduced-motion: reduce) {
  .mi-ribbon-track {
    animation: none !important;
    transform: translateX(0) !important;
  }
}

/* ==========================================================================
   25. DİJİTAL EKOSİSTEM : logo şeridi
   Kaynak bileşendeki gökkuşağı degradeleri kaldırıldı; hover siyah dolgu,
   logo beyaza döner. Yalnızca palet renkleri.
   ========================================================================== */

@keyframes mi-logos-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.mi-logos {
  padding: clamp(72px, 8vw, 120px) 0;
  overflow: hidden;
}

.mi-logos-head {
  max-width: 1560px;
  margin: 0 auto clamp(36px, 4vw, 56px);
  padding: 0 clamp(20px, 4vw, 48px);
  display: grid;
  gap: 18px;
}

@media (min-width: 1024px) {
  .mi-logos-head {
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
    align-items: end;
    column-gap: 80px;
  }
  .mi-logos-head .tag { grid-column: 1 / -1; }
}

.mi-logos-head h2 {
  margin: 0;
  color: var(--mi-ink-1) !important;
}

.mi-logos-desc {
  margin: 0;
  max-width: 46ch;
  color: var(--mi-ink-2) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
  font-weight: 300 !important;
}

@media (min-width: 1024px) {
  .mi-logos-desc { justify-self: end; }
}

.mi-logos-viewport {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
}

.mi-logos-track {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 12px;
  padding: 0 6px;
  animation: mi-logos-scroll 52s linear infinite;
}

.mi-logos-viewport:hover .mi-logos-track,
.mi-logos-viewport:focus-within .mi-logos-track {
  animation-play-state: paused;
}

.mi-logo {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  height: 78px;
  padding: 0 30px;
  flex-shrink: 0;
  white-space: nowrap;
  background: #ffffff;
  border: 1px solid var(--mi-line);
  border-radius: var(--mi-r-sharp);
  transition: background-color 0.22s var(--mi-ease), border-color 0.22s var(--mi-ease),
    transform 0.22s var(--mi-ease);
}

.mi-logo img {
  height: 24px;
  width: auto;
  flex-shrink: 0;
  transition: filter 0.22s var(--mi-ease);
}

.mi-logo-name {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--mi-ink-1);
  transition: color 0.22s var(--mi-ease);
}

/* Logolar saf siyah olduğu için invert tam beyaz verir */
.mi-logo:hover {
  background: var(--mi-black);
  border-color: var(--mi-black);
  transform: translateY(-1px);
}

.mi-logo:hover img { filter: invert(1); }
.mi-logo:hover .mi-logo-name { color: #ffffff; }

@media (prefers-reduced-motion: reduce) {
  .mi-logos-track { animation: none !important; }
}

/* ==========================================================================
   26. KAMPÜS TEMSİLCİLİĞİ : minimal, premium, CSS ile hareket
   ========================================================================== */

/* Scroll ile açılma: yalnızca CSS, JS yok. Desteklemeyen tarayıcıda
   içerik doğrudan görünür kalır. */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .cap-card,
    .benefit-card,
    .stat-item,
    .mission-text {
      animation: mi-rise-in 0.7s var(--mi-ease) both;
      animation-timeline: view();
      animation-range: entry 0% cover 26%;
    }
  }
}

@keyframes mi-rise-in {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: none; }
}

/* Etiketler mono */
.hero-tag,
.mission-tag,
.benefits-tag {
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--mi-orange) !important;
}

.hero-desc,
.mission-text {
  color: var(--mi-ink-2) !important;
  font-weight: 300 !important;
}

/* İstatistik satırı: ince çizgiler, tabular rakam */
.stats-section {
  background: transparent !important;
}

.stat-item {
  border-top: 1px solid var(--mi-line) !important;
  padding-top: 18px !important;
}

.stat-num {
  font-variant-numeric: tabular-nums;
  font-weight: 600 !important;
  letter-spacing: -0.04em !important;
  color: var(--mi-ink-1) !important;
}

.stat-label {
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--mi-ink-3) !important;
}

/* Görev kartları */
.capabilities-section,
.benefits-section {
  background: transparent !important;
}

.cap-card {
  background: #ffffff !important;
  border: 1px solid var(--mi-line) !important;
  border-radius: var(--mi-r-sharp) !important;
  box-shadow: none !important;
  transition: border-color 0.22s var(--mi-ease), transform 0.22s var(--mi-ease) !important;
}

.cap-card:hover {
  border-color: var(--mi-black) !important;
  transform: translateY(-2px) !important;
}

.cap-icon {
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--mi-black) !important;
  border-radius: var(--mi-r-sharp) !important;
  transition: background-color 0.22s var(--mi-ease) !important;
}

.cap-icon svg {
  width: 20px !important;
  height: 20px !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
  fill: none !important;
}

.cap-card:hover .cap-icon {
  background: var(--mi-grad) !important;
}

.cap-title {
  color: var(--mi-ink-1) !important;
  font-weight: 600 !important;
}

.cap-card p {
  color: var(--mi-ink-2) !important;
}

/* Avantaj kartları koyu kalır, ikonları beyaz */
.benefit-card svg {
  stroke: #ffffff !important;
  color: #ffffff !important;
}

.benefit-card {
  border-radius: var(--mi-r-sharp) !important;
  transition: border-color 0.22s var(--mi-ease), transform 0.22s var(--mi-ease) !important;
}

.benefit-card:hover {
  border-color: var(--mi-orange) !important;
  transform: translateY(-2px) !important;
}

.benefits-title,
.cap-title {
  text-wrap: balance;
}

/* cap-footer bir etiket değil, destekleyici cümledir */
.cap-footer {
  font-family: var(--mi-font) !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  letter-spacing: -0.005em !important;
  text-transform: none !important;
  color: var(--mi-ink-2) !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--mi-line) !important;
  border-radius: 0 !important;
  max-width: 62ch;
  margin-inline: auto !important;
  padding-top: 22px !important;
  line-height: 1.75 !important;
}

/* Uzun başlıklar okunur ölçüde kalsın */
.benefits-title,
.mission-text,
.opps-title,
.opps-subtitle {
  max-width: 24ch;
  margin-inline: auto !important;
}

.mission-text,
.opps-subtitle {
  max-width: 58ch;
}

/* ==========================================================================
   27. AÇIK ZEMİN
   Gövde daha once yukaridan asagi kirik beyaza inen bir gradyanla
   boyaniyordu; sayfanin alt yarisi grilesiyordu. Zemin artik duz beyaz,
   acik bolumler seffaf kaldigi icin dikis izi de olusmuyor.
   ========================================================================== */

body {
  background: #ffffff !important;
  background-image: none !important;
}

/* Açık bölümler kendi zeminini boyamaz, gövde gradyanı görünür */
.section-community,
.section-mission,
.section-testimonials,
.section-knowledge,
.section-mv,
.section-stats,
.capabilities-section,
.benefits-section,
.mission-section,
.stats-section,
.opps-section,
.page-hero,
.contact-section,
.hero,
.press-section,
.mi-logos {
  background: transparent !important;
  background-image: none !important;
}

/* Bölüm sınırları renk dikişiyle değil, ince çizgiyle kurulur */
.section-community,
.section-testimonials,
.section-knowledge,
.section-mv,
.capabilities-section,
.benefits-section,
.opps-section {
  border-top: 1px solid var(--mi-line);
}

/* Koyu bölümlerin kenarında yumuşak geçiş olmasın: net kesim */
.section-why,
.section-cta,
.section-focus,
.careers-section,
.faq-section,
.footer {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* ==========================================================================
   28. FAALİYET EKOSİSTEMİ : kompakt, premium, CSS hareketli
   ========================================================================== */

.section-research {
  padding: clamp(56px, 6vw, 88px) clamp(20px, 4vw, 56px) !important;
  border-radius: var(--mi-r-sharp) !important;
  max-width: 1560px;
  margin-inline: auto !important;
}

/* Dış sarmalayıcının fazladan boşluğunu kıs */
.section-research:only-child,
div:has(> .section-research) {
  padding-top: clamp(24px, 3vw, 40px) !important;
  padding-bottom: clamp(24px, 3vw, 40px) !important;
}

.section-research .tag-bar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}

.section-research .accent-line {
  width: 28px !important;
  height: 1px !important;
  background: var(--mi-grad) !important;
  border-radius: 0 !important;
}

.section-research .tag-text {
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--mi-paper-2) !important;
}

.section-research h2 {
  max-width: 22ch !important;
  margin: 0 0 clamp(28px, 3.5vw, 44px) !important;
  color: var(--mi-paper-1) !important;
}

/* Satır mimarisi: kart değil, ince çizgili kayıt */
.research-features {
  display: grid !important;
  gap: 0 !important;
  border-top: 1px solid var(--mi-line-dark) !important;
}

.research-feature {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 20px !important;
  padding: 22px 0 !important;
  border-bottom: 1px solid var(--mi-line-dark) !important;
  transition: padding-left 0.28s var(--mi-ease) !important;
}

@media (min-width: 900px) {
  .research-feature {
    grid-template-columns: 44px minmax(0, 5fr) minmax(0, 7fr) !important;
    column-gap: 32px !important;
    align-items: center !important;
  }
  .research-feature > div {
    display: contents;
  }
}

.research-feature:hover {
  padding-left: 10px !important;
}

.research-feature .icon-star {
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--mi-line-dark) !important;
  border-radius: var(--mi-r-sharp) !important;
  background: transparent !important;
  transition: background-color 0.22s var(--mi-ease), border-color 0.22s var(--mi-ease) !important;
}

.research-feature .icon-star svg {
  width: 19px !important;
  height: 19px !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
  fill: none !important;
  stroke-width: 1.5 !important;
}

.research-feature:hover .icon-star {
  background: var(--mi-grad) !important;
  border-color: var(--mi-orange) !important;
}

.research-feature h4 {
  margin: 0 !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  color: var(--mi-paper-1) !important;
}

.research-feature p {
  margin: 6px 0 0 !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
  color: var(--mi-paper-2) !important;
}

@media (min-width: 900px) {
  .research-feature p { margin-top: 0 !important; }
}

/* Scroll ile kademeli açılma (yalnızca CSS) */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .research-feature {
      animation: mi-rise-in 0.6s var(--mi-ease) both;
      animation-timeline: view();
      animation-range: entry 0% cover 24%;
    }
  }
}

/* ==========================================================================
   29. ÇERÇEVELİ BÖLÜM ETİKETLERİ
   "SINIRLARI AŞAN BİR MARKA ZİHNİYETİ", "FAALİYET EKOSİSTEMİ" gibi
   bölüm adları ince çerçeve içine alınır.
   ========================================================================== */

.tag,
p.tag,
.hero-tag,
.mission-tag,
.benefits-tag,
.opps-tag,
.section-research .tag-bar {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 7px 14px !important;
  border: 1px solid var(--mi-line) !important;
  border-radius: var(--mi-r-sharp) !important;
  background: transparent !important;
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--mi-ink-2) !important;
  line-height: 1 !important;
  width: auto !important;
  max-width: max-content !important;
  margin-bottom: 22px !important;
}

/* Turuncu işaret */
.tag::before,
.hero-tag::before,
.mission-tag::before,
.benefits-tag::before {
  content: '';
  width: 14px;
  height: 1px;
  background: var(--mi-grad);
  flex-shrink: 0;
}

/* Koyu bölümlerde çerçeve açık renk */
.section-why .tag,
.section-research .tag-bar,
.section-cta .tag,
.section-focus .tag,
.faq-section .tag,
.careers-section .tag {
  border-color: var(--mi-line-dark) !important;
  color: var(--mi-paper-2) !important;
}

/* Ortalanmış bölümlerde etiket de ortalansın */
.mi-logos-head .tag { justify-self: start; }
.benefits-section .benefits-tag,
.capabilities-section .tag,
.opps-section .tag { margin-inline: auto !important; }

/* ==========================================================================
   30. "SINIRLARI AŞAN BİR MARKA ZİHNİYETİ" BÖLÜMÜ
   Daha kompakt, daha premium, CSS ile kademeli hareket.
   ========================================================================== */

.section-why {
  padding: clamp(56px, 6vw, 88px) clamp(20px, 4vw, 56px) !important;
  border-radius: var(--mi-r-sharp) !important;
  max-width: 1560px;
  margin-inline: auto !important;
}

.section-why-grid {
  gap: clamp(32px, 4vw, 72px) !important;
  align-items: start !important;
}

/* Tek satirda kalsin */
.section-why h2 {
  max-width: none !important;
  white-space: nowrap !important;
  margin-bottom: clamp(24px, 3vw, 36px) !important;
}

/* Dar ekranda tek satir sigmiyor ve sayfaya yatay kaydirma bindiriyordu:
   basligi sutun genisligine gore olcekle, satiri bolme. */
@media (max-width: 900px) {
  .section-why h2 {
    font-size: min(28px, 4.9vw) !important;
  }
}

/* Değer satırları: kart değil, ince çizgili kayıt */
.value-item {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  column-gap: 16px !important;
  align-items: start !important;
  padding: 18px 0 !important;
  border-top: 1px solid var(--mi-line-dark) !important;
  transition: padding-left 0.28s var(--mi-ease) !important;
}

.value-item:last-of-type {
  border-bottom: 1px solid var(--mi-line-dark) !important;
}

.value-item:hover {
  padding-left: 8px !important;
}

.value-item .icon-star {
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--mi-line-dark) !important;
  border-radius: var(--mi-r-sharp) !important;
  background: transparent !important;
  transition: background-color 0.22s var(--mi-ease), border-color 0.22s var(--mi-ease) !important;
}

.value-item .icon-star svg {
  width: 17px !important;
  height: 17px !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
  fill: none !important;
  stroke-width: 1.5 !important;
}

.value-item:hover .icon-star {
  background: var(--mi-grad) !important;
  border-color: var(--mi-orange) !important;
}

.value-item h4 {
  margin: 0 0 5px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--mi-paper-1) !important;
}

.value-item p {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
  color: var(--mi-paper-2) !important;
}

.why-footer-text {
  margin: clamp(24px, 3vw, 34px) 0 22px !important;
  max-width: 58ch !important;
  font-size: 15px !important;
  color: var(--mi-paper-2) !important;
}

/* İstatistik ızgarası: kompakt, tabular, çerçeveli */
.awards-grid {
  gap: 10px !important;
}

.award-card {
  padding: 22px 20px !important;
  border: 1px solid var(--mi-line-dark) !important;
  border-radius: var(--mi-r-sharp) !important;
  background: transparent !important;
  transition: border-color 0.22s var(--mi-ease), transform 0.22s var(--mi-ease) !important;
}

.award-card:hover {
  border-color: var(--mi-orange) !important;
  transform: translateY(-2px) !important;
}

.award-num {
  font-variant-numeric: tabular-nums !important;
  font-size: clamp(26px, 2.4vw, 34px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.04em !important;
  line-height: 1 !important;
  color: var(--mi-paper-1) !important;
}

.award-label {
  margin-top: 10px !important;
  font-family: var(--mi-mono) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--mi-paper-3) !important;
  line-height: 1.5 !important;
}

/* Kademeli scroll hareketi */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .value-item,
    .award-card {
      animation: mi-rise-in 0.6s var(--mi-ease) both;
      animation-timeline: view();
      animation-range: entry 0% cover 22%;
    }
  }
}

/* ==========================================================================
   31. BRAND FINANCE REFERANSI : yalnızca logo ve kaynak notu
   ========================================================================== */

.section-mission {
  padding: clamp(40px, 5vw, 64px) clamp(20px, 4vw, 56px) !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  max-width: 1560px;
  margin-inline: auto !important;
  border-top: 1px solid var(--mi-line);
  border-bottom: 1px solid var(--mi-line);
}

.section-mission > div:first-child {
  display: inline-flex !important;
  align-items: center !important;
  gap: 18px !important;
}

.section-mission svg {
  height: 26px !important;
  width: auto !important;
}

.bf-divider {
  width: 1px !important;
  height: 20px !important;
  background: var(--mi-line-strong) !important;
  display: inline-block !important;
}

.bf-ref {
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--mi-ink-3) !important;
}

/* ==========================================================================
   32. DÜZELTMELER : etiket çizgisi yok, başlıklar saf renk
   ========================================================================== */

/* Etiketlerin yanındaki uzun çizgi kaldırıldı */
.tag::before,
.hero-tag::before,
.mission-tag::before,
.benefits-tag::before,
.eyebrow::before {
  content: none !important;
}

.section-research .accent-line,
.accent-line {
  display: none !important;
}

/* Başlıklar gri değil: açık zeminde saf siyah, koyu zeminde saf beyaz */
h1, h2, h3, h4, h5, h6 {
  color: #000000 !important;
}

.section-why h1, .section-why h2, .section-why h3, .section-why h4,
.section-cta h1, .section-cta h2, .section-cta h3, .section-cta h4,
.section-research h2, .section-research h3, .section-research h4,
.section-focus h2, .section-focus h3, .section-focus h4,
.careers-section h2, .careers-section h3, .careers-section h4,
.faq-section h2, .faq-section h3, .faq-section h4,
.footer h2, .footer h3, .footer h4,
.award-card h3, .award-card h4,
.knowledge-card h3, .knowledge-card h4,
.benefit-card h3, .benefit-card h4,
.career-card h3, .career-card h4,
.story-card h3, .story-card h4,
.focus-card h3, .focus-card h4,
.testimonial-card h3, .testimonial-card h4,
.faq-contact-card h3, .faq-contact-card h4,
.value-item h4,
.research-feature h4 {
  color: #ffffff !important;
}

/* ==========================================================================
   33. MARKA ZİHNİYETİ BÖLÜMÜ : rakamlar kaldırıldı, iki sütunlu kayıt
   ========================================================================== */

.section-why-grid {
  display: block !important;
}

.section-why-left {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

.section-why-left > h2 {
  max-width: 22ch !important;
  margin-bottom: clamp(28px, 3.5vw, 44px) !important;
}

@media (min-width: 900px) {
  .section-why-left > .value-item {
    grid-column: span 1;
  }
  .section-why-left {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: clamp(32px, 4vw, 64px) !important;
  }
  .section-why-left > h2,
  .section-why-left > .why-footer-text,
  .section-why-left > a {
    grid-column: 1 / -1;
  }
}

.section-why-left > a {
  justify-self: start;
}

/* ==========================================================================
   34. TOPLULUK BÖLÜMÜ : kompakt, öğrenciye yönelik, hareketli
   ========================================================================== */

.section-community {
  padding: clamp(64px, 7vw, 104px) clamp(20px, 4vw, 56px) !important;
  text-align: center !important;
  max-width: 1560px;
  margin-inline: auto !important;
}

.community-heading {
  max-width: 20ch !important;
  margin: 0 auto clamp(28px, 3vw, 40px) !important;
  font-size: clamp(28px, 3.4vw, 44px) !important;
  line-height: 1.08 !important;
  color: #000000 !important;
}

.community-heading span[style] {
  font-weight: 300 !important;
  color: var(--mi-ink-2) !important;
}

.community-btn-wrap {
  display: flex !important;
  justify-content: center !important;
}

/* Öğrenci CTA'sı dikkat çeksin: turuncu */
.btn-community {
  background: var(--mi-grad) !important;
  border: 1px solid var(--mi-orange) !important;
  color: #ffffff !important;
  border-radius: var(--mi-r-sharp) !important;
  font-weight: 500 !important;
}

.btn-community .arrow-circle {
  background: #ffffff !important;
  border-radius: var(--mi-r-sharp) !important;
}

.btn-community .arrow-circle svg {
  stroke: var(--mi-orange) !important;
  color: var(--mi-orange) !important;
}

.btn-community:hover {
  background: var(--mi-grad-hover) !important;
  border-color: var(--mi-orange-hover) !important;
}

/* Scroll ile açılma */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .community-heading,
    .community-btn-wrap {
      animation: mi-rise-in 0.7s var(--mi-ease) both;
      animation-timeline: view();
      animation-range: entry 0% cover 28%;
    }
    .community-btn-wrap { animation-delay: 0.06s; }
  }
}

/* ==========================================================================
   35. FOOTER FİLİGRANI : biraz daha görünür, yine çok hafif
   ========================================================================== */

.footer-watermark .watermark-text {
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.13) !important;
  color: transparent !important;
}

/* Başlıkta hiyerarşi gri renkle değil, yalnızca ağırlık farkıyla kurulur */
.community-heading span[style],
h1 span[style*='font-weight'],
h2 span[style*='font-weight'] {
  color: #000000 !important;
  font-weight: 300 !important;
}

.section-why h2 span[style],
.section-cta h2 span[style],
.section-research h2 span[style] {
  color: #ffffff !important;
}

.btn-community {
  padding: 10px 22px 10px 10px !important;
  font-size: 15px !important;
}

/* ==========================================================================
   36. FAALİYET EKOSİSTEMİ : boşluksuz, tek akışlı kayıt düzeni
   Başlık üstte, satırlar tam genişlikte. Sol sütunda boşluk kalmaz.
   ========================================================================== */

.section-research {
  display: block !important;
}

.section-research > * {
  grid-column: auto !important;
  grid-row: auto !important;
}

.section-research h2 {
  max-width: 26ch !important;
  margin: 0 0 clamp(28px, 3.5vw, 44px) !important;
}

.research-features {
  display: block !important;
  border-top: 1px solid var(--mi-line-dark) !important;
}

.research-feature {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  column-gap: 18px !important;
  row-gap: 6px !important;
  align-items: start !important;
  padding: 20px 0 !important;
}

@media (min-width: 860px) {
  .research-feature {
    grid-template-columns: 40px minmax(0, 4fr) minmax(0, 6fr) !important;
    column-gap: clamp(24px, 3vw, 48px) !important;
    align-items: center !important;
    padding: 22px 0 !important;
  }
}

.research-feature .icon-star {
  width: 40px !important;
  height: 40px !important;
}

.section-research > a {
  display: inline-flex !important;
  margin-top: clamp(28px, 3vw, 40px) !important;
}

/* Kademeli açılma */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .section-research h2,
    .research-feature,
    .section-research > a {
      animation: mi-rise-in 0.6s var(--mi-ease) both;
      animation-timeline: view();
      animation-range: entry 0% cover 22%;
    }
  }
}

/* Satırlar tam genişlikte aksın: sayfanın kendi 560px kısıtı kaldırıldı */
.research-features {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

/* ==========================================================================
   37. TOPLULUK GÖRSELİ : kenarlardan boşluklu, köşeli, tam genişlik bant
   Dosya yolu: assets/img/kampus.jpg
   ========================================================================== */

.community-visual {
  margin: clamp(28px, 3.5vw, 44px) clamp(20px, 4vw, 56px) clamp(28px, 3.5vw, 44px) !important;
  padding: 0 !important;
  overflow: hidden;
  border-radius: var(--mi-r-sharp);
  border: 1px solid var(--mi-line);
  background: #000000;
  line-height: 0;
}

.community-visual img {
  display: block;
  width: 100%;
  height: auto;
  max-height: clamp(220px, 34vw, 420px);
  object-fit: cover;
  object-position: center 58%;
  transform: scale(1.01);
  transition: transform 0.6s var(--mi-ease);
}

.community-visual:hover img {
  transform: scale(1.04);
}

/* Scroll ile açılma */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .community-visual {
      animation: mi-rise-in 0.75s var(--mi-ease) both;
      animation-timeline: view();
      animation-range: entry 0% cover 26%;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .community-visual img { transition: none !important; transform: none !important; }
}

/* picture sarmalayıcısı da blok akışında kalsın */
.community-visual picture {
  display: block;
  line-height: 0;
}

/* ==========================================================================
   38. TOPLULUK BÖLÜMÜ : başlıksız, görsel bölümü kaplar, üzerinde tek buton
   ========================================================================== */

.section-community {
  display: grid !important;
  grid-template-areas: 'stack' !important;
  place-items: center !important;
  padding: clamp(40px, 4.5vw, 72px) 0 !important;
}

.community-visual {
  grid-area: stack;
  width: 100%;
  margin: 0 clamp(20px, 4vw, 56px) !important;
  position: relative;
}

/* Butonun okunurluğu için düz koyu örtü (degrade değil) */
.community-visual::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.32);
  pointer-events: none;
}

.community-visual img {
  max-height: clamp(260px, 38vw, 460px) !important;
}

.community-btn-wrap {
  grid-area: stack;
  z-index: 2;
  position: relative;
}

.btn-community {
  padding: 14px 28px 14px 12px !important;
  font-size: 16px !important;
}

/* width:100% marjı geçersiz kılıyordu: ızgara hücresinde esnetip marj uygula */
.community-visual {
  width: auto !important;
  justify-self: stretch !important;
  align-self: stretch !important;
}

/* ==========================================================================
   39. FOOTER BAĞLANTI SÜTUNLARI : yalnızca bu blok beyaz panel
   Footer'ın geri kalanı (marka, bülten, alt bar, filigran) siyah kalır.
   ========================================================================== */

.footer-links {
  --white: rgba(0, 0, 0, 0.92);
  --text-muted: rgba(0, 0, 0, 0.58);
  --text-dark: rgba(0, 0, 0, 0.92);
  --light-faded: rgba(0, 0, 0, 0.12);

  background: #ffffff !important;
  color: var(--mi-ink-1) !important;
  border-radius: var(--mi-r-sharp) !important;
  padding: clamp(28px, 3.5vw, 44px) clamp(20px, 3vw, 40px) !important;
  margin: clamp(24px, 3vw, 40px) 0 !important;
}

.footer-links .col-title {
  color: var(--mi-ink-1) !important;
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.footer-links a {
  color: var(--mi-ink-2) !important;
  font-weight: 300 !important;
}

.footer-links a:hover {
  color: var(--mi-orange) !important;
}

.footer-links li,
.footer-links p,
.footer-links span {
  color: var(--mi-ink-2) !important;
}

.footer-links * {
  border-color: var(--mi-line) !important;
}

/* ==========================================================================
   40. KAPANIŞ CTA : beyaz zemin
   ========================================================================== */

.section-cta {
  --white: rgba(0, 0, 0, 0.92);
  --text-muted: rgba(0, 0, 0, 0.58);
  --text-dark: rgba(0, 0, 0, 0.92);
  --light-faded: rgba(0, 0, 0, 0.12);

  background-color: transparent !important;
  color: var(--mi-ink-1) !important;
  border-top: 1px solid var(--mi-line) !important;
}

.section-cta h1,
.section-cta h2,
.section-cta h3,
.section-cta h4 {
  color: #000000 !important;
}

.section-cta h2 span[style] {
  color: #000000 !important;
}

.section-cta p {
  color: var(--mi-ink-2) !important;
}

.section-cta a:not([class*='btn']) {
  color: var(--mi-ink-2) !important;
}

/* Buton: siyah gövde, beyaz kutu, siyah ok. Beyaz zeminde çerçeveye gerek yok */
.section-cta .btn-cta-gold,
.section-cta .btn-primary,
.section-cta .btn-primary-gold {
  border-color: var(--mi-black) !important;
}

/* ==========================================================================
   41. ÜYELİK FIRSATLARI : anasayfa estetiğiyle hizalı, premium, hareketli
   ========================================================================== */

.uyelik-firsatlari .page-hero,
.page-hero {
  padding: clamp(56px, 6vw, 96px) clamp(20px, 4vw, 56px) clamp(40px, 4vw, 64px) !important;
  max-width: 1560px;
  margin-inline: auto !important;
}

.hero-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(20px, 3vw, 40px) !important;
  align-items: end !important;
}

@media (min-width: 1000px) {
  .hero-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr) !important;
    column-gap: clamp(40px, 5vw, 80px) !important;
  }
  .hero-desc { justify-self: end; max-width: 42ch; }
}

.page-hero h1 {
  max-width: 20ch !important;
  margin: 0 !important;
}

/* Manifesto cümlesi */
.mission-section {
  padding: clamp(48px, 5.5vw, 80px) clamp(20px, 4vw, 56px) !important;
  max-width: 1560px;
  margin-inline: auto !important;
  border-top: 1px solid var(--mi-line);
  text-align: center;
}

.mission-text {
  max-width: 30ch !important;
  margin: 18px auto 0 !important;
  font-size: clamp(20px, 2.2vw, 30px) !important;
  font-weight: 400 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.03em !important;
  color: #000000 !important;
}

/* Fırsat ızgarası: sıkı, çerçeveli, kademeli */
.opps-section {
  padding: clamp(56px, 6vw, 96px) clamp(20px, 4vw, 56px) !important;
  max-width: 1560px;
  margin-inline: auto !important;
  border-top: 1px solid var(--mi-line);
}

.opps-title {
  max-width: 20ch !important;
  margin: 18px auto 12px !important;
  text-align: center;
}

.opps-subtitle {
  text-align: center;
  margin-bottom: clamp(32px, 4vw, 52px) !important;
}

.opps-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 10px !important;
}

.opp-card {
  padding: 24px 22px !important;
  gap: 12px !important;
}

.opp-card p {
  font-size: 14px !important;
  line-height: 1.65 !important;
}

/* Alıntı bloğu */
.quote-section {
  padding: clamp(48px, 5.5vw, 80px) clamp(20px, 4vw, 56px) !important;
  max-width: 1560px;
  margin-inline: auto !important;
  border-top: 1px solid var(--mi-line);
  text-align: center;
}

.quote-section p,
.quote-section h2 {
  max-width: 34ch !important;
  margin-inline: auto !important;
}

/* Kademeli scroll hareketi */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .opp-card,
    .mission-text,
    .quote-section > * {
      animation: mi-rise-in 0.6s var(--mi-ease) both;
      animation-timeline: view();
      animation-range: entry 0% cover 20%;
    }
  }
}

/* ==========================================================================
   42. İLETİŞİM SAYFASI : gri yüzeyler ve bozuk öğeler
   ========================================================================== */

/* Bilgi kartları: gri wash yerine beyaz + hairline */
.info-card {
  background: #ffffff !important;
  border: 1px solid var(--mi-line) !important;
  border-radius: var(--mi-r-sharp) !important;
  padding: 22px !important;
  transition: border-color 0.22s var(--mi-ease), transform 0.22s var(--mi-ease) !important;
}

.info-card:hover {
  border-color: var(--mi-black) !important;
  transform: translateY(-2px) !important;
}

/* İkon kutusu: siyah, beyaz ikon (site geneliyle aynı) */
.info-card .info-icon {
  width: 40px !important;
  height: 40px !important;
  background: var(--mi-black) !important;
  border: 0 !important;
  border-radius: var(--mi-r-sharp) !important;
  transition: background-color 0.22s var(--mi-ease) !important;
}

.info-card .info-icon svg {
  width: 17px !important;
  height: 17px !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
}

.info-card:hover .info-icon {
  background: var(--mi-grad) !important;
}

.info-card h3 {
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--mi-ink-3) !important;
  margin-bottom: 8px !important;
}

.info-card p,
.info-card a {
  font-size: 15px !important;
  font-weight: 300 !important;
  color: var(--mi-ink-1) !important;
}

.info-card a:hover {
  color: var(--mi-orange) !important;
}

/* Sosyal bağlantılar: köşeli çip */
.social-links a {
  border-radius: var(--mi-r-sharp) !important;
  border: 1px solid var(--mi-line) !important;
  color: var(--mi-ink-2) !important;
  font-weight: 500 !important;
  padding: 7px 14px !important;
}

.social-links a:hover {
  background: var(--mi-black) !important;
  border-color: var(--mi-black) !important;
  color: #ffffff !important;
}

/* Gönder butonu: siyah gövde, beyaz metin */
.btn-submit,
.contact-form button[type='submit'],
.contact-form .submit-btn {
  background: var(--mi-black) !important;
  border: 1px solid var(--mi-black) !important;
  border-radius: var(--mi-r-sharp) !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  padding: 15px 26px !important;
  width: auto !important;
}

.btn-submit:hover,
.contact-form button[type='submit']:hover {
  background: var(--mi-grad) !important;
  border-color: var(--mi-orange) !important;
}

.btn-submit svg,
.contact-form button[type='submit'] svg {
  stroke: #ffffff !important;
  color: #ffffff !important;
}

/* Form etiketleri */
.form-group label,
.contact-form label {
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--mi-ink-3) !important;
}

/* Kariyer kartları: saf siyah, net çerçeve */
.career-card {
  background: var(--mi-black) !important;
  border: 1px solid var(--mi-line-dark) !important;
  border-radius: var(--mi-r-sharp) !important;
  transition: border-color 0.22s var(--mi-ease), transform 0.22s var(--mi-ease) !important;
}

.career-card:hover {
  border-color: var(--mi-orange) !important;
  transform: translateY(-2px) !important;
}

/* "AÇIK POZİSYON" rozeti: çamurlu tint yerine turuncu hairline */
.career-tag {
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  border: 1px solid rgba(251, 97, 0, 0.55) !important;
  border-radius: var(--mi-r-sharp) !important;
  padding: 6px 12px !important;
  font-family: var(--mi-mono) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--mi-orange) !important;
}

.career-en {
  color: var(--mi-paper-3) !important;
  font-style: normal !important;
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
}

.career-desc {
  color: var(--mi-paper-2) !important;
  font-weight: 300 !important;
}

.career-link {
  color: #ffffff !important;
  font-weight: 500 !important;
}

.career-link:hover {
  color: var(--mi-orange) !important;
}

/* Ok düğmeleri köşeli */
.careers-arrows button,
.careers-arrows a {
  border-radius: var(--mi-r-sharp) !important;
  border: 1px solid var(--mi-line-dark) !important;
  background: transparent !important;
  color: #ffffff !important;
}

.careers-arrows button:hover {
  background: var(--mi-grad) !important;
  border-color: var(--mi-orange) !important;
}

/* Sayfa etiketi noktası */
.tag-dot {
  background: var(--mi-grad) !important;
}

/* Family A sayfalarındaki footer bağlantı ızgarası da beyaz panel */
.mi-footer-links {
  background: #ffffff !important;
  color: var(--mi-ink-1) !important;
  border-radius: var(--mi-r-sharp) !important;
  padding: clamp(28px, 3.5vw, 44px) clamp(20px, 3vw, 40px) !important;
  margin-bottom: clamp(24px, 3vw, 40px) !important;
}

.mi-footer-links h4,
.mi-footer-links .text-white,
.mi-footer-links span {
  color: var(--mi-ink-1) !important;
}

.mi-footer-links h4 {
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.mi-footer-links a,
.mi-footer-links .text-gray-500,
.mi-footer-links p {
  color: var(--mi-ink-2) !important;
  font-weight: 300 !important;
}

.mi-footer-links a:hover {
  color: var(--mi-orange) !important;
}

.mi-footer-links .text-accent {
  color: var(--mi-orange) !important;
}

/* ==========================================================================
   43. KAPANIŞ CTA : sol mesaj, sağ istatistik ızgarası
   Rakamlar sitenin kendi mevcut verileri, uydurma metrik yok.
   ========================================================================== */

.section-cta .cta-inner {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(32px, 4vw, 64px) !important;
  align-items: center !important;
  max-width: 1560px;
  margin-inline: auto !important;
  padding: clamp(56px, 6vw, 96px) clamp(20px, 4vw, 56px) !important;
  text-align: left !important;
}

@media (min-width: 1000px) {
  .section-cta .cta-inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
}

.cta-lead h2 {
  max-width: 18ch !important;
  margin: 0 0 clamp(24px, 3vw, 34px) !important;
}

.cta-lead .btn-cta-gold {
  display: inline-flex !important;
  margin: 0 !important;
}

.cta-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.cta-stat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 26px;
  padding: 22px 20px;
  background: #ffffff;
  border: 1px solid var(--mi-line);
  border-radius: var(--mi-r-sharp);
  transition: border-color 0.22s var(--mi-ease), transform 0.22s var(--mi-ease);
}

.cta-stat:hover {
  border-color: var(--mi-black);
  transform: translateY(-2px);
}

.cta-stat-icon {
  width: 16px;
  height: 16px;
  color: var(--mi-orange);
}

.cta-stat-num {
  margin: 0 !important;
  font-variant-numeric: tabular-nums;
  font-size: clamp(28px, 2.6vw, 38px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.04em !important;
  line-height: 1 !important;
  color: #000000 !important;
}

.cta-stat-label {
  margin: 0 !important;
  font-family: var(--mi-mono) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--mi-ink-3) !important;
  line-height: 1.5 !important;
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .cta-stat {
      animation: mi-rise-in 0.6s var(--mi-ease) both;
      animation-timeline: view();
      animation-range: entry 0% cover 22%;
    }
  }
}

/* CTA artık beyaz zeminde: etiket koyu olmalı */
.section-cta .tag {
  border-color: var(--mi-line) !important;
  color: var(--mi-ink-2) !important;
}

/* Gradyan boyanamazsa diye katı yedek zemin */
body {
  background-color: #ffffff !important;
}

/* ==========================================================================
   44. KOYU YÜZEYLERDE METİN GÖRÜNÜRLÜĞÜ (Family A)
   "Başlıklar saf siyah" kuralı, siyah footer ve koyu panellerde metni
   görünmez kılıyordu. Bu blok dosyanın sonunda kalmalı.
   ========================================================================== */

footer,
footer p,
footer li,
footer span,
footer div,
[style*='background:#000'],
[style*='background: #000'],
.bg-gray-900,
.bg-gray-800 {
  color: rgba(255, 255, 255, 0.62) !important;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
[style*='background:#000'] h1,
[style*='background:#000'] h2,
[style*='background:#000'] h3,
[style*='background:#000'] h4,
.bg-gray-900 h1, .bg-gray-900 h2, .bg-gray-900 h3, .bg-gray-900 h4 {
  color: #ffffff !important;
}

footer a:not([class*='btn']),
[style*='background:#000'] a:not([class*='btn']),
.bg-gray-900 a:not([class*='btn']) {
  color: rgba(255, 255, 255, 0.62) !important;
}

footer a:not([class*='btn']):hover,
[style*='background:#000'] a:not([class*='btn']):hover,
.bg-gray-900 a:not([class*='btn']):hover {
  color: var(--mi-orange) !important;
}

[style*='background:#000'] p,
.bg-gray-900 p {
  color: rgba(255, 255, 255, 0.62) !important;
}

/* Logo kilidi siyah zeminde beyaz */
footer .text-white,
header#header .text-white,
footer [class*='font-bold'] {
  color: #ffffff !important;
}

footer .text-accent,
[style*='background:#000'] .text-accent {
  color: var(--mi-orange) !important;
}

/* ---- İSTİSNA: footer içindeki BEYAZ paneller koyu metin kullanır ---- */
.footer-links,
.footer-links *,
.mi-footer-links,
.mi-footer-links * {
  color: var(--mi-ink-2) !important;
}

.footer-links h2, .footer-links h3, .footer-links h4, .footer-links .col-title,
.mi-footer-links h2, .mi-footer-links h3, .mi-footer-links h4,
.mi-footer-links .text-white, .mi-footer-links span {
  color: var(--mi-ink-1) !important;
}

.footer-links a:hover,
.mi-footer-links a:hover,
.mi-footer-links .text-accent,
.footer-links .text-accent {
  color: var(--mi-orange) !important;
}

/* ==========================================================================
   45. KAPANIŞ CTA : topluluk yorumları (kompakt, dar, premium)
   ========================================================================== */

.section-cta .cta-inner {
  grid-template-columns: 1fr !important;
  max-width: 1180px !important;
  align-items: start !important;
}

@media (min-width: 1000px) {
  .section-cta .cta-inner {
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) !important;
    column-gap: clamp(40px, 5vw, 72px) !important;
  }
}

.cta-quotes {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 480px;
}

.cta-quote {
  margin: 0;
  padding: 18px 20px;
  background: #ffffff;
  border: 1px solid var(--mi-line);
  border-radius: var(--mi-r-sharp);
  transition: border-color 0.22s var(--mi-ease), transform 0.22s var(--mi-ease);
}

.cta-quote:hover {
  border-color: var(--mi-black);
  transform: translateY(-2px);
}

.cta-quote blockquote {
  margin: 0 0 14px;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.65 !important;
  color: var(--mi-ink-1) !important;
  text-wrap: pretty;
}

.cta-quote figcaption {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid var(--mi-line);
}

.cta-quote figcaption img {
  width: 34px;
  height: 34px;
  border-radius: var(--mi-r-sharp);
  flex-shrink: 0;
}

.cta-quote figcaption > span {
  display: flex;
  flex-direction: column;
  line-height: 1.35;
}

.cta-quote-name {
  font-size: 13px;
  font-weight: 500;
  color: var(--mi-ink-1);
}

.cta-quote-role {
  font-family: var(--mi-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mi-ink-3);
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .cta-quote {
      animation: mi-rise-in 0.6s var(--mi-ease) both;
      animation-timeline: view();
      animation-range: entry 0% cover 22%;
    }
  }
}

/* ==========================================================================
   46. ÜYE YORUMLARI : yatay kayan şerit, hafif gölge
   ========================================================================== */

@keyframes mi-quotes-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.section-quotes {
  padding: clamp(56px, 6vw, 96px) 0 clamp(56px, 6vw, 88px) !important;
  overflow: hidden;
}

.section-quotes .cta-inner { display: none !important; }

.quotes-head {
  max-width: 1560px;
  margin: 0 auto clamp(28px, 3.5vw, 44px);
  padding: 0 clamp(20px, 4vw, 56px);
}

.quotes-head .tag {
  margin-bottom: 0 !important;
}

.quotes-viewport {
  width: 100%;
  overflow: hidden;
  padding: 12px 0 20px;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
}

.quotes-track {
  display: flex;
  width: max-content;
  align-items: stretch;
  gap: 14px;
  padding: 0 7px;
  animation: mi-quotes-scroll 68s linear infinite;
}

.quotes-viewport:hover .quotes-track,
.quotes-viewport:focus-within .quotes-track {
  animation-play-state: paused;
}

.q-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  width: 400px;
  flex-shrink: 0;
  margin: 0;
  padding: 26px 26px 22px;
  background: #ffffff;
  border: 1px solid var(--mi-line);
  border-radius: var(--mi-r-sharp);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07);
  transition: box-shadow 0.28s var(--mi-ease), transform 0.28s var(--mi-ease),
    border-color 0.28s var(--mi-ease);
}

.q-card:hover {
  border-color: rgba(0, 0, 0, 0.22);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.12);
  transform: translateY(-3px);
}

.q-card blockquote {
  margin: 0;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
  color: var(--mi-ink-1) !important;
  text-wrap: pretty;
}

.q-card figcaption {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid var(--mi-line);
}

.q-card figcaption img {
  width: 38px;
  height: 38px;
  border-radius: var(--mi-r-sharp);
  flex-shrink: 0;
}

.q-card figcaption > span {
  display: flex;
  flex-direction: column;
  line-height: 1.4;
}

.q-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--mi-ink-1);
}

.q-role {
  font-family: var(--mi-mono);
  font-size: 10px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--mi-ink-3);
}

.quotes-cta {
  display: flex;
  justify-content: center;
  margin-top: clamp(28px, 3.5vw, 44px);
  padding: 0 clamp(20px, 4vw, 56px);
}

@media (max-width: 640px) {
  .q-card { width: 300px; padding: 22px 20px 18px; }
  .q-card blockquote { font-size: 14px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .quotes-track { animation: none !important; }
  .quotes-viewport { overflow-x: auto; }
}

/* 3 benzersiz yorum var: kart genişliği artırılarak tekrar görüş alanı
   dışına itiliyor. Yeni yorum eklendikçe bu genişlik düşürülebilir. */
@media (min-width: 900px) {
  .q-card { width: 462px; }
}

/* ==========================================================================
   47. BEYAZ FOOTER PANELİ : özgüllük düzeltmesi
   "footer a:not([class*=btn])" (0,1,1) önceki istisnayı (0,1,0) eziyordu.
   Bu blok dosyanın en sonunda kalmalı.
   ========================================================================== */

footer .footer-links a,
footer .footer-links li,
footer .footer-links p,
footer .footer-links span,
footer .mi-footer-links a,
footer .mi-footer-links li,
footer .mi-footer-links p,
footer .mi-footer-links span {
  color: var(--mi-ink-2) !important;
}

footer .footer-links a:hover,
footer .mi-footer-links a:hover {
  color: var(--mi-orange) !important;
}

footer .footer-links .col-title,
footer .footer-links h2,
footer .footer-links h3,
footer .footer-links h4,
footer .mi-footer-links h2,
footer .mi-footer-links h3,
footer .mi-footer-links h4,
footer .mi-footer-links .text-white {
  color: var(--mi-ink-1) !important;
}

footer .footer-links .text-accent,
footer .mi-footer-links .text-accent {
  color: var(--mi-orange) !important;
}

/* ==========================================================================
   48. FAALİYET EKOSİSTEMİ ile FOOTER arasındaki beyaz şerit
   Bölümü saran div'in alt dolgusu, iki siyah alan arasında gereksiz bir
   beyaz bant bırakıyordu. Panel artık footer'a bitişik.
   ========================================================================== */

div:has(> .section-research) {
  padding-bottom: 0 !important;
}

.section-research {
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* ==========================================================================
   49. İLETİŞİM SAYFASI : tek hizalama ekseni
   Hero ortalıydı, H1'in max-width'i kutuyu sola itiyordu ve hiçbiri
   aşağıdaki 1100px form ızgarasıyla hizalı değildi. Artık etiket, başlık,
   paragraf ve form aynı sol kenardan başlıyor.
   ========================================================================== */

body:has(.contact-section) .page-hero {
  text-align: left !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: max(20px, (100% - 1100px) / 2) !important;
  padding-bottom: clamp(36px, 4vw, 56px) !important;
}

body:has(.contact-section) .page-hero .tag {
  margin: 0 0 24px !important;
}

body:has(.contact-section) .page-hero h1 {
  max-width: 18ch !important;
  margin: 0 0 18px !important;
}

body:has(.contact-section) .page-hero .intro {
  max-width: 62ch !important;
  margin: 0 !important;
  color: var(--mi-ink-2) !important;
}

/* Etiketin içinde zaten nokta varsa, çerçeveli etiketin çizgisini gösterme */
.tag:has(.tag-dot)::before {
  display: none !important;
}

.tag-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--mi-grad) !important;
  flex-shrink: 0;
}

/* Sağ sütun kartları: form ile aynı ritim, eşit aralık */
.contact-info {
  gap: 10px !important;
}

.info-card {
  background: #ffffff !important;
  border: 1px solid var(--mi-line) !important;
  border-radius: var(--mi-r-sharp) !important;
  padding: 22px !important;
  transition: border-color 0.22s var(--mi-ease) !important;
}

.info-card:hover {
  border-color: var(--mi-black) !important;
}

/* ==========================================================================
   50. FOOTER BAĞLANTI PANELİ : siyaha geri dönüş
   ========================================================================== */

.footer-links,
.mi-footer-links {
  --white: rgba(255, 255, 255, 0.92);
  --text-muted: rgba(255, 255, 255, 0.58);
  --text-dark: rgba(255, 255, 255, 0.92);
  --light-faded: rgba(255, 255, 255, 0.14);

  background: transparent !important;
  color: var(--mi-paper-1) !important;
  border-radius: 0 !important;
  padding-inline: 0 !important;
}

footer .footer-links a,
footer .footer-links li,
footer .footer-links p,
footer .footer-links span,
footer .mi-footer-links a,
footer .mi-footer-links li,
footer .mi-footer-links p,
footer .mi-footer-links span {
  color: var(--mi-paper-2) !important;
}

footer .footer-links a:hover,
footer .mi-footer-links a:hover {
  color: var(--mi-orange) !important;
}

footer .footer-links .col-title,
footer .footer-links h2,
footer .footer-links h3,
footer .footer-links h4,
footer .mi-footer-links h2,
footer .mi-footer-links h3,
footer .mi-footer-links h4 {
  color: #ffffff !important;
}

/* ==========================================================================
   51. FOOTER FİLİGRANI : her sayfada aynı
   ========================================================================== */

.footer-watermark {
  overflow: hidden;
  height: clamp(64px, 14vw, 200px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: clamp(12px, 2vw, 24px);
  pointer-events: none;
}

.footer-watermark .watermark-text {
  font-family: var(--mi-font) !important;
  font-weight: 800 !important;
  font-size: clamp(64px, 15vw, 230px) !important;
  letter-spacing: clamp(6px, 1vw, 15px) !important;
  line-height: 1 !important;
  text-transform: uppercase;
  color: transparent !important;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.07);
  user-select: none;
  white-space: nowrap;
}

/* ==========================================================================
   52. FOOTER : .text-white özgüllük düzeltmesi
   "footer .mi-footer-links .text-white" (0,2,1) başlık kuralını (0,1,2)
   eziyor ve siyah zeminde siyah metin bırakıyordu. Bu blok en sonda kalmalı.
   ========================================================================== */

footer .footer-links h4.text-white,
footer .mi-footer-links h4.text-white,
footer .footer-links .text-white,
footer .mi-footer-links .text-white,
footer h4.text-white,
footer span.text-white {
  color: #ffffff !important;
}

footer .footer-links .text-gray-500,
footer .mi-footer-links .text-gray-500,
footer .footer-links .text-gray-400,
footer .mi-footer-links .text-gray-400,
footer .text-gray-500,
footer .text-gray-600 {
  color: rgba(255, 255, 255, 0.58) !important;
}

footer .text-white\/30,
footer .mi-footer-links .text-white\/30 {
  color: rgba(255, 255, 255, 0.3) !important;
}

/* ==========================================================================
   53. BAŞLIKLARDA GRİ GÖRÜNÜM YOK
   .muted gibi sınıflar siyahın %58'i olduğu için başlık içinde gri gibi
   okunuyordu. Başlıkta hiyerarşi opaklıkla değil, yazı kalınlığıyla kurulur:
   metin tam siyah (koyu bölümde tam beyaz) kalır, incelik weight ile gelir.
   ========================================================================== */

h1 .muted,
h2 .muted,
h3 .muted,
h4 .muted,
h1 [class*='muted'],
h2 [class*='muted'],
h3 [class*='muted'],
h4 [class*='muted'],
.page-hero h1 span,
.community-heading span,
.opps-title span,
.benefits-title span {
  color: inherit !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Turuncu vurgu başlıklarda korunur */
h1 .gold,
h2 .gold,
h3 .gold,
h1 .text-accent,
h2 .text-accent,
h1 .gradient-text,
h2 .gradient-text {
  color: var(--mi-orange) !important;
  -webkit-text-fill-color: var(--mi-orange) !important;
}

/* ==========================================================================
   54. TÜM BAŞLIKLAR TAM RENK
   Başlık ve alt öğelerinde düşük opaklık gri izlenimi veriyordu.
   var(--white) koyu bölümlerde beyaza, açık bölümlerde siyaha çözülür.
   ========================================================================== */

h1, h2, h3, h4,
h1 span, h2 span, h3 span, h4 span,
h1 strong, h2 strong, h3 strong, h4 strong,
h1 em, h2 em, h3 em, h4 em,
h1 b, h2 b, h3 b, h4 b {
  color: var(--white) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Turuncu vurgular korunur (bu blok en sonda kalmalı) */
h1 .gold, h2 .gold, h3 .gold,
h1 .text-accent, h2 .text-accent, h3 .text-accent,
h1 .gradient-text, h2 .gradient-text, h3 .gradient-text,
h1 [style*="e12401"], h2 [style*="e12401"],
h1 [style*="ff4d00"], h2 [style*="ff4d00"] {
  color: var(--mi-orange) !important;
  -webkit-text-fill-color: var(--mi-orange) !important;
}

/* Sınıflı alt öğeler (.text-gray-*, .muted) başlık kuralını eziyordu.
   [class] niteleyicisi özgüllüğü 0,1,1'e çıkarır. */
h1 *[class], h2 *[class], h3 *[class], h4 *[class] {
  color: var(--white) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Turuncu vurgular en sonda yeniden onaylanır */
h1 .gold, h2 .gold, h3 .gold,
h1 .text-accent, h2 .text-accent, h3 .text-accent, h4 .text-accent,
h1 .gradient-text, h2 .gradient-text, h3 .gradient-text {
  color: var(--mi-orange) !important;
  -webkit-text-fill-color: var(--mi-orange) !important;
}

/* ==========================================================================
   55. ETİKETLER TAM RENK
   Form ve kart etiketleri %46 siyahtı, gri gibi okunuyordu. Etiket sinyali
   zaten mono + büyük harf + harf aralığı ile veriliyor; renk tam kalır.
   ========================================================================== */

label,
.form-group label,
.info-card h3,
.info-card h4,
.stat-label,
.col-title,
.q-role,
.bf-ref,
.newsletter-terms,
.marquee-item,
.mi-ribbon-item {
  color: var(--white) !important;
  opacity: 1 !important;
}

/* Turuncu şerit üzerindeki metin beyaz kalır */
.mi-ribbon--orange .mi-ribbon-item,
.mi-ribbon--ink .mi-ribbon-item {
  color: #ffffff !important;
}

/* Sınıflı etiketler (.text-gray-500 vb.) kuralı eziyordu */
label[class],
form label[class],
.form-group label[class] {
  color: var(--white) !important;
  opacity: 1 !important;
}

/* ==========================================================================
   56. HAKKIMIZDA SAYFASI
   Mevcut tasarım sistemi korunur: siyah / beyaz / turuncu gradyan, köşeli geometri,
   mono çerçeveli etiketler, ince çizgi mimarisi, kontrollü tipografi.
   ========================================================================== */

.ab-intro,
.ab-mv,
.ab-focus,
.ab-ai,
.ab-who,
.ab-structure,
.ab-cta {
  max-width: 1560px;
  margin-inline: auto;
  padding: clamp(56px, 6vw, 104px) clamp(20px, 4vw, 56px);
}

/* Acik zeminli bolumler ince bir hatla ayrilir. .ab-structure bu listede
   yoktu ve tek basina ayirici cizgisiz kaliyordu. .ab-focus bilincli olarak
   disarida: siyah tam genislikte bir bolum, ayrimi rengin kendisi kuruyor. */
.ab-mv,
.ab-ai,
.ab-who,
.ab-structure,
.ab-cta {
  border-top: 1px solid var(--mi-line);
}

/* ---- 01 Giriş ---------------------------------------------------------- */

.ab-intro {
  padding-top: clamp(64px, 8vw, 128px);
}

.ab-intro h1 {
  max-width: 16ch;
  margin: 0 0 clamp(24px, 3vw, 36px);
}

/* Uyelik hero basligi tek satirda kalsin (masaustu + mobil).
   Yalnizca .mb-hero kapsaminda: ayni h1 kurali hakkimizda sayfasinda da
   kullaniliyor ve oradaki uzun baslik nowrap ile tasardi.
   Dar ekranda satir bolmek yerine baslik sutun genisligine gore olceklenir. */
.mb-hero h1 {
  max-width: none;
  white-space: nowrap;
  font-size: min(46px, 4.6vw) !important;
}

@media (max-width: 1100px) {
  .mb-hero h1 {
    font-size: min(46px, 5.2vw) !important;
  }
}

.ab-lead {
  max-width: 40ch;
  margin: 0 0 28px;
  font-size: clamp(18px, 1.7vw, 22px) !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.02em;
  color: var(--mi-ink-1) !important;
}

.ab-statement {
  display: inline-block;
  margin: 0 0 32px;
  padding: 10px 18px;
  border-left: 2px solid var(--mi-orange);
  font-size: clamp(16px, 1.5vw, 19px) !important;
  font-weight: 400 !important;
  font-style: italic;
  color: var(--mi-ink-1) !important;
}

.ab-body {
  max-width: 68ch;
  margin: 0;
  font-size: 16px !important;
  line-height: 1.85 !important;
}

/* ---- 02 Misyon ve Vizyon ----------------------------------------------- */

.ab-mv-grid {
  display: grid;
  gap: 12px;
  margin-top: clamp(28px, 3vw, 40px);
}

@media (min-width: 900px) {
  .ab-mv-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
}

.ab-mv-card {
  border: 1px solid var(--mi-line);
  border-radius: var(--mi-r-sharp);
  padding: clamp(26px, 3vw, 40px);
  transition: border-color 0.22s var(--mi-ease);
}

.ab-mv-card:hover { border-color: var(--mi-black); }

.ab-mv-card h2 {
  margin: 14px 0 18px;
  font-size: clamp(22px, 2vw, 28px) !important;
}

.ab-mv-card p {
  margin: 0 0 14px;
  max-width: 52ch;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

/* Son paragrafin alt bosluğu kartin ic dolgusuna ekleniyor ve ust/alt
   dengesini bozuyordu. */
.ab-mv-card p:last-child { margin-bottom: 0; }

.ab-mv-card p:last-child { margin-bottom: 0; }

.ab-num {
  display: block;
  font-family: var(--mi-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  color: var(--mi-orange) !important;
}

/* ---- 03 Stratejik odak alanları (siyah) -------------------------------- */

.ab-focus {
  --white: rgba(255, 255, 255, 0.92);
  --text-muted: rgba(255, 255, 255, 0.58);
  --light-faded: rgba(255, 255, 255, 0.14);
  background: var(--mi-black);
  color: var(--mi-paper-1);
  max-width: none;
  border-radius: 0;
}

.ab-focus > * { max-width: 1560px; margin-inline: auto; }

.ab-focus .tag { border-color: var(--mi-line-dark) !important; color: var(--mi-paper-2) !important; }

.ab-focus-head h2 { max-width: 20ch; margin: 0 0 16px; }

.ab-focus-lead {
  max-width: 56ch;
  margin: 0;
  color: var(--mi-paper-2) !important;
  font-size: 15px !important;
}

.ab-focus-grid {
  display: grid;
  gap: 0;
  margin-top: clamp(32px, 4vw, 52px);
  border-top: 1px solid var(--mi-line-dark);
}

@media (min-width: 760px) { .ab-focus-grid { grid-template-columns: 1fr 1fr; column-gap: 56px; } }
/* ---- Numara ------------------------------------------------------------ */

.mi-no {
  display: block;
  font-family: var(--mi-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1;
  color: var(--mi-ink-3);
  transition: color 200ms var(--mi-ease);
}

.mi-dark .mi-no { color: var(--mi-paper-3); }

/* Ozgullugu .mi-dark .mi-no (0,2,0) ile esitlenir; aksi halde color
   transparent ezilip numara ici bos degil dolu ciziliyordu. */
.mi-no--iri,
.mi-dark .mi-no--iri {
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 600;
  letter-spacing: -0.04em;
  color: transparent;
  -webkit-text-stroke: 1px var(--mi-paper-3);
  transition: -webkit-text-stroke-color 200ms var(--mi-ease);
}

/* ---- İkon -------------------------------------------------------------- */

.mi-ic {
  display: block;
  margin-top: 18px;
  color: var(--mi-ink-1);
  transition: color 200ms var(--mi-ease);
}

.mi-dark .mi-ic { color: var(--mi-paper-1); }

.mi-ic svg { width: 24px; height: 24px; display: block; }

.mi-cell-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.mi-cell-top .mi-ic { margin-top: 0; }

/* ---- Baslik ve metin --------------------------------------------------- */

.mi-cell h3 {
  margin: 18px 0 10px !important;
  font-size: clamp(16px, 1.5vw, 18px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
  line-height: 1.35 !important;
  color: var(--mi-ink-1) !important;
  transition: transform 200ms var(--mi-ease);
}

.mi-dark .mi-cell h3 { color: var(--mi-paper-1) !important; }

.mi-cell--iri h3 { font-size: clamp(18px, 1.8vw, 22px) !important; }

.mi-cell p {
  margin: 0 !important;
  max-width: 44ch;
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: var(--mi-ink-2) !important;
}

.mi-dark .mi-cell p { color: var(--mi-paper-2) !important; }

/* Kart icindeki liste maddeleri de koyu zemine gecmeli; karsiligi yoktu ve
   .mi-liste li acik zemin tokeniyle siyah kaldigi icin hic gorunmuyordu. */
.mi-dark .mi-liste li { color: var(--mi-paper-2) !important; }

/* ---- Kimler katilabilir: dizin listesi --------------------------------- */

.mi-liste {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 9px;
}

/* Madde isaretsiz: turuncu cizgiler kaldirildi, satirlar basligin
   sol kenariyla hizali akar. */
.mi-liste li {
  font-size: 14px;
  line-height: 1.6;
  color: var(--mi-ink-2);
}

/* ---- Etkilesim: sadece hover, blok yukselmez --------------------------- */

.mi-cell::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: var(--mi-grad);
  transition: width 220ms var(--mi-ease);
}

@media (min-width: 700px) {
  .mi-grid--2 > .mi-cell:not(:nth-child(2n + 1))::after,
  .mi-grid--3 > .mi-cell:not(:nth-child(3n + 1))::after { left: clamp(20px, 2.4vw, 32px); }
}

.mi-cell:hover::after { width: 42px; }
.mi-cell:hover .mi-no { color: var(--mi-orange); }
/* Iri numara hover'da da ici bos kalir; 52px'te dolu turuncu fazla baskin
   olur ve "kartin tamami turuncu olmasin" ilkesiyle celisir.
   .mi-cell:hover .mi-no (0,3,0) kuralini gecmek icin (0,4,0). */
.mi-dark .mi-cell:hover .mi-no--iri {
  color: transparent;
  -webkit-text-stroke-color: var(--mi-orange);
}
.mi-cell:hover .mi-ic { color: var(--mi-orange); }
.mi-cell:hover h3 { transform: translateX(1px); }

/* ---- Hareket tercihi --------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .mi-cell,
  .mi-no,
  .mi-ic,
  .mi-cell h3,
  .mi-cell::after { transition: none !important; }
  .mi-cell { opacity: 1 !important; transform: none !important; }
}





/* ==========================================================================
   79. HAKKINDA : hero'dan sonraki kurumsal manifesto bolumu
   Beyaz hero'nun ardindan tam genislikte siyah yuzey. Iki sutunlu
   editoryal izgara: solda etiket ve baslik, sagda tanim, destek metni,
   kimlik satiri ve metin bagi. Arkada cok dusuk opaklikta ekosistem agi.
   ========================================================================== */

.ha-sec {
  background: var(--mi-black);
  color: var(--mi-paper-1);
  padding: clamp(72px, 9vw, 132px) 0;
}

.ha-grid {
  max-width: 1560px;
  margin-inline: auto;
  padding-inline: clamp(20px, 4vw, 56px);
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(32px, 4vw, 56px);
}

@media (min-width: 1000px) {
  .ha-grid {
    grid-template-columns: 42fr 58fr;
    gap: clamp(48px, 6vw, 96px);
    align-items: start;
  }
}

/* Genis ekranda saga bir kolon daha acilir: baslik | metin | gorsel.
   Onceki iki kolonlu duzende sag kenarda ~160px'lik kullanilmayan bir
   serit kaliyordu; ekip gorseli o bosluga oturuyor. */
@media (min-width: 1280px) {
  .ha-grid {
    grid-template-columns: 30fr 45fr 25fr;
    gap: clamp(36px, 3.6vw, 68px);
    align-items: center;
  }
}

/* ---- Sol sutun --------------------------------------------------------- */

.ha-eyebrow {
  display: flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px !important;
  font-family: var(--mi-mono);
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  line-height: 1 !important;
  color: var(--mi-paper-2) !important;
}

.ha-kare {
  width: 7px;
  height: 7px;
  flex-shrink: 0;
  background: var(--mi-grad);
}

.ha-h2 {
  margin: 0 !important;
  max-width: 15ch;
  font-size: clamp(28px, 3.4vw, 46px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.035em;
  line-height: 1.12 !important;
  color: var(--mi-paper-1) !important;
}

/* h2 span ve h2 [class] kurallari rengi !important ile beyaza sabitliyor;
   ozgullugu yuksek secici ve !important ile turuncu one gecer. */
.ha-h2 .ha-vurgu { color: var(--mi-orange) !important; }

/* Baslik altinda olculu bir hat */
.ha-hat {
  display: block;
  width: 64px;
  height: 1px;
  margin-top: clamp(24px, 2.6vw, 34px);
  background: var(--mi-line-dark);
}

/* ---- Sag sutun --------------------------------------------------------- */

.ha-sag { position: relative; }

.ha-metin { position: relative; z-index: 1; }

.ha-tanim {
  margin: 0 0 20px !important;
  max-width: 46ch;
  font-size: clamp(18px, 1.7vw, 23px) !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.94) !important;
}

.ha-destek {
  margin: 0 0 clamp(28px, 3vw, 38px) !important;
  max-width: 56ch;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  color: var(--mi-paper-2) !important;
}

/* ---- Kimlik satiri ----------------------------------------------------- */

.ha-kimlik {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 0;
  margin: 0 0 clamp(28px, 3vw, 38px);
  padding: 0;
  list-style: none;
}

.ha-kimlik li {
  display: inline-flex;
  align-items: center;
  font-family: var(--mi-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.9);
}

/* Turuncu ayrac noktasi */
.ha-kimlik li + li::before {
  content: '';
  width: 4px;
  height: 4px;
  margin: 0 clamp(11px, 1.15vw, 16px);
  flex-shrink: 0;
  background: var(--mi-grad);
  border-radius: 50%;
}

/* ---- Metin bagi -------------------------------------------------------- */

.ha-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 500;
  color: var(--mi-paper-1) !important;
  text-decoration: none;
  transition: color 220ms var(--mi-ease);
}

.ha-cta span {
  position: relative;
  padding-bottom: 3px;
}

/* Alt cizgi soldan saga buyur */
.ha-cta span::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: var(--mi-grad);
  transition: width 240ms var(--mi-ease);
}

.ha-cta svg {
  width: 16px;
  height: 16px;
  transition: transform 240ms var(--mi-ease);
}

.ha-cta:hover { color: var(--mi-orange) !important; }
.ha-cta:hover span::after { width: 100%; }
.ha-cta:hover svg { transform: translateX(3px); }
.ha-cta:focus-visible { outline: 1px solid var(--mi-orange); outline-offset: 5px; }

/* ---- Ekosistem agi: tipografinin gerisinde, cok dusuk yogunluk --------- */

.ha-ag {
  position: absolute;
  top: 50%;
  right: -24px;
  width: 300px;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 0;
}

.ha-ag-svg { display: block; width: 100%; height: auto; }

.ha-ag-cizgi { stroke: rgba(255, 255, 255, 0.16); stroke-width: 1; fill: none; }
.ha-ag-nokta { fill: rgba(255, 255, 255, 0.28); }
.ha-ag-merkez { fill: var(--mi-orange); opacity: 0.55; }

/* Ag grafigi yalnizca 1000-1199px arasinda: altinda yer yok, ustunde
   yerini ekip gorseli aliyor. */
@media (max-width: 999px), (min-width: 1280px) {
  .ha-ag { display: none; }
}

/* ---- Ekip gorseli ------------------------------------------------------ */

.ha-gorsel {
  display: none;
  margin: 0;
}

@media (min-width: 1280px) {
  .ha-gorsel {
    display: block;
    justify-self: end;
    width: 100%;
    max-width: 340px;
  }
}

.ha-gorsel img {
  display: block;
  width: 100%;
  height: auto;
}

/* ---- Giris hareketi ---------------------------------------------------- */

.ha-eyebrow,
.ha-h2,
.ha-hat,
.ha-tanim,
.ha-destek,
.ha-kimlik li,
.ha-cta,
.ha-gorsel {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 520ms var(--mi-ease) var(--d, 0ms),
              transform 520ms var(--mi-ease) var(--d, 0ms);
}

.ha-eyebrow { transform: none; }
.ha-h2      { --d: 40ms; }
.ha-hat     { --d: 100ms; }
.ha-tanim   { --d: 80ms; }
.ha-destek  { --d: 140ms; }
.ha-kimlik li:nth-child(1) { --d: 200ms; }
.ha-kimlik li:nth-child(2) { --d: 260ms; }
.ha-kimlik li:nth-child(3) { --d: 320ms; }
.ha-cta     { --d: 380ms; }
.ha-gorsel  { --d: 160ms; }

.fade-section.visible .ha-eyebrow,
.fade-section.visible .ha-h2,
.fade-section.visible .ha-hat,
.fade-section.visible .ha-tanim,
.fade-section.visible .ha-destek,
.fade-section.visible .ha-kimlik li,
.fade-section.visible .ha-cta,
.fade-section.visible .ha-gorsel {
  opacity: 1;
  transform: none;
}

/* Ag cizgileri bir kez cizilir */
.ha-ag-cizgi line {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 900ms var(--mi-ease) 260ms;
}

.fade-section.visible .ha-ag-cizgi line { stroke-dashoffset: 0; }

@media (prefers-reduced-motion: reduce) {
  .ha-eyebrow, .ha-h2, .ha-hat, .ha-tanim, .ha-destek, .ha-kimlik li, .ha-cta, .ha-gorsel {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .ha-ag-cizgi line { stroke-dashoffset: 0 !important; transition: none !important; }
  .ha-cta, .ha-cta svg, .ha-cta span::after { transition: none !important; }
}


/* ==========================================================================
   80. GERİ YÜKLEME : anasayfa kurumsal bölümleri (kap ve ızgara)
   ========================================================================== */

.mi-what,
.mi-why-act,
.mi-who {
  max-width: 1560px;
  margin-inline: auto;
  padding: clamp(64px, 7vw, 112px) clamp(20px, 4vw, 56px);
}

.mi-what,
.mi-who { border-top: 1px solid var(--mi-line); }

.mi-sec-head { margin-bottom: clamp(32px, 4vw, 52px); }

.mi-eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 16px !important;
  padding: 7px 14px;
  border: 1px solid var(--mi-line);
  border-radius: var(--mi-r-sharp);
  font-family: var(--mi-mono);
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1;
  color: var(--mi-ink-3) !important;
}

.mi-dark .mi-eyebrow {
  border-color: var(--mi-line-dark);
  color: var(--mi-paper-2) !important;
}

.mi-sec-head h2 {
  margin: 0 !important;
  max-width: 24ch;
  color: var(--mi-ink-1) !important;
}

.mi-dark .mi-sec-head h2 { color: var(--mi-paper-1) !important; }

.mi-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid var(--mi-line);
}

.mi-dark .mi-grid { border-top-color: var(--mi-line-dark); }

@media (min-width: 700px) {
  .mi-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mi-grid--2 > .mi-cell,
  .mi-grid--3 > .mi-cell { padding-inline: clamp(20px, 2.4vw, 32px); border-left: 1px solid var(--mi-line); }
  .mi-dark .mi-grid > .mi-cell { border-left-color: var(--mi-line-dark); }
  .mi-grid--2 > .mi-cell:nth-child(2n + 1) { border-left: 0; padding-left: 0; }
}

@media (min-width: 1000px) {
  .mi-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mi-grid--3 > .mi-cell:nth-child(3n + 1) { border-left: 0; padding-left: 0; }
}

/* Hakkında bölümünün sol sütunu */
.ha-sol { min-width: 0; }


/* ==========================================================================
   81. GERİ YÜKLEME : SIK SORULAN SORULAR
   ========================================================================== */

.faq-section {
  padding: clamp(56px, 6vw, 88px) clamp(20px, 4vw, 56px) !important;
  border-radius: var(--mi-r-sharp) !important;
  max-width: 1560px;
  margin-inline: auto !important;
}

.mi-flush-bottom { padding-bottom: 0 !important; }

.faq-section .tag-bar {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 7px 14px !important;
  border: 1px solid var(--mi-line) !important;
  border-radius: var(--mi-r-sharp) !important;
  background: transparent !important;
  line-height: 1 !important;
  width: auto !important;
  max-width: max-content !important;
  margin-bottom: 22px !important;
}

.faq-section .accent-line {
  width: 28px !important;
  height: 1px !important;
  background: var(--mi-grad) !important;
  border-radius: 0 !important;
}

.faq-section .tag-text {
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--mi-ink-3) !important;
}

.faq-section h2 {
  max-width: none !important;
  white-space: nowrap !important;
  margin: 0 0 clamp(28px, 3.5vw, 44px) !important;
  color: var(--mi-ink-1) !important;
}

.faq-list { border-top: 1px solid var(--mi-line); }
.faq-item { border-bottom: 1px solid var(--mi-line); }

.faq-q {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: clamp(16px, 3vw, 40px);
  margin: 0;
  padding: 22px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-family: var(--mi-font) !important;
  font-size: clamp(15px, 1.5vw, 18px) !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
  text-transform: none !important;
  color: var(--mi-ink-1) !important;
  cursor: pointer;
  transition: padding-left 0.28s var(--mi-ease), color 0.28s var(--mi-ease);
}

.faq-q:hover { padding-left: 10px !important; color: var(--mi-black) !important; }
.faq-q:focus-visible { outline: 1px solid var(--mi-orange); outline-offset: 4px; }

.faq-icon {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  color: var(--mi-ink-3);
  transition: transform 0.32s var(--mi-ease), color 0.28s var(--mi-ease);
}

.faq-icon svg {
  width: 100%; height: 100%; display: block;
  fill: none; stroke: currentColor;
  stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
}

.faq-item[data-open='true'] .faq-icon { transform: rotate(180deg); color: var(--mi-orange); }

.faq-a {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.38s var(--mi-ease);
}

.faq-item[data-open='true'] .faq-a { grid-template-rows: 1fr; }
.faq-a > div { overflow: hidden; }

.faq-a p,
.faq-section p {
  margin: 0 !important;
  padding: 0 0 24px !important;
  max-width: 72ch;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: var(--mi-ink-2) !important;
}

/* SSS açık yüzey: 12. bölümdeki koyu liste bu bölümü siyaha çeviriyor */
.faq-section {
  --white: rgba(0, 0, 0, 0.92);
  --text-muted: rgba(0, 0, 0, 0.58);
  --light-faded: rgba(0, 0, 0, 0.12);
  --bg: #ffffff;
  background-color: var(--mi-white) !important;
  border-color: var(--mi-line) !important;
  color: var(--mi-ink-1) !important;
}

.faq-section h2, .faq-section h3 { color: var(--mi-ink-1) !important; }


/* ==========================================================================
   83. GERİ YÜKLEME : ORTAK FOOTER
   Kurallar index sayfasinin kendi <style> blogundan alinip buraya tasindi;
   boylece kisa footer'a sahip 14 sayfa da ayni gorunumu alir.
   ========================================================================== */
.footer {
  background: var(--bg);
  color: var(--white);
  padding: 0 48px;
}

.footer-top {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 64px;
  padding: clamp(48px, 6vw, 80px) 0;
}

.footer-brand .footer-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  margin-bottom: 16px;
}
.footer-brand .footer-logo .logo-img { width: 32px; height: 32px; }
.footer-brand .footer-logo .fl-text { font-weight: 700; font-size: 14px; color: var(--white); }
.footer-brand .footer-logo .fl-dot { color: var(--brand); }

.footer-brand .footer-desc {
  font-weight: 400;
  font-size: 14px;
  color: var(--text-muted);
  line-height: 1.65;
  max-width: 340px;
}

.footer-brand .footer-quote {
  font-style: italic;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
  margin-top: 12px;
}







.footer-links {
  display: grid;
  /* Ekosistem sutunu kaldirildi: uc sutun kaldi. .footer-top 4'te kalir,
     cocuklari "span 2" ile iki esit blok olusturuyor. */
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  padding: clamp(40px, 5vw, 64px) 0;
  border-top: 1px solid var(--light-faded);
}

.footer-links .col-title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 18px;
}

.footer-links ul { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.footer-links ul a {
  font-size: 13px;
  font-weight: 400;
  color: var(--text-muted);
  text-decoration: none;
  transition: color 0.3s;
}
.footer-links ul a:hover { color: var(--white); }

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
  border-top: 1px solid var(--light-faded);
}

.footer-bottom .copyright {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--text-muted);
}

.footer-bottom .legal-links { display: flex; gap: 28px; }
.footer-bottom .legal-links a {
  font-size: 11px; font-weight: 500;
  letter-spacing: 1px; text-transform: uppercase;
  color: var(--text-muted); text-decoration: none;
  transition: color 0.3s;
}
.footer-bottom .legal-links a:hover { color: var(--white); }

.footer-powered {
  font-size: 11px; font-weight: 500;
  letter-spacing: 1px; text-transform: uppercase;
  color: rgba(255,255,255,0.25);
}
.footer-powered a { color: rgba(255,255,255,0.35); text-decoration: none; transition: color 0.2s; }
.footer-powered a:hover { color: var(--white); }

.footer-watermark {
  overflow: hidden;
  height: clamp(100px, 16vw, 220px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-watermark .watermark-text {
  font-weight: 800;
  font-size: clamp(100px, 16vw, 240px);
  letter-spacing: 15px;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,0.04);
  user-select: none;
  white-space: nowrap;
}

/* Ust satir alttaki baglanti izgarasiyla ayni ritmi kullanir */
.footer-top {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  align-items: start;
  padding: clamp(48px, 6vw, 80px) 0;
}

.footer-brand,
.footer-rights { grid-column: span 2; }

@media (max-width: 1024px) {
  .footer-top { grid-template-columns: 1fr; gap: 40px; }
  .footer-brand,
  .footer-rights { grid-column: auto; }
}

@media (max-width: 768px) {
  .footer { padding: 0 20px; }
  .footer-top { padding: 40px 0; }
  .footer-links { grid-template-columns: 1fr 1fr; gap: 24px; }
  .footer-bottom { flex-direction: column; gap: 14px; text-align: center; }
  .footer-bottom .legal-links { flex-wrap: wrap; justify-content: center; gap: 14px; }
  .footer-watermark { height: clamp(60px, 12vw, 120px); }
  .footer-watermark .watermark-text { font-size: clamp(60px, 12vw, 140px); letter-spacing: 8px; }
}

@media (max-width: 480px) { .footer { padding: 0 16px; } }

/* Footer marka yazisi tum sayfalarda ayni olcude */
footer .footer-logo .fl-text,
footer .footer-logo .fl-text * { color: rgba(255, 255, 255, 0.92) !important; }
footer .footer-logo .fl-dot { color: var(--mi-orange) !important; }
footer .footer-brand .footer-logo .fl-text { font-size: 14px !important; font-weight: 700 !important; }

/* ---- Haklar ve kullanim paneli ---------------------------------------- */

.footer-rights h4 {
  margin: 0 0 16px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--white);
}

.footer-rights p {
  margin: 0 0 12px;
  max-width: 58ch;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.75;
  color: var(--text-muted);
}

.footer-rights p:last-child { margin-bottom: 0; }

.footer-rights .fr-lead {
  padding-bottom: 12px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--light-faded);
  font-size: 13.5px;
  color: rgba(255, 255, 255, 0.78);
}

.footer-rights .fr-note {
  margin-top: 14px;
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.42);
}

.footer-rights a {
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
  transition: color 0.25s, border-color 0.25s;
}

.footer-rights a:hover { color: var(--mi-orange); border-bottom-color: var(--mi-orange); }

@media (max-width: 768px) { .footer-rights p { max-width: none; } }

/* Gizlilik tercihleri tetikleyicisi */
.footer-bottom .legal-links button.privacy-choices {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--text-muted);
  transition: color 0.3s;
}

.footer-bottom .legal-links button.privacy-choices:hover { color: var(--white); }


/* ==========================================================================
   84. GERİ YÜKLEME : GİZLİLİK TERCİHLERİ PANELİ
   ========================================================================== */

.mi-gz {
  width: min(560px, calc(100vw - 32px));
  max-height: min(86vh, 760px);
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--mi-r-sharp);
  background: var(--mi-black);
  color: rgba(255, 255, 255, 0.92);
  overflow: hidden;
}

.mi-gz::backdrop { background: rgba(0, 0, 0, 0.62); }

.mi-gz-govde {
  display: flex;
  flex-direction: column;
  max-height: inherit;
  padding: clamp(22px, 3vw, 32px);
  overflow: auto;
}

.mi-gz-ust { position: relative; padding-right: 40px; }

.mi-gz-etiket {
  margin: 0 0 10px;
  font-family: var(--mi-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.42);
}

.mi-gz h2 {
  margin: 0;
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 600;
  letter-spacing: -0.03em;
  color: rgba(255, 255, 255, 0.92);
}

.mi-gz-kapat {
  position: absolute;
  top: -4px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--mi-r-sharp);
  background: transparent;
  color: rgba(255, 255, 255, 0.62);
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s;
}

.mi-gz-kapat:hover { border-color: #ffffff; color: #ffffff; }
.mi-gz-kapat svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }

.mi-gz-giris {
  margin: 16px 0 0;
  font-size: 13px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.62);
}

.mi-gz-giris a {
  color: rgba(255, 255, 255, 0.82);
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
  transition: color 0.2s, border-color 0.2s;
}

.mi-gz-giris a:hover { color: var(--mi-orange); border-bottom-color: var(--mi-orange); }

.mi-gz-liste { margin-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.14); }

.mi-gz-satir {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.mi-gz-metin { min-width: 0; }

.mi-gz-ad {
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.92);
}

.mi-gz-aciklama {
  margin: 0;
  max-width: 46ch;
  font-size: 12.5px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.52);
}

.mi-gz-anahtar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  flex-shrink: 0;
  cursor: pointer;
}

.mi-gz-anahtar input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

.mi-gz-kaydirak {
  position: relative;
  display: block;
  width: 40px;
  height: 22px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 100vw;
  background: transparent;
  transition: background-color 0.22s var(--mi-ease), border-color 0.22s var(--mi-ease);
}

.mi-gz-kaydirak::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.62);
  transition: transform 0.22s var(--mi-ease), background-color 0.22s var(--mi-ease);
}

.mi-gz-anahtar input:checked + .mi-gz-kaydirak { background: var(--mi-grad); border-color: var(--mi-orange); }
.mi-gz-anahtar input:checked + .mi-gz-kaydirak::after { transform: translateX(18px); background: #ffffff; }
.mi-gz-anahtar input:focus-visible + .mi-gz-kaydirak { outline: 1px solid #ffffff; outline-offset: 3px; }
.mi-gz-anahtar--kilitli { cursor: default; }
.mi-gz-anahtar--kilitli .mi-gz-kaydirak { opacity: 0.55; }

.mi-gz-durum {
  font-family: var(--mi-mono);
  font-size: 9.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.38);
  white-space: nowrap;
}

.mi-gz-aksiyon { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }

.mi-gz-btn {
  flex: 1 1 auto;
  padding: 12px 18px;
  border-radius: var(--mi-r-sharp);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.22s var(--mi-ease), border-color 0.22s var(--mi-ease), color 0.22s var(--mi-ease);
}

.mi-gz-btn--sade { border: 1px solid rgba(255, 255, 255, 0.24); background: transparent; color: rgba(255, 255, 255, 0.86); }
.mi-gz-btn--sade:hover { border-color: #ffffff; color: #ffffff; }
.mi-gz-btn--birincil { border: 1px solid var(--mi-orange); background: var(--mi-grad); color: #ffffff; }
.mi-gz-btn--birincil:hover { background: var(--mi-grad-hover); border-color: var(--mi-orange-hover); }

@media (max-width: 560px) {
  .mi-gz-satir { flex-direction: column; gap: 12px; }
  .mi-gz-anahtar { flex-direction: row; align-items: center; align-self: flex-start; }
  .mi-gz-btn { flex: 1 1 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .mi-gz-kaydirak, .mi-gz-kaydirak::after, .mi-gz-btn, .mi-gz-kapat { transition: none !important; }
}


/* ==========================================================================
   85. GERİ YÜKLEME : İLETİŞİM doğrudan iletişim bloğu
   ========================================================================== */

.contact-section { padding-left: 0 !important; padding-right: 0 !important; }

.contact-direct {
  display: grid;
  gap: clamp(22px, 2.6vw, 30px);
  padding-block: clamp(10px, 1.6vw, 18px) 0;
  padding-inline: max(20px, (100% - 1100px) / 2);
  text-align: left;
}

.cd-block { max-width: 620px; border-top: 1px solid var(--mi-line); padding-top: 16px; }

.cd-eyebrow {
  margin: 0 0 10px !important;
  font-family: var(--mi-mono);
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mi-ink-3) !important;
}

.cd-mail {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.5;
  color: var(--mi-ink-1) !important;
  text-decoration: none;
  border-bottom: 1px solid var(--mi-orange);
  padding-bottom: 2px;
  transition: color 0.22s var(--mi-ease);
}

.cd-mail:hover { color: var(--mi-orange) !important; }

.contact-direct .social-links { display: flex; flex-wrap: wrap; gap: 10px; }


/* ==========================================================================
   86. GERİ YÜKLEME : İŞ BİRLİĞİ e-posta paneli ve başvuru notu
   ========================================================================== */

.ib-contact { border-top: 1px solid var(--mi-line); padding-top: clamp(24px, 3vw, 32px); }

.ib-contact-eyebrow {
  margin: 0 0 14px;
  font-family: var(--mi-mono);
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mi-ink-3) !important;
}

.ib-contact-mail {
  display: inline-block;
  margin: 0 0 20px;
  font-size: clamp(22px, 2.6vw, 32px);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: var(--mi-ink-1) !important;
  text-decoration: none;
  border-bottom: 2px solid var(--mi-orange);
  padding-bottom: 2px;
  transition: color 0.22s var(--mi-ease);
}

.ib-contact-mail:hover { color: var(--mi-orange) !important; }

.ib-contact-desc {
  margin: 0 0 22px;
  max-width: 52ch;
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: var(--mi-ink-2) !important;
}

.ib-contact-list { margin: 0 0 clamp(26px, 3vw, 34px); padding: 0; list-style: none; border-top: 1px solid var(--mi-line); }

.ib-contact-list li {
  padding: 12px 0;
  border-bottom: 1px solid var(--mi-line);
  font-size: 14px;
  line-height: 1.6;
  color: var(--mi-ink-2) !important;
}

.ib-contact-cta { margin-bottom: 20px; }

@media (max-width: 900px) { .ib-contact { margin-top: 8px; } }

/* Başvuru notu: küçük, baş harfleri büyük */
.ab-cta p.ab-cta-note,
.ab-cta-note,
.ib-apply-note {
  margin: 16px 0 0 !important;
  font-family: var(--mi-mono);
  font-size: 8.5px !important;
  letter-spacing: 0.03em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.34) !important;
}

.ib-apply-note { margin: 18px 0 0 !important; }


/* ==========================================================================
   87. GERİ YÜKLEME : HAKKIMIZDA SAYFASI
   ========================================================================== */

.ab-origin {
  max-width: 1560px;
  margin-inline: auto;
  padding: clamp(56px, 6vw, 104px) clamp(20px, 4vw, 56px);
  border-top: 1px solid var(--mi-line);
}

.ab-body,
.ab-origin-body p {
  margin: 0 0 16px;
  max-width: 72ch;
  font-size: 16px !important;
  line-height: 1.85 !important;
  color: var(--mi-ink-2) !important;
}

.ab-origin-body p:last-child { margin-bottom: 0; }

/* Kurulus bolumu: metin 72ch ile sinirli oldugu icin genis ekranda sagda
   ~580px'lik bos bir serit kaliyordu; ekosistem agi gorseli oraya oturur. */
.ab-origin-gorsel { display: none; margin: 0; }

@media (min-width: 1080px) {
  .ab-origin {
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(300px, 30vw, 440px);
    column-gap: clamp(40px, 5vw, 80px);
    align-items: start;
  }
  .ab-origin-head,
  .ab-origin-body { grid-column: 1; }

  .ab-origin-gorsel {
    display: block;
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: end;
    width: 100%;
  }
}

.ab-origin-gorsel img { display: block; width: 100%; height: auto; }
.ab-origin-head h2,
.ab-structure-head h2,
.ab-who-head h2 { margin: 0 0 18px; max-width: 22ch; }

.ab-who-lead,
.ab-focus-lead {
  margin: 0 0 clamp(28px, 3vw, 40px);
  max-width: 62ch;
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: var(--mi-ink-2) !important;
}

.ab-focus .ab-focus-lead { color: var(--mi-paper-2) !important; }

/* Odak alanları: siyah bölüm içinde kart ızgarası */
.ab-focus-grid { display: grid; gap: 0; border-top: 1px solid var(--mi-line-dark); }

@media (min-width: 700px) { .ab-focus-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .ab-focus-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.ab-focus-card {
  padding: clamp(22px, 2.4vw, 30px) clamp(0px, 2vw, 28px) clamp(22px, 2.4vw, 30px) 0;
  border-bottom: 1px solid var(--mi-line-dark);
}

@media (min-width: 700px) {
  .ab-focus-card { padding-left: clamp(20px, 2.4vw, 28px); border-left: 1px solid var(--mi-line-dark); }
  .ab-focus-grid > .ab-focus-card:nth-child(2n + 1) { border-left: 0; padding-left: 0; }
}

@media (min-width: 1080px) {
  .ab-focus-grid > .ab-focus-card { border-left: 1px solid var(--mi-line-dark); padding-left: clamp(20px, 2.4vw, 28px); }
  .ab-focus-grid > .ab-focus-card:nth-child(3n + 1) { border-left: 0; padding-left: 0; }
}

.ab-focus-card h3 { margin: 14px 0 8px !important; font-size: 17px !important; font-weight: 500 !important; }
.ab-focus-card p { margin: 0; max-width: 36ch; font-size: 14px !important; line-height: 1.7 !important; color: var(--mi-paper-2) !important; }

.ab-icon { display: block; color: var(--mi-paper-1); }
.ab-icon svg { width: 22px; height: 22px; display: block; }
.ab-focus .ab-icon { color: var(--mi-paper-1); }

/* Yapay zekâ bölümü */
.ab-ai {
  max-width: 1560px;
  margin-inline: auto;
  padding: clamp(56px, 6vw, 104px) clamp(20px, 4vw, 56px);
  border-top: 1px solid var(--mi-line);
}

.ab-ai-head h2 { margin: 0 0 18px; max-width: 22ch; }

.ab-ai-grid { display: grid; gap: clamp(28px, 4vw, 56px); }
@media (min-width: 900px) { .ab-ai-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }

.ab-ai-text p { margin: 0; max-width: 54ch; font-size: 16px !important; line-height: 1.85 !important; color: var(--mi-ink-2) !important; }

.ab-ai-items { display: grid; border-top: 1px solid var(--mi-line); }
.ab-ai-item { padding: 22px 0; border-bottom: 1px solid var(--mi-line); }

.ab-ai-item h3 {
  margin: 0 0 8px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.ab-ai-item p { margin: 0; max-width: 40ch; font-size: 14px !important; line-height: 1.7 !important; color: var(--mi-ink-2) !important; }

/* Kimler için */
.ab-who-list { margin: 0; padding: 0; list-style: none; display: grid; border-top: 1px solid var(--mi-line); }

.ab-who-list li {
  padding: 18px 0;
  border-bottom: 1px solid var(--mi-line);
  font-size: 15px;
  line-height: 1.6;
  color: var(--mi-ink-1);
}

/* Ekosistem yapısı sütunları
   .ab-structure ACIK zeminli bir bolum (bkz. yukarida border-top alan liste),
   ama bu blok koyu zemin tokenleriyle yazilmisti: paragraflar --mi-paper-2
   (beyaz %62) ile beyaza cizildigi icin hic gorunmuyordu, sutun ayirici
   cizgileri de --mi-line-dark (beyaz %14) oldugu icin kayiptı. Acik zemin
   tokenleri: --mi-ink-2 ve --mi-line. */
.ab-pillars { display: grid; gap: 0; border-top: 1px solid var(--mi-line); }

@media (min-width: 700px) { .ab-pillars { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .ab-pillars { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.ab-pillar { padding: clamp(22px, 2.4vw, 30px) 0; border-bottom: 1px solid var(--mi-line); }

@media (min-width: 700px) {
  .ab-pillar { padding-inline: clamp(20px, 2.4vw, 28px); border-left: 1px solid var(--mi-line); }
  .ab-pillars > .ab-pillar:nth-child(2n + 1) { border-left: 0; padding-left: 0; }
}

@media (min-width: 1080px) {
  .ab-pillars > .ab-pillar { border-left: 1px solid var(--mi-line); padding-left: clamp(20px, 2.4vw, 28px); }
  .ab-pillars > .ab-pillar:first-child { border-left: 0; padding-left: 0; }
}

.ab-pillar h3 { margin: 12px 0 8px; font-size: 18px !important; font-weight: 500 !important; }
.ab-pillar p { margin: 0; max-width: 34ch; font-size: 14px !important; line-height: 1.7 !important; color: var(--mi-ink-2) !important; }

/* Katılım */
.ab-cta-inner { max-width: 52ch; }
.ab-cta h2 { margin: 0 0 14px; }
/* .ab-cta acik zeminli bir bolum (bkz. 56 numarali blokta border-top alan
   liste); paragraf koyu zemin tokeni --mi-paper-2 ile beyaz cizildigi icin
   hem hakkimizda hem uyelik-firsatlari sayfasinda okunmuyordu. */
.ab-cta p { margin: 0 0 22px; font-size: 15px !important; line-height: 1.8 !important; color: var(--mi-ink-2) !important; }


/* ==========================================================================
   88. GERİ YÜKLEME : İŞ BİRLİKLERİ SAYFASI
   ========================================================================== */

:root { --ib-ease: cubic-bezier(0.22, 1, 0.36, 1); --ib-reveal: 650ms; --ib-hover: 220ms; }

.ib-hero,
.ib-models,
.ib-uni,
.ib-corp,
.ib-areas,
.ib-process,
.ib-principles,
.ib-apply {
  max-width: 1560px;
  margin-inline: auto;
  padding: clamp(56px, 6vw, 104px) clamp(20px, 4vw, 56px);
}

.ib-models,
.ib-uni,
.ib-corp,
.ib-areas,
.ib-process,
.ib-principles,
.ib-apply { border-top: 1px solid var(--mi-line); }

.ib-hero { padding-top: clamp(64px, 8vw, 128px); }
.ib-hero-grid { display: block; }
.ib-hero-inner { position: relative; z-index: 2; }
.ib-hero h1 { max-width: none; margin: 0 0 clamp(20px, 2.4vw, 28px); }

.ib-hero-lead {
  max-width: 46ch;
  margin: 0;
  font-size: clamp(17px, 1.5vw, 19px) !important;
  line-height: 1.7 !important;
  color: var(--mi-ink-1) !important;
}

@media (max-width: 900px) { .ib-hero-lead { max-width: none; } }

.ib-hero-cats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  margin: clamp(22px, 2.6vw, 30px) 0 0;
  padding: 0;
  list-style: none;
}

.ib-hero-cats li {
  padding: 0 14px;
  border-left: 1px solid var(--mi-line);
  font-family: var(--mi-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 2;
  color: var(--mi-ink-3) !important;
}

.ib-hero-cats li:first-child { padding-left: 0; border-left: 0; }

.ib-hero-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 26px;
  margin-top: clamp(28px, 3vw, 40px);
}

.ib-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 22px;
  border: 1px solid var(--mi-line-strong);
  border-radius: var(--mi-r-sharp);
  font-size: 15px;
  font-weight: 500;
  color: var(--mi-ink-1) !important;
  text-decoration: none;
  transition: border-color var(--ib-hover) var(--ib-ease), background-color var(--ib-hover) var(--ib-ease), color var(--ib-hover) var(--ib-ease);
}

.ib-btn-ghost svg { width: 16px; height: 16px; }
.ib-btn-ghost:hover { background: var(--mi-black); border-color: var(--mi-black); color: #ffffff !important; }

/* Bölüm başlıkları */
.ib-head h2 { margin: 0; max-width: 22ch; }

.ib-lead {
  max-width: 72ch;
  margin: 18px 0 0;
  font-size: 16px !important;
  line-height: 1.85 !important;
  color: var(--mi-ink-2) !important;
}

.ib-num,
.ib-model-num {
  display: block;
  font-family: var(--mi-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  color: var(--mi-orange) !important;
}

/* Modeller ve kart ızgaraları */
.ib-models-grid,
.ib-cards { display: grid; gap: 0; border-top: 1px solid var(--mi-line); margin-top: clamp(28px, 3vw, 40px); }

@media (min-width: 700px) { .ib-models-grid, .ib-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .ib-models-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.ib-model,
.ib-card { padding: clamp(22px, 2.4vw, 30px) 0; border-bottom: 1px solid var(--mi-line); }

@media (min-width: 700px) {
  .ib-model, .ib-card { padding-inline: clamp(20px, 2.4vw, 28px); border-left: 1px solid var(--mi-line); }
  .ib-models-grid > .ib-model:nth-child(2n + 1),
  .ib-cards > .ib-card:nth-child(2n + 1) { border-left: 0; padding-left: 0; }
}

@media (min-width: 1080px) {
  .ib-models-grid > .ib-model { border-left: 1px solid var(--mi-line); padding-left: clamp(20px, 2.4vw, 28px); }
  .ib-models-grid > .ib-model:nth-child(3n + 1) { border-left: 0; padding-left: 0; }
}

.ib-model h3, .ib-card h3 { margin: 12px 0 8px !important; font-size: 17px !important; font-weight: 500 !important; }
.ib-model p, .ib-card p { margin: 0; max-width: 40ch; font-size: 14px !important; line-height: 1.75 !important; color: var(--mi-ink-2) !important; }

.ib-model-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--mi-ink-1) !important;
  text-decoration: none;
  border-bottom: 1px solid var(--mi-line-strong);
  padding-bottom: 2px;
  transition: color var(--ib-hover) var(--ib-ease), border-color var(--ib-hover) var(--ib-ease);
}

.ib-model-cta:hover { color: var(--mi-orange) !important; border-bottom-color: var(--mi-orange); }
.ib-arrow { width: 14px; height: 14px; }

/* İş birliği alanları */
.ib-area-list { margin: clamp(28px, 3vw, 40px) 0 0; padding: 0; list-style: none; display: grid; border-top: 1px solid var(--mi-line); }

@media (min-width: 700px) { .ib-area-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .ib-area-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.ib-area {
  padding: 16px 0;
  border-bottom: 1px solid var(--mi-line);
  font-size: 15px;
  line-height: 1.6;
  color: var(--mi-ink-1);
}

@media (min-width: 700px) {
  .ib-area { padding-inline: clamp(20px, 2.4vw, 28px); border-left: 1px solid var(--mi-line); }
  .ib-area-list > .ib-area:nth-child(2n + 1) { border-left: 0; padding-left: 0; }
}

@media (min-width: 1080px) {
  .ib-area-list > .ib-area { border-left: 1px solid var(--mi-line); padding-left: clamp(20px, 2.4vw, 28px); }
  .ib-area-list > .ib-area:nth-child(3n + 1) { border-left: 0; padding-left: 0; }
}

/* Yapay zekâ bölümü: siyah yüzey */
.ib-ai {
  max-width: none;
  background: var(--mi-black);
  color: var(--mi-paper-1);
  /* Bu bolum ust taraftaki bolum padding listesinde yer almadigi icin global
     reset ile dikey bosluklari sifirlaniyordu; siyah bant icerige yapisiyordu.
     Diger bolumlerle ayni dikey ritmi kullan. */
  padding: clamp(56px, 6vw, 104px) 0;
}

.ib-ai-inner { max-width: 1560px; margin-inline: auto; padding-inline: clamp(20px, 4vw, 56px); position: relative; z-index: 1; }
.ib-ai h2, .ib-ai h3 { color: var(--mi-paper-1) !important; }
.ib-ai p { color: var(--mi-paper-2) !important; }
.ib-ai .tag { border-color: var(--mi-line-dark) !important; color: var(--mi-paper-2) !important; }

.ib-ai-items { display: grid; margin-top: clamp(28px, 3vw, 40px); border-top: 1px solid var(--mi-line-dark); }

@media (min-width: 900px) { .ib-ai-items { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.ib-ai-item { padding: clamp(20px, 2.4vw, 28px) 0; border-bottom: 1px solid var(--mi-line-dark); }

@media (min-width: 900px) {
  .ib-ai-item { padding-inline: clamp(20px, 2.4vw, 28px); border-left: 1px solid var(--mi-line-dark); }
  .ib-ai-items > .ib-ai-item:nth-child(2n + 1) { border-left: 0; padding-left: 0; }
}

.ib-ai-item h3 { margin: 0 0 6px !important; font-size: 16px !important; font-weight: 500 !important; }
.ib-ai-item p { margin: 0; max-width: 40ch; font-size: 14px !important; line-height: 1.7 !important; }

.ib-ai-grid-bg, .ib-ai-dot { display: none; }

/* Süreç adımları */
.ib-steps { position: relative; display: grid; gap: 0; margin-top: clamp(28px, 3vw, 40px); border-top: 1px solid var(--mi-line); }

@media (min-width: 900px) { .ib-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.ib-step { padding: clamp(20px, 2.4vw, 28px) 0; border-bottom: 1px solid var(--mi-line); }

@media (min-width: 900px) {
  .ib-step { padding-inline: clamp(16px, 2vw, 24px); border-left: 1px solid var(--mi-line); }
  .ib-steps > .ib-step:first-child { border-left: 0; padding-left: 0; }
}

.ib-step h3 { margin: 12px 0 6px !important; font-size: 16px !important; font-weight: 500 !important; }
.ib-step p { margin: 0; max-width: 32ch; font-size: 14px !important; line-height: 1.7 !important; color: var(--mi-ink-2) !important; }

.ib-step-dot { display: block; width: 7px; height: 7px; background: var(--mi-grad); }
.ib-steps-line { display: none; }

/* Prensipler */
.ib-principle-list { margin: clamp(28px, 3vw, 40px) 0 0; padding: 0; list-style: none; border-top: 1px solid var(--mi-line); }

.ib-principle {
  padding: 18px 0;
  border-bottom: 1px solid var(--mi-line);
  font-size: 15px;
  line-height: 1.7;
  color: var(--mi-ink-1);
}

.ib-statement {
  display: inline-block;
  margin: 18px 0 0;
  padding: 10px 18px;
  border-left: 2px solid var(--mi-orange);
  font-size: clamp(16px, 1.5vw, 19px) !important;
  font-style: italic;
  color: var(--mi-ink-1) !important;
}

/* Başvuru bölümü */
.ib-apply-grid { display: grid; gap: clamp(32px, 4vw, 64px); }
@media (min-width: 900px) { .ib-apply-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; } }
.ib-apply-intro h2 { max-width: 14ch; }

.ib-consent { margin: 0; font-size: 12px !important; line-height: 1.7 !important; color: var(--mi-ink-3) !important; }

/* Giriş hareketi */
.reveal, .reveal-up, .stagger-item {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity var(--ib-reveal) var(--ib-ease) var(--delay, 0ms),
              transform var(--ib-reveal) var(--ib-ease) var(--delay, 0ms);
}

.reveal.is-in, .reveal-up.is-in, .stagger-item.is-in { opacity: 1; transform: none; }

.hover-arrow svg, .hover-arrow .arrow-circle { transition: transform var(--ib-hover) var(--ib-ease); }
.hover-arrow:hover svg { transform: translateX(3px); }

@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal-up, .stagger-item { opacity: 1 !important; transform: none !important; transition: none !important; }
}


/* ==========================================================================
   89. GERİ YÜKLEME : koyu bölüm yüzeyi
   Yatay dolgu ic sarmalayicida: bolum tam genislikte oldugu icin dolgu
   bolumde kalirsa icerik 1560'lik kolonda ikinci kez ortalanip genis
   ekranda diger bolumlerden 56px sola kayiyor.
   ========================================================================== */

.mi-dark {
  max-width: none;
  padding-inline: 0;
  background: var(--mi-black);
  color: var(--mi-paper-1);
}

.mi-dark > * {
  max-width: 1560px;
  margin-inline: auto;
  padding-inline: clamp(20px, 4vw, 56px);
}


/* ==========================================================================
   90. BAŞLIK ALTI ÇİZGİLERİ KALDIRILDI
   Bolum basliginin hemen altina gelen ust kenarliklar kaldirilir. Satirlar
   arasindaki ayraclar ve kart cerceveleri korunur; yalnizca basligi
   alttan cizen hat gider.
   ========================================================================== */

/* Anasayfa kurumsal bolumleri */
.mi-grid { border-top: 0; }

/* Sik sorulan sorular */
.faq-list { border-top: 0; }

/* Hakkinda bolumu: baslik altindaki dekoratif hat */
.ha-hat { display: none; }

/* Hakkimizda sayfasi */
.ab-focus-grid,
.ab-pillars,
.ab-ai-items,
.ab-who-list { border-top: 0; }

/* Is birlikleri sayfasi */
.ib-models-grid,
.ib-cards,
.ib-area-list,
.ib-steps,
.ib-principle-list,
.ib-ai-items,
.ib-contact-list { border-top: 0; }

.ib-contact { border-top: 0; padding-top: 0; }

/* Iletisim sayfasi */
.cd-block { border-top: 0; padding-top: 0; }

/* Mevcut bolumler: Stratejik Calisma Alanlari ve Marka Gelisimi */
.research-features { border-top: 0 !important; }

/* .section-why-left 1000px ustunde iki kolon; ilk SATIRDAKI iki oge de
   basligin hemen altinda duruyor, ikisinin de ust cizgisi kalkmali.
   Kardes seciciyle yalnizca birincisi cikiyordu. */
/* .value-item kapsayicinin ilk cocugu degil; onunde h2 var. Bu yuzden
   :first-child hicbir zaman eslesmiyordu. Ilk oge h2'den sonraki kardes,
   1000px ustunde iki kolon oldugu icin ilk SATIR iki ogeden olusuyor. */
.value-item { border-top: 1px solid var(--mi-line-dark) !important; }

.section-why-left h2 + .value-item { border-top: 0 !important; }

@media (min-width: 1000px) {
  .section-why-left h2 + .value-item + .value-item { border-top: 0 !important; }
}


/* ==========================================================================
   91. IZGARA SİSTEMİ : kolon ve kenarlık tek eşikte
   Onceki kurulumda kolon sayisi 1000px'te, dikey ayrac ve ic dolgu 700px'te
   basliyordu. 700-999px arasinda .mi-grid--3 tek kolon olmasina ragmen her
   hucrede sol ayrac ve girinti kaliyor, icerik soluna yapisik dikey bir
   cizgi olusuyordu. Artik her esikte kolon, ayrac ve dolgu birlikte tanimli.
   ========================================================================== */

/* Sifirla: tum hucreler tek kolon varsayimiyla baslar */
.mi-grid > .mi-cell {
  border-left: 0;
  padding-inline: 0;
}

/* --- İki kolonlu ızgara (Neler Yapıyoruz?) --- */

@media (min-width: 700px) {
  .mi-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .mi-grid--2 > .mi-cell {
    padding-inline: clamp(20px, 2.4vw, 32px);
    border-left: 1px solid var(--mi-line);
  }

  .mi-dark .mi-grid--2 > .mi-cell { border-left-color: var(--mi-line-dark); }

  /* Her satirin ilk hucresi sola dayanir */
  .mi-grid--2 > .mi-cell:nth-child(2n + 1) {
    border-left: 0;
    padding-left: 0;
  }

  /* Son sutun sag kenara dayanir */
  .mi-grid--2 > .mi-cell:nth-child(2n) { padding-right: 0; }
}

/* --- Üç kolonlu ızgara (Neden Harekete Geçtik?, Kimler Katılabilir?) --- */

@media (min-width: 1000px) {
  .mi-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

  .mi-grid--3 > .mi-cell {
    padding-inline: clamp(20px, 2.4vw, 32px);
    border-left: 1px solid var(--mi-line);
  }

  .mi-dark .mi-grid--3 > .mi-cell { border-left-color: var(--mi-line-dark); }

  .mi-grid--3 > .mi-cell:nth-child(3n + 1) {
    border-left: 0;
    padding-left: 0;
  }

  .mi-grid--3 > .mi-cell:nth-child(3n) { padding-right: 0; }
}

/* Alt vurgu cizgisi hucrenin metin hizasindan baslar */
@media (min-width: 700px) {
  .mi-grid--2 > .mi-cell:not(:nth-child(2n + 1))::after { left: clamp(20px, 2.4vw, 32px); }
}

@media (min-width: 1000px) {
  .mi-grid--3 > .mi-cell:not(:nth-child(3n + 1))::after { left: clamp(20px, 2.4vw, 32px); }
}


/* ==========================================================================
   92. HAKKINDA ETİKETİ : diğer bölümlerin etiketiyle aynı
   Duz mono yazi yerine cerceveli cip; icindeki turuncu kare vurgu olarak
   kalir (SSS ve Yorumlar bolumlerindeki turuncu isaretin karsiligi).
   ========================================================================== */

.ha-eyebrow {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px !important;
  padding: 7px 14px;
  border: 1px solid var(--mi-line-dark);
  border-radius: var(--mi-r-sharp);
  background: transparent;
  font-family: var(--mi-mono);
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1 !important;
  color: var(--mi-paper-2) !important;
}

/* Etiketin yanindaki turuncu cizgi kaldirildi */
.ha-kare { display: none; }

.ha-eyebrow { gap: 0; }


/* ==========================================================================
   93. HÜCRE İÇ RİTMİ : üç bölümde de aynı sol ray
   .mi-cell-top numara ile ikonu iki uca yasliyordu; "Neden Harekete
   Gectik?" bolumunde ise ikon numaranin altinda, sola dayali duruyordu.
   Ayni izgara ailesinde iki farkli hizalama vardi. Hepsi tek duzene alinir:
   numara / ikon / baslik / metin ayni sol eksende.
   ========================================================================== */

.mi-cell-top { display: block; }

.mi-cell-top .mi-ic { margin-top: 18px; }


/* ==========================================================================
   95. HERO : dönen kelimeler turuncu
   Kelimeler .gold icinde ama "h1 span" ve "h1 [class]" kurallari rengi
   !important ile beyaza sabitliyor. Ozgullugu yuksek secici ile turuncu
   one gecer.
   ========================================================================== */

.hero-content h1 .gold,
.hero-content h1 .gold *,
.hero-content h1 .rotating-words span {
  color: var(--mi-orange) !important;
}


/* ==========================================================================
   96. ÜYELİK TÜRLERİ : anasayfa rozet ızgarası
   Rozetler kare zeminli PNG kaynaklardan uretilmis WebP'lerdir; kart zemini
   saf beyaz oldugu icin gorsel kenari gorunmez. Renk vurgusu her kartta
   --t degiskeni ile rozetin kurdele rengine baglanir.
   ========================================================================== */

.mi-uye {
  max-width: 1560px;
  margin-inline: auto;
  padding: clamp(64px, 7vw, 112px) clamp(20px, 4vw, 56px);
  border-top: 1px solid var(--mi-line);
}

.mi-uye .mi-sec-head { margin-bottom: clamp(28px, 3.4vw, 44px); }

.mi-uye-lead {
  margin: 18px 0 0 !important;
  max-width: 62ch;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: var(--mi-ink-2) !important;
}

/* ---- Izgara : tek satirda alti rozet ------------------------------------
   Kartlar aciklamasiz; rozet + ad. Genis ekranda alti sutun tek satir olur,
   daralinca uce ve ikiye duser. Ayirici cizgiler 1px bosluk + zemin rengiyle
   kurulur, boylece hicbir kenarda cift cizgi olusmaz. */

.mi-uye-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--mi-line);
  border: 1px solid var(--mi-line);
  border-radius: var(--mi-r-card);
  overflow: hidden;
}

@media (min-width: 640px)  { .mi-uye-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .mi-uye-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

/* ---- Kart -------------------------------------------------------------- */

.mi-uye-kart {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  background: #ffffff;
  padding: clamp(20px, 2.2vw, 30px) clamp(10px, 1.2vw, 18px) clamp(22px, 2.4vw, 32px);
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity 620ms var(--mi-ease),
    transform 620ms var(--mi-ease);
  transition-delay: calc(var(--s, 0) * 70ms);
}

.fade-section.visible .mi-uye-kart { opacity: 1; transform: none; }

/* Ust kenarda rozetin kurdele rengiyle ince vurgu, yalnizca hover'da */
.mi-uye-kart::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: var(--t, var(--mi-orange));
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 280ms var(--mi-ease);
}

.mi-uye-kart:hover::before { transform: scaleX(1); }

/* ---- Rozet gorseli ----------------------------------------------------- */

.mi-uye-gorsel {
  display: block;
  width: clamp(88px, 9vw, 124px);
  height: auto;
  margin-bottom: clamp(10px, 1.1vw, 16px);
  transition: transform 320ms var(--mi-ease);
}

.mi-uye-kart:hover .mi-uye-gorsel { transform: translateY(-3px); }

/* ---- Ad ---------------------------------------------------------------- */

.mi-uye-kart h3 {
  margin: 0 !important;
  font-size: clamp(13px, 1.05vw, 14px) !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em;
  line-height: 1.4 !important;
  color: var(--mi-ink-1) !important;
  text-wrap: balance;
}

/* ---- Hareket tercihi --------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .mi-uye-kart,
  .mi-uye-kart::before,
  .mi-uye-gorsel { transition: none !important; }
  .mi-uye-kart { opacity: 1 !important; transform: none !important; }
}


/* ==========================================================================
   97. ÜYELİK FIRSATLARI SAYFASI (.mb-*)
   Sayfa isaretlemesi bu siniflarla yazilmis ancak karsiligi hicbir stil
   dosyasinda tanimli degildi; bolumler dolgusuz ve izgarasiz akiyordu.
   Hakkimizda sayfasinin .ab-* bilesenleriyle ayni dil kurulur: kilcal
   cizgi mimarisi, mono numaralar, ince tipografi, kosegen yok.
   ========================================================================== */

/* ---- Bolum kabuklari --------------------------------------------------- */

.mb-value,
.mb-events,
.mb-perks,
.mb-process {
  max-width: 1560px;
  margin-inline: auto;
  padding: clamp(56px, 6vw, 104px) clamp(20px, 4vw, 56px);
  border-top: 1px solid var(--mi-line);
}

.mb-value-head h2,
.mb-events-head h2,
.mb-perks-head h2,
.mb-process-head h2 {
  margin: 0 0 18px !important;
  max-width: 22ch;
}

.mb-lead {
  margin: 0 !important;
  max-width: 62ch;
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: var(--mi-ink-2) !important;
}

.mb-value-head,
.mb-events-head,
.mb-perks-head,
.mb-process-head { margin-bottom: clamp(32px, 4vw, 52px); }

/* ---- 01 Hero : anahtar kelimeler ve giris hareketi --------------------- */

.mb-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
  margin: 0 !important;
}

.mb-kw {
  font-size: clamp(15px, 1.4vw, 17px);
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--mi-ink-1);
}

.mb-kw i { font-style: normal; color: var(--mi-orange); }

.mb-hero-rule {
  width: min(360px, 60%);
  height: 1px;
  margin-top: clamp(26px, 3vw, 38px);
  background: linear-gradient(90deg, var(--mi-orange), rgba(0, 0, 0, 0));
}

@keyframes mb-yukari {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: none; }
}

.mb-in {
  opacity: 0;
  animation: mb-yukari 700ms var(--mi-ease) forwards;
  animation-delay: var(--d, 0ms);
}

.mb-kw {
  opacity: 0;
  animation: mb-yukari 600ms var(--mi-ease) forwards;
  animation-delay: calc(300ms + var(--k, 0ms));
}

/* ---- 02 Temel kazanimlar : uc sutunlu kilcal izgara -------------------- */

.mb-value-grid,
.mb-events-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid var(--mi-line);
}

.mb-value-card,
.mb-event {
  padding: clamp(24px, 2.6vw, 32px) 0;
  border-bottom: 1px solid var(--mi-line);
}

@media (min-width: 700px) {
  .mb-value-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mb-events-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .mb-value-card,
  .mb-event {
    padding-inline: clamp(20px, 2.4vw, 32px);
    border-left: 1px solid var(--mi-line);
  }

  .mb-value-grid > .mb-value-card:nth-child(3n + 1),
  .mb-events-grid > .mb-event:nth-child(2n + 1) { border-left: 0; padding-left: 0; }
}

@media (max-width: 699px) {
  .mb-value-grid { grid-template-columns: 1fr; }
}

.mb-value-card h3,
.mb-event h3 {
  margin: 14px 0 8px !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em;
  color: var(--mi-ink-1) !important;
}

.mb-value-card p,
.mb-event p {
  margin: 0 !important;
  max-width: 40ch;
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: var(--mi-ink-2) !important;
}

/* ---- 06 Uye agi : liste ------------------------------------------------ */

/* ---- 07 Olanaklar : tanim listesi -------------------------------------- */

.mb-perks-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin: 0;
  border-top: 1px solid var(--mi-line);
}

@media (min-width: 700px) { .mb-perks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .mb-perks-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.mb-perk {
  padding: clamp(22px, 2.4vw, 30px) 0;
  border-bottom: 1px solid var(--mi-line);
}

@media (min-width: 700px) {
  .mb-perk { padding-inline: clamp(20px, 2.4vw, 28px); border-left: 1px solid var(--mi-line); }
  .mb-perks-grid > .mb-perk:nth-child(2n + 1) { border-left: 0; padding-left: 0; }
}

@media (min-width: 1080px) {
  .mb-perks-grid > .mb-perk { border-left: 1px solid var(--mi-line); padding-left: clamp(20px, 2.4vw, 28px); }
  .mb-perks-grid > .mb-perk:nth-child(2n + 1) { border-left: 1px solid var(--mi-line); padding-left: clamp(20px, 2.4vw, 28px); }
  .mb-perks-grid > .mb-perk:nth-child(4n + 1) { border-left: 0; padding-left: 0; }
}

.mb-perk dt {
  margin: 0 0 10px;
  font-family: var(--mi-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mi-orange);
}

.mb-perk dd {
  margin: 0;
  max-width: 34ch;
  font-size: 14px;
  line-height: 1.75;
  color: var(--mi-ink-2);
}

/* ---- 08 Surec : numarali adimlar --------------------------------------- */

.mb-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid var(--mi-line);
  counter-reset: none;
}

@media (min-width: 760px) { .mb-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.mb-steps li {
  padding: clamp(24px, 2.6vw, 32px) 0;
  border-bottom: 1px solid var(--mi-line);
}

@media (min-width: 760px) {
  .mb-steps li { padding-inline: clamp(20px, 2.4vw, 32px); border-left: 1px solid var(--mi-line); }
  .mb-steps > li:first-child { border-left: 0; padding-left: 0; }
}

.mb-steps h3 {
  margin: 14px 0 8px !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em;
  color: var(--mi-ink-1) !important;
}

.mb-steps p {
  margin: 0 !important;
  max-width: 38ch;
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: var(--mi-ink-2) !important;
}

/* ---- Hareket tercihi --------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .mb-in,
  .mb-kw { animation: none !important; opacity: 1 !important; transform: none !important; }
}


/* ==========================================================================
   98. TURUNCU GRADYAN : buyuk punto vurgular
   Yuzeyler (buton, serit, nokta, vurgu bandi) gradyani zaten dolgu olarak
   aliyor. Metinde gradyan ancak background-clip ile mumkun; bu yuzden
   yalnizca display olcegindeki vurgular buraya alinir. Kucuk punto mono
   etiketler, bag hover'lari ve numaralar solid --mi-orange'ta kalir: 11px'te
   iki uc arasindaki fark gorunmez, buna karsilik clip'li metin alt piksel
   yumusatmasini kaybedip inceliyor.
   ========================================================================== */

.hero-content h1 .rotating-words span,
h1 .gold,
h2 .gold,
h3 .gold,
h1 .text-accent,
h2 .text-accent,
h3 .text-accent,
h1 .gradient-text,
h2 .gradient-text,
h3 .gradient-text,
.ha-h2 .ha-vurgu {
  background: var(--mi-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* Hero'da .gold yalnizca donen kelime mekanizmasini sarar, kendi metni
   yoktur; gradyan gorunen span'e uygulanir, sarmalayici seffaflastirilmaz. */
.hero-content h1 .gold,
.hero-content h1 .gold * {
  background: none;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

.hero-content h1 .rotating-words span {
  background: var(--mi-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* Uyelik firsatlari hero'sundaki ince cizgi de gradyanla acilir */
.mb-hero-rule {
  background: linear-gradient(90deg, var(--mi-orange-1) 0%, var(--mi-orange-2) 45%, rgba(0, 0, 0, 0) 100%);
}


/* ==========================================================================
   99. NAVBAR CTA : "anti-metal" buton
   Koyu metal gövde, sol tarafta turuncu gradyan blok, blok içinde dalga
   halinde yanıp sönen nokta şevronları; hover'da blok butonu doldurur ve
   metnin üzerini örter. Kaynak React bileşenindeki 50 daire, her şevron tek
   bir <i> olacak şekilde 10 radial-gradient'e indirildi: aynı görüntü,
   markup'ta 5 öğe. Şevron başına gecikme kaynaktaki index * 0.12sn.
   ========================================================================== */

body > nav .btn-demo,
.mobile-menu a.mob-cta {
  --am-nokta: rgba(0, 0, 0, 0.72);
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  height: 38px;
  padding: 0 16px 0 42px;
  border: 0 !important;
  border-radius: 9px !important;
  overflow: hidden;
  background: linear-gradient(180deg, #1e1e1e 0%, #0a0a0a 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 4px 12px rgba(0, 0, 0, 0.28);
  transition: box-shadow 220ms var(--mi-ease), transform 220ms var(--mi-ease);
}

body > nav .btn-demo:hover,
.mobile-menu a.mob-cta:hover {
  transform: none !important;
  background: linear-gradient(180deg, #232323 0%, #0d0d0d 100%) !important;
  border-color: transparent !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 6px 18px rgba(0, 0, 0, 0.34);
}

body > nav .btn-demo:active,
.mobile-menu a.mob-cta:active { transform: scale(0.985) !important; }

.btn-demo-metin {
  position: relative;
  z-index: 1;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #ffffff;
  white-space: nowrap;
}

.mobile-menu a.mob-cta .btn-demo-metin { font-size: 13px; }

/* ---- Turuncu blok ------------------------------------------------------ */

body > nav .btn-demo .arrow-circle,
.mobile-menu a.mob-cta .arrow-circle {
  position: absolute;
  z-index: 2;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: 32px;
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 0 8px 0 9px;
  overflow: hidden;
  border-radius: 6px !important;
  background: var(--mi-grad) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -2px 4px rgba(0, 0, 0, 0.14),
    0 2px 4px rgba(0, 0, 0, 0.1);
  transition: width 260ms cubic-bezier(0.65, 0, 0.35, 1);
}

body > nav .btn-demo:hover .arrow-circle,
body > nav .btn-demo:focus-visible .arrow-circle,
.mobile-menu a.mob-cta:hover .arrow-circle,
.mobile-menu a.mob-cta:focus-visible .arrow-circle {
  width: calc(100% - 8px);
}

/* ---- Nokta şevronları --------------------------------------------------- */

body > nav .btn-demo .arrow-circle i,
.mobile-menu a.mob-cta .arrow-circle i {
  flex: none;
  width: 14px;
  height: 16px;
  background-repeat: no-repeat;
  background-image:
    radial-gradient(circle 1px at 2px 2px,   var(--am-nokta) 99%, transparent 100%),
    radial-gradient(circle 1px at 5px 5px,   var(--am-nokta) 99%, transparent 100%),
    radial-gradient(circle 1px at 8px 8px,   var(--am-nokta) 99%, transparent 100%),
    radial-gradient(circle 1px at 5px 11px,  var(--am-nokta) 99%, transparent 100%),
    radial-gradient(circle 1px at 2px 14px,  var(--am-nokta) 99%, transparent 100%),
    radial-gradient(circle 1px at 6px 2px,   var(--am-nokta) 99%, transparent 100%),
    radial-gradient(circle 1px at 9px 5px,   var(--am-nokta) 99%, transparent 100%),
    radial-gradient(circle 1px at 12px 8px,  var(--am-nokta) 99%, transparent 100%),
    radial-gradient(circle 1px at 9px 11px,  var(--am-nokta) 99%, transparent 100%),
    radial-gradient(circle 1px at 6px 14px,  var(--am-nokta) 99%, transparent 100%);
  animation: am-dalga 1.4s ease-in-out infinite;
}

body > nav .btn-demo .arrow-circle i:nth-child(1),
.mobile-menu a.mob-cta .arrow-circle i:nth-child(1) { animation-delay: 0s; }
body > nav .btn-demo .arrow-circle i:nth-child(2),
.mobile-menu a.mob-cta .arrow-circle i:nth-child(2) { animation-delay: 0.12s; }
body > nav .btn-demo .arrow-circle i:nth-child(3),
.mobile-menu a.mob-cta .arrow-circle i:nth-child(3) { animation-delay: 0.24s; }
body > nav .btn-demo .arrow-circle i:nth-child(4),
.mobile-menu a.mob-cta .arrow-circle i:nth-child(4) { animation-delay: 0.36s; }
body > nav .btn-demo .arrow-circle i:nth-child(5),
.mobile-menu a.mob-cta .arrow-circle i:nth-child(5) { animation-delay: 0.48s; }

@keyframes am-dalga {
  0%, 70%, 100% { opacity: 0.28; transform: scale(0.85); }
  35%           { opacity: 1;    transform: scale(1); }
}

@media (max-width: 900px) {
  body > nav .btn-demo { height: 34px; padding: 0 13px 0 38px; }
  .mobile-menu a.mob-cta { padding: 0 18px 0 46px !important; height: 42px; }
  body > nav .btn-demo .arrow-circle { width: 29px; padding-inline: 8px; }
  .btn-demo-metin { font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  body > nav .btn-demo .arrow-circle,
  .mobile-menu a.mob-cta .arrow-circle { transition: none; }
  body > nav .btn-demo .arrow-circle i,
  .mobile-menu a.mob-cta .arrow-circle i { animation: none; opacity: 1; }
}


/* ==========================================================================
   100. HERO ARKA PLANI : nokta deseni
   Kaynak React bileşeni (DotPattern) bir SVG <pattern> içinde r=1 daireleri
   16px ızgarada tekrarlıyor ve radial bir maskeyle ortada yoğunlaştırıyordu.
   Statik sitede aynı sonuç tek bir katmanla kuruldu: tekrarlayan
   radial-gradient nokta + mask-image ile yumuşak sönüm. Desen, hero'nun
   boş kalan sağ tarafında yoğunlaşır; başlık ve butonların üzerine binmez.
   ========================================================================== */

.hero { position: relative; }

.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(circle 1px at 1px 1px, rgba(0, 0, 0, 0.24) 99%, transparent 100%);
  background-size: 16px 16px;
  background-position: 0 0;
  -webkit-mask-image: radial-gradient(820px circle at 70% 44%, #000 0%, #000 42%, rgba(0, 0, 0, 0) 86%);
  mask-image: radial-gradient(820px circle at 70% 44%, #000 0%, #000 42%, rgba(0, 0, 0, 0) 86%);
}

/* Halkalar deseni bogmasin: nokta katmani geldigi icin biraz geri cekilir */
.hero-bg { opacity: 0.34 !important; }

/* Turuncu vurgu noktalari: desenin merkezinde birkac nokta markanin
   rengini alir, boylece alan tek tonlu gri bir doku olmaktan cikar. */
.hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(circle 1.2px at 1.2px 1.2px, rgba(251, 97, 0, 0.7) 99%, transparent 100%);
  background-size: 96px 96px;
  background-position: 8px 8px;
  -webkit-mask-image: radial-gradient(680px circle at 70% 44%, #000 0%, #000 32%, rgba(0, 0, 0, 0) 80%);
  mask-image: radial-gradient(680px circle at 70% 44%, #000 0%, #000 32%, rgba(0, 0, 0, 0) 80%);
}

@media (max-width: 900px) {
  .hero::before,
  .hero::after {
    -webkit-mask-image: radial-gradient(520px circle at 62% 58%, #000 0%, #000 26%, rgba(0, 0, 0, 0) 76%);
    mask-image: radial-gradient(520px circle at 62% 58%, #000 0%, #000 26%, rgba(0, 0, 0, 0) 76%);
  }
}


/* ==========================================================================
   101. HERO BAŞLIĞI : imleç yakınlığında harf ölçeği
   Kaynak React bileşeni (TextCursorProximity) her harfi ayrı bir öğeye
   bölüp imlece olan uzaklığa göre ölçekliyordu. Burada bölme işini küçük
   bir betik yapar, ölçek transform ile uygulanır: transform yerleşimi
   etkilemediği için başlık zıplamaz. Dönen turuncu kelime kapsam dışıdır,
   sürekli değiştiği için ölçüleri her karede yeniden hesaplanırdı.
   ========================================================================== */

.mi-yakin-kelime {
  display: inline-block;
  white-space: nowrap;
}

.mi-yakin-harf {
  display: inline-block;
  transform-origin: 50% 68%;
  transition: transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .mi-yakin-harf { transition: none !important; transform: none !important; }
}


/* ==========================================================================
   102. NELER YAPIYORUZ : tek satir, 3B ikonlar
   Dort madde genis ekranda tek satirda dizilir. Cizgi ikonlarin yerini
   3B rozet ailesiyle ayni dilde modellenmis PNG'lerden uretilmis, gercek
   alfali WebP'ler alir; bu yuzden .mi-cell-top yon degistirir: ikon ustte,
   numara altinda. Ikonlarin kendi yumusak golgesi oldugu icin ek golge yok.
   ========================================================================== */

@media (min-width: 1100px) {
  .mi-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mi-grid--4 > .mi-cell { padding-inline: clamp(18px, 1.9vw, 28px); border-left: 1px solid var(--mi-line); }
  .mi-grid--4 > .mi-cell:nth-child(4n + 1) { border-left: 0; padding-left: 0; }
}

/* 1100px altinda ikili duzen: dort sutun bu genislikte sikisiyor */
@media (min-width: 700px) and (max-width: 1099px) {
  .mi-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mi-grid--4 > .mi-cell { padding-inline: clamp(20px, 2.4vw, 32px); border-left: 1px solid var(--mi-line); }
  .mi-grid--4 > .mi-cell:nth-child(2n + 1) { border-left: 0; padding-left: 0; }
}

/* Dar ekranda hucreler alt alta akiyor ve aralarinda ne bosluk ne ayirici
   vardi; ikonlar geldikten sonra bu daha da goze batiyor. */
@media (max-width: 699px) {
  .mi-grid--4 > .mi-cell { padding: 28px 0; border-top: 1px solid var(--mi-line); }
  .mi-grid--4 > .mi-cell:first-child { border-top: 0; padding-top: 10px; }
}

@media (min-width: 700px) and (max-width: 1099px) {
  .mi-grid--4 > .mi-cell { padding-block: 30px; }
  .mi-grid--4 > .mi-cell:nth-child(n + 3) { border-top: 1px solid var(--mi-line); }
}

/* Ikon ustte, numara altinda */
.mi-grid--ikon .mi-cell-top {
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 14px;
}

.mi-ic-3d {
  display: block;
  width: clamp(76px, 6.4vw, 96px);
  height: auto;
  transition: transform 320ms var(--mi-ease);
}

.mi-cell:hover .mi-ic-3d { transform: translateY(-4px) rotate(-2deg); }

/* Tek satirda sutun daraldigi icin metin olculeri bir tik kucultulur */
.mi-grid--ikon .mi-cell h3 { margin-top: 20px !important; }
.mi-grid--ikon .mi-cell p { font-size: 13.5px !important; line-height: 1.7 !important; max-width: 38ch; }

@media (prefers-reduced-motion: reduce) {
  .mi-ic-3d { transition: none !important; }
  .mi-cell:hover .mi-ic-3d { transform: none !important; }
}


/* ==========================================================================
   103. NEDEN HAREKETE GEÇTİK : 3B ikonlar (koyu bölüm)
   Bu bölümde hücrelerde .mi-cell-top sarmalayıcısı yok; iri numara ve ikon
   doğrudan kardeş. Hücre esnek kutuya çevrilip ikon order ile en üste alınır,
   böylece diğer bölümle aynı okuma sırası kurulur: ikon → numara → başlık.
   ========================================================================== */

.mi-grid--ikon .mi-cell--iri {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.mi-grid--ikon .mi-cell--iri .mi-ic-3d {
  order: -1;
  width: clamp(84px, 7vw, 104px);
  margin-bottom: clamp(14px, 1.6vw, 20px);
}

/* Numaralar : çerçeveli kutu yerine ince mono etiket
   Görsel çapa artık 3B ikon; 46px'lik çerçeveli kutu ikonla yarışıyor ve
   bölümün geri kalanındaki kılcal çizgi diline ters düşüyordu. Numara,
   açık bölümlerdeki .mi-no ile birebir aynı ölçüye iner: JetBrains Mono,
   11px, 0.14em. Böylece iki ikonlu bölüm aynı dili konuşur. */
.mi-grid--ikon .mi-no--iri,
.mi-dark .mi-grid--ikon .mi-no--iri {
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  /* font-family bilerek verilmiyor: 2 numarali tipografi blogu span'lere
     var(--mi-font)'u !important ile atiyor, bu yuzden diger bolumlerdeki
     .mi-no da Inter Tight ciziliyor. Burada mono'yu !important ile geri
     almak numarayi tek basina farkli gosteriyordu. */
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1;
  color: var(--mi-paper-3);
  -webkit-text-stroke: 0;
  transition: color 200ms var(--mi-ease);
}

.mi-grid--ikon .mi-cell:hover .mi-no--iri,
.mi-dark .mi-grid--ikon .mi-cell:hover .mi-no--iri {
  color: var(--mi-orange);
  border-color: transparent;
}

.mi-grid--ikon .mi-cell--iri h3 { margin-top: 12px !important; }

/* Dar ekranda hücreler arasında boşluk ve ayırıcı yoktu; ikonlar geldikten
   sonra bloklar birbirine yapışık okunuyordu. Yalnızca ikonlu ızgaralar. */
@media (max-width: 999px) {
  .mi-grid--ikon.mi-grid--3 > .mi-cell {
    padding-block: 28px;
    border-top: 1px solid var(--mi-line);
  }
  .mi-dark .mi-grid--ikon.mi-grid--3 > .mi-cell { border-top-color: var(--mi-line-dark); }
  .mi-grid--ikon.mi-grid--3 > .mi-cell:first-child { border-top: 0; padding-top: 10px; }
}


/* ==========================================================================
   90. AÇIK / KOYU BÖLÜM RİTMİ
   Bölümler sırayla açık ve koyu zemin alır. Renk kararını tek bir yardımcı
   sınıf verir: bölüm kapsamında renk tokenleri ters çevrilir, bileşenler
   zaten bu tokenler üzerinden çizildiği için ayrı ayrı override gerekmez.
   .sec-dark--bleed, zemini tam genişliğe taşıyıp içeriği 1560px'te tutar.
   ========================================================================== */

.sec-dark {
  --mi-ink-1: rgba(255, 255, 255, 0.92);
  --mi-ink-2: rgba(255, 255, 255, 0.62);
  --mi-ink-3: rgba(255, 255, 255, 0.46);
  --mi-line: rgba(255, 255, 255, 0.14);
  --mi-line-strong: rgba(255, 255, 255, 0.24);
  --mi-white: #000000;
  --white: rgba(255, 255, 255, 0.92);
  --text-muted: rgba(255, 255, 255, 0.58);
  --text-dark: rgba(255, 255, 255, 0.92);
  --text-dark-muted: rgba(255, 255, 255, 0.55);
  --light-faded: rgba(255, 255, 255, 0.14);
  --bg: #000000;

  background-color: var(--mi-black) !important;
  background-image: none !important;
  color: var(--mi-paper-1) !important;
  border-top: 0 !important;
}

.sec-dark h2,
.sec-dark h3,
.sec-dark dt { color: var(--mi-paper-1) !important; }

.sec-dark .tag {
  border-color: var(--mi-line-dark) !important;
  color: var(--mi-paper-2) !important;
}

/* Koyu bölümden sonraki açık bölümde ayırıcı hat gereksiz: geçişi rengin
   kendisi kuruyor. */
.sec-dark + section,
.sec-dark + div > section:first-child { border-top: 0; }

/* Zemin tam genişlikte akar, içerik yine 1560px'te ortalanır. */
.sec-dark--bleed { max-width: none !important; }
.sec-dark--bleed > * { max-width: 1560px; margin-inline: auto; }

/* Marka logoları saf siyah; koyu zeminde ters çevrilir, hover'da beyaz
   kutuya oturduğu için tekrar düz haline döner. */
.sec-dark .mi-logo {
  background: transparent;
  border-color: var(--mi-line-dark);
}
.sec-dark .mi-logo img { filter: invert(1); }
.sec-dark .mi-logo:hover { background: #ffffff; border-color: #ffffff; }
.sec-dark .mi-logo:hover img { filter: none; }
.sec-dark .mi-logo:hover .mi-logo-name { color: var(--mi-black); }

/* Koyu bir bölüm kabuğunu (ör. .ab-focus) ritim gereği açığa döndürür. */
.sec-light {
  --mi-paper-1: rgba(0, 0, 0, 0.92);
  --mi-paper-2: rgba(0, 0, 0, 0.66);
  --mi-line-dark: rgba(0, 0, 0, 0.12);
  --white: rgba(0, 0, 0, 0.92);
  --text-muted: rgba(0, 0, 0, 0.58);
  --light-faded: rgba(0, 0, 0, 0.12);

  background: transparent !important;
  color: var(--mi-ink-1) !important;
}

.sec-light h2,
.sec-light h3 { color: var(--mi-ink-1) !important; }

.sec-light .tag {
  border-color: var(--mi-line) !important;
  color: var(--mi-ink-2) !important;
}


/* ==========================================================================
   91. KAMPÜS TEMSİLCİLİĞİ : başlıkta gradyan vurgu
   .gold düz turuncu veriyor (-webkit-text-fill-color ile sabitlenmiş) ve
   2. blok h1 span'lerini beyaza çekiyor; ikisini de geçmek için özgüllük
   .ib-hero h1 .ib-vurgu üzerinden kurulur.
   ========================================================================== */

.ib-hero h1 .ib-vurgu {
  background: var(--mi-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}


/* ==========================================================================
   93. ÜYELİK ROZETLERİ : sola kayan şerit
   Izgara yerine sonsuz akan bir şerit. Öğeler iki kez basılır ve şerit
   -%50 kaydırılır; ikinci set aria-hidden olduğu için ekran okuyucu
   rozetleri bir kez okur.
   ========================================================================== */

.mi-uye-serit {
  max-width: 1560px;
  margin-inline: auto;
  padding: clamp(40px, 5vw, 76px) clamp(20px, 4vw, 56px);
}

.mi-uye-viewport {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid var(--mi-line);
  border-radius: var(--mi-r-card);
}

.mi-uye-track {
  display: flex;
  width: max-content;
  animation: mi-uye-scroll 46s linear infinite;
}

.mi-uye-viewport:hover .mi-uye-track,
.mi-uye-viewport:focus-within .mi-uye-track { animation-play-state: paused; }

@keyframes mi-uye-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Ayırıcı her hücrenin sağında: döngüde başa dönerken çizgi ritmi bozulmaz. */
.mi-uye-rozet {
  flex: 0 0 auto;
  width: clamp(176px, 15vw, 232px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: clamp(20px, 2.2vw, 30px) clamp(10px, 1.2vw, 18px) clamp(22px, 2.4vw, 32px);
  border-right: 1px solid var(--mi-line);
}

.mi-uye-serit .mi-uye-gorsel {
  display: block;
  width: clamp(88px, 9vw, 124px);
  height: auto;
  margin-bottom: clamp(10px, 1.1vw, 16px);
}

.mi-uye-rozet h3 {
  margin: 0 !important;
  font-size: clamp(13px, 1.05vw, 14px) !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em;
  line-height: 1.4 !important;
  color: var(--mi-ink-1) !important;
  text-wrap: balance;
}

@media (prefers-reduced-motion: reduce) {
  .mi-uye-track { animation: none !important; }
}

/* Şerit, hero'nun devamı gibi okunur: aradaki boşluk bölümler arası
   standart ritimden (88px) daha sıkı tutulur. Şeridin kendi dikey dolgusu
   komşu bölümlerin dolgusuyla üst üste binip 200px'lik bir boşluk
   oluşturuyordu. */
.mb-hero { padding-bottom: clamp(22px, 2.4vw, 34px); }

.mi-uye-serit { padding-block: clamp(34px, 3.6vw, 54px); }


/* Üyelik hero'su: giriş cümlesi ve anahtar kelimeler bir kademe küçülüp
   inceltilir. Kural .mb-hero kapsamında; .ab-lead ve .mb-kw hakkımızda
   sayfasında da kullanılıyor, oradaki ölçü korunur. */
.mb-hero .ab-lead {
  max-width: 48ch;
  margin-bottom: clamp(20px, 2.2vw, 26px);
  font-size: clamp(15px, 1.3vw, 17px) !important;
  font-weight: 300 !important;
  line-height: 1.65 !important;
  letter-spacing: -0.012em;
  color: var(--mi-ink-2) !important;
}

.mb-hero .mb-kw {
  font-size: clamp(12px, 1.05vw, 13.5px);
  font-weight: 400;
  color: var(--mi-ink-2);
}

.mb-hero .mb-hero-rule { margin-top: clamp(20px, 2.2vw, 28px); }

/* Üyelik hero'su: başlığın sağındaki boş sütuna ekosistem görseli.
   Metin öğeleri birinci sütunda kalır, görsel ikinci sütunu boydan boya
   kaplar ve dikeyde ortalanır. */
.mb-hero-gorsel { display: none; margin: 0; }

@media (min-width: 1080px) {
  .mb-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(320px, 34vw, 520px);
    column-gap: clamp(36px, 4.5vw, 76px);
    align-items: center;
  }

  .mb-hero-metin { grid-column: 1; }

  .mb-hero-gorsel {
    display: block;
    grid-column: 2;
    justify-self: end;
    width: 100%;
  }
}

.mb-hero-gorsel img { display: block; width: 100%; height: auto; }

/* Hero başlığı bir kademe küçülür: metin sütunu artık görselle paylaşıldığı
   için 46px tek satıra sığmıyordu. */
.mb-hero h1 { font-size: min(38px, 3.9vw) !important; }

@media (max-width: 1100px) {
  .mb-hero h1 { font-size: min(38px, 4.6vw) !important; }
}


/* ==========================================================================
   94. ÜYELİK FIRSATLARI : süreç ve katılım çağrısı tek bölümde
   ========================================================================== */

/* ---- Süreç + katılım çağrısı ------------------------------------------- */

.mb-son-cta {
  display: grid;
  gap: clamp(22px, 2.6vw, 34px);
  margin-top: clamp(44px, 4.6vw, 72px);
  padding-top: clamp(36px, 3.8vw, 56px);
  border-top: 1px solid var(--mi-line);
}

@media (min-width: 900px) {
  .mb-son-cta {
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: clamp(40px, 5vw, 80px);
    align-items: center;
  }
}

.mb-son-metin h2 { margin: 0 0 12px !important; max-width: 20ch; }
.mb-son-metin p {
  margin: 0 !important;
  max-width: 56ch;
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: var(--mi-ink-2) !important;
}

.mb-son-eylem { display: grid; gap: 14px; justify-items: start; }
.mb-son-eylem .btn-primary { margin-top: 0; }
.mb-son-eylem .ab-cta-note { margin: 0 !important; }

/* Sayfa dikeyde sıkıştırılır: bölüm dolguları bir kademe kısalır. Yalnızca
   üyelik fırsatları sayfasının bölümlerini kapsar. */
.mb-value,
.mb-events,
.mb-perks,
.mb-process,
.mb-events { padding-block: clamp(44px, 4.4vw, 74px) !important; }

/* Etkinlik kartlarında 3B ikon: numaranın altında, başlığın üstünde. */
.mb-event-ikon {
  display: block;
  width: clamp(88px, 8vw, 112px);
  height: auto;
  margin: 14px 0 4px;
}

/* Dört etkinlik kartı tek sırada akar. */
@media (min-width: 1000px) {
  .mb-events-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .mb-events-grid > .mb-event:nth-child(2n + 1) { border-left: 1px solid var(--mi-line); padding-left: clamp(20px, 2.4vw, 28px); }
  .mb-events-grid > .mb-event:first-child { border-left: 0; padding-left: 0; }
}


/* ==========================================================================
   95. SIK SORULAN SORULAR : kart yüzeyi ve arama
   Sorular beyaz bir kartın içinde toplanır; üstteki alan listeyi canlı
   filtreler. Eşleşme kalmadığında kart, kullanıcıyı e-postaya yönlendiren
   bir boş duruma düşer.
   ========================================================================== */

.faq-kart {
  margin-top: clamp(22px, 2.6vw, 32px);
  padding: clamp(16px, 1.8vw, 24px) clamp(18px, 2vw, 28px) clamp(6px, 0.8vw, 10px);
  background: #ffffff;
  border: 1px solid var(--mi-line);
  border-radius: var(--mi-r-card);
}

/* ---- Arama alanı ------------------------------------------------------- */

.faq-ara {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: clamp(12px, 1.4vw, 18px);
}

.faq-ara-ikon {
  position: absolute;
  left: 14px;
  width: 17px;
  height: 17px;
  pointer-events: none;
  color: var(--mi-ink-3);
  transition: color 0.22s var(--mi-ease);
}

.faq-ara-alan {
  width: 100%;
  height: 44px;
  padding: 0 16px 0 42px;
  font-family: var(--mi-font);
  font-size: 15px;
  color: var(--mi-ink-1);
  background: var(--mi-white, #ffffff);
  border: 1px solid var(--mi-line);
  border-radius: var(--mi-r-sharp);
  transition: border-color 0.22s var(--mi-ease);
  -webkit-appearance: none;
  appearance: none;
}

.faq-ara-alan::placeholder { color: var(--mi-ink-3); }
.faq-ara-alan::-webkit-search-cancel-button { -webkit-appearance: none; }

.faq-ara-alan:focus {
  outline: none;
  border-color: var(--mi-orange);
}

.faq-ara:focus-within .faq-ara-ikon { color: var(--mi-orange); }

/* ---- Boş durum --------------------------------------------------------- */

.faq-bos {
  margin: 0 !important;
  padding: clamp(28px, 3vw, 40px) 0 !important;
  text-align: center;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: var(--mi-ink-2) !important;
}

.faq-bos a {
  color: var(--mi-ink-1);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.faq-bos a:hover { color: var(--mi-orange); }

/* Filtre dışında kalan soru */
.faq-item[hidden] { display: none; }

@media (prefers-reduced-motion: reduce) {
  .faq-ara-alan, .faq-ara-ikon { transition: none; }
}

/* SSS artık açık zeminli: cevap içindeki bağlantılar koyu metinle akar. */
.faq-section a:not([class*="btn"]) {
  color: var(--mi-ink-1) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.faq-section a:not([class*="btn"]):hover { color: var(--mi-orange) !important; }

/* Katılım çağrısı: metin solda, ekosistem görseli sağda. Metin bloğu
   52ch ile sınırlı olduğu için geniş ekranda sağda boş bir sütun kalıyordu. */
.ab-cta-gorsel { display: none; margin: 0; }

@media (min-width: 1080px) {
  .ab-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(300px, 32vw, 460px);
    column-gap: clamp(40px, 5vw, 80px);
    align-items: center;
  }

  .ab-cta-gorsel {
    display: block;
    justify-self: end;
    width: 100%;
  }
}

.ab-cta-gorsel img { display: block; width: 100%; height: auto; }

/* .btn-primary display:flex; izgara sutununda blok gibi genisliyordu. */
.ab-cta .btn-primary { width: max-content; max-width: 100%; }


/* ==========================================================================
   96. STRATEJİK ÇALIŞMA ALANLARI : SSS ile aynı kart ve akordeon dili
   Bölüm koyu bir panelken üç sabit sütundu; SSS'teki beyaz kart ve
   açılır satır yapısına geçer.
   ========================================================================== */

.section-research {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin-inline: auto !important;
  max-width: 1560px;
  padding: clamp(56px, 6vw, 88px) clamp(20px, 4vw, 56px) !important;
}

.section-research .tag-bar {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 7px 14px !important;
  border: 1px solid var(--mi-line) !important;
  border-radius: var(--mi-r-sharp) !important;
  background: transparent !important;
  line-height: 1 !important;
  width: auto !important;
  max-width: max-content !important;
  margin-bottom: 22px !important;
}

.section-research .tag-bar .accent-line {
  width: 28px !important;
  height: 1px !important;
  border-radius: 0 !important;
  background: var(--mi-grad) !important;
}

.section-research .tag-bar .tag-text {
  font-family: var(--mi-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--mi-ink-3) !important;
}

.section-research h2 { color: var(--mi-ink-1) !important; }

.section-research .faq-a p,
.section-research p { color: var(--mi-ink-2) !important; }

.section-research a:not([class*="btn"]) { color: var(--mi-ink-1) !important; }


/* ==========================================================================
   97. STRATEJİK ÇALIŞMA ALANLARI : soru metinleri açık zeminde okunur
   Bölüm 96 zemini beyaza çevirdi ama renk sözleşmesi koyu kaldı: 12. bölüm
   .section-research içinde --white'ı beyaza sabitliyor, 54. bölümdeki
   "h3 *[class]" kuralı da soru butonunu bu değere kilitliyordu. Sonuç beyaz
   zeminde beyaz yazıydı. SSS bölümünün açık yüzey sözleşmesi burada da
   geçerli olur.
   ========================================================================== */

.section-research {
  --white: rgba(0, 0, 0, 0.92);
  --text-muted: rgba(0, 0, 0, 0.58);
  --text-dark: rgba(0, 0, 0, 0.92);
  --text-dark-muted: rgba(0, 0, 0, 0.55);
  --light-faded: rgba(0, 0, 0, 0.12);
  --bg: #ffffff;
  color: var(--mi-ink-1) !important;
}

.section-research h3,
.section-research .faq-q { color: var(--mi-ink-1) !important; }
.section-research .faq-q:hover { color: var(--mi-black) !important; }
.section-research .faq-q .faq-icon { color: var(--mi-ink-3) !important; }
.section-research .faq-item[data-open='true'] .faq-q .faq-icon { color: var(--mi-orange) !important; }


/* ==========================================================================
   98. FOOTER BAĞLANTI PANELİ : üstteki çizgi kayan turuncu şeride döner
   Panelin üst kenarındaki 1px'lik durgun hat, gradyan turuncu bir bant
   olur ve yatayda süzülür. Kural pseudo-element ile kurulduğu icin her
   sayfadaki footer isaretlemesi degismeden ayni davranisi alir.
   ========================================================================== */

@keyframes mi-serit-akis {
  from { background-position: 0 0; }
  to   { background-position: 200% 0; }
}

.footer-links {
  position: relative !important;
  border-top: 0 !important;
  overflow: hidden !important;
}

.footer-links::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    var(--mi-orange-2) 0%,
    var(--mi-orange-1) 18%,
    #ffd08a 32%,
    var(--mi-orange-1) 46%,
    var(--mi-orange-2) 64%,
    var(--mi-orange-1) 82%,
    var(--mi-orange-2) 100%
  );
  background-size: 200% 100%;
  animation: mi-serit-akis 7s linear infinite;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .footer-links::before { animation: none !important; }
}


/* ==========================================================================
   99. HAKKIMIZDA : kuruluş bölümünden önceki şerit ayracı
   Anasayfadaki çift bant burada iki bölüm arasındaki hattın yerini alır;
   ayrı bir hat kalmasın diye .ab-origin'in üst çizgisi kapatılır.
   ========================================================================== */

.press-section--ayrac {
  padding: clamp(28px, 3.5vw, 48px) 0 !important;
}

.press-section--ayrac + .ab-origin {
  border-top: 0 !important;
  padding-top: clamp(28px, 3vw, 48px);
}


/* ==========================================================================
   100. HAKKINDA BÖLÜMÜ : siyah yüzeyden beyaza
   Zemin tersine döndüğü için renk sözleşmesi de dönmeli: metin tonları,
   ince hat ve arka plandaki ekosistem ağı açık zemin değerlerini alır.
   Turuncu vurgu ve CTA hareketi olduğu gibi kalır.
   ========================================================================== */

.ha-sec {
  --white: rgba(0, 0, 0, 0.92);
  --text-muted: rgba(0, 0, 0, 0.58);
  --text-dark: rgba(0, 0, 0, 0.92);
  --light-faded: rgba(0, 0, 0, 0.12);

  background: var(--mi-white) !important;
  color: var(--mi-ink-1) !important;
  border-bottom: 1px solid var(--mi-line);
}

.ha-sec .ha-eyebrow { color: var(--mi-ink-3) !important; }
.ha-sec .ha-h2 { color: var(--mi-ink-1) !important; }
.ha-sec .ha-hat { background: var(--mi-line-strong); }
.ha-sec .ha-tanim { color: var(--mi-ink-1) !important; }
.ha-sec .ha-destek { color: var(--mi-ink-2) !important; }
.ha-sec .ha-kimlik li { color: var(--mi-ink-1); }
.ha-sec .ha-cta { color: var(--mi-ink-1) !important; }
.ha-sec .ha-cta:hover { color: var(--mi-orange) !important; }

.ha-sec .ha-ag-cizgi { stroke: rgba(0, 0, 0, 0.14); }
.ha-sec .ha-ag-nokta { fill: rgba(0, 0, 0, 0.24); }


/* ==========================================================================
   101. ÜYELİK TÜRLERİ ile SSS ARASI : iki dolgu üst üste binmesin
   Bölümün alt dolgusu (≈100px) ve SSS'in üst dolgusu (≈86px) art arda
   gelince aradaki beyaz alan 187px'e çıkıyordu. Komşuluk kuralıyla
   ikisi de kısılır, sayfanın geri kalanındaki ritim korunur.
   ========================================================================== */

.mi-uye:has(+ .faq-section) {
  padding-bottom: clamp(28px, 3vw, 44px);
}

.mi-uye + .faq-section {
  padding-top: clamp(24px, 2.6vw, 40px) !important;
}


/* ==========================================================================
   102. ANASAYFA RİTMİ : bölüm dolguları kısılır
   Her bölüm 64-112px alt/üst dolgu taşıyordu; iki bölüm yan yana gelince
   aradaki beyaz alan içerikten daha baskın hale geliyordu. Ölçüler tek
   elden kısılır, bölüm sınırını yine ince çizgi kurar.
   ========================================================================== */

.mi-what,
.mi-why-act,
.mi-who,
.mi-uye {
  padding-block: clamp(44px, 4.6vw, 76px) !important;
}

.ha-sec {
  padding-block: clamp(48px, 5.2vw, 84px) !important;
}

.faq-section {
  padding-block: clamp(40px, 4.2vw, 64px) !important;
}

/* Başlıksız logo şeridi: yalnızca bant kaldığı için dolgu daha da kısa */
.mi-logos--serit {
  padding-block: clamp(28px, 3vw, 44px) !important;
}


/* ==========================================================================
   103. İLETİŞİM HERO : başlığın sağındaki boşluğa görsel
   Hero tek sütundu ve 1100px'lik bandın sağ yarısı boş kalıyordu. Geniş
   ekranda metin solda, ekosistem görseli sağda; 1000px altında görsel
   metnin altına iner.
   ========================================================================== */

.page-hero--gorselli {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(28px, 3.5vw, 48px);
  align-items: center;
}

@media (min-width: 1000px) {
  .page-hero--gorselli {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.82fr);
    column-gap: clamp(36px, 4vw, 64px);
  }
}

.page-hero--gorselli .ph-metin { min-width: 0; }

.ph-gorsel {
  margin: 0;
  border-radius: var(--mi-r-card);
  overflow: hidden;
  line-height: 0;
}

.ph-gorsel img {
  display: block;
  width: 100%;
  height: auto;
}


/* ==========================================================================
   104. İLETİŞİM HERO : metin ile iletişim bloğu arası kısalır
   Görsel hero'yu yükseltince ortalanan metin sütununun altında ~180px'lik
   bir boşluk kalıyordu. Görsel ölçülü küçültülür, hero'nun alt dolgusu ve
   iletişim bloğunun üst dolgusu kısılır.
   ========================================================================== */

body:has(.contact-section) .page-hero {
  padding-bottom: clamp(12px, 1.4vw, 20px) !important;
}

.page-hero--gorselli .ph-gorsel {
  justify-self: end;
  width: 100%;
  max-width: 400px;
}

.contact-direct {
  padding-block: 0 0;
}


/* ==========================================================================
   105. HAKKINDA ETİKETİ : diğer bölüm etiketleriyle aynı çerçeveli dil
   Bu etiket, turuncu kare + düz yazı biçimindeydi; sayfadaki diğer
   bölümler (.mi-eyebrow, .tag-bar) çerçeveli bir hap kullanıyor.
   ========================================================================== */

.ha-sec .ha-eyebrow {
  display: inline-flex !important;
  align-items: center;
  gap: 0;
  margin: 0 0 20px !important;
  padding: 7px 14px;
  border: 1px solid var(--mi-line);
  border-radius: var(--mi-r-sharp);
  font-family: var(--mi-mono);
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1 !important;
  color: var(--mi-ink-3) !important;
  width: auto;
  max-width: max-content;
}

.ha-sec .ha-kare { display: none; }


/* ==========================================================================
   106. FOOTER İMZASI : "Built with ❤️ by TOGANWORKS"
   Satır büyük harfe zorlanıyordu; imza kendi yazımıyla okunur, kalp
   emojisi tipografiyle aynı boyda kalır.
   ========================================================================== */

.footer-powered {
  text-transform: none !important;
  letter-spacing: 0.06em !important;
}

.footer-powered .fp-kalp {
  font-size: 10px;
  line-height: 1;
  vertical-align: baseline;
}


/* ==========================================================================
   107. FOOTER ÜST BLOĞU : daha sade, daha dar
   Haklar metni beş paragraftan üçe indi; blok da buna göre daralır:
   satır uzunluğu 58ch -> 46ch, dikey dolgu ve paragraf araları kısılır.
   ========================================================================== */

.footer-top {
  padding-block: clamp(32px, 3.6vw, 52px) !important;
  gap: 28px;
}

.footer-rights h4 { margin-bottom: 12px; }

.footer-rights p {
  max-width: 46ch;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.7;
}

.footer-rights .fr-note { margin-top: 12px; }


/* ==========================================================================
   108. FOOTER : haklar bloğunun yerini sayfa bağlantıları aldı
   Bağlantı paneli ayrı bir satırdan üst satıra taşındı; artık marka
   sütununun karşısında duruyor. Panelin kendi kutusu ve üstündeki akan
   şerit burada gereksiz, ayraç işini ızgaranın kendisi görüyor.
   ========================================================================== */

.footer-top .footer-links {
  grid-column: span 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.footer-top .footer-links::before { content: none; }

@media (max-width: 1024px) {
  .footer-top .footer-links { grid-column: auto; }
}

@media (max-width: 560px) {
  .footer-top .footer-links { grid-template-columns: 1fr 1fr; }
}


/* ==========================================================================
   109. HAKKINDA : tanım cümlesi bir tık küçülür
   18-23px, yanındaki başlıkla yarışıyordu; destek metnine yaklaşır.
   ========================================================================== */

.ha-sec .ha-tanim {
  font-size: clamp(16px, 1.3vw, 19px) !important;
  line-height: 1.55 !important;
}


/* ==========================================================================
   110. HUKUKİ SAYFALAR : KVKK, Gizlilik Politikası, Kullanım Koşulları
   Bu üç sayfa Tailwind CDN'i ve sitede karşılığı olmayan sınıflarla
   (prose, font-manrope) kurulmuştu; ne tipografi ne renk sitenin geri
   kalanıyla tutuyordu. Artık ortak bir düzen ve mi.css tokenleri kullanır.
   ========================================================================== */

.ml {
  max-width: 900px;
  margin-inline: auto;
  padding: clamp(40px, 4.5vw, 72px) clamp(20px, 4vw, 56px) clamp(56px, 6vw, 88px);
}

.ml-hero {
  padding-bottom: clamp(24px, 3vw, 36px);
  margin-bottom: clamp(28px, 3.4vw, 44px);
  border-bottom: 1px solid var(--mi-line);
}

.ml-eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 7px 14px;
  margin-bottom: 20px;
  border: 1px solid var(--mi-line);
  border-radius: var(--mi-r-sharp);
  font-family: var(--mi-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1;
  color: var(--mi-ink-3);
}

.ml h1 {
  margin: 0 0 14px !important;
  font-size: clamp(28px, 3.4vw, 44px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.035em;
  line-height: 1.18 !important;
  color: var(--mi-ink-1) !important;
}

.ml-lede {
  margin: 0 !important;
  font-family: var(--mi-mono);
  font-size: 12px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mi-ink-3) !important;
}

.ml-govde h2 {
  margin: clamp(32px, 3.4vw, 44px) 0 14px !important;
  font-size: clamp(17px, 1.5vw, 20px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
  line-height: 1.35 !important;
  color: var(--mi-ink-1) !important;
}

.ml-govde h2:first-child { margin-top: 0 !important; }

.ml-govde p {
  margin: 0 0 14px !important;
  max-width: 72ch;
  font-size: 15.5px !important;
  line-height: 1.85 !important;
  color: var(--mi-ink-2) !important;
}

.ml-govde .ml-liste {
  margin: 0 0 16px;
  padding: 0;
  max-width: 72ch;
  list-style: none;
}

.ml-govde .ml-liste li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 9px;
  font-size: 15.5px;
  line-height: 1.75;
  color: var(--mi-ink-2);
}

/* Madde imi: gri nokta yerine ölçülü turuncu çizgi */
.ml-govde .ml-liste li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 8px;
  height: 1px;
  background: var(--mi-orange);
}

.ml-govde .ml-liste li strong { color: var(--mi-ink-1); font-weight: 600; }

.ml-govde a {
  color: var(--mi-ink-1) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--mi-line-strong);
  transition: color 0.2s var(--mi-ease), text-decoration-color 0.2s var(--mi-ease);
}

.ml-govde a:hover {
  color: var(--mi-orange) !important;
  text-decoration-color: var(--mi-orange);
}


/* ==========================================================================
   111. TEMEL SIFIRLAMA
   Hukuki sayfalar kutu modelini ve varsayılan boşluk sıfırlamasını Tailwind
   preflight'ından alıyordu; CDN kaldırılınca navbar ve tipografi kaydı.
   Sıfırlama artık mi.css ile geliyor, yani her sayfa kendi başına doğru.
   Özgüllüğü sıfır olduğu için sonraki hiçbir kuralı ezmez.
   ========================================================================== */

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}