/* Referans: gorsel-ham/ref/tasarim.png — "geniş ekran" tasarımı, 1070 × 1470 px. Ölçüler 1070 px tabanındadır ve yazı/şekiller
   tasarımdaki boyutta kalır (büyütme yok): içerik sütunu 1070 px ortalı; bölüm zeminleri, kahraman fotoğrafı ve alt bilgi zemini
   ekranın tamamını kaplar. 961–1069 px arasında içerik ekrana sığacak kadar küçülür (--z < 1). Üst bilgi yapışkandır.
   Kahraman İKİ YANA YASLI: metin sol kenara (--kenar: 1070 px'te tasarımdaki 83 px, geniş ekranda en çok 120 px), fotoğraf sağ kenara
   yaslanır. Kahraman 1070 px'te tasarımdaki 432 px'tir; daha geniş ekranda en çok 560 px'e uzar, metin ve maket dikeyde ortalanır (--kay). */
.site-govde { color: var(--lacivert); background: #fff; }
.site-olcek { container-type: inline-size; --kenar: clamp(83px, calc(83px + (100cqw - 1070px) * .04), 120px); }
.olcek { --z: clamp(.9, calc(100cqw / 1070px), 1); width: 1070px; margin-inline: auto; zoom: var(--z); }
.kahraman-ic.olcek { width: auto; }
.site-govde h1,.site-govde h2,.site-govde h3,.site-govde p { margin-top: 0; }
.site-govde h1,.site-govde h2,.site-govde h3 { color: var(--lacivert); }
.site-govde h1,.site-govde h2 { font-weight: 800; letter-spacing: 0; }
.site-govde a,.site-govde button { -webkit-tap-highlight-color: transparent; }
.site-dugme { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 41px; padding: 10px 18px; border: 1px solid #017768; border-radius: 7px; background: linear-gradient(105deg,#008475,#017768); box-shadow: 0 3px 5px #01776812; color: #fff; font-size: 13.5px; font-weight: 800; line-height: 1.4; text-decoration: none; cursor: pointer; }
.site-dugme:hover { color: #fff; background: #016255; text-decoration: none; }
.site-dugme.ikincil { color: #13283b; background: #fff; border-color: #b9c5ca; box-shadow: none; }
.site-dugme.ikincil:hover { background: #e8f9f3; }

/* ---- Üst bilgi (0–48 px + 1 px çizgi): logo sütunun solunda, menü sayfa ekseninde, Demo sağda ---- */
.site-ust { background: #ffffffeb; border-bottom: 1px solid #e3efec; position: sticky; top: 0; z-index: 60; -webkit-backdrop-filter: saturate(1.5) blur(12px); backdrop-filter: saturate(1.5) blur(12px); transition: box-shadow .2s ease, background-color .2s ease; }
.site-ust.kaydirildi { background: #fffffff5; box-shadow: 0 8px 24px -10px #0d183b33; }
.ust-ic { height: 48px; display: flex; align-items: center; padding: 0 86px 0 88px; position: relative; }
@media (min-width: 961px) {
  .ust-ic { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); grid-template-rows: 100%; }
  .ust-ic .site-logo { justify-self: start; }
  .ust-ic .site-menu { justify-self: center; margin-left: 8px; }
  .ust-ic .ust-eylemler { justify-self: end; margin-left: 0; }
  .menu-ikon, .menu-giris { display: none !important; }
}
/* Kullanıcının yatay logosu (720×184, mürekkep 14–705 × 14–169) tasarımdaki logo kutusuna (91–220 × 8–37) oturur */
.site-logo { width: 137px; margin-top: -2px; flex: none; display: block; line-height: 0; }
.site-logo img { width: 137px; height: 35px; object-fit: contain; }
.site-menu { display: flex; align-items: center; gap: 48px; white-space: nowrap; height: 100%; }
.menu-oge { height: 100%; display: flex; align-items: center; }
.menu-baslik { display: inline-flex; align-items: center; gap: 4px; height: 100%; color: var(--lacivert); font-size: 11.6px; font-weight: 700; letter-spacing: 0; text-decoration: none; position: relative; }
.menu-baslik:hover { text-decoration: none; color: var(--ana); }
.menu-ikon { width: 16px; height: 16px; flex: none; margin-right: 3px; color: var(--ana); stroke-width: 2; }
.menu-giris { display: none; }
.menu-ok-kap { display: none; }
.menu-ok { width: 9px; height: 9px; transition: transform .16s ease; }
.menu-oge.acik .menu-ok { transform: rotate(180deg); }
.menu-oge.acik .menu-baslik::after { content: ""; position: absolute; left: 0; right: 0; bottom: 8px; height: 2px; border-radius: 2px; background: var(--ana); }
.menu-baslik[aria-current] { color: var(--ana); }
.ust-eylemler { margin-left: auto; display: flex; gap: 12px; align-items: center; }
.demo-dugme { min-height: 32px; height: 32px; width: 125px; padding: 0 8px; border-radius: 6px; font-size: 11.6px; font-weight: 700; }
.site-menu-ac { display: none; }

/* ---- Kahraman (49–480 px) ---- */
.kahraman { background: linear-gradient(110deg,#e6f8f2,#e3f6f0); }
.kahraman-ic { --kh: clamp(432px, calc(432px + (100cqw - 1070px) * .25), 560px); --kay: calc((var(--kh) - 432px) / 2); height: var(--kh); position: relative; isolation: isolate; }
/* Fotoğraf metnin 328 px sağından başlar ve ekranın sağ kenarına uzanır (en çok 1536 px, kaynak genişliği); solma 360 px */
.hero-foto { position: absolute; z-index: -1; top: 0; bottom: 0; right: 0; width: min(1536px, calc(100% - var(--kenar) - 328px)); height: 100%; object-fit: cover; object-position: right center; opacity: .85; mask-image: linear-gradient(90deg, transparent 0, #000 360px); }
.kahraman-metin { position: absolute; left: var(--kenar); top: calc(99px + var(--kay)); z-index: 1; }
.kahraman h1 { margin: 0; font-size: 38.6px; line-height: 45px; letter-spacing: 0; font-weight: 800; }
.kahraman h1 span,.cta-ic h2 span { position: relative; white-space: nowrap; }
.firca { position: absolute; left: 0; bottom: -13px; width: 100%; height: 16px; overflow: visible; }
.kahraman h1 .firca { left: 23px; bottom: -17px; width: 115px; height: 17px; }
.kahraman-metin>p { margin: 29px 0 0; font-size: 18px; line-height: 23px; font-weight: 500; color: var(--metin-2); letter-spacing: 0; }
.kahraman-eylem { display: flex; gap: 13px; margin-top: 33px; }
.kahraman-eylem .site-dugme { white-space: nowrap; height: 41px; min-height: 41px; padding: 0 8px; font-size: 13.4px; }
.kahraman-eylem .site-dugme:first-child { width: 176px; }
.kahraman-eylem .site-dugme:last-child { width: 146px; }
/* Panel maketi: 531 × 370 px'lik iç düzen tasarımdaki 491 × 342 px kutuya .925 ölçekle oturur (452–942 × 93–437) */
.panel-maket { position: absolute; left: 403px; top: 41px; width: 531px; height: 370px; display: flex; border: 5px solid #fff; border-radius: 16px; background: #f5f8fa; box-shadow: 0 14px 26px #007b6b2b,0 2px 4px #0d183b2e; color: #0d183b; text-align: left; }
.kahraman-ic>.panel-maket { zoom: .925; left: calc((var(--kenar) + 369px) / .925); top: calc((44px + var(--kay)) / .925); }
.maket-yan { width: 103px; padding: 12px 5px; flex: none; border-radius: 10px 0 0 10px; background: linear-gradient(120deg,#132239,#1b293d); color: #fff; }
.maket-yan>img { display: block; width: 73px; height: 22px; object-fit: contain; margin: 0 9px 16px; }
.maket-menu { display: grid; gap: 6px; }
.maket-menu>span { display: flex; align-items: center; padding: 7px 7px 7px 10px; gap: 6px; font-size: 7.7px; font-weight: 600; white-space: nowrap; }
.maket-menu .ikon { width: 12px; height: 12px; }
.maket-menu .secili { background: linear-gradient(90deg,#009987,#017768); border-radius: 5px; }
.maket-ana { padding: 16px 10px 8px 12px; flex: 1; min-width: 0; }
.maket-ust { display: flex; align-items: center; justify-content: space-between; margin: 7px 0 8px 4px; gap: 5px; }
.maket-ust>strong { font-size: 15.6px; line-height: 20px; font-weight: 800; letter-spacing: 0; }
.maket-ust>span { padding: 4px 12px; background: #e6e7e9; border-radius: 20px; font-size: 7px; white-space: nowrap; }
.maket-kpiler { display: grid; grid-template-columns: 1fr 1fr 1.06fr; gap: 7px; margin-bottom: 7px; }
.maket-kpiler>div { background: #fff; border: 1px solid #ecf0f2; border-radius: 6px; box-shadow: 0 2px 2px #0d183b08; min-height: 58px; display: flex; padding: 8px 5px; align-items: flex-start; gap: 6px; }
.maket-kpiler i { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: #edfaf5; color: #009c80; flex: none; }
.maket-kpiler .ikon { width: 17px; height: 17px; }
.maket-kpiler span { padding-top: 3px; font-size: 6.6px; font-weight: 500; white-space: nowrap; }
.maket-kpiler b { display: block; font-size: 18px; line-height: 22px; margin-top: 6px; font-weight: 800; }
.maket-grafikler { display: grid; grid-template-columns: 1.42fr 1fr; gap: 7px; margin-bottom: 7px; }
.maket-kart { border: 1px solid #e4e9ed; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px #0d183b08; }
.maket-kart h3 { font-size: 9.4px; font-weight: 800; line-height: 13px; margin: 7px 9px 0; letter-spacing: 0; }
.maket-grafikler>section { height: 122px; }
.maket-grafik h3 { font-size: 9.6px; line-height: 13px; letter-spacing: 0; }
.maket-grafik .grafik { display: block; width: 100%; height: 106px; margin-top: -10px; padding: 0 4px; }
.maket-grafik text { font: 7.5px var(--yazi); fill: #263044; }
.maket-grafik .izgara-cizgi { stroke: #f5f7f8; stroke-width: .3; }
.maket-grafik circle { r: 2.2px; stroke-width: 1.2px; }
.maket-grafik path[stroke] { stroke-width: 1.7px; }
.maket-durum p { display: flex; align-items: center; gap: 9px; font-size: 7.6px; margin: 0 9px; padding: 4px 0; border-bottom: 1px solid #f2f4f6; }
.maket-durum p:first-of-type { margin-top: 6px; }
.maket-durum p:last-child { border: 0; }
.maket-durum p>i { width: 6px; height: 6px; border-radius: 50%; background: #00a385; }
.maket-durum p:nth-of-type(2)>i { background: #f99313; }
.maket-durum p:nth-of-type(3)>i { background: #bcc4cd; }
.maket-durum b { margin-left: auto; font-size: 8px; }
.maket-liste { height: 111px; padding: 0 4px; }
.maket-liste h3 { margin-left: 5px; margin-bottom: 4px; }
.maket-liste table { border-collapse: collapse; width: 100%; font-size: 7.4px; white-space: nowrap; }
.maket-liste th { color: #5b6475; text-align: left; font-weight: 500; padding: 2px 3px 3px; font-size: 6.9px; }
.maket-liste td { height: 29px; border-top: 1px solid #f1f4f5; padding: 3px; font-weight: 700; }
.maket-liste td:last-child { font-size: 17px; font-weight: 400; }
.maket-liste .ikon { height: 13px; width: 13px; color: #008c73; margin-right: 7px; vertical-align: -3px; }
.ornek-durum { display: inline-flex; border-radius: 4px; background: #d9f6ea; padding: 4px 6px; color: #008068; }
.ornek-durum.turuncu { background: #fff0db; color: #d87a00; }
.ornek-kisi { display: inline-flex; align-items: center; gap: 5px; }
.ornek-kisi img { width: 23px; height: 23px; border-radius: 50%; object-fit: cover; }
.maket-liste .ornek-kisi img { width: 21px; height: 21px; }
.maket-liste .ornek-durum { padding: 4px 7px; font-weight: 700; }
.danisman-rozet { position: absolute; top: 220px; right: -62px; background: linear-gradient(100deg,#0daf91,#00806d); color: #fff; border: 2px solid #fff; border-radius: 25px; padding: 10px 13px; box-shadow: 0 5px 9px #00776830; font-size: 11.4px; font-weight: 800; transform: rotate(10deg); display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.danisman-rozet>.ikon { width: 16px; height: 16px; fill: #fff; color: #0aab8c; }
.danisman-rozet>span { position: absolute; top: -18px; right: 2px; font-size: 20px; font-weight: 800; color: #f99313; transform: rotate(14deg); }

/* ---- Destek ekosistemi (481–535 px): ayraçlar 240 / 414 / 591 / 808 px'te, öğeler aralıklarında ortalı ---- */
.ekosistem { background: #fdfefe; border-bottom: 1px solid #eef2f3; }
.ekosistem-ic { display: grid; grid-template-columns: 156px 174px 177px 217px 215px; align-items: center; height: 54px; padding-left: 84px; }
.ekosistem-etiket { color: #5b6475; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.kurulus { display: flex; align-items: center; justify-content: center; gap: 8px; height: 20px; border-left: 1px solid #c6cfd8; white-space: nowrap; min-width: 0; }
.kurulus b { color: #060e1e; font-size: 12.5px; font-weight: 800; letter-spacing: 0; line-height: 13px; }
.kurulus img { display: block; flex: none; }
.kl-kirp { display: block; overflow: hidden; flex: none; }
.kl-tubitak { width: 28px; height: 22px; }
.kl-tubitak img { width: 28px; height: auto; }
.kl-kosgeb { width: 35px; height: 26px; }
.kl-kosgeb img { width: 60px; height: auto; max-width: none; }
.kl-bakanlik { width: 34px; height: 34px; }
.kl-ab { width: 38px; height: 25px; }
.kurulus.kosgeb b { font-size: 12px; }
.kurulus.bakanlik b { font-size: 10.8px; line-height: 13px; font-weight: 700; }
.kurulus:last-child b { font-size: 13px; font-weight: 700; }

/* ---- Fikrinize uygun desteği bulun (536–750 px) ---- */
.destek-bul { background: #fafdfc; }
.destek-bul-ic { height: 215px; padding: 22px 70px 0 72px; }
.destek-bul h2 { font-size: 31.5px; line-height: 40px; letter-spacing: 0; text-align: center; margin: -3px 0 16px; }
.ana-destek-kartlari { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ana-destek-kart { height: 122px; padding: 5px 18px 0 29px; border: 1px solid #e6eaee; box-shadow: 0 3px 9px #0d183b17; border-radius: 10px; color: var(--lacivert); background: #fff; }
.ana-destek-kart:hover { text-decoration: none; border-color: #8dc8ba; box-shadow: 0 4px 12px #01776816; }
.ana-destek-kart>.ikon { display: block; width: 40px; height: 40px; color: #00836e; margin: 0 0 1px -3px; stroke-width: 1.75; }
.ana-destek-kart h3 { margin: 0 0 3px; font-size: 17.6px; line-height: 22px; font-weight: 800; letter-spacing: 0; }
.ana-destek-kart p { margin: 0; color: #515c6d; font-size: 13.6px; line-height: 16px; letter-spacing: 0; }
/* tasarım görselindeki satır genişliklerine ince ayar (yalnız masaüstü; ±1 px duyarlılık, 2026-11-08 REA ölçümü) */
@media (min-width: 961px) {
  .ana-destek-kart:nth-child(2) p { letter-spacing: .11px; }
  .ana-destek-kart:nth-child(3) { padding-left: 27px; }
  .ana-destek-kart:nth-child(3) h3 { letter-spacing: .3px; }
  .ana-destek-kart:nth-child(3) p { letter-spacing: .22px; }
}

/* ---- Dijital hız. Uzman güvencesi (751–966 px) ---- */
.dijital { background: linear-gradient(110deg,#eef9f3,#e3f5eb); }
.dijital-ic { height: 216px; padding: 17px 72px 0 77px; display: grid; grid-template-columns: 453px 469px; }
.dijital h2 { font-size: 28.6px; line-height: 36px; letter-spacing: 0; margin: 0 0 12px; white-space: nowrap; }
.uc-adim { list-style: none; padding: 0; margin: 0 0 0 10px; }
.uc-adim li { display: flex; gap: 21px; position: relative; min-height: 47px; }
.uc-adim li:not(:last-child)::after { content: ''; position: absolute; top: 29px; left: 13px; width: 2px; height: 18px; background: #39b19b; }
.uc-adim li:nth-child(2)::after { background: #f99313; }
.uc-adim li>span { display: grid; place-items: center; color: #fff; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(100deg,#46bda7,#1c9e87); box-shadow: 0 0 0 1px #fff; font-size: 14.5px; font-weight: 800; flex: none; }
.uc-adim li:last-child>span { background: #f99313; }
.uc-adim li>div { padding-top: 0; }
.uc-adim h3 { font-size: 15.2px; line-height: 19px; font-weight: 800; margin: 0; letter-spacing: 0; }
.uc-adim p { color: #353d48; font-size: 11.8px; line-height: 15px; margin: 0; letter-spacing: 0; }
.danisman-maket { margin-top: 5px; height: 172px; padding: 7px 10px 0 12px; border: 1px solid #dce6e3; border-radius: 12px; background: #fff; box-shadow: 0 6px 14px #01776814; }
.danisman-maket h3 { display: flex; align-items: center; gap: 7px; font-size: 15px; line-height: 18px; font-weight: 800; margin: 0 0 9px 8px; letter-spacing: 0; }
.danisman-maket h3>.ikon { color: #008771; width: 21px; height: 21px; }
.ornek-sekmeler { display: flex; border-bottom: 1px solid #e9edef; height: 28px; margin-bottom: 7px; }
.ornek-sekmeler>span { font-size: 10.4px; font-weight: 700; line-height: 26px; text-align: center; }
.ornek-sekmeler>span:nth-child(1) { width: 120px; }
.ornek-sekmeler>span:nth-child(2) { width: 77px; }
.ornek-sekmeler>span:nth-child(3) { width: 133px; font-weight: 600; }
.ornek-sekmeler>span:nth-child(2) { font-weight: 600; }
.ornek-sekmeler>.secili { color: #006e62; background: linear-gradient(180deg,#d9f6ef,#e6faf2); border-bottom: 2px solid #11725b; border-radius: 6px 6px 0 0; }
.danisman-satir { display: flex; align-items: center; gap: 9px; height: 45px; padding-left: 4px; border-bottom: 1px solid #eef1f3; }
.danisman-satir:last-child { border-bottom: 0; }
.danisman-satir>i { display: grid; place-items: center; width: 34px; height: 34px; background: #eef9f5; border-radius: 50%; color: #008b72; flex: none; }
.danisman-satir>i>.ikon { width: 19px; height: 19px; }
.ornek-proje { width: 170px; flex: none; }
.ornek-proje strong { display: block; font-size: 10.6px; line-height: 15px; font-weight: 800; letter-spacing: 0; }
.ornek-proje small,.danisman-kisi>small { display: block; color: #5b6475; font-size: 9.4px; line-height: 13px; }
.danisman-kisi { position: relative; flex: 1; white-space: nowrap; }
.danisman-kisi .ornek-kisi { font-size: 10px; font-weight: 700; gap: 9px; }
.danisman-kisi .ornek-kisi img { width: 33px; height: 33px; }
.danisman-kisi .ornek-kisi>span { align-self: flex-start; margin-top: 2px; }
.danisman-kisi>small { position: absolute; left: 42px; top: 17px; }
.ornek-eylem { width: 80px; padding: 4px 6px; border: 1px solid #00836f; background: linear-gradient(100deg,#008e7b,#017768); border-radius: 5px; color: #fff; font-size: 10px; font-weight: 800; text-align: center; line-height: 15px; flex: none; }
.ornek-eylem.cerceve { background: #fff; color: #017768; }
.ornek-eylem:hover { text-decoration: none; filter: brightness(.95); }

/* ---- Tüm operasyonlarınız bir arada (967–1052 px) ---- */
.operasyon { background: #fff; }
.operasyon-ic { height: 86px; display: flex; align-items: flex-start; padding: 15px 73px 0 75px; }
.operasyon h2 { margin: 0; width: 287px; height: 44px; padding-top: 0; border-right: 1px solid #ccd3db; flex: none; font-size: 23.9px; line-height: 26px; letter-spacing: 0; }
.baglantilar { padding-left: 36px; flex: 1; }
.baglanti-haplari { display: flex; justify-content: space-between; align-items: center; position: relative; }
.baglanti-haplari::before { content: ''; position: absolute; left: 20px; right: 20px; top: 50%; margin-top: -1px; border-top: 2px solid #4fbf9f; }
.baglanti-haplari>a { display: flex; align-items: center; gap: 13px; position: relative; height: 37px; background: #fff; border: 1px solid #dfe5ea; padding: 0 10px 0 15px; border-radius: 8px; color: #15213a; font-size: 10.7px; white-space: nowrap; font-weight: 700; box-shadow: 0 2px 4px #0d183b0d; }
.baglanti-haplari>a:nth-child(1) { width: 146px; }
.baglanti-haplari>a:nth-child(2) { width: 95px; }
.baglanti-haplari>a:nth-child(3) { width: 95px; }
.baglanti-haplari>a:nth-child(4) { width: 135px; }
.baglanti-haplari .ikon { width: 24px; height: 24px; margin: 0 -2px 0 -2px; color: #00876e; stroke-width: 1.6; flex: none; }
.baglantilar p { margin: 7px 0 0 -64px; text-align: center; color: #424b60; font-size: 10.2px; line-height: 12px; }

/* ---- Kapanış çağrısı (1052–1145 px): kutu 43–1034 × 1062–1137 ---- */
.ana-cta { background: #fff; }
.cta-dis { height: 94px; padding: 10px 36px 8px 43px; }
.cta-ic { height: 76px; padding: 0 61px 8px 69px; display: flex; align-items: center; justify-content: space-between; background: linear-gradient(115deg,#ebf9f4,#ddf4eb); border-radius: 14px; }
.cta-ic h2 { font-size: 25.5px; line-height: 32px; letter-spacing: 0; margin: 0; position: relative; top: -3px; }
.cta-ic .site-dugme { width: 174px; min-height: 40px; height: 40px; padding: 0 8px; font-size: 13.3px; font-weight: 700; }
.cta-ic .firca { left: 2px; bottom: -11px; width: 126px; height: 14px; }
/* İç sayfalar aynı lacivert / turkuaz görsel dilini sürdürür. */
.ic-sayfa { max-width: 1220px; margin: 0 auto; padding: 52px 40px 64px; min-height: 540px; }
.dar-sayfa { max-width: 900px; }
.ic-baslik { margin-bottom: 34px; max-width: 850px; }
.ust-etiket { display: block; color: #017768; font-size: 12px; font-weight: 800; letter-spacing: .6px; margin-bottom: 9px; }
.ic-baslik h1 { font-size: clamp(29px,3.5vw,46px); line-height: 1.2; margin-bottom: 18px; }
.ic-baslik p { color: #5b6475; font-size: 17px; line-height: 1.75; max-width: 780px; margin: 0; }
.ic-sayfa h2 { font-size: 22px; line-height: 1.35; letter-spacing: 0; margin-bottom: 14px; }
.ic-sayfa h3 { font-size: 16px; letter-spacing: 0; margin-bottom: 10px; }
.ic-sayfa p { color: #5b6475; }
.site-kart { background: #fff; border: 1px solid #e1e8eb; border-radius: 14px; padding: 25px; box-shadow: 0 3px 9px #0d183b07; min-width: 0; }
.site-kart>p:last-child { margin-bottom: 0; }
.site-kart>h2:not(:first-child) { margin-top: 28px; }
.site-kart a:not(.site-dugme) { overflow-wrap: anywhere; }
.simge-kutu { display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; color: #00836d; background: #edf9f4; margin-bottom: 16px; }
.simge-kutu>.ikon { width: 28px; height: 28px; stroke-width: 1.6; }
.modul-izgara,.katalog-izgara { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.modul-izgara.dortlu { grid-template-columns: repeat(4,minmax(0,1fr)); }
.modul-kart { display: flex; flex-direction: column; align-items: flex-start; }
.modul-kart p { flex: 1; }
.modul-kart h2>a,.program-kart h2>a,.sonuc-kart h2>a { color: #0d183b; }
.modul-kart>a { font-weight: 700; font-size: 13px; }
.platform-vitrin { position: relative; min-height: 430px; border-radius: 20px; background: linear-gradient(105deg,#e3f7ef,#f3fbf8); margin-bottom: 40px; display: flex; align-items: center; gap: 40px; padding: 30px; overflow: hidden; }
.platform-vitrin>.panel-maket { position: relative; left: auto; top: auto; flex: none; }
.platform-vitrin>div:last-child { padding: 10px; }
.ic-cta { background: #e8f6f0; padding: 30px; border-radius: 16px; display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 45px; }
.ic-cta h2 { margin: 0 0 8px; }
.ic-cta p { margin: 0; }
.ic-cta .site-dugme { flex: none; }
.katalog-arac { display: flex; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.katalog-arama { display: flex; gap: 8px; width: 570px; max-width: 100%; }
.katalog-arama input { min-width: 0; width: 100%; border: 1px solid #cad8d6; border-radius: 7px; padding: 9px 13px; background: #fff; }
.kategori-sekmeler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 25px; }
.kategori-sekmeler a { padding: 9px 17px; border: 1px solid #e0e7eb; border-radius: 30px; color: #425264; font-size: 13px; font-weight: 700; }
.kategori-sekmeler a[aria-current] { background: #017768; color: #fff; border-color: #017768; }
.kucuk-metin { font-size: 12px; color: #667184; }
.program-kart { display: flex; flex-direction: column; }
.program-kart h2 { font-size: 20px; }
.program-kart>p { flex: 1; font-size: 14px; }
.program-destek { background: #f3faf7; padding: 11px 13px; border-radius: 8px; font-size: 12px; color: #2c5c52; margin: 6px 0 18px; }
.program-alt { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12px; }
.program-alt>a { font-weight: 800; white-space: nowrap; }
.cagri-durumu { color: #667184; font-size: 10px; }
.metin-baglanti { display: inline-block; margin: 0 0 24px; font-weight: 700; font-size: 13px; }
.program-ayrinti { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: 28px; align-items: start; }
.program-ayrinti .site-kart { margin-bottom: 24px; }
.program-eylemler { display: flex; flex-direction: column; gap: 14px; }
.program-eylemler h2 { margin: 0; }
.resmi-kaynak { font-size: 13px; text-align: center; font-weight: 700; padding: 7px 0; }
.bilgi-listesi { margin: 0; }
.bilgi-listesi>div { padding: 12px 0; border-bottom: 1px solid #edf1f2; }
.bilgi-listesi dt { font-size: 12px; color: #5b6475; margin-bottom: 4px; }
.bilgi-listesi dd { margin: 0; font-size: 14px; }
.site-liste,.surec-listesi { padding-left: 21px; color: #5b6475; margin: 12px 0 20px; }
.site-liste li,.surec-listesi li { padding-left: 3px; margin-bottom: 10px; }
.site-liste li::marker,.surec-listesi li::marker { color: #018670; font-weight: 800; }
.bilgi-notu { padding: 16px 18px; border-left: 3px solid #0ca085; background: #eff9f5; color: #36584f; border-radius: 0 7px 7px 0; font-size: 13px; margin: 20px 0; }
.modul-ayrinti { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 30px; align-items: start; }
.modul-gorsel { width: 100%; height: 390px; object-fit: cover; border-radius: 16px; }
.ilgili-moduller { margin-top: 35px; }
.ilgili-moduller>div { display: flex; flex-wrap: wrap; gap: 10px; }
.entegrasyon-vitrin { position: relative; height: 330px; border-radius: 18px; overflow: hidden; margin-bottom: 32px; background: #e8f7f1; }
.entegrasyon-vitrin>img { width: 100%; height: 100%; object-fit: cover; object-position: right; opacity: .4; }
.entegrasyon-vitrin>div { position: absolute; inset: 0; max-width: 520px; padding: 45px 35px; background: linear-gradient(90deg,#e8f7f1 50%,#e8f7f100); }
.danisman-surec { margin-block: 35px; background: #f5fbf8; }
.ekip-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.ekip-kart { display: flex; align-items: center; gap: 24px; }
.ekip-kart>img { border-radius: 50%; object-fit: cover; flex: none; width: 100px; height: 100px; }
.ekip-kart h3 { margin-bottom: 5px; }
.ekip-kart p { font-size: 13px; margin-bottom: 8px; }
.ekip-kart .ust-etiket { font-size: 10px; margin-bottom: 0; }
.sss { margin-top: 42px; }
.sss details,.bolum-listesi details { border-bottom: 1px solid #e0e7e8; padding: 16px 0; }
.sss summary,.bolum-listesi summary { cursor: pointer; font-weight: 700; color: #183e3c; }
.sss details>p,.bolum-listesi details>p { margin: 13px 0 0; }
.iletisim-duzen { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); gap: 38px; align-items: start; }
.iletisim-yan>img { width: 100%; height: 230px; object-fit: cover; border-radius: 14px; margin-bottom: 25px; }
.iletisim-yan>.site-dugme { margin-bottom: 10px; }
.site-form .form-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 18px; }
.site-form .alan label { display: block; font-size: 12px; font-weight: 700; margin-bottom: 7px; }
.site-form .zorunlu { color: #d16034; margin-left: 4px; }
.site-form .girdi { width: 100%; border: 1px solid #cbd7d9; border-radius: 7px; min-height: 43px; background: #fff; padding: 10px 12px; font-size: 14px; }
.site-form textarea.girdi { resize: vertical; min-height: 115px; }
.site-form .girdi[aria-invalid] { border-color: #bd3434; }
.site-form .yardim { display: block; color: #657184; margin-top: 7px; font-size: 11px; }
.site-form>.alan-kap { margin-bottom: 20px; }
.site-form .form-eylem { margin-top: 22px; }
.site-form .dugme-ana { border: 0; border-radius: 7px; background: #017768; padding: 12px 20px; color: #fff; font-weight: 800; cursor: pointer; }
.site-form .dugme-ana:hover { background: #015e51; }
.onay-kutu { display: flex; gap: 10px; align-items: flex-start; font-size: 12px; color: #5b6475; line-height: 1.65; }
.onay-kutu>input { accent-color: #017768; margin-top: 4px; flex: none; }
.kvkk-alani { margin-top: 20px; }
.kvkk-alani a { text-decoration: underline; }
.bal-kupu { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
.alan-hata { color: #b62a2a !important; font-size: 11px; margin: 6px 0 0; }
.form-hata { color: #a42525 !important; background: #fff1f0; border-radius: 7px; padding: 13px 16px; font-size: 13px; }
.site-flash { margin: 20px auto; max-width: 1120px; padding: 15px 22px; background: #e5f7ee; color: #165f48; border-radius: 8px; }
.tesekkur { border: 1px solid #b9dfce; border-radius: 14px; padding: 24px; margin-bottom: 32px; background: #f0faf4; }
.tesekkur .simge-kutu { float: left; margin-right: 18px; }
.tesekkur h2 { margin-bottom: 8px; }
.tesekkur p { margin-bottom: 8px; }
.site-form fieldset { min-width: 0; border: 0; padding: 0; margin: 0 0 30px; }
.site-form legend { display: flex; gap: 10px; align-items: center; font-size: 18px; font-weight: 800; padding: 0; margin-bottom: 24px; }
.site-form legend>span { width: 30px; height: 30px; display: inline-grid; place-items: center; color: #fff; border-radius: 50%; background: #017768; font-size: 15px; }
.sonuc-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.sonuc-baslik { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 13px; }
.sonuc-baslik .ust-etiket { margin: 0; }
.puan { font-size: 29px; color: #017768; white-space: nowrap; }
.puan>small { font-size: 12px; color: #5b6475; font-weight: 500; }
.sonuc-kart:first-child { border-color: #43ad94; background: linear-gradient(145deg,#f3fcf7,#fff 45%); }
.sonuc-kart h2 { font-size: 20px; }
.sonuc-kart h3 { margin-top: 22px; }
.sonuc-kart .site-liste { font-size: 12px; }
.sonuc-talep { max-width: 780px; margin: 40px auto 0; }
.hukuk-uyari { background: #fff0d9; color: #8a4e00 !important; border: 1px solid #f1d3a3; border-radius: 8px; padding: 16px; font-weight: 800; }
.hukuk>section { margin-top: 30px; }
.site-hata { display: grid; place-items: center; text-align: center; }
.site-hata .hata-kod { font-size: 70px; color: #017768; font-weight: 800; margin-bottom: 0; }
.site-hata h1 { font-size: 34px; }
.site-hata .dugme { display: inline-flex; padding: 12px 20px; background: #017768; color: #fff; border-radius: 7px; }
@media (max-width: 1200px) {
  .platform-vitrin { flex-direction: column; }
  .platform-vitrin>div:last-child { max-width: 620px; }
  .modul-izgara.dortlu { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 960px) {
  .olcek, .site-ust .olcek { --z: 1; width: 100%; zoom: 1; }
  .ust-ic { padding: 12px 22px; height: 72px; flex-wrap: wrap; }
  .site-logo,.site-logo img { width: 139px; height: 32px; }
  .site-menu-ac { display: flex; gap: 7px; align-items: center; margin-left: auto; background: #fff; border: 1px solid #d6e2de; border-radius: 6px; font-size: 12px; font-weight: 700; padding: 7px 10px; }
  .site-menu { display: none; margin: 0; position: absolute; top: 100%; left: 0; right: 0; height: auto; background: #fff; box-shadow: 0 12px 20px #0d183b1f; padding: 8px 22px 16px; gap: 0; z-index: 40; max-height: calc(100vh - 72px); overflow-y: auto; }
  .site-menu.acik { display: flex; flex-direction: column; align-items: stretch; }
  .ust-eylemler { margin-left: 14px; gap: 13px; }
  .demo-dugme { width: auto; height: 35px; min-height: 35px; font-size: 11px; padding: 7px 11px; }
  .site-giris { font-size: 11px; }
  .kahraman-ic { height: auto; padding: 45px 28px 40px; display: flex; flex-direction: column; align-items: center; overflow: hidden; }
  .kahraman-metin { position: relative; top: auto; left: auto; width: 100%; max-width: 620px; }
  .kahraman h1 { font-size: clamp(32px,5.4vw,45px); letter-spacing: 0; }
  .kahraman-metin>p { font-size: 18px; margin-top: 30px; }
  .kahraman-eylem { margin-top: 25px; }
  .hero-foto { width: 100%; height: 100%; opacity: .23; mask-image: linear-gradient(180deg,transparent,#000 80%); }
  .kahraman-ic>.panel-maket { position: relative; top: auto; left: auto; margin: 40px auto 0; flex: none; zoom: 1; }
  .danisman-rozet { right: -8px; }
  .ekosistem-ic { display: flex; height: auto; min-height: 110px; padding: 20px; justify-content: center; flex-wrap: wrap; gap: 18px 0; }
  .ekosistem-etiket { width: 100%; text-align: center; }
  .kurulus { flex: none; width: 25%; padding: 0 10px; }
  .kurulus:nth-child(2) { border-left: 0; }
  .kurulus.bakanlik,.kurulus:last-child { padding: 0 10px; }
  .kurulus b { font-size: 10px; }
  .kurulus.bakanlik b { font-size: 9px; }
  .kurulus>svg { width: 28px; }
  .kurulus:last-child>svg { width: 32px; }
  .destek-bul-ic { height: auto; padding: 36px 25px; }
  .destek-bul h2 { font-size: 29px; line-height: 1.25; margin-bottom: 25px; }
  .ana-destek-kartlari { gap: 14px; }
  .ana-destek-kart { padding: 20px; height: auto; }
  .ana-destek-kart br { display: none; }
  .ana-destek-kart>.ikon { margin-left: 0; }
  .ana-destek-kart h3 { font-size: 16px; line-height: 23px; }
  .dijital-ic { height: auto; padding: 34px 28px; grid-template-columns: 1fr; gap: 25px; justify-items: center; }
  .dijital-metin { max-width: 620px; width: 100%; }
  .dijital h2 { font-size: 28px; white-space: normal; }
  .uc-adim { margin-left: 0; }
  .uc-adim li { min-height: 68px; }
  .uc-adim li:not(:last-child)::after { height: 34px; }
  .uc-adim p { font-size: 13px; }
  .danisman-maket { width: 485px; max-width: 100%; }
  .operasyon-ic { height: auto; padding: 32px 25px; flex-direction: column; gap: 25px; }
  .operasyon h2 { border: 0; width: auto; height: auto; font-size: 27px; }
  .operasyon h2 br { display: none; }
  .baglantilar { padding: 0; width: 100%; }
  .baglanti-haplari>a, .baglanti-haplari>a:nth-child(n) { width: auto; min-height: 42px; }
  .baglantilar p { margin-left: 0; }
  .menu-giris { display: flex; align-items: center; gap: 8px; padding: 14px 2px; color: var(--ana); font-size: 15px; font-weight: 700; text-decoration: none; }
  .menu-giris .ikon { width: 18px; height: 18px; }
  .danisman-maket { height: auto; padding-bottom: 4px; }
  .ornek-proje { width: 160px; }
  .cta-dis { height: auto; padding: 0 20px 24px; }
  .cta-ic { height: auto; min-height: 140px; padding: 25px 30px; gap: 25px; }
  .cta-ic h2 { font-size: 24px; max-width: 500px; }
  .cta-ic .site-dugme { min-width: 175px; }
  .ic-sayfa { padding: 38px 25px 45px; }
  .modul-izgara,.katalog-izgara { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
  .program-ayrinti,.iletisim-duzen { grid-template-columns: 1fr; }
  .iletisim-yan { max-width: 600px; }
  .modul-ayrinti { grid-template-columns: 1fr; }
  .modul-gorsel { height: 320px; }
  .ekip-kart { gap: 16px; }
  .ekip-kart>img { width: 65px; height: 65px; }
}
@media (max-width: 600px) {
  .ust-ic { padding: 12px 16px; height: 68px; }
  .site-logo,.site-logo img { width: 112px; height: 29px; }
  .site-menu-ac { font-size: 0; gap: 0; padding: 6px 8px; }
  .site-menu-ac>span { font-size: 18px; line-height: 20px; }
  .ust-eylemler { gap: 10px; margin-left: 10px; }
  .demo-dugme { font-size: 10px; padding: 6px 8px; min-height: 33px; height: 33px; }
  .kahraman-ic { padding: 36px 20px 30px; }
  .kahraman h1 { font-size: clamp(28px,8.2vw,39px); line-height: 1.25; letter-spacing: 0; }
  .kahraman-metin>p { font-size: 16px; line-height: 24px; }
  .kahraman-eylem { gap: 9px; }
  .kahraman-eylem .site-dugme:first-child,.kahraman-eylem .site-dugme:last-child { width: auto; flex: 1; font-size: 11px; padding: 10px 8px; }
  .kahraman-ic>.panel-maket { zoom: .62; margin-top: 50px; }
  .ekosistem-ic { padding: 20px 15px; gap: 20px 0; }
  .kurulus { width: 50%; justify-content: flex-start; padding-left: 20px !important; }
  .kurulus:nth-child(4) { border-left: 0; }
  .kurulus b { font-size: 11px; }
  .kurulus.bakanlik b { font-size: 9px; }
  .ana-destek-kartlari { grid-template-columns: 1fr; }
  .destek-bul-ic { padding: 32px 20px; }
  .destek-bul h2 { font-size: 27px; letter-spacing: 0; }
  .ana-destek-kart { padding: 21px 25px; }
  .ana-destek-kart h3 { font-size: 20px; line-height: 28px; }
  .ana-destek-kart p { font-size: 14px; line-height: 21px; }
  .dijital-ic { padding: 31px 20px; }
  .dijital h2 { font-size: 27px; line-height: 34px; }
  .uc-adim li { gap: 15px; min-height: 85px; }
  .uc-adim li:not(:last-child)::after { height: 51px; }
  .uc-adim li:last-child { min-height: 70px; }
  .uc-adim p { font-size: 12px; line-height: 18px; }
  .danisman-maket { width: 485px; max-width: none; zoom: .7; justify-self: center; }
  .baglanti-haplari { flex-wrap: wrap; gap: 17px; }
  .baglanti-haplari>a, .baglanti-haplari>a:nth-child(n) { width: calc(50% - 9px); justify-content: center; font-size: 10px; padding: 8px; gap: 8px; }
  .baglanti-haplari::before { left: 25%; right: 25%; top: 50%; height: 1px; }
  .baglantilar p { font-size: 10px; }
  .operasyon-ic { padding-inline: 20px; }
  .cta-dis { padding-inline: 15px; }
  .cta-ic { flex-direction: column; align-items: flex-start; padding: 24px; gap: 27px; }
  .cta-ic h2 { font-size: 24px; line-height: 33px; }
  .ic-sayfa { padding: 32px 20px 40px; }
  .ic-baslik h1 { font-size: 31px; letter-spacing: 0; }
  .ic-baslik p { font-size: 15px; }
  .site-kart { padding: 21px; }
  .modul-izgara,.modul-izgara.dortlu,.katalog-izgara,.sonuc-izgara,.ekip-izgara { grid-template-columns: 1fr; }
  .katalog-arac { flex-direction: column; gap: 12px; }
  .katalog-arac>.site-dugme { align-self: flex-start; }
  .kategori-sekmeler { gap: 6px; }
  .kategori-sekmeler a { padding: 8px 11px; font-size: 11px; }
  .platform-vitrin { min-height: 0; gap: 28px; padding: 28px 15px; }
  .platform-vitrin>.panel-maket { zoom: .58; }
  .ic-cta { flex-direction: column; align-items: flex-start; padding: 24px; }
  .ic-cta h2 { font-size: 21px; }
  .site-form .form-izgara { grid-template-columns: 1fr; }
  .modul-gorsel { height: 250px; }
  .entegrasyon-vitrin { height: 320px; }
  .entegrasyon-vitrin>div { padding: 25px; }
  .site-flash { margin: 15px 20px; }
  .tesekkur .simge-kutu { float: none; }
  .masaustu { display: none; }
}
@media (max-width: 360px) {
  .site-logo,.site-logo img { width: 100px; }
  .ust-eylemler { gap: 7px; margin-left: 7px; }
  .kahraman-ic>.panel-maket { zoom: .55; }
  .danisman-maket { zoom: .61; }
  .platform-vitrin>.panel-maket { zoom: .5; }
}

/* ===== Mega menü (1024 tabanı; .olcek ile tam sayfa ölçeklenir) ===================================== */
.mega { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 30; background: #fff; border-top: 1px solid #e3ece9; border-radius: 0 0 16px 16px;
  box-shadow: 0 22px 34px -8px #0d183b2e, 0 2px 4px #0d183b0f; padding: 22px 4.102% 16px; white-space: normal; cursor: default; }
.menu-oge.acik .mega { display: grid; grid-template-columns: repeat(var(--kolon, 3), minmax(0, 1fr)) 236px; column-gap: 22px; row-gap: 14px; animation: mega-gel .16s ease-out; }
@keyframes mega-gel { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.mega-kolon { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.mega-kolon h3 { margin: 0 0 8px 8px; font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #7a8597; }
.mega-kolon.mega-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 18px; align-content: start; }
.mega-baglanti { display: flex; align-items: flex-start; gap: 10px; padding: 7px 8px; border-radius: 9px; color: var(--lacivert); text-decoration: none; }
.mega-baglanti:hover, .mega-baglanti:focus-visible { background: #eef8f4; text-decoration: none; }
.mega-baglanti:hover strong { color: var(--ana); }
.mega-ikon { flex: none; width: 30px; height: 30px; border-radius: 8px; background: #e6f5f0; color: var(--ana); display: flex; align-items: center; justify-content: center; }
.mega-ikon .ikon { width: 16px; height: 16px; }
.mega-baglanti strong { display: block; font-size: 12.5px; line-height: 16px; font-weight: 700; }
.mega-baglanti small { display: block; margin-top: 2px; font-size: 10.5px; line-height: 14px; color: #5b6475; font-weight: 500; }
.mega-tanitim { grid-row: 1; grid-column: -2; align-self: start; border: 1px solid #d9eee7; border-radius: 13px; overflow: hidden; background: linear-gradient(180deg, #e8f9f3, #fff 70%); }
.mega-tanitim > img { display: block; width: 100%; height: 108px; object-fit: cover; }
.mega-tanitim > div { padding: 11px 13px 13px; }
.mega-tanitim strong { display: block; font-size: 13.5px; font-weight: 800; color: var(--lacivert); }
.mega-tanitim p { margin: 4px 0 10px; font-size: 11px; line-height: 15px; color: #5b6475; }
.mega-dugme { min-height: 30px; height: 30px; padding: 0 12px; font-size: 11.5px; border-radius: 7px; }
.mega-ekip { display: flex; padding: 14px 13px 0; }
.mega-ekip img { width: 44px; height: 44px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 2px 6px #0d183b26; object-fit: cover; }
.mega-ekip img + img { margin-left: -10px; }
.mega-alt { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid #eef1f4; padding: 11px 8px 0; font-size: 11.5px; font-weight: 700; }
.mega-alt a { color: var(--ana); }


/* ===== Politikalar, paketler, ödeme seçenekleri ===================================================== */
.politika-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-bottom: 30px; }
.politika-izgara .site-liste a { font-weight: 600; }
.paket-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: start; margin-bottom: 24px; }
.paket-kart { position: relative; display: flex; flex-direction: column; gap: 4px; }
.paket-kart.one { border: 2px solid var(--ana); box-shadow: 0 16px 34px -12px #01776840; }
.paket-rozet { position: absolute; top: -12px; left: 22px; background: var(--turuncu); color: #fff; font-size: 11px; font-weight: 800; border-radius: 99px; padding: 3px 11px; }
.paket-fiyat { display: flex; flex-direction: column; margin: 6px 0 4px; }
.paket-fiyat strong { font-size: 24px; color: var(--lacivert); }
.paket-fiyat small { color: var(--metin-2); font-size: 13px; }
.paket-kart .site-dugme { margin-top: 10px; align-self: flex-start; }
.paket-not { margin-bottom: 26px; }
.odeme-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-bottom: 22px; }
.kart-logolari { display: flex; gap: 10px; align-items: center; margin-top: 10px; flex-wrap: wrap; }
.kart-logolari img { height: 26px; width: auto; background: #fff; border: 1px solid #e3e8ec; border-radius: 6px; padding: 4px 7px; box-sizing: content-box; }
.odeme-guven { display: flex; align-items: center; gap: 20px; margin-bottom: 26px; flex-wrap: wrap; }
.odeme-guven img { height: 26px; width: auto; }
.odeme-guven p { margin: 0; flex: 1; min-width: 260px; }

/* ===== Duyarlı (mega menü, alt bilgi, yeni sayfalar) ============================================== */
@media (max-width: 1200px) {
  .paket-izgara, .odeme-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  .menu-oge { height: auto; display: block; border-bottom: 1px solid #eef1f4; }
  .menu-baslik { width: 100%; justify-content: flex-start; gap: 8px; padding: 14px 2px; height: auto; font-size: 15px; }
  .menu-ok-kap { margin-left: auto; }
  .menu-ikon { width: 18px; height: 18px; }
  .menu-ok { width: 12px; height: 12px; }
  .menu-oge.acik .menu-baslik::after { display: none; }
  .mega { position: static; box-shadow: none; border: 0; border-radius: 0; padding: 0 0 12px; }
  .menu-oge.acik .mega { display: block; animation: none; }
  .mega-kolon, .mega-kolon.mega-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 12px; margin-bottom: 8px; }
  .mega-kolon h3 { grid-column: 1 / -1; margin: 6px 0 4px 8px; }
  .mega-tanitim { display: none; }
  .mega-alt { padding: 10px 8px 0; flex-wrap: wrap; }
  .politika-izgara { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .mega-kolon, .mega-kolon.mega-iki { grid-template-columns: minmax(0, 1fr); }
  .mega-baglanti small { display: none; }
  .mega-baglanti { align-items: center; }
  .paket-izgara, .odeme-izgara { grid-template-columns: minmax(0, 1fr); }
}

/* ===== Alt bilgi — tasarım görseli birebir (1070 tabanı, 1146–1470 px = 324 px) ======================================
   Üst: logo + açıklama | dikey ayraç (342) | Platform (398) · Çözümler (544) · İletişim (713) · Politikalar (884)
   Çizgi (1312) · Ödeme yöntemleri + Visa/Mastercard/troy kartları + taslak notu | Güvenli ödeme | sosyal simgeler · çizgi (1406) · telif */
.site-alt { background: radial-gradient(ellipse at 18% 0, #12244a, #0e1f3f 62%); color: #fff; }
.alt-ic { padding: 0 55px; }
.alt-ust { display: grid; grid-template-columns: 288px 55px 146px 169px 171px minmax(0, 1fr); align-items: start; height: 166px; padding-top: 28px; }
.alt-marka { grid-column: 1; height: 99px; margin-top: 4px; padding-left: 15px; border-right: 1px solid #36435d; }
.alt-marka img { width: 155px; height: 40px; object-fit: contain; display: block; margin-top: -6px; }
.alt-marka p { font-size: 12.6px; line-height: 18px; margin: 11px 0 0 1px; letter-spacing: 0; color: #eef2f8; font-weight: 500; }
/* kullanıcının logosu tasarımdaki logo kutusuna (yazı 117–221 px) oturur; oran korunur */
@media (min-width: 961px) {
  .alt-marka img { width: 163px; height: 42px; margin-left: -3px; }
  .alt-marka p { margin-top: 9px; }
}
.alt-ust > nav:first-of-type { grid-column: 3; }
.alt-kolon { display: flex; flex-direction: column; white-space: nowrap; min-width: 0; }
.alt-kolon strong { font-size: 13.8px; line-height: 18px; margin-bottom: 3px; font-weight: 800; }
.alt-kolon a { font-size: 11px; line-height: 20.6px; color: #e7ecf3; font-weight: 500; margin-left: 1px; }
.alt-kolon a:hover { color: #7be0cf; text-decoration: none; }
.alt-odeme { position: relative; display: flex; align-items: center; height: 94px; padding: 0 13px 14px 15px; border-top: 1px solid #ffffff38; border-bottom: 1px solid #ffffff38; }
.alt-odeme-baslik { font-size: 13.6px; line-height: 18px; font-weight: 800; white-space: nowrap; width: 152px; flex: none; }
.odeme-kartlari { position: relative; flex: none; }
.odeme-logolari { display: flex; gap: 19px; }
.odeme-logolari:hover .odeme-kart { box-shadow: 0 0 0 2px #5fd0bd; }
.odeme-kart { display: grid; place-items: center; width: 57px; height: 28px; background: #fff; border-radius: 4px; box-shadow: 0 1px 3px #00000038; }
.odeme-kart img { display: block; width: 36px; height: 14px; object-fit: contain; }
.odeme-kart:nth-child(2) img { width: 30px; height: 18px; }
.odeme-kart:nth-child(3) img { width: 38px; height: 17px; }
.odeme-kartlari small { position: absolute; left: 5px; top: 100%; margin-top: 7px; font-size: 9.6px; line-height: 13px; font-style: italic; color: #d5dbe5; white-space: nowrap; }
.guvenli-odeme { display: flex; align-items: center; gap: 6px; margin-left: 39px; padding-left: 27px; height: 27px; border-left: 1px solid #5d6880; color: #fff; font-size: 12.7px; font-weight: 500; white-space: nowrap; }
.guvenli-odeme:hover { color: #7be0cf; text-decoration: none; }
.guvenli-odeme .ikon { width: 33px; height: 33px; stroke-width: 1.45; }
.sosyal { margin-left: auto; display: flex; align-items: center; gap: 25px; }
.sosyal > * { display: grid; place-items: center; color: #fff; line-height: 0; }
.sosyal a:hover { color: #7be0cf; }
.sosyal svg { width: 21px; height: 21px; display: block; }
.sosyal > :nth-child(2) svg { width: 24px; height: 24px; }
.sosyal > :nth-child(3) svg { width: 24px; height: 24px; }
.alt-telif { display: flex; justify-content: space-between; align-items: center; height: 63px; padding: 0 3px 18px 2px; font-size: 11.5px; font-weight: 500; color: #eef2f8; }
@media (max-width: 960px) {
  .menu-ok-kap { display: inline-flex; }
  .alt-ic { padding: 0 28px; }
  .alt-ust { height: auto; padding: 32px 0 26px; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px 22px; }
  .alt-marka { grid-column: 1 / -1; height: auto; margin: 0; padding: 0; border: 0; }
  .alt-ust > nav:first-of-type { grid-column: auto; }
  .alt-kolon strong { font-size: 14px; }
  .alt-kolon a { font-size: 12.5px; line-height: 23px; white-space: normal; }
  .alt-odeme { height: auto; flex-wrap: wrap; gap: 18px 26px; padding: 22px 0 40px; }
  .alt-odeme-baslik { width: 100%; }
  .guvenli-odeme { margin-left: 0; }
  .sosyal { margin-left: 0; }
  .alt-telif { height: auto; padding: 18px 0 24px; gap: 12px; flex-wrap: wrap; font-size: 12px; }
}
@media (max-width: 600px) {
  .alt-ic { padding: 0 20px; }
  .alt-ust { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 18px; }
  .alt-odeme { gap: 20px; padding-bottom: 22px; }
  .odeme-kartlari { display: flex; flex-direction: column; gap: 8px; }
  .odeme-kartlari small { position: static; margin: 0; }
  .guvenli-odeme { padding-left: 0; border-left: 0; width: 100%; }
  .sosyal { width: 100%; }
}

/* ===== Tanıtım videosu: /platform vitrininde, panel maketiyle aynı boyutta (1280×880 kaynak ≈ maket oranı) ===== */
.hero-video { position: relative; width: 534px; max-width: 100%; margin: 0; z-index: 1; flex: none; }
.hero-video-cerceve { position: relative; border: 5px solid #fff; border-radius: 16px; overflow: hidden; background: #0d183b; box-shadow: 0 14px 24px #007b6b32, 0 2px 3px #0d183b38; }
.hero-video video { display: block; width: 100%; height: auto; aspect-ratio: 1280 / 880; object-fit: cover; background: #0d183b; }
.hero-video-arac { position: absolute; left: 10px; right: 10px; bottom: 10px; display: flex; align-items: center; gap: 8px; opacity: 0; transition: opacity .2s ease; }
.hero-video:hover .hero-video-arac, .hero-video:focus-within .hero-video-arac, .hero-video.durdu .hero-video-arac { opacity: 1; }
.video-dugme { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 99px; background: #0d183bcc; color: #fff; cursor: pointer; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.video-dugme:hover { background: var(--ana); }
.video-dugme:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.video-dugme .ikon { width: 16px; height: 16px; }
.video-dugme[aria-pressed="true"] .ikon:last-child, .video-dugme[aria-pressed="false"] .ikon:first-child { display: none; }
.video-etiket { margin-right: auto; padding: 5px 10px; border-radius: 99px; background: #0d183bcc; color: #fff; font-size: 11.5px; font-weight: 700; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.hero-video .danisman-rozet { top: 214px; right: -30px; z-index: 2; }
@media (hover: none) { .hero-video-arac { opacity: 1; } }

/* ===== Landing page bölümleri (tasarım görselinin altında; 1024 px içerik sütunu) ===== */
.ana-bolum-ic { padding: 64px 38px 66px; }
.bolum-baslik { text-align: center; max-width: 820px; margin: 0 auto 34px; }
.bolum-baslik.sola { text-align: left; margin: 0; max-width: none; }
.bolum-etiket { display: inline-block; padding: 4px 12px; border-radius: 99px; background: var(--ana-acik); color: var(--ana); font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 12px; }
.bolum-baslik h2 { font-size: 32px; line-height: 40px; font-weight: 800; letter-spacing: .2px; margin: 0 0 12px; }
.bolum-baslik p { margin: 0 auto; max-width: 640px; color: #515c6d; font-size: 16px; line-height: 25px; }
.ana-bolum .bolum-alt { text-align: center; margin: 28px 0 0; }
.bolum-alt .metin-baglanti { margin: 0; font-size: 14px; }

.ozellikler { background: #fff; }
.ozellik-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.ozellik-kart { display: flex; flex-direction: column; padding: 22px 20px 18px; border: 1px solid #e3e8ec; border-radius: 12px; background: #fff; color: var(--lacivert); box-shadow: 0 3px 8px #0d183b14; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.ozellik-kart:hover { text-decoration: none; transform: translateY(-3px); border-color: #8dc8ba; box-shadow: 0 10px 22px #01776818; }
.ozellik-kart:focus-visible { outline: 2px solid var(--ana); outline-offset: 3px; }
.ozellik-simge { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 11px; background: var(--ana-acik); color: var(--ana); margin-bottom: 14px; }
.ozellik-simge .ikon { width: 22px; height: 22px; }
.ozellik-kart h3 { font-size: 16px; line-height: 22px; margin: 0 0 6px; font-weight: 800; letter-spacing: 0; }
.ozellik-kart p { margin: 0 0 14px; color: #515c6d; font-size: 13.5px; line-height: 20px; flex: 1; }
.ozellik-git { display: inline-flex; align-items: center; gap: 6px; color: var(--ana); font-size: 13px; font-weight: 800; }
.ozellik-git .ikon { width: 14px; height: 14px; transition: transform .18s ease; }
.ozellik-kart:hover .ozellik-git .ikon { transform: translateX(3px); }

.ana-olgular { background: radial-gradient(ellipse at 20% 0, #182640, #111d37 80%); color: #fff; }
.olgular-ic { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 40px 38px; }
.olgu { padding: 0 24px; border-left: 1px solid #ffffff26; }
.olgu:first-child { border-left: 0; padding-left: 0; }
.olgu strong { display: block; font-size: 34px; line-height: 40px; font-weight: 800; color: #7be0cf; letter-spacing: 0; }
.olgu span { display: block; font-size: 14px; font-weight: 800; margin-top: 2px; }
.olgu p { margin: 6px 0 0; font-size: 12.5px; line-height: 18px; color: #c2cbda; }

.kitleler { background: linear-gradient(110deg, #f0faf4, #e1f3e9); }
.kitle-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 21px; }
.kitle-kart { background: #fff; border: 1px solid #e3e8ec; border-radius: 14px; overflow: hidden; box-shadow: 0 3px 8px #0d183b14; display: flex; flex-direction: column; }
.kitle-kart img { width: 100%; height: 170px; object-fit: cover; display: block; }
.kitle-govde { padding: 18px 20px 20px; display: flex; flex-direction: column; flex: 1; }
.kitle-govde h3 { font-size: 18px; line-height: 24px; margin: 0 0 4px; font-weight: 800; letter-spacing: 0; }
.kitle-govde p { margin: 0 0 12px; color: #515c6d; font-size: 13.5px; line-height: 20px; }
.kitle-govde ul { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 7px; flex: 1; align-content: start; }
.kitle-govde li { display: flex; gap: 8px; align-items: flex-start; font-size: 13.5px; line-height: 19px; color: var(--metin); }
.kitle-govde li .ikon { width: 16px; height: 16px; color: var(--ana); flex: none; margin-top: 1px; stroke-width: 2.4; }
.kitle-govde .metin-baglanti { margin: 0; font-size: 13.5px; }

.ana-sss { background: #fff; }
.sss-ic { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 48px; align-items: start; }
.sss-ic .bolum-baslik p { margin-bottom: 18px; }
.sss-liste { display: grid; gap: 10px; }
.sss-oge { border: 1px solid #e3e8ec; border-radius: 12px; background: #fff; transition: border-color .15s ease, box-shadow .15s ease; }
.sss-oge[open] { border-color: #8dc8ba; box-shadow: 0 6px 16px #01776812; }
.sss-oge summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; font-size: 15px; line-height: 21px; font-weight: 800; color: var(--lacivert); }
.sss-oge summary::-webkit-details-marker { display: none; }
.sss-oge summary .ikon { width: 18px; height: 18px; color: var(--ana); flex: none; transition: transform .2s ease; }
.sss-oge[open] summary .ikon { transform: rotate(45deg); }
.sss-oge summary:focus-visible { outline: 2px solid var(--ana); outline-offset: 2px; border-radius: 12px; }
.sss-oge p { margin: 0; padding: 0 18px 16px; color: #515c6d; font-size: 14px; line-height: 22px; }
.ana-sss + .ana-cta .cta-dis { padding-top: 0; }

@media (max-width: 960px) {
  .platform-vitrin>.hero-video { width: 100%; max-width: 560px; }
  .hero-video .danisman-rozet { right: -8px; }
  .ana-bolum-ic { padding: 52px 28px; }
  .bolum-baslik h2 { font-size: clamp(25px, 4.2vw, 32px); line-height: 1.25; }
  .ozellik-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .olgular-ic { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 0; padding: 36px 28px; }
  .olgu:nth-child(3) { border-left: 0; padding-left: 0; }
  .kitle-izgara { grid-template-columns: minmax(0, 1fr); max-width: 560px; margin: 0 auto; }
  .sss-ic { grid-template-columns: minmax(0, 1fr); gap: 26px; }
}
@media (max-width: 600px) {
  .ana-bolum-ic { padding: 44px 20px; }
  .bolum-baslik { margin-bottom: 24px; }
  .bolum-baslik p { font-size: 15px; line-height: 23px; }
  .ozellik-izgara { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .ozellik-kart { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 14px; align-items: start; padding: 15px 16px; }
  .ozellik-simge { grid-row: span 2; margin: 0; }
  .ozellik-kart h3 { margin: 1px 0 3px; }
  .ozellik-kart p { margin: 0; }
  .ozellik-git { display: none; }
  .kitle-kart img { height: 150px; }
  .olgular-ic { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 26px 20px; }
  .olgu, .olgu:nth-child(3) { border-left: 0; padding: 16px 0; border-top: 1px solid #ffffff1f; }
  .olgu:first-child { border-top: 0; padding-top: 0; }
  .olgu strong { font-size: 30px; line-height: 36px; }
  .sss-oge summary { padding: 14px 15px; font-size: 14.5px; }
  .sss-oge p { padding: 0 15px 14px; }
}
@media (prefers-reduced-motion: reduce) { .ozellik-kart, .ozellik-git .ikon, .sss-oge summary .ikon { transition: none; } .ozellik-kart:hover { transform: none; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; animation: none !important; } }