/* ===========================================================================
   İÇ SAYFALAR (2026-09-11)
   Anasayfayla AYNI dil; yalnız kahraman sadeleşiyor ve metin bloklarına
   okunabilirlik ölçüsü geliyor. site.css'ten SONRA yüklenir.
   =========================================================================== */
.ic-hero { position: relative; overflow: hidden; padding-block: 62px 54px; text-align: center;
  border-bottom: 1px solid var(--line); background: var(--bg-2); }
.ic-hero-ic { position: relative; z-index: 1; max-width: 760px; }
.ic-hero h1 { font-size: clamp(30px, 4vw, 46px); line-height: 1.1; font-weight: 800; margin-top: 4px; }
.ic-hero-alt { font-size: 17.5px; color: var(--muted); margin: 18px auto 0; max-width: 44em; line-height: 1.62; }
.ic-rozetler { display: flex; gap: 10px 22px; flex-wrap: wrap; justify-content: center; margin-top: 24px;
  font-size: 13.5px; color: var(--muted); }
.ic-rozetler span { display: inline-flex; align-items: center; gap: 7px; }
.ic-rozetler svg { width: 15px; height: 15px; color: var(--good); flex: 0 0 auto; }

/* Belge / yasal metin — okuma ölçüsü ~68 karakter */
.belge-ic { max-width: 46em; margin: 0 auto; }
.belge-ic h2 { font-size: 21px; font-weight: 700; margin: 40px 0 12px; }
.belge-ic h2:first-of-type { margin-top: 0; }
.belge-ic h3 { font-size: 16.5px; font-weight: 700; margin: 24px 0 8px; }
.belge-ic p { margin: 0 0 14px; line-height: 1.72; color: var(--ink-2); }
.belge-ic ul, .belge-ic ol { margin: 0 0 16px; padding-left: 22px; line-height: 1.72; color: var(--ink-2); }
.belge-ic li { margin-bottom: 7px; }
.belge-ic strong { color: var(--ink); }
.belge-ic a { color: var(--accent); }
.belge-tarih { font-size: 13.5px; color: var(--muted); padding-bottom: 22px; margin-bottom: 28px;
  border-bottom: 1px solid var(--line); }
.belge-uyari { background: var(--warn-t); border: 1px solid color-mix(in srgb, var(--warn) 28%, transparent);
  border-radius: 11px; padding: 15px 18px; margin: 0 0 28px; font-size: 14px; line-height: 1.6; color: var(--ink-2); }
.belge-uyari b { color: var(--warn); }

