@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 125%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q8EsLySOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 125%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q8EsLyTOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 125%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q8EsLydOxKsv4Rn.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 125%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q8EsLySOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 125%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q8EsLyTOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 125%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q8EsLydOxKsv4Rn.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 125%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q8EsLySOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 125%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q8EsLyTOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 125%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q8EsLydOxKsv4Rn.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Kurumsal Ruh Sagligi - KURUMSAL VERI duzeni
   Sayfa tam genislik bantlardan kurulur. Bantlar arasinda bosluk yoktur,
   gecis yalnizca renkle olur: kirik beyaz, cok acik gri, koyu grafit, tekrar acik.
   Kart izgarasi YOK. Yuvarlaklik 4px, golge yok, gradyan yok.
   Palet: Pantone 17-5104 Ultimate Gray. Sayfa AYDINLIK; koyu bantlar aydinlik
   sayfanin icindeki ritim araclaridir, koyu tema degildir. */

:root{
  --font-display:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-body:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;

  /* Ana renkler */
  --gri:#5B6167;            /* Ultimate Gray, ana marka rengi */
  --grafit:#22262B;         /* koyu bant zemini */
  --grafit-2:#15181C;       /* alt bilgi ve hero zemini */
  --turkuaz:#1AA9A3;        /* koyu bantta parlayan vurgu */
  --turkuaz-koyu:#0E6F6B;   /* acik bantta okunabilir vurgu */

  /* Bant zeminleri */
  --bg:#F6F7F8;
  --kagit:#FFFFFF;
  --gri-acik:#E9ECEF;

  --ink:#0F1214; --ink-2:#454B52; --ink-3:#6B7278;
  --cizgi:#D7DBDF; --cizgi-koyu:rgba(255,255,255,.16);

  --link:#0E6F6B; --focus:#0E6F6B; --brand:#1AA9A3;

  --wrap:76rem; --dar:46rem;
  --h1-w:700; --h2-w:700;
  --h1:clamp(2.1rem,1.25rem + 3.4vw,3.9rem);
  --yuvarlak:4px;
}

body{background:var(--bg)}
h1,h2,h3{letter-spacing:-.018em}

/* ==========================================================================
   1. Kurumsal baslik seridi. Koyu grafit, altinda ince turkuaz kural.
   ========================================================================== */
.chrome{position:sticky;top:0;z-index:60;background:var(--grafit);color:#fff;
  border-bottom:2px solid var(--turkuaz)}
.chrome .bar{display:flex;align-items:center;gap:var(--space-5);
  padding:var(--space-4) 0;transition:padding 220ms ease}
.chrome.kucuk .bar{padding:var(--space-2) 0}
.brand{display:inline-flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;
  font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.005em}
.brand .mark{color:var(--turkuaz);flex:none}
.nav{display:flex;gap:var(--space-5);margin-left:auto;flex-wrap:wrap}
.nav a{color:rgba(255,255,255,.8);text-decoration:none;font-size:.76rem;font-weight:600;
  letter-spacing:.11em;text-transform:uppercase;padding:.2rem 0;
  border-bottom:2px solid transparent}
.nav a:hover{color:#fff;border-bottom-color:var(--cizgi-koyu)}
.nav a[aria-current="page"]{color:#fff;border-bottom-color:var(--turkuaz)}
.navtoggle{display:none;margin-left:auto;background:none;border:0;color:#fff;
  padding:var(--space-2);cursor:pointer;line-height:0}

/* Konum seridi: koyu bantlara yapisir, arada acik sirit birakmaz */
.crumbs{position:relative;padding:var(--space-4) 0 0;font-size:.72rem;
  letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.crumbs::before{content:"";position:absolute;inset:0 -100vw;background:var(--grafit);z-index:-1}
.crumbs a{color:rgba(255,255,255,.72);text-decoration:none}
.crumbs a:hover{color:#fff;text-decoration:underline}
.crumbs span{color:rgba(255,255,255,.9)}

/* ==========================================================================
   2. Bantlar. Kenardan kenara, aralarinda hicbir bosluk yok.
   ========================================================================== */
.bant{padding:var(--space-8) 0}
.b-kagit{background:var(--kagit);color:var(--ink)}
.b-zemin{background:var(--bg);color:var(--ink)}
.b-gri{background:var(--gri-acik);color:var(--ink)}
.b-koyu{background:var(--grafit);color:#fff}
.b-murekkep{background:var(--grafit-2);color:#fff}
.b-koyu h1,.b-koyu h2,.b-koyu h3,.b-murekkep h1,.b-murekkep h2,.b-murekkep h3{color:#fff}
.b-koyu p,.b-murekkep p{color:rgba(255,255,255,.82)}
.b-koyu .lede,.b-murekkep .lede{color:rgba(255,255,255,.86)}
.b-koyu a,.b-murekkep a{color:var(--turkuaz)}
.b-kagit + .b-kagit,.b-zemin + .b-zemin{padding-top:0}

/* Kucuk buyuk harfli bolum etiketi: tum bantlarin ortak isareti */
.etiket{font-family:var(--font-display);font-size:.7rem;font-weight:700;
  letter-spacing:.19em;text-transform:uppercase;color:var(--ink-3);
  margin:0 0 var(--space-4);font-variant-numeric:tabular-nums}
.b-koyu .etiket,.b-murekkep .etiket{color:var(--turkuaz)}
.etiket-cizgi{display:flex;align-items:center;gap:var(--space-4)}
.etiket-cizgi::after{content:"";flex:1;height:1px;background:var(--cizgi)}
.b-koyu .etiket-cizgi::after,.b-murekkep .etiket-cizgi::after{background:var(--cizgi-koyu)}

/* ==========================================================================
   3. Hero: koyu grafit bant. Solda genis Archivo baslik, sagda uc olcut.
   ========================================================================== */
.hero{padding:var(--space-9) 0 var(--space-8)}
.hero-ic{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  gap:var(--space-6) var(--space-8);align-items:start}
.hero h1{max-width:17ch;margin-bottom:var(--space-5)}
.hero .lede{max-width:52ch;margin-bottom:0}

/* Olcut sutunu: ince turkuaz kurallarla ayrilmis kavram etiketleri */
.olcut{border-top:2px solid var(--turkuaz);padding-top:var(--space-2)}
.olcut-oge{padding:var(--space-4) 0;border-bottom:1px solid rgba(26,169,163,.42)}
.olcut-oge:last-child{border-bottom:0;padding-bottom:0}
.olcut-ad{display:block;font-family:var(--font-display);font-weight:700;
  font-size:1.06rem;color:#fff;letter-spacing:-.005em}
.olcut-alt{display:block;font-size:.85rem;color:rgba(255,255,255,.68);margin-top:.2rem}
.olcut-not{margin:0 0 var(--space-3);font-size:.76rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--turkuaz);font-weight:600}

/* ==========================================================================
   4. Gorsel bandi: tam genislik, bant ritmini bozmadan araya girer.
   ========================================================================== */
.gorsel-bant{padding:0;position:relative;background:var(--grafit-2);line-height:0}
.gorsel-bant img{width:100%;height:clamp(13rem,30vw,23rem);object-fit:cover;
  filter:grayscale(.35) contrast(1.02)}
.gorsel-bant figcaption{position:absolute;right:0;bottom:0;margin:0;line-height:1.4;
  background:rgba(21,24,28,.86);color:rgba(255,255,255,.86);
  padding:.35rem .7rem;font-size:.72rem;letter-spacing:.06em}

/* ==========================================================================
   5. Kayit dizini: kart degil, tam genislik numarali satir dizisi.
   ========================================================================== */
.kayit{list-style:none;margin:0;padding:0;border-top:1px solid var(--cizgi)}
.kayit a{display:grid;grid-template-columns:3.6rem minmax(0,15rem) minmax(0,1fr) 1.5rem;
  gap:var(--space-5);align-items:baseline;padding:var(--space-4) var(--space-3);
  border-bottom:1px solid var(--cizgi);text-decoration:none;color:var(--ink);
  transition:background 160ms ease}
.kayit a:hover{background:var(--kagit)}
.kayit .k-no{font-family:var(--font-display);font-weight:700;font-size:.9rem;
  color:var(--turkuaz-koyu);font-variant-numeric:tabular-nums;letter-spacing:.04em}
.kayit .k-ad{font-family:var(--font-display);font-weight:700;font-size:1.02rem;
  letter-spacing:-.01em}
.kayit .k-alt{color:var(--ink-2);font-size:.92rem}
.kayit .k-ok{justify-self:end;color:var(--ink-3);font-size:1rem}
.kayit a:hover .k-ok{color:var(--turkuaz-koyu)}
.sayac-satir{font-family:var(--font-display);font-variant-numeric:tabular-nums;
  font-weight:700;color:var(--ink)}

/* ==========================================================================
   6. Yonetici uyari bandi: koyu bant icinde turkuaz kural. Kacirilamaz.
   ========================================================================== */
.uyari-ic{border-left:3px solid var(--turkuaz);padding-left:var(--space-5);
  max-width:74ch}
.uyari-ic p:last-child{margin-bottom:0}
.uyari-ic p{font-size:1.02rem;line-height:1.62}

/* ==========================================================================
   7. Ic sayfa: solda dar bolum gostergesi, sagda genis metin.
   ========================================================================== */
.sayfa-ust{padding:var(--space-7) 0 var(--space-8)}
.sayfa-ust h1{max-width:20ch;margin-bottom:var(--space-5)}
.sayfa-ust .lede{max-width:60ch;margin-bottom:0}

.iki{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:var(--space-6)}
.gosterge{position:sticky;top:5.5rem;align-self:start;
  border-top:2px solid var(--turkuaz);padding-top:var(--space-3)}
.g-no{display:block;font-family:var(--font-display);font-weight:700;font-size:2.1rem;
  line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.g-et{display:block;margin-top:.35rem;font-size:.68rem;font-weight:600;
  letter-spacing:.19em;text-transform:uppercase;color:var(--ink-3)}
.gosterge:empty{border-top:0}
.metin > :first-child{margin-top:0}
.metin h2{margin-bottom:var(--space-4);max-width:24ch}
.metin p{color:var(--ink-2)}
.metin p:last-child{margin-bottom:0}
.metin ul,.metin ol{color:var(--ink-2);max-width:var(--measure)}

/* ==========================================================================
   8. Numarali adimlar: kutu yok, ince kurallar ve tabular numaralar.
   ========================================================================== */
.steps{list-style:none;counter-reset:adim;margin:var(--space-6) 0 0;padding:0;
  border-top:1px solid var(--cizgi)}
.steps li{counter-increment:adim;display:grid;
  grid-template-columns:3rem minmax(0,1fr);column-gap:var(--space-4);row-gap:0;
  padding:var(--space-4) 0;border-bottom:1px solid var(--cizgi)}
.steps li::before{content:counter(adim,decimal-leading-zero);
  grid-column:1;grid-row:1;
  font-family:var(--font-display);font-weight:700;font-size:.95rem;
  color:var(--turkuaz-koyu);font-variant-numeric:tabular-nums;line-height:1.55}
.steps h3{grid-column:2;grid-row:1;margin:0 0 var(--space-2);
  font-family:var(--font-display);font-size:1.02rem}
.steps p{grid-column:2;grid-row:2;margin:0;color:var(--ink-2);font-size:.95rem;
  max-width:var(--measure)}

/* ==========================================================================
   9. Kurumsal tablo: ince kural, tabular-nums, yapiskan ilk sutun.
   ========================================================================== */
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--space-6) 0 0;
  border-top:1px solid var(--ink)}
table.data{width:100%;border-collapse:collapse;font-size:.9rem;
  font-variant-numeric:tabular-nums}
table.data th,table.data td{text-align:left;vertical-align:top;
  padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--cizgi)}
table.data th{font-family:var(--font-display);font-size:.7rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink);
  background:var(--gri-acik);white-space:nowrap}
table.data td{color:var(--ink-2)}
table.data th:first-child,table.data td:first-child{position:sticky;left:0;
  background:var(--kagit);font-weight:600;color:var(--ink);
  box-shadow:1px 0 0 var(--cizgi)}
table.data th:first-child{background:var(--gri-acik)}
.b-zemin table.data td:first-child{background:var(--bg)}
table.data tr:hover td{background:var(--gri-acik)}
table.data tr:hover td:first-child{background:var(--gri-acik)}

/* ==========================================================================
   10. Sik sorulanlar: kutu degil, kural ayrimli soru dizisi.
   ========================================================================== */
.qa{padding:var(--space-5) 0;border-top:1px solid var(--cizgi)}
.qa:first-of-type{border-top:2px solid var(--ink)}
.qa h3{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:1.08rem}
.qa p{margin:0;color:var(--ink-2);max-width:78ch}

/* ==========================================================================
   11. Ilgili sayfalar seridi
   ========================================================================== */
.ilgili{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);
  border-top:1px solid var(--cizgi);padding-top:var(--space-4)}
.ilgili a{color:var(--link);text-decoration:none;font-weight:600;font-size:.92rem;
  border-bottom:1px solid transparent}
.ilgili a:hover{border-bottom-color:var(--turkuaz-koyu)}

/* Duz metin bandi (hakkinda, iletisim, gizlilik gibi kisa sayfalar) */
.duz{max-width:74ch}
.duz p{color:var(--ink-2)}
.duz a{font-weight:600}

/* ==========================================================================
   12. Alt bilgi: bant ritminin son koyu halkasi
   ========================================================================== */
footer{background:var(--grafit-2);color:rgba(255,255,255,.68);padding:var(--space-8) 0}
footer a{color:#fff}
.footlinks{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));
  gap:var(--space-3) var(--space-5);padding-bottom:var(--space-5);
  margin-bottom:var(--space-5);border-bottom:1px solid var(--cizgi-koyu)}
.footlinks a{text-decoration:none;font-size:.85rem;letter-spacing:.02em;
  color:rgba(255,255,255,.82)}
.footlinks a:hover{color:#fff;text-decoration:underline}
footer p{max-width:66ch;font-size:.84rem;line-height:1.6}
footer time{font-variant-numeric:tabular-nums}

/* ==========================================================================
   13. Dar ekran
   ========================================================================== */
@media (max-width:60rem){
  .hero-ic{grid-template-columns:1fr;gap:var(--space-6)}
  .iki{grid-template-columns:1fr;gap:var(--space-4)}
  .gosterge{position:static;display:flex;align-items:baseline;gap:var(--space-3)}
  .g-no{font-size:1.4rem}
  .g-et{margin-top:0}
  .kayit a{grid-template-columns:3rem minmax(0,1fr);gap:var(--space-2) var(--space-4)}
  .kayit .k-alt{grid-column:2;font-size:.88rem}
  .kayit .k-ok{display:none}
}
@media (max-width:46rem){
  .chrome .bar{flex-wrap:wrap;row-gap:0}
  .navtoggle{display:inline-flex}
  .nav{flex-basis:100%;margin-left:0;flex-direction:column;gap:0;overflow:hidden;height:0}
  .nav a{padding:var(--space-3) 0;border-bottom:1px solid var(--cizgi-koyu);
    font-size:.8rem}
  .nav a[aria-current="page"]{border-bottom-color:var(--turkuaz)}
  html.no-js .nav{height:auto}
  .bant{padding:var(--space-7) 0}
  .hero{padding:var(--space-7) 0}
  .steps li{grid-template-columns:2.2rem minmax(0,1fr)}
  .footlinks{grid-template-columns:1fr 1fr}
}