/* =========================================================
   KURUMSAL SAYFASI  (kurumsal.php ile eşleşir) — önek: k-
   Beyaz hakim zemin, cyan sol yüzlü kartlar, neon çizgiler, mimari ızgara,
   pusula ve küpler. Anasayfa bölümleriyle aynı tasarım dili.
   Not: 3D "T" menü yalnızca ana sayfada çizilir. Bu sayfada ana menü,
   topbar'ın altındaki cam menü şeridinde (subnav, topbar.css) durur;
   site haritası (k-crumb) onun hemen altında başlar. Hero bu yüzden
   --hdr + --subnav-h kadar yukarı çekilmiştir.
   ========================================================= */
.kurumsal {
    --k-ink: #0b2a4a;
    --k-text: #3b4d5e;
    --k-mute: #667b8c;
    --k-line: rgba(11, 42, 74, .14);
    --k-neon: #00d9ff;
    --k-cyan: #25c3fd;
    --k-ice: #7ae7ff;
    --k-blue: #0a7fe0;
    --k-sky: #0a8fe8;
    --k-ease: cubic-bezier(.16, 1, .3, 1);
    position: relative;
    overflow-x: clip;
    /* hero, topbar'ın (cam şerit) VE altındaki menü şeridinin (subnav) arkasına kadar uzanır → arkası siyah/boş kalmaz */
    margin-top: calc(-1 * (var(--hdr) + var(--subnav-h)));
    background: #fff;
    color: var(--k-ink);
    font-family: 'Segoe UI', 'Helvetica Neue', Roboto, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.kurumsal *, .kurumsal *::before, .kurumsal *::after { box-sizing: border-box; }
.kurumsal h1, .kurumsal h2, .kurumsal h3, .kurumsal p, .kurumsal ul, .kurumsal ol, .kurumsal figure, .kurumsal blockquote { margin: 0; padding: 0; }
.kurumsal ul, .kurumsal ol { list-style: none; }
.kurumsal img { display: block; max-width: 100%; }

.k-wrap { position: relative; z-index: 2; width: min(1240px, 100% - clamp(40px, 8vw, 120px)); margin-inline: auto; }

/* =========================================================
   ÜST ALAN: SİTE HARİTASI + BAŞLIK
   ========================================================= */
.k-hero {
    position: relative; isolation: isolate; overflow: hidden;
    display: flex; align-items: flex-start;
    padding: calc(var(--hdr) + var(--subnav-h) + clamp(4px, 1vw, 14px)) 0 clamp(96px, 10vw, 140px);   /* topbar + menü şeridinin hemen altında site haritası */
    color: #fff;
    background: linear-gradient(120deg, #0c3b6e, #0a5fb8);
}
/* arka plan resmi (uploads/kurumsal/arkaplan/arkaplan.jpg) + beyaz perde */
.k-hero-bg {
    position: absolute; inset: 0; z-index: -3;
    background-size: cover; background-position: center; background-repeat: no-repeat;
    animation: kZoom 30s ease-in-out infinite alternate;
}
.k-hero-bg::after {
    content: ""; position: absolute; inset: 0;
    /* alıntı bandıyla AYNI mavi katman (aynı renk ve opaklık) */
    background:
        radial-gradient(60% 100% at 0% 50%, rgba(0, 217, 255, .28), transparent 62%),
        linear-gradient(100deg, rgba(8, 40, 82, .92) 0%, rgba(10, 95, 184, .78) 55%, rgba(10, 127, 224, .6) 100%);
}
@keyframes kZoom { from { transform: scale(1); } to { transform: scale(1.08); } }

/* akan mimari ızgara */
.k-hero::before {
    content: ""; position: absolute; inset: 0; z-index: -2; pointer-events: none;
    background-image: linear-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px);
    background-size: 96px 96px;
    animation: kGrid 50s linear infinite;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);
}
@keyframes kGrid { to { background-position: 96px 96px, 96px 96px; } }

/* arka plan hareketi */
.k-bg { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.k-bg > * { position: absolute; }
.k-beam { left: -30%; width: 160%; top: var(--t); height: 1px; background: rgba(255, 255, 255, .2); transform: rotate(-14deg); opacity: .8; }
.k-beam::after { content: ""; position: absolute; top: 0; height: 100%; width: 22%; background: linear-gradient(90deg, transparent, var(--k-neon), transparent); filter: drop-shadow(0 0 6px var(--k-neon)); animation: kBeam 9s linear infinite; animation-delay: var(--dl); }
@keyframes kBeam { from { left: -25%; } to { left: 110%; } }
.k-compass { right: -7%; bottom: -26%; width: clamp(300px, 36vw, 560px); color: #fff; opacity: .13; animation: kSpin 120s linear infinite; }
@keyframes kSpin { to { transform: rotate(360deg); } }
.k-cube { width: var(--s); left: var(--x); top: var(--y); color: var(--k-ice); opacity: .3; animation: kCube 11s ease-in-out infinite alternate; animation-delay: var(--dl); }
@keyframes kCube { from { transform: translateY(0) rotate(0); } to { transform: translateY(-28px) rotate(14deg); } }

.k-hero-in { position: relative; z-index: 2; width: min(1240px, 100% - clamp(40px, 8vw, 120px)); margin-inline: auto; }

/* site haritası (breadcrumb) */
.k-crumb { margin-bottom: clamp(22px, 3vw, 36px); animation: kRise .9s var(--k-ease) both; }
.k-crumb ol { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 0; padding: 10px 20px 10px 16px; border: 1px solid rgba(10, 90, 170, .14); border-left: 5px solid var(--k-cyan); border-radius: 4px; background: rgba(255, 255, 255, .92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 10px 24px -14px rgba(10, 90, 170, .5), 0 0 18px rgba(0, 200, 245, .12); font-size: 14px; font-weight: 600; }
.k-crumb li { display: inline-flex; align-items: center; }
.k-crumb li + li::before { content: ""; width: 7px; height: 7px; margin: 0 12px; border-top: 2px solid var(--k-cyan); border-right: 2px solid var(--k-cyan); transform: rotate(45deg); }
.k-crumb a { color: var(--k-blue); text-decoration: none; transition: color .25s ease; }
.k-crumb a:hover { color: var(--k-ink); }
.k-crumb a:focus-visible { outline: 2px solid var(--k-blue); outline-offset: 3px; border-radius: 2px; }
.k-crumb span { color: var(--k-ink); }

.k-hero h1 { position: relative; padding-bottom: 22px; font-size: clamp(46px, 7vw, 96px); font-weight: 300; line-height: 1.02; letter-spacing: -.03em; color: #fff; text-shadow: 0 6px 30px rgba(3, 20, 48, .35); animation: kRise 1s var(--k-ease) .1s both; }
.k-hero h1::after { content: ""; position: absolute; left: 0; bottom: 0; width: clamp(70px, 9vw, 120px); height: 3px; background: linear-gradient(90deg, #fff, var(--k-neon)); box-shadow: 0 0 12px var(--k-neon); }
.k-hero-lead { max-width: 46ch; margin-top: 22px; font-size: clamp(16px, 1.5vw, 20px); font-weight: 300; line-height: 1.7; color: #dcebf6; animation: kRise 1s var(--k-ease) .22s both; }
@keyframes kRise { from { opacity: 0; transform: translateY(26px); } }

/* (3D "T" menü artık yalnızca ana sayfada; burada sol boşluk gerekmiyor) */

/* =========================================================
   ORTAK BÖLÜM YAPISI
   ========================================================= */
.k-sec { position: relative; padding-block: clamp(72px, 8vw, 120px); background: #fff; }
.k-sec--alt { background: radial-gradient(40% 30% at 6% 92%, rgba(0, 190, 255, .09), transparent 70%), linear-gradient(180deg, #edf3f8 0%, #e6eef5 100%); }
.k-sec--alt::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(11, 42, 74, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(11, 42, 74, .05) 1px, transparent 1px); background-size: 96px 96px; -webkit-mask-image: linear-gradient(180deg, transparent, #000 90px, #000 calc(100% - 90px), transparent); mask-image: linear-gradient(180deg, transparent, #000 90px, #000 calc(100% - 90px), transparent); }

.k-eyebrow { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; font-size: 13px; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; color: var(--k-blue); }
.k-eyebrow::before { content: ""; width: 34px; height: 2px; background: var(--k-cyan); box-shadow: 0 0 8px var(--k-cyan); }

.kurumsal h2 { text-wrap: balance; font-size: clamp(28px, 3.6vw, 50px); font-weight: 300; line-height: 1.12; letter-spacing: -.02em; color: var(--k-ink); }

.k-head { margin-bottom: clamp(36px, 4.5vw, 60px); }
.k-head h2 { max-width: 22ch; }
.k-head p { margin-top: 20px; max-width: 54ch; font-size: 17px; font-weight: 300; line-height: 1.7; color: var(--k-text); }

/* butonlar */
.k-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 34px; }
.k-btn { display: inline-flex; align-items: center; padding: 15px 28px 15px 22px; border-radius: 4px; border-left: 6px solid var(--k-cyan); font-size: 15px; font-weight: 600; text-decoration: none; transition: transform .3s ease, box-shadow .3s ease, background .3s ease, color .3s ease, border-color .3s ease; }
.k-btn::after { content: "→"; margin-left: 12px; display: inline-block; transition: transform .35s var(--k-ease); }
.k-btn:hover::after { transform: translateX(5px); }
.k-btn:hover { transform: translateY(-2px); }
.k-btn:focus-visible { outline: 2px solid var(--k-blue); outline-offset: 3px; }
.k-btn--primary { background: linear-gradient(90deg, #00cfff 0%, #0077c8 100%); box-shadow: 0 4px 16px rgba(0, 207, 255, .4); color: #fff; }
.k-btn--primary:hover { box-shadow: 0 8px 24px rgba(0, 207, 255, .6); }
.k-btn--ghost { background: #fff; border: 1.5px solid rgba(11, 42, 74, .22); border-left: 6px solid var(--k-cyan); color: var(--k-ink); }
.k-btn--ghost:hover { color: #fff; background: linear-gradient(90deg, #1aa7ff, #0a5fb8); border-color: #36c6ff; border-left-color: #78e8ff; }

/* kaydırınca beliren öğeler (yalnızca .k-js) */
.k-js .k-reveal { opacity: 0; transform: translateY(28px); transition: opacity .9s ease, transform .9s var(--k-ease); }
.k-js .k-reveal.is-in { opacity: 1; transform: none; }
.k-js .k-values .k-reveal:nth-child(3n+2), .k-js .k-gallery .k-reveal:nth-child(3n+2), .k-js .k-steps .k-reveal:nth-child(4n+2), .k-js .k-stats-grid .k-reveal:nth-child(4n+2), .k-js .k-vm .k-reveal:nth-child(2) { transition-delay: .1s; }
.k-js .k-values .k-reveal:nth-child(3n), .k-js .k-gallery .k-reveal:nth-child(3n), .k-js .k-steps .k-reveal:nth-child(4n+3), .k-js .k-stats-grid .k-reveal:nth-child(4n+3) { transition-delay: .2s; }
.k-js .k-steps .k-reveal:nth-child(4n), .k-js .k-stats-grid .k-reveal:nth-child(4n) { transition-delay: .3s; }

/* =========================================================
   HAKKIMIZDA  (hero'nun altına yuvarlak kenarla biner)
   ========================================================= */
.k-about { z-index: 3; margin-top: -40px; border-radius: 36px 36px 0 0; box-shadow: 0 -26px 50px -30px rgba(11, 42, 74, .45); background: radial-gradient(45% 35% at 92% 8%, rgba(0, 190, 255, .10), transparent 70%), linear-gradient(180deg, #fff 0%, #f6f9fc 100%); }
.k-about::after { content: ""; position: absolute; left: 12%; right: 12%; top: 0; height: 2px; background: linear-gradient(90deg, rgba(0, 217, 255, 0), var(--k-neon) 50%, rgba(0, 217, 255, 0)); filter: drop-shadow(0 0 6px rgba(0, 217, 255, .85)); }

.k-about-grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(36px, 6vw, 96px); align-items: center; }
.k-about-grid.no-img { grid-template-columns: minmax(0, 860px); }
.k-about-text h2 { max-width: 20ch; margin-bottom: 8px; }
.k-about-text p { margin-top: 20px; font-size: 17px; font-weight: 300; line-height: 1.8; color: var(--k-text); }
.k-about-text p strong { font-weight: 700; color: var(--k-ink); }

.k-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; margin-top: 28px; }
.k-checks li { position: relative; padding-left: 30px; font-size: 15.5px; font-weight: 500; line-height: 1.5; color: var(--k-ink); }
.k-checks li::before { content: ""; position: absolute; left: 0; top: 3px; width: 17px; height: 17px; border: 1.5px solid var(--k-sky); border-radius: 3px; background: #fff; box-shadow: 0 0 8px rgba(10, 143, 232, .25); }
.k-checks li::after { content: ""; position: absolute; left: 5px; top: 7px; width: 7px; height: 4px; border-left: 2px solid var(--k-sky); border-bottom: 2px solid var(--k-sky); transform: rotate(-45deg); }

/* görsel: neon köşe işaretleri + rozet */
.k-about-media { position: relative; width: 100%; max-width: 580px; margin-left: auto; aspect-ratio: 1 / 1.05; display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(6, 1fr); gap: 12px; }

/* resim kutusu */
.k-ct { position: relative; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid var(--k-line); border-left: 5px solid var(--k-cyan); border-radius: 4px; background: linear-gradient(rgba(11, 42, 74, .06) 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, rgba(11, 42, 74, .06) 1px, transparent 1px) 0 0 / 32px 32px, #e6eef4; box-shadow: 0 22px 44px -22px rgba(11, 42, 74, .5); transition: box-shadow .5s ease, transform .5s var(--k-ease); }
.k-ct img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--k-ease), filter .6s ease; filter: saturate(.95); }
.k-ct::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--k-neon); box-shadow: 0 0 12px var(--k-neon); transform: scaleX(0); transform-origin: left; transition: transform .7s var(--k-ease); }
.k-ct:hover { box-shadow: 0 30px 54px -22px rgba(0, 150, 255, .55); }
.k-ct:hover img { transform: scale(1.07); filter: saturate(1.08); }
.k-ct:hover::after { transform: scaleX(1); }

/* düzen: 4 resim → büyük + iki dikey + geniş alt; 3 → büyük + iki; 2 → büyük + küçük; 1 → tek */
.k-n4 .k-ct:nth-child(1) { grid-area: 1 / 1 / 5 / 5; }
.k-n4 .k-ct:nth-child(2) { grid-area: 1 / 5 / 4 / 7; }
.k-n4 .k-ct:nth-child(3) { grid-area: 4 / 5 / 7 / 7; }
.k-n4 .k-ct:nth-child(4) { grid-area: 5 / 1 / 7 / 5; }
.k-n3 .k-ct:nth-child(1) { grid-area: 1 / 1 / 7 / 5; }
.k-n3 .k-ct:nth-child(2) { grid-area: 1 / 5 / 4 / 7; }
.k-n3 .k-ct:nth-child(3) { grid-area: 4 / 5 / 7 / 7; }
.k-n2 .k-ct:nth-child(1) { grid-area: 1 / 1 / 7 / 5; }
.k-n2 .k-ct:nth-child(2) { grid-area: 2 / 5 / 6 / 7; }
.k-n1 .k-ct:nth-child(1) { grid-area: 1 / 1 / 7 / 7; }
.k-about-media::before {
    content: ""; position: absolute; inset: -14px; z-index: 2; pointer-events: none;
    --c: var(--k-sky);
    background:
        linear-gradient(var(--c), var(--c)) 0 0 / 32px 2px no-repeat, linear-gradient(var(--c), var(--c)) 0 0 / 2px 32px no-repeat,
        linear-gradient(var(--c), var(--c)) 100% 0 / 32px 2px no-repeat, linear-gradient(var(--c), var(--c)) 100% 0 / 2px 32px no-repeat,
        linear-gradient(var(--c), var(--c)) 0 100% / 32px 2px no-repeat, linear-gradient(var(--c), var(--c)) 0 100% / 2px 32px no-repeat,
        linear-gradient(var(--c), var(--c)) 100% 100% / 32px 2px no-repeat, linear-gradient(var(--c), var(--c)) 100% 100% / 2px 32px no-repeat;
    filter: drop-shadow(0 0 4px rgba(0, 190, 255, .55));
}
.k-badge { position: absolute; z-index: 3; left: -22px; bottom: 34px; display: flex; align-items: center; gap: 14px; padding: 16px 24px 16px 20px; border-left: 5px solid var(--k-ice); border-radius: 4px; background: linear-gradient(120deg, #0c3b6e 0%, #0a7fe0 100%); color: #fff; box-shadow: 0 20px 40px -14px rgba(10, 95, 184, .7); animation: kFloat 7s ease-in-out infinite; }
.k-badge b { font-size: clamp(38px, 4vw, 54px); font-weight: 300; line-height: 1; letter-spacing: -.03em; text-shadow: 0 0 14px rgba(0, 217, 255, .7); }
.k-badge span { font-size: 12px; font-weight: 700; line-height: 1.35; letter-spacing: .2em; text-transform: uppercase; color: #d6f2ff; }
@keyframes kFloat { 50% { transform: translateY(-10px); } }

/* =========================================================
   RAKAMLAR  (marka mavisi yüzen panel)
   ========================================================= */
.k-stats { position: relative; padding-block: 0 clamp(72px, 8vw, 120px); background: #fff; }
.k-stats > .k-wrap {
    position: relative; overflow: hidden; color: #fff;
    padding: clamp(26px, 3.4vw, 48px);
    border-radius: 24px; border: 1px solid rgba(255, 255, 255, .3);
    background:
        radial-gradient(60% 130% at 0% 0%, rgba(0, 217, 255, .38), transparent 62%),
        radial-gradient(50% 110% at 100% 100%, rgba(122, 231, 255, .24), transparent 62%),
        linear-gradient(120deg, #0c3b6e 0%, #0a5fb8 52%, #0a86d8 100%);
    box-shadow: 0 34px 70px -30px rgba(10, 95, 184, .7), 0 0 0 6px rgba(255, 255, 255, .55), inset 0 1px 0 rgba(255, 255, 255, .4);
}
.k-stats > .k-wrap::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px); background-size: 64px 64px; animation: kGrid64 36s linear infinite; -webkit-mask-image: radial-gradient(90% 120% at 50% 50%, #000 30%, transparent 100%); mask-image: radial-gradient(90% 120% at 50% 50%, #000 30%, transparent 100%); }
@keyframes kGrid64 { to { background-position: 64px 64px, 64px 64px; } }
.k-stats > .k-wrap::after { content: ""; position: absolute; left: 8%; right: 8%; top: 0; height: 2px; background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 50%, rgba(255, 255, 255, 0)); filter: drop-shadow(0 0 6px rgba(255, 255, 255, .9)); }

.k-stats-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.k-stat { display: flex; flex-direction: column-reverse; padding: 26px 22px 24px 24px; border: 1px solid rgba(255, 255, 255, .26); border-left: 5px solid var(--k-ice); border-radius: 12px; background: rgba(255, 255, 255, .1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: transform .4s var(--k-ease), box-shadow .4s ease, opacity .9s ease; }
.k-stat:hover { transform: translateY(-4px); box-shadow: 0 16px 34px -14px rgba(0, 20, 60, .6); }
.k-js .k-stat.k-reveal.is-in:hover { transform: translateY(-4px); transition-delay: 0s; }
.k-stat-num { display: flex; align-items: baseline; font-size: clamp(38px, 4vw, 58px); font-weight: 300; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: -.03em; color: #fff; }
.k-stat-num em { margin-left: 3px; font-style: normal; font-size: .5em; color: var(--k-ice); text-shadow: 0 0 10px rgba(0, 217, 255, .8); }
.k-stat-lbl { margin-top: 12px; font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #cfe6f7; }
/* ilk hücre: beyaz kart */
.k-stat:first-child { background: #fff; border-color: #fff; border-left-color: var(--k-cyan); box-shadow: 0 16px 36px -14px rgba(0, 20, 60, .65); }
.k-stat:first-child .k-stat-num { color: var(--k-ink); }
.k-stat:first-child .k-stat-num em { color: var(--k-sky); text-shadow: none; }
.k-stat:first-child .k-stat-lbl { color: var(--k-blue); }

/* =========================================================
   KARTLAR (vizyon-misyon + değerler)
   ========================================================= */
.k-card { position: relative; overflow: hidden; padding: clamp(26px, 3vw, 40px); border: 1.5px solid rgba(11, 42, 74, .12); border-left: 6px solid var(--k-cyan); border-radius: 6px; background: #fff; box-shadow: 0 22px 44px -28px rgba(11, 42, 74, .45); transition: transform .45s var(--k-ease), box-shadow .45s var(--k-ease), opacity .9s ease; }
.k-card::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--k-neon); box-shadow: 0 0 12px var(--k-neon); transform: scaleX(0); transform-origin: left; transition: transform .7s var(--k-ease); }
.k-card:hover { transform: translateY(-6px); box-shadow: 0 32px 56px -24px rgba(0, 150, 255, .5); }
.k-card:hover::after { transform: scaleX(1); }
.k-js .k-card.k-reveal.is-in:hover { transform: translateY(-6px); transition-delay: 0s; }

.k-ico { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 22px; border-radius: 50%; background: linear-gradient(135deg, #1aa7ff, #0a7fe0); color: #fff; box-shadow: 0 8px 22px -6px rgba(0, 150, 255, .7), 0 0 0 5px rgba(37, 195, 253, .14); }
.k-ico svg { width: 27px; height: 27px; }
.k-card h3 { font-size: clamp(20px, 1.9vw, 25px); font-weight: 600; line-height: 1.25; letter-spacing: -.01em; color: var(--k-ink); transition: color .3s ease; }
.k-card:hover h3 { color: var(--k-blue); }
.k-card p { margin-top: 12px; font-size: 16px; font-weight: 300; line-height: 1.75; color: var(--k-text); }

.k-vm { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(18px, 2.4vw, 30px); }
.k-vm-card { padding: clamp(30px, 3.6vw, 52px); }
.k-vm-card p { font-size: 17px; }
.k-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 24px); }
.k-value p { font-size: 15.5px; }

/* =========================================================
   GENİŞ ALINTI BANDI
   ========================================================= */
.k-band { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(90px, 10vw, 150px); color: #fff; background: linear-gradient(120deg, #0c3b6e, #0a5fb8); }
.k-band-bg { position: absolute; inset: 0; z-index: -2; background-size: cover; background-position: center; }
.k-band::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(60% 100% at 0% 50%, rgba(0, 217, 255, .28), transparent 62%), linear-gradient(100deg, rgba(8, 40, 82, .92) 0%, rgba(10, 95, 184, .78) 55%, rgba(10, 127, 224, .6) 100%); }
.k-band::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, rgba(0, 217, 255, 0), var(--k-neon) 50%, rgba(0, 217, 255, 0)); filter: drop-shadow(0 0 5px rgba(0, 217, 255, .8)); }
.k-band blockquote { position: relative; max-width: 940px; padding-left: clamp(22px, 3vw, 44px); border-left: 6px solid var(--k-cyan); }
.k-band blockquote::before { content: "\201C"; position: absolute; left: clamp(22px, 3vw, 44px); top: -.2em; font-family: Georgia, 'Times New Roman', serif; font-style: normal; font-size: clamp(90px, 11vw, 150px); line-height: 1; color: var(--k-ice); opacity: .4; }
.k-band blockquote p { position: relative; font-size: clamp(26px, 3.6vw, 50px); font-weight: 300; line-height: 1.25; letter-spacing: -.02em; }
.k-band blockquote em { font-style: normal; color: var(--k-ice); text-shadow: 0 0 22px rgba(0, 217, 255, .55); }
.k-band blockquote footer { margin-top: 26px; font-size: 13px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: #cfeeff; }

/* =========================================================
   ÇALIŞMA SÜRECİ
   ========================================================= */
.k-sec--alt .k-wrap { z-index: 2; }
.k-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 30px; }
.k-step { position: relative; padding-top: 38px; }
.k-step::before { content: ""; position: absolute; left: 0; right: -30px; top: 0; height: 1px; background: rgba(10, 143, 232, .45); }
.k-step:last-child::before { right: 0; }
.k-step::after { content: ""; position: absolute; left: 0; top: -5px; width: 11px; height: 11px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 3px rgba(10, 143, 232, .3), 0 0 14px 2px var(--k-neon); }
.k-step-no { display: block; margin-bottom: 14px; font-size: 38px; font-weight: 200; line-height: 1; letter-spacing: -.02em; color: transparent; -webkit-text-stroke: 1.2px var(--k-cyan); background: linear-gradient(180deg, #0b2a4a 0%, #0a7fe0 70%, #25c3fd 100%); -webkit-background-clip: text; background-clip: text; }
.k-step h3 { font-size: 20px; font-weight: 600; color: var(--k-ink); }
.k-step p { margin-top: 10px; max-width: 28ch; font-size: 15.5px; font-weight: 300; line-height: 1.7; color: var(--k-text); }

/* =========================================================
   GALERİ
   ========================================================= */
.k-gallery { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: clamp(170px, 19vw, 260px); gap: clamp(12px, 1.6vw, 20px); }
.k-shot { position: relative; overflow: hidden; border: 1px solid var(--k-line); border-left: 5px solid var(--k-cyan); border-radius: 4px; background: linear-gradient(rgba(11, 42, 74, .06) 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, rgba(11, 42, 74, .06) 1px, transparent 1px) 0 0 / 32px 32px, #e6eef4; box-shadow: 0 18px 38px -22px rgba(11, 42, 74, .5); transition: box-shadow .5s ease, transform .5s var(--k-ease), opacity .9s ease; }
.k-shot:first-child { grid-column: span 2; grid-row: span 2; }
.k-shot img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--k-ease), filter .6s ease; filter: saturate(.95); }
.k-shot::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--k-neon); box-shadow: 0 0 12px var(--k-neon); transform: scaleX(0); transform-origin: left; transition: transform .7s var(--k-ease); }
.k-shot:hover { box-shadow: 0 28px 50px -20px rgba(0, 150, 255, .55); }
.k-shot:hover img { transform: scale(1.07); filter: saturate(1.08); }
.k-shot:hover::after { transform: scaleX(1); }

/* =========================================================
   ÇAĞRI (CTA)  — altta footer yuvarlak kenarla biner
   ========================================================= */
.k-cta { position: relative; padding-block: 0 clamp(130px, 13vw, 200px); background: #fff; }
.k-cta-in { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 28px 48px; padding: clamp(30px, 4.4vw, 62px); border-radius: 24px; border: 1px solid rgba(255, 255, 255, .3); color: #fff; background: radial-gradient(60% 130% at 0% 0%, rgba(0, 217, 255, .38), transparent 62%), radial-gradient(50% 110% at 100% 100%, rgba(122, 231, 255, .24), transparent 62%), linear-gradient(120deg, #0c3b6e 0%, #0a5fb8 52%, #0a86d8 100%); box-shadow: 0 34px 70px -30px rgba(10, 95, 184, .7), 0 0 0 6px rgba(255, 255, 255, .55), inset 0 1px 0 rgba(255, 255, 255, .4); }
.k-cta-in::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px); background-size: 64px 64px; animation: kGrid64 36s linear infinite; -webkit-mask-image: radial-gradient(90% 120% at 50% 50%, #000 30%, transparent 100%); mask-image: radial-gradient(90% 120% at 50% 50%, #000 30%, transparent 100%); }
.k-cta-in::after { content: ""; position: absolute; left: 8%; right: 8%; top: 0; height: 2px; background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 50%, rgba(255, 255, 255, 0)); filter: drop-shadow(0 0 6px rgba(255, 255, 255, .9)); }
.k-cta-txt, .k-cta .k-actions { position: relative; z-index: 1; }
.k-cta-txt { flex: 1 1 420px; }
.k-cta h2 { max-width: 22ch; color: #fff; }
.k-cta-txt p { margin-top: 16px; max-width: 52ch; font-size: 17px; font-weight: 300; line-height: 1.7; color: #dcebf6; }
.k-cta .k-actions { margin-top: 0; }
.k-cta .k-btn--primary { background: #fff; color: var(--k-blue); box-shadow: 0 10px 26px -10px rgba(0, 20, 60, .6); }
.k-cta .k-btn--primary:hover { background: #eaf6ff; }
.k-cta .k-btn--ghost { background: rgba(255, 255, 255, .08); border: 1.5px solid rgba(255, 255, 255, .55); border-left: 6px solid var(--k-ice); color: #fff; }
.k-cta .k-btn--ghost:hover { background: #fff; color: var(--k-blue); border-color: #fff; border-left-color: var(--k-cyan); }

/* =========================================================
   RESİM ALANLI BÖLÜMLER  (Vizyon & Misyon + Çalışma Sürecimiz)
   .k-split : metin | resim iki sütun.  --rev : resim solda.
   Resim klasörü boşsa .no-img eklenir → eski tek sütun düzen.
   Sayfanın keskin/dikdörtgen kartlarından BİLEREK ayrışır:
     Vizyon  → kemer (arch) + kayık dış çizgi + yuvarlak detay + nokta deseni
     Süreç   → yaprak form + mavi plan (blueprint) zemin + yuvarlatılmış detay
   ========================================================= */
.k-split { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(48px, 6.5vw, 104px); align-items: stretch; }
.k-split--rev { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
.k-split--rev .k-split-media { order: -1; }
.k-split.no-img { grid-template-columns: minmax(0, 1fr); }
.k-split-main { min-width: 0; }

.k-split-media { position: relative; min-height: 520px; }
.k-pic { position: absolute; margin: 0; overflow: hidden; background: linear-gradient(135deg, #dcecf7, #c6e0f2); }
.k-pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--k-ease); }
.k-pic::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 55%, rgba(8, 40, 82, .32) 100%); }
.k-split-media:hover .k-pic--main img { transform: scale(1.06); }
.k-pic--main { inset: 0; z-index: 1; box-shadow: 0 36px 64px -30px rgba(11, 42, 74, .65); }

/* ---- VİZYON & MİSYON: kemer ---- */
.k-split:not(.k-split--rev) .k-pic--main { border-radius: 999px 999px 28px 28px; }
.k-split:not(.k-split--rev) .k-split-media::before {
    content: ""; position: absolute; inset: 0; z-index: 0;
    border: 2px solid var(--k-cyan); border-radius: 999px 999px 28px 28px;
    transform: translate(22px, -22px);
    box-shadow: 0 0 16px rgba(0, 217, 255, .4), inset 0 0 16px rgba(0, 217, 255, .12);
}
.k-split:not(.k-split--rev) .k-split-media::after {
    content: ""; position: absolute; z-index: 0; right: -46px; bottom: 36px; width: 120px; height: 170px;
    background: radial-gradient(var(--k-cyan) 2px, transparent 2.6px) 0 0 / 18px 18px; opacity: .7;
}
.k-split:not(.k-split--rev) .k-pic--sub {
    z-index: 3; width: 40%; aspect-ratio: 1; left: -46px; bottom: -34px; border-radius: 50%;
    border: 7px solid #fff;
    box-shadow: 0 0 0 2px var(--k-cyan), 0 0 18px rgba(0, 217, 255, .5), 0 26px 46px -14px rgba(11, 42, 74, .65);
}

/* ---- ÇALIŞMA SÜRECİ: yaprak form + blueprint zemin ---- */
.k-split--rev .k-pic--main { border-radius: 170px 28px 170px 28px; }
.k-split--rev .k-split-media::before {
    content: ""; position: absolute; inset: 0; z-index: 0;
    border-radius: 170px 28px 170px 28px; transform: translate(-22px, 22px);
    background:
        linear-gradient(rgba(255, 255, 255, .14) 1px, transparent 1px) 0 0 / 32px 32px,
        linear-gradient(90deg, rgba(255, 255, 255, .14) 1px, transparent 1px) 0 0 / 32px 32px,
        linear-gradient(135deg, #0c3b6e 0%, #0a86d8 100%);
    box-shadow: 0 30px 50px -26px rgba(10, 95, 184, .7);
}
.k-split--rev .k-pic--sub {
    z-index: 3; width: 44%; aspect-ratio: 4 / 3; right: -42px; bottom: -32px;
    border-radius: 90px 24px 24px 24px; border: 6px solid #fff;
    box-shadow: 0 26px 46px -14px rgba(11, 42, 74, .65);
}

/* ---- yüzen hap etiket ---- */
.k-tag {
    position: absolute; z-index: 4; right: -26px; top: 40%;
    display: flex; align-items: center; gap: 10px; padding: 12px 22px 12px 16px; border-radius: 999px;
    background: rgba(255, 255, 255, .95); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    box-shadow: 0 16px 34px -12px rgba(10, 90, 170, .6), 0 0 0 1px rgba(37, 195, 253, .35);
    font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--k-ink); white-space: nowrap;
    animation: kFloat 7s ease-in-out infinite;
}
.k-split--rev .k-tag { right: auto; left: -26px; top: 14%; }
.k-tag i { width: 9px; height: 9px; border-radius: 50%; background: var(--k-neon); box-shadow: 0 0 0 0 rgba(0, 217, 255, .7); animation: kTagPulse 1.8s ease-out infinite; }
@keyframes kTagPulse { to { box-shadow: 0 0 0 9px rgba(0, 217, 255, 0); } }

/* resimle yan yana iken: vizyon-misyon kartları alt alta, ikon solda */
.k-split:not(.no-img) .k-vm { grid-template-columns: 1fr; }
.k-split:not(.no-img) .k-vm-card { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 24px; align-items: start; padding: clamp(24px, 2.6vw, 34px) clamp(24px, 2.8vw, 38px); }
.k-split:not(.no-img) .k-vm-card .k-ico { grid-row: 1 / 3; margin-bottom: 0; }
.k-split:not(.no-img) .k-vm-card p { margin-top: 8px; font-size: 16px; }
.k-split:not(.no-img) .k-head { margin-bottom: clamp(28px, 3.4vw, 44px); }

/* resimle yan yana iken: süreç dikey zaman çizelgesi */
.k-split:not(.no-img) .k-steps { grid-template-columns: 1fr; row-gap: 0; }
.k-split:not(.no-img) .k-step { padding: 0 0 34px 38px; }
.k-split:not(.no-img) .k-step:last-child { padding-bottom: 0; }
.k-split:not(.no-img) .k-step::before { left: 5px; right: auto; top: 6px; bottom: -6px; width: 1px; height: auto; }
.k-split:not(.no-img) .k-step:last-child::before { display: none; }
.k-split:not(.no-img) .k-step::after { left: 0; top: 2px; }
.k-split:not(.no-img) .k-step p { max-width: 46ch; }

@media (max-width: 1000px) {
    .k-split, .k-split--rev { grid-template-columns: 1fr; gap: 72px; }
    .k-split--rev .k-split-media { order: 0; }
    .k-split-media { width: calc(100% - 44px); max-width: 500px; min-height: clamp(380px, 92vw, 580px); margin-inline: auto; margin-bottom: 40px; }
}
@media (max-width: 700px) {
    .k-split:not(.k-split--rev) .k-split-media::before { transform: translate(14px, -14px); }
    .k-split:not(.k-split--rev) .k-split-media::after { display: none; }
    .k-split--rev .k-split-media::before { transform: translate(-14px, 14px); }
    .k-split:not(.k-split--rev) .k-pic--sub { width: 38%; left: -14px; bottom: -26px; border-width: 5px; }
    .k-split--rev .k-pic--sub { width: 42%; right: -14px; bottom: -26px; border-width: 5px; border-radius: 60px 18px 18px 18px; }
    .k-split--rev .k-pic--main { border-radius: 110px 22px 110px 22px; }
    .k-split--rev .k-split-media::before { border-radius: 110px 22px 110px 22px; }
    .k-tag { right: -10px; padding: 9px 16px 9px 12px; font-size: 11px; letter-spacing: .12em; }
    .k-split--rev .k-tag { right: auto; left: -10px; }
    .k-split:not(.no-img) .k-vm-card { grid-template-columns: 1fr; }
    .k-split:not(.no-img) .k-vm-card .k-ico { grid-row: auto; margin-bottom: 18px; }
}

/* =========================================================
   TABLET
   ========================================================= */
@media (max-width: 1000px) {
    .k-about-grid { grid-template-columns: 1fr; gap: 56px; }
    .k-about-media { max-width: 520px; margin-inline: auto; }
    .k-about-media { aspect-ratio: 1 / .92; }
    .k-stats-grid { grid-template-columns: 1fr 1fr; }
    .k-values { grid-template-columns: 1fr 1fr; }
    .k-steps { grid-template-columns: 1fr 1fr; row-gap: 46px; }
    .k-step:nth-child(2)::before { right: 0; }
    .k-compass { display: none; }
    .k-js .k-values .k-reveal:nth-child(n), .k-js .k-steps .k-reveal:nth-child(n), .k-js .k-stats-grid .k-reveal:nth-child(n) { transition-delay: 0s; }
}

/* =========================================================
   MOBİL (T menü gizli → başlık tam genişlik, beyaz hakim)
   ========================================================= */
@media (max-width: 900px) {
    .k-hero { padding-top: calc(var(--hdr) + 22px); }
    .k-hero-in { width: calc(100% - 40px); }
}
@media (max-width: 700px) {
    .k-wrap { width: calc(100% - 32px); }
    .k-hero { padding-bottom: 104px; }
    .k-hero-in { width: calc(100% - 32px); }
    .k-crumb ol { font-size: 13px; padding: 9px 16px 9px 14px; }
    .k-hero-lead { font-size: 16px; }
    .k-about { margin-top: -30px; border-radius: 28px 28px 0 0; }
    .k-sec { padding-block: 64px; }
    .k-about-text p { font-size: 16px; }
    .k-checks { grid-template-columns: 1fr; }
    .k-actions .k-btn { flex: 1 1 100%; justify-content: center; }
    .k-about-media::before { inset: -9px; }
    .k-badge { left: 10px; bottom: 16px; padding: 12px 18px 12px 14px; }
    .k-cube { display: none; }

    .k-stats > .k-wrap { border-radius: 18px; padding: 20px 14px; box-shadow: 0 24px 50px -26px rgba(10, 95, 184, .7), 0 0 0 4px rgba(255, 255, 255, .55), inset 0 1px 0 rgba(255, 255, 255, .4); }
    .k-stats-grid { gap: 10px; }
    .k-stat { padding: 20px 14px 18px 16px; }

    .k-vm, .k-values { grid-template-columns: 1fr; }
    .k-band blockquote { padding-left: 20px; border-left-width: 5px; }

    /* süreç: dikey zaman çizelgesi */
    .k-steps { grid-template-columns: 1fr; row-gap: 0; }
    .k-step { padding: 0 0 36px 34px; }
    .k-step::before { left: 5px; right: auto; top: 6px; bottom: -6px; width: 1px; height: auto; }
    .k-step:nth-child(2)::before { right: auto; }
    .k-step:last-child::before { display: none; }
    .k-step::after { left: 0; top: 2px; }

    .k-gallery { grid-template-columns: 1fr 1fr; grid-auto-rows: clamp(130px, 38vw, 200px); }
    .k-shot:first-child { grid-column: span 2; grid-row: span 1; }

    .k-cta-in { border-radius: 18px; box-shadow: 0 24px 50px -26px rgba(10, 95, 184, .7), 0 0 0 4px rgba(255, 255, 255, .55), inset 0 1px 0 rgba(255, 255, 255, .4); }
    .k-cta h2 { font-size: clamp(26px, 7vw, 32px); }
}
@media (max-width: 420px) {
    .k-stats-grid { grid-template-columns: 1fr; }
}

/* dokunmatikte hover'a bağlı süsler sabit kalsın */
@media (hover: none) {
    .k-card:hover, .k-shot:hover img { transform: none; }
}

/* hareket azaltma */
@media (prefers-reduced-motion: reduce) {
    .kurumsal *, .kurumsal *::before, .kurumsal *::after { transition-duration: .01ms !important; animation: none !important; }
    .k-js .k-reveal { opacity: 1; transform: none; }
    .k-tag, .k-tag i { animation: none !important; }
}