/* Izgara varyantları */
.ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 820px) { .ikili { grid-template-columns: 1fr; } }
.dortlu { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
@media (max-width: 1000px) { .dortlu { grid-template-columns: 1fr 1fr; } }

/* Entegrasyon kartları */
.ent-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
@media (max-width: 900px) { .ent-izgara { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .ent-izgara { grid-template-columns: 1fr; } }
.ent { background: var(--card); border: 1px solid var(--line); border-radius: 13px; padding: 22px 22px 24px;
  display: flex; flex-direction: column; gap: 11px; transition: transform .22s ease, box-shadow .22s ease; }
.ent:hover { transform: translateY(-4px); box-shadow: var(--sh-m); }
.ent-ust { display: flex; align-items: center; gap: 12px; }
.ent-ik { width: 40px; height: 40px; border-radius: 11px; flex: 0 0 auto; display: grid; place-items: center; color: #fff; }
.ent-ik svg { width: 19px; height: 19px; }
.ent h3 { font-size: 16.5px; font-weight: 700; }
.ent p { margin: 0; font-size: 14px; color: var(--muted); line-height: 1.6; flex: 1; }
.ent-hal { display: inline-flex; align-items: center; gap: 6px; font: 600 11.5px/1 'Inter', sans-serif;
  padding: 5px 10px; border-radius: 6px; align-self: flex-start; }
.hal-hazir { background: var(--good-t); color: var(--good); }
.hal-yakin { background: var(--warn-t); color: var(--warn); }
@media (prefers-reduced-motion: reduce) { .ent:hover { transform: none; } }

/* Karşılaştırma tablosu */
.kar-tablo-kap { overflow-x: auto; }
.kar-tablo { width: 100%; border-collapse: collapse; min-width: 620px; background: var(--card);
  border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.kar-tablo th, .kar-tablo td { padding: 15px 18px; text-align: left; border-bottom: 1px solid var(--line);
  font-size: 14.5px; vertical-align: top; }
.kar-tablo thead th { font: 700 12px/1.4 'Inter', sans-serif; letter-spacing: .06em; text-transform: uppercase;
  color: var(--muted); background: var(--bg-2); }
.kar-tablo thead th.biz { color: var(--accent); background: var(--tint); }
.kar-tablo tbody tr:last-child td { border-bottom: 0; }
.kar-tablo td:not(:first-child) { text-align: center; width: 150px; }
.kar-tablo td.biz { background: color-mix(in srgb, var(--tint) 55%, transparent); }
.kismi { color: var(--warn); font-weight: 600; font-size: 13px; }
.kar-alt { font-size: 13.5px; color: var(--muted); margin-top: 16px; text-align: center; }

/* İletişim */
.iletisim-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
@media (max-width: 860px) { .iletisim-izgara { grid-template-columns: 1fr; } }
.ilt-kutu { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 26px 24px;
  display: flex; flex-direction: column; gap: 12px; }
.ilt-ik { width: 40px; height: 40px; border-radius: 11px; background: var(--tint); color: var(--accent);
  display: grid; place-items: center; }
.ilt-ik svg { width: 19px; height: 19px; }
.ilt-kutu h3 { font-size: 17.5px; font-weight: 700; }
.ilt-kutu p { margin: 0; font-size: 14.5px; color: var(--muted); line-height: 1.62; flex: 1; }
.ilt-kutu .btn { align-self: flex-start; }
.ilt-buyuk { font: 700 19px/1.3 'Plus Jakarta Sans', sans-serif; color: var(--accent);
  text-decoration: none; word-break: break-word; }

/* Sürüm notları — zaman çizgisi (SIRA gerçekten bilgi taşıyor) */
.surum-liste { max-width: 720px; margin: 0 auto; }
.surum { display: grid; grid-template-columns: 128px 1fr; gap: 22px; padding: 24px 0;
  border-bottom: 1px solid var(--line); }
.surum:last-child { border-bottom: 0; }
@media (max-width: 620px) { .surum { grid-template-columns: 1fr; gap: 10px; } }
.surum-tarih { font: 600 13px/1.5 'Inter', sans-serif; color: var(--muted); }
.surum-et { display: inline-block; margin-top: 6px; padding: 3px 9px; border-radius: 6px;
  font: 700 10.5px/1.6 'Inter', sans-serif; letter-spacing: .04em; }
.et-yeni { background: var(--good-t); color: var(--good); }
.et-iyi { background: var(--tint); color: var(--accent); }
.surum h3 { font-size: 17.5px; font-weight: 700; margin-bottom: 8px; }
.surum ul { margin: 0; padding-left: 20px; font-size: 14.5px; line-height: 1.7; color: var(--muted); }

/* Blog — yazı yokken dürüst boş hâl */
.bos-hal { max-width: 520px; margin: 0 auto; text-align: center; padding: 44px 0; }
.bos-ik { width: 56px; height: 56px; border-radius: 15px; background: var(--tint); color: var(--accent);
  display: grid; place-items: center; margin: 0 auto 20px; }
.bos-ik svg { width: 26px; height: 26px; }
.bos-hal h3 { font-size: 21px; font-weight: 700; margin-bottom: 10px; }
.bos-hal p { color: var(--muted); font-size: 15.5px; line-height: 1.65; margin: 0 0 22px; }

/* Mobil uygulama sayfası — telefon çerçevesi */
.tel-sahne { display: grid; grid-template-columns: 1fr 340px; gap: 48px; align-items: center; }
@media (max-width: 900px) { .tel-sahne { grid-template-columns: 1fr; justify-items: center; } }
.tel-cerceve { width: 300px; max-width: 100%; border: 10px solid var(--ink); border-radius: 34px;
  overflow: hidden; background: var(--card); box-shadow: var(--sh-xl); }
.tel-cubuk { height: 26px; background: var(--ink); display: grid; place-items: center; }
.tel-cubuk span { width: 76px; height: 5px; border-radius: 3px; background: rgba(255,255,255,.28); }
.tel-ic { padding: 12px; display: flex; flex-direction: column; gap: 8px; min-height: 400px; }
.tel-bas { font: 700 15px/1 'Plus Jakarta Sans', sans-serif; padding: 6px 4px 8px; }
.tel-cagri { border: 1px solid var(--accent); background: var(--tint); border-radius: 12px;
  padding: 14px; text-align: center; }
.tel-cagri .av { margin: 0 auto 10px; width: 46px; height: 46px; font-size: 15px;
  background: var(--accent); color: #fff; }
.tel-cagri-ad { font-weight: 700; font-size: 15px; }
.tel-cagri-no { font-size: 12.5px; color: var(--muted); margin-top: 2px; }
.tel-dugmeler { display: flex; gap: 8px; margin-top: 12px; }
.tel-dugmeler span { flex: 1; padding: 9px 0; border-radius: 8px; font: 600 12px/1 'Inter', sans-serif;
  text-align: center; }
.tel-kabul { background: var(--good); color: #fff; }
.tel-ret { background: var(--card); border: 1px solid var(--line); color: var(--muted); }