/* Ana sayfa: kara delik yolculugu, eller bolumu, Code/Creative/Growth kartlari.
   deneme/karadelik-interstellar/evren-el-video.html'den tasindi (2026-10-12). */
  @font-face { font-family: 'Futura PT'; src: url('font/futura-pt-medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; }
  @font-face { font-family: 'Futura PT'; src: url('font/futura-pt-medium-oblique.otf') format('opentype'); font-weight: 500; font-style: italic; font-display: swap; }
  :root { --zemin: #F2F3F3; --yazi: #1A1C1B; --panel: rgba(232,234,233,.92); --cizgi: #A9ACAB; }
  html, body { margin: 0; background: var(--zemin); color: var(--yazi);
    font: 13px/1.4 -apple-system, system-ui, sans-serif; overflow-x: clip; }
  .yolculuk { position: relative; height: 300vh; }                    /* kaydirma yolu: hero sabit, kamera ilerler */
  .hero { position: sticky; top: 0; width: 100vw; height: 100vh; height: 100svh; overflow: hidden; }
  .gecis-ortu { position: absolute; inset: 0; z-index: 3; pointer-events: none; opacity: 0; }
  #ortuSiyah { background: #000; }
  #ortuIsik { background: var(--zemin); }                            /* son hal: sonraki bolumun zemini, sinir yok */
  #ortuParlak { background: radial-gradient(circle at 50% 52%, #ffffff 0%, rgba(255,255,255,.6) 40%, rgba(255,255,255,0) 75%); z-index: 4; }
  canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; pointer-events: none; z-index: 0; }   /* 2. bolume tasar */
  #kod { z-index: 0; }
  #c, #kod { will-change: transform; transform: translateZ(0); }   /* ayri katman: kaydirirken yeniden boyanmaz */
  .hero { contain: layout style; }
  .katman { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 1; }
  .yazi { position: absolute; left: 0; top: 0; margin: 0; white-space: nowrap; font-family: 'Futura PT', 'Futura', sans-serif;
    font-weight: 500; color: #141615; letter-spacing: -0.01em; line-height: 1; will-change: transform; }
  .yazi em { font-style: italic; }
  .yazi { color: #26335A !important;                                  /* murekkep lacivert: saf siyah degil */
    text-shadow: 0 -1px 0 rgba(150,180,240,.45), 0 0 14px rgba(115,166,240,.22); }   /* ustten vuran isik + hafif hale */
  @media (prefers-reduced-motion: reduce) { .logo svg { animation: none; } }
  .ayar-btn { bottom: 80px; }
    .panel { bottom: 124px; }
  }
  .ayar-btn { bottom: 80px; }
    .panel { bottom: 124px; }
  }
  .ayar-btn { position: fixed; left: 16px; bottom: 16px; z-index: 5; border: 1px solid var(--cizgi);
    background: var(--panel); color: var(--yazi); border-radius: 999px; padding: 6px 14px; cursor: pointer; font: inherit; }
  .panel { position: fixed; left: 16px; bottom: 60px; z-index: 5; width: 240px; background: var(--panel);
    border: 1px solid var(--cizgi); border-radius: 10px; padding: 12px 14px; display: none; }
  .panel.acik { display: block; }
  .panel label { display: block; margin: 8px 0 2px; }
  .panel label span { float: right; color: #6b6e70; font-variant-numeric: tabular-nums; }
  .panel .baslik { margin: 12px 0 2px; font-weight: 600; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #3F63E6; }
  .panel { max-height: calc(100vh - 90px); overflow-y: auto; }
  .panel input { width: 100%; }
  .panel button { margin-top: 10px; font: inherit; border: 1px solid var(--cizgi); background: transparent; border-radius: 6px; padding: 4px 10px; cursor: pointer; }
  /* MENU: mevcut temadaki gibi; hero'da sag ustte, kaydirinca ortaya kayar, logoyu acar */
  .topnav { position: fixed; top: clamp(16px, 2.8vh, 32px); left: 50%; z-index: 21;
    display: flex; align-items: center; gap: clamp(1em, 2vw, 1.8em);
    padding: .6em clamp(1.1em, 1.9vw, 1.6em); border-radius: 999px; white-space: nowrap;
    transform: translateX(calc(-50% + min(34vw, 460px)));
    background: transparent; border: 1.5px solid #73A6F0;
    font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500;
    transition: transform .6s cubic-bezier(.5,0,.2,1), background .6s ease, border-color .6s ease, box-shadow .6s ease, gap .6s ease, padding .6s ease; }
  body.scrolled .topnav { transform: translateX(-50%); background: rgba(255,255,255,.75); border-color: rgba(0,0,0,.08);
    -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 12px 40px rgba(0,0,0,.18); }
  .nav-logo-wrap { display: inline-flex; align-items: center; max-width: 0; opacity: 0; overflow: hidden; margin-right: 0;
    transition: max-width .6s ease, opacity .5s ease, margin-right .6s ease; }
  body.scrolled .nav-logo-wrap { max-width: 70px; opacity: 1; margin-right: .15em; }
  .nav-logo { display: block; height: clamp(20px, 2.4vh, 28px); width: auto; fill: #0a0a0a; }
  .topnav a { color: #141615; text-decoration: none; font-size: clamp(13px, 1.15vw, 17px); letter-spacing: .06em;
    text-transform: lowercase; opacity: .8; transition: color .6s ease, opacity .3s ease, letter-spacing .3s ease; }
  .topnav a:hover, .topnav a:focus-visible { opacity: 1; letter-spacing: .12em; outline: none; }
  .lang { position: relative; display: inline-flex; align-items: stretch; margin-left: .7em;
    border: 1px solid rgba(0,0,0,.25); border-radius: 999px; overflow: hidden; cursor: pointer;
    font-size: clamp(10px, .9vw, 12px); letter-spacing: .16em; transition: border-color .3s, box-shadow .3s; outline: none; }
  .lang:hover, .lang:focus-visible { border-color: rgba(0,0,0,.5); box-shadow: 0 0 14px rgba(0,0,0,.12); }
  .lang-opt { position: relative; z-index: 2; padding: .5em .95em; color: rgba(0,0,0,.5); text-transform: uppercase; user-select: none; transition: color .4s ease; }
  .lang-opt.active { color: #fff; }
  .lang-thumb { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; width: 50%; background: #0a0a0a; border-radius: 999px;
    transition: transform .45s cubic-bezier(.55,.05,.2,1); }
  .lang.en .lang-thumb { transform: translateX(100%); }
  @media (max-width: 760px) {
    .topnav, body.scrolled .topnav { transform: translateX(-50%); gap: .75em; padding: .5em .9em; }
    .topnav a { font-size: 12px; letter-spacing: .02em; }
    .lang { margin-left: .2em; }
  }

  /* ===== 3. bolum: Xhedon Studio'nun uc dali (Code, Creative, Growth). Buzlu cam kartlar asagidan tek tek girer ===== */
  .dallar { position: relative; z-index: 2; height: 300vh; margin-top: -90vh; }   /* 2. bolum biterken baslar; zemin ortak oldugu icin ust uste binmesi gorunmez */
  .dallar-sahne { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; display: grid; place-items: center; perspective: 1400px; }
  /* cam kartlarin arkasinda okunacak yumusak, bulanik renk lekeleri (referanstaki bulanik gorselin yerine) */
  .dal-leke { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .55; pointer-events: none; will-change: transform; }
  .dal-leke.l1 { width: 46vw; height: 46vw; left: 4vw; top: 18vh; background: radial-gradient(circle, #9DBACB 0%, rgba(157,186,203,0) 70%); }
  .dal-leke.l2 { width: 38vw; height: 38vw; right: 6vw; top: 30vh; background: radial-gradient(circle, #7AA2B9 0%, rgba(122,162,185,0) 70%); }
  .dal-leke.l3 { width: 30vw; height: 30vw; left: 38vw; top: 4vh; background: radial-gradient(circle, #E7F0FA 0%, rgba(231,240,250,0) 70%); opacity: .8; }
  .dal-dizi { position: relative; display: flex; gap: clamp(14px, 1.6vw, 26px); perspective: 1400px; }   /* duz (preserve-3d yok): yatik kart ust katmanin arkasina dusup fareyi kaybetmesin */
  .dal { width: clamp(220px, 21vw, 320px); aspect-ratio: 1 / 1.02; border-radius: 16px; position: relative; display: grid; grid-template-rows: auto 1fr auto auto; justify-items: center;
    padding: clamp(18px, 1.6vw, 26px) clamp(16px, 1.4vw, 22px) clamp(20px, 1.8vw, 28px); box-sizing: border-box;
    background: linear-gradient(160deg, rgba(255,255,255,.62) 0%, rgba(255,255,255,.34) 100%);
    -webkit-backdrop-filter: blur(22px) saturate(1.15); backdrop-filter: blur(22px) saturate(1.15);
    border: 1px solid rgba(255,255,255,.7); box-shadow: 0 30px 70px rgba(27,47,77,.14), inset 0 1px 0 rgba(255,255,255,.9);
    will-change: transform; }
  .dal-kap { position: relative; transform-origin: 50% 100%; will-change: transform, opacity; opacity: 0; perspective: 900px; }   /* giris animasyonu + sabit fare algilama alani */
  .dal-no { font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(9px, .62vw, 11px); letter-spacing: .14em;
    padding: .55em 1.5em; border-radius: 8px; color: #2E5785; background: rgba(211,225,232,.85); }
  .dal-kap:nth-child(2) .dal-no, .dal-dizi > .dal:nth-child(2) .dal-no { background: rgba(255,255,255,.75); }
  .dal-kap:nth-child(3) .dal-no, .dal-dizi > .dal:nth-child(3) .dal-no { background: #1B2F4D; color: #EEF3F5; }
  .dal-ikon { align-self: center; width: clamp(30px, 2.3vw, 40px); height: auto; color: #1B2F4D; }
  .dal h3 { margin: 0; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(13px, 1.05vw, 17px); letter-spacing: .08em; color: #141615; }
  .dal p { margin: .55em 0 0; font-family: 'Futura PT', 'Futura', sans-serif; font-size: clamp(10px, .7vw, 12px); letter-spacing: .02em; color: #5A6D98; text-align: center; }
  /* hover: imleci izleyen cam parlamasi, kenar isigi, derin golge, canlanan ikon */
  .dal { transition: box-shadow .5s ease, border-color .5s ease, background .5s ease; cursor: default; }
  .dal::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .45s ease;
    background: radial-gradient(circle 220px at var(--mx, 50%) var(--my, 30%), rgba(255,255,255,.75) 0%, rgba(231,240,250,.25) 40%, rgba(255,255,255,0) 70%); mix-blend-mode: soft-light; }
  .dal::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; pointer-events: none; opacity: 0; transition: opacity .45s ease;
    background: radial-gradient(circle 180px at var(--mx, 50%) var(--my, 30%), #FFFFFF 0%, #9DBACB 45%, rgba(157,186,203,0) 75%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
  .dal.ustunde { box-shadow: 0 44px 90px rgba(27,47,77,.22), 0 0 0 1px rgba(255,255,255,.9), 0 0 38px rgba(176,214,240,.75), 0 0 110px rgba(231,242,252,.85), inset 0 1px 0 rgba(255,255,255,1); background: linear-gradient(160deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.42) 100%); }
  .dal.ustunde::after, .dal.ustunde::before { opacity: 1; }
  .dal-ikon { transition: transform .6s cubic-bezier(.2,.8,.2,1), color .4s ease; }
  .dal.ustunde .dal-ikon { transform: translateY(-4px) scale(1.14); color: #2E5785; }
  .dal-kap:nth-child(2) .dal.ustunde .dal-ikon { transform: translateY(-4px) scale(1.14) rotate(45deg); }
  .dal-no { transition: background .4s ease, color .4s ease, letter-spacing .4s ease; }
  .dal.ustunde .dal-no { letter-spacing: .24em; }
  .dal-kap:not(:nth-child(3)) .dal.ustunde .dal-no { background: #2E5785; color: #EEF3F5; }
  .dal h3 { transition: letter-spacing .5s cubic-bezier(.2,.8,.2,1); }
  .dal.ustunde h3 { letter-spacing: .16em; }
  .dal-suz { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; pointer-events: none; }
  .dal-suz::before { content: ""; position: absolute; top: -20%; bottom: -20%; width: 45%; left: -60%; transform: skewX(-18deg);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.65) 50%, rgba(255,255,255,0) 100%); opacity: 0; }
  .dal.ustunde .dal-suz::before { animation: dalSuz 1.1s cubic-bezier(.3,.6,.2,1) forwards; }
  @keyframes dalSuz { 0% { left: -60%; opacity: 0; } 15% { opacity: 1; } 100% { left: 125%; opacity: 0; } }
  .dal.ustunde .dal-ikon { filter: drop-shadow(0 0 10px rgba(122,170,220,.75)); }
  @media (max-width: 760px) {
    .dallar { height: 340vh; }
    .dal-dizi { flex-direction: column; }
    .dal-kap { width: min(78vw, 300px); }
    .dal { width: 100%; aspect-ratio: auto; min-height: 21vh; grid-template-rows: auto auto auto auto; row-gap: 10px; }
  }
  @media (prefers-reduced-motion: reduce) { .dal-kap, .dal { opacity: 1 !important; transform: none !important; filter: none !important; } }
  @media (prefers-reduced-motion: reduce) { .topnav, .nav-logo-wrap { transition: none; } }
  .sonraki { position: relative; z-index: 1; min-height: 100vh; display: grid; place-items: center; background: transparent; color: #8A8D8F;
    font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: 15px; }
  /* sol ust: eski sitedeki donen hizmet blogu, acik zemine uyarlandi */
  .services { position: absolute; left: clamp(20px, 5vw, 64px); top: clamp(110px, 16vh, 170px); z-index: 2;
    color: #EEF1F6; max-width: min(46vw, 560px); font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; }
  .svc-top { display: flex; align-items: center; gap: 14px; margin-bottom: 1em; color: #A9B4C8; }
  .svc-label { font-size: clamp(10px, .8vw, 12px); letter-spacing: .3em; text-transform: uppercase; }
  .svc-idx { font-size: clamp(10px, .8vw, 12px); letter-spacing: .12em; color: #8E9190; font-variant-numeric: tabular-nums; }
  .svc-name { font-size: clamp(30px, 4.4vw, 60px); line-height: 1.02; letter-spacing: -.015em; min-height: 2.04em;
    transition: opacity .8s ease, transform .8s ease; }
  .svc-tags { margin-top: .9em; font-size: clamp(11px, 1vw, 14px); letter-spacing: .1em; color: #A9B4C8;
    transition: opacity .8s ease, transform .8s ease; }
  .svc-anim.out { opacity: 0; transform: translateY(-12px); }
  .svc-bar { margin-top: 1.6em; width: min(32vw, 300px); height: 2px; border-radius: 2px; background: rgba(238,241,246,.18); position: relative; overflow: hidden; }
  .svc-bar { overflow: visible; }
  .svc-bar i { position: absolute; left: 0; top: 0; height: 100%; width: 0; border-radius: 2px;
    background: linear-gradient(100deg, #EEF1F6 0%, #EEF1F6 38%, #73A6F0 50%, #EEF1F6 62%, #EEF1F6 100%);
    background-size: 230% 100%; animation: ctaText 3.2s linear infinite;            /* Basla'daki gibi kayan parilti */
    }
  @media (prefers-reduced-motion: reduce) { .svc-bar i { animation: none; } }
  .svc-actions { margin-top: 1.6em; display: flex; align-items: center; gap: 22px; pointer-events: auto; }
  /* Basla: eski sitedeki gibi kenarda donen isik huzmesi + yazida kayan parilti + hover'da harfler acilir */
  @property --beam { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
  .svc-cta { position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center;
    padding: .8em 2.2em; border-radius: 999px; background: transparent; border: 1px solid rgba(238,241,246,.35); color: #EEF1F6; text-decoration: none;
    font-size: clamp(12px, 1vw, 14px); letter-spacing: .14em;
    transition: transform .45s, letter-spacing .45s, box-shadow .45s; }
  .svc-cta:hover, .svc-cta:focus-visible { transform: translateY(-2px); letter-spacing: .24em; outline: none;
    box-shadow: 0 8px 26px rgba(63,99,230,.28); }
  .svc-cta::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; pointer-events: none;
    background: conic-gradient(from var(--beam), transparent 0deg, transparent 290deg,
      rgba(63,99,230,.5) 318deg, #ffffff 340deg, rgba(115,166,240,.55) 352deg, transparent 360deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;
    filter: drop-shadow(0 0 4px rgba(115,166,240,.7)) drop-shadow(0 0 10px rgba(63,99,230,.45));
    animation: ctaBeam 5s linear infinite; }
  @keyframes ctaBeam { to { --beam: 360deg; } }
  .cta-txt { background: linear-gradient(100deg, #EEF1F6 0%, #EEF1F6 38%, #73A6F0 50%, #EEF1F6 62%, #EEF1F6 100%);
    background-size: 230% 100%; -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent; animation: ctaText 3.2s linear infinite; }
  @keyframes ctaText { 0% { background-position: 120% 0; } 100% { background-position: -120% 0; } }
  @media (prefers-reduced-motion: reduce) { .svc-cta::before, .cta-txt { animation: none; } }
  .svc-more { color: #EEF1F6; text-decoration: none; font-size: clamp(12px, 1vw, 14px); letter-spacing: .06em;
    border-bottom: 1px solid rgba(238,241,246,.4); padding-bottom: 2px; transition: color .3s, border-color .3s; }
  .svc-more:hover, .svc-more:focus-visible { color: #3F63E6; border-color: #3F63E6; outline: none; }
  @media (max-width: 760px) { .services { display: none; } }
  @media (prefers-reduced-motion: reduce) { .svc-name, .svc-tags { transition: none; } }
  /* kaydir ipucu */
  .kaydir { position: absolute; left: 50%; bottom: clamp(22px, 4vh, 40px); transform: translateX(-50%); z-index: 5;
    display: flex; flex-direction: column; align-items: center; gap: 10px; pointer-events: none;
    font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: 11px; letter-spacing: .32em;
    text-transform: uppercase; color: #fff; transition: opacity .5s ease;
    text-shadow: 0 0 6px rgba(255,255,255,.9), 0 0 16px rgba(170,205,255,.75), 0 0 32px rgba(63,99,230,.5); }
  .kaydir-cizgi { position: relative; width: 1.5px; height: 46px; background: rgba(255,255,255,.85); overflow: visible; border-radius: 1px;
    box-shadow: 0 0 6px rgba(255,255,255,.95), 0 0 14px rgba(170,205,255,.8), 0 0 28px rgba(63,99,230,.45); }
  .kaydir-cizgi::after { content: ""; position: absolute; left: -1px; top: -12px; width: 3px; height: 12px; border-radius: 2px;
    background: linear-gradient(#fff, rgba(255,255,255,0)); box-shadow: 0 0 10px #fff, 0 0 20px rgba(170,205,255,.9); animation: kaydirAkis 1.8s cubic-bezier(.6,0,.3,1) infinite; }
  @keyframes kaydirAkis { 0% { transform: translateY(0); opacity: 0; } 20% { opacity: 1; } 100% { transform: translateY(54px); opacity: 0; } }
  .kaydir span { animation: kaydirNefes 2.6s ease-in-out infinite; position: relative; isolation: isolate;
    padding: .75em 1.6em .75em 1.92em; border-radius: 999px; border: 1px solid rgba(255,255,255,.35); }
  .kaydir span::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1.5px; pointer-events: none;   /* Basla dugmesindeki donen isik */
    background: conic-gradient(from var(--beam), transparent 0deg, transparent 290deg,
      rgba(115,166,240,.6) 318deg, #ffffff 340deg, rgba(170,205,255,.7) 352deg, transparent 360deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;
    filter: drop-shadow(0 0 4px rgba(255,255,255,.9)) drop-shadow(0 0 10px rgba(115,166,240,.6));
    animation: ctaBeam 5s linear infinite; }
  @keyframes kaydirNefes { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
  @media (prefers-reduced-motion: reduce) { .kaydir-cizgi::after, .kaydir span { animation: none; } }
  html.lenis, html.lenis body { height: auto; }
  .acilis-oge { opacity: 0; transform: translateY(10px); transition: opacity 1s ease, transform 1.2s cubic-bezier(.2,.7,.2,1); }
  body.acildi .acilis-oge { opacity: 1; transform: none; }
  body.acildi.evrende .topnav { transform: translateX(-50%); }   /* ikinci bolumde menu tam ortada */
  /* 7) yolculugu atla */
  .atla { position: absolute; right: clamp(18px, 3vw, 40px); bottom: clamp(22px, 4vh, 40px); z-index: 5;
    font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: 11px; letter-spacing: .24em; text-transform: uppercase;
    color: rgba(26,32,48,.55); background: none; border: 0; padding: 6px 2px; cursor: pointer; transition: color .3s, opacity .5s; }
  .atla:hover, .atla:focus-visible { color: #3F63E6; outline: none; }
  .atla:focus-visible { box-shadow: 0 1px 0 #3F63E6; }
  /* hareket hassasiyeti: yolculuk yok, sahne sabit */
  @media (prefers-reduced-motion: reduce) {
    .yolculuk { height: auto; } .hero { position: relative; } .kaydir, .atla { display: none; }
    .acilis-oge { opacity: 1; transform: none; transition: none; }
  }
  .lenis.lenis-smooth { scroll-behavior: auto !important; }
  /* ---- 2. bolum: dijital evren tuneli ---- */
  .evren { position: relative; z-index: 1; height: 320vh; margin-top: -163vh; }   /* yolculuk biter bitmez (beyazin icinden) baslar */
  .evren-sahne { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; perspective: 900px; perspective-origin: 50% 50%;
    background: transparent; }   /* zemin artik #ortakZemin'de: 2. ve 3. bolum ayni sabit zemini paylasir, ek yeri olmaz */
    /* sag ustteki elin isigiyla ayni: isik sol ustten (elin ust/sol kenari parlak), golge sag altta.
       tonlar elden olculdu: isik #E7EAEF, orta #C4D2DB, golge #30445A */
  #ortakZemin { position: fixed; inset: 0; z-index: 1; pointer-events: none; opacity: 0;
    background:
      radial-gradient(ellipse 70% 60% at 18% 8%, rgba(250,252,255,.95) 0%, rgba(226,234,250,.55) 40%, rgba(226,234,250,0) 75%),
      radial-gradient(ellipse 55% 50% at 50% 46%, rgba(240,245,253,.75) 0%, rgba(240,245,253,0) 70%),
      linear-gradient(135deg, #EDF2FC 0%, #DFE8F4 35%, #C6D7E4 62%, #9DBACB 85%, #7AA2B9 100%); }   /* golge tarafi elin golge tonlarinda: celik mavisi */
  .evren-kartlar { position: absolute; inset: 0; transform-style: preserve-3d; }
  .ekart { position: absolute; left: 50%; top: 50%; border-radius: 6px; overflow: hidden; will-change: transform, filter, opacity;
    box-shadow: 0 30px 60px rgba(20,30,60,.18); backface-visibility: hidden; }
  .ekart .ph { position: absolute; inset: 0; }
  .ekart .ph::before { content: ""; position: absolute; left: 7%; top: 9%; width: 38%; height: 6%; border-radius: 3px; background: rgba(255,255,255,.75); }
  .ekart .ph::after { content: ""; position: absolute; left: 7%; top: 22%; width: 56%; height: 3.5%; border-radius: 2px; background: rgba(255,255,255,.4);
    box-shadow: 0 1.3em 0 rgba(255,255,255,.3), 0 2.6em 0 rgba(255,255,255,.22); }
  .ekart .ph i { position: absolute; right: 6%; bottom: 8%; width: 42%; height: 46%; border-radius: 4px; background: rgba(255,255,255,.14); }
  .ph-mavi  { background: linear-gradient(135deg, #2E5785 0%, #507AA3 50%, #8FB6C9 100%); }   /* renkler ellerden olculdu */
  .ph-gece  { background: linear-gradient(160deg, #0F1B2C 0%, #1E395E 60%, #3B6390 100%); }
  .ph-buz   { background: linear-gradient(150deg, #EEF3F5 0%, #C9DCE3 55%, #A2CAD3 100%); }
  .ph-gri   { background: linear-gradient(150deg, #F3F6F7 0%, #D3E1E8 100%); }
  .ph-gri::before, .ph-gri::after { filter: invert(.75); }
  /* ellerin ustunu de kaplayan ton: kollar kenarda zeminle birlikte koyulasir, ortama gomulur */
  .evren-ton { position: absolute; inset: 0; z-index: 3; pointer-events: none; mix-blend-mode: multiply;
    background: linear-gradient(135deg, rgba(27,47,77,0) 45%, rgba(27,47,77,.12) 75%, rgba(27,47,77,.28) 100%); }   /* golge sag altta, elin golgesiyle ayni ton */
  /* ellerdeki fotograf greninin aynisi tum sahnede */
  .evren-gren { position: absolute; inset: -50%; z-index: 4; pointer-events: none; opacity: .07; mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.6 -.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
  /* zemin isiginin el kenarina hafif sizmasi */
  #elTuval { filter: none; }   /* tuval sik yeniden ciziliyor: golge filtresi her seferinde pahali */
  .evren-baslik { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; z-index: 2; }
  .evren-baslik .ic { display: grid; grid-template-columns: 1fr; row-gap: .12em; justify-items: center; text-align: center !important;
    font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; color: #141615; letter-spacing: -0.015em; line-height: 1.02;
    font-size: clamp(14px, 1.47vw, 23px); text-align: center; transition: opacity .6s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
  /* el silueti: parmak uclari arasindaki bosluk tam ekran ortasinda, baslik ellerin altinda */
  /* el animasyonu (Blender, 60 kare): parmak uclari arasindaki bosluk ekranin tam ortasinda, kollar kenarlardan girer */
  .el-kare { position: absolute; left: 50%; top: 50%; width: 125vw; aspect-ratio: 1600 / 1040; transform: translate(-48.69%, -45.94%); transform-origin: 48.69% 45.94%; will-change: transform, opacity;   /* buyurken merkez parmak uclari arasi. her yonde 160px pay: kaydirilan kollar tuvalin disina tasip kesilmesin */ z-index: 1; pointer-events: none; }
  .el-grup { position: relative; }
  .el-yari { position: absolute; inset: 0; width: 100%; height: 100%; }
  .el-sol { transform: translate(-7vw, 3.8vw); }   /* eller capraz hat boyunca ayrilir, yazi ortadaki bosluga girer */
  .el-sag { transform: translate(7vw, -3.8vw); }
  .el-grup .ic { transform: none; white-space: nowrap; }
  /* basligin altindaki kisa aciklama ve dugme: soluk, kucuk */
  .el-grup { display: grid; justify-items: center; }
  .evren-alt { position: relative; top: -15px; opacity: 0; will-change: transform, opacity; margin: .55em 0 0; max-width: 340px; text-align: center; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 400;
    font-size: clamp(11px, .82vw, 13px); line-height: 1.55; color: #5A6D98; letter-spacing: .005em; }
  .evren-cta { position: relative; top: -15px; opacity: 0; will-change: transform, opacity; pointer-events: auto; margin-top: .85em; display: inline-flex; align-items: center; padding: .62em 1.35em; border-radius: 999px;
    border: 1.5px solid #73A6F0; background: rgba(255,255,255,.55);   /* backdrop-filter yok: bulanik ust grupta kapanip sonra birden aciliyordu */
    font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(9.5px, .66vw, 11px); letter-spacing: .2em; text-transform: uppercase;
    color: #26335A; text-decoration: none; transition: top .35s ease, background .35s ease, box-shadow .35s ease; }
  .evren-cta:hover, .evren-cta:focus-visible { top: -17px; background: rgba(255,255,255,.8); box-shadow: 0 8px 24px rgba(48,60,90,.16); outline: none; }
  .evren-baslik .ic > span:last-child { font-style: italic; color: #2E5785; }   /* sahnenin celik mavisi (ekranlar, el golgeleri) */
  /* gelistirme ayar paneli yayinda gizli (degerler JS'te varsayilan olarak kaliyor) */
  .ayar-btn, .panel { display: none !important; }


/* ===== Dal detayi: karta tiklaninca izole olur (referans: solda baslik + metin + iki dugme, sagda arkasi gorunen kart destesi) ===== */
.dal { cursor: pointer; }
.dal:focus-visible { outline: 2px solid #73A6F0; outline-offset: 4px; }
.dal-dizi.izole .dal-kap { opacity: 0 !important; transition: opacity .35s ease; }
.dal-detay { position: fixed; inset: 0; z-index: 40; display: grid; place-items: center; visibility: hidden; pointer-events: none; }
.dal-detay.acik { visibility: visible; pointer-events: auto; }
.dd-ortu { position: absolute; inset: 0; background: rgba(226,234,246,.55); -webkit-backdrop-filter: blur(18px) saturate(1.1); backdrop-filter: blur(18px) saturate(1.1);
  opacity: 0; transition: opacity .5s ease; }
.dal-detay.acik .dd-ortu { opacity: 1; }
.dd-ic { position: relative; width: min(1180px, 88vw); display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(32px, 6vw, 110px); }
.dd-sol > * { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
.dal-detay.acik .dd-sol > * { opacity: 1; transform: none; }
.dal-detay.acik .dd-sol > :nth-child(1) { transition-delay: .18s; }
.dal-detay.acik .dd-sol > :nth-child(2) { transition-delay: .26s; }
.dal-detay.acik .dd-sol > :nth-child(3) { transition-delay: .34s; }
.dal-detay.acik .dd-sol > :nth-child(4) { transition-delay: .42s; }
.dd-ust { display: inline-flex; align-items: center; gap: .7em; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(10px, .72vw, 12px);
  letter-spacing: .22em; text-transform: uppercase; color: #2E5785; }
.dd-ust::before { content: ""; width: 9px; height: 9px; background: currentColor; clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); }
.dd-baslik { margin: .5em 0 0; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(34px, 4.1vw, 66px); line-height: 1.04; letter-spacing: -.02em; color: #141615; }
.dd-metin { margin: 1.1em 0 0; max-width: 470px; font-family: 'Futura PT', 'Futura', sans-serif; font-size: clamp(13px, .98vw, 16px); line-height: 1.65; color: #3E5470; }
.dd-dugmeler { display: flex; gap: 12px; margin-top: 2em; flex-wrap: wrap; }
.dd-btn { display: inline-flex; align-items: center; gap: .9em; height: 46px; padding: 0 1.5em; border-radius: 999px; border: 1.5px solid rgba(27,47,77,.35);
  background: transparent; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: 13px; letter-spacing: .02em; color: #1B2F4D; text-decoration: none; cursor: pointer;
  transition: background .3s ease, border-color .3s ease, transform .3s ease; }
.dd-btn:hover, .dd-btn:focus-visible { border-color: #1B2F4D; transform: translateY(-2px); outline: none; }
.dd-btn-dolu { background: #1B2F4D; border-color: #1B2F4D; color: #EEF3F5; padding-right: .45em; }
.dd-btn-dolu::after { content: "→"; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #EEF3F5; color: #1B2F4D; font-size: 15px; transition: transform .3s ease; }
.dd-btn-dolu:hover { background: #2E5785; border-color: #2E5785; }
.dd-btn-dolu:hover::after { transform: translateX(3px); }
.dd-sag { display: grid; justify-items: center; gap: 26px; }
.dd-deste { position: relative; width: clamp(300px, 26vw, 400px); aspect-ratio: 1 / 1.08; }
.dd-arka, .dd-kart { position: absolute; inset: 0; border-radius: 20px; }
.dd-arka { background: linear-gradient(160deg, rgba(46,87,133,.45), rgba(27,47,77,.35)); border: 1px solid rgba(255,255,255,.35);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; transition: opacity .5s ease .25s, transform .7s cubic-bezier(.2,.8,.2,1) .25s; }
.dd-arka.a1 { transform: translateX(0) scale(.97); }
.dd-arka.a2 { transform: translateX(0) scale(.94); }
.dal-detay.acik .dd-arka { opacity: 1; }
.dal-detay.acik .dd-arka.a1 { transform: translateX(16px) scale(.96); }
.dal-detay.acik .dd-arka.a2 { transform: translateX(30px) scale(.91); }
.dd-kart { display: flex; flex-direction: column; padding: clamp(24px, 2.2vw, 34px); box-sizing: border-box; color: #EEF3F5;
  background: linear-gradient(160deg, rgba(27,47,77,.92) 0%, rgba(46,87,133,.84) 100%); border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 40px 90px rgba(27,47,77,.32), inset 0 1px 0 rgba(255,255,255,.18); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); opacity: 0; }
.dal-detay.acik .dd-kart.gorunur { opacity: 1; }
.dd-ikon { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; background: rgba(238,243,245,.1); border: 1px solid rgba(238,243,245,.22); }
.dd-ikon svg { width: 22px; height: 22px; color: #EEF3F5; }
.dd-etiket { margin-top: auto; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: #A2C4D6; }
.dd-ad { margin: .6em 0 0; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(20px, 1.7vw, 27px); line-height: 1.18; color: #F5F8FA; }
.dd-aciklama { margin: .9em 0 0; font-family: 'Futura PT', 'Futura', sans-serif; font-size: clamp(12px, .85vw, 14px); line-height: 1.6; color: rgba(238,243,245,.78); }
.dd-kart .dd-degis { transition: opacity .3s ease, transform .45s cubic-bezier(.2,.8,.2,1); }
.dd-kart.cikiyor .dd-degis { opacity: 0; transform: translateY(8px); }
.dd-noktalar { display: flex; gap: 8px; opacity: 0; transition: opacity .4s ease .4s; }
.dal-detay.acik .dd-noktalar { opacity: 1; }
.dd-noktalar button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: rgba(27,47,77,.25); cursor: pointer; transition: width .35s ease, background .35s ease; }
.dd-noktalar button[aria-selected="true"] { width: 22px; background: #1B2F4D; }
.dd-kapat { position: absolute; top: clamp(16px, 3vh, 30px); right: clamp(16px, 2.4vw, 36px); width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(27,47,77,.25);
  background: rgba(255,255,255,.6); color: #1B2F4D; font-size: 22px; line-height: 1; cursor: pointer; opacity: 0; transition: opacity .4s ease .3s, transform .3s ease; }
.dal-detay.acik .dd-kapat { opacity: 1; }
.dd-kapat:hover { transform: rotate(90deg); }
.dd-ucan { position: fixed; z-index: 45; margin: 0; pointer-events: none; transform-origin: 0 0; }
@media (max-width: 860px) {
  .dd-ic { grid-template-columns: 1fr; gap: 28px; max-height: 92vh; overflow: auto; padding: 60px 0 24px; }
  .dd-deste { width: min(84vw, 340px); }
}
@media (prefers-reduced-motion: reduce) { .dal-detay * { transition: none !important; } }
.dal-dizi.donuyor .dal-kap { transition: opacity .45s ease; }
.dal-kap.dd-gizli { opacity: 0 !important; transition: none !important; }
.dd-kart { transition: opacity .35s ease; }

/* ===== Detay v2: referanstaki gibi ikiye bolunmus cerceve. Solda koyu panel (yazilar), sagda acik panel (gorsel + kart destesi) ===== */
.dd-ic { position: absolute; inset: clamp(10px, 1.2vw, 18px); width: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: stretch;
  border-radius: 24px; overflow: hidden; box-shadow: 0 50px 120px rgba(16,28,48,.35); }
.dd-sol { position: relative; display: flex; flex-direction: column; justify-content: center; padding: clamp(40px, 6vw, 110px);
  background: radial-gradient(ellipse 90% 70% at 15% 100%, rgba(122,162,185,.35) 0%, rgba(122,162,185,0) 60%), linear-gradient(165deg, #121E31 0%, #1B2F4D 55%, #2A4A72 100%);
  transform: translateX(-102%); transition: transform .75s cubic-bezier(.7,0,.2,1); }
.dd-sol::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .09; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.dal-detay.acik .dd-sol { transform: none; }
.dd-sag { position: relative; align-content: center; background: linear-gradient(160deg, #EEF2F7 0%, #DCE5EF 100%); overflow: hidden; opacity: 0; transition: opacity .6s ease .1s; }
.dal-detay.acik .dd-sag { opacity: 1; }
.dd-sag::before, .dd-sag::after { content: ""; position: absolute; border-radius: 50%; filter: blur(60px); pointer-events: none; }
.dd-sag::before { width: 70%; height: 70%; left: -10%; top: 8%; background: radial-gradient(circle, rgba(122,162,185,.75) 0%, rgba(122,162,185,0) 70%); animation: ddLeke1 14s ease-in-out infinite alternate; }
.dd-sag::after { width: 60%; height: 60%; right: -12%; bottom: -6%; background: radial-gradient(circle, rgba(115,166,240,.55) 0%, rgba(115,166,240,0) 70%); animation: ddLeke2 17s ease-in-out infinite alternate; }
@keyframes ddLeke1 { to { transform: translate(18%, 14%) scale(1.15); } }
@keyframes ddLeke2 { to { transform: translate(-16%, -12%) scale(1.1); } }
.dd-deste, .dd-noktalar { position: relative; z-index: 1; }
.dd-ust { color: #9DBACB; }
.dd-baslik { color: #F5F8FA; }
.dd-metin { color: rgba(238,243,245,.72); }
.dd-btn { border-color: rgba(238,243,245,.35); color: #EEF3F5; }
.dd-btn:hover, .dd-btn:focus-visible { border-color: #EEF3F5; }
.dd-btn-dolu { background: #EEF3F5; border-color: #EEF3F5; color: #1B2F4D; }
.dd-btn-dolu::after { background: #1B2F4D; color: #EEF3F5; }
.dd-btn-dolu:hover { background: #FFFFFF; border-color: #FFFFFF; }
.dd-kapat { top: calc(clamp(10px, 1.2vw, 18px) + 18px); right: calc(clamp(10px, 1.2vw, 18px) + 18px); z-index: 2; background: rgba(255,255,255,.7); }
@media (max-width: 860px) {
  .dd-ic { grid-template-columns: 1fr; grid-template-rows: auto 1fr; overflow: auto; max-height: none; padding: 0; }
  .dd-sol { transform: translateY(-102%); padding: 72px 28px 36px; }
  .dd-sag { padding: 36px 0 48px; }
}
.dd-arka { background: linear-gradient(160deg, rgba(46,87,133,.55), rgba(27,47,77,.42)); border-color: rgba(255,255,255,.45); }
.dal-detay.acik .dd-arka.a1 { transform: translateX(24px) scale(.94); }
.dal-detay.acik .dd-arka.a2 { transform: translateX(46px) scale(.87); opacity: .7; }
/* perspektif izgara: ekranlarin oturdugu tunel cizgileri (kartlarin arkasinda) */
.evren-izgara { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }

/* ===== 4. bolum: Nasil calisiyoruz. Sirayla saga sola kayan sinematik paneller, aralarinda kavisli ince baglanti cizgisi ===== */
.akis { position: relative; z-index: 2; padding: 22vh 0 26vh; }
.akis-bas { width: min(1180px, 88vw); margin: 0 auto 12vh; }
.akis-ust { display: inline-flex; align-items: center; gap: .8em; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(10px, .72vw, 12px);
  letter-spacing: .22em; text-transform: uppercase; color: #2E5785; }
.akis-ust i { width: 10px; height: 10px; border-radius: 2px; background: #7AA2B9; }
.akis-baslik { margin: .7em 0 0; max-width: 640px; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(26px, 2.6vw, 42px); line-height: 1.15; letter-spacing: -.015em; color: #141615; }
.akis-hat { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 0; }
.akis-hat path { fill: none; stroke: #2E5785; stroke-width: 1.2; opacity: .55; }
.akis-panel { position: relative; z-index: 1; width: min(860px, 64vw); aspect-ratio: 16 / 8.6; margin: 0 0 22vh; border-radius: 6px; overflow: hidden; color: #EEF3F5;
  background: radial-gradient(ellipse 60% 70% at 58% 50%, rgba(122,162,185,.55) 0%, rgba(46,87,133,.25) 45%, rgba(18,30,49,0) 75%), linear-gradient(160deg, #1B2F4D 0%, #121E31 60%, #0D1626 100%);
  box-shadow: 0 50px 110px rgba(16,28,48,.3); opacity: 0; transform: translateY(70px) scale(.97); transition: opacity 1s ease .35s, transform 1.2s cubic-bezier(.2,.8,.2,1) .35s; }
.akis-sol { margin-left: max(6vw, calc(50vw - 590px)); }
.akis-sag { margin-left: auto; margin-right: max(6vw, calc(50vw - 590px)); }
.akis-panel:last-of-type { margin-bottom: 0; }
.akis-panel.gorunur { opacity: 1; transform: none; }
.ap-ust { position: absolute; left: 0; right: 0; top: 0; display: flex; justify-content: space-between; padding: 18px 24px; font-family: 'Futura PT', 'Futura', sans-serif;
  font-size: 10.5px; letter-spacing: .06em; color: rgba(238,243,245,.6); }
.ap-ust em { font-style: italic; }
.ap-isik { position: absolute; inset: 0; display: grid; place-items: center; }
.ap-sekil { position: relative; width: 34%; aspect-ratio: 1; opacity: 0; transform: scale(.82); filter: blur(6px); transition: opacity 1.2s ease .7s, transform 1.6s cubic-bezier(.2,.8,.2,1) .7s, filter 1.2s ease .7s; }
.akis-panel.gorunur .ap-sekil { opacity: 1; transform: none; filter: none; }
/* yer tutucu soyut isik sekilleri (gorseller sonra gelecek) */
.ap-sekil::before, .ap-sekil::after { content: ""; position: absolute; inset: 0; border-radius: 50%; }
.ap-sekil.s1::before { background: radial-gradient(circle at 38% 34%, #E7F0FA 0%, #98B8FF 18%, #2E5785 52%, rgba(46,87,133,0) 72%); filter: blur(2px); animation: apNefes 6s ease-in-out infinite; }
.ap-sekil.s1::after { inset: -14%; border: 1px solid rgba(231,240,250,.35); transform: rotate(-18deg) scaleY(.38); }
.ap-sekil.s2::before { border-radius: 22%; background: linear-gradient(140deg, rgba(231,240,250,.85), rgba(122,162,185,.35) 45%, rgba(46,87,133,.1)); transform: rotate(14deg); box-shadow: 0 0 60px rgba(152,184,255,.35); animation: apSuz 8s ease-in-out infinite; }
.ap-sekil.s2::after { border-radius: 22%; inset: 14% -10% -10% 14%; border: 1px solid rgba(231,240,250,.45); transform: rotate(14deg); background: rgba(27,47,77,.25); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.ap-sekil.s3::before { background: conic-gradient(from 30deg, rgba(152,184,255,0), rgba(152,184,255,.9), rgba(231,240,250,.95), rgba(122,162,185,.4), rgba(152,184,255,0)); -webkit-mask: radial-gradient(circle, transparent 54%, #000 56%, #000 64%, transparent 66%); mask: radial-gradient(circle, transparent 54%, #000 56%, #000 64%, transparent 66%); animation: apDon 14s linear infinite; }
.ap-sekil.s3::after { inset: 26%; background: radial-gradient(circle, #E7F0FA 0%, #98B8FF 35%, rgba(46,87,133,0) 72%); animation: apNefes 5s ease-in-out infinite; }
@keyframes apNefes { 50% { transform: scale(1.06); opacity: .85; } }
@keyframes apSuz { 50% { transform: rotate(10deg) translateY(-4%); } }
@keyframes apDon { to { transform: rotate(360deg); } }
.ap-yazi { position: absolute; left: clamp(22px, 3vw, 44px); bottom: clamp(22px, 3vw, 40px); max-width: 44%; }
.akis-sag .ap-yazi { left: auto; right: clamp(22px, 3vw, 44px); text-align: right; }
.ap-yazi > * { opacity: 0; transform: translateY(16px); transition: opacity .8s ease, transform 1s cubic-bezier(.2,.8,.2,1); }
.akis-panel.gorunur .ap-yazi > :nth-child(1) { transition-delay: .9s; }
.akis-panel.gorunur .ap-yazi > :nth-child(2) { transition-delay: 1.02s; }
.akis-panel.gorunur .ap-yazi > :nth-child(3) { transition-delay: 1.14s; }
.akis-panel.gorunur .ap-yazi > * { opacity: 1; transform: none; }
.ap-no { display: block; font-family: 'Futura PT', 'Futura', sans-serif; font-size: 11px; letter-spacing: .2em; color: #9DBACB; }
.ap-yazi h3 { margin: .5em 0 0; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(20px, 2vw, 32px); line-height: 1.12; letter-spacing: -.01em; color: #F5F8FA; }
.ap-yazi p { margin: .8em 0 0; font-family: 'Futura PT', 'Futura', sans-serif; font-size: clamp(11.5px, .82vw, 13.5px); line-height: 1.6; color: rgba(238,243,245,.72); }
.ap-nokta { position: absolute; width: 1px; height: 1px; }
.ap-giris { top: 0; } .ap-cikis { bottom: 0; }
.akis-sol .ap-giris { left: 72%; } .akis-sol .ap-cikis { left: 72%; }
.akis-sag .ap-giris { left: 28%; } .akis-sag .ap-cikis { left: 28%; }
@media (max-width: 860px) {
  .akis-panel { width: 88vw; aspect-ratio: 4 / 5; margin-left: 6vw !important; margin-right: 6vw !important; }
  .ap-yazi, .akis-sag .ap-yazi { left: 22px; right: 22px; max-width: none; text-align: left; }
  .ap-sekil { width: 52%; margin-top: -30%; }
}
@media (prefers-reduced-motion: reduce) { .akis-panel, .ap-sekil, .ap-yazi > * { opacity: 1 !important; transform: none !important; filter: none !important; transition: none !important; } }
.akis-hat .ak-bag path { fill: none; stroke: #2E5785; stroke-width: 1.2; opacity: .6; }
.akis-hat .ak-uc { fill: #2E5785; stroke: #2E5785; stroke-width: 1.4; transition: opacity .4s ease; opacity: 0; }
.akis-hat .ak-cizgi { fill: none; }
/* her adim tek bir ekran: panel sayfanin ortasinda, kaydirma panele oturur (snap JS'te, Lenis ile uyumlu) */
.akis { padding-bottom: 0; }
.akis-bas { margin-bottom: 0; }
.akis-sayfa { height: 100vh; height: 100svh; display: flex; align-items: center; }
.akis-panel { width: min(1100px, 72vw); margin-bottom: 0; }
@media (max-width: 860px) { .akis-panel { width: 88vw; } }
/* daha kucuk paneller, belirgin sola / saga kaymis (referanstaki zikzak) */
.akis-panel { width: min(780px, 50vw); }
.akis-sol { margin-left: 9vw; margin-right: auto; }
.akis-sag { margin-left: auto; margin-right: 9vw; }
@media (max-width: 860px) { .akis-panel { width: 88vw; margin-left: 6vw !important; margin-right: 6vw !important; } }
/* aciklamalar panelin yanindaki bos alanda: sol panelde sagda, sag panelde solda */
.akis-sayfa { display: grid; grid-template-columns: min(780px, 50vw) 1fr; align-items: center; column-gap: 5vw; padding: 0 9vw; box-sizing: border-box; }
.akis-sayfa:has(.akis-sag) { grid-template-columns: 1fr min(780px, 50vw); }
.akis-sayfa .akis-panel { width: 100%; margin: 0; }
.akis-sayfa:has(.akis-sag) .akis-aciklama { order: -1; text-align: right; justify-self: end; }
.akis-aciklama { max-width: 360px; }
.akis-aciklama > * { opacity: 0; transform: translateY(18px); transition: opacity .8s ease, transform 1s cubic-bezier(.2,.8,.2,1); }
.akis-panel.gorunur + .akis-aciklama > * { opacity: 1; transform: none; }
.akis-panel.gorunur + .akis-aciklama > :nth-child(1) { transition-delay: .9s; }
.akis-panel.gorunur + .akis-aciklama > :nth-child(2) { transition-delay: 1.02s; }
.akis-panel.gorunur + .akis-aciklama > :nth-child(3) { transition-delay: 1.14s; }
.aa-no { display: inline-flex; align-items: center; gap: .7em; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: #2E5785; }
.aa-no i { width: 9px; height: 9px; border-radius: 2px; background: #7AA2B9; }
.akis-aciklama h3 { margin: .7em 0 0; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(24px, 2.2vw, 36px); line-height: 1.12; letter-spacing: -.015em; color: #141615; }
.akis-aciklama p { margin: .9em 0 0; font-family: 'Futura PT', 'Futura', sans-serif; font-size: clamp(13px, .95vw, 15.5px); line-height: 1.65; color: #3E5470; }
.ap-buyuk-no { position: absolute; left: clamp(22px, 3vw, 44px); bottom: clamp(14px, 2vw, 26px); font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500;
  font-size: clamp(54px, 6vw, 96px); line-height: 1; letter-spacing: -.04em; color: rgba(238,243,245,.14); }
.akis-sag .ap-buyuk-no { left: auto; right: clamp(22px, 3vw, 44px); }
@media (max-width: 860px) {
  .akis-sayfa, .akis-sayfa:has(.akis-sag) { grid-template-columns: 1fr; row-gap: 26px; padding: 0 6vw; align-content: center; }
  .akis-sayfa .akis-panel { width: 100%; margin: 0 !important; aspect-ratio: 16 / 10; }
  .akis-sayfa:has(.akis-sag) .akis-aciklama { order: 0; text-align: left; justify-self: start; }
}

/* ===== 5. bolum: Direksiyon senin elinde. Solda yazi, sagda animasyon alani (simdilik yumusak isik yer tutucusu) ===== */
.direksiyon { position: relative; z-index: 2; min-height: 100vh; min-height: 100svh; display: grid; align-items: center; padding: 14vh 0; box-sizing: border-box; }
.dir-ic { width: min(1240px, 86vw); margin: 0 auto; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 5vw; }
.dir-yazi > * { opacity: 0; transform: translateY(20px); transition: opacity .9s ease, transform 1.1s cubic-bezier(.2,.8,.2,1); }
.direksiyon.gorunur .dir-yazi > * { opacity: 1; transform: none; }
.direksiyon.gorunur .dir-yazi > :nth-child(2) { transition-delay: .1s; }
.direksiyon.gorunur .dir-yazi > :nth-child(3) { transition-delay: .22s; }
.direksiyon.gorunur .dir-yazi > :nth-child(4) { transition-delay: .34s; }
.dir-etiket { display: inline-flex; align-items: center; gap: .8em; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(10px, .72vw, 12px); letter-spacing: .22em; text-transform: uppercase; color: #2E5785; }
.dir-etiket i { width: 10px; height: 10px; border-radius: 2px; background: #7AA2B9; }
.dir-baslik { margin: .7em 0 0; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(30px, 3.4vw, 56px); line-height: 1.06; letter-spacing: -.02em; color: #141615; }
.dir-baslik span, .dir-baslik em { display: block; }
.dir-baslik em { font-style: italic; color: #2E5785; }
.dir-metin { margin: 1.1em 0 0; max-width: 470px; font-family: 'Futura PT', 'Futura', sans-serif; font-size: clamp(13px, .98vw, 16px); line-height: 1.65; color: #3E5470; }
.dir-cta { display: inline-flex; align-items: center; gap: .9em; margin-top: 2em; height: 48px; padding: 0 .45em 0 1.5em; border-radius: 999px; background: #1B2F4D; color: #EEF3F5;
  font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: 13.5px; letter-spacing: .02em; text-decoration: none; transition: background .3s ease, transform .3s ease; }
.dir-cta::after { content: "→"; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #EEF3F5; color: #1B2F4D; font-size: 15px; transition: transform .3s ease; }
.dir-cta:hover { background: #2E5785; transform: translateY(-2px); }
.dir-cta:hover::after { transform: translateX(3px); }
.dir-sahne { position: relative; aspect-ratio: 1 / .82; border-radius: 22px; overflow: hidden; opacity: 0; transform: scale(.96); transition: opacity 1.2s ease .3s, transform 1.4s cubic-bezier(.2,.8,.2,1) .3s;
  background: linear-gradient(160deg, rgba(255,255,255,.5), rgba(255,255,255,.18)); border: 1px solid rgba(255,255,255,.6); box-shadow: 0 40px 100px rgba(27,47,77,.16), inset 0 1px 0 rgba(255,255,255,.85);
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.direksiyon.gorunur .dir-sahne { opacity: 1; transform: none; }
.dir-isik { position: absolute; inset: 18%; border-radius: 50%; filter: blur(40px); background: radial-gradient(circle, rgba(152,184,255,.75) 0%, rgba(122,162,185,.45) 40%, rgba(122,162,185,0) 70%); animation: dirIsik 9s ease-in-out infinite alternate; }
@keyframes dirIsik { to { transform: translate(8%, -6%) scale(1.12); } }
@media (max-width: 860px) { .dir-ic { grid-template-columns: 1fr; gap: 40px; } }
@media (prefers-reduced-motion: reduce) { .dir-yazi > *, .dir-sahne { opacity: 1 !important; transform: none !important; transition: none !important; } .dir-isik { animation: none; } }

/* ===== Kapanis cagrisi + iletisim formu ===== */
.son-cta { position: relative; z-index: 2; padding: 18vh 7vw 14vh; text-align: center; }
.son-ust { display: inline-flex; align-items: center; gap: .8em; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(10px, .72vw, 12px);
  letter-spacing: .22em; text-transform: uppercase; color: #2E5785; }
.son-ust i { width: 10px; height: 10px; border-radius: 2px; background: #7AA2B9; }
.son-baslik { margin: .6em auto 0; max-width: 16ch; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(38px, 5.4vw, 92px); line-height: 1.02; letter-spacing: -.03em; color: #141615; }
.son-dugme { display: inline-flex; align-items: center; gap: 1em; margin-top: 1.4em; height: 58px; padding: 0 .5em 0 1.9em; border-radius: 999px; background: #1B2F4D; color: #EEF3F5;
  font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: 15px; text-decoration: none; box-shadow: 0 20px 50px rgba(27,47,77,.25); transition: background .3s ease, transform .3s ease; }
.son-dugme::after { content: "→"; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: #EEF3F5; color: #1B2F4D; font-size: 17px; transition: transform .3s ease; }
.son-dugme:hover { background: #2E5785; transform: translateY(-2px); }
.son-dugme:hover::after { transform: translateX(4px); }
.son-cta > * { opacity: 0; transform: translateY(22px); transition: opacity .9s ease, transform 1.1s cubic-bezier(.2,.8,.2,1); }
.son-cta.gorunur > * { opacity: 1; transform: none; }
.son-cta.gorunur > :nth-child(2) { transition-delay: .1s; }
.son-cta.gorunur > :nth-child(3) { transition-delay: .22s; }

.iletisim-yeni { position: relative; z-index: 2; padding: 4vh 0 16vh; scroll-margin-top: 90px; }
.ilf-ic { width: min(1180px, 86vw); margin: 0 auto; display: grid; grid-template-columns: .85fr 1.15fr; gap: 5vw; align-items: start; padding: clamp(28px, 4vw, 60px); box-sizing: border-box;
  border-radius: 24px; background: linear-gradient(160deg, rgba(255,255,255,.62), rgba(255,255,255,.3)); border: 1px solid rgba(255,255,255,.7);
  box-shadow: 0 40px 100px rgba(27,47,77,.14), inset 0 1px 0 rgba(255,255,255,.9); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
.ilf-baslik { margin: .6em 0 0; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(30px, 3vw, 48px); line-height: 1.06; letter-spacing: -.02em; color: #141615; }
.ilf-alt { margin: 1em 0 0; max-width: 380px; font-family: 'Futura PT', 'Futura', sans-serif; font-size: clamp(13px, .95vw, 15.5px); line-height: 1.65; color: #3E5470; }
.ilf-bilgiler { display: grid; gap: 10px; margin-top: 2.2em; }
.ilf-bilgi { display: grid; gap: .25em; padding: 14px 18px; border-radius: 14px; background: rgba(255,255,255,.55); border: 1px solid rgba(27,47,77,.08); text-decoration: none; transition: background .3s ease, transform .3s ease; }
a.ilf-bilgi:hover { background: rgba(255,255,255,.85); transform: translateX(4px); }
.ilf-bilgi-ad { font-family: 'Futura PT', 'Futura', sans-serif; font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: #7A8CA3; }
.ilf-bilgi-deger { font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: 15px; color: #1B2F4D; }
.ilf-form { display: grid; gap: 6px; }
.ilf-tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ilf-etiket { margin-top: 12px; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: #2E5785; }
.ilf-etiket:first-of-type { margin-top: 0; }
.ilf-alan { width: 100%; box-sizing: border-box; padding: 15px 18px; border-radius: 14px; border: 1px solid rgba(27,47,77,.14); background: rgba(255,255,255,.7);
  font-family: 'Futura PT', 'Futura', sans-serif; font-size: 15px; color: #141615; outline: none; transition: border-color .3s ease, box-shadow .3s ease, background .3s ease; }
.ilf-alan::placeholder { color: #9AA6B5; }
.ilf-alan:focus { border-color: #73A6F0; background: #fff; box-shadow: 0 0 0 4px rgba(115,166,240,.18); }
.ilf-mesaj { resize: vertical; min-height: 150px; }
.ilf-gonder { justify-self: start; margin-top: 18px; height: 52px; padding: 0 2.2em; border: 0; border-radius: 999px; background: #1B2F4D; color: #EEF3F5; cursor: pointer;
  font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: 14px; letter-spacing: .04em; transition: background .3s ease, transform .3s ease; }
.ilf-gonder:hover, .ilf-gonder:focus-visible { background: #2E5785; transform: translateY(-2px); outline: none; }
.ilf-sonuc { margin: 10px 0 0; padding: 12px 16px; border-radius: 12px; font-family: 'Futura PT', 'Futura', sans-serif; font-size: 14px; background: rgba(214,69,69,.1); color: #9A2B2B; }
.ilf-sonuc--ok { background: rgba(46,87,133,.1); color: #1B2F4D; }
.ilf-ic { opacity: 0; transform: translateY(30px); transition: opacity 1s ease, transform 1.2s cubic-bezier(.2,.8,.2,1); }
.iletisim-yeni.gorunur .ilf-ic { opacity: 1; transform: none; }
@media (max-width: 860px) { .ilf-ic { grid-template-columns: 1fr; gap: 36px; } }
@media (prefers-reduced-motion: reduce) { .son-cta > *, .ilf-ic { opacity: 1 !important; transform: none !important; transition: none !important; } }

/* ===== Bulten seridi ve alt bilgi (sayfanin sonu) ===== */
.bulten-serit { position: relative; z-index: 2; padding: 0 0 10vh; }
.blt-ic { width: min(1180px, 86vw); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 4vw; padding: clamp(26px, 3vw, 44px) clamp(28px, 3.4vw, 52px);
  border-radius: 20px; box-sizing: border-box; color: #EEF3F5;
  background: radial-gradient(ellipse 60% 120% at 100% 0%, rgba(122,162,185,.35) 0%, rgba(122,162,185,0) 60%), linear-gradient(120deg, #121E31 0%, #1B2F4D 60%, #2A4A72 100%);
  box-shadow: 0 30px 80px rgba(16,28,48,.25); }
.blt-baslik { margin: 0; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(22px, 2vw, 32px); line-height: 1.12; letter-spacing: -.015em; color: #F5F8FA; }
.blt-alt { margin: .6em 0 0; font-family: 'Futura PT', 'Futura', sans-serif; font-size: clamp(12.5px, .9vw, 14.5px); line-height: 1.6; color: rgba(238,243,245,.68); }
.blt-form { position: relative; display: flex; gap: 8px; padding: 6px; border-radius: 999px; background: rgba(238,243,245,.08); border: 1px solid rgba(238,243,245,.18); flex-wrap: wrap; }
.blt-alan { flex: 1 1 200px; min-width: 0; height: 48px; padding: 0 1.2em; border: 0; background: transparent; color: #F5F8FA; font-family: 'Futura PT', 'Futura', sans-serif; font-size: 15px; outline: none; }
.blt-alan::placeholder { color: rgba(238,243,245,.45); }
.blt-gonder { height: 48px; padding: 0 1.8em; border: 0; border-radius: 999px; background: #EEF3F5; color: #1B2F4D; cursor: pointer; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: 14px; transition: background .3s ease, transform .3s ease; }
.blt-gonder:hover, .blt-gonder:focus-visible { background: #fff; transform: translateY(-1px); outline: none; }
.blt-form:focus-within { border-color: rgba(152,184,255,.55); box-shadow: 0 0 0 4px rgba(115,166,240,.15); }
.blt-sonuc { flex-basis: 100%; margin: 6px 14px 4px; font-family: 'Futura PT', 'Futura', sans-serif; font-size: 13px; color: #F0B4B4; }
.blt-sonuc--ok { color: #A2CAD3; }

.alt-yeni { position: relative; z-index: 2; overflow: hidden; color: rgba(238,243,245,.72); background: linear-gradient(180deg, #121E31 0%, #0B1422 100%); padding: 9vh 0 0; }
.alt-yeni-ic { width: min(1180px, 86vw); margin: 0 auto; display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 4vw; }
.ay-logo-satir { display: inline-flex; align-items: center; gap: 12px; }
.ay-logo { width: 30px; height: 30px; }
.ay-ad { font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: 20px; color: #F5F8FA; }
.ay-ad em { font-style: italic; }
.ay-soz { margin: 1.1em 0 0; max-width: 300px; font-family: 'Futura PT', 'Futura', sans-serif; font-size: 14px; line-height: 1.6; color: rgba(238,243,245,.6); }
.ay-bolum { display: grid; align-content: start; gap: .7em; }
.ay-baslik { margin-bottom: .4em; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: #7AA2B9; }
.ay-bolum a, .ay-adres { font-family: 'Futura PT', 'Futura', sans-serif; font-size: 14px; line-height: 1.5; color: rgba(238,243,245,.78); text-decoration: none; transition: color .25s ease; }
.ay-bolum a:hover { color: #FFFFFF; }
.ay-dev { margin-top: 8vh; text-align: center; white-space: nowrap; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: 16.5vw; line-height: .8; letter-spacing: -.05em;
  background: linear-gradient(180deg, rgba(238,243,245,.14) 0%, rgba(238,243,245,0) 92%); -webkit-background-clip: text; background-clip: text; color: transparent; user-select: none; }
.ay-dev em { font-style: italic; }
.ay-alt-satir { width: min(1180px, 86vw); margin: 0 auto; display: flex; justify-content: space-between; gap: 20px; padding: 22px 0 26px; border-top: 1px solid rgba(238,243,245,.1);
  font-family: 'Futura PT', 'Futura', sans-serif; font-size: 12.5px; color: rgba(238,243,245,.5); }
.ay-yukari { color: rgba(238,243,245,.7); text-decoration: none; }
.ay-yukari:hover { color: #fff; }
@media (max-width: 860px) {
  .blt-ic { grid-template-columns: 1fr; }
  .alt-yeni-ic { grid-template-columns: 1fr 1fr; row-gap: 40px; }
  .ay-marka { grid-column: 1 / -1; }
  .ay-alt-satir { flex-direction: column; }
}
.alt-yeni-ic { grid-template-columns: 1.6fr; grid-auto-flow: column; grid-auto-columns: 1fr; }   /* sosyal hesap yoksa sutun bos kalmaz */
@media (max-width: 860px) { .alt-yeni-ic { grid-auto-flow: row; grid-template-columns: 1fr 1fr; } }

/* ===== Portal gecisi: uzaktan iletisime atlarken tiklanan noktadan acilan isik kapisi ===== */
.portal { position: fixed; inset: 0; z-index: 90; pointer-events: none; visibility: hidden; }
.portal.aktif { visibility: visible; pointer-events: auto; }
.portal-ic { position: absolute; inset: 0; clip-path: circle(0px at var(--px, 50%) var(--py, 50%));
  background: radial-gradient(circle at var(--px, 50%) var(--py, 50%), #EAF2FF 0%, #98B8FF 9%, #2E5785 26%, #121E31 55%, #070D18 100%); }
.portal-halka { position: absolute; left: var(--px, 50%); top: var(--py, 50%); width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%;
  border: 1.5px solid rgba(234,242,255,.85); box-shadow: 0 0 40px rgba(152,184,255,.9), inset 0 0 30px rgba(152,184,255,.6); opacity: 0; }
.portal-cizgi { position: absolute; left: var(--px, 50%); top: var(--py, 50%); width: 0; height: 0; }
.portal-cizgi i { position: absolute; left: 0; top: 0; width: 60vmax; height: 1px; transform-origin: 0 0; opacity: 0;
  background: linear-gradient(90deg, rgba(234,242,255,.9), rgba(152,184,255,0)); }
/* footer iletisim: simgeli satirlar */
.ay-ikonlu { display: grid !important; grid-template-columns: 16px 1fr; column-gap: 10px; align-items: start; }
.ay-ikon { width: 16px; height: 16px; margin-top: 2px; color: #7AA2B9; }
a.ay-ikonlu:hover .ay-ikon { color: #A2C4D6; }
/* iletisim formu sola yasli, sag taraf bos */
@media (min-width: 861px) { .ilf-ic { width: min(940px, 62vw); margin: 0 0 0 9vw; } }
.ay-alt-satir .yasal-baglar { display: inline-flex; flex-wrap: wrap; gap: 18px; margin-left: auto; margin-right: 28px; }
.ay-alt-satir .yasal-baglar a { color: rgba(238,243,245,.6); text-decoration: none; }
.ay-alt-satir .yasal-baglar a:hover { color: #fff; }

/* kartlarin altindan cikan, asagi inip bize dogru uzanan temali seritler */
.dal-serit { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
.dal-dizi { z-index: 1; }
.dal-serit { z-index: 1; }   /* renk lekelerinin ustunde, kartlarin altinda */
.dal-dizi { z-index: 2; }
/* uc dal bolumunun basligi: kartlarin ustunde */
.dal-bas { position: absolute; left: 0; right: 0; top: 12vh; z-index: 2; text-align: center; pointer-events: none; transition: opacity .45s ease; }
.dal-baslik { margin: .5em 0 0; font-family: 'Futura PT', 'Futura', sans-serif; font-weight: 500; font-size: clamp(28px, 3vw, 50px); line-height: 1.05; letter-spacing: -.02em; color: #141615; }
.dal-altyazi { margin: .6em auto 0; max-width: 560px; font-family: 'Futura PT', 'Futura', sans-serif; font-size: clamp(13px, .98vw, 16px); line-height: 1.6; color: #3E5470; }
.dal-bas > * { opacity: 0; transform: translateY(16px); transition: opacity .8s ease, transform 1s cubic-bezier(.2,.8,.2,1); }
.dallar.bas-gorunur .dal-bas > * { opacity: 1; transform: none; }
.dallar.bas-gorunur .dal-bas > :nth-child(2) { transition-delay: .08s; }
.dallar.bas-gorunur .dal-bas > :nth-child(3) { transition-delay: .16s; }
.dallar:has(.dal-dizi.izole) .dal-bas { opacity: 0; }

/* uc dal: ustten dar baslayip asagi genisleyen spot isigi (seritlerin akisiyla ayni yonde) */
.dallar-sahne::before, .dallar-sahne::after { content: ""; position: absolute; pointer-events: none; z-index: 0; opacity: 0; transition: opacity 1.2s ease; }
.dallar-sahne::before { left: 50%; top: -6vh; width: 150vw; height: 112vh; transform: translateX(-50%); filter: blur(28px);
  clip-path: polygon(44% 0, 56% 0, 100% 100%, 0 100%);
  background: linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(240,246,255,.7) 22%, rgba(214,228,250,.38) 58%, rgba(214,228,250,0) 100%); }
.dallar-sahne::after { inset: 0; background:   /* isigin disinda kalan kenarlar hafifce kararir, koni belirginlesir */
  radial-gradient(ellipse 34% 26% at 50% 0%, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 100%),
  linear-gradient(90deg, rgba(27,47,77,.16) 0%, rgba(27,47,77,0) 26%, rgba(27,47,77,0) 74%, rgba(27,47,77,.16) 100%); }
.dallar.bas-gorunur .dallar-sahne::before, .dallar.bas-gorunur .dallar-sahne::after { opacity: 1; }
.dal-bas { z-index: 3; }

/* ===== Uc dal: sahne isiklandirmasi v2. Ortam koyu celik mavisine iner, ustten dar baslayan hacimli spot asagi genisler,
   zeminde isik havuzu, kenarlarda golge. Onceki duz koni kaldirildi. ===== */
.dallar-sahne::before, .dallar-sahne::after { display: none !important; }
.dal-isik { position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0; transition: opacity 1.4s ease; }
.dallar.bas-gorunur .dal-isik { opacity: 1; }
.dal-isik i { position: absolute; display: block; }
.di-zemin { inset: 0; background: linear-gradient(180deg, #8EA3BD 0%, #A7B8CD 30%, #93A9C2 70%, #6F87A6 100%); }   /* ortam: isigin disi orta-koyu celik mavisi */
.di-koni { left: 50%; top: -4vh; width: 170vw; height: 110vh; transform: translateX(-50%); filter: blur(34px);
  clip-path: polygon(46.5% 0, 53.5% 0, 100% 100%, 0 100%);
  background: linear-gradient(180deg, #FFFFFF 0%, #F3F7FD 18%, #DCE7F6 45%, rgba(200,216,238,.75) 75%, rgba(185,204,230,.35) 100%); }
.di-huzme { left: 50%; top: -4vh; width: 170vw; height: 110vh; transform: translateX(-50%); mix-blend-mode: soft-light; opacity: .55; filter: blur(6px);
  clip-path: polygon(46.5% 0, 53.5% 0, 100% 100%, 0 100%);
  background: repeating-conic-gradient(from 168deg at 50% 0%, rgba(255,255,255,.0) 0deg, rgba(255,255,255,.9) 1.2deg, rgba(255,255,255,0) 2.6deg, rgba(255,255,255,0) 5deg);
  animation: diHuzme 12s ease-in-out infinite alternate; }
@keyframes diHuzme { to { transform: translateX(-50%) rotate(.8deg); opacity: .4; } }
.di-havuz { left: 50%; bottom: -22vh; width: 120vw; height: 60vh; transform: translateX(-50%); border-radius: 50%; filter: blur(30px);
  background: radial-gradient(ellipse at 50% 40%, rgba(255,255,255,.85) 0%, rgba(226,236,250,.55) 35%, rgba(226,236,250,0) 70%); }   /* isigin dustugu zemin */
.di-vinyet { inset: 0; background: radial-gradient(ellipse 75% 85% at 50% 38%, rgba(18,30,49,0) 45%, rgba(18,30,49,.22) 80%, rgba(18,30,49,.42) 100%); }   /* kenar golgesi */
.di-kaynak { left: 50%; top: -9vh; width: 34vw; height: 22vh; transform: translateX(-50%); border-radius: 50%; filter: blur(22px);
  background: radial-gradient(ellipse at 50% 60%, #FFFFFF 0%, rgba(255,255,255,.85) 30%, rgba(234,242,255,0) 72%); }   /* isik kaynagi parlamasi */
.dal-leke { opacity: .28; }   /* eski renk lekeleri sahne isigini bulandirmasin */
.dal-kap .dal { box-shadow: 0 40px 90px rgba(18,30,49,.28), 0 0 0 1px rgba(255,255,255,.55), inset 0 1px 0 rgba(255,255,255,.95); }   /* kartlar isikta, altlarina golge duser */
/* spot v3: keskin kenarli koni ve cizgili huzmeler kaldirildi. Isik ust ortadan yayilan, asagi dogru genisleyen ust uste yumusak elipslerle;
   hicbir yerde cizgi ya da kenar yok, gercek bir sahne isigi gibi sonumlenir */
.di-koni { clip-path: none; filter: none; left: 0; top: 0; width: 100%; height: 100%; transform: none;
  background:
    radial-gradient(ellipse 14% 34% at 50% 0%, rgba(255,255,255,.95) 0%, rgba(255,255,255,0) 100%),
    radial-gradient(ellipse 28% 62% at 50% 0%, rgba(246,250,255,.8) 0%, rgba(246,250,255,.35) 55%, rgba(246,250,255,0) 100%),
    radial-gradient(ellipse 46% 92% at 50% 0%, rgba(228,238,252,.6) 0%, rgba(228,238,252,.25) 60%, rgba(228,238,252,0) 100%),
    radial-gradient(ellipse 70% 125% at 50% 0%, rgba(210,225,245,.45) 0%, rgba(210,225,245,0) 100%); }
.di-huzme { display: none; }
.di-zemin { background: linear-gradient(180deg, #9FB2C9 0%, #A9BACE 40%, #93A8C1 100%); }
.di-vinyet { background: radial-gradient(ellipse 80% 95% at 50% 30%, rgba(18,30,49,0) 50%, rgba(18,30,49,.18) 82%, rgba(18,30,49,.34) 100%); }
.dal-isik .di-huzme { display: none; }
/* spot v4: isik hero'daki acik camgobegi / turkuaz tonlarinda */
.di-koni { background:
    radial-gradient(ellipse 14% 34% at 50% 0%, rgba(240,253,255,.95) 0%, rgba(240,253,255,0) 100%),
    radial-gradient(ellipse 28% 62% at 50% 0%, rgba(198,241,247,.8) 0%, rgba(198,241,247,.35) 55%, rgba(198,241,247,0) 100%),
    radial-gradient(ellipse 46% 92% at 50% 0%, rgba(159,227,240,.55) 0%, rgba(159,227,240,.22) 60%, rgba(159,227,240,0) 100%),
    radial-gradient(ellipse 70% 125% at 50% 0%, rgba(124,207,230,.4) 0%, rgba(124,207,230,0) 100%); }
.di-kaynak { background: radial-gradient(ellipse at 50% 60%, #F2FEFF 0%, rgba(214,247,252,.85) 30%, rgba(176,236,246,0) 72%); }
.di-havuz { background: radial-gradient(ellipse at 50% 40%, rgba(214,247,252,.8) 0%, rgba(159,227,240,.45) 35%, rgba(159,227,240,0) 70%); }
.di-zemin { background: linear-gradient(180deg, #93B4C6 0%, #A3C0CF 40%, #86A7BD 100%); }
/* spot v5: isigin cogu beyaz; turkuaz yalniz en dis katmanda ve zeminde hafif bir renk olarak */
.di-koni { background:
    radial-gradient(ellipse 16% 36% at 50% 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%),
    radial-gradient(ellipse 30% 66% at 50% 0%, rgba(255,255,255,.88) 0%, rgba(255,255,255,.45) 55%, rgba(255,255,255,0) 100%),
    radial-gradient(ellipse 48% 95% at 50% 0%, rgba(250,254,255,.7) 0%, rgba(240,251,253,.32) 60%, rgba(240,251,253,0) 100%),
    radial-gradient(ellipse 72% 128% at 50% 0%, rgba(176,232,242,.42) 0%, rgba(176,232,242,0) 100%); }
.di-kaynak { background: radial-gradient(ellipse at 50% 60%, #FFFFFF 0%, rgba(255,255,255,.9) 30%, rgba(255,255,255,0) 72%); }
.di-havuz { background: radial-gradient(ellipse at 50% 40%, rgba(255,255,255,.85) 0%, rgba(236,250,252,.5) 35%, rgba(236,250,252,0) 70%); }
.di-zemin { background: linear-gradient(180deg, #B4CCD7 0%, #BFD3DC 40%, #A2BDCB 100%); }

/* ===== Uc dal sahnesi v6: perspektif sahne. Kartlarin alt cizgisi ufuk: ustu aydinlik gok, alti seritlerin aktigi zemin.
   Kartlar arkadan aydinlanir, ufukta isik bandi, zemin bize dogru koyulasir; her serit zemine kendi renginde isik sacar (canvas) ===== */
.dallar-sahne { --ufuk: 62%; }
.di-zemin { background: linear-gradient(180deg, #E9F2F6 0%, #F6FAFC calc(var(--ufuk) - 8%), #FFFFFF var(--ufuk), #DDEBF1 calc(var(--ufuk) + 6%), #B7CFDB calc(var(--ufuk) + 22%), #8EAEC0 100%) !important; }
.dal-isik .di-arka { left: 50%; top: calc(var(--ufuk) - 30%); width: 78vw; height: 44%; transform: translateX(-50%); border-radius: 50%; filter: blur(40px);
  background: radial-gradient(ellipse at 50% 55%, rgba(255,255,255,1) 0%, rgba(255,255,255,.75) 40%, rgba(255,255,255,0) 72%); }   /* kartlarin arkasindan gelen isik */
.dal-isik .di-ufuk { left: 0; right: 0; top: calc(var(--ufuk) - 7vh); height: 14vh; filter: blur(18px);
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(255,255,255,.95) 0%, rgba(232,247,250,.6) 45%, rgba(232,247,250,0) 100%); }   /* ufuk cizgisinde isik bandi */
.dal-isik .di-vinyet { background: radial-gradient(ellipse 90% 80% at 50% 45%, rgba(18,30,49,0) 55%, rgba(18,30,49,.14) 85%, rgba(18,30,49,.26) 100%); }
.dal-isik .di-koni, .dal-isik .di-kaynak, .dal-isik .di-havuz, .dal-isik .di-huzme { display: none; }

/* ===== v7: derinlik. Zemin bize yaklastikca belirgin koyulasir (hava perspektifi), ufukta sis, kartlarin zemine temas golgeleri ===== */
.di-zemin { background: linear-gradient(180deg, #E4EEF3 0%, #F4F9FB calc(var(--ufuk) - 6%), #FFFFFF var(--ufuk), #D3E3EA calc(var(--ufuk) + 5%), #93AFC1 calc(var(--ufuk) + 18%), #4F6F88 calc(var(--ufuk) + 30%), #2A425C 100%) !important; }
.dal-isik .di-ufuk { top: calc(var(--ufuk) - 9vh); height: 18vh; filter: blur(22px);
  background: radial-gradient(ellipse 75% 50% at 50% 50%, rgba(255,255,255,1) 0%, rgba(240,248,251,.75) 45%, rgba(240,248,251,0) 100%); }
.dal-isik .di-golge { top: var(--ufuk); height: 5vh; width: 15vw; margin-top: -1.2vh; border-radius: 50%; filter: blur(12px);
  background: radial-gradient(ellipse at 50% 50%, rgba(27,47,77,.35) 0%, rgba(27,47,77,0) 70%); }
.dal-isik .g1 { left: calc(50% - 22.4vw - 7.5vw); } .dal-isik .g2 { left: calc(50% - 7.5vw); } .dal-isik .g3 { left: calc(50% + 22.4vw - 7.5vw); }
.dal-isik .di-vinyet { background: radial-gradient(ellipse 85% 70% at 50% 40%, rgba(12,22,38,0) 50%, rgba(12,22,38,.22) 85%, rgba(12,22,38,.4) 100%); }
/* v8: seritlerin alti acik ve yumusak; koyu zemin ve sert kararma kaldirildi */
.di-zemin { background: linear-gradient(180deg, #E8F1F5 0%, #F6FAFC calc(var(--ufuk) - 6%), #FFFFFF var(--ufuk), #EEF5F8 calc(var(--ufuk) + 10%), #DDEAF0 calc(var(--ufuk) + 26%), #CCDEE7 100%) !important; }
.dal-isik .di-vinyet { background: radial-gradient(ellipse 95% 85% at 50% 40%, rgba(27,47,77,0) 60%, rgba(27,47,77,.08) 88%, rgba(27,47,77,.14) 100%); }
.dal-isik .di-ufuk, .dal-isik .di-golge { display: none; }
.dal-bas .son-ust i { display: none; }

/* ===== Isik denemeleri (?isik=a|b|c). Hepsinde ortak: eski katmanlar kapali, ince gren, yumusak gecisler ===== */
.dallar[data-isik] .dal-isik > i { display: none !important; }
.dallar[data-isik] .dal-leke { display: none; }
.dallar[data-isik] .dal-isik { background: var(--isik-zemin); }
.dallar[data-isik] .dal-isik::before, .dallar[data-isik] .dal-isik::after { content: ""; position: absolute; inset: 0; pointer-events: none; }
.dallar[data-isik] .dal-isik .di-zemin { display: block !important; inset: 0; opacity: .045; mix-blend-mode: multiply;   /* gren: genis gradyanlarda bantlanmayi onler */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") !important; }

/* A: fotograf studyosu fonu (cyclorama). Duvar ustten hafif golgede, kartlarin arkasinda ana isik; duvar zemine kesintisiz kivrilir; zemin bize dogru hafif kararir */
.dallar[data-isik="a"] { --isik-zemin: linear-gradient(180deg, #CFDCE5 0%, #E6EEF3 calc(var(--ufuk) - 30%), #F5F8FA calc(var(--ufuk) - 4%), #F3F7F9 calc(var(--ufuk) + 4%), #E4ECF1 calc(var(--ufuk) + 22%), #D3DFE7 100%); }
.dallar[data-isik="a"] .dal-isik::before { background: radial-gradient(ellipse 48% 46% at 50% calc(var(--ufuk) - 18%), rgba(255,255,255,.95) 0%, rgba(255,255,255,.55) 45%, rgba(255,255,255,0) 100%); }
.dallar[data-isik="a"] .dal-isik::after { background: radial-gradient(ellipse 42% 18% at 50% calc(var(--ufuk) + 6%), rgba(255,255,255,.75) 0%, rgba(255,255,255,0) 100%),
  radial-gradient(ellipse 110% 100% at 50% 45%, rgba(40,62,86,0) 62%, rgba(40,62,86,.08) 100%); }

/* B: aurora. Kartlarin arkasinda serit renklerinde (turkuaz, buz, celik mavisi) cok yumusak, yavas suzulen isik bulutlari; cam kartlar bunlari kirar */
.dallar[data-isik="b"] { --isik-zemin: linear-gradient(180deg, #EEF3F7 0%, #F4F8FA 60%, #F7FAFB 100%); }
.dallar[data-isik="b"] .dal-isik::before { filter: blur(70px); opacity: .9; animation: aurora 18s ease-in-out infinite alternate;
  background: radial-gradient(ellipse 22% 30% at 28% calc(var(--ufuk) - 22%), rgba(120,214,232,.75) 0%, rgba(120,214,232,0) 100%),
    radial-gradient(ellipse 22% 30% at 72% calc(var(--ufuk) - 20%), rgba(122,150,236,.6) 0%, rgba(122,150,236,0) 100%),
    radial-gradient(ellipse 26% 26% at 50% calc(var(--ufuk) - 34%), rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%),
    radial-gradient(ellipse 30% 22% at 50% calc(var(--ufuk) - 6%), rgba(186,236,244,.55) 0%, rgba(186,236,244,0) 100%); }
@keyframes aurora { to { transform: translate3d(2%, -2%, 0) scale(1.06); } }
.dallar[data-isik="b"] .dal-isik::after { background: linear-gradient(180deg, rgba(247,250,251,0) calc(var(--ufuk) + 4%), rgba(247,250,251,.85) 100%); }

/* C: yumusak hacimli spot. Ustten acisal olarak yumusak sonen konik isik (keskin kenar yok), duvar-zemin fonu, zeminde isik havuzu */
.dallar[data-isik="c"] { --isik-zemin: linear-gradient(180deg, #C9D8E2 0%, #DCE7EE calc(var(--ufuk) - 20%), #EDF3F6 var(--ufuk), #E3ECF1 calc(var(--ufuk) + 20%), #D2DFE7 100%); }
.dallar[data-isik="c"] .dal-isik::before { top: -12%; filter: blur(18px);
  background: conic-gradient(from 180deg at 50% 0%, rgba(255,255,255,0) -34deg, rgba(255,255,255,.25) -22deg, rgba(255,255,255,.85) -10deg, #FFFFFF 0deg, rgba(255,255,255,.85) 10deg, rgba(255,255,255,.25) 22deg, rgba(255,255,255,0) 34deg);
  -webkit-mask: linear-gradient(180deg, #000 0%, #000 55%, rgba(0,0,0,.35) 85%, transparent 100%); mask: linear-gradient(180deg, #000 0%, #000 55%, rgba(0,0,0,.35) 85%, transparent 100%); }
.dallar[data-isik="c"] .dal-isik::after { background: radial-gradient(ellipse 40% 16% at 50% calc(var(--ufuk) + 4%), rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 100%),
  radial-gradient(ellipse 18% 14% at 50% -2%, rgba(255,255,255,1) 0%, rgba(240,251,253,.6) 50%, rgba(240,251,253,0) 100%); }

/* D: B'nin gelismisi. Her kartin arkasinda kendi seridinin renginde isik (Code: periwinkle, Creative: turkuaz, Growth: celik mavisi);
   isik kartin alt kenarindan (seridin ciktigi yerden) yukari ve yanlara yayilir; ustte beyaz yumusak parlama; zemin seritlerin altinda temiz ve acik */
.dallar[data-isik="d"] { --isik-zemin: linear-gradient(180deg, #EDF2F6 0%, #F3F7FA 55%, #F8FAFC 100%); }
.dallar[data-isik="d"] .dal-isik::before { filter: blur(64px); animation: aurora 16s ease-in-out infinite alternate;
  background:
    radial-gradient(ellipse 15% 34% at calc(50% - 22.4vw) calc(var(--ufuk) - 12%), rgba(138,160,240,.95) 0%, rgba(138,160,240,.45) 45%, rgba(138,160,240,0) 100%),
    radial-gradient(ellipse 15% 34% at 50% calc(var(--ufuk) - 12%), rgba(96,214,232,.95) 0%, rgba(96,214,232,.45) 45%, rgba(96,214,232,0) 100%),
    radial-gradient(ellipse 15% 34% at calc(50% + 22.4vw) calc(var(--ufuk) - 12%), rgba(84,128,214,.95) 0%, rgba(84,128,214,.45) 45%, rgba(84,128,214,0) 100%),
    radial-gradient(ellipse 34% 22% at 50% calc(var(--ufuk) - 52%), rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }
.dallar[data-isik="d"] .dal-isik::after { background: linear-gradient(180deg, rgba(248,250,252,0) calc(var(--ufuk) - 2%), rgba(248,250,252,.92) calc(var(--ufuk) + 8%), #F8FAFC 100%); }
.dallar[data-isik="d"] .dal-isik::before { filter: blur(80px);
  background:
    radial-gradient(ellipse 21% 44% at calc(50% - 23vw) calc(var(--ufuk) - 18%), rgba(138,160,240,.9) 0%, rgba(138,160,240,.5) 40%, rgba(138,160,240,0) 100%),
    radial-gradient(ellipse 21% 44% at 50% calc(var(--ufuk) - 18%), rgba(96,214,232,.9) 0%, rgba(96,214,232,.5) 40%, rgba(96,214,232,0) 100%),
    radial-gradient(ellipse 21% 44% at calc(50% + 23vw) calc(var(--ufuk) - 18%), rgba(84,128,214,.9) 0%, rgba(84,128,214,.5) 40%, rgba(84,128,214,0) 100%),
    radial-gradient(ellipse 40% 20% at 50% calc(var(--ufuk) - 56%), rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }

/* E: orta-tepeden dar baslayan, asagi genisleyen yumusak koni. Kenarlar acisal olarak yumusak (sert cizgi yok),
   cekirdek beyaz, kenarlara dogru turkuaz ve periwinkle; koninin disi hafif tonlu ki isik okunsun; asagida zemine yumusakca karisir */
.dallar[data-isik="e"] { --isik-zemin: linear-gradient(180deg, #C3D3DF 0%, #D2DFE8 35%, #E2EBF1 var(--ufuk), #EDF3F7 100%); }
.dallar[data-isik="e"] .dal-isik::before { top: -6%; height: 112%; filter: blur(22px);
  background:
    conic-gradient(from 180deg at 50% 0%, rgba(255,255,255,0) -30deg, rgba(150,170,240,.35) -22deg, rgba(120,214,232,.7) -14deg, rgba(240,252,255,.95) -6deg, #FFFFFF 0deg, rgba(240,252,255,.95) 6deg, rgba(120,214,232,.7) 14deg, rgba(150,170,240,.35) 22deg, rgba(255,255,255,0) 30deg);
  -webkit-mask: linear-gradient(180deg, rgba(0,0,0,.9) 0%, #000 30%, #000 60%, rgba(0,0,0,.4) 85%, transparent 100%);
          mask: linear-gradient(180deg, rgba(0,0,0,.9) 0%, #000 30%, #000 60%, rgba(0,0,0,.4) 85%, transparent 100%);
  animation: koniNefes 10s ease-in-out infinite alternate; }
@keyframes koniNefes { to { opacity: .85; transform: scaleX(1.04); } }
.dallar[data-isik="e"] .dal-isik::after {
  background: radial-gradient(ellipse 12% 10% at 50% 0%, #FFFFFF 0%, rgba(255,255,255,.7) 45%, rgba(255,255,255,0) 100%),   /* isik kaynagi */
    radial-gradient(ellipse 46% 14% at 50% calc(var(--ufuk) + 5%), rgba(255,255,255,.75) 0%, rgba(255,255,255,0) 100%); }   /* isigin dustugu zemin */
.dallar[data-isik="e"] { --isik-zemin: linear-gradient(180deg, #B6C9D7 0%, #CBDAE4 35%, #E0EAF0 var(--ufuk), #EDF3F7 100%); }
.dallar[data-isik="e"] .dal-isik::before { filter: blur(26px);
  background:
    conic-gradient(from 180deg at 50% 0%, rgba(255,255,255,0) -52deg, rgba(150,170,240,.3) -44deg, rgba(120,214,232,.55) -34deg, rgba(232,249,253,.85) -20deg, #FFFFFF -6deg, #FFFFFF 6deg, rgba(232,249,253,.85) 20deg, rgba(120,214,232,.55) 34deg, rgba(150,170,240,.3) 44deg, rgba(255,255,255,0) 52deg); }
/* E v2: huni beyaz, sag ve sol kenarlar karanlik */
.dallar[data-isik="e"] { --isik-zemin: linear-gradient(90deg, #4E6A86 0%, #7F98B0 16%, #C9D7E2 34%, #E6EEF3 50%, #C9D7E2 66%, #7F98B0 84%, #4E6A86 100%); }
.dallar[data-isik="e"] .dal-isik::before { filter: blur(24px);
  background: conic-gradient(from 180deg at 50% 0%, rgba(255,255,255,0) -50deg, rgba(255,255,255,.35) -40deg, rgba(255,255,255,.85) -26deg, #FFFFFF -12deg, #FFFFFF 12deg, rgba(255,255,255,.85) 26deg, rgba(255,255,255,.35) 40deg, rgba(255,255,255,0) 50deg);
  -webkit-mask: linear-gradient(180deg, #000 0%, #000 78%, rgba(0,0,0,.6) 100%); mask: linear-gradient(180deg, #000 0%, #000 78%, rgba(0,0,0,.6) 100%); }
.dallar[data-isik="e"] .dal-isik::after { background: radial-gradient(ellipse 12% 10% at 50% 0%, #FFFFFF 0%, rgba(255,255,255,.7) 45%, rgba(255,255,255,0) 100%),
  linear-gradient(90deg, rgba(18,30,49,.25) 0%, rgba(18,30,49,0) 22%, rgba(18,30,49,0) 78%, rgba(18,30,49,.25) 100%); }
/* Code ortada: yalniz gorunur sira degisir (DOM sirasi ayni kalir, seritler ve detay gorunumu karta gore calismaya devam eder) */
.dal-dizi > .dal-kap:nth-child(1) { order: 2; }
.dal-dizi > .dal-kap:nth-child(2) { order: 1; }
.dal-dizi > .dal-kap:nth-child(3) { order: 3; }
/* numara etiketleri: hepsi ayni acik ton; koyu yalniz hover'da (Growth'taki sabit koyu etiket takili hover gibi gorunuyordu) */
.dal-dizi .dal-no, .dal-dizi > .dal-kap:nth-child(2) .dal-no, .dal-dizi > .dal-kap:nth-child(3) .dal-no { background: rgba(211,225,232,.85); color: #2E5785; }
.dal-dizi .dal.ustunde .dal-no { background: #2E5785 !important; color: #EEF3F5 !important; }
/* derinlik: dizi 3B sahne; ortadaki kart onde ve ustte, yandakiler geride ve hafif soluk */
.dal-dizi { transform-style: preserve-3d; }
.dal-dizi > .dal-kap:nth-child(1) { z-index: 3; }
.dal-dizi > .dal-kap:nth-child(1) .dal { box-shadow: 0 50px 110px rgba(18,30,49,.32), 0 0 0 1px rgba(255,255,255,.6), inset 0 1px 0 rgba(255,255,255,.95); }
.dal-dizi > .dal-kap:not(:nth-child(1)) .dal { filter: brightness(.95) saturate(.95); }
@media (min-width: 761px) { .dal-dizi { gap: clamp(46px, 4.4vw, 72px); } }   /* one/geri derinlikte kartlar ust uste binmesin */
.dal-dizi { transform-style: flat !important; }

/* Nasil calisiyoruz 1. sayfa: tam ekran arka plan (referans: sol ustte yildizli koyu lacivert gok, sag alt koseden gelen beyaz isik) */
.akis-sayfa:first-of-type { position: relative; }
.akis-sayfa:first-of-type::before { content: ""; position: absolute; inset: -12vh 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 70% 85% at 100% 100%, #FFFFFF 0%, #EEF3F8 18%, #C5D3E0 38%, rgba(140,162,186,.0) 70%),
    linear-gradient(135deg, #0D1726 0%, #172538 30%, #2C3F57 52%, #7489A3 74%, #C9D5E1 100%);
  -webkit-mask: linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%); mask: linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%); }
.akis-sayfa:first-of-type > * { position: relative; z-index: 1; }
.akis-sayfa:first-of-type .akis-aciklama h3 { color: #F5F8FA; }
.akis-sayfa:first-of-type .akis-aciklama p { color: rgba(238,243,245,.8); }
.akis-sayfa:first-of-type .aa-no { color: #A2C4D6; }
.akis-yildiz { position: absolute; inset: -12vh 0; width: 100%; height: calc(100% + 24vh); z-index: 0; pointer-events: none;
  -webkit-mask: linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%); mask: linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%); }
.akis-sayfa:first-of-type > .akis-yildiz { position: absolute; }   /* yildiz katmani izgaradan cikar (yerlesimi kaydiriyordu) */
.akis-sayfa:first-of-type::before, .akis-yildiz { inset: 0; height: auto; top: 0; bottom: 0;
  -webkit-mask: linear-gradient(180deg, transparent 0%, #000 22%, #000 82%, transparent 100%); mask: linear-gradient(180deg, transparent 0%, #000 22%, #000 82%, transparent 100%); }
.akis-yildiz { height: 100%; }
/* 1. sayfada panel (ekran) gizli; yalniz arka plan ve aciklama kalir */
.akis-sayfa:first-of-type .akis-panel { visibility: hidden; }
/* 1. sayfa arka plani v2 (referanstan olculdu): sol ust #121923 koyu gok, sag alt koseye dogru kosegen beyaz isik; tam ekran, kenar solmasi yok */
.akis-sayfa:first-of-type::before, .akis-sayfa:first-of-type > .akis-yildiz { -webkit-mask: none; mask: none; }
.akis-sayfa:first-of-type::before {
  background:
    radial-gradient(ellipse 55% 70% at 100% 55%, rgba(236,242,247,.85) 0%, rgba(200,214,228,.45) 40%, rgba(150,170,193,0) 75%),
    linear-gradient(to bottom right, #11171F 0%, #141D28 34%, #1D2A38 44%, #3A4C60 53%, #6F859D 61%, #A9BBCD 68%, #DAE3EB 76%, #F5F8FA 86%, #FFFFFF 100%); }
.akis-sayfa:first-of-type::before {
  background:
    radial-gradient(ellipse 60% 95% at 100% 70%, rgba(240,245,249,.9) 0%, rgba(205,218,230,.55) 38%, rgba(150,170,193,.18) 62%, rgba(150,170,193,0) 85%),
    linear-gradient(to bottom right, #11171F 0%, #141D28 30%, #1F2C3B 41%, #3B4D61 50%, #677D96 58%, #9CB0C4 66%, #CFDAE4 75%, #F1F5F8 86%, #FFFFFF 100%); }
/* aciklama artik isikli tarafta: koyu yazi */
.akis-sayfa:first-of-type .akis-aciklama h3 { color: #10192A; }
.akis-sayfa:first-of-type .akis-aciklama p { color: #22324A; }
.akis-sayfa:first-of-type .aa-no { color: #1B2F4D; }
/* 1. sayfa arka plani artik tamamen tuvalde (1111.png birebir) */
.akis-sayfa:first-of-type::before { background: #2C3D58 !important; }
.akis-sayfa:first-of-type .akis-aciklama h3 { color: #F5F8FA; }
.akis-sayfa:first-of-type .akis-aciklama p { color: rgba(238,243,245,.82); }
.akis-sayfa:first-of-type .aa-no { color: #A2C4D6; }
.akis-sayfa:first-of-type .akis-aciklama h3 { color: #10192A; }
.akis-sayfa:first-of-type .akis-aciklama p { color: #22324A; }
.akis-sayfa:first-of-type .aa-no { color: #1B2F4D; }
/* 1. sayfa: el ve telefon silueti, alttan girer (panelin yerinde) */
.akis-sayfa:first-of-type > .akis-el { position: absolute; z-index: 1; left: 22%; bottom: 0; height: 88%; width: auto; transform: translateX(-50%) translateY(6%); opacity: 0; pointer-events: none;
  transition: opacity 1.2s ease .2s, transform 1.6s cubic-bezier(.2,.8,.2,1) .2s; filter: drop-shadow(0 30px 60px rgba(8,14,26,.35)); }
.akis-sayfa:first-of-type:has(.akis-panel.gorunur) > .akis-el { opacity: 1; transform: translateX(-50%); }
.akis-sayfa:first-of-type > .akis-el { left: 34%; height: 80%; }
/* 2. sayfa: ayni arka plan, aynalanmis (beyaz sol altta) */
.akis-sayfa:nth-of-type(2) { position: relative; }
.akis-sayfa:nth-of-type(2) > .akis-yildiz { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.akis-sayfa:nth-of-type(2) > *:not(.akis-yildiz) { position: relative; z-index: 1; }
.akis-sayfa:nth-of-type(2) > .akis-yildiz { -webkit-mask: none; mask: none; }
/* tek parca gok tuvali (1-2. sayfa); sayfa bazli eski zeminler kapali */
.akis-sayfa:first-of-type::before { display: none !important; }
.akis-gok { position: absolute; left: 0; width: 100%; z-index: 0; pointer-events: none; }
.akis-sayfa, .akis-bas { position: relative; z-index: 1; }
.akis-sayfa:first-of-type > .akis-el { -webkit-mask: linear-gradient(180deg, #000 70%, transparent 100%); mask: linear-gradient(180deg, #000 70%, transparent 100%); }   /* kol sayfa sinirinda kesik durmasin, zemine erir */
.akis-sayfa + .akis-sayfa { margin-top: 28vh; }   /* adimlar arasinda nefes payi */

/* 26.10: el ve telefon sahnenin isigina oturur. Isik sag altta: o yone bakan kenarlarda ince, soguk bir kenar isigi (SVG #elKenar),
   govdede sag alttan sol uste aydinliktan golgeye gecis (.akis-el-isik, elin kendi siluetiyle maskeli). Gorsel degismedi. */
.akis-sayfa:first-of-type > .akis-el { filter: url(#elKenar) saturate(.88); }
.akis-sayfa:first-of-type > .akis-el-filtre { position: absolute; width: 0; height: 0; }   /* izgaradan cikar */
.akis-sayfa:first-of-type > .akis-el-isik { position: absolute; z-index: 1; left: 34%; bottom: 0; height: 80%; aspect-ratio: 1134 / 1397; pointer-events: none;
  transform: translateX(-50%) translateY(6%); opacity: 0; transition: opacity 1.2s ease .2s, transform 1.6s cubic-bezier(.2,.8,.2,1) .2s;
  background: linear-gradient(305deg, rgba(226,236,252,.95) 0%, rgba(180,200,230,.45) 30%, rgba(60,80,110,0) 52%, rgba(6,10,20,.55) 85%);
  mix-blend-mode: soft-light;
  -webkit-mask: url('akis-el.webp') center / 100% 100% no-repeat, linear-gradient(180deg, #000 70%, transparent 100%);
  -webkit-mask-composite: source-in; mask: url('akis-el.webp') center / 100% 100% no-repeat, linear-gradient(180deg, #000 70%, transparent 100%); mask-composite: intersect; }
.akis-sayfa:first-of-type:has(.akis-panel.gorunur) > .akis-el-isik { opacity: 1; transform: translateX(-50%); }

/* 26.10: telefonun etrafinda gorusmeyi anlatan kartlar (referans: telefon + yuzen arayuz kartlari). Kutu elin kutusuyla ayni,
   kartlar ona gore yuzde ile yerlesir; el girince sirayla gelir, sonra hafifce suzulur. Icerik ornek, dekoratif (aria-hidden). */
.akis-sayfa:first-of-type > .akis-kartlar { position: absolute; z-index: 2; left: 34%; bottom: 0; height: 80%; aspect-ratio: 1134 / 1397;
  transform: translateX(-50%); pointer-events: none; }
.ak-kart { position: absolute; opacity: 0; transform: translateY(18px) scale(.96); border-radius: 18px; color: #E4ECF8;
  background: #0B121D; box-shadow: 0 24px 50px -18px rgba(4, 8, 16, .7), inset 0 0 0 1px rgba(170, 196, 235, .1);
  transition: opacity .9s ease, transform 1.2s cubic-bezier(.16, 1, .3, 1); font: 500 12px/1.4 'Futura PT', 'Futura', sans-serif; }
.akis-sayfa:first-of-type:has(.akis-panel.gorunur) .ak-kart { opacity: 1; transform: none; }
.akis-sayfa:first-of-type:has(.akis-panel.gorunur) .ak-kamera { transition-delay: .9s; }
.akis-sayfa:first-of-type:has(.akis-panel.gorunur) .ak-gundem { transition-delay: 1.15s; }
.akis-sayfa:first-of-type:has(.akis-panel.gorunur) .ak-davet { transition-delay: 1.4s; }
.ak-kart { animation: akSuz 7s ease-in-out infinite; }   /* kart yazisiyla birlikte suzulur (translate: girisin transform'una karismaz) */
.ak-gundem { animation-duration: 8.5s; animation-delay: -2s; } .ak-davet { animation-duration: 6.2s; animation-delay: -4s; }
@keyframes akSuz { 50% { translate: 0 -9px; } }

/* Apple tarzi cam: arkasindaki gok ve el bulanik gorunur */
.ak-kart { background: rgba(255, 255, 255, .1); color: #fff;
  -webkit-backdrop-filter: blur(22px) saturate(170%); backdrop-filter: blur(22px) saturate(170%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), inset 0 0 0 1px rgba(255, 255, 255, .16), 0 20px 44px -18px rgba(4, 8, 16, .55);
  font: 500 13px/1.35 -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif; letter-spacing: -.01em; }
.ak-ust { display: block; font-size: 10.5px; font-weight: 600; letter-spacing: .02em; color: rgba(255, 255, 255, .62); }

.ak-kamera { left: -13%; top: 14%; padding: 12px 14px; display: flex; align-items: center; gap: 8px; border-radius: 16px; }
.ak-kamera svg { width: 20px; height: 20px; fill: none; stroke: #fff; stroke-width: 1.6; stroke-linejoin: round; }

.ak-davet { left: 56%; top: 29%; width: 252px; padding: 14px; border-radius: 22px; display: grid; grid-template-columns: 52px 1fr; gap: 12px 14px;
  background: rgba(16, 26, 46, .26); }   /* aydinlik tarafta: yazi okunsun diye hafif lacivert */
/* takvim gunu: Apple takvim simgesi gibi, ust satir renkli gun, altinda iri tarih (yarinin tarihi, JS ile) */
.akd-tarih { display: grid; justify-items: center; align-content: center; height: 58px; border-radius: 14px; background: rgba(255, 255, 255, .92);
  box-shadow: 0 6px 14px -6px rgba(4, 8, 16, .5); }
.akd-gun { font-size: 9.5px; font-weight: 700; letter-spacing: .08em; color: #2F62F0; }
.akd-no { font-size: 26px; font-weight: 300; line-height: 1; letter-spacing: -.03em; color: #13213F; margin-top: 2px; }
.akd-etkinlik { position: relative; display: grid; align-content: center; gap: 2px; padding-left: 11px; }
.akd-etkinlik::before { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 3px; border-radius: 2px;
  background: linear-gradient(#A9C2FF, #2F62F0); box-shadow: 0 0 10px rgba(47, 98, 240, .7); }
.akd-etkinlik b { font-size: 14.5px; font-weight: 600; letter-spacing: -.02em; }
.akd-saat { font-size: 12px; color: rgba(255, 255, 255, .78); font-variant-numeric: tabular-nums; }
.akd-yer { display: flex; align-items: center; gap: 5px; font-size: 11px; color: rgba(255, 255, 255, .6); }
.akd-yer svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
.akd-alt { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .14); }
.akd-kisiler { display: flex; }
.akd-kisiler i { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font: 600 10.5px/1 -apple-system, system-ui, sans-serif; font-style: normal;
  box-shadow: 0 0 0 2px rgba(40, 58, 92, .9); }
.akd-sen { background: linear-gradient(135deg, #DCE7FF, #8FA9DC); color: #13213F; }
.akd-xh { background: #0B121D; margin-left: -7px; }
.akd-xh svg { width: 11px; fill: #fff; }
.akd-kim { flex: 1; font-size: 11.5px; color: rgba(255, 255, 255, .72); }
.ak-katil { margin: 0; padding: 6px 14px; border-radius: 999px; background: #2F62F0; font-size: 12px; font-weight: 600; box-shadow: 0 6px 16px -6px rgba(47, 98, 240, .9); }

.ak-gundem { left: -29%; top: 57%; width: 236px; padding: 14px 16px 16px; border-radius: 20px; }
.ak-gundem ul { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 9px; }
.ak-gundem li { display: grid; grid-template-columns: 16px 1fr; gap: 9px; align-items: start; font-size: 12.5px; }
.ak-gundem li i { width: 14px; height: 14px; margin-top: 1px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .55); position: relative; }
.ak-gundem .ak-tamam i { background: #fff; box-shadow: none; }
.ak-gundem .ak-tamam i::after { content: ""; position: absolute; left: 4.5px; top: 2.5px; width: 3px; height: 6px; border: solid #13213F; border-width: 0 1.6px 1.6px 0; transform: rotate(45deg); }
.ak-gundem .ak-tamam span { color: rgba(255, 255, 255, .62); }
.ak-gundem .ak-simdi i { box-shadow: inset 0 0 0 1.5px #A9C2FF; animation: akNabiz 2.4s ease-in-out infinite; }
@keyframes akNabiz { 50% { box-shadow: inset 0 0 0 1.5px #A9C2FF, 0 0 0 5px rgba(169, 194, 255, .2); } }

@media (max-width: 760px) { .akis-sayfa:first-of-type > .akis-kartlar { display: none; } }
@media (prefers-reduced-motion: reduce) { .ak-kart, .ak-gundem i { animation: none !important; } }
/* 26.10: gundem bolum acilinca tek tek isaretlenir: her madde once bir an nabiz atar (konusuluyor), sonra tik alir ve yazisi soner */
.ak-gundem li i, .ak-gundem .ak-tamam i, .ak-gundem .ak-simdi i { background: transparent; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .55); animation: none; }
.ak-gundem li i::after, .ak-gundem .ak-tamam i::after { content: ""; position: absolute; left: 4.5px; top: 2.5px; width: 3px; height: 6px; border: solid #13213F;
  border-width: 0 1.6px 1.6px 0; transform: rotate(45deg) scale(.3); opacity: 0; }
.ak-gundem li span, .ak-gundem .ak-tamam span { color: #fff; }
.akis-sayfa:first-of-type:has(.akis-panel.gorunur) .ak-gundem li i { animation: akNabiz .9s ease-in-out var(--n), akTikle .45s cubic-bezier(.2, .9, .3, 1.4) calc(var(--n) + .9s) forwards; }
.akis-sayfa:first-of-type:has(.akis-panel.gorunur) .ak-gundem li i::after { animation: akTikIsaret .35s ease-out calc(var(--n) + 1.05s) forwards; }
.akis-sayfa:first-of-type:has(.akis-panel.gorunur) .ak-gundem li span { animation: akTikYazi .6s ease calc(var(--n) + 1.1s) forwards; }
.ak-gundem li:nth-child(1) { --n: 2s; } .ak-gundem li:nth-child(2) { --n: 3.4s; } .ak-gundem li:nth-child(3) { --n: 4.8s; }
@keyframes akNabiz { 50% { box-shadow: inset 0 0 0 1.5px #A9C2FF, 0 0 0 5px rgba(169, 194, 255, .22); } }
@keyframes akTikle { 0% { transform: scale(1); } 50% { transform: scale(1.25); } 100% { transform: scale(1); background: #fff; box-shadow: 0 0 0 0 rgba(169, 194, 255, 0); } }
@keyframes akTikIsaret { to { opacity: 1; transform: rotate(45deg) scale(1); } }
@keyframes akTikYazi { to { color: rgba(255, 255, 255, .62); } }
@media (prefers-reduced-motion: reduce) {
  .ak-gundem li i { background: #fff !important; box-shadow: none !important; animation: none !important; }
  .ak-gundem li i::after { opacity: 1; transform: rotate(45deg); animation: none !important; }
  .ak-gundem li span { color: rgba(255, 255, 255, .62); animation: none !important; }
}
/* 26.10: adim basliklari bir tik iri; yazi blogu daha genis ve havali: etiket, baslik, metin arasinda net bir ritim */
.akis-aciklama { max-width: 430px; }
.akis-aciklama h3 { margin-top: .55em; font-size: clamp(32px, 3.1vw, 50px); line-height: 1.04; letter-spacing: -.025em; }
.akis-aciklama p { margin-top: 1.3em; max-width: 34em; font-size: clamp(14px, 1.02vw, 16.5px); line-height: 1.7; }
/* 26.10 yazi hiyerarsisi: site her yerde tek agirlik (Futura PT Medium) kullaniyordu, etiket/baslik/metin ayni kalinlikta oldugu icin duz duruyordu.
   Ayni aileden iki agirlik daha: Demi (baslik) ve Book (metin). Uc rol artik kalinlik, boyut ve tonla ayrisir. Fontlar Turkce karakterlerle alt kume, woff2. */
@font-face { font-family: 'Futura PT'; src: url('font/futura-pt-book.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Futura PT'; src: url('font/futura-pt-demi.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
.akis-aciklama h3 { font-weight: 600; font-size: clamp(34px, 3.2vw, 52px); line-height: 1.02; letter-spacing: -.032em; text-wrap: balance; }
.akis-aciklama .aa-no { font-weight: 500; letter-spacing: .24em; }
.akis-aciklama p { font-weight: 400; font-size: clamp(16px, 1.12vw, 18px); line-height: 1.6; letter-spacing: .003em; max-width: 34ch; text-wrap: pretty; }
.akis-sayfa:first-of-type .akis-aciklama h3 { color: #0B1528; }
.akis-sayfa:first-of-type .akis-aciklama p { color: #344A6B; }

/* 26.10 kompozisyon (Futura'nin evi: Bauhaus / Isvicre afisi). Etiket yerine adim cetveli (01 ---- 03);
   baslik iki satira bilincli bolunur, ikinci satir iceriden baslar; paragraf o girintiye hizalanir. Sag hizali adimda ayna. */
.akis-aciklama { --girinti: clamp(34px, 3.4vw, 58px); max-width: 470px; }
.aa-cetvel { display: flex; align-items: center; gap: 14px; width: 100%; max-width: 300px; letter-spacing: .08em !important; font-variant-numeric: tabular-nums; }
.aa-cetvel i { flex: 1; height: 1px; width: auto; border-radius: 0; background: currentColor; opacity: .35; }
.aa-cetvel .aa-n { font-weight: 600; }
.aa-cetvel .aa-top { opacity: .45; }
.akis-aciklama h3.aa-baslik { margin-top: .7em; font-weight: 500; font-size: clamp(36px, 3.6vw, 60px); line-height: .98; letter-spacing: -.038em; }
.aa-baslik .ab-1, .aa-baslik .ab-2 { display: block; }
.aa-baslik .ab-2 { padding-left: var(--girinti); }
.akis-aciklama p { margin-top: 1.5em; padding-left: var(--girinti); max-width: 31ch; }
.akis-sayfa:has(.akis-sag) .akis-aciklama .aa-cetvel { margin-left: auto; }   /* sira hep 0N -> 03 okunur */
.akis-sayfa:has(.akis-sag) .aa-baslik .ab-2 { padding-left: 0; padding-right: var(--girinti); }
.akis-sayfa:has(.akis-sag) .akis-aciklama p { padding-left: 0; padding-right: var(--girinti); margin-left: auto; }
@media (max-width: 760px) {
  .akis-aciklama { --girinti: 22px; }
  .akis-sayfa:has(.akis-sag) .akis-aciklama .aa-cetvel { margin-left: 0; flex-direction: row; }
  .akis-sayfa:has(.akis-sag) .aa-baslik .ab-2 { padding-right: 0; padding-left: var(--girinti); }
  .akis-sayfa:has(.akis-sag) .akis-aciklama p { padding-right: 0; padding-left: var(--girinti); margin-left: 0; }
}
/* 26.10 baslik dolgusu sahnenin isigiyla: isigin oldugu yone dogru murekkep laciverti celik mavisine acilir,
   isiga bakan kenarlarda ince soguk kenar isigi, karsi tarafta yumusak golge. 1. adimda isik sag altta, 2. adimda sol altta. */
.akis-aciklama h3.aa-baslik { --isik-aci: 128deg; color: transparent; -webkit-text-fill-color: transparent;
  background: linear-gradient(var(--isik-aci), #08101F 0%, #0F1D36 38%, #2B4673 72%, #6F8EBD 100%);
  -webkit-background-clip: text; background-clip: text;
  filter: drop-shadow(.6px .8px 0 rgba(226, 236, 252, .75)) drop-shadow(-6px -8px 16px rgba(8, 16, 31, .16)); }
.akis-sayfa:has(.akis-sag) .akis-aciklama h3.aa-baslik { --isik-aci: 232deg; filter: drop-shadow(-.6px .8px 0 rgba(226, 236, 252, .75)) drop-shadow(6px -8px 16px rgba(8, 16, 31, .16)); }
/* 26.10 ikinci adim artik bir sahne (Busra'nin Gemini gorseli: dizustunde Xhedon logosu, isik sag ustte). Lacivert panel gizli
   (yerinde durur ki gorunurluk gozcusu ve yazi girisi calissin). Gorsel tam ekran; ustu ve alti gokyuzune erir. Yazi soldaki karanlikta: acik renk. */
.akis-sayfa:nth-of-type(2)::before { content: ""; position: absolute; z-index: 0; top: -14vh; bottom: -14vh; left: 50%; width: 100vw; transform: translateX(-50%);
  background: url('akis-sahne-2-ayna.webp') 62% 50% / cover no-repeat; pointer-events: none;
  -webkit-mask: linear-gradient(180deg, transparent 0, #000 22%, #000 80%, transparent 100%); mask: linear-gradient(180deg, transparent 0, #000 22%, #000 80%, transparent 100%); }
.akis-sayfa:nth-of-type(2) .akis-panel { visibility: hidden; }
.akis-sayfa:nth-of-type(2) .aa-cetvel { color: #B9C9E2; }
.akis-sayfa:has(.akis-sag) .akis-aciklama h3.aa-baslik { --isik-aci: 75deg;
  background: linear-gradient(var(--isik-aci), #AFC0DC 0%, #D5E0F2 45%, #FFFFFF 100%); -webkit-background-clip: text; background-clip: text;
  filter: drop-shadow(0 2px 14px rgba(4, 8, 18, .55)); }
.akis-sayfa:nth-of-type(2) .akis-aciklama p { color: #C3CFE3; }
/* 26.10 duzeltme: gorsel artik yalniz kisi + bilgisayar + masa (arka plani silinmis, Real-ESRGAN 4x ile buyutulup kesildi).
   Gokyuzu ve isik sitenin kendi tuvalinden (isik sagda); sahne yalniz altta zemine erir. */
.akis-sayfa:nth-of-type(2)::before { top: 0; bottom: 0; background: url('akis-sahne-2-ayna.webp') 62% 100% / cover no-repeat;
  -webkit-mask: linear-gradient(180deg, #000 82%, transparent 100%); mask: linear-gradient(180deg, #000 82%, transparent 100%); }
.akis-sayfa:nth-of-type(2)::before { -webkit-mask: linear-gradient(180deg, #000 93%, transparent 100%); mask: linear-gradient(180deg, #000 93%, transparent 100%); }
.akis-sayfa:nth-of-type(2)::before { -webkit-mask: linear-gradient(180deg, #000 66%, rgba(0,0,0,.55) 84%, transparent 100%); mask: linear-gradient(180deg, #000 66%, rgba(0,0,0,.55) 84%, transparent 100%); }   /* masa ve sahnenin alti uzun ve yumusak erir */
/* 26.10 2. adim basligi 1. adimdaki gibi isikla dolsun: isiktan uzak sol celik mavisi, sagdaki isiga dogru beyaz;
   isiga bakan (sag) kenarlarda ince kenar isigi, karsi tarafa yumusak golge. Koyu gokte okunsun diye koyu ucu acik tutuldu. */
.akis-sayfa:has(.akis-sag) .akis-aciklama h3.aa-baslik {
  background: linear-gradient(80deg, #5878AD 0%, #7F9CCB 30%, #BCCDE8 62%, #FFFFFF 100%); -webkit-background-clip: text; background-clip: text;
  filter: drop-shadow(.7px .6px 0 rgba(236, 244, 255, .85)) drop-shadow(-6px -6px 16px rgba(4, 8, 18, .5)); }
/* 26.10 yeni 2. sahne (aynalanmis): kadin sagda, isik solda; yazi isikli tarafta, 1. adim gibi koyu dolgu (isik sol altta) */
.akis-sayfa:nth-of-type(2)::before { background-position: 50% 100%; }
.akis-sayfa:nth-of-type(2) .aa-cetvel { color: #1B2F4D; }
.akis-sayfa:has(.akis-sag) .akis-aciklama h3.aa-baslik {
  background: linear-gradient(232deg, #08101F 0%, #0F1D36 38%, #2B4673 72%, #6F8EBD 100%); -webkit-background-clip: text; background-clip: text;
  filter: drop-shadow(-.6px .8px 0 rgba(226, 236, 252, .75)) drop-shadow(6px -8px 16px rgba(8, 16, 31, .16)); }
.akis-sayfa:nth-of-type(2) .akis-aciklama p { color: #344A6B; }
.akis-sayfa:nth-of-type(2)::before { background-size: auto 80%; background-position: 100% 100%;
  -webkit-mask: linear-gradient(90deg, transparent 0, transparent 16%, #000 36%), linear-gradient(180deg, #000 66%, rgba(0,0,0,.55) 84%, transparent 100%);
  -webkit-mask-composite: source-in; mask: linear-gradient(90deg, transparent 0, transparent 16%, #000 36%), linear-gradient(180deg, #000 66%, rgba(0,0,0,.55) 84%, transparent 100%); mask-composite: intersect; }   /* sahne sagda, bilgisayar yazinin yaninda; masanin sol ucu isiga erir */
/* 26.10 gorsel bir tik buyuk; masa sola dogru uzatildi (kenar cizgisi ayni aciyla), ekranin solundan disari akar, kesilmez */
.akis-sayfa:nth-of-type(2)::before { background-image: url('akis-sahne-2-ayna-b.webp'); background-size: auto 92%; background-position: 100% 100%;
  -webkit-mask: linear-gradient(180deg, #000 66%, rgba(0,0,0,.55) 84%, transparent 100%); -webkit-mask-composite: source-over;
  mask: linear-gradient(180deg, #000 66%, rgba(0,0,0,.55) 84%, transparent 100%); mask-composite: add; }
.akis-sayfa:nth-of-type(2)::before { background-position: calc(100% + 9vw) 100%; }   /* bilgisayar paragrafa degmesin */
.akis-sayfa:nth-of-type(2)::before { background-size: auto 88%; background-position: calc(100% + 2vw) 100%; }   /* kadin sagda kesilmesin, bilgisayar yine paragrafa degmesin */

/* 26.10 2. adim: bilgisayarin onunde suzulen buzlu cam sohbet karti (referans: "It starts with one request").
   Plan sunulur, musteri onaylar; adimin "is senin onayinla baslar" cumlesinin gosterimi. Bolum acilinca mesajlar sirayla gelir. */
.akis-sayfa:nth-of-type(2) > .akis-sohbet { position: absolute; z-index: 2; left: 38vw; top: 41vh; width: clamp(290px, 23vw, 370px); padding: 18px 18px 20px;
  box-sizing: border-box; border-radius: 26px; pointer-events: none; display: grid; justify-items: center;
  background: rgba(244, 247, 252, .42); -webkit-backdrop-filter: blur(26px) saturate(160%); backdrop-filter: blur(26px) saturate(160%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65), inset 0 0 0 1px rgba(255, 255, 255, .35), 0 30px 60px -24px rgba(6, 12, 26, .55);
  font: 400 14px/1.35 -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif; color: #0E1830; letter-spacing: -.01em;
  opacity: 0; transform: translateY(22px) scale(.97); transition: opacity 1s ease .5s, transform 1.3s cubic-bezier(.16, 1, .3, 1) .5s;
  animation: akSuz 8s ease-in-out infinite; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) > .akis-sohbet { opacity: 1; transform: none; }
.as-etiket { padding: 7px 16px; border-radius: 999px; background: rgba(255, 255, 255, .6); font-size: 13.5px; color: #43536F; }
.as-zaman { margin-top: 16px; font-size: 11.5px; color: #5A6A86; }
.as-kim { justify-self: start; margin: 10px 0 4px 4px; font-size: 11.5px; color: #5A6A86; }
.as-balon { position: relative; max-width: 86%; padding: 10px 14px; border-radius: 20px; opacity: 0; transform: translateY(10px) scale(.96);
  transition: opacity .6s ease, transform .7s cubic-bezier(.2, .9, .3, 1.2); }
.as-gelen { justify-self: start; background: rgba(255, 255, 255, .88); color: #0E1830; border-bottom-left-radius: 6px; display: grid; gap: 8px; }
.as-giden { justify-self: end; margin-top: 10px; background: #2F62F0; color: #fff; font-weight: 500; border-bottom-right-radius: 6px; box-shadow: 0 8px 18px -8px rgba(47, 98, 240, .9); }
.as-ek { display: inline-flex; align-items: center; gap: 7px; justify-self: start; padding: 6px 10px; border-radius: 10px; background: rgba(14, 24, 48, .06); font-size: 12px; color: #33496A; }
.as-ek svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .as-gelen { opacity: 1; transform: none; transition-delay: 1.5s; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .as-giden { opacity: 1; transform: none; transition-delay: 3s; }
@media (max-width: 760px) { .akis-sayfa:nth-of-type(2) > .akis-sohbet { display: none; } }
@media (prefers-reduced-motion: reduce) { .akis-sayfa:nth-of-type(2) > .akis-sohbet { animation: none; } }
/* 26.10 sohbet karti bilgisayar ekraniyla ayni acida: sol kenar yakin, sag kenar geriye kacar, ust hafif geride (ekrandan olculdu) */
.akis-sayfa:nth-of-type(2) > .akis-sohbet { transform-origin: 0 50%; transform: perspective(1100px) rotateY(20deg) rotateX(5deg) rotateZ(-2deg) translateY(22px) scale(.97); }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) > .akis-sohbet { transform: perspective(1100px) rotateY(20deg) rotateX(5deg) rotateZ(-2deg); }
/* 26.10 sohbet karti = bilgisayar ekrani boyutunda; konum sahnedeki ekranin goruntu koordinatlarindan hesaplanir
   (gorsel 4352x1536, boy %88, sag kenar 100vw+5vw; ekran sol ust u=2352 v=847, boyut 634x405 goruntu pikseli).
   Giris: ekranin tam ustunde, ekranla ayni acida belirir, sonra ekrandan ayrilip yukari suzulerek yerine oturur. */
.akis-sayfa:nth-of-type(2)::before { background-position: calc(100% + 5vw) 100%; }
.akis-sayfa:nth-of-type(2) > .akis-sohbet { --s: calc(88vh / 1536);
  left: calc(50% - 50vw + 105vw - 249.33vh + 2352 * var(--s)); top: calc(12vh + 847 * var(--s));
  width: calc(634 * var(--s)); height: calc(405 * var(--s)); min-width: 0; padding: 12px 14px; border-radius: 14px;
  grid-template-columns: 1fr auto; grid-template-rows: auto auto 1fr auto; align-content: start; justify-items: stretch; column-gap: 8px;
  font-size: 12px; transform-origin: 50% 100%; opacity: 0; transition: none;
  transform: perspective(1100px) rotateY(20deg) rotateX(5deg) rotateZ(-2deg); animation: none; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) > .akis-sohbet { opacity: 1;
  animation: akEkrandanCik 1.9s cubic-bezier(.22, .8, .25, 1) .4s both, akSuz 8s ease-in-out 2.3s infinite; }
@keyframes akEkrandanCik {
  0% { opacity: 0; transform: perspective(1100px) rotateY(20deg) rotateX(5deg) rotateZ(-2deg) translateY(0) scale(.98); filter: brightness(1.6) blur(2px); }
  22% { opacity: 1; transform: perspective(1100px) rotateY(20deg) rotateX(5deg) rotateZ(-2deg) translateY(0) scale(1); filter: brightness(1.25) blur(0); }
  100% { opacity: 1; transform: perspective(1100px) rotateY(20deg) rotateX(5deg) rotateZ(-2deg) translateY(-21vh) translateZ(30px) scale(1); filter: none; } }
.akis-sohbet .as-etiket { grid-column: 1; justify-self: start; padding: 4px 10px; font-size: 11px; }
.akis-sohbet .as-zaman { grid-column: 2; align-self: center; margin: 0; font-size: 10px; }
.akis-sohbet .as-kim { grid-column: 1 / -1; margin: 6px 0 2px 2px; font-size: 10px; }
.akis-sohbet .as-balon { grid-column: 1 / -1; padding: 7px 10px; border-radius: 14px; max-width: 88%; }
.akis-sohbet .as-gelen { gap: 5px; border-bottom-left-radius: 4px; }
.akis-sohbet .as-giden { margin-top: 6px; border-bottom-right-radius: 4px; }
.akis-sohbet .as-ek { padding: 4px 8px; font-size: 10.5px; } .akis-sohbet .as-ek svg { width: 12px; height: 12px; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .as-gelen { transition-delay: 2.4s; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .as-giden { transition-delay: 3.6s; }
@media (prefers-reduced-motion: reduce) { .akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) > .akis-sohbet { animation: none; transform: perspective(1100px) rotateY(20deg) rotateX(5deg) rotateZ(-2deg) translateY(-21vh); } }
/* 26.10 3B cikis: kart ekranin yuzu yonunde (kadina dogru + bize dogru) ve biraz yukari ilerler; giderken kadina biraz daha doner.
   Oteleme kartin donmus kendi ekseninde yapilir (translateZ = ekranin normali). */
@keyframes akEkrandanCik {
  0% { opacity: 0; transform: perspective(1100px) rotateY(20deg) rotateX(5deg) rotateZ(-2deg) translateY(0) translateZ(0); filter: brightness(1.6) blur(2px); }
  20% { opacity: 1; transform: perspective(1100px) rotateY(20deg) rotateX(5deg) rotateZ(-2deg) translateY(0) translateZ(6px); filter: brightness(1.25) blur(0); }
  100% { opacity: 1; transform: perspective(1100px) rotateY(27deg) rotateX(3deg) rotateZ(-2deg) translateY(-9vh) translateX(3vh) translateZ(150px); filter: none; } }
@media (prefers-reduced-motion: reduce) { .akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) > .akis-sohbet { transform: perspective(1100px) rotateY(27deg) rotateX(3deg) rotateZ(-2deg) translateY(-9vh) translateX(3vh) translateZ(150px); } }

/* 26.10 sohbet karti gercek 3B pozla: sahnenin goruntu uzayinda (4352x1536 px, JS olcekler/konumlar) ekranin 4 kosesine
   en kucuk kareler ile oturtulmus poz (hata < 1 px): merkez 2679,1036; 585x399; perspective 2200; rotY 15.16 rotX 12.77 rotZ -4.33.
   Cikis: ayni pozdan ekranin normali yonunde (kadina ve bize dogru) ve biraz yukari; giderken kadina biraz daha doner. */
.akis-sayfa:nth-of-type(2) > .akis-sohbet-uzay { position: absolute; z-index: 2; left: 0; top: 0; width: 4352px; height: 1536px; transform-origin: 0 0; pointer-events: none; }
.akis-sohbet-uzay .akis-sohbet { position: absolute; left: 2387px; top: 836.6px; width: 584.7px; height: 399.3px; box-sizing: border-box;
  padding: 24px 28px; border-radius: 26px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto auto auto; align-content: start; column-gap: 16px;
  background: rgba(244, 247, 252, .42); -webkit-backdrop-filter: blur(40px) saturate(160%); backdrop-filter: blur(40px) saturate(160%);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .65), inset 0 0 0 2px rgba(255, 255, 255, .35), 0 60px 110px -40px rgba(6, 12, 26, .6);
  font: 400 24px/1.35 -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif; color: #0E1830; letter-spacing: -.01em;
  transform-origin: 50% 50%; transform: perspective(2200px) rotateY(15.16deg) rotateX(12.77deg) rotateZ(-4.33deg); opacity: 0; transition: none; animation: none; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .akis-sohbet-uzay .akis-sohbet { opacity: 1;
  animation: akEkrandanCik3B 2s cubic-bezier(.22, .8, .25, 1) .4s both, akSuz3B 8s ease-in-out 2.4s infinite; }
@keyframes akEkrandanCik3B {
  0% { opacity: 0; transform: perspective(2200px) rotateY(15.16deg) rotateX(12.77deg) rotateZ(-4.33deg); filter: brightness(1.7) blur(3px); }
  20% { opacity: 1; transform: perspective(2200px) rotateY(15.16deg) rotateX(12.77deg) rotateZ(-4.33deg) translateZ(8px); filter: brightness(1.25) blur(0); }
  100% { opacity: 1; transform: perspective(2200px) rotateY(24deg) rotateX(9deg) rotateZ(-3.5deg) translate3d(60px, -150px, 300px); filter: none; } }
@keyframes akSuz3B { 50% { translate: 0 -16px; } }
.akis-sohbet-uzay .as-etiket { grid-column: 1; justify-self: start; padding: 8px 20px; border-radius: 999px; background: rgba(255, 255, 255, .6); font-size: 21px; color: #43536F; }
.akis-sohbet-uzay .as-zaman { grid-column: 2; align-self: center; margin: 0; font-size: 19px; color: #5A6A86; }
.akis-sohbet-uzay .as-kim { grid-column: 1 / -1; justify-self: start; margin: 12px 0 4px 4px; font-size: 19px; color: #5A6A86; }
.akis-sohbet-uzay .as-balon { grid-column: 1 / -1; max-width: 88%; padding: 13px 18px; border-radius: 26px; }
.akis-sohbet-uzay .as-gelen { gap: 10px; border-bottom-left-radius: 8px; }
.akis-sohbet-uzay .as-giden { margin-top: 12px; border-bottom-right-radius: 8px; }
.akis-sohbet-uzay .as-ek { padding: 8px 14px; border-radius: 14px; font-size: 19px; gap: 10px; } .akis-sohbet-uzay .as-ek svg { width: 22px; height: 22px; }
@media (max-width: 760px) { .akis-sayfa:nth-of-type(2) > .akis-sohbet-uzay { display: none; } }
@media (prefers-reduced-motion: reduce) { .akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .akis-sohbet-uzay .akis-sohbet { animation: none;
  transform: perspective(2200px) rotateY(24deg) rotateX(9deg) rotateZ(-3.5deg) translate3d(60px, -150px, 300px); } }

/* 26.10 uc asama: her ekran bilgisayardan cikar, bir oncekinin ustune bir tik yukari (ve one) oturur.
   1 ne yapilacak (kapsam), 2 hangi sirayla ne kadar surede (4 haftalik takvim), 3 senin onayinla baslar (sohbet). */
.akis-sohbet-uzay .as-k1 { --son: translate3d(40px, -95px, 200px); --gec: .4s; }
.akis-sohbet-uzay .as-k2 { --son: translate3d(70px, -200px, 290px); --gec: 2.7s; }
.akis-sohbet-uzay .as-k3 { --son: translate3d(100px, -305px, 380px); --gec: 5s; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .akis-sohbet-uzay .akis-sohbet {
  animation: akEkrandanCikK 2s cubic-bezier(.22, .8, .25, 1) var(--gec) both, akSuz3B 8s ease-in-out calc(var(--gec) + 2s) infinite; }
@keyframes akEkrandanCikK {
  0% { opacity: 0; transform: perspective(2200px) rotateY(15.16deg) rotateX(12.77deg) rotateZ(-4.33deg); filter: brightness(1.7) blur(3px); }
  20% { opacity: 1; transform: perspective(2200px) rotateY(15.16deg) rotateX(12.77deg) rotateZ(-4.33deg) translateZ(8px); filter: brightness(1.25) blur(0); }
  100% { opacity: 1; transform: perspective(2200px) rotateY(22deg) rotateX(9.5deg) rotateZ(-3.6deg) var(--son); filter: none; } }
.akis-sohbet-uzay .as-baslik { grid-column: 1 / -1; margin: 14px 0 10px; font-size: 30px; font-weight: 600; letter-spacing: -.02em; color: #0B1528; }
.akis-sohbet-uzay .as-liste { grid-column: 1 / -1; list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.akis-sohbet-uzay .as-liste li { display: flex; align-items: center; justify-content: space-between; padding: 12px 18px; border-radius: 16px; background: rgba(255, 255, 255, .78);
  font-size: 23px; opacity: 0; transform: translateY(10px); transition: opacity .5s ease, transform .6s cubic-bezier(.2, .9, .3, 1.2); }
.akis-sohbet-uzay .as-liste li::before { content: ""; width: 14px; height: 14px; margin-right: 14px; border-radius: 50%; background: #2F62F0; box-shadow: 0 0 10px rgba(47, 98, 240, .7); }
.akis-sohbet-uzay .as-liste li span { flex: 1; }
.akis-sohbet-uzay .as-liste small { font-size: 17px; color: #5A6A86; letter-spacing: .04em; }
.akis-sohbet-uzay .as-takvim { grid-column: 1 / -1; display: grid; grid-template-columns: 110px repeat(4, 1fr); gap: 12px 8px; align-items: center; font-size: 20px; color: #33496A; }
.akis-sohbet-uzay .as-takvim i { font-style: normal; font-size: 17px; color: #5A6A86; text-align: center; padding-bottom: 6px; border-bottom: 2px solid rgba(14, 24, 48, .1); }
.akis-sohbet-uzay .as-takvim b { grid-column: calc(var(--b) + 1) / span var(--s); height: 26px; border-radius: 13px; background: linear-gradient(90deg, #2F62F0, #6F9BFF);
  box-shadow: 0 6px 14px -6px rgba(47, 98, 240, .8); transform-origin: 0 50%; transform: scaleX(0); transition: transform .9s cubic-bezier(.2, .8, .2, 1); }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .as-k1 .as-liste li { opacity: 1; transform: none; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .as-k1 .as-liste li:nth-child(1) { transition-delay: 1.6s; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .as-k1 .as-liste li:nth-child(2) { transition-delay: 1.9s; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .as-k1 .as-liste li:nth-child(3) { transition-delay: 2.2s; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .as-k2 .as-takvim b { transform: scaleX(1); }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .as-k2 .as-takvim b:nth-of-type(1) { transition-delay: 3.9s; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .as-k2 .as-takvim b:nth-of-type(2) { transition-delay: 4.2s; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .as-k2 .as-takvim b:nth-of-type(3) { transition-delay: 4.5s; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .as-k3 .as-gelen { transition-delay: 6.3s; }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .as-k3 .as-giden { transition-delay: 7.4s; }
@media (prefers-reduced-motion: reduce) { .akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .akis-sohbet-uzay .akis-sohbet { animation: none; opacity: 1;
  transform: perspective(2200px) rotateY(22deg) rotateX(9.5deg) rotateZ(-3.6deg) var(--son); } }
/* ust uste binen ekranlarda alttakinin yazisi sizmasin: daha mat buzlu cam; takvim satirlari sabit */
.akis-sohbet-uzay .akis-sohbet { background: rgba(236, 241, 249, .86); -webkit-backdrop-filter: blur(46px) saturate(150%); backdrop-filter: blur(46px) saturate(150%); }
.akis-sohbet-uzay .as-takvim > span:nth-of-type(2), .akis-sohbet-uzay .as-takvim > b:nth-of-type(1) { grid-row: 2; }
.akis-sohbet-uzay .as-takvim > span:nth-of-type(3), .akis-sohbet-uzay .as-takvim > b:nth-of-type(2) { grid-row: 3; }
.akis-sohbet-uzay .as-takvim > span:nth-of-type(4), .akis-sohbet-uzay .as-takvim > b:nth-of-type(3) { grid-row: 4; }
.akis-sohbet-uzay .as-takvim > span { grid-column: 1; }
.akis-sohbet-uzay .as-takvim > i { grid-row: 1; }
/* 26.10 zincir: 1. ekran bilgisayardan, 2. ekran 1.'nin durdugu yerden, 3. ekran 2.'ninkinden cikar ve bir tik yukari yukselir */
.akis-sohbet-uzay .as-k1 { --bas: perspective(2200px) rotateY(15.16deg) rotateX(12.77deg) rotateZ(-4.33deg) translate3d(0, 0, 0);
  --son: perspective(2200px) rotateY(22deg) rotateX(9.5deg) rotateZ(-3.6deg) translate3d(40px, -95px, 200px); }
.akis-sohbet-uzay .as-k2 { --bas: perspective(2200px) rotateY(22deg) rotateX(9.5deg) rotateZ(-3.6deg) translate3d(40px, -95px, 200px);
  --son: perspective(2200px) rotateY(22deg) rotateX(9.5deg) rotateZ(-3.6deg) translate3d(70px, -200px, 290px); }
.akis-sohbet-uzay .as-k3 { --bas: perspective(2200px) rotateY(22deg) rotateX(9.5deg) rotateZ(-3.6deg) translate3d(70px, -200px, 290px);
  --son: perspective(2200px) rotateY(22deg) rotateX(9.5deg) rotateZ(-3.6deg) translate3d(100px, -305px, 380px); }
.akis-sohbet-uzay .akis-sohbet { transform: var(--bas); }
.akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .akis-sohbet-uzay .akis-sohbet {
  animation: akZincir 2s cubic-bezier(.22, .8, .25, 1) var(--gec) both, akSuz3B 8s ease-in-out calc(var(--gec) + 2s) infinite; }
@keyframes akZincir {
  0% { opacity: 0; transform: var(--bas); filter: brightness(1.7) blur(3px); }
  20% { opacity: 1; transform: var(--bas); filter: brightness(1.25) blur(0); }
  100% { opacity: 1; transform: var(--son); filter: none; } }
@media (prefers-reduced-motion: reduce) { .akis-sayfa:nth-of-type(2):has(.akis-panel.gorunur) .akis-sohbet-uzay .akis-sohbet { animation: none; opacity: 1; transform: var(--son); } }
.dal-serit { display: none !important; }   /* 26.10: kartlarin altindaki seritler kaldirildi */
/* 26.10 Uc dal -> Nasil calisiyoruz gecisi: sert yatay cizgi yerine uzun yumusak kararma; ustteki sisli zemin geceye erir,
   adimlarin gokyuzu o karanligin icinden dogar. Bolum basligi koyu zeminde okunsun diye acik renk. */
.akis::before { content: ""; position: absolute; left: 0; right: 0; top: -50vh; height: 95vh; z-index: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(12, 20, 30, 0) 0%, rgba(12, 20, 30, .18) 22%, rgba(12, 20, 30, .55) 42%, rgba(12, 20, 30, .9) 58%, #0C141E 70%, #0C141E 100%); }
.akis-bas .akis-ust { color: #A9BCD8; }
.akis-bas .akis-ust i { background: #7AA2B9; }
.akis-bas .akis-baslik { color: #E9EFF8; text-shadow: 0 2px 18px rgba(4, 8, 18, .45); }
/* sinirda (akis ustu = %52.6) karartma tam opak olmali; yoksa iki bolumun farkli zeminleri yari saydamliktan cizgi olarak gorunur */
.akis::before { background: linear-gradient(180deg, rgba(12, 20, 30, 0) 0%, rgba(12, 20, 30, .14) 16%, rgba(12, 20, 30, .38) 28%, rgba(12, 20, 30, .66) 38%, rgba(12, 20, 30, .88) 45%, #0C141E 51%, #0C141E 100%); }

/* 26.10 "Nasil calisiyoruz" ara gecisi: baslik ekranin ortasinda tutulur (akis-ara 175vh, icinde yapiskan sahne);
   kaydirdikca cumle kelime kelime yanar, alttaki uc adim onizlemesi sirayla yanar, sonra yazi buyuyup gokte erir. */
.akis-ara { position: relative; z-index: 1; height: 175vh; }
.akis-ara .akis-bas { position: sticky; top: 0; height: 100vh; height: 100svh; width: min(1100px, 86vw); margin: 0 auto; display: grid; align-content: center; justify-items: center;
  text-align: center; will-change: transform, opacity, filter; }
.akis-ara .akis-ust { justify-content: center; letter-spacing: .3em; }
.akis-ara .akis-baslik { max-width: 22ch; margin-top: .9em; font-size: clamp(34px, 3.6vw, 60px); line-height: 1.12; letter-spacing: -.025em; text-wrap: balance; color: #E9EFF8; }
.akis-baslik .ak-kel { display: inline; opacity: .14; transition: opacity .25s linear; }
.akis-baslik .ak-kel.yandi { opacity: 1; }
.akis-onizle { list-style: none; margin: 3.4em 0 0; padding: 0; display: flex; gap: clamp(28px, 4vw, 64px); }
.akis-onizle li { display: grid; justify-items: center; gap: 8px; opacity: .2; transform: translateY(8px); transition: opacity .5s ease, transform .6s cubic-bezier(.2, .9, .3, 1.2); }
.akis-onizle li.yandi { opacity: 1; transform: none; }
.akis-onizle b { font: 600 13px/1 'Futura PT', 'Futura', sans-serif; letter-spacing: .14em; color: #A9BCD8; }
.akis-onizle span { font: 500 clamp(15px, 1.2vw, 19px)/1 'Futura PT', 'Futura', sans-serif; color: #E9EFF8; }
.akis-onizle li + li { position: relative; }
.akis-onizle li + li::before { content: ""; position: absolute; right: calc(100% + clamp(6px, .8vw, 14px)); top: 6px; width: clamp(16px, 2.4vw, 36px); height: 1px; background: rgba(169, 188, 216, .45); }
/* gece arka plani ara gecisin tamamini kaplasin (gokyuzu tuvali ilk adimdan biraz once basliyor) */
.akis::before { height: 262vh; background: linear-gradient(180deg, rgba(12, 20, 30, 0) 0%, rgba(12, 20, 30, .14) 6%, rgba(12, 20, 30, .38) 10.5%, rgba(12, 20, 30, .66) 14.5%, rgba(12, 20, 30, .88) 17%, #0C141E 19%, #0C141E 100%); }
@media (prefers-reduced-motion: reduce) { .akis-ara { height: auto; } .akis-ara .akis-bas { position: relative; height: auto; padding: 18vh 0; }
  .akis-baslik .ak-kel, .akis-onizle li { opacity: 1; transform: none; } }
/* 26.10 Uc dal -> Nasil calisiyoruz: hareket eden karartma bandi yerine sinema kararmasi. Uc dal sahnesi bitmeye yakin
   tum ekran birlikte geceye kararir (JS --karar); alttaki bolum zaten karanlik ve yildizli baslar, bant/cizgi olusmaz. */
.dallar-karar { position: absolute; inset: 0; z-index: 60; pointer-events: none; background: #0C141E; opacity: 0; }   /* eski ::after kurallari baska is icin kapali, ayri oge */
.akis::before { top: 0; height: 262vh;
  background:
    radial-gradient(1.2px 1.2px at 12% 18%, rgba(228, 236, 250, .75), transparent),
    radial-gradient(1px 1px at 37% 62%, rgba(228, 236, 250, .55), transparent),
    radial-gradient(1.4px 1.4px at 68% 27%, rgba(228, 236, 250, .7), transparent),
    radial-gradient(1px 1px at 84% 74%, rgba(228, 236, 250, .5), transparent),
    radial-gradient(1px 1px at 52% 9%, rgba(228, 236, 250, .45), transparent),
    radial-gradient(1.2px 1.2px at 23% 86%, rgba(228, 236, 250, .6), transparent),
    #0C141E;
  background-size: 420px 380px, 420px 380px, 420px 380px, 420px 380px, 420px 380px, 420px 380px, auto; }
/* 27.10 3. adim "Panelini aciyoruz" sahnesi: iki elle tutulan tablet (Busra'nin Gemini gorseli, Real-ESRGAN 4x, birefnet-hrsod ile kesildi).
   Lacivert panel gizli (yerinde durur, gorunurluk gozcusu calissin). Tablet solda, gok sitenin tuvalinden, isik sag altta (yazinin arkasi). */
.akis-sayfa:nth-of-type(3) { position: relative; }
.akis-sayfa:nth-of-type(3)::before { content: ""; position: absolute; z-index: 0; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); pointer-events: none;
  background: url('akis-sahne-3-tablet.webp') calc(50% - 18vw) 100% / auto 100% no-repeat;
  -webkit-mask: linear-gradient(180deg, #000 74%, transparent 100%); mask: linear-gradient(180deg, #000 74%, transparent 100%); }
.akis-sayfa:nth-of-type(3) > *:not(.akis-yildiz) { position: relative; z-index: 1; }
.akis-sayfa:nth-of-type(3) .akis-panel { visibility: hidden; }
/* 27.10 3. adim: tablet tam ortada, yazi ustte ve ortali (tek satir baslik, iki satir metin) */
@media (min-width: 761px) {
  .akis-sayfa:nth-of-type(3) { grid-template-columns: 1fr; align-items: start; justify-items: center; }
  .akis-sayfa:nth-of-type(3)::before { background-position: 50% 100%; background-size: auto 80%; }
  .akis-sayfa:nth-of-type(3) .akis-panel { position: absolute; left: 30%; top: 35%; width: 40%; margin: 0; }   /* gorunmez; yalniz gozcu icin */
  .akis-sayfa:nth-of-type(3) .akis-aciklama { order: -1; justify-self: center; text-align: center; margin-top: 10vh; max-width: 680px; }
  .akis-sayfa:nth-of-type(3) .akis-aciklama .aa-cetvel { margin: 0 auto; }
  .akis-sayfa:nth-of-type(3) .aa-baslik .ab-1, .akis-sayfa:nth-of-type(3) .aa-baslik .ab-2 { display: inline; padding: 0; }
  .akis-sayfa:nth-of-type(3) .akis-aciklama p { padding: 0; margin-left: auto; margin-right: auto; max-width: 46ch; }
  .akis-sayfa:nth-of-type(3) .akis-aciklama h3.aa-baslik { --isik-aci: 160deg; }
}
@media (min-width: 761px) { .akis-sayfa:nth-of-type(3) .aa-baslik .ab-2 { margin-left: .26em; } }
@media (min-width: 761px) { .akis-sayfa:nth-of-type(3)::before { background-size: auto 112%; background-position: 50% calc(100% + 20vh); -webkit-mask: linear-gradient(180deg, #000 80%, transparent 100%); mask: linear-gradient(180deg, #000 80%, transparent 100%); } .akis-sayfa:nth-of-type(3) .akis-aciklama { margin-top: 8vh; } }   /* tablet daha buyuk; eller alttan cikar, yazi ustte kalir */
@media (min-width: 761px) { .akis-sayfa:nth-of-type(3)::before { background-position: 50% calc(100% + 23vh); -webkit-mask: linear-gradient(180deg, #000 90%, transparent 100%); mask: linear-gradient(180deg, #000 90%, transparent 100%); } .akis-sayfa:nth-of-type(3) .akis-aciklama { margin-top: 11.5vh; } }
/* 27.10 TABLET DALISI: 3. adimin ustune binen yapiskan sahne. Baslangicta 3. adimin birebir aynisi (gok tuvalden kopyalanir,
   ayni tablet, ayni yazi); tabletin ekraninda Xhedon paneli. Kaydirdikca kamera ekrana dalar, ekran sayfayi doldurur ve
   "Direksiyon senin elinde" bolumu olur. Geometri JS'te (gorsel 1844x2304, ekran cami 270,660 - 1570,1655). Telefonda eski bolum. */
.tablet-dalis { position: relative; z-index: 3; height: 300vh; margin-top: -100vh; }
.td-sahne { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; background: #0C141E; }
.td-gok { position: absolute; inset: 0; width: 100%; height: 100%; }
.td-dunya { position: absolute; inset: 0; transform-origin: 0 0; will-change: transform; }
.td-gorsel { position: absolute; background: url('akis-sahne-3-tablet.webp') 0 0 / 100% 100% no-repeat;
  -webkit-mask: linear-gradient(180deg, #000 72%, transparent 89%); mask: linear-gradient(180deg, #000 72%, transparent 89%); }
.td-ekran { position: absolute; overflow: hidden; border-radius: var(--td-yaricap, 14px); background: #0A1222; box-shadow: inset 0 0 0 1px rgba(170, 196, 235, .08); }
.td-panel { position: absolute; left: 0; top: 0; width: 1440px; height: 1102px; transform-origin: 0 0; color: #E4EBF7; box-sizing: border-box; padding: 0 96px;
  background: radial-gradient(ellipse 60% 55% at 72% 40%, rgba(47, 98, 240, .16), transparent 70%), linear-gradient(180deg, #0D1729, #0A1222);
  font: 400 20px/1.55 'Futura PT', 'Futura', sans-serif; display: grid; grid-template-rows: auto 1fr; }
.tp-ust { display: flex; align-items: center; gap: 22px; height: 110px; border-bottom: 1px solid rgba(170, 196, 235, .1); }
.tp-marka { display: inline-flex; align-items: center; gap: 12px; font-size: 22px; font-weight: 500; } .tp-marka em { font-style: italic; }
.tp-logo { width: 26px; height: 26px; }
.tp-bolum { padding: 6px 16px; border-radius: 999px; background: rgba(170, 196, 235, .1); font-size: 16px; color: #A9BCD8; }
.tp-kisi { margin-left: auto; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, #DCE7FF, #8FA9DC); color: #13213F; font-weight: 600; }
.tp-govde { display: grid; grid-template-columns: 1fr 520px; gap: 80px; align-items: center; }
.tp-etiket { display: inline-flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 500; letter-spacing: .24em; text-transform: uppercase; color: #8EA6C9; }
.tp-etiket i { width: 10px; height: 10px; border-radius: 2px; background: #7AA2B9; }
.tp-baslik { margin: 26px 0 0; font: 600 68px/1.02 'Futura PT', 'Futura', sans-serif; letter-spacing: -.03em; color: #F2F6FC; }
.tp-baslik em { display: block; font-style: normal; background: linear-gradient(100deg, #A9C2FF, #FFFFFF); -webkit-background-clip: text; background-clip: text; color: transparent; }
.tp-metin { margin: 30px 0 0; max-width: 34ch; font-size: 21px; color: #A9BCD8; }
.tp-cta { display: inline-flex; align-items: center; gap: 14px; margin-top: 42px; padding: 18px 28px 18px 32px; border-radius: 999px; background: #F2F6FC; color: #0B1528;
  font: 500 20px/1 'Futura PT', 'Futura', sans-serif; text-decoration: none; pointer-events: auto; transition: background-color .3s, transform .4s cubic-bezier(.16, 1, .3, 1); }
.tp-cta svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.tp-cta:hover { background: #fff; transform: translateY(-2px); }
.tp-kart { padding: 34px 36px 30px; border-radius: 28px; background: rgba(20, 34, 62, .72); box-shadow: inset 0 0 0 1px rgba(170, 196, 235, .14), 0 40px 80px -40px rgba(0, 0, 0, .7); font-size: 18px; }
.tpk-ust { display: flex; justify-content: space-between; align-items: center; }
.tpk-ad { font-size: 34px; font-weight: 600; letter-spacing: -.02em; color: #fff; }
.tpk-ornek { font-size: 14px; padding: 4px 12px; border-radius: 999px; border: 1px solid rgba(169, 194, 255, .25); color: #9FB0D0; }
.tpk-etiket { display: block; margin-top: 22px; color: #9FB0D0; font-size: 16px; }
.tpk-yuzde { font-size: 64px; font-weight: 600; line-height: 1; color: #fff; font-variant-numeric: tabular-nums; margin-top: 6px; } .tpk-yuzde b { font-weight: 600; }
.tpk-cubuk, .tpk-c { position: relative; display: block; height: 10px; border-radius: 5px; background: rgba(169, 194, 255, .14); overflow: hidden; }
.tpk-cubuk { margin-top: 18px; }
.tpk-cubuk i, .tpk-c i { position: absolute; inset: 0; border-radius: inherit; background: #2F62F0; transform-origin: 0 50%; transform: scaleX(calc(var(--d) * var(--tp, 0))); }
.tpk-cubuk i { box-shadow: 0 0 18px rgba(47, 98, 240, .8); }
.tpk-isler { list-style: none; margin: 26px 0 0; padding: 0; }
.tpk-isler li { display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; padding: 16px 0; border-top: 1px solid rgba(169, 194, 255, .1); }
.tpk-isler em { font-style: normal; color: #9FB0D0; font-size: 16px; } .tpk-isler .bitti em { color: #7FD9A6; } .tpk-isler .suruyor em { color: #A9C2FF; }
.tpk-c { grid-column: 1 / -1; height: 6px; }
.tpk-alt { display: flex; justify-content: space-between; gap: 10px; margin-top: 10px; padding-top: 16px; border-top: 1px solid rgba(169, 194, 255, .1); font-size: 15px; color: #8EA6C9; }
/* ustteki yazinin kopyasi: 3. adimin ortali duzeniyle birebir */
.td-kopya { position: absolute; left: 50%; top: 11.5vh; transform: translateX(-50%); width: min(680px, 90vw); text-align: center; z-index: 2; pointer-events: none; }
.td-kopya > * { opacity: 1 !important; transform: none !important; transition: none !important; }
.td-kopya .aa-cetvel { margin: 0 auto; }
.td-kopya .aa-baslik .ab-1, .td-kopya .aa-baslik .ab-2 { display: inline; padding: 0; } .td-kopya .aa-baslik .ab-2 { margin-left: .26em; }
.td-kopya h3.aa-baslik { --isik-aci: 160deg; }
.td-kopya p { padding: 0 !important; margin-left: auto !important; margin-right: auto !important; max-width: 46ch; color: #344A6B; }
.td-kopya .aa-cetvel { color: #1B2F4D; }
/* bitis: koyu panelden alttaki acik bolume yumusak gecis */
.tablet-dalis::after { content: ""; position: absolute; left: 0; right: 0; bottom: -45vh; height: 45vh; pointer-events: none; z-index: 1;
  background: linear-gradient(180deg, #0B1426 0%, rgba(11, 20, 38, .6) 45%, rgba(11, 20, 38, 0) 100%); }
@media (min-width: 761px) and (prefers-reduced-motion: no-preference) { .direksiyon { display: none; } }
@media (max-width: 760px), (prefers-reduced-motion: reduce) { .tablet-dalis { display: none; } }

/* panel icerigi ustten baslar: dalis sonunda ekran genisligi sayfayi doldurur, ekranin ustu sayfanin ustune hizalanir; alt kisim tasar */
.td-panel { grid-template-rows: auto auto; align-content: start; }
.tp-govde { margin-top: 96px; align-items: start; }

/* yalniz eller (tam maske - tablet maskesi): panelin ustunde durur ki basparmaklar ekranin onunde kalsin */
.td-eller { position: absolute; pointer-events: none; background: url('akis-sahne-3-eller.webp') 0 0 / 100% 100% no-repeat;
  -webkit-mask: linear-gradient(180deg, #000 72%, transparent 89%); mask: linear-gradient(180deg, #000 72%, transparent 89%); }

/* basparmak gercekciligi: temas golgesi ekrana (isik sagdan -> golge sola), ekran ustundeki parmak kismi ekranin tonuna cekilir */
.td-golge { position: absolute; pointer-events: none; z-index: 5; background: #000; opacity: 1;
  -webkit-mask: url('akis-sahne-3-eller.webp') 0 0 / 100% 100% no-repeat; mask: url('akis-sahne-3-eller.webp') 0 0 / 100% 100% no-repeat;
  transform: translate(calc(var(--k, .4) * -34px), calc(var(--k, .4) * 14px)); filter: blur(calc(var(--k, .4) * 22px)); }
.td-golge { background: rgba(0, 3, 10, .72); }
.td-ton-kutu { position: absolute; overflow: hidden; pointer-events: none; border-radius: var(--td-yaricap, 14px); }
.td-ton { position: absolute; mix-blend-mode: multiply;
  background: linear-gradient(90deg, rgba(40, 62, 110, .9), rgba(58, 84, 140, .75));
  -webkit-mask: url('akis-sahne-3-eller.webp') 0 0 / 100% 100% no-repeat; mask: url('akis-sahne-3-eller.webp') 0 0 / 100% 100% no-repeat; }

/* ton artik ekrana kirpilmiyor: parmak ekrana yaklastikca yumusakca koyulasir (sag el: ekran kenari %85, sol el: %15) */
.td-ton-kutu { border-radius: 0; overflow: visible; }
.td-ton { background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 8%, rgba(22, 36, 66, .35) 13%, rgba(22, 36, 66, .55) 17%, rgba(0,0,0,0) 25%,
  rgba(0,0,0,0) 73%, rgba(22, 36, 66, .5) 81%, rgba(22, 36, 66, .62) 85%, rgba(22, 36, 66, .3) 89%, rgba(0,0,0,0) 94%); }
.td-ton-kutu { display: none; }   /* ton denemesi parmagi ekranin arkasindaymis gibi gosteriyordu; yalniz golge kalir */
.td-golge { z-index: auto; }   /* golge elin ALTINDA kalmali (z-index 5 onu elin ustune cikariyordu) */

/* ekran cami: panelin ustunde, golgenin ve ellerin altinda. Orijinal fotograftaki capraz yansima, kenarda derinlik, isigin geldigi kosede parlama */
.td-cam { position: absolute; inset: 0; pointer-events: none; border-radius: inherit;
  background:
    linear-gradient(118deg, rgba(255,255,255,0) 38%, rgba(220,232,255,.10) 47%, rgba(220,232,255,.05) 55%, rgba(255,255,255,0) 64%),
    radial-gradient(ellipse 70% 55% at 92% 0%, rgba(205,222,255,.16), rgba(205,222,255,0) 70%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 30%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), inset 0 0 calc(var(--td-yaricap, 14px) * 2.4) rgba(0, 0, 0, .55), inset 0 0 calc(var(--td-yaricap, 14px) * .6) rgba(0, 0, 0, .5); }

/* ekran gercekligi 2: cam yalniz yansima degil */
.td-cam { background:
    radial-gradient(ellipse 70% 55% at 92% 0%, rgba(205,222,255,.16), rgba(205,222,255,0) 70%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 30%);
  box-shadow: inset 0 0 0 calc(var(--td-yaricap, 14px) * .12) rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255,255,255,.05),
    inset 0 0 calc(var(--td-yaricap, 14px) * 2.4) rgba(0, 0, 0, .55), inset 0 0 calc(var(--td-yaricap, 14px) * .6) rgba(0, 0, 0, .5); overflow: hidden; }
/* capraz parilti ayri katman: fareyle hafifce kayar (gercek camda bakis acisi degisince yansima kayar) */
.td-parilti { position: absolute; inset: -10% -30%; pointer-events: none; will-change: transform;
  background: linear-gradient(118deg, rgba(255,255,255,0) 40%, rgba(220,232,255,.11) 47.5%, rgba(220,232,255,.045) 53%, rgba(255,255,255,0) 60%,
    rgba(255,255,255,0) 66%, rgba(220,232,255,.035) 69%, rgba(255,255,255,0) 72%); }
/* cam dokusu: ince gren + iki uc hafif parmak izi lekesi (yalniz isik acisinda belli olur) */
.td-doku { position: absolute; inset: 0; pointer-events: none; mix-blend-mode: screen; opacity: .9;
  background:
    radial-gradient(ellipse 9% 6% at 78% 62%, rgba(255,255,255,.035), rgba(255,255,255,0) 70%),
    radial-gradient(ellipse 7% 9% at 84% 70%, rgba(255,255,255,.03), rgba(255,255,255,0) 70%),
    radial-gradient(ellipse 10% 7% at 18% 74%, rgba(255,255,255,.028), rgba(255,255,255,0) 70%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
/* panel gercek ekran gibi: siyahlar hafif kalkik, kontrast bir tik dusuk */
.td-panel { filter: contrast(.95) brightness(1.02); }
/* ekranin isigi disa sizar: cevresindeki ele ve goge hafif mavi isik (dalista soner) */
.td-ekran { box-shadow: inset 0 0 0 1px rgba(170, 196, 235, .08), 0 0 calc(var(--td-yaricap, 14px) * 3.5) rgba(70, 110, 210, calc(.32 * var(--sizinti, 1))),
  0 0 calc(var(--td-yaricap, 14px) * 9) rgba(60, 100, 200, calc(.18 * var(--sizinti, 1))); }
.td-panel { height: 1113px; }   /* aktif cam orani 1230x951 */

/* 27.10 ekran fotografa uysun: isik orijinal ekrandan (karanlik arka plan piksellerine oturtulmus duz yuzey), yansima fotograftaki kamanin ayni geometrisi */
.td-parilti { display: none; }
.td-cam { background: none; }
.td-isik-harita { position: absolute; inset: 0; background: url('akis-sahne-3-ekran-isik.webp') 0 0 / 100% 100%; mix-blend-mode: soft-light; opacity: 1; }
.td-kama { position: absolute; inset: -2% -4%; pointer-events: none; mix-blend-mode: screen; filter: blur(1.2px);
  clip-path: polygon(68% 0, 104% 0, 104% 64%, 47% 57%);
  background: linear-gradient(205deg, rgba(178, 198, 236, .17) 0%, rgba(150, 175, 225, .09) 45%, rgba(150, 175, 225, .02) 85%); }
.td-doku { opacity: 1; background:
    radial-gradient(ellipse 9% 6% at 78% 62%, rgba(255,255,255,.035), rgba(255,255,255,0) 70%),
    radial-gradient(ellipse 7% 9% at 84% 70%, rgba(255,255,255,.03), rgba(255,255,255,0) 70%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
.td-kama { -webkit-mask: linear-gradient(180deg, #000 15%, rgba(0,0,0,.5) 38%, transparent 58%); mask: linear-gradient(180deg, #000 15%, rgba(0,0,0,.5) 38%, transparent 58%); }   /* kamanin alti fotograftaki gibi asagi dogru soner */

/* 27.10 gecis kisaldi: bos gece mesafesi kaldirildi; "Nasil calisiyoruz" kartlar gecede erirken alttan yukselmeye baslar */
.akis { padding-top: 0; }
.akis-ara { height: 150vh; margin-top: -60vh; }
/* kararma ortusu duz siyah degil, alttaki bolumun yildizli gecesiyle ayni: devamlilik */
.dallar-karar { background:
    radial-gradient(1.2px 1.2px at 12% 18%, rgba(228, 236, 250, .75), transparent),
    radial-gradient(1px 1px at 37% 62%, rgba(228, 236, 250, .55), transparent),
    radial-gradient(1.4px 1.4px at 68% 27%, rgba(228, 236, 250, .7), transparent),
    radial-gradient(1px 1px at 84% 74%, rgba(228, 236, 250, .5), transparent),
    radial-gradient(1px 1px at 52% 9%, rgba(228, 236, 250, .45), transparent),
    radial-gradient(1.2px 1.2px at 23% 86%, rgba(228, 236, 250, .6), transparent),
    #0C141E;
  background-size: 420px 380px, 420px 380px, 420px 380px, 420px 380px, 420px 380px, 420px 380px, auto; }
.dal-dizi, .dal-bas { will-change: transform, filter, opacity; }
.akis::before { top: 60vh; }   /* ara gecisin -60vh payi bolumu de yukari cekiyor (kenar bosluk birlesmesi); koyu zemin uc dal sahnesinin bittigi yerden baslasin */
/* uc dal sahnesinin karanlik kenarlarinda yildizlar (kartlarin arkasinda, karartma ortusunun altinda) */
.dal-yildiz { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; mix-blend-mode: screen; }

/* ================= 27.10 TELEFON UYARLAMASI (dengeli): imza anlar kalir, diger bolumler dikey akar ================= */
.nav-menu, .nav-cta { display: none; }
@media (max-width: 760px) {
  /* --- menu: logo + TR/EN + menu dugmesi; acilinca tam ekran buzlu cam --- */
  .topnav, body.scrolled .topnav { gap: 10px; padding: 6px 6px 6px 14px; background: rgba(255, 255, 255, .78); border-color: rgba(0, 0, 0, .08);
    -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 10px 30px rgba(0, 0, 0, .16); }
  .topnav .nav-logo-wrap { max-width: 70px; opacity: 1; margin-right: 0; }
  .topnav > a { display: none; }
  .topnav .lang { margin-left: 4px; }
  .nav-menu { display: inline-grid; place-items: center; width: 40px; height: 40px; border: 0; border-radius: 50%; background: #0B1528; cursor: pointer; padding: 0; }
  .nav-menu i { display: block; width: 16px; height: 1.6px; background: #fff; border-radius: 1px; transition: transform .35s cubic-bezier(.2, .8, .2, 1); }
  .nav-menu i + i { margin-top: -10px; }
  .nav-menu { grid-template-rows: 1fr; } .nav-menu i:first-child { transform: translateY(-3.5px); } .nav-menu i:last-child { transform: translateY(3.5px); }
  body.menu-acik .nav-menu i:first-child { transform: rotate(45deg); } body.menu-acik .nav-menu i:last-child { transform: rotate(-45deg); }
  body.menu-acik .topnav { inset: 0; top: 0; left: 0; transform: none !important; width: 100vw; height: 100svh; border-radius: 0; box-sizing: border-box;
    flex-direction: column; justify-content: center; align-items: flex-start; gap: 6px; padding: 0 32px; border: 0;
    background: rgba(10, 18, 30, .86); -webkit-backdrop-filter: blur(26px) saturate(140%); backdrop-filter: blur(26px) saturate(140%); }
  body.menu-acik .topnav > a { display: block; font-size: 34px; line-height: 1.3; letter-spacing: -.01em; color: #EEF3FA; opacity: .92; text-transform: none; }
  body.menu-acik .topnav > a::first-letter { text-transform: uppercase; }
  body.menu-acik .topnav .nav-logo-wrap { position: absolute; top: max(22px, env(safe-area-inset-top)); left: 24px; }
  body.menu-acik .topnav .nav-logo { fill: #EEF3FA; }
  body.menu-acik .topnav .lang { position: absolute; top: max(24px, env(safe-area-inset-top)); right: 76px; border-color: rgba(255, 255, 255, .3); }
  body.menu-acik .topnav .lang-opt { color: rgba(255, 255, 255, .6); } body.menu-acik .topnav .lang-thumb { background: #EEF3FA; } body.menu-acik .topnav .lang-opt.active { color: #0B1528; }
  body.menu-acik .nav-menu { position: absolute; top: max(18px, env(safe-area-inset-top)); right: 22px; background: #EEF3FA; }
  body.menu-acik .nav-menu i { background: #0B1528; }
  body.menu-acik .nav-cta { display: inline-flex; align-items: center; gap: 12px; margin-top: 26px; padding: 16px 26px; border-radius: 999px; background: #EEF3FA; color: #0B1528;
    font: 500 18px/1 'Futura PT', 'Futura', sans-serif; text-decoration: none; }
  body.menu-acik { overflow: hidden; }

  /* --- uc adim: her adim tek ekran; ustte sahne, altta yazi; isikli gok aynen --- */
  .akis-sayfa, .akis-sayfa:has(.akis-sag) { height: auto; min-height: 100svh; display: flex; flex-direction: column; justify-content: flex-end;
    padding: 0 24px 10svh; row-gap: 0; box-sizing: border-box; }
  .akis-sayfa + .akis-sayfa { margin-top: 0; }
  .akis-aciklama, .akis-sayfa:has(.akis-sag) .akis-aciklama, .akis-sayfa:first-of-type .akis-aciklama { max-width: none; text-align: left; justify-self: auto; order: 2; margin: 0; }
  .akis-aciklama h3.aa-baslik { font-size: clamp(34px, 9.6vw, 44px); }
  .akis-aciklama p { max-width: 34ch; font-size: 16px; }
  .akis-hat { display: none; }
  /* 1. adim: el ve telefon ortada, ustte */
  .akis-sayfa:first-of-type > .akis-el, .akis-sayfa:first-of-type > .akis-el-isik { left: 50%; top: 6svh; bottom: auto; height: 54svh; }
  .akis-sayfa:first-of-type:has(.akis-panel.gorunur) > .akis-el, .akis-sayfa:first-of-type:has(.akis-panel.gorunur) > .akis-el-isik { transform: translateX(-50%); }
  .akis-sayfa:first-of-type > .akis-kartlar { display: block; left: 50%; top: 6svh; bottom: auto; height: 54svh; }
  .akis-sayfa:first-of-type .ak-kamera { display: none; }
  .akis-sayfa:first-of-type .ak-davet { left: 44%; top: 12%; scale: .7; transform-origin: 0 0; }
  .akis-sayfa:first-of-type .ak-gundem { left: -2%; top: 66%; scale: .74; transform-origin: 0 0; }
  /* 2. adim: masa, laptop ve kadin ustte ortada */
  .akis-sayfa:nth-of-type(2)::before { top: 5svh; bottom: auto; height: 52svh; background-size: auto 100%; background-position: 77% 100%;
    -webkit-mask: linear-gradient(180deg, #000 78%, transparent 100%); mask: linear-gradient(180deg, #000 78%, transparent 100%); }
  /* 3. adim: tablet ustte ortada (dikey dalis ayni yerlesimden baslar) */
  .akis-sayfa:nth-of-type(3)::before { top: 4svh; bottom: auto; height: 60svh; background-size: auto 100%; background-position: 50% 0;
    -webkit-mask: linear-gradient(180deg, #000 80%, transparent 100%); mask: linear-gradient(180deg, #000 80%, transparent 100%); }

  /* --- "Nasil calisiyoruz": yapistirma yok, yazi ekrana girince yanar --- */
  .akis-ara { height: auto; margin-top: 0; }
  .akis-ara .akis-bas { position: relative; height: auto; padding: 24svh 0 14svh; width: auto; margin: 0 24px; }
  .akis-ara .akis-baslik { font-size: clamp(28px, 7.6vw, 36px); }
  .akis-onizle { gap: 22px; }
  .akis::before { top: 0; background: linear-gradient(180deg, rgba(12, 20, 30, 0), #0C141E 22svh, #0C141E); height: 140svh; }

  /* --- uc dal: yapistirma yok; baslik ustte, kartlar parmakla yana kayan serit --- */
  .dallar { height: auto; margin-top: 0; }
  .dallar-sahne { position: relative; height: auto; min-height: 100svh; display: block; padding: 16svh 0 12svh; overflow: visible; }
  .dal-bas { position: relative; top: auto; padding: 0 24px; }
  .dal-dizi { flex-direction: row; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 6svh 24px 4svh; margin-top: 2svh; scrollbar-width: none; -webkit-overflow-scrolling: touch; perspective: none; }
  .dal-dizi::-webkit-scrollbar { display: none; }
  .dal-dizi .dal-kap, .dal-dizi > .dal { flex: 0 0 72vw; scroll-snap-align: center; transform: none !important; opacity: 1 !important; }
  .dal-dizi .dal { width: 100%; transform: none !important; }
  .dallar-karar { display: none; }
}
@media (max-width: 760px) {
  .nav-menu { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; }
  .nav-menu i + i { margin-top: 0; }
  .nav-menu i:first-child, .nav-menu i:last-child { transform: none; }
  body.menu-acik .nav-menu { gap: 0; }
  body.menu-acik .nav-menu i:first-child { transform: translateY(.8px) rotate(45deg); } body.menu-acik .nav-menu i:last-child { transform: translateY(-.8px) rotate(-45deg); }
  body.menu-acik .topnav > a.nav-cta { display: inline-flex; color: #0B1528; font-size: 18px; line-height: 1; opacity: 1; }
}

/* --- telefon: dikey tablet dalisi. Ekran telefonun yuksekligini doldurur; panel ortada tek sutun (480 tasarim px = gorunen genislik) --- */
@media (max-width: 760px) and (prefers-reduced-motion: no-preference) {
  .tablet-dalis { display: block; }
  .direksiyon { display: none; }
  .td-kopya { left: 24px; right: 24px; top: auto; bottom: 10svh; width: auto; text-align: left; }
  .td-kopya .aa-cetvel { margin: 0; }
  .td-kopya .aa-baslik .ab-1, .td-kopya .aa-baslik .ab-2 { display: block; } .td-kopya .aa-baslik .ab-2 { margin-left: 0; padding-left: var(--girinti); }
  .td-kopya p { padding-left: var(--girinti) !important; margin: 0 !important; max-width: 34ch; text-align: left; }
  .td-panel { padding: 0 480px; }
  .tp-ust { gap: 14px; height: 120px; } .tp-bolum { display: none; }
  .tp-govde { grid-template-columns: 1fr; gap: 44px; margin-top: 56px; }
  .tp-baslik { font-size: 50px; margin-top: 18px; } .tp-metin { font-size: 22px; margin-top: 20px; } .tp-cta { margin-top: 28px; font-size: 22px; padding: 20px 30px; }
  .tp-kart { padding: 28px 30px 22px; } .tpk-alt { display: none; } .tpk-yuzde { font-size: 56px; }
}
.td-dunya { will-change: auto; }   /* will-change: transform paneli kucuk halinde raster yapip buyutuyordu (bulaniklik); her olcekte yeniden keskin cizilsin */
@media (max-width: 760px) {
  /* uc dal telefonda: baslik her zaman gorunur (masaustunde kaydirma animasyonuyla aciliyordu), zemin cizgisi ve golgeler yok */
  .dallar .dal-bas, .dallar:has(.dal-dizi.izole) .dal-bas { opacity: 1 !important; transform: none !important; }
  .dallar-sahne { min-height: 0; padding: 18svh 0 16svh; }
  .dal-isik .di-ufuk, .dal-isik .di-golge, .dal-leke { display: none !important; }
  .dal-isik .di-zemin { background: linear-gradient(180deg, #E9F1F6 0%, #DCE8EF 55%, #C6D7E2 100%) !important; }
  .dal-isik { position: absolute; inset: 0; }
}
@media (max-width: 760px) { .dallar .dal-bas > *, .dallar .dal-bas .dal-baslik, .dallar .dal-bas .dal-altyazi { opacity: 1 !important; transform: none !important; filter: none !important; } }   /* baslik ogeleri masaustunde kaydirma sinifiyla aciliyordu */
@media (max-width: 760px) {
  .dal-isik .di-arka, .dal-isik .di-vinyet { display: none !important; }
  /* eller bolumu: baslik telefonda okunur boyutta */
  .evren-baslik h2.ic, #evrenBaslik { font-size: clamp(24px, 7vw, 30px) !important; line-height: 1.12; }
  .evren-alt { font-size: 15px !important; max-width: 30ch; margin-left: auto; margin-right: auto; }
}
@media (max-width: 760px) { .akis::before { background: linear-gradient(180deg, #C6D7E2 0, #7E93AB 9svh, #24324A 18svh, #0C141E 26svh, #0C141E); } .dallar-sahne { padding-top: 12svh; } }   /* uc dalin alt tonundan geceye kesintisiz */
@media (max-width: 760px) { .dal-isik::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 26%; background: linear-gradient(180deg, rgba(198, 215, 226, 0), #C6D7E2); } }   /* ortadaki parlaklik da alt tona iner: dikis yok */
@media (max-width: 760px) { .dallar-sahne { background: linear-gradient(180deg, #E9F1F6 0%, #DCE8EF 55%, #C6D7E2 100%); } }   /* sahnenin kendi zemini: ortada sayfa zemini gorunup dikis yapiyordu */
@media (max-width: 760px) { .akis::before { background: linear-gradient(180deg, #E3E8EE 0, #CBD7E2 6svh, #8195AD 13svh, #26344C 21svh, #0C141E 29svh, #0C141E); } }   /* olculen uc dal alt tonundan (≈228) baslar */

/* ================= 27.10 DENETIM TURU 1 (telefon) ================= */
.hero-alt { display: none; }
@media (max-width: 760px) {
  /* menu: hep ortada, ince; dokunma alanlari 44px; asagi kaydirirken gizlenir, yukari kaydirinca gelir */
  .topnav, body.scrolled .topnav { left: 50% !important; transform: translateX(-50%) !important; top: max(10px, env(safe-area-inset-top)); padding: 4px 4px 4px 14px; gap: 8px;
    transition: transform .45s cubic-bezier(.2, .8, .2, 1), opacity .3s ease; }
  body.nav-gizli:not(.menu-acik) .topnav { transform: translate(-50%, -140%) !important; opacity: 0; }
  .nav-menu { width: 44px; height: 44px; }
  .topnav .lang-opt { padding: 0 .95em; line-height: 42px; }
  html { scroll-padding-top: 90px; }
  body.menu-acik .topnav > a:not(.nav-cta) { margin-top: auto; } body.menu-acik .topnav > a:not(.nav-cta) ~ a:not(.nav-cta) { margin-top: 0; }
  body.menu-acik .topnav { justify-content: flex-end; padding-bottom: 14svh; }
  body.menu-acik .topnav > a:not(.nav-cta) { opacity: 0; transform: translateY(14px); animation: menuGel .5s cubic-bezier(.16, 1, .3, 1) forwards; }
  body.menu-acik .topnav > a:nth-of-type(2) { animation-delay: .05s; } body.menu-acik .topnav > a:nth-of-type(3) { animation-delay: .1s; }
  body.menu-acik .topnav > a:nth-of-type(4) { animation-delay: .15s; } body.menu-acik .topnav > a:nth-of-type(5) { animation-delay: .2s; }
  @keyframes menuGel { to { opacity: .92; transform: none; } }

  /* giris: imzanin altinda kisa alt satir + birincil dugme; okunur kaydir/atla */
  .hero-alt { display: grid; justify-items: center; gap: 16px; position: absolute; left: 24px; right: 24px; bottom: 17svh; z-index: 3; text-align: center;
    opacity: var(--hero-alt, 1); transition: opacity .6s ease; pointer-events: auto; }
  body:not(.acildi) .hero-alt { opacity: 0; }
  .hero-alt p { margin: 0; font: 500 18px/1.35 'Futura PT', 'Futura', sans-serif; color: #fff; text-shadow: 0 2px 14px rgba(8, 14, 30, .55); }
  .hero-cta { display: inline-flex; align-items: center; height: 50px; padding: 0 26px; border-radius: 999px; background: #F2F6FC; color: #0B1528;
    font: 500 16px/1 'Futura PT', 'Futura', sans-serif; text-decoration: none; box-shadow: 0 10px 30px -10px rgba(8, 14, 30, .6); }
  .kaydir, .kaydir span { color: #fff !important; opacity: 1; text-shadow: 0 1px 8px rgba(8, 14, 30, .6); font-size: 12px; }
  .atla { min-height: 44px; padding: 0 16px; font-size: 13px !important; color: #fff !important; text-shadow: 0 1px 8px rgba(8, 14, 30, .6); }

  /* eller bolumu: telefonda bos kaydirma yok (1500px olu alan) */
  .evren { height: 210vh !important; }

  /* 3. adim yazisi dalis katmaninin altinda kaybolmasin: telefonda yazi daha uzun kalir, dalis daha gec baslar (JS) */
  /* metin boyu tabani: etiketler >=12px, govde >=15px */
  .son-ust, .akis-bas .akis-ust, .dal-bas .son-ust, .aa-no, .ilf-bilgi-ad, .ay-baslik { font-size: 12px !important; }
  .dal-altyazi, .evren-alt, .blt-alt, .ilf-alt { font-size: 15.5px !important; line-height: 1.55; }
  .dal p, .dal-dizi .dal p { font-size: 13px !important; }
  .ak-gundem li, .ak-davet .akd-etkinlik b { font-size: 14px !important; }

  /* uc dal: serit 01'den baslar, sira dogru, alttaki noktalar kaydirilabildigini gosterir */
  .dal-dizi { overflow-x: auto !important; overscroll-behavior-x: contain; touch-action: pan-x pan-y; }
  .dal-dizi > .dal-kap:nth-child(1) { order: 2; } .dal-dizi > .dal-kap:nth-child(2) { order: 1; } .dal-dizi > .dal-kap:nth-child(3) { order: 3; }
  .dal-dizi > .dal:nth-child(1) { order: 2; } .dal-dizi > .dal:nth-child(2) { order: 1; } .dal-dizi > .dal:nth-child(3) { order: 3; }
  .dal-nokta { display: flex; justify-content: center; gap: 8px; margin-top: 4px; }
  .dal-nokta i { width: 7px; height: 7px; border-radius: 50%; background: rgba(27, 47, 77, .25); transition: background .3s, width .3s; }
  .dal-nokta i.aktif { width: 22px; border-radius: 4px; background: #1B2F4D; }
  .dal-ipucu { display: block; text-align: center; margin-top: 10px; font: 500 13px/1 'Futura PT', 'Futura', sans-serif; color: #4A5D7A; letter-spacing: .02em; }

  /* tablet dalisi: panelin kendi ust cubugu sitenin menusuyle cakismasin */
  .tp-ust { visibility: hidden; }

  /* kapanis: etiket ve baslik okunur */
  .son-cta .son-ust { color: #1B2F4D; }
  .son-baslik { color: #0B1528; }

  /* iletisim: once form, bilgiler kompakt; dugme tam genislik */
  .ilf-ic { display: flex !important; flex-direction: column; gap: 28px !important; }
  .ilf-form { order: 1; } .ilf-sol { order: 0; } .ilf-bilgiler { order: 2; }
  .ilf-sol .ilf-bilgiler { margin-top: 18px; }
  .ilf-etiket { font-size: 13px !important; color: #33496A !important; }
  .ilf-alan { min-height: 48px; font-size: 16px !important; }
  .ilf-gonder { justify-self: stretch; width: 100%; height: 54px; font-size: 16px; }
  .ilf-bilgi { padding: 12px 16px; }

  /* bulten: alan ve dugme ayri, tam genislik */
  .blt-form { flex-direction: column; border-radius: 20px; padding: 8px; gap: 8px; }
  .blt-alan { flex: 0 0 auto; height: 50px; width: 100%; border-radius: 999px; background: rgba(238, 243, 245, .1); font-size: 16px; box-sizing: border-box; }
  .blt-gonder { height: 50px; width: 100%; }
  .blt-baslik { hyphens: manual; }

  /* alt bilgi: dokunma satirlari 44px, sutunlar alt alta */
  .alt-yeni-ic { grid-template-columns: 1fr !important; grid-auto-flow: row !important; }
  .ay-bolum a, .ay-bolum .ay-ikonlu { min-height: 44px; display: flex !important; align-items: center; }
  .ay-ikonlu { display: grid !important; align-items: center; }
  .ay-alt-satir a { min-height: 44px; display: inline-flex; align-items: center; }
  .ay-dev { opacity: .5; }
}
@media (max-width: 760px) {
  /* adim yazilari telefonda soluk kalmasin (giris animasyonu yok, hep okunur) */
  .akis-aciklama > * { opacity: 1 !important; transform: none !important; transition: none !important; }
  /* gundem ve takvim kartlari: koyu cam, %100 okunur metin */
  .akis-sayfa:first-of-type .ak-gundem, .akis-sayfa:first-of-type .ak-davet { background: rgba(10, 18, 32, .74); }
  .ak-gundem .ak-tamam span, .ak-gundem li span { color: #fff !important; }
  .akis-sayfa:first-of-type .ak-gundem { top: 70%; left: 0; }
  .akis-sayfa:first-of-type .ak-davet { top: 6%; left: 46%; }
}
@media (max-width: 760px) {
  .hero-alt { bottom: 9svh; }
  .kaydir { display: none !important; }
  .ilf-sol { display: contents; }
  .ilf-sol > * { order: 0; } .ilf-form { order: 1; } .ilf-sol .ilf-bilgiler { order: 2; margin-top: 0; }
  .evren { height: 175vh !important; }
}
@media (max-width: 760px) { .evren::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 34vh; z-index: 6; pointer-events: none; background: linear-gradient(180deg, rgba(232, 239, 245, 0), #E8EFF5 85%); } .dallar-sahne { background: linear-gradient(180deg, #E8EFF5 0%, #DCE8EF 55%, #C6D7E2 100%); } }   /* eller -> uc dal: ayni tonda dikissiz */
@media (max-width: 760px) { .evren-baslik .el-grup { translate: 0 21vh; } }   /* telefonda yazi elin altina iner, el basligi ortmesin */

/* 27.10 musteri yorumlari (simdilik yer tutucu): masaustunde kapanis yazisinin iki yaninda suzulen, sirayla degisen cam kartlar; telefonda dugmenin altinda tek kart */
.son-cta { overflow: hidden; }
.yorumlar { position: absolute; inset: 0; pointer-events: none; }
.yorum { position: absolute; width: clamp(240px, 21vw, 300px); margin: 0; padding: 20px 22px 18px; box-sizing: border-box; border-radius: 22px; text-align: left;
  background: rgba(255, 255, 255, .58); -webkit-backdrop-filter: blur(20px) saturate(150%); backdrop-filter: blur(20px) saturate(150%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 0 0 1px rgba(255, 255, 255, .5), 0 24px 50px -24px rgba(19, 33, 63, .35);
  opacity: 0; transform: translateY(16px) scale(.97); transition: opacity .9s ease, transform 1.1s cubic-bezier(.16, 1, .3, 1); pointer-events: auto; }
.yorum.gorunur { opacity: 1; transform: none; animation: akSuz 7s ease-in-out infinite; }
.yorum blockquote { margin: 0; font: 400 15px/1.55 'Futura PT', 'Futura', sans-serif; color: #1B2F4D; }
.yorum blockquote::before { content: "“"; display: block; height: 22px; font: 600 40px/1 'Futura PT', 'Futura', sans-serif; color: #2F62F0; }
.yorum figcaption { display: flex; align-items: center; gap: 12px; margin-top: 16px; }
.yorum-av { width: 38px; height: 38px; flex: none; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, #DCE7FF, #8FA9DC); color: #13213F; font: 600 15px/1 'Futura PT', sans-serif; }
.yorum-kim { display: grid; gap: 2px; } .yorum-kim b { font: 600 14.5px/1.2 'Futura PT', sans-serif; color: #0B1528; } .yorum-kim span { font-size: 12.5px; color: #4A5D7A; }
.yorum-ornek { position: absolute; top: 14px; right: 14px; font-size: 11px; padding: 3px 9px; border-radius: 999px; border: 1px dashed rgba(27, 47, 77, .35); color: #4A5D7A; }
/* masaustu yerlesim: solda iki, sagda iki yuva; JS her yuvaya sirayla yeni yorum koyar */
.yorum[data-yuva="0"] { left: 5vw; top: 16%; } .yorum[data-yuva="1"] { left: 9vw; top: 56%; }
.yorum[data-yuva="2"] { right: 5vw; top: 22%; } .yorum[data-yuva="3"] { right: 8vw; top: 60%; }
.yorum[data-yuva="0"].gorunur { animation-delay: -1s; } .yorum[data-yuva="1"].gorunur { animation-delay: -3s; } .yorum[data-yuva="3"].gorunur { animation-delay: -5s; }
@media (max-width: 1100px) { .yorum[data-yuva="1"], .yorum[data-yuva="3"] { display: none; } }
@media (max-width: 760px) {
  .son-cta { padding-bottom: 8svh; }
  .yorumlar { position: relative; inset: auto; height: 210px; margin: 34px auto 0; max-width: 340px; }
  .yorum { left: 0 !important; right: 0 !important; top: 0 !important; width: 100%; }
  .yorum[data-yuva="1"], .yorum[data-yuva="2"], .yorum[data-yuva="3"] { display: none; }
}
@media (prefers-reduced-motion: reduce) { .yorum.gorunur { animation: none; } }

/* ================= 27.10 DENETIM TURU 2 (telefon) ================= */
@media (max-width: 760px) {
  /* 1) menu acikken tam ekran (ortalama kuralı acik durumu bozuyordu) */
  body.menu-acik .topnav { left: 0 !important; right: 0 !important; top: 0 !important; transform: none !important; width: 100% !important; }
  /* 2) uc dal: gercek kaydirma kabi */
  .dallar-sahne { width: 100%; max-width: 100vw; overflow: hidden; }
  .dal-dizi { width: 100% !important; max-width: 100vw; box-sizing: border-box; justify-content: flex-start; padding: 6svh 10vw 4svh !important; scroll-padding: 0 10vw; }
  .dal-dizi > .dal-kap, .dal-dizi > .dal { flex: 0 0 80% !important; min-width: 0; }
  .dal-isik { display: none !important; }
  .dal-nokta { gap: 0; } .dal-nokta i { width: 7px; height: 7px; margin: 0 12px; box-shadow: 0 0 0 14px transparent; }
  /* 3) eller: daha kisa, cagri baglantisi gercek dugme */
  .evren { height: 150vh !important; }
  .evren-cta { font-size: 14px !important; min-height: 44px; padding: 0 22px !important; display: inline-flex !important; align-items: center; }
  /* 4) form ve alanlar tam genislik */
  .ilf-form, .ilf-form .ilf-alan, .ilf-form textarea, .ilf-gonder { width: 100% !important; max-width: none !important; box-sizing: border-box; }
  .ilf-form { grid-column: 1 / -1; align-self: stretch; }
  /* 5) giris alt kismi okunurlugu: yumusak koyu perde */
  .hero-alt::before { content: ""; position: absolute; left: -24px; right: -24px; top: -40px; bottom: -60px; z-index: -1; pointer-events: none;
    background: radial-gradient(ellipse 70% 60% at 50% 55%, rgba(10, 18, 34, .55), rgba(10, 18, 34, 0) 75%); }
  .atla { background: rgba(10, 18, 34, .45); border-radius: 999px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  /* 6) kucuk ve soluk yazilar: 1. adimda yalniz gundem karti, neredeyse tam boy; alt bilgi baglantilari 14px */
  .akis-sayfa:first-of-type .ak-davet { display: none; }
  .akis-sayfa:first-of-type .ak-gundem { scale: .95; left: 2%; top: 64%; }
  .ak-gundem .ak-ust { font-size: 12px !important; color: rgba(255, 255, 255, .85) !important; }
  .ay-alt-satir, .ay-alt-satir a, .ay-yukari, .ay-alt-satir span { font-size: 14px !important; color: rgba(238, 243, 245, .85) !important; }
  /* 8) panel karti alt koseleriyle bitsin */
  .tp-govde { margin-top: 26px; gap: 30px; }
  .tablet-dalis::after { bottom: -30vh; height: 30vh; }
}

/* ================= 27.10 DENETIM TURU 3 (telefon) ================= */
@media (max-width: 760px) {
  /* 1) eller: yazi daha uzun okunur (JS), ardindan "Hizmetlerimiz" sisin icinden hemen yukselir; olu kaydirma yok */
  .evren { height: 200vh !important; }
  .dallar { margin-top: -25vh !important; }
  /* 2) giris: birincil dugme tek basina; "yolculugu atla" sessiz bir metin baglantisi, aralarinda bol bosluk */
  .hero-alt { bottom: calc(9svh + 34px); }
  .atla { background: none; -webkit-backdrop-filter: none; backdrop-filter: none; border-radius: 0; padding: 0 6px; right: 14px; bottom: 14px;
    text-decoration: underline; text-underline-offset: 5px; text-decoration-color: rgba(255, 255, 255, .45); letter-spacing: .08em; }
  /* 3) uc dal: her kaydirma tam bir karta, ortaya oturur; noktalar 44px dugme; alt zeminde ton basamagi yok */
  .dal-dizi { scroll-snap-type: x mandatory !important; scroll-padding: 0 !important; }
  .dal-dizi > .dal-kap, .dal-dizi > .dal { scroll-snap-align: center !important; scroll-snap-stop: always; }
  .dal-nokta { gap: 0; margin-top: 0; }
  .dal-nokta button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .dal-nokta button i { display: block; width: 7px; height: 7px; margin: 0; border-radius: 50%; background: rgba(27, 47, 77, .25); box-shadow: none; transition: background .3s, width .3s; }
  .dal-nokta button.aktif i { width: 22px; border-radius: 4px; background: #1B2F4D; }
  .dal-nokta button:focus-visible { outline: 2px solid #2F62F0; outline-offset: -8px; border-radius: 12px; }
  .dal-ipucu { margin-top: 2px; }
  .dallar-sahne { background: linear-gradient(180deg, #E8EFF5 0%, #DCE8EF 50%, #CCDBE5 100%) !important; }
  .dallar-sahne::before, .dallar-sahne::after { display: none !important; }
  /* 4) yorumlar: telefonda kendiliginden donmez; parmakla kayan serit, yandaki kart gorunur, alttaki noktalar kac yorum oldugunu soyler */
  .son-cta { padding-bottom: calc(8svh + 32px); }
  .yorumlar { display: flex; gap: 12px; height: auto; max-width: none; margin: 34px -24px 0; padding: 4px 24px 18px; overflow-x: auto; scroll-snap-type: x mandatory;
    scroll-padding: 0 24px; scrollbar-width: none; overscroll-behavior-x: contain; }
  .yorumlar::-webkit-scrollbar { display: none; }
  .yorumlar .yorum, .yorumlar .yorum[data-yuva] { display: block !important; position: relative; left: auto !important; right: auto !important; top: auto !important;
    flex: 0 0 84%; width: auto; opacity: 1; transform: none; animation: none; scroll-snap-align: start; scroll-snap-stop: always; }
  .yorum-nokta { display: flex; justify-content: center; margin-top: -6px; }
  .yorum-nokta button { display: grid; place-items: center; width: 36px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .yorum-nokta button i { display: block; width: 7px; height: 7px; border-radius: 50%; background: rgba(27, 47, 77, .25); transition: background .3s, width .3s; }
  .yorum-nokta button.aktif i { width: 22px; border-radius: 4px; background: #1B2F4D; }
  .yorum-kim span { font-size: 13px; color: #3E5272; }
  .yorum-ornek { font-size: 12px; color: #3E5272; }
  /* 6) gundem karti telefonun ekranina degil bileginin onune oturur; yarim saydam hayalet asamasi kisa */
  .akis-sayfa:first-of-type .ak-gundem { top: 76% !important; }
  .akis-sayfa:first-of-type .ak-kart { transform: none; transition: opacity .45s ease; }
  /* 8) acik zemindeki kucuk etiketler okunur */
  .ilf-bilgi-ad { color: #4E607C !important; }
  .yorum-kim span { font-size: 13px; }
}
.nav-iletisim { display: none; }
@media (max-width: 760px) {
  /* menu: gece gogunun bir parcasi (ince yildiz dokusu), linkler basparmak bolgesinde, altta dogrudan iletisim */
  body.menu-acik .topnav { background-color: rgba(10, 18, 30, .88);
    background-image: radial-gradient(1px 1px at 12% 18%, rgba(228, 236, 250, .7), transparent 60%), radial-gradient(1px 1px at 78% 9%, rgba(228, 236, 250, .55), transparent 60%),
      radial-gradient(1.5px 1.5px at 64% 27%, rgba(228, 236, 250, .8), transparent 60%), radial-gradient(1px 1px at 31% 36%, rgba(228, 236, 250, .45), transparent 60%),
      radial-gradient(1px 1px at 88% 44%, rgba(228, 236, 250, .6), transparent 60%), radial-gradient(1.5px 1.5px at 22% 6%, rgba(228, 236, 250, .5), transparent 60%),
      radial-gradient(1px 1px at 47% 14%, rgba(228, 236, 250, .5), transparent 60%), radial-gradient(1px 1px at 6% 41%, rgba(228, 236, 250, .4), transparent 60%),
      radial-gradient(120% 60% at 50% 0%, rgba(63, 99, 230, .16), transparent 70%);
    padding-bottom: 6svh !important; }
  body.menu-acik .nav-iletisim { display: grid; gap: 2px; width: 100%; margin-top: 4svh; padding-top: 18px; border-top: 1px solid rgba(238, 243, 250, .14);
    opacity: 0; animation: menuGel .5s cubic-bezier(.16, 1, .3, 1) .3s forwards; }
  body.menu-acik .nav-iletisim a { display: flex; align-items: center; min-height: 44px; font: 400 16px/1.2 'Futura PT', 'Futura', sans-serif; color: rgba(238, 243, 250, .78);
    text-decoration: none; letter-spacing: .01em; text-transform: none; }
  body.menu-acik .nav-cta { opacity: 0; animation: menuGel .5s cubic-bezier(.16, 1, .3, 1) .25s forwards; }
}
@media (max-width: 760px) {
  /* uc dal: her kart (ilki ve sonuncusu dahil) tam ortaya oturabilsin diye yan bosluklar = (ekran - kart) / 2 */
  .dal-dizi { padding-left: 14vw !important; padding-right: 14vw !important; gap: 14px !important; }
  .dal-dizi > .dal-kap, .dal-dizi > .dal { flex: 0 0 72vw !important; }
}
@media (max-width: 760px) {
  /* eller -> uc dal: hizmetler sisin icinden yukselir, ust kenarda cizgi yok */
  .dallar { margin-top: -38vh !important; }
  .dallar-sahne { -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 90px); mask-image: linear-gradient(180deg, transparent 0, #000 90px); }
}
@media (max-width: 760px) {
  /* atla: giris zemininin alt kismi acik; koyu, sessiz metin baglantisi + hafif acik hare (her tonda okunur) */
  .atla { color: #13213F !important; text-shadow: 0 0 10px rgba(255, 255, 255, .9), 0 0 2px rgba(255, 255, 255, .9) !important; text-decoration-color: rgba(19, 33, 63, .4); font-weight: 600; }
}




/* 27.10 (Busra): yorumlar ayri bolum degil. Form sola yasli (eski hali); sagindaki bosta acik cam kartlar tek tek, sirayla gelir,
   ust ve alt yuva donusumlu. Telefonda formun altinda kayan serit. */
.son-cta { overflow: visible; padding-bottom: 8vh; }
@media (min-width: 761px) {
  .iletisim-yeni .yorumlar { position: absolute; top: 0; bottom: 0; left: calc(9vw + min(940px, 62vw) + 3vw); right: 3vw; height: auto; margin: 0; max-width: none; pointer-events: none; }
  .iletisim-yeni .yorum { display: block !important; left: 0 !important; right: auto !important; width: min(320px, 100%); opacity: 0; transform: translateY(26px) scale(.97);
    transition: opacity .7s ease, transform 1s cubic-bezier(.16, 1, .3, 1); }
  .iletisim-yeni .yorum[data-yuva="ust"] { top: 14% !important; }
  .iletisim-yeni .yorum[data-yuva="alt"] { top: 40% !important; left: auto !important; right: 0 !important; }
  .iletisim-yeni .yorum.gorunur { opacity: 1; transform: none; animation: akSuz 7s ease-in-out infinite; }
  .iletisim-yeni .yorum:not(.gorunur) { pointer-events: none; }
}
@media (min-width: 761px) and (max-width: 1180px) { .iletisim-yeni .yorumlar { display: none; } }
@media (max-width: 760px) {
  .iletisim-yeni .yorumlar { margin: 28px 0 0; padding: 4px 7vw 18px; scroll-padding: 0 7vw; }
  .yorum-nokta button { width: 44px; }
}
/* 27.10 (Busra): kart kucucuk kalmasin: form biraz daralir, sagdaki kart alani doldurur, yazilar buyur */
@media (min-width: 761px) {
  .iletisim-yeni .ilf-ic { width: min(860px, 55vw); }
  .iletisim-yeni .yorumlar { left: calc(9vw + min(860px, 55vw) + 3.5vw); right: 4vw; }
  .iletisim-yeni .yorum { width: min(460px, 100%); padding: 32px 34px 28px; border-radius: 28px; }
  .iletisim-yeni .yorum blockquote { font-size: clamp(17px, 1.35vw, 21px); line-height: 1.5; }
  .iletisim-yeni .yorum blockquote::before { height: 32px; font-size: 58px; }
  .iletisim-yeni .yorum figcaption { margin-top: 24px; gap: 14px; }
  .iletisim-yeni .yorum-av { width: 48px; height: 48px; font-size: 18px; }
  .iletisim-yeni .yorum-kim b { font-size: 17px; } .iletisim-yeni .yorum-kim span { font-size: 14.5px; }
  .iletisim-yeni .yorum-ornek { top: 18px; right: 18px; font-size: 12.5px; }
  .iletisim-yeni .yorum[data-yuva="ust"] { top: 8% !important; }
  .iletisim-yeni .yorum[data-yuva="alt"] { top: 30% !important; }
}
/* 27.10 (Busra): kartlar hep ayni yerde, formun yaninda dikeyde ortali; biri soner, siradaki tam ayni yerde belirir */
@media (min-width: 761px) {
  .iletisim-yeni .yorumlar { display: grid; align-items: center; justify-items: start; bottom: 16vh; top: 4vh; }
  .iletisim-yeni .yorum, .iletisim-yeni .yorum[data-yuva] { grid-area: 1 / 1; position: relative; top: auto !important; left: auto !important; right: auto !important; }
}

/* ================= 27.10 (Busra, referans): KOYU ILETISIM =================
   Koyu zemin, ustte mavi isik ve ince dikey doku; arkada dev silik "ILETISIM"; iki yanda devre cizgileri.
   Solda rozet + baslik + ikonlu satirlar (altta), sagda koyu alanli form + beyaz gonder. Yorumlar altta ortada, tek tek degisir. */
.son-cta { z-index: 3; }
.iletisim-yeni { position: relative; z-index: 2; overflow: hidden; color: #E4ECF8; background-color: #05080E;
  background-image: radial-gradient(46% 42% at 50% 0%, rgba(63, 99, 230, .30), rgba(46, 87, 133, .10) 55%, transparent 80%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .022) 0 1px, transparent 1px 26px); }
.iletisim-yeni::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 22vh; pointer-events: none; z-index: 0;
  background: linear-gradient(180deg, #05080E, rgba(5, 8, 14, 0)); opacity: .0; }
/* acik kapanistan koyuya yumusak gecis: bolumun hemen ustunde */
.son-cta::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 30vh; z-index: -1; pointer-events: none;
  background: linear-gradient(180deg, rgba(5, 8, 14, 0), rgba(5, 8, 14, .55) 60%, #05080E); }
.ilf-filigran { position: absolute; left: 50%; top: clamp(70px, 11vh, 130px); transform: translateX(-50%); z-index: 0; pointer-events: none; white-space: nowrap;
  font: 600 clamp(110px, 15vw, 250px)/.9 'Futura PT', 'Futura', sans-serif; letter-spacing: -.02em;
  background: linear-gradient(180deg, rgba(228, 236, 248, .13), rgba(228, 236, 248, .02) 85%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ilf-devre { position: absolute; left: 0; top: 4vh; width: 100%; height: 46vh; z-index: 0; pointer-events: none; }
.iletisim-yeni .ilf-ic, .iletisim-yeni.gorunur .ilf-ic { position: relative; z-index: 2; background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; border-radius: 0; padding: 0; }
/* rozet */
.ilf-rozet { gap: 10px; height: 40px; padding: 0 18px 0 6px; border-radius: 999px; background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
  font-size: 14px !important; letter-spacing: .01em !important; text-transform: none !important; color: #E4ECF8 !important; }
.ilf-rozet i { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .08); color: #E4ECF8; }
.ilf-rozet i svg { width: 16px; height: 16px; }
.iletisim-yeni .ilf-baslik { color: #F2F6FC; margin-top: .9em; }
.iletisim-yeni .ilf-alt { color: #97A4B9; }
/* iletisim satirlari */
.iletisim-yeni .ilf-bilgiler { gap: 10px; }
.iletisim-yeni .ilf-bilgi { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 16px; padding: 16px 18px; border-radius: 18px;
  background: rgba(255, 255, 255, .035); border: 1px solid rgba(255, 255, 255, .08); color: inherit; }
.iletisim-yeni a.ilf-bilgi:hover { background: rgba(255, 255, 255, .06); transform: none; }
.ilf-bilgi-ikon { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; color: #E4ECF8; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .03); }
.ilf-bilgi-ikon svg { width: 22px; height: 22px; }
.ilf-bilgi-metin { display: grid; gap: 4px; min-width: 0; }
.iletisim-yeni .ilf-bilgi-ad { font: 600 15px/1.2 'Futura PT', 'Futura', sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; color: #F2F6FC !important; }
.iletisim-yeni .ilf-bilgi-deger { font-weight: 400; font-size: 14.5px; color: #97A4B9; }
.ilf-bilgi-ok { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .09); color: #F2F6FC; transition: transform .3s ease, background .3s ease; }
.ilf-bilgi-ok svg { width: 16px; height: 16px; }
a.ilf-bilgi:hover .ilf-bilgi-ok { transform: translate(2px, -2px); background: rgba(255, 255, 255, .16); }
/* form: koyu kap, koyu alanlar (etiketler ekran okuyucuda), beyaz gonder */
.iletisim-yeni .ilf-form { display: flex; flex-direction: column; gap: 8px; padding: 8px; border-radius: 22px; background: rgba(255, 255, 255, .025); border: 1px solid rgba(255, 255, 255, .08); }
.iletisim-yeni .ilf-etiket { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: 0; }
.iletisim-yeni .ilf-alan { padding: 18px 18px; border-radius: 15px; border: 1px solid rgba(255, 255, 255, .08); background: rgba(255, 255, 255, .045); color: #F2F6FC; font-size: 15px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04); }
.iletisim-yeni .ilf-alan::placeholder { color: #A9B4C6; }
.iletisim-yeni .ilf-alan:focus { border-color: rgba(157, 184, 255, .55); background: rgba(255, 255, 255, .07); box-shadow: 0 0 0 4px rgba(99, 132, 230, .18); }
.iletisim-yeni .ilf-mesaj { flex: 1 1 auto; min-height: 220px; }
.iletisim-yeni .ilf-gonder { width: 100%; height: 56px; margin-top: 2px; justify-self: stretch; border-radius: 15px; background: #F2F6FC; color: #05080E; font-weight: 600; font-size: 16px; box-shadow: none; }
.iletisim-yeni .ilf-gonder:hover { background: #fff; transform: none; }
.iletisim-yeni .ilf-sonuc { color: #C9D6EA; }
@media (min-width: 761px) {
  .iletisim-yeni { min-height: 0; display: block; padding: clamp(200px, 30vh, 300px) 0 14vh; }
  .iletisim-yeni .ilf-ic { width: min(1120px, 86vw) !important; margin: 0 auto !important; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: stretch; }
  .iletisim-yeni .ilf-sol { display: flex; flex-direction: column; align-items: flex-start; padding-right: 2vw; }
  .iletisim-yeni .ilf-sol .ilf-bilgiler { margin-top: auto; padding-top: 48px; width: 100%; }
  .iletisim-yeni .ilf-baslik { font-size: clamp(36px, 3.2vw, 52px); }
  /* yorumlar: iletisimin altinda ortada, hep ayni yerde tek tek degisir */
  .iletisim-yeni .yorumlar { position: relative; top: auto; bottom: auto; left: auto; right: auto; width: min(1120px, 86vw); margin: 64px auto 0; display: grid; justify-items: center; align-items: start; pointer-events: auto; z-index: 2; }
  .iletisim-yeni .yorum, .iletisim-yeni .yorum[data-yuva] { width: min(680px, 100%); }
}
@media (min-width: 761px) and (max-width: 1180px) { .iletisim-yeni .yorumlar { display: grid; } }
/* yorum kartlari koyu zeminde koyu cam */
.iletisim-yeni .yorum { background: rgba(255, 255, 255, .04); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09); }
.iletisim-yeni .yorum blockquote { color: #E4ECF8; }
.iletisim-yeni .yorum blockquote::before { color: #8FAEFF; }
.iletisim-yeni .yorum-av { background: linear-gradient(135deg, #2A3B5C, #4F6FA8); color: #EEF3FA; }
.iletisim-yeni .yorum-kim b { color: #F2F6FC; } .iletisim-yeni .yorum-kim span { color: #97A4B9; }
.iletisim-yeni .yorum-ornek { color: #97A4B9; border-color: rgba(255, 255, 255, .2); }
.iletisim-yeni + * .yorum-nokta, .iletisim-yeni .yorum-nokta button i { background: rgba(228, 236, 248, .25); }
.iletisim-yeni .yorum-nokta button.aktif i { background: #E4ECF8; }
@media (max-width: 760px) {
  .iletisim-yeni { padding: 120px 0 10svh !important; }
  .ilf-filigran { top: 46px; font-size: 27vw; }
  .ilf-devre { display: none; }
  .iletisim-yeni .ilf-ic { width: auto !important; margin: 0 16px !important; gap: 16px !important; }
  .iletisim-yeni .ilf-baslik { margin-top: .5em; }
  .iletisim-yeni .ilf-bilgi-ad { color: #F2F6FC !important; font-size: 15px !important; }
  .iletisim-yeni .ilf-bilgi { padding: 14px; gap: 14px; grid-template-columns: 44px 1fr auto; }
  .iletisim-yeni .ilf-mesaj { min-height: 170px; }
  .iletisim-yeni .yorum-nokta { margin-top: 0; }
}
/* gecis ince ayari: isik bolumun ust kenarindan degil biraz asagidan dogar (kenarda bant yok); kapanistan inis lacivert tonda (gri camur yok);
   filigran Turkce harfleri olan kalinlikta; bulten seridi koyuyla alt bilgi arasinda koprü */
.iletisim-yeni { background-image: radial-gradient(48% 40% at 50% 16%, rgba(63, 99, 230, .26), rgba(46, 87, 133, .08) 55%, transparent 80%),
    linear-gradient(180deg, #05080E 0, rgba(5, 8, 14, 0) 12vh), repeating-linear-gradient(90deg, rgba(255, 255, 255, .022) 0 1px, transparent 1px 26px); }
.son-cta::after { height: 36vh; background: linear-gradient(180deg, rgba(12, 20, 36, 0), rgba(12, 20, 36, .35) 40%, rgba(8, 13, 24, .85) 78%, #05080E); }
.ilf-filigran { font-weight: 500; }
.bulten-serit { background: linear-gradient(180deg, #05080E 0%, #0C1524 55%, #121E31 100%); padding-top: 4vh; }
.ilf-filigran { line-height: 1.25; padding: .08em .05em .12em; margin-top: -.12em; }   /* İ noktasi ve Ş cengeli gradyan kutusunun icinde kalsin */

/* ================= 28.10 (Busra: "site tarzina uygun degil"): ILETISIM SITENIN DILINDE =================
   Duzen referanstaki gibi kalir (solda baslik + satirlar, sagda form). Siyah zemin, dikey doku, devre cizgileri ve dev filigran
   kalkar; yerine sitenin gece gogu (lacivert, ustte lavanta isik, seyrek yildiz). Rozet adim cetveline, kartlar ve form
   "Goruntulu toplanti" sahnesindeki cam kartlara, gonder dugmesi sitenin ok halkali hap dugmesine doner. */
.iletisim-yeni { background-color: #0A1222;
  background-image:
    linear-gradient(180deg, #0C1424 0, rgba(12, 20, 36, 0) 22vh),
    radial-gradient(1.6px 1.6px at 12% 18%, rgba(255,255,255,.7), transparent 60%), radial-gradient(1.6px 1.6px at 27% 64%, rgba(255,255,255,.45), transparent 60%),
    radial-gradient(2.2px 2.2px at 41% 9%, rgba(255,255,255,.6), transparent 60%), radial-gradient(1.6px 1.6px at 58% 78%, rgba(255,255,255,.4), transparent 60%),
    radial-gradient(1.9px 1.9px at 69% 31%, rgba(255,255,255,.55), transparent 60%), radial-gradient(1.6px 1.6px at 83% 12%, rgba(255,255,255,.5), transparent 60%),
    radial-gradient(2.2px 2.2px at 91% 57%, rgba(255,255,255,.45), transparent 60%), radial-gradient(1.6px 1.6px at 6% 83%, rgba(255,255,255,.4), transparent 60%),
    radial-gradient(1.6px 1.6px at 48% 46%, rgba(255,255,255,.3), transparent 60%), radial-gradient(1.9px 1.9px at 76% 89%, rgba(255,255,255,.35), transparent 60%),
    radial-gradient(55% 45% at 50% 30%, rgba(157, 178, 232, .22), rgba(76, 104, 168, .08) 55%, transparent 80%),
    radial-gradient(40% 35% at 88% 70%, rgba(111, 142, 189, .10), transparent 75%),
    linear-gradient(180deg, #0C1424 0, #0A1222 40%, #0B1424 100%); }
.son-cta::after { background: linear-gradient(180deg, rgba(12, 20, 36, 0), rgba(12, 20, 36, .45) 45%, #0C1424 100%); }
.bulten-serit { background: linear-gradient(180deg, #0B1424 0%, #0E1828 55%, #121E31 100%); }
.ilf-filigran, .ilf-devre { display: none; }

/* rozet -> adim cetveli: "ILETISIM ------" */
.iletisim-yeni .ilf-rozet { height: auto; padding: 0; gap: 14px; width: 100%; max-width: 300px; background: none; box-shadow: none;
  font-size: clamp(10px, .72vw, 12px) !important; font-weight: 600; letter-spacing: .22em !important; text-transform: uppercase !important; color: #B9C9E2 !important; }
.iletisim-yeni .ilf-rozet i { display: none; }
.iletisim-yeni .ilf-rozet::after { content: ""; flex: 1; height: 1px; background: currentColor; opacity: .35; }

/* baslik: adim basliklarindaki isik dolgusu (koyu zeminde 2. adim gibi acik ton) */
.iletisim-yeni .ilf-baslik { font-size: clamp(40px, 3.8vw, 64px); line-height: .98; letter-spacing: -.038em; color: transparent; -webkit-text-fill-color: transparent;
  background: linear-gradient(75deg, #AFC0DC 0%, #D5E0F2 45%, #FFFFFF 100%); -webkit-background-clip: text; background-clip: text;
  filter: drop-shadow(0 2px 14px rgba(4, 8, 18, .55)); }
.iletisim-yeni .ilf-alt { max-width: 34ch; font-size: clamp(16px, 1.15vw, 18px); line-height: 1.6; color: #C3CFE3; }

/* cam kartlar (ak-kart ile ayni tarif) */
.iletisim-yeni .ilf-bilgi, .iletisim-yeni .ilf-form, .iletisim-yeni .yorum {
  background: rgba(255, 255, 255, .07); border: 0;
  -webkit-backdrop-filter: blur(22px) saturate(170%); backdrop-filter: blur(22px) saturate(170%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 0 0 1px rgba(255, 255, 255, .12), 0 24px 50px -22px rgba(4, 8, 16, .6); }
.iletisim-yeni a.ilf-bilgi:hover { background: rgba(255, 255, 255, .11); }
.iletisim-yeni .ilf-bilgi-ikon { border-radius: 50%; background: rgba(157, 184, 255, .12); box-shadow: inset 0 0 0 1px rgba(185, 201, 226, .22); color: #D5E0F2; }
.iletisim-yeni .ilf-bilgi-deger { color: #B9C6DA; }
.iletisim-yeni .ilf-bilgi-ok { background: rgba(255, 255, 255, .1); }

/* form: cam kap, icinde ince alanlar */
.iletisim-yeni .ilf-form { padding: 10px; border-radius: 24px; }
.iletisim-yeni .ilf-alan { background: rgba(8, 14, 28, .32); border: 1px solid rgba(185, 201, 226, .14); box-shadow: none; }
.iletisim-yeni .ilf-alan::placeholder { color: #9FAECA; }
.iletisim-yeni .ilf-alan:focus { border-color: rgba(185, 201, 226, .5); background: rgba(8, 14, 28, .45); box-shadow: 0 0 0 4px rgba(157, 178, 232, .14); }

/* gonder: sitenin hap dugmesi (acik zemin, sagda ok halkasi) */
.iletisim-yeni .ilf-gonder { display: flex; align-items: center; justify-content: space-between; height: 58px; padding: 0 6px 0 26px; border-radius: 999px;
  background: #E6ECF6; color: #0B1528; font: 500 16px/1 'Futura PT', 'Futura', sans-serif; transition: background .3s ease, transform .3s ease; }
.iletisim-yeni .ilf-gonder::after { content: "→"; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: #1B2F4D; color: #EEF3F5; font-size: 17px; transition: transform .3s ease; }
.iletisim-yeni .ilf-gonder:hover { background: #fff; transform: translateY(-2px); }
.iletisim-yeni .ilf-gonder:hover::after { transform: translateX(3px); }
.iletisim-yeni .yorum blockquote::before { color: #B9C9E2; }
@media (max-width: 760px) { .iletisim-yeni .ilf-baslik { font-size: 40px; } }

/* ================= 28.10 (Busra): TABLETTE GERCEK MUSTERI PANELI =================
   ~/xhedon-panel musteri "Genel bakis" ekraninin kopyasi (globals.css: --zemin #f4f5f7, kart #fff, cizgi rgba(14,24,44,.11), sistem yazisi).
   Olculer 1440 genislikli panelle birebir (td-panel o genislikte cizilip olceklenir). Direksiyon yazisi dalis bitince (--tp) cam kartta belirir. */
.td-panel { display: block; padding: 0; color: #0a0a0a; background: #f4f5f7; font: 400 14px/1.45 ui-sans-serif, system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif; }
.gp { position: absolute; inset: 0; display: grid; grid-template-columns: 64px 1fr; }
.gp svg { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.gp-yan { background: #10141a; display: flex; flex-direction: column; align-items: center; gap: 6px; padding-top: 20px; }
.gp-logo { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 8px; } .gp-logo-svg { width: 24px; height: 24px; }
.gp-ik { position: relative; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; color: rgba(255,255,255,.62); }
.gp-ik svg { width: 19px; height: 19px; }
.gp-ik.aktif { background: #fff; color: #0f1216; }
.gp-ik.nokta::after { content: ""; position: absolute; top: 7px; right: 8px; width: 6px; height: 6px; border-radius: 50%; background: #ef4058; }
.gp-ana { position: relative; min-width: 0; }
.gp-bas { display: flex; align-items: flex-start; justify-content: space-between; height: 107px; padding: 26px 40px 0; box-sizing: border-box; background: #fff; border-bottom: 1px solid rgba(14,24,44,.11); }
.gp-ust { display: block; font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase; color: rgba(0,0,0,.62); }
.gp-merhaba { display: block; margin-top: 4px; font-size: 33px; font-weight: 300; letter-spacing: -.02em; }
.gp-ara { display: flex; align-items: center; gap: 14px; width: 240px; height: 57px; padding: 0 16px; box-sizing: border-box; border: 1px solid rgba(14,24,44,.11); border-radius: 10px; color: rgba(0,0,0,.5); font-size: 14px; }
.gp-ara svg { width: 15px; height: 15px; }
.gp-icerik { width: 1100px; padding: 34px 0 0 40px; display: grid; gap: 22px; }
.gp-bildirim { padding: 12px 18px; border-radius: 10px; background: #fdf3dc; border: 1px solid #da942c; border-left-width: 3px; color: #6b4500; font-size: 15px; }
.gp-kart { padding: 18px 26px 26px; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(14,24,44,.04), 0 10px 26px rgba(14,24,44,.055); }
.gp-kb { display: flex; justify-content: space-between; align-items: baseline; padding: 4px 0 16px; border-bottom: 1px solid rgba(14,24,44,.11); }
.gp-kb b { font-size: 16.5px; font-weight: 500; } .gp-kb span { font-size: 13px; color: rgba(0,0,0,.62); }
.gp-proje { display: grid; grid-template-columns: 1fr 124px 52px 110px; align-items: center; gap: 12px; padding: 18px 14px 0; }
.gp-proje b, .gp-seo b:first-child, .gp-seo > div:first-child b { display: block; font-size: 13.5px; font-weight: 500; }
.gp-proje div span, .gp-seo > div:first-child span { display: block; margin-top: 2px; font-size: 12.5px; color: rgba(0,0,0,.62); }
.gp-cubuk { position: relative; height: 5px; border-radius: 3px; background: rgba(14,24,44,.11); overflow: hidden; }
.gp-cubuk i { position: absolute; inset: 0; border-radius: inherit; background: #0f1216; transform-origin: 0 50%; transform: scaleX(var(--d)); }
.gp-yuzde { font-size: 13px; color: rgba(0,0,0,.62); }
.gp-durum { font-size: 13px; color: rgba(0,0,0,.62); } .gp-durum.tamam { color: #027e47; }
.gp-seo { display: grid; grid-template-columns: 176px repeat(3, auto) 1fr; gap: 20px; align-items: start; padding-top: 20px; }
.gp-seo > div:not(:first-child) span { display: block; font-size: 11.5px; color: rgba(0,0,0,.62); }
.gp-seo > div:not(:first-child) b { display: block; font-size: 15px; font-weight: 400; }
.gp-seo em { font-style: normal; font-size: 11px; color: #027e47; }
.gp-odeme { display: flex; gap: 32px; padding: 14px 0 22px; border-bottom: 1px solid rgba(14,24,44,.11); }
.gp-odeme span { display: block; font-size: 12.5px; color: rgba(0,0,0,.62); } .gp-odeme b { display: block; margin-top: 4px; font-size: 20px; font-weight: 500; }
.gp-not { margin: 6px 0 0; font-size: 13px; color: rgba(0,0,0,.62); }
.gp-yardim { position: absolute; right: 28px; bottom: 28px; display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 22px 0 18px; border-radius: 999px; background: #0f1216; color: #fff; font-size: 13px; }
.gp-yardim i { width: 7px; height: 7px; border-radius: 50%; background: #4ebe7d; }

/* Direksiyon yazisi: dalis bitince panelin ustunde koyu cam kart (sitenin dili), arkasindaki panel bulaniklasir */
.td-panel .tp-yazi { position: absolute; left: 118px; top: 190px; width: 600px; box-sizing: border-box; padding: 50px 54px 54px; border-radius: 30px; color: #F2F6FC;
  font: 400 20px/1.55 'Futura PT', 'Futura', sans-serif; background: linear-gradient(160deg, rgba(16, 28, 52, .94), rgba(9, 16, 30, .92));
  -webkit-backdrop-filter: blur(24px) saturate(150%); backdrop-filter: blur(24px) saturate(150%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 0 0 1px rgba(255,255,255,.1), 0 50px 100px -40px rgba(4, 8, 16, .7);
  opacity: var(--tp, 0); transform: translateY(calc((1 - var(--tp, 0)) * 40px)); pointer-events: none; }
.td-panel[style*="--tp: 1"] .tp-yazi { pointer-events: auto; }
.td-panel .tp-baslik { font-size: 56px; margin-top: 22px; }
.td-panel .tp-metin { font-size: 19px; margin-top: 22px; color: #B9C6DA; }
.td-panel .tp-cta { margin-top: 32px; }
.gp { transition: none; filter: blur(calc(var(--tp, 0) * 1.5px)); }
@media (max-width: 760px) {
  .td-panel { padding: 0; }
  .td-panel .tp-yazi { left: 480px; width: 480px; top: 150px; padding: 40px 38px 44px; }
  .td-panel .tp-baslik { font-size: 46px; } .td-panel .tp-metin { font-size: 22px; } .td-panel .tp-cta { font-size: 21px; }
}

/* ================= 28.10 PANEL TURU: dalis bittikten sonra 3 kaydirma (masaustu) =================
   JS td-panel'e --t1..--t3 (her ozelligin gorunurlugu 0-1), --u1..--u3 (ozellik icindeki ilerleme) ve --bulan yazar.
   Ozellik one cikarken panelin geri kalani perdeyle kararir; one cikan kart perdenin ustune kalkar. */
@media (min-width: 761px) and (prefers-reduced-motion: no-preference) { .tablet-dalis { height: 600vh; } }
.gp { filter: blur(calc(var(--bulan, 0) * 1.5px)); }
.gp-bildirim, .gp-kart { position: relative; transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease; }
.gp-ilerle { --d: calc(.64 + .14 * var(--u1, 0)); }
.gp-guncel { display: flex; align-items: center; gap: 10px; margin: 16px 14px 0; padding: 10px 14px; border-radius: 10px; background: #eef3fb; color: #1f3b6e; font-size: 13px;
  opacity: clamp(0, calc((var(--u1, 0) - .35) * 5), 1); transform: translateY(calc((1 - clamp(0, calc((var(--u1, 0) - .35) * 5), 1)) * 8px)); }
.gp-guncel i { width: 7px; height: 7px; border-radius: 50%; background: #2e62c9; }
/* onay: dugmeler acilir, imlec "Onayla"ya gider, basar, uyari yesile doner */
.gp-bildirim { --b: clamp(0, calc((var(--u2, 0) - .12) * 6), 1); --ok: clamp(0, calc((var(--u2, 0) - .62) * 12), 1);
  display: flex; align-items: center; min-height: 48px; box-sizing: border-box;
  background: color-mix(in srgb, #e6f5ec calc(var(--ok) * 100%), #fdf3dc); border-color: color-mix(in srgb, #4ebe7d calc(var(--ok) * 100%), #da942c); }
.gb-metin { opacity: calc(1 - var(--ok)); }
.gb-tamam { position: absolute; left: 18px; color: #02623a; font-weight: 500; opacity: var(--ok); }
.gb-tamam::before { content: "✓  "; }
.gb-dugmeler { margin-left: auto; display: flex; gap: 8px; opacity: calc(var(--b) * (1 - var(--ok))); }
.gb-dugmeler i, .gb-dugmeler b { font-style: normal; font-weight: 500; font-size: 13px; padding: 7px 14px; border-radius: 8px; }
.gb-dugmeler i { border: 1px solid rgba(14,24,44,.18); color: #333; } .gb-dugmeler b { background: #0f1216; color: #fff; transform: scale(calc(1 - .06 * clamp(0, calc((var(--u2, 0) - .54) * 14), 1) * (1 - var(--ok)))); }
.gp-imlec { position: absolute; z-index: 4; width: 22px; height: 22px; pointer-events: none;
  left: calc(62% + 31% * clamp(0, calc((var(--u2, 0) - .25) * 3.4), 1)); top: calc(160% - 120% * clamp(0, calc((var(--u2, 0) - .25) * 3.4), 1));
  opacity: calc(clamp(0, calc((var(--u2, 0) - .2) * 8), 1) * (1 - clamp(0, calc((var(--u2, 0) - .8) * 8), 1)));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l14 8-6 1.5L10 19z' fill='%230f1216' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0 / contain no-repeat; }
/* sonuc: rakamlar sayar (JS), fatura cipi belirir */
.gp-odeme { align-items: flex-end; }
.gp-fatura { margin-left: auto; align-self: center; padding: 8px 14px; border-radius: 999px; background: #e6f5ec; color: #02623a; font-size: 13px; font-weight: 500;
  opacity: clamp(0, calc((var(--u3, 0) - .45) * 6), 1); }
/* sinematik tur: yuzen pencere, odak, soldaki yazi sutunu (adim basliklarinin dizgisi) */
.td-ekran { box-shadow: inset 0 0 0 1px rgba(170, 196, 235, .08), 0 0 calc(var(--td-yaricap, 14px) * 3.5) rgba(70, 110, 210, calc(.32 * var(--sizinti, 1))),
  0 0 calc(var(--td-yaricap, 14px) * 9) rgba(60, 100, 200, calc(.18 * var(--sizinti, 1))),
  0 calc(var(--pen, 0) * 40px) calc(var(--pen, 0) * 90px) calc(var(--pen, 0) * -20px) rgba(2, 6, 14, calc(var(--pen, 0) * .7)),
  0 0 calc(var(--pen, 0) * 160px) calc(var(--pen, 0) * 10px) rgba(120, 150, 230, calc(var(--pen, 0) * .28)),
  0 0 0 calc(var(--pen, 0) * 1px) rgba(255, 255, 255, calc(var(--pen, 0) * .55)); }
.td-panel .gp-kart, .td-panel .gp-bildirim { transition: opacity .7s ease, filter .7s ease; }
.td-panel[class*="tur-"] .gp-kart, .td-panel[class*="tur-"] .gp-bildirim { opacity: .42; filter: saturate(.6); }
.td-panel.tur-1 .gp-k1, .td-panel.tur-2 .gp-bildirim, .td-panel.tur-3 .gp-k3 { opacity: 1; filter: none; }
.tur-yazi { position: absolute; left: 6.5vw; top: 50%; width: min(31vw, 460px); height: 0; z-index: 3; pointer-events: none; }
.ty { position: absolute; left: 0; bottom: 0; width: 100%; transform: translateY(calc(50% + (1 - var(--t)) * 28px)); opacity: var(--t); }
.ty1 { --t: var(--t1, 0); } .ty2 { --t: var(--t2, 0); } .ty3 { --t: var(--t3, 0); }
.ty-cetvel { display: flex; align-items: center; gap: 14px; max-width: 300px; font: 500 clamp(10px, .72vw, 12px)/1 'Futura PT', 'Futura', sans-serif; letter-spacing: .08em; color: #B9C9E2; font-variant-numeric: tabular-nums; }
.ty-cetvel b { font-weight: 600; } .ty-cetvel i { flex: 1; height: 1px; background: currentColor; opacity: .35; } .ty-cetvel span { opacity: .45; }
.ty h3 { margin: .7em 0 0; font: 500 clamp(36px, 3.6vw, 60px)/.98 'Futura PT', 'Futura', sans-serif; letter-spacing: -.038em; color: transparent; -webkit-text-fill-color: transparent;
  background: linear-gradient(75deg, #AFC0DC 0%, #D5E0F2 45%, #FFFFFF 100%); -webkit-background-clip: text; background-clip: text;
  filter: drop-shadow(0 2px 14px rgba(4, 8, 18, .55)); }
.ty p { margin: 1.5em 0 0; max-width: 31ch; font: 400 clamp(15px, 1.1vw, 18px)/1.6 'Futura PT', 'Futura', sans-serif; color: #C3CFE3; }
@media (max-width: 760px) { .tur-yazi { display: none; } }

/* ================= 28.10 PANEL TURU, PROFESYONEL: gece zemini, butun pencere, perde + kalkan kart =================
   Pencere geri cekilince arka plan sitenin gece gogune doner (yazilar okunur); pencere icinde kirpma/yakinlasma yok.
   Ozellik one cikinca panelin geri kalani lacivert perdeyle geri cekilir; one cikan kart perdenin ustune kalkar, mavi halkayla parlar. */
.td-tur-zemin { position: absolute; inset: 0; opacity: 0; pointer-events: none;
  background: radial-gradient(52% 62% at 67% 52%, rgba(56, 92, 186, .36), transparent 72%), radial-gradient(38% 46% at 16% 50%, rgba(36, 58, 112, .3), transparent 70%),
    linear-gradient(180deg, rgba(7, 12, 24, .9), rgba(9, 16, 30, .94)); }
.td-panel .gp { isolation: isolate; }
.td-panel .gp::after { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; background: rgba(10, 18, 36, .52); opacity: var(--perde, 0); }
.td-panel[class*="tur-"] .gp-kart, .td-panel[class*="tur-"] .gp-bildirim { opacity: 1; filter: none; }
.td-panel .gp-kart, .td-panel .gp-bildirim { transition: transform .7s cubic-bezier(.16, 1, .3, 1), box-shadow .7s ease; }
.td-panel.tur-1 .gp-k1, .td-panel.tur-2 .gp-bildirim, .td-panel.tur-3 .gp-k3 { z-index: 4; transform: translateY(-6px) scale(1.02);
  box-shadow: 0 0 0 1.5px rgba(98, 140, 255, .8), 0 0 0 8px rgba(98, 140, 255, .14), 0 36px 70px -26px rgba(4, 10, 30, .7); }
.gp-imlec { width: 30px; height: 30px; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .35)); }
.tur-yazi { left: 5.5vw; width: min(26vw, 400px); }
.ty-cetvel { color: #C9D6EA; } .ty-cetvel span { opacity: .55; }
.ty p { color: #C9D4E6; }

/* ================= 28.10 PANEL TURU: GERCEK SAYFALAR (Busra: "birkac sayfayi, onemli ozellikleri tanit") =================
   Pencere geri cekilince genel bakis; imlec sol menuden sayfa degistirir (proje, toplantilar, SEO, teslim arsivi, odemeler).
   Her durakta odak cercevesi ozelligi cevreler, geri kalan kararir; solda o durağin yazisi. Sayfalar gercek panelin goruntusu (@2x). */
/* 30.10 (Busra): ana sayfada tur yok, dalis bitince dogrudan iletisime gecilir; 6 duraklik tur yalniz /panel/ sayfasinda */
@media (min-width: 761px) and (prefers-reduced-motion: no-preference) { .tablet-dalis { height: 300vh; } .xh-panel-sayfa .tablet-dalis { height: 760vh; } }
.tur-katman { position: absolute; left: 0; top: 0; width: 1440px; height: 1113px; overflow: hidden; z-index: 2; pointer-events: none; }
.tur-sayfa { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transform: translateX(22px);
  transition: opacity .55s ease, transform .8s cubic-bezier(.16, 1, .3, 1); }
.tur-sayfa.acik { opacity: 1; transform: none; }
.tur-odak { position: absolute; z-index: 2; border-radius: 16px; opacity: 0;
  box-shadow: 0 0 0 1.5px rgba(98, 140, 255, .9), 0 0 0 9px rgba(98, 140, 255, .16), 0 0 0 3000px rgba(9, 16, 32, .5);
  transition: left .75s cubic-bezier(.65, 0, .35, 1), top .75s cubic-bezier(.65, 0, .35, 1), width .75s cubic-bezier(.65, 0, .35, 1), height .75s cubic-bezier(.65, 0, .35, 1), opacity .5s ease; }
.tur-odak.acik { opacity: 1; }
.tur-tamam { position: absolute; z-index: 3; display: grid; place-items: center; box-sizing: border-box; border-radius: 9px; background: #e6f5ec; color: #02623a;
  box-shadow: inset 0 0 0 1px rgba(78, 190, 125, .55); font: 500 14px/1 'Inter', system-ui, sans-serif; opacity: 0; transform: scale(.9); transition: opacity .35s ease, transform .45s cubic-bezier(.2, 1.4, .4, 1); }
.tur-tamam.acik { opacity: 1; transform: none; }
.tur-imlec { position: absolute; z-index: 4; width: 40px; height: 40px; margin: -4px 0 0 -6px; opacity: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l14 8-6 1.5L10 19z' fill='%230f1216' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0 / contain no-repeat;
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .35));
  transition: left .8s cubic-bezier(.65, 0, .35, 1), top .8s cubic-bezier(.65, 0, .35, 1), opacity .4s ease, transform .15s ease; }
.tur-imlec.acik { opacity: 1; }
.tur-imlec.tik { transform: scale(.86); }
.tur-imlec::after { content: ""; position: absolute; left: 4px; top: 2px; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; border: 2px solid rgba(98, 140, 255, .9); opacity: 0; }
.tur-imlec.tik::after { animation: imlecTik .6s ease-out; }
@keyframes imlecTik { 0% { opacity: .9; transform: scale(.4); } 100% { opacity: 0; transform: scale(3.2); } }
/* sol yazi: durak degisince eski yukari soner, yeni alttan gelir */
.ty { opacity: 0; transform: translateY(calc(50% + 26px)); transition: opacity .5s ease, transform .7s cubic-bezier(.16, 1, .3, 1); }
.ty.aktif { opacity: 1; transform: translateY(50%); transition-delay: .12s; }
@media (max-width: 760px) { .tur-katman { display: none; } }
.ty h3 { line-height: 1.08; padding-top: .12em; margin-top: .45em; }   /* Ö, Ü, İ noktalari gradyan kutusunda kesilmesin */

/* 28.10 tur gecisleri, profesyonel: sayfa degisimi gercek uygulama gibi (yeni sayfa ustte belirir, eskisi altta kalir; saydam ust uste binme yok,
   sol menu kipirdamaz); odak cercevesi gizliyken yer degistirmez (anlik), gorunurken yumusak suzulur; imlec hafif yay cizerek gider */
.tur-sayfa { transform: none !important; opacity: 0; z-index: 0; transition: opacity 0s linear .6s; }
.tur-sayfa.acik { opacity: 1; z-index: 1; transition: opacity .5s cubic-bezier(.33, 1, .68, 1); }
.tur-odak { transition: left .9s cubic-bezier(.22, 1, .36, 1), top .9s cubic-bezier(.22, 1, .36, 1), width .9s cubic-bezier(.22, 1, .36, 1), height .9s cubic-bezier(.22, 1, .36, 1), opacity .45s ease; }
.tur-odak.acik { transition-delay: 0s, 0s, 0s, 0s, .05s; }
.tur-odak.anlik { transition: none !important; }
.tur-imlec { transition: left .9s cubic-bezier(.45, 0, .2, 1), top .9s cubic-bezier(.3, 0, .5, 1), opacity .4s ease, transform .16s ease; }
.tur-tamam { transition: opacity .3s ease, transform .5s cubic-bezier(.34, 1.56, .64, 1); }
.tur-imlec.tik { transform: none; animation: imlecBas .32s ease; }   /* basma: kisa ici gocme, sonra halka yayilir */
@keyframes imlecBas { 45% { transform: scale(.82); } }
/* sol yazi: eskisi hizlica soner, yenisi o bittikten sonra alttan yukselerek gelir (ust uste binme yok) */
.ty { opacity: 0; transform: translateY(50%); transition: opacity .22s ease; }
.ty.aktif { opacity: 1; transition: none; animation: tyGel .75s cubic-bezier(.16, 1, .3, 1) .3s both; }
@keyframes tyGel { from { opacity: 0; transform: translateY(calc(50% + 20px)); } to { opacity: 1; transform: translateY(50%); } }
/* 28.10 ince parlak cizgi: karartma ortusu tam kapandiginda sahnenin acik katmanlari gizlenir, zemin de ortuyle ayni renge doner.
   Bolumun alt kenari "Nasil calisiyoruz" basligindan gecerken, piksel arasi kenarda alttaki acik renk sizmaz. */
.dallar-sahne.karardi { background: #0C141E !important; }
.dallar-sahne.karardi > :not(.dallar-karar) { visibility: hidden; }
.dallar-sahne.karardi::before, .dallar-sahne.karardi::after { opacity: 0 !important; }
/* 28.10 parlak cizginin asil sebebi: uc dalin alt kenari ile bu koyu zeminin ust kenari ayni kesirli pikselde (5769.56) birlesiyordu;
   iki katman da o satiri yari saydam cizince arkadaki acik sayfa rengi (#F2F3F3) siziyordu. Koyu zemin 3px yukari tasar, iki katman ust uste biner. */
@media (min-width: 761px) { .akis::before { top: calc(60vh - 3px); } }
/* 28.10 performans: ekran disi bolumde (JS .uyku) ve kapali detay panelinde CSS animasyonlari durur */
.uyku, .uyku *, .uyku *::before, .uyku *::after, .dal-detay:not(.acik) *, .dal-detay:not(.acik) *::before, .dal-detay:not(.acik) *::after { animation-play-state: paused !important; }
.td-tur-yildiz { position: absolute; inset: 0; width: 100%; height: 100%; }
.akis-sayfa > .akis-on-yildiz { position: absolute !important; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; mix-blend-mode: screen; }   /* 28.10 gorselin onunde, yazi/kartlarin altinda */

/* ================= 28.10 PANEL TURU: KALKAN KART (Apple/Linear urun tanitimi dili) =================
   Ozellik panelden kopup havaya kalkar: ayni goruntunun o bolgesi, panelin olcegiyle birebir ust uste baslar, sonra buyur, golge ve isik alir.
   Panel lacivert perdeyle geri cekilir. Kart panel biriminde cizilir (--k ile olceklenir), icindeki imlec ve "Gonderildi" ayni birimde. */
.tur-kalk { position: absolute; z-index: 6; transform-origin: 0 0; pointer-events: none; opacity: 0; border-radius: 16px;
  background-repeat: no-repeat; background-size: 1440px 1113px; background-color: #fff;
  transform: scale(var(--k, .6)); box-shadow: 0 0 0 0 rgba(98, 140, 255, 0), 0 0 0 0 rgba(2, 6, 18, 0);
  transition: transform .95s cubic-bezier(.16, 1, .3, 1), box-shadow .95s cubic-bezier(.16, 1, .3, 1), opacity .3s ease; }
.tur-kalk.acik { opacity: 1; }
.tur-kalk.kalkik { transform: translateY(-14px) scale(calc(var(--k, .6) * 1.1));
  box-shadow: 0 0 0 1.5px rgba(140, 170, 255, .85), 0 0 0 10px rgba(98, 140, 255, .14), 0 60px 110px -30px rgba(2, 6, 18, .85), 0 22px 40px -18px rgba(2, 6, 18, .6); }
.tur-kalk.anlik, .tur-kalk.anlik * { transition: none !important; }
/* kalkarken kendi ortasindan buyusun: kart kendi genisliginin %5'i kadar sola/yukari kayar (scale 1.1 => her yandan %5) */
.tur-kalk.kalkik { translate: calc(var(--kw, 0px) * -1) calc(var(--kh, 0px) * -1); }
.tur-kalk-imlec { position: absolute; z-index: 2; width: 36px; height: 36px; margin: -3px 0 0 -5px; opacity: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l14 8-6 1.5L10 19z' fill='%230f1216' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0 / contain no-repeat;
  filter: drop-shadow(0 5px 8px rgba(0, 0, 0, .35)); transition: left .9s cubic-bezier(.45, 0, .2, 1), top .9s cubic-bezier(.3, 0, .5, 1), opacity .35s ease; }
.tur-kalk.imlecli .tur-kalk-imlec { opacity: 1; }
.tur-kalk-imlec.anlik { transition: none; }
.tur-kalk-imlec.tik { animation: imlecBas .32s ease; }
.tur-kalk-imlec::after { content: ""; position: absolute; left: 4px; top: 2px; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; border: 2px solid rgba(98, 140, 255, .9); opacity: 0; }
.tur-kalk-imlec.tik::after { animation: imlecTik .6s ease-out; }
.tur-kalk-tamam { position: absolute; display: grid; place-items: center; box-sizing: border-box; border-radius: 9px; background: #e6f5ec; color: #02623a;
  box-shadow: inset 0 0 0 1px rgba(78, 190, 125, .55); font: 500 14px/1 system-ui, sans-serif; opacity: 0; transform: scale(.9); transition: opacity .3s ease, transform .5s cubic-bezier(.34, 1.56, .64, 1); }
.tur-kalk.tamamli .tur-kalk-tamam { opacity: 1; transform: none; }
/* perde: odak kutusu artik delik degil, butun paneli ortu (kart ustte) */
.tur-odak.perde { opacity: 1; left: 0 !important; top: 0 !important; width: 1440px !important; height: 1113px !important; border-radius: 0;
  box-shadow: none; background: rgba(9, 16, 32, .62); transition: opacity .6s ease; }
.tur-imlec.gizli { opacity: 0 !important; }
@media (max-width: 760px) { .tur-kalk { display: none; } }

/* 28.10 3B: pencere perspektifle acili durur; kalkan kart ayni uzayda sana dogru cikar */
@media (min-width: 761px) {
  .td-sahne { perspective: 2400px; perspective-origin: 62% 50%; }
  .td-dunya { transform-style: preserve-3d; }
  .tur-kalk { transform: scale(var(--k, .6)); }
  .tur-kalk.kalkik { transform: translateZ(150px) scale(calc(var(--k, .6) * 1.02)); translate: none; }
}

/* ===== 30.10 Panel turu ayri sayfada (/panel/, sablon-panel.php). Ana sayfada dalis bitince "Paneli yakindan gor" baglantisi bu sayfaya goturur ===== */
.tp-ikinci { display: inline-flex; align-items: center; gap: 10px; margin: 42px 0 0 26px; color: rgba(238,243,250,.82); font-family: 'Futura PT', 'Futura', sans-serif; font-size: 17px; font-weight: 500; letter-spacing: .01em;
  text-decoration: none; border-bottom: 1px solid rgba(238,243,250,.28); padding-bottom: 4px; transition: color .25s ease, border-color .25s ease; vertical-align: middle; }
.tp-ikinci svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s ease; }
.tp-ikinci:hover { color: #fff; border-color: rgba(238,243,250,.7); } .tp-ikinci:hover svg { transform: translateX(4px); }
.td-panel .tp-ikinci { margin-top: 32px; }
.xh-panel-sayfa { background: #0C141E; }
.xh-panel-sayfa .tablet-dalis { margin-top: 0; }
.xh-panel-sayfa .tp-yazi, .xh-panel-sayfa .td-kopya { display: none; }
.pnl-giris { position: relative; z-index: 4; min-height: 100vh; min-height: 100svh; display: grid; place-content: center; justify-items: center; gap: 0; padding: 0 7vw; text-align: center; box-sizing: border-box;
  background: radial-gradient(70% 55% at 50% 100%, rgba(122,162,185,.16), transparent 70%), #0C141E; color: #EEF3F5; font-family: 'Futura PT', 'Futura', sans-serif; }
.pnl-ust { display: inline-flex; align-items: center; gap: .8em; font-weight: 500; font-size: 12px; letter-spacing: .24em; text-transform: uppercase; color: #A9BCD8; }
.pnl-ust i { width: 10px; height: 10px; border-radius: 2px; background: #7AA2B9; }
.pnl-baslik { margin: .5em 0 0; max-width: 14ch; font-weight: 500; font-size: clamp(42px, 5.6vw, 96px); line-height: 1.02; letter-spacing: -.03em; text-wrap: balance; }
.pnl-baslik em { font-style: normal; color: #A9C3E8; }
.pnl-metin { margin: 1.4em 0 0; max-width: 34ch; font-size: clamp(16px, 1.15vw, 19px); line-height: 1.6; color: rgba(238,243,245,.72); text-wrap: pretty; }
.pnl-kaydir { width: 1px; height: 64px; margin-top: 7vh; background: linear-gradient(rgba(169,188,216,0), rgba(169,188,216,.8)); animation: pnlKaydir 2.4s ease-in-out infinite; transform-origin: top; }
@keyframes pnlKaydir { 0% { transform: scaleY(0); opacity: 1; } 60% { transform: scaleY(1); opacity: 1; } 100% { transform: scaleY(1); opacity: 0; } }
.xh-panel-sayfa .pnl-son { background: #0C141E; padding: 22vh 7vw 20vh; }
.xh-panel-sayfa .pnl-son .son-ust { color: #A9BCD8; }
.xh-panel-sayfa .pnl-son .son-baslik { color: #EEF3F5; }
.xh-panel-sayfa .pnl-son .son-dugme { background: #EEF3F5; color: #0B1528; } .xh-panel-sayfa .pnl-son .son-dugme::after { background: #1B2F4D; color: #EEF3F5; }
.xh-panel-sayfa .pnl-son .son-dugme:hover { background: #fff; }
@media (max-width: 760px), (prefers-reduced-motion: reduce) { .xh-panel-sayfa .tablet-dalis { display: none; } }
.xh-panel-sayfa .acilis-oge { opacity: 1; transform: none; }   /* panel sayfasinda kara delik acilisi yok, menu hemen gorunur */
/* 30.10 (Busra): masaustunde panel acildiktan sonra dogrudan iletisim formu gelir; ara "Bir sonraki adim" bolumu yalniz telefonda kalir */
@media (min-width: 761px) and (prefers-reduced-motion: no-preference) { .xh-anasayfa:not(.xh-panel-sayfa) .son-cta { display: none; } }
/* 30.10 (Busra): ana sayfada tablet buyuyup panele girmez. Bolum tek ekran boyu yapisir, tablet ve 3. adim yazisi durur, sonra iletisim gelir */
.xh-anasayfa:not(.xh-panel-sayfa) .tablet-dalis { height: 200vh; }
.td-kopya .td-panel-bag { pointer-events: auto; margin: 26px 0 0; color: #1B2F4D; border-bottom-color: rgba(27,47,77,.3); opacity: 1 !important; }
.td-kopya .td-panel-bag:hover { color: #0B1528; border-color: rgba(27,47,77,.7); }
/* aydinlik tablet sahnesi koyu iletisime sert kesilmesin: bolumun son 40vh'si geceye erir (sahne yukari kayarken gorunur) */
.xh-anasayfa:not(.xh-panel-sayfa) .tablet-dalis::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40vh; z-index: 4; pointer-events: none;
  background: linear-gradient(180deg, rgba(11,20,38,0) 0%, rgba(11,20,38,.55) 45%, #0B1426 100%); }

/* 30.10 (Busra): "kaydir" ipucu aydinlik diskte beyaz-beyaz kayboluyordu. Tarz ayni (cerceveli kapsul, donen isik, akan cizgi); renk koyu lacivert, arkasinda yumusak beyaz hale */
.kaydir { color: #14223D; text-shadow: 0 0 10px rgba(255,255,255,.95), 0 0 22px rgba(255,255,255,.7); }
.kaydir span { border-color: rgba(20,34,61,.4); }
.kaydir-cizgi { background: linear-gradient(rgba(20,34,61,.85), rgba(20,34,61,.25)); box-shadow: 0 0 8px rgba(255,255,255,.9), 0 0 18px rgba(255,255,255,.6); }
.kaydir-cizgi::after { background: linear-gradient(rgba(63,99,230,0), #3F63E6); box-shadow: 0 0 8px rgba(63,99,230,.8), 0 0 16px rgba(255,255,255,.9); }
@keyframes kaydirNefes { 0%, 100% { opacity: .8; } 50% { opacity: 1; } }
/* 30.10 hizmet adi: iki satirlik kutunun altina yaslanir; tek satirlik adlar JS ile iri yazilir */
.svc-name > span { display: inline-block; white-space: nowrap; }
/* 30.10 (Busra): hero hizmet adi "Nasil calisiyoruz" adim basliklarinin diliyle: siki dizgi, ikinci satir iceriden,
   isikla dolan yazi (karanlik gokte: soldan celik mavisi, sagdaki diske dogru beyaz), isiga bakan kenarda ince parlaklik */
.svc-name { --girinti: clamp(30px, 3.2vw, 54px); font-weight: 500; line-height: .98; letter-spacing: -.038em; }
.svc-name > span { padding: .08em .12em .1em 0; margin: -.08em 0 -.1em; color: transparent; -webkit-text-fill-color: transparent;
  background: linear-gradient(80deg, #93ADDA 0%, #BACCEA 30%, #E2EAF7 62%, #FFFFFF 100%); -webkit-background-clip: text; background-clip: text;
  filter: drop-shadow(.7px .6px 0 rgba(236, 244, 255, .7)) drop-shadow(-6px -6px 16px rgba(4, 8, 18, .45)); }
.svc-name i { display: block; font-style: normal; }
.svc-name .ab-2 { padding-left: 0; }   /* 30.10 (Busra): ikinci satir iceriden degil, hizali */
/* 30.10 (Busra): hizmet adi mavi-beyaz gecisli degil, duz beyaz */
.svc-name > span { color: #fff; -webkit-text-fill-color: #fff; background: none; filter: none; }
/* 30.10 (Busra): menu en bastan buzlu cam (sagdayken de); kaydirinca yalniz ortaya gecer ve logo belirir */
.topnav { background: rgba(255,255,255,.75); border-color: rgba(0,0,0,.08); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 12px 40px rgba(0,0,0,.18); }
.nav-logo-wrap { max-width: 70px; opacity: 1; margin-right: .15em; }   /* 30.10 (Busra): logo da en bastan gorunur */
/* 30.10 tunel ekranlarinda isler gorselleri (evren-ekran/); gorsel varken sahte arayuz cizgileri gizlenir */
.ekart .ph.gorselli { background: #0F1B2C center / cover no-repeat; }
.ekart .ph.gorselli::before, .ekart .ph.gorselli::after, .ekart .ph.gorselli i { display: none; }

.ekart .ph .ekart-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }   /* 30.10 tunel ekraninda laptop videosu */