/* POSEM Makine Asistanı · tanıtım sayfası
   Hareket, geçiş ve animasyon yok. Metin kontrastı en az 4,5:1 (vurgu yeşili yalnız çizgide). */

:root {
  --koyu: #0E3B2C;
  --zemin: #F6F8F5;
  --zemin-2: #E3F1E8;
  --acik: #DCEFE3;
  --vurgu: #1F7A45;
  --metin: #10241A;
  --metin-2: #3F5548;
  --beyaz: #FFFFFF;

  --cizgi: #DCE4DF;
  --kart-cizgi: #C5D3CA;
  --rozet-gri: #E3F1E8;

  /* koyu zemin üstünde */
  --koyu-metin: #FFFFFF;
  --koyu-metin-2: #DCEFE3;
  --koyu-metin-3: #DCEFE3;
  --koyu-cizgi: #C5D3CA;

  --baslik: "Sora", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --govde: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --kenar: 24px;
  --bolum: 88px;
}

*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--zemin);
  color: var(--metin);
  font-family: var(--govde);
  font-size: 18px;
  line-height: 1.5;
}

img { display: block; max-width: 100%; height: auto; }
h1, h2, h3 { margin: 0; font-family: var(--baslik); }
p, ul, ol, figure, blockquote { margin: 0; }
p, li, figcaption { text-wrap: pretty; }
a { color: inherit; }

:focus-visible { outline: 3px solid var(--koyu); outline-offset: 3px; }
.koyu-zemin :focus-visible { outline-color: var(--acik); }

.kap {
  max-width: 1280px;
  margin: 0 auto;
  padding-inline: var(--kenar);
}

/* Düğmeler */

.dugme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 14px 24px;
  border: 2px solid transparent;
  border-radius: 8px;
  font-family: var(--govde);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}
.dugme-koyu { background: var(--koyu); color: var(--beyaz); }
.dugme-koyu:hover { background: #1F7A45; }
.dugme-acik { background: var(--acik); color: var(--koyu); }
.dugme-acik:hover { background: var(--beyaz); }
.dugme-cizgi { border-color: var(--koyu-cizgi); color: var(--beyaz); }
.dugme-cizgi:hover { border-color: var(--beyaz); background: rgba(255, 255, 255, 0.08); }

/* 1 · Üst çubuk */

.ust {
  background: var(--beyaz);
  border-bottom: 1px solid var(--cizgi);
}
.ust-ic {
  display: flex;
  align-items: center;
  gap: 32px;
  min-height: 60px;
}
.marka {
  display: flex;
  align-items: center;
  margin-right: auto;
}
.marka-logo { width: auto; height: 58px; }
.marka-ayrac {
  width: 2px;
  height: 30px;
  margin: 0 22px 0 28px;
  background: var(--cizgi);
}
.marka-ad {
  font-family: var(--baslik);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--koyu);
  white-space: nowrap;
}
.ust-menu ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 32px;
  padding: 0;
  list-style: none;
}
.ust-menu a {
  display: inline-block;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--metin);
  text-decoration: none;
}
.ust-menu a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
.ust-dugme { padding: 11px 20px; font-size: 16px; }

/* 2 · Giriş */

.koyu-zemin { background: var(--koyu); color: var(--koyu-metin); }

.giris { padding: 80px 0 88px; }
.giris-ic {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}
.giris h1 {
  font-size: clamp(38px, 3.4vw + 17px, 60px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -0.03em;
}
.giris-alt {
  margin-top: 28px;
  font-size: 22px;
  line-height: 1.45;
  color: var(--koyu-metin-2);
}
.dugmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 32px;
}
.dugmeler .dugme { min-height: 56px; padding: 14px 24px; font-size: 18px; }
.giris-kucuk {
  margin-top: 28px;
  font-size: 16px;
  line-height: 1.5;
  color: var(--koyu-metin-3);
}
.giris-kucuk span { white-space: nowrap; }

.demo-notu {
  margin-top: 12px;
  font-size: 15px;
  line-height: 1.5;
  color: var(--koyu-metin-3);
}

/* Ekran görüntüleri (site-ekranlar, olduğu gibi) */

.ekran img {
  width: 100%;
  border: 1px solid var(--cizgi);
  border-radius: 12px;
  background: var(--beyaz);
}
.koyu-zemin .ekran img { border-color: rgba(255, 255, 255, 0.2); }

.ekran figcaption {
  margin-top: 14px;
  font-size: 16px;
  line-height: 1.5;
  color: var(--metin-2);
}
.koyu-zemin .ekran figcaption { font-size: 15px; color: var(--koyu-metin-3); }

/* Ortak ızgara ve bölüm başlığı */

.uc-sutun {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.iki-sutun {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}
.ikinci-zemin { background: var(--zemin-2); }

.bolum-baslik {
  margin-bottom: 36px;
  font-size: clamp(30px, 1.5vw + 22.8px, 42px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--metin);
}

/* 3 · Üç söz */

.sozler { padding-top: var(--bolum); }
.soz {
  padding-top: 20px;
  border-top: 4px solid var(--vurgu);
}
.soz h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.soz p { margin-top: 12px; color: var(--metin-2); }

/* 4 · Nasıl çalışır */

.adimlar { padding: 104px 0 var(--bolum); }
.adim-listesi { padding: 0; list-style: none; }
.adim { display: flex; flex-direction: column; }
.adim h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.45;
  color: var(--koyu);
}
.adim p { margin-top: 10px; color: var(--metin-2); }
.adim .ekran { margin-top: auto; padding-top: 18px; }

/* 5 · Gerçek ekranlar */

.ekranlar { padding: calc(var(--bolum) - 12px) 0 calc(var(--bolum) - 8px); }
.ekranlar .iki-sutun { gap: 40px; }
.bolum-giris {
  margin: -8px 0 32px;
  color: var(--metin-2);
}

/* 6 · Kim için */

.kimicin { padding: var(--bolum) 0; }
.kart {
  padding: 32px 32px 36px;
  border-radius: 14px;
}
.kart h3 {
  font-size: 29px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
.kart p { margin-top: 12px; }
.kart-koyu { background: var(--koyu); color: var(--koyu-metin); }
.kart-koyu p { color: var(--koyu-metin-2); }
.kart-cizgi { border: 2px solid var(--kart-cizgi); }
.kart-cizgi p { color: var(--metin-2); }

/* 7 · Özellikler */

.ozellikler { padding: var(--bolum) 0; }
.rozet {
  display: inline-block;
  margin-bottom: 18px;
  padding: 7px 12px;
  border: 2px solid transparent;
  border-radius: 999px;
  font-family: var(--govde);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}
.rozet-devrede { background: var(--acik); color: var(--koyu); }
.rozet-yakinda { background: var(--rozet-gri); color: var(--metin); }
.rozet-ihtiyac { border-color: var(--koyu); color: var(--koyu); }
.ozellik-listesi { padding-left: 22px; }
.ozellik-listesi li + li { margin-top: 8px; }
.dipnot {
  margin-top: 28px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--metin-2);
}

/* Makine verisini okumanın üç yolu ve hizmetler */

.veri-yollari, .hizmetler { padding: var(--bolum) 0; }
.yol-giris { max-width: 960px; }
.yol-kartlari { gap: 24px; }
.yol-karti {
  min-width: 0;
  padding: 28px;
  border: 1px solid var(--kart-cizgi);
  border-top: 4px solid var(--koyu);
  border-radius: 12px;
  background: var(--beyaz);
}
.yol-karti h3 { min-height: 114px; font-size: 23px; line-height: 1.3; color: var(--koyu); }
.yol-no { display: block; margin-bottom: 12px; font-family: var(--govde); font-size: 15px; font-weight: 600; color: var(--metin-2); }
.yol-satirlari { display: grid; grid-template-rows: 110px 110px minmax(140px, max-content) auto; margin: 0; }
.yol-satirlari > div { padding-top: 16px; border-top: 1px solid var(--cizgi); }
.yol-satirlari dt { margin-bottom: 6px; font-size: 14px; font-weight: 600; color: var(--metin-2); }
.yol-satirlari dd { margin: 0; font-size: 17px; line-height: 1.45; }
.yol-durum p { display: flex; align-items: flex-start; gap: 10px; }
.yol-durum p + p { margin-top: 12px; }
.yol-durum p > span:last-child { font-size: 15px; line-height: 1.4; }
.yol-durum .rozet { flex-shrink: 0; margin: 0; padding: 5px 9px; font-size: 13px; }
.yol-secimi { margin-top: 28px; padding-left: 20px; border-left: 4px solid var(--vurgu); color: var(--metin-2); }
.yol-secimi strong { color: var(--koyu); }
.hizmet-tablosu { width: 100%; border-spacing: 0; border-collapse: collapse; font-size: 17px; line-height: 1.5; text-align: left; }
.hizmet-tablosu th, .hizmet-tablosu td { padding: 20px 24px; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.hizmet-tablosu thead { background: var(--koyu); color: var(--beyaz); }
.hizmet-tablosu thead th { font-size: 14px; font-weight: 500; }
.hizmet-tablosu th:first-child { width: 27%; padding-left: 20px; }
.hizmet-tablosu th:last-child { width: 130px; }
.hizmet-tablosu tbody th { font-weight: 600; color: var(--koyu); }
.hizmet-tablosu tbody tr:nth-child(even) { background: var(--zemin-2); }
.hizmet-tablosu td:nth-child(2) { color: var(--metin-2); }
.hizmet-tablosu .rozet { margin: 0; padding: 5px 10px; font-size: 14px; white-space: nowrap; }
.hizmet-aciklama { display: block; font-weight: 400; font-size: 15px; }
.lisans-notu { margin-top: 24px; font-weight: 500; color: var(--koyu); }

@media (min-width: 901px) and (max-width: 1100px) {
  .yol-karti { padding: 22px; }
  .yol-karti h3 { min-height: 142px; }
  .yol-satirlari { grid-template-rows: 138px 138px minmax(138px, max-content) auto; }
  .yol-durum p { flex-direction: column; gap: 6px; }
}

@media (max-width: 900px) {
  .yol-kartlari { gap: 20px; }
  .yol-karti h3 { min-height: 0; margin-bottom: 22px; }
  .yol-satirlari { grid-template-rows: auto; gap: 16px; }
}

@media (max-width: 600px) {
  .yol-karti { padding: 24px; }
  .hizmet-tablosu { font-size: 16px; }
  .hizmet-tablosu th, .hizmet-tablosu td { padding: 16px 8px; }
  .hizmet-tablosu th:first-child { width: 36%; padding-left: 0; }
  .hizmet-tablosu thead th:first-child { padding-left: 8px; }
  .hizmet-tablosu th:last-child { width: 76px; }
  .hizmet-tablosu .rozet { padding: 4px 6px; font-size: 12px; }
  .hizmet-aciklama { font-size: 13px; }
}

/* Veri saklama ve arşiv */

.veri-saklama { padding: var(--bolum) 0; border-top: 1px solid var(--cizgi); }
.veri-saklama .saklama-ust-baslik { margin-bottom: 12px; font-size: 16px; font-weight: 600; color: var(--koyu); }
.veri-saklama .bolum-baslik { max-width: 900px; margin-bottom: 20px; }
.veri-saklama .saklama-durum { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 32px; font-size: 16px; color: var(--metin-2); }
.veri-saklama .saklama-durum .rozet { margin: 0; }
.veri-saklama .saklama-listesi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding: 0; list-style: none; }
.veri-saklama .saklama-listesi li { min-width: 0; padding: 22px; border: 1px solid var(--cizgi); border-left: 4px solid var(--vurgu); border-radius: 8px; background: var(--beyaz); color: var(--metin-2); font-size: 18px; line-height: 1.5; }
.veri-saklama .saklama-buyuk { display: block; margin-bottom: 12px; color: var(--koyu); font-size: 27px; font-weight: 700; line-height: 1.2; }
.veri-saklama .saklama-etiket { margin-bottom: 12px; font-size: 18px; }
.veri-saklama .saklama-sureler { display: grid; gap: 12px; margin: 0; }
.veri-saklama .saklama-sureler div { display: grid; grid-template-columns: 108px minmax(0, 1fr); align-items: baseline; gap: 14px; }
.veri-saklama .saklama-sureler dt { color: var(--koyu); font-size: 27px; font-weight: 700; line-height: 1.2; }
.veri-saklama .saklama-sureler dd { margin: 0; }
.veri-saklama .saklama-karsilastirma { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.veri-saklama .saklama-karsilastirma .saklama-buyuk { margin-bottom: 0; }
.veri-saklama .saklama-yesil { color: #1F7A45; }

@media (max-width: 900px) {
  .veri-saklama .saklama-listesi { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .veri-saklama .saklama-karsilastirma { grid-template-columns: max-content minmax(0, 1fr); gap: 14px; }
  .veri-saklama .saklama-karsilastirma .saklama-buyuk { font-size: clamp(18px, 5.5vw, 22px); white-space: nowrap; }
}

/* 8 · Sahadan */

.sahadan { padding: var(--bolum) 0; }
.sahadan-ic { align-items: center; }
.alinti blockquote p {
  font-family: var(--baslik);
  font-size: clamp(24px, 0.9vw + 18.5px, 30px);
  font-weight: 600;
  line-height: 1.3;
  color: var(--koyu);
}
.alinti figcaption { margin-top: 20px; color: var(--metin-2); }
.cevap {
  padding: 36px 0 36px 32px;
  border-left: 6px solid var(--vurgu);
}
.cevap h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.cevap p { margin-top: 12px; font-size: 17px; line-height: 1.6; color: var(--metin-2); }

/* 9 · Görüşme */

.gorusme { padding: 80px 0; }
.gorusme-ic { align-items: center; }
.gorusme h2 {
  font-size: clamp(32px, 1.9vw + 21.7px, 46px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.02em;
}
.gorusme-alt {
  margin-top: 20px;
  font-size: 20px;
  line-height: 1.5;
  color: var(--koyu-metin-2);
}
.dugme-yigini { display: grid; gap: 14px; }
.dugme-yigini .dugme { min-height: 56px; font-size: 18px; }
.demo-dugmesi { display: grid; gap: 8px; }
.demo-dugmesi .demo-notu { margin-top: 0; text-align: center; }

/* 10 · Alt bilgi */

.alt {
  background: var(--beyaz);
  border-top: 1px solid var(--cizgi);
}
.alt-ic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 96px;
}
.alt-logo { width: auto; height: 58px; }
.alt a {
  font-weight: 600;
  color: var(--koyu);
  text-underline-offset: 4px;
}

/* Dizüstü ve dar masaüstü */

@media (max-width: 1200px) {
  :root { --kenar: 48px; }
  .ust-ic { gap: 24px; }
  .marka-logo { height: 50px; }
  .marka-ayrac { margin: 0 18px 0 22px; }
  .marka-ad { font-size: 18px; }
  .ust-menu ul { column-gap: 22px; }
  .ust-menu a { font-size: 15px; }
  .ust-dugme { padding: 10px 16px; font-size: 15px; }
  .kart { padding: 24px 24px 28px; }
  .kart h3 { font-size: 24px; }
}

/* Üst çubuk iki satır: marka ve düğme üstte, menü altta */

@media (max-width: 1000px) {
  .ust-ic { flex-wrap: wrap; row-gap: 0; padding-top: 6px; }
  .ust-menu { order: 3; width: 100%; padding-bottom: 6px; }
}

/* Tablet ve telefon: sütunlar alt alta */

@media (max-width: 900px) {
  :root { --kenar: 32px; --bolum: 56px; }
  .giris { padding: 56px 0 64px; }
  .giris-ic, .uc-sutun, .iki-sutun { grid-template-columns: 1fr; }
  .giris-ic { gap: 40px; }
  .adimlar { padding-top: 80px; }
  .adim-listesi { gap: 48px; }
  .adim .ekran { margin-top: 0; }
  .kimicin .uc-sutun { gap: 24px; }
  .ozellikler .uc-sutun { gap: 36px; }
  .sahadan-ic { gap: 40px; }
  .gorusme { padding: 64px 0; }
  .gorusme-ic { gap: 32px; }
}

/* Telefon */

@media (max-width: 560px) {
  :root { --kenar: 20px; }
  body { font-size: 17px; }
  .marka-logo { height: 40px; }
  .marka-ayrac { height: 24px; margin: 0 12px 0 14px; }
  .marka-ad { font-size: 16px; }
  .ust-dugme { display: none; }
  .ust-menu ul { column-gap: 16px; }
  .ust-menu a { padding: 6px 0; font-size: 15px; }
  .giris { padding: 44px 0 56px; }
  .giris-alt { margin-top: 22px; font-size: 18px; }
  .dugmeler { flex-direction: column; gap: 12px; margin-top: 28px; }
  .giris-kucuk { margin-top: 24px; font-size: 15px; }
  .soz h2, .kart h3 { font-size: 24px; }
  .kart { padding: 24px 22px 28px; }
  .cevap { padding: 24px 0 24px 22px; border-left-width: 5px; }
  .gorusme-alt { font-size: 18px; }
  .alt-ic { min-height: 80px; }
  .alt-logo { height: 44px; }
}

/* Yeni sitenin ortak kabuğu ve yerel fontları. */
/* Fontlar yereldir; latin-ext dosyaları Türkçe karakterleri de kapsar. */
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/new-site/ibm-plex-sans-latin-ext.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: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/new-site/ibm-plex-sans-latin.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: "Sora";
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url("/fonts/new-site/sora-latin-ext.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: "Sora";
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url("/fonts/new-site/sora-latin.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;
}

/* Eski sayfalara taşmayan temel değerler ve sıfırlama. */
.posem-new {
  --new-content-width: 1360px;
  --new-background: #f6f8f5;
  --new-surface: #ffffff;
  --new-line: #dce4df;
  --new-line-strong: #c5d3ca;
  --new-ink: #10241a;
  --new-secondary: #3f5548;
  --new-muted: #4a5b52;
  --new-green: #0e3b2c;
  --new-accent: #1f7a45;
  background: var(--new-background);
  color: var(--new-ink);
  font-family: "IBM Plex Sans", "Segoe UI", Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  letter-spacing: normal;
  box-sizing: border-box;
  isolation: isolate;
}
/* 1440 px ve altında onaylı düzen; daha geniş ekranlarda kesintisiz büyüme. */
@media (min-width: 1441px) {
  .posem-new { --new-content-width: min(1520px, calc(100vw - 80px)); }
}
.posem-new *, .posem-new *::before, .posem-new *::after { box-sizing: border-box; }
.posem-new :where(h1,h2,h3,h4,h5,h6,p,figure,ul,ol) { margin: 0; }
.posem-new :where(h1,h2,h3,h4,h5,h6) { font-family: "Sora", "Trebuchet MS", sans-serif; font-weight: 700; }
.posem-new :where(button,input,select,textarea) { font: inherit; color: inherit; }
.posem-new :where(button) { cursor: pointer; text-transform: none; }
.posem-new :where(a) { color: var(--new-green); text-decoration: underline; text-underline-offset: 3px; }
.posem-new :where(a:hover) { color: var(--new-accent); }
.posem-new :where(svg) { display: inline-block; flex-shrink: 0; vertical-align: middle; }
.posem-new :where(img) { display: block; max-width: 100%; }
.posem-new :where(a,button):focus-visible { outline: 3px solid var(--new-accent); outline-offset: 4px; }
.posem-new :where([hidden]) { display: none !important; }
.posem-new #yeni-icerik { margin: 0; padding: 0; width: 100%; outline: none; }
.posem-new .new-skip-link {
  position: fixed; top: 10px; left: 10px; z-index: 200;
  transform: translateY(-160%); padding: 12px 16px;
  min-height: 44px; border-radius: 8px; background: #ffffff; color: #0e3b2c;
}
.posem-new .new-skip-link:focus { transform: translateY(0); }
.posem-new .new-site-header { background: #ffffff; border-bottom: 1px solid #dce4df; position: relative; z-index: 10; }
.posem-new .new-header-inner { max-width: var(--new-content-width); margin: 0 auto; padding: 8px 32px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 28px; }
.posem-new .new-brand { display: flex; align-items: center; min-height: 70px; flex-shrink: 0; }
.posem-new .new-brand img { height: 70px; width: auto; }
.posem-new .new-header-links { display: contents; }
.posem-new .new-main-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 26px; font-size: 16px; font-weight: 600; }
.posem-new .new-menu-group { position: relative; }
.posem-new .new-menu-trigger, .posem-new .new-menu-link {
  display: inline-flex; align-items: center; min-height: 48px; padding: 12px 0;
  border: 0; border-radius: 0; background: transparent; color: #10241a;
  font: inherit; font-weight: 600; text-decoration: none;
}
.posem-new .new-menu-active { color: #1f7a45; border-bottom: 2px solid #1f7a45; }
.posem-new .new-menu-trigger:hover, .posem-new .new-menu-link:hover { color: #1f7a45; }
.posem-new .new-header-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
.posem-new .new-customer-group .new-menu-trigger { gap: 8px; min-height: 44px; padding: 0; font-size: 15px; color: #3f5548; }
.posem-new .new-header-cta {
  display: inline-flex; align-items: center; min-height: 46px; padding: 0 20px;
  border-radius: 8px; background: #0e3b2c; color: #ffffff; font-size: 15px; font-weight: 600; text-decoration: none;
}
.posem-new .new-header-cta:hover { background: #1f7a45; color: #ffffff; }
.posem-new .new-menu-panel {
  position: absolute; top: calc(100% + 8px); left: -16px; z-index: 20;
  min-width: 240px; max-width: 330px; padding: 8px; border: 1px solid #dce4df; border-radius: 14px;
  background: #ffffff; box-shadow: 0 16px 40px rgba(14,59,44,0.14);
}
.posem-new .new-menu-panel a { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; border-radius: 8px; color: #10241a; font-size: 15px; font-weight: 500; text-decoration: none; }
.posem-new .new-menu-panel a:hover { background: #e3f1e8; color: #14532f; }
.posem-new .new-menu-panel a.new-menu-nested { margin-left: 16px; }
.posem-new .new-footer-column a.new-menu-nested { padding-left: 16px; }
.posem-new .new-menu-panel a.new-menu-described { flex-direction: column; align-items: flex-start; gap: 4px; }
.posem-new .new-menu-description { font-size: 13px; font-weight: 400; line-height: 1.5; color: #4a5b52; }
.posem-new .new-menu-section-heading { display: block; margin: 8px 12px 2px; padding-top: 12px; border-top: 1px solid #dce4df; font-size: 12px; font-weight: 600; line-height: 1.5; color: #4a5b52; }

.posem-new .new-customer-group .new-menu-panel { left: auto; right: 0; }
.posem-new .new-mobile-toggle { display: none; }
.posem-new .new-site-footer { background: #ffffff; border-top: 1px solid #dce4df; }
.posem-new .new-footer-inner { max-width: var(--new-content-width); margin: 0 auto; padding: 48px 32px 32px; display: flex; flex-direction: column; gap: 32px; }
.posem-new .new-footer-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(180px,100%),1fr)); gap: 28px; }
.posem-new .new-footer-brand { display: flex; flex-direction: column; gap: 10px; font-size: 14px; color: #4a5b52; }
.posem-new .new-footer-brand img { height: 48px; width: auto; align-self: flex-start; }
.posem-new .new-footer-column { display: flex; flex-direction: column; gap: 8px; font-size: 15px; }
.posem-new .new-footer-heading { font-weight: 600; color: #0e3b2c; }
.posem-new .new-footer-column a { display: flex; align-items: center; min-height: 44px; color: #3f5548; text-decoration: none; }
.posem-new .new-footer-column a:hover { color: #1f7a45; text-decoration: underline; }
.posem-new .new-footer-copyright { padding-top: 18px; border-top: 1px solid #dce4df; font-size: 14px; color: #4a5b52; }

/* Büyük logo dar masaüstünde de menüyle aynı satırda kalır. */
@media (min-width: 970px) and (max-width: 1100px) {
  .posem-new .new-header-inner { column-gap:14px; }
  .posem-new .new-main-nav { column-gap:20px; }
}

@media (max-width: 969px) {
  .posem-new .new-mobile-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 12px; border: 1px solid #c5d3ca; border-radius: 8px; background: #ffffff; color: #0e3b2c; font-size: 15px; font-weight: 600; }
  .posem-new .new-header-links { display: none; width: 100%; }
  .posem-new .new-header-links.is-open { display: flex; flex-direction: column; gap: 12px; padding: 8px 0 12px; border-top: 1px solid #dce4df; }
  .posem-new .new-main-nav, .posem-new .new-header-actions { display: flex; flex-direction: column; align-items: stretch; gap: 4px; }
  .posem-new .new-menu-trigger, .posem-new .new-menu-link { width: 100%; padding: 12px 0; }
  .posem-new .new-customer-group .new-menu-trigger { padding: 12px 0; }
  .posem-new .new-header-cta { min-height: 54px; justify-content: center; margin-top: 8px; }
  .posem-new .new-menu-panel, .posem-new .new-customer-group .new-menu-panel { position: static; min-width: 0; max-width: none; margin: 0 0 8px; box-shadow: none; }
}

@media (max-width: 420px) {
  .posem-new .new-brand img { width: 187.5px; height: 62.5px; }
  .posem-new .new-mobile-toggle { padding: 0 10px; }
  .posem-new .new-footer-grid { grid-template-columns: 1fr; }
}

/* Yalnız yenilenen sayfalarda kullanılan ortak sayfa kalıbı. */
.posem-new .new-page-container { width:100%;max-width:var(--new-content-width);margin:0 auto;padding-inline:32px;min-width:0; }
.posem-new .new-page-hero { background:#fff;border-bottom:1px solid #dce4df; }
.posem-new .new-page-hero > .new-page-container { padding-block:28px 64px; }
.posem-new .new-breadcrumbs { display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:#4a5b52;margin-bottom:36px; }
.posem-new .new-breadcrumb-item { display:inline-flex;align-items:center;gap:8px; }
.posem-new .new-breadcrumbs a { display:inline-flex;align-items:center;min-height:44px;color:#4a5b52; }
.posem-new .new-breadcrumbs [aria-current] { font-weight:600;color:#10241a; }
.posem-new .new-page-hero-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px 56px; }
.posem-new .new-page-hero-copy { display:flex;flex-direction:column;gap:22px;min-width:0; }
.posem-new .new-eyebrow { color:#1f7a45;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase; }
.posem-new .new-page-hero h1 { font-family:Sora,sans-serif;font-size:46px;font-weight:700;line-height:1.1;letter-spacing:-1px;color:#0e3b2c;text-wrap:balance;overflow-wrap:break-word; }
.posem-new .new-page-intro { font-size:19px;color:#3f5548;line-height:1.5; }
.posem-new .new-page-hero-aside { min-width:0; }
.posem-new .new-page-actions { display:flex;flex-wrap:wrap;gap:12px; }
.posem-new .new-page-section { padding:88px 0; }
.posem-new .new-page-section-white { background:#fff;border-block:1px solid #dce4df; }
.posem-new .new-page-section-soft { background:#f6f8f5; }
.posem-new .new-section-heading { display:flex;flex-direction:column;gap:14px;margin-bottom:32px;max-width:800px; }
.posem-new .new-section-heading h2 { font-size:36px;line-height:1.15;letter-spacing:-.5px;color:#0e3b2c; }
.posem-new .new-prose { color:#3f5548;line-height:1.6; }
.posem-new .new-prose p + p { margin-top:18px; }
.posem-new .new-card { display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #dce4df;border-radius:14px;padding:26px;min-width:0; }
.posem-new .new-page-hero-aside > .new-card { background:#f6f8f5; }
.posem-new .new-card h2,.posem-new .new-card h3 { font-size:22px;line-height:1.25;color:#0e3b2c; }
.posem-new .new-card p { color:#3f5548;font-size:17px; }
.posem-new .new-card-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px; }
.posem-new .new-list { display:grid;gap:14px;padding:0;list-style:none; }
.posem-new .new-list li { border-bottom:1px solid #dce4df;padding-bottom:14px; }
.posem-new .new-list li:last-child { border:0;padding-bottom:0; }
.posem-new .new-steps { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:18px;padding:0;list-style:none;counter-reset:new-step; }
.posem-new .new-steps > li { display:flex;flex-direction:column;gap:10px;counter-increment:new-step;border:1px solid #dce4df;border-radius:14px;background:#fff;padding:24px; }
.posem-new .new-steps > li::before { content:counter(new-step,decimal-leading-zero);color:#1f7a45;font:700 28px Sora,sans-serif; }
.posem-new .new-details { margin-top:24px;border:1px solid #dce4df;border-radius:14px;background:#fff;min-width:0; }
.posem-new .new-details > summary { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:14px 20px;font-weight:600;color:#0e3b2c;cursor:pointer;list-style:none; }
.posem-new .new-details > summary::-webkit-details-marker { display:none; }
.posem-new .new-details[open] > summary { border-bottom:1px solid #dce4df; }
.posem-new .new-details[open] > summary > span { transform:rotate(45deg); }
.posem-new .new-details-content { padding:24px;display:grid;gap:18px; }
.posem-new .new-details-content h3 { font-size:22px;line-height:1.25;color:#0e3b2c; }
.posem-new .new-details :where(ul,ol) { padding-left:24px; }
.posem-new .new-details li { margin-block:8px; }
.posem-new .new-related { padding:72px 0;background:#f6f8f5; }
.posem-new .new-related-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px; }
.posem-new .new-related-card { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 26px;background:#fff;border:1px solid #dce4df;border-radius:14px;text-decoration:none;min-width:0; }
.posem-new .new-related-card > span:first-child { display:flex;flex-direction:column;gap:4px; }
.posem-new .new-related-card small { font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#4a5b52; }
.posem-new .new-related-card strong { font:700 20px/1.3 Sora,sans-serif;color:#0e3b2c; }
.posem-new .new-related-card span span { font-size:15px;color:#3f5548; }
.posem-new .new-closing { padding:0 0 88px;background:#f6f8f5; }
.posem-new .new-closing-box { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 40px;background:#0e3b2c;border-radius:18px;padding:56px 48px;color:#fff; }
.posem-new .new-closing-box > div { flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:12px; }
.posem-new .new-closing h2 { font:700 34px/1.15 Sora,sans-serif;color:#fff; }
.posem-new .new-closing p { font-size:18px;color:#dcebe2; }
.posem-new .new-button { display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;max-width:100%;padding:12px 26px;border:1px solid transparent;border-radius:8px;background:#0e3b2c;color:#fff;font-size:17px;font-weight:600;text-decoration:none; }
.posem-new .new-button-light { background:#dcefe3;color:#0e3b2c; }
.posem-new .new-button:hover { background:#1f7a45;color:#fff; }
.posem-new .new-text-link { display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#0e3b2c;font-weight:600; }
@media(max-width:800px) {
 .posem-new .new-page-hero-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:600px) {
 .posem-new .new-page-hero h1 { font-size:36px;letter-spacing:-.6px; }
 .posem-new .new-section-heading h2,.posem-new .new-closing h2 { font-size:30px; }
 .posem-new .new-related-grid { grid-template-columns:minmax(0,1fr); }
 .posem-new .new-closing-box { padding:32px 24px; }
 .posem-new .new-card { padding:24px; }
 .posem-new .new-details-content { padding:20px; }
}

/* Makine Asistanı içeriği ve gerçek ekranları için ortak tasarım uyarlaması. */
.posem-new { --kenar:32px; --bolum:88px; }
.posem-new .kap { max-width:var(--new-content-width);padding-inline:32px; }
.posem-new .giris { padding:28px 0 64px;background:white;border-bottom:1px solid #dce4df; }
.posem-new .giris h1 { margin-top:22px;font-size:46px;line-height:1.1;letter-spacing:-1px;color:#0e3b2c; }
.posem-new .giris-alt { color:#3f5548;font-size:19px; }
.posem-new .giris-kucuk,.posem-new .demo-notu { color:#4a5b52; }
.posem-new .dugme { min-height:54px; }
.posem-new .dugme-koyu { color:white; }
.posem-new .giris .new-breadcrumbs { margin-bottom:36px; }
.posem-new .new-eyebrow { margin-bottom:14px; }
.posem-new .adimlar { padding:88px 0; }
.posem-new .soz { padding-top:18px; }
.posem-new .soz h2 { font-size:22px; }
.posem-new .soz p { font-size:17px; }
.posem-new .bolum-baslik { color:#0e3b2c;font-size:36px;line-height:1.15; }
.posem-new .ikinci-zemin { background:white;border-block:1px solid #dce4df; }
.posem-new .yol-karti { border-radius:14px; }
.posem-new .yol-no,.posem-new .saklama-ust-baslik { color:#1f7a45;text-transform:uppercase;letter-spacing:2px; }
.posem-new .hizmetler .lisans-notu { margin-top:0; }
.posem-new .veri-saklama { padding:32px 0 0; }
.posem-new .veri-saklama .bolum-baslik { font-size:28px; }
.posem-new .makine-table-wrap { min-width:0; }
.posem-new .new-details-content.uc-sutun { grid-template-columns:repeat(3,minmax(0,1fr)); }
.posem-new .new-details-content > .uc-sutun { gap:28px; }
.posem-new .ozellik-listesi { padding-left:22px; }
.posem-new .new-site-footer .new-eyebrow { margin-bottom:0; }
.posem-new .new-menu-trigger,.posem-new .new-mobile-toggle { font-family:"IBM Plex Sans",sans-serif; }
@media(max-width:900px) {
 .posem-new .new-details-content.uc-sutun,.posem-new .new-details-content > .uc-sutun { grid-template-columns:1fr; }
 .posem-new .giris-ic { grid-template-columns:1fr; }
}
@media(max-width:600px) {
 .posem-new .giris h1 { font-size:36px;letter-spacing:-.6px; }
 .posem-new .bolum-baslik { font-size:30px; }
 .posem-new .giris-alt { font-size:19px; }
 .posem-new .hizmet-tablosu,.posem-new .hizmet-tablosu tbody,.posem-new .hizmet-tablosu tr,.posem-new .hizmet-tablosu th,.posem-new .hizmet-tablosu td { display:block;width:100%; }
 .posem-new .hizmet-tablosu thead { display:none; }
 .posem-new .hizmet-tablosu tr { padding:12px 0;border-bottom:1px solid #dce4df; }
 .posem-new .hizmet-tablosu th,.posem-new .hizmet-tablosu td { padding:6px 8px;border:0; }
 .posem-new .hizmet-tablosu th:first-child,.posem-new .hizmet-tablosu th:last-child { width:100%;padding-left:8px; }
 .posem-new .hizmet-tablosu td:nth-child(2)::before { content:"Ne verir: ";font-weight:600; }
 .posem-new .hizmet-tablosu td:nth-child(3)::before { content:"Durum: ";font-weight:600; }
 .posem-new .saklama-sureler > div { grid-template-columns:1fr;gap:6px; }
 .posem-new .saklama-karsilastirma { grid-template-columns:1fr; }
}

/* Adım 3: bölüm başlıkları ve açık hizmet / arşiv düzeni. */
.posem-new .bolum-baslik { margin-bottom: 16px; }
.posem-new .bolum-giris { margin: 0 0 32px; }
.posem-new .dugme-ikincil { background:#fff;border-color:#dce4df;color:#0e3b2c; }
.posem-new .dugme-ikincil:hover { background:#e3f1e8; }
.posem-new .hizmetler .lisans-notu { margin-bottom:32px; }
.posem-new .makine-ayrinti-konu h3 { margin-bottom:12px; }
.posem-new .saklama-hesap { margin-top:32px; }
.posem-new .saklama-hesap h3 { margin-bottom:16px;font-size:24px;color:#0e3b2c; }
.posem-new .cevap h2 { margin-bottom:16px; }

/* Ortak kabuğun alt bilgi sütunlarıyla aynı duyarlı düzen. */
.posem-new .new-footer-grid { grid-template-columns:1fr 1fr 1.4fr 1.3fr 1.4fr 1.2fr;gap:28px 24px; }
@media(max-width:1000px){.posem-new .new-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:600px){.posem-new .new-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:420px){.posem-new .new-footer-grid{grid-template-columns:minmax(0,1fr);}}

/* Adım 4: giriş boşlukları ve açık üç yol karşılaştırması. */
.posem-new .giris-alt { margin-top:22px; }
.posem-new .demo-notu { margin-top:22px; }
.posem-new .giris-kucuk { margin-top:12px; }
.posem-new .yol-kartlari { align-items:start; }
.posem-new .yol-karti h3 { min-height:0;margin-bottom:22px; }
.posem-new .yol-satirlari { grid-template-rows:auto;gap:16px; }
.posem-new .yol-secimi { margin-top:24px; }

.posem-new .new-footer-column .posem-social-link { gap: .4em; }
.posem-new .new-footer-column .posem-social-link svg { flex: none; }