/* site.css — Tasarım sistemi (Stripe dili): aydınlık sayfa, eğik animasyonlu gradyan bandı, şeffaf→beyaz header, zengin dropdown'lar, hap butonlar ve ince mikro-etkileşimler. Renkler tokens.css'ten gelir. */

/* ========== 0) GÖMÜLÜ FONTLAR (assets/fonts — Türkçe subset) ========== */
@font-face { font-family: "BAU Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/bausans-400.woff") format("woff"); }
@font-face { font-family: "BAU Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/bausans-500.woff") format("woff"); }
@font-face { font-family: "BAU Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/bausans-700.woff") format("woff"); }
@font-face { font-family: "Lora"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/lora-var.woff") format("woff"); }
@font-face { font-family: "Lora"; font-style: italic; font-weight: 400 700; font-display: swap; src: url("../fonts/lora-italic-var.woff") format("woff"); }

/* ========== YÜKLEME ÇİZGİSİ (YouTube tarzı) — header'ın üstünde, parlak sarı; yalnızca soldan sağa dolar ========== */
.pgbar { position: fixed; top: 0; left: 0; right: 0; height: 2px; z-index: 500; pointer-events: none; }
.pgbar__fill {
  position: relative; display: block; height: 100%; width: 0;
  background: linear-gradient(90deg, #FFE08A, var(--brand-gold) 55%, #FFB300);
  box-shadow: 0 0 8px 1px rgba(255, 196, 46, .7);
  transition: width .2s ease;  /* yalnızca ileri; geri sıfırlama JS'te anlık yapılır */
}
.pgbar__fill::after {  /* Ön uçtaki ince ışıltı */
  content: ""; position: absolute; right: 0; top: -2px; height: 6px; width: 70px;
  background: linear-gradient(90deg, transparent, rgba(255, 224, 138, .9));
  filter: blur(3px); border-radius: 50%;
}
.pgbar__fill.done { transition: opacity .4s ease .1s; opacity: 0; }  /* tamamlanınca yalnızca solar, küçülmez */

/* ========== 1) SIFIRLAMA VE TABAN ========== */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: .9375rem;
  color: var(--ink-soft);
  background: var(--bg);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img, svg, video { max-width: 100%; height: auto; }
a { color: var(--brand-blue); text-decoration: none; }
main p a, main li a { font-weight: 500; transition: color var(--speed); }
main p a:hover, main li a:hover { color: var(--brand-navy-2); text-decoration: underline; text-underline-offset: 3px; }
::selection { background: var(--brand-gold-2); color: var(--brand-navy); }
* { scrollbar-width: thin; scrollbar-color: #C3CCDA transparent; }

/* Büyük ekran ölçekleme: kök yazı boyutu büyüdükçe rem tabanlı tüm site orantılı büyür (TV / 4K / 5K). */
@media (min-width: 1920px) { html { font-size: 17px; } }
@media (min-width: 2400px) { html { font-size: 19px; } }
@media (min-width: 3000px) { html { font-size: 22px; } }
@media (min-width: 3800px) { html { font-size: 26px; } }
@media (min-width: 4800px) { html { font-size: 30px; } }

/* Erişilebilirlik: klavye odağı ve içeriğe atla bağlantısı. */
:focus-visible { outline: 2.5px solid var(--brand-blue); outline-offset: 3px; border-radius: 6px; }
.band :focus-visible, .feature-strip :focus-visible, .footer :focus-visible { outline-color: var(--brand-gold-2); }
.skip-link {
  position: absolute; left: -999px; top: 0; z-index: 400;
  background: var(--brand-navy); color: #fff; font-weight: 500; font-size: .88rem;
  padding: .7rem 1.2rem; border-radius: 0 0 var(--radius-sm) 0;
}
.skip-link:focus { left: 0; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}

/* ========== 2) TİPOGRAFİ ========== */
h1, h2, h3, h4 {
  font-family: var(--font-display); font-weight: 700; color: var(--ink);
  line-height: 1.12; margin: 0 0 .5em; text-wrap: balance;
}
h1 { font-size: clamp(2.35rem, 1.05rem + 3.8vw, 4.15rem); letter-spacing: -.035em; line-height: 1.06; }
h2 { font-size: clamp(1.6rem, 1.15rem + 1.4vw, 2.3rem); letter-spacing: -.025em; }
h3 { font-size: 1.04rem; letter-spacing: -.01em; line-height: 1.4; }
h4 { font-size: .95rem; letter-spacing: -.005em; }
p { margin: 0 0 1em; }
.lead { font-size: clamp(1rem, .95rem + .3vw, 1.18rem); line-height: 1.72; color: var(--ink-soft); max-width: 47em; }
.small { font-size: .82rem; color: var(--ink-muted); line-height: 1.65; }
b, strong { font-weight: 700; color: var(--ink); }

/* Başlık vurgusu: kurumsal sayfalarda başlıklar tek renk lacivert kalır (Stripe Enterprise dili);
   koyu bölümlerde vurgulu kelime açık sarıya döner. */
.accent { font-style: normal; font-weight: inherit; color: inherit; }
.on-dark .accent, .band .accent, .feature-strip .accent { color: var(--brand-gold-2); }

/* Kicker: bölüm üstü etiket — Stripe "eyebrow" disiplini (açık zeminde marka mavisi). */
.kicker {
  display: block; width: fit-content;
  font-size: .82rem; font-weight: 700; letter-spacing: .01em;
  color: var(--brand-blue); margin-bottom: .85rem;
}
.on-dark .kicker { color: var(--brand-gold-2); }

/* ========== 3) YERLEŞİM ========== */
.container { max-width: var(--container); margin-inline: auto; padding-inline: var(--gutter); }
.section { padding-block: clamp(3.6rem, 2.4rem + 3.4vw, 6.5rem); }
.section--soft { background: var(--bg-soft); } /* geçiş çizgisi (box-shadow) kaldırıldı */
.section-head { max-width: 46em; margin-bottom: clamp(1.8rem, 1rem + 2vw, 3.4rem); }

/* Ana sayfa Gündem başlığı — başlık solda, "Tümünü Gör" sağda (başlıkla aynı hizada) */
.gun-head { display: flex; align-items: flex-end; justify-content: space-between; gap: .8rem 1.5rem; flex-wrap: wrap; }
.gun-head__text .kicker { display: block; }
.gun-head__text h2 { margin: 0; }
.gun-all { flex: none; display: inline-flex; align-items: center; gap: .4rem; font-weight: 650; font-size: .92rem; white-space: nowrap;
  color: var(--brand-blue); text-decoration: none !important; padding: .55rem 1rem; border-radius: 999px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-blue) 30%, transparent);
  transition: background .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease); }
.gun-all:hover { background: color-mix(in srgb, var(--brand-blue) 8%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-blue) 55%, transparent); transform: translateY(-1px); }
.gun-all svg { width: .9em; height: .9em; transition: transform .2s var(--ease); }
.gun-all:hover svg { transform: translateX(3px); }
.gun-lead { color: var(--ink-soft); font-size: 1rem; line-height: 1.6; margin: .7rem 0 clamp(1.6rem, 1rem + 1.6vw, 2.4rem); max-width: 46rem; }

/* Ana sayfa "Nereden başlamak istersiniz?" — hover'da lacivert→sarı şeffaf animasyonlu gradyan + beliren "Keşfet" butonu */
#platformu-kesfet .card { position: relative; overflow: hidden; isolation: isolate; }
#platformu-kesfet .card::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background:
    radial-gradient(64% 76% at 113% -12%, rgba(255, 196, 46, .62), transparent 60%),
    radial-gradient(70% 80% at -6% 116%, rgba(10, 22, 74, .5), transparent 56%);
  opacity: 0; transition: opacity .45s var(--ease); will-change: transform; }
#platformu-kesfet .card:hover::before, #platformu-kesfet .card:focus-within::before { opacity: 1; animation: kesfet-drift 6.5s ease-in-out infinite alternate; }
@keyframes kesfet-drift { from { transform: scale(1.06) translate(-2%, 2%); } to { transform: scale(1.16) translate(3%, -3%); } }
#platformu-kesfet .card:hover { box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-gold) 40%, transparent), 0 22px 44px -22px rgba(20, 30, 70, .38); }
/* "Keşfet" butonu — normalde gizli, hover'da alttan yükselir */
#platformu-kesfet .arrow-link { position: relative; z-index: 1; align-self: flex-start; margin-top: auto;
  padding: .55rem 1.15rem; border-radius: 999px; font-size: .86rem; font-weight: 800; color: var(--brand-navy);
  background: var(--brand-gold); box-shadow: 0 10px 20px -8px color-mix(in srgb, var(--brand-gold) 85%, transparent);
  opacity: 0; transform: translateY(12px); pointer-events: none;
  transition: opacity .35s var(--ease), transform .42s var(--ease); }
#platformu-kesfet .card:hover .arrow-link, #platformu-kesfet .card:focus-within .arrow-link { opacity: 1; transform: translateY(0); }
#platformu-kesfet .arrow-link::after { color: var(--brand-navy); }
@media (hover: none) { #platformu-kesfet .arrow-link { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { #platformu-kesfet .card:hover::before { animation: none; } #platformu-kesfet .arrow-link { transform: none; } }
.grid { display: grid; gap: 1.15rem; }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1023px) { .grid--3, .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 719px)  { .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; } }

/* ========== 4) BUTONLAR (Stripe tarzı hap butonlar) ========== */
.btn {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
  font-family: var(--font-sans); font-weight: 500; font-size: .88rem; line-height: 1.45;
  padding: .5rem 1.1rem; border-radius: 999px; border: 1px solid transparent;
  cursor: pointer; text-decoration: none !important; text-align: center; max-width: 100%;
  transition: background var(--speed) var(--ease), color var(--speed), border-color var(--speed), box-shadow var(--speed), transform var(--speed) var(--ease);
}
.btn svg { width: .9em; height: .9em; flex: none; transition: transform var(--speed) var(--ease); }
.btn:hover svg { transform: translateX(3px); }
.btn:active { transform: scale(.985); }
/* Birincil buton: DÜZ, parlak sarı — gölgesiz ve kabartmasız (Stripe sadeliği). */
.btn--gold { background: var(--brand-gold); color: var(--brand-navy); font-weight: 700; }
.btn--gold:hover { background: color-mix(in srgb, var(--brand-gold) 84%, #B57B00); }
.btn--outline { background: #fff; color: var(--ink); border-color: #D5DBE3; }
.btn--outline:hover { border-color: #A9B4C4; color: var(--brand-navy); background: var(--bg-soft); }
.band .btn--outline, .on-dark .btn--outline { border-color: transparent; }
.btn--ghost-light { background: rgba(255, 255, 255, .12); color: #fff; border-color: rgba(255, 255, 255, .28); backdrop-filter: blur(6px); }
.btn--ghost-light:hover { background: rgba(255, 255, 255, .2); border-color: rgba(255, 255, 255, .55); }
/* Koyu hero'da ikincil aksiyon, Stripe'ın "Learn more >" kalıbı gibi ok'lu BEYAZ metin linkidir. */
.hero .btn--ghost-light {
  background: none; border: 0; padding: .5rem .25rem; backdrop-filter: none;
  color: #fff; font-weight: 600; font-size: .9375rem;
}
.hero .btn--ghost-light::after { content: "→"; font-weight: 400; margin-left: .1rem; transition: transform var(--speed) var(--ease); }
.hero .btn--ghost-light:hover { color: rgba(206, 220, 240, .9); transform: none; }
.hero .btn--ghost-light:hover::after { transform: translateX(4px); }
.btn--sm { padding: .38rem .85rem; font-size: .84rem; }
.btn-row { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; }

/* Ok yönlü bağlantı — Stripe'ın "Daha fazla >" kalıbı. */
.arrow-link {
  display: inline-flex; align-items: center; gap: .3rem; width: fit-content;
  font-weight: 700; font-size: .86rem; color: var(--brand-blue);
}
.arrow-link::after { content: "→"; font-weight: 500; transition: transform var(--speed) var(--ease); }
.arrow-link:hover { text-decoration: none; color: var(--brand-navy-2); }
.arrow-link:hover::after, .card:hover .arrow-link::after { transform: translateX(4px); }

/* ========== 5) HEADER — MEGA MENÜ: default koyu/şeffaf, hover'da tüm header beyaz + tam genişlik açılır panel ========== */
.header {
  position: sticky; top: 0; z-index: 100;
  background: transparent;
  transition: background .3s var(--ease), box-shadow .3s var(--ease), backdrop-filter .3s var(--ease);
}
/* Kaydırınca: düz renk yerine yarı saydam BUZLU CAM — arkadaki içerik hafifçe süzülür (premium sinyal). */
.header.scrolled {
  background: #020b29;  /* Kaydırınca daha koyu lacivert header zemini */
  box-shadow: 0 10px 34px rgba(5, 13, 51, .32);
}
/* İnce ALTIN HAT — header'ın altında, kaydırınca yumuşakça belirir. */
.header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--brand-gold) 62%, transparent) 22%, color-mix(in srgb, var(--brand-gold) 62%, transparent) 78%, transparent);
  opacity: 0; transition: opacity .35s var(--ease);
}
.header.scrolled::after { opacity: 1; }
/* Herhangi bir menüye gelince: header koyu lacivert (koyu mega panelle tek yüzey), logo+menü açık — beyaz açılma sorunu giderildi */
.header.menu-open {
  background: linear-gradient(180deg, #071240 0%, #0A1848 100%); backdrop-filter: none; -webkit-backdrop-filter: none;
  box-shadow: 0 1px 0 rgba(140,172,235,.22), 0 24px 48px -28px rgba(4, 10, 40, .55);
}
.header.menu-open::after { opacity: 0; }  /* mega açıkken altın hat gizlenir */
body.sub .header.menu-open { background: linear-gradient(180deg, #071240 0%, #0A1848 100%); }

.header__inner { display: flex; align-items: center; min-height: var(--header-h); }
.header__logo { flex: none; display: flex; align-items: center; gap: .7rem; margin-right: 1.7rem; }
/* İki logo (beyaz SVG + mavi PNG) aynı sabit kutuya oturur → mega açılınca kayma olmaz */
.header__logo img { height: 2.45rem; width: 10.6rem; object-fit: contain; object-position: left center; transition: opacity var(--speed); }
.header__logo:hover img, .header__logo:hover .logo-ai { opacity: .82; }
.header__logo .logo-n { display: none; }
/* AI etiketi — logonun yanında marka renginde kilit (ai.bau.edu.tr kimliği). */
.logo-ai {
  position: relative; padding-left: .8rem;
  font-weight: 700; font-size: 1.7rem; letter-spacing: .03em; line-height: 1;
  color: var(--brand-gold-2); transition: color var(--speed), opacity var(--speed);
}
.logo-ai::before {  /* İnce ayraç */
  content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 1px; height: 1.7rem; background: currentColor; opacity: .32;
}
.header.menu-open .logo-ai { color: var(--brand-gold-2); }  /* Koyu header'da açık amber */
.header.menu-open .logo-w { display: block; }              /* koyu zeminde beyaz logo kalır */
.header.menu-open .logo-n { display: none; }

/* Menüler — logonun yanında sol blok */
.header__nav { position: relative; display: flex; align-items: center; gap: .1rem; margin-right: auto; }
/* Kayan alt vurgu — mega açıkken aktif grubun altında; yatayda animasyonla kayar (JS konumlandırır). */
.nav-ind { position: absolute; bottom: .95rem; left: 0; width: 0; height: 2px; border-radius: 2px;
  background: var(--brand-gold); transform: translateX(0); opacity: 0; pointer-events: none;
  transition: transform .32s var(--ease), width .32s var(--ease), opacity .2s var(--ease); }
.header.ind-on .nav-ind { opacity: 1; }
/* Mega açıkken tekil çizgiler gizlenir; tek kayan vurgu geçerlidir (aria-current dâhil). */
.header.menu-open .nav-link::after { transform: scaleX(0) !important; }
.nav-item { display: flex; align-items: center; }  /* static: mega header'a göre tam genişlik konumlanır */
.nav-link {
  position: relative; display: inline-flex; align-items: center; gap: .34rem; white-space: nowrap;
  color: #fff; font-size: .9375rem; font-weight: 450; letter-spacing: .002em;
  padding: 1.35rem .85rem; text-decoration: none !important;
  transition: color .18s var(--ease);
}
.nav-link .chev { width: .58em; height: .58em; opacity: .7; transition: transform .3s var(--ease); }
.nav-link::after {  /* Altın vurgu çizgisi — hover/aktif menü */
  content: ""; position: absolute; left: .85rem; right: .85rem; bottom: .95rem; height: 2px; border-radius: 2px;
  background: var(--brand-gold); transform: scaleX(0); transform-origin: left; transition: transform .24s var(--ease);
}
/* Hover'daki menü: ok yukarı döner + vurgu çizgisi belirir */
.nav-item:hover .nav-link .chev { transform: rotate(180deg); }
.nav-item:hover .nav-link::after, .nav-link[aria-current="page"]::after { transform: scaleX(1); }
/* Renkler: default beyaz; aktif menü altın. Header beyazken menüler koyu, hover'daki daha koyu */
.nav-link[aria-current="page"] { color: var(--brand-gold-2); }
.header.menu-open .nav-link { color: rgba(226,233,250,.82); }
.header.menu-open .nav-item:hover .nav-link,
.header.menu-open .nav-link[aria-current="page"] { color: #fff; }
@media (max-width: 1219px) { .nav-link { font-size: .875rem; padding-inline: .7rem; } }

/* MEGA PANEL — TEK birleşik panel: 4 grup sütunu (tüm alt menüler). Herhangi bir gruba gelince açılır; hover edilen sütun vurgulanır. */
.mega {
  position: absolute; top: 100%; left: 0; width: 100%; z-index: 90;
  background: #fff; border-top: 1px solid var(--line);
  box-shadow: 0 30px 50px -22px rgba(50, 50, 93, .26);
  opacity: 0; visibility: hidden; transform: translateY(-10px) scaleY(.985); transform-origin: top center;
  transition: opacity .22s var(--ease), transform .3s var(--ease), visibility .22s;
}
.header.menu-open .mega { opacity: 1; visibility: visible; transform: none; }
.mega__grid { display: grid; grid-template-columns: repeat(4, 1fr); padding-block: 1.8rem 2rem; align-items: stretch; }
.mega__group { padding-inline: clamp(1.1rem, 1.6vw, 2rem); }
.mega__group + .mega__group { border-left: 1px solid var(--line); }  /* sütunlar düz dikey çizgiyle bölünür (radius yok) */
.mega__head {
  display: block; font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: var(--ink-muted); margin: 0 0 .9rem; text-decoration: none !important; transition: color var(--speed);
}
.mega__head:hover, .mega__group.is-active .mega__head { color: var(--brand-blue); }  /* üzerine gelinen grup başlığı vurgulanır */
.mega__item {
  display: flex; align-items: center; gap: .5rem; padding: .5rem 0;
  text-decoration: none !important;
}
.mega__arrow { flex: none; width: .82em; height: .82em; color: var(--ink-muted);
  transition: transform var(--speed) var(--ease), color var(--speed); }
.mega__item b { font-size: .92rem; font-weight: 500; color: var(--ink-soft); line-height: 1.35;
  display: inline-flex; align-items: center; gap: .35rem; transition: color var(--speed); }
.mega__item:hover .mega__arrow { transform: translateX(3px); color: var(--brand-blue); }
.mega__item:hover b { color: var(--brand-blue); }
/* Geçerli sayfaya karşılık gelen alt bağlantı — mega açıkken kalıcı vurgu (mavi + yarı kalın + kaydırılmış ok + öncü nokta). */
.mega__item.is-current .mega__arrow { color: var(--brand-blue); transform: translateX(3px); }
.mega__item.is-current b { color: var(--brand-blue); font-weight: 650; }
.mega__item.is-current b::before {
  content: ""; width: .4rem; height: .4rem; border-radius: 50%; flex: none;
  background: var(--brand-gold); margin-right: -.05rem;
}
.mega__item .ext { width: .72em; height: .72em; color: var(--ink-muted); }
@media (max-width: 1023px) { .mega { display: none; } }

/* ========== ALT SAYFA BAŞLIĞI — koyu hero yerine açık zeminli breadcrumb + başlık (modern) ========== */
body.sub .header { background: #020b29; }  /* alt sayfalarda header düz koyu → beyaz logo/menü görünür */

.crumbs { background: var(--bg-soft); border-bottom: 1px solid var(--line); }  /* açık gri bant → breadcrumb ön planda */
.crumbs .container { display: flex; flex-wrap: wrap; align-items: center; padding-block: .95rem; font-size: .92rem; }
.crumbs a { color: var(--ink-soft); font-weight: 500; text-decoration: none !important; padding-block: .15rem; transition: color var(--speed); }
.crumbs a:hover { color: var(--brand-blue); }
.crumbs__sep { width: .7em; height: .7em; color: var(--ink-muted); opacity: .65; transform: rotate(-90deg); margin-inline: .55rem; }
.crumbs__cur { color: var(--ink); font-weight: 700; }  /* mevcut sayfa koyu ve kalın */

.page-hero { background: #fff; border-bottom: 1px solid var(--line); }
.page-hero .container { padding-block: clamp(1.6rem, 1rem + 1.6vw, 2.6rem) clamp(2rem, 1.4rem + 2vw, 3.2rem); }
.page-hero .kicker { color: var(--brand-blue); }
.page-hero h1 { color: var(--ink); font-weight: 680; letter-spacing: -.03em; line-height: 1.08;
  font-size: clamp(1.9rem, 1.2rem + 2.2vw, 2.9rem); margin: .35rem 0 .5em; max-width: 20em; }
.page-hero h1 .accent { color: var(--brand-blue); }  /* vurgu: koyu hero'daki beyaz/gold yerine mavi */
.page-hero .lead { color: var(--ink-soft); font-weight: 450; line-height: 1.6;
  font-size: clamp(1rem, .95rem + .38vw, 1.18rem); max-width: 46em; }
.page-hero .btn-row { margin-top: 1.7rem; }

/* ========== DOKÜMANTASYON DÜZENİ (İlke ve Politikalar) — solda sabit bölüm menüsü + değişen gövde ========== */
.docs { display: grid; grid-template-columns: minmax(210px, 240px) minmax(0, 1fr);
  gap: clamp(1.6rem, 3vw, 3.4rem);                                /* align-items: stretch (varsayılan) → sol sütun tam satır yüksekliğine uzar, içteki menü sticky olarak kayabilir */
  padding-block: clamp(1.8rem, 1rem + 2vw, 3rem) clamp(2.6rem, 1.6rem + 3vw, 4.2rem); }

/* Sol menü — masaüstünde sticky (header'ın altında sabit kalır) */
.docs__nav { position: sticky; top: calc(var(--header-h) + 1rem); }
.docs__navhead { display: none; }                                  /* başlık yalnızca mobilde görünür */
.docs__nav nav { display: flex; flex-direction: column; gap: .1rem; border-left: 1px solid var(--line); }
.docs__nav nav a { display: block; margin-left: -1px; padding: .55rem .95rem;
  border-left: 2px solid transparent; color: var(--ink-soft); font-size: .92rem; font-weight: 500; line-height: 1.35;
  text-decoration: none !important; transition: color var(--speed), border-color var(--speed), background var(--speed); }
.docs__nav nav a:hover { color: var(--brand-blue); }
.docs__nav nav a.is-active { color: var(--brand-blue); font-weight: 650; border-left-color: var(--brand-blue);
  background: color-mix(in srgb, var(--brand-blue) 6%, transparent); }

/* Gövde */
.docs__body { min-width: 0; }
.docs__hd { margin-bottom: 1.4rem; }
.docs__hd h1 { color: var(--ink); font-weight: 680; letter-spacing: -.03em; line-height: 1.1;
  font-size: clamp(1.65rem, 1.15rem + 1.8vw, 2.35rem); margin: .3rem 0 0; }
.docs__body > p { color: var(--ink-soft); line-height: 1.7; }
.docs__body > p.lead { font-size: clamp(1rem, .95rem + .38vw, 1.15rem); color: var(--ink-soft); }

/* Mobil: sol menü, içeriğin üstünde açılır/kapanır başlık olur (details/summary — JS gerekmez) */
@media (max-width: 860px) {
  .docs { grid-template-columns: 1fr; gap: 1.1rem; }
  .docs__nav { position: static; top: auto; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
  .docs__navhead { display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none;
    padding: .85rem 1rem; font-weight: 650; color: var(--ink); background: var(--bg-soft); }
  .docs__navhead::-webkit-details-marker { display: none; }
  .docs__navchev { width: .8em; height: .8em; color: var(--ink-muted); transition: transform var(--speed); }
  .docs__nav[open] .docs__navchev { transform: rotate(180deg); }
  .docs__nav nav { border-left: none; border-top: 1px solid var(--line); padding: .35rem 0; }
  .docs__nav nav a { border-left: 3px solid transparent; padding-inline: 1rem; }
}

/* Dil seçici — default koyu zeminde yarı saydam hap; header beyazken koyu metinli. */
.lang { position: relative; flex: none; margin-left: .5rem; z-index: 40; }  /* header'ın altın hattının üstünde kalsın (dil menüsü açıkken çizgi görünmesin) */
.lang__btn {
  display: inline-flex; align-items: center; gap: .42rem; cursor: pointer;
  background: rgba(255, 255, 255, .06); font: inherit; font-size: .85rem; font-weight: 500; letter-spacing: .01em;
  color: #fff; border: 1px solid rgba(255, 255, 255, .22); padding: .36rem .68rem; border-radius: .5rem;
  transition: background var(--speed), color var(--speed), border-color var(--speed);
}
.lang__btn:hover { background: rgba(255, 255, 255, .13); border-color: rgba(255, 255, 255, .42); }
.lang__btn .chev { width: .88em; height: .88em; opacity: .8; }
.header.menu-open .lang__btn { background: rgba(255,255,255,.08); color: #EAF1FF; border-color: rgba(140,172,235,.28); }
.header.menu-open .lang__btn:hover { background: rgba(255,255,255,.14); border-color: rgba(140,172,235,.45); }
.lang__menu {
  position: absolute; top: calc(100% + .45rem); right: 0; min-width: 11rem;
  background: #fff; border-radius: .5rem; padding: .35rem; border: 1px solid var(--line);
  box-shadow: 0 15px 35px rgba(60, 66, 87, .14), 0 5px 15px rgba(0, 0, 0, .1);
  display: none; opacity: 0; transform: translateY(6px);
  transition: opacity .18s var(--ease), transform .18s var(--ease), display .18s allow-discrete;
}
.lang:hover .lang__menu, .lang:focus-within .lang__menu { display: block; opacity: 1; transform: none; }
@starting-style { .lang:hover .lang__menu, .lang:focus-within .lang__menu { opacity: 0; transform: translateY(6px); } }
.lang__menu::before { content: ""; position: absolute; top: -.6rem; left: 0; right: 0; height: .6rem; }
.lang__menu a, .lang__menu span {
  display: flex; align-items: center; justify-content: space-between; gap: .6rem;
  padding: .48rem .65rem; border-radius: .38rem; font-size: .86rem; font-weight: 500;
  color: var(--ink); text-decoration: none !important;
}
.lang__menu a:hover { background: var(--bg-soft); color: var(--brand-blue); }
.lang__menu a[aria-current="true"]::after { content: "\2713"; color: var(--brand-blue); font-weight: 700; }
.lang__menu span { color: var(--ink-muted); cursor: default; }
.lang__menu em { font-style: normal; font-size: .66rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--brand-gold-3); background: color-mix(in srgb, var(--brand-gold) 14%, #fff); padding: .12rem .45rem; border-radius: 999px; }

/* Mobil menü — beyaz panel. */
.nav-toggle {
  display: none; margin-left: .5rem; background: none; border: 0; cursor: pointer;
  width: 2.7rem; height: 2.7rem; border-radius: .55rem; color: #fff; align-items: center; justify-content: center;
}
.nav-toggle:hover { background: rgba(255, 255, 255, .12); }
.nav-toggle__close { display: none; }  /* Açıkken hamburger yerine ✕ görünür */
body.nav-open .nav-toggle__open { display: none; }
body.nav-open .nav-toggle__close { display: inline-flex; }

/* Mobil menü — beyaz panel; header altına sabitlenir, viewport'u aşarsa PANEL İÇİ kaydırma (yükseklik sorunu olmaz). */
.mobile-nav { display: none; background: #fff; }
.mobile-nav.open {
  display: block;
  position: fixed; left: 0; right: 0; top: var(--nav-top, var(--header-h)); z-index: 96;
  max-height: calc(100vh - var(--nav-top, var(--header-h)));
  max-height: calc(100dvh - var(--nav-top, var(--header-h)));  /* dinamik yükseklik: mobil tarayıcı çubuğunu hesaba katar */
  overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
  box-shadow: inset 0 1px 0 var(--line), 0 24px 48px -12px rgba(5, 13, 51, .3);
  animation: mnav .26s var(--ease);
}
@keyframes mnav { from { opacity: 0; transform: translateY(-8px); } }
.mobile-nav .container { padding-block: 1rem calc(1.4rem + env(safe-area-inset-bottom, 0px)); display: flex; flex-direction: column; gap: .05rem; }
.mobile-nav .m-group { font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-muted); padding: .9rem .4rem .35rem; }
.mobile-nav .m-group:first-child { padding-top: .4rem; }
.mobile-nav a { color: var(--ink); font-weight: 500; font-size: .95rem; padding: .62rem .4rem; border-radius: .5rem; text-decoration: none !important; }
.mobile-nav a:hover, .mobile-nav a:active { background: var(--bg-soft); }
.mobile-nav .sub { padding-left: 1.1rem; font-size: .88rem; color: var(--ink-soft); }

/* Kararan arka örtü — menü açıkken odak panelde kalır; tıklayınca kapanır. Header'ın altından başlar. */
.nav-scrim {
  position: fixed; inset: 0; top: var(--nav-top, var(--header-h)); z-index: 95;
  background: rgba(6, 15, 40, .38); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
  opacity: 0; visibility: hidden; transition: opacity .26s var(--ease), visibility .26s;
}
.nav-scrim.open { opacity: 1; visibility: visible; }
body.nav-open { overflow: hidden; }  /* Menü açıkken arka plan kaymaz */

@media (max-width: 1023px) { .header__nav { display: none; } .lang { display: none; } .nav-toggle { display: inline-flex; margin-left: auto; } .header { background: #020b29; } }
@media (min-width: 1024px) { .mobile-nav, .nav-scrim { display: none !important; } }

/* ========== 6) HERO — Stripe Enterprise birebir: koyu Ink zemin, dev beyaz başlık, şeffaf header arkaya uzanır ========== */
.hero {
  position: relative; overflow: hidden; color: #fff;
  background:
    radial-gradient(56rem 30rem at 88% -12%, color-mix(in srgb, var(--brand-blue) 26%, transparent), transparent 62%),
    radial-gradient(38rem 24rem at 4% 112%, color-mix(in srgb, var(--brand-gold) 12%, transparent), transparent 62%),
    linear-gradient(160deg, #06192E, var(--header-bg) 55%, #0D2C4C);
  margin-top: calc(-1 * var(--header-h));  /* Şeffaf header koyu hero'nun üzerine oturur */
  padding-top: var(--header-h);
}
.hero__band { display: none; }
.hero__aurora { display: none; }

/* Stripe akışkan gradient hero: WebGL canvas arkada, koyu sol örtü metni okunur tutar. */
.hero--animated { background: #050C22; }
.hero-grad { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; display: block; }
.hero__overlay {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(94deg, rgba(5, 12, 34, .92) 0%, rgba(5, 12, 34, .62) 40%, rgba(5, 12, 34, .18) 72%, rgba(5, 12, 34, .05) 100%),
    linear-gradient(0deg, rgba(5, 12, 34, .35), transparent 30%);
}
.hero--animated .hero__inner { position: relative; z-index: 2; }

.hero__inner {
  position: relative; padding-block: clamp(3.2rem, 2rem + 4vw, 6.4rem) clamp(3rem, 2rem + 3vw, 5.4rem);
  display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr);
  gap: clamp(1.6rem, 4vw, 4.5rem); align-items: center;
}
.hero__inner--single { grid-template-columns: minmax(0, 1fr); max-width: 56em; }
.hero h1 { color: #fff; margin-bottom: .4em; font-size: clamp(2.5rem, 1.1rem + 4.4vw, 4.9rem); font-weight: 640; letter-spacing: -.04em; line-height: 1.02; }
.hero .lead { color: rgba(206, 220, 240, .85); font-size: clamp(1rem, .95rem + .32vw, 1.125rem); line-height: 1.7; }
.hero .kicker { color: var(--brand-gold-2); }
.hero .accent { color: inherit; } /* Stripe Enterprise: dev başlık tek renk beyaz */
.hero__art { display: flex; justify-content: center; position: relative; }
@media (max-width: 1023px) { .hero__inner { grid-template-columns: 1fr; } .hero__art { display: none; } }

/* ========== HERO — uzun premium banner: 2 sütun (metin + footer'lı kart istifi). İstif otomatik döner + hover'da öne çıkar. ========== */
.xhero { position: relative; overflow: hidden; color: #fff; background: #050C22;
  margin-top: calc(-1 * var(--header-h)); padding-top: var(--header-h);
  min-height: clamp(560px, 88vh, 920px); display: flex; align-items: center; }
.xhero .hero-grad { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; }
.xhero .hero__overlay { position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(94deg, rgba(5,12,34,.9) 0%, rgba(5,12,34,.55) 42%, rgba(5,12,34,.12) 74%, rgba(5,12,34,.02) 100%); }

.xhero__stage { position: relative; z-index: 2; width: 100%;
  display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); align-items: center; gap: clamp(2rem, 4vw, 4rem);
  padding-block: clamp(2.6rem, 5vh, 4.6rem); }
.xhero__text { display: flex; flex-direction: column; }
.xhero__text .kicker { color: var(--brand-gold-2); margin-bottom: .9rem; }
.ent-title { color: #fff; font-family: var(--font-serif); font-weight: 600; letter-spacing: -.02em; line-height: 1.09; margin: 0 0 .5em;
  font-size: clamp(2.3rem, 1.2rem + 2.6vw, 3.9rem); }
.ent-title__accent {  /* "Yapay Zeka" — ince altın gradyan (premium vurgu) */
  background: linear-gradient(96deg, var(--brand-gold-2) 6%, var(--brand-gold) 52%, #FFE7A3 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
/* Slogan — prestijli serif (Lora) italik; premium, editoryal his. */
.ent-slogan { font-weight: 500;  /* Geri bildirim: slogan, baslikla ayni font ailesinde */
  color: rgba(230, 237, 252, .93); line-height: 1.45; letter-spacing: .003em;
  font-size: clamp(1.18rem, 1rem + .72vw, 1.6rem); max-width: 22em; margin: .1rem 0 2rem; }
.ent-slogan strong { font-weight: 800; color: #fff; }

/* Kart yelpazesi — sağ sütunda sabit konumlu 3 DİKEY kart; site.js yerleştirir. Aktif kart (hover/otomatik) yerinde yükselir → net hover, titremesiz. */
.xhero__cards { position: relative; min-height: clamp(460px, 62vh, 640px); }
.xcard { margin: 0; border-radius: .9rem; overflow: hidden; background: #0e2038; text-align: left;
  transform-origin: center bottom; will-change: transform;
  box-shadow: 0 26px 54px -22px rgba(0,0,0,.55), 0 10px 22px -12px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.06); }
.xhero.is-stack-on .xcard { position: absolute; top: 0; left: 0;
  transition: transform .45s var(--ease), box-shadow .45s var(--ease); }  /* yükselme yumuşak */
.xhero.is-stack-on .xcard.is-active { box-shadow: 0 44px 90px -26px rgba(0,0,0,.7), 0 18px 40px -18px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.1); }
.xcard__img { display: block; }
.xcard__img img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; }  /* dikey görsel */
.xcard__foot { padding: .85rem 1.1rem 1.05rem; background: #0e2038; display: flex; flex-direction: column; gap: .2rem; }
.xcard__foot b { color: #fff; font-size: 1.02rem; font-weight: 650; letter-spacing: -.01em; }
.xcard__foot span { font-size: .84rem; color: rgba(206,220,240,.74); line-height: 1.45; min-height: 2.5em;
  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.xcard__link { margin-top: .5rem; align-self: flex-start; font-size: .84rem; font-weight: 650; color: var(--brand-gold-2);
  text-decoration: none !important; display: inline-flex; align-items: center; gap: .3rem; }
.xcard__link i { font-style: normal; transition: transform var(--speed) var(--ease); }
.xcard:hover .xcard__link i { transform: translateX(3px); }

/* Mobil / istif kapalı (≤860px veya JS yok): tek sütun; kartlar düz akışta liste. */
@media (max-width: 860px) {
  .xhero { min-height: 0; }
  .xhero__stage { grid-template-columns: 1fr; text-align: center; gap: 2rem; padding-block: clamp(2.2rem, 6vh, 3.4rem); }
  .xhero__text { align-items: center; }
  .ent-slogan { margin-inline: auto; }
  .xhero__cards { min-height: 0; display: grid; grid-template-columns: 1fr; gap: 1rem; max-width: 23rem; margin-inline: auto; text-align: left; }
}

/* Birim/logo şeridi — koyu hero'nun hemen altında beyaz bant; içinde kesintisiz akan gerçek logolar (Stripe Enterprise kalıbı, başlıksız). */
.logo-strip { padding-block: 1.1rem 1.2rem; background: #fff; box-shadow: inset 0 -1px 0 var(--line); }  /* dikey boslugu azaltildi */

/* MARQUEE — GPU-kompoze translate3d ile piksel titremesiz, sabit hızlı akış; kenarlarda yumuşak solma maskesi. Dikey pay: hover'da büyürken kırpılmaz. */
.marquee {
  position: relative; overflow: hidden; padding-block: 1rem;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.marquee__track { display: flex; width: max-content; will-change: transform; animation: marquee-scroll 46s linear infinite; }
.marquee:hover .marquee__track, .marquee:focus-within .marquee__track { animation-play-state: paused; }  /* Üzerine gelince/odakta durur */
.marquee.marq-off .marquee__track { animation-play-state: paused; }  /* Ekran dışında dur (scroll performansı) */
.marquee__group { display: flex; align-items: center; flex: none; gap: 2.4rem; padding-right: 2.4rem; }
@keyframes marquee-scroll { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }

/* Tek logo — varsayılan açık gri silüet; üzerine gelince orijinal renklerine döner. Sade: dekoratif hover animasyonu yok. */
.unit-logo { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none;
  padding: .5rem 1.3rem; border-radius: .7rem; outline: none; }
.unit-logo img {
  height: 1.9rem; width: auto; display: block;
  filter: brightness(0); opacity: .4;   /* varsayılan: açık gri silüet (nötr, okunur) */
  transition: filter .2s var(--ease), opacity .2s var(--ease);
}
/* Kare/ikon biçimli logolar (UBİT, BUG Lab TEKMER) yazı logolarının yanında küçük kalmasın diye daha büyük. */
.unit-logo--square img { height: 3rem; }
.unit-logo:hover img, .unit-logo:focus-visible img { filter: none; opacity: 1; }
@media (max-width: 640px) {
  .unit-logo img { height: 1.6rem; }
  .unit-logo--square img { height: 2.5rem; }
  .unit-logo { padding: .4rem 1rem; }
  .marquee__group { gap: 1.5rem; padding-right: 1.5rem; }
  .logo-strip { padding-block: .9rem 1rem; }
}
/* Hareket azaltma tercihinde akış durur (kullanıcı dokununca yine gezinilebilir). */
@media (prefers-reduced-motion: reduce) { .marquee__track { animation: none; } }

/* HERO VİTRİNİ — Stripe Enterprise'ın dönen tanıtım kartı: 4 slayt, ilerleme sekmeli, otomatik oynatmalı. */
.showcase { width: 100%; max-width: 27rem; display: grid; grid-template-rows: auto auto; }
.showcase__slide {
  grid-area: 1 / 1; display: flex; flex-direction: column; gap: .8rem; min-height: 22rem;
  background: #fff; border-radius: 1rem; padding: 1.35rem; color: var(--ink);
  box-shadow: 0 30px 60px -12px rgba(0, 0, 0, .45), 0 18px 36px -18px rgba(0, 0, 0, .3);
  opacity: 0; transform: translateX(26px) scale(.985); pointer-events: none; visibility: hidden;
  transition: opacity .5s var(--ease), transform .5s var(--ease), visibility .5s;
  text-decoration: none !important;
}
.showcase__slide.is-active { opacity: 1; transform: none; pointer-events: auto; visibility: visible; }
.showcase__slide--navy { background: linear-gradient(155deg, #0A1D3D, #0E2B55); color: #fff; }
.showcase__slide--navy img { border-radius: .6rem; margin-block: auto; }
.showcase__slide--summit {
  background:
    radial-gradient(22rem 14rem at 90% -10%, color-mix(in srgb, var(--brand-gold) 38%, transparent), transparent 65%),
    linear-gradient(145deg, #0A2540, #14418C 75%, #2D5BFF 140%);
  color: #fff;
}
.showcase .art-panel { background: var(--bg-soft); box-shadow: none; border: 0; border-radius: .65rem; max-width: 100%; aspect-ratio: auto; margin-block: auto; transform: none !important; padding-block: .6rem; }
.sc-chip {
  align-self: flex-start; font-size: .72rem; font-weight: 700; letter-spacing: .02em;
  background: var(--bg-tint); color: var(--brand-navy); padding: .3rem .75rem; border-radius: 999px;
}
.sc-chip--gold { background: color-mix(in srgb, var(--brand-gold) 22%, transparent); color: var(--brand-gold-2); }
.sc-caption { margin-top: auto; font-size: .86rem; font-weight: 600; color: var(--ink-soft); display: flex; align-items: center; gap: .35rem; }
.sc-caption i { font-style: normal; transition: transform var(--speed) var(--ease); }
.showcase__slide:hover .sc-caption i { transform: translateX(4px); }
.sc-caption--light { color: rgba(226, 233, 250, .85); }
.sc-big { font-size: clamp(1.7rem, 1.3rem + 1vw, 2.3rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.05; color: #fff; margin-top: .8rem; }
.sc-stats { font-size: .88rem; color: rgba(226, 233, 250, .75); }
.sc-stats b { color: var(--brand-gold-2); font-weight: 700; }
.sc-search {
  display: block; background: var(--bg-soft); color: var(--ink-muted); font-size: .85rem;
  padding: .55rem .95rem; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--line);
}
.sc-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; margin-block: auto; }
.sc-tiles em {
  font-style: normal; font-size: .74rem; font-weight: 600; color: var(--ink-soft); text-align: center;
  background: var(--bg-soft); border-radius: .5rem; padding: .85rem .3rem; box-shadow: inset 0 0 0 1px var(--line);
}
/* İlerleme sekmeleri */
.showcase__tabs { display: flex; gap: .7rem; margin-top: 1rem; }
.showcase__tabs button { flex: 1; background: none; border: 0; padding: 0; cursor: pointer; text-align: left; }
.showcase__tabs b { display: block; font-size: .7rem; font-weight: 600; color: rgba(226, 233, 250, .5); margin-bottom: .4rem; transition: color var(--speed); }
.showcase__tabs button.is-active b, .showcase__tabs button:hover b { color: #fff; }
.showcase__tabs button > span { display: block; height: 3px; border-radius: 99px; background: rgba(255, 255, 255, .18); overflow: hidden; }
.showcase__tabs button > span > span { display: block; height: 100%; width: 0; border-radius: 99px; background: var(--brand-gold-2); }
.showcase__tabs button.is-active > span > span { animation: scfill var(--sc-dur, 5200ms) linear forwards; }
@keyframes scfill { from { width: 0; } to { width: 100%; } }
@media (prefers-reduced-motion: reduce) {
  .showcase__tabs button.is-active > span > span { animation: none; width: 100%; }
}

/* Koyu istatistik bandı — beyaz büyük rakamlar + gri etiketler (Stripe Enterprise kalıbı). */
.stats-band { background: linear-gradient(150deg, #06192E, var(--header-bg) 70%); color: #fff; }
.stats-band .grid { gap: 2.2rem; }
.stat-item { border-left: 1px solid rgba(255, 255, 255, .14); padding-left: 1.4rem; }
.stat-item b {
  display: block; font-size: clamp(2rem, 1.4rem + 1.8vw, 3rem); font-weight: 700; letter-spacing: -.03em;
  color: #fff; line-height: 1.1; font-variant-numeric: tabular-nums;
}
.stat-item b em { font-style: normal; color: var(--brand-gold-2); }
.stat-item > span { display: block; margin-top: .45rem; font-size: .84rem; color: rgba(226, 233, 250, .65); line-height: 1.5; }  /* yalnızca doğrudan alt (etiket) span'i — rakam .stat-num'u küçültme */

/* Sayfa içi gezinme şeridi ("Bu Sayfada"). */
.pagenav {
  position: sticky; top: var(--header-h); z-index: 90;
  background: color-mix(in srgb, #fff 88%, transparent); backdrop-filter: blur(14px);
  box-shadow: inset 0 -1px 0 var(--line), inset 0 1px 0 var(--line);
}
.pagenav .container { display: flex; align-items: center; gap: .8rem; overflow-x: auto; padding-block: .65rem; scrollbar-width: none; }
.pagenav b { font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-muted); flex: none; }
.pagenav a {
  flex: none; font-size: .8rem; font-weight: 500; color: var(--ink-soft);
  padding: .32rem .85rem; border-radius: 999px;
  text-decoration: none !important; transition: all var(--speed);
}
.pagenav a:hover { background: var(--bg-tint); color: var(--brand-navy); }
.pagenav a.active { background: var(--brand-navy); color: #fff; }

/* ========== 7) KARTLAR ========== */
/* Kart: çerçevesiz — kılcal ring + katmanlı gölge (Stripe dili). */
.card {
  position: relative; background: var(--card); border-radius: var(--radius);
  padding: 1.5rem; box-shadow: var(--ring), var(--shadow-xs);
  display: flex; flex-direction: column; gap: .25rem;
  transition: box-shadow .25s var(--ease), transform .25s var(--ease);
}
a.card { text-decoration: none !important; color: inherit; }
.card:hover { transform: translateY(-2px); box-shadow: var(--ring), var(--shadow-md); }
.card h3 { margin-bottom: .4rem; }
.card p { color: var(--ink-soft); font-size: .87rem; line-height: 1.62; margin-bottom: .55rem; }
.card .arrow-link { margin-top: auto; }
.card--featured {
  background: linear-gradient(170deg, #fff 55%, color-mix(in srgb, var(--brand-gold) 8%, #fff));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-gold) 45%, transparent), var(--shadow-xs);
}
.card--featured:hover { box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-gold) 60%, transparent), var(--shadow-md); }
.card--dark { background: linear-gradient(150deg, var(--brand-navy), var(--brand-navy-2)); color: #fff; }
.card--dark h3 { color: #fff; }
.card--dark p { color: rgba(226, 233, 250, .78); }

/* Kart ikonu: altın tonlu yumuşak plaket — hover'da canlanır. */
.icon-tile {
  width: 2.6rem; height: 2.6rem; border-radius: .7rem; flex: none;
  display: inline-flex; align-items: center; justify-content: center; margin-bottom: .95rem;
  background: color-mix(in srgb, var(--brand-gold) 13%, #fff);
  color: var(--brand-gold-3); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 26%, transparent);
  transition: transform .25s var(--ease), box-shadow .25s, background .25s;
}
.card:hover .icon-tile { transform: scale(1.06) rotate(-3deg); background: color-mix(in srgb, var(--brand-gold) 20%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 45%, transparent); }
.icon-tile svg { width: 1.25rem; height: 1.25rem; }
.icon-tile--gold { background: var(--brand-gold); color: var(--brand-navy); box-shadow: none; }
/* Logo döşemesi — ikon yerine birim logosu (ör. BAUPRO); beyaz zeminde net durur. */
.icon-tile--logo { width: 3.2rem; height: 3.2rem; background: #fff; padding: .42rem; box-shadow: inset 0 0 0 1px var(--line); }
.card:hover .icon-tile--logo { background: #fff; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 45%, transparent); }
.icon-tile--logo img { width: 100%; height: 100%; object-fit: contain; }

/* Rozet / çip. */
.pill {
  display: inline-flex; align-items: center; gap: .4rem;
  font-size: .74rem; font-weight: 500; padding: .3rem .78rem; border-radius: 999px;
  background: var(--bg-tint); color: var(--ink-soft); border: 1px solid transparent;
  transition: all var(--speed);
}
a.pill { text-decoration: none !important; }
a.pill:hover { background: #E4EAF6; color: var(--brand-navy); }
.pill--gold { background: color-mix(in srgb, var(--brand-gold) 14%, #fff); color: var(--brand-gold-3); font-weight: 700; }
.pill-row { display: flex; flex-wrap: wrap; gap: .45rem; }

/* Belge satırları — aktif (indirilebilir link) veya pasif (kilitli, henüz yayınlanmamış) durum. */
.doc-list { display: flex; flex-direction: column; gap: .6rem; margin-top: 1.1rem; }
.doc-item { display: flex; align-items: center; gap: .85rem; padding: .8rem 1rem;
  border: 1px solid var(--line); border-radius: 12px; background: #fff; text-decoration: none !important;
  transition: border-color var(--speed), box-shadow var(--speed), transform var(--speed); }
.doc-item__ic { flex: none; display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 9px;
  background: color-mix(in srgb, var(--brand-blue) 10%, #fff); color: var(--brand-blue); }
.doc-item__ic svg { width: 1.2rem; height: 1.2rem; }
.doc-item__main { display: flex; flex-direction: column; gap: .12rem; min-width: 0; margin-right: auto; }
.doc-item__main b { color: var(--ink); font-weight: 600; font-size: .96rem; line-height: 1.3; }
.doc-item__meta { font-size: .68rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--ink-muted); }
.doc-item__act { flex: none; width: 1.15rem; height: 1.15rem; color: var(--ink-muted); }
/* Aktif (href varsa link) — üzerine gelince hafif kalkar, mavi vurgu. */
a.doc-item:hover { border-color: color-mix(in srgb, var(--brand-blue) 45%, var(--line));
  box-shadow: 0 10px 24px -16px rgba(45, 91, 255, .5); transform: translateY(-1px); }
a.doc-item:hover .doc-item__act { color: var(--brand-blue); }
/* Pasif (kilitli) — kesikli çerçeve, soluk renk, tıklanamaz. */
.doc-item--soon { background: var(--bg-soft); border-style: dashed; cursor: default; }
.doc-item--soon .doc-item__ic { background: var(--bg-tint); color: var(--ink-muted); }
.doc-item--soon .doc-item__main b { color: var(--ink-soft); }

/* ========== 8) INFO-BOX ========== */
.info-box {
  background: var(--info-bg); border: 1px solid var(--info-border);
  border-radius: var(--radius);
  padding: 1.15rem 1.4rem; display: flex; gap: .85rem; align-items: flex-start;
  color: #3D4E71; font-size: .87rem; line-height: 1.68;
}
.info-box > svg {
  flex: none; width: 1.85rem; height: 1.85rem; padding: .38rem; margin-top: .05rem; border-radius: 50%;
  color: var(--brand-blue); background: color-mix(in srgb, var(--brand-blue) 10%, #fff);
}
.info-box b, .info-box strong { color: var(--ink); }
.info-box p:last-child { margin-bottom: 0; }

/* ========== 9) ACCORDION (details/summary — JS gerektirmez) ========== */
.acc { border-radius: var(--radius); background: var(--card); box-shadow: var(--ring); transition: box-shadow .25s; }
.acc:hover { box-shadow: var(--ring), var(--shadow-sm); }
.acc + .acc { margin-top: .6rem; }
.acc summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; gap: 1rem;
  padding: 1.05rem 1.3rem; font-weight: 700; color: var(--ink); font-size: .95rem; letter-spacing: -.01em;
}
.acc summary::-webkit-details-marker { display: none; }
.acc summary .acc__chev {
  margin-left: auto; flex: none; width: 1.6rem; height: 1.6rem; padding: .42rem; border-radius: 50%;
  color: var(--brand-gold-3); background: color-mix(in srgb, var(--brand-gold) 14%, #fff);
  transition: transform .28s var(--ease), background var(--speed), color var(--speed);
}
.acc[open] summary .acc__chev { transform: rotate(180deg); background: var(--brand-gold); color: var(--brand-navy); }
.acc[open] summary { box-shadow: inset 0 -1px 0 var(--line); }
.acc__body { padding: 1.15rem 1.3rem; color: var(--ink-soft); font-size: .9rem; }
.acc__body p:last-child { margin-bottom: 0; }
.acc summary .acc__hint { font-weight: 400; font-size: .78rem; color: var(--ink-muted); display: block; margin-top: .1rem; letter-spacing: 0; }

/* ========== 10) TABLO ========== */
.table-wrap { border-radius: var(--radius); overflow: hidden; box-shadow: var(--ring), var(--shadow-sm); background: var(--card); }
.table-scroll { overflow-x: auto; }
table.data { width: 100%; border-collapse: collapse; font-size: .88rem; min-width: 40rem; font-variant-numeric: tabular-nums; }
table.data th {
  text-align: left; background: var(--bg-soft); color: var(--ink-muted); font-weight: 700;
  padding: .8rem 1.25rem; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase;
  border-bottom: 1px solid var(--line);
}
table.data td { padding: .8rem 1.25rem; border-top: 1px solid var(--line); color: var(--ink-soft); }
table.data tbody tr:first-child td { border-top: 0; }
table.data td:first-child { font-weight: 700; color: var(--brand-blue); white-space: nowrap; font-size: .82rem; }
table.data tr:hover td { background: var(--bg-soft); }
table.data tr.extra { display: none; }
.table-wrap.expanded tr.extra { display: table-row; }
.table-more { display: flex; justify-content: center; padding: .8rem; border-top: 1px solid var(--line); background: var(--bg-soft); }

/* ========== 11) KOYU BANT (CTA) ========== */
.band {
  position: relative; overflow: hidden; color: #fff; border-radius: calc(var(--radius) + .35rem); isolation: isolate;
  background: linear-gradient(160deg, #050D33, var(--brand-navy) 60%, var(--brand-navy-2));
  padding: clamp(2.4rem, 1.6rem + 2.8vw, 4.2rem);
}
.band::before { /* Köşede sabit aurora ışıması */
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(30rem 18rem at 106% -20%, color-mix(in srgb, var(--brand-gold) 38%, transparent), transparent 65%),
    radial-gradient(26rem 16rem at -10% 120%, color-mix(in srgb, var(--brand-blue) 42%, transparent), transparent 65%);
}
.band h2, .band h3 { color: #fff; letter-spacing: -.03em; }
.band p { color: rgba(226, 233, 250, .8); max-width: 54em; font-size: .92rem; line-height: 1.72; }
.band--center { text-align: center; }
.band--center p { margin-inline: auto; }
.band--center .btn-row { justify-content: center; }
.band--gold-edge { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 40%, transparent); }
/* Stripe tarzı dalga bandı — metnin arkasında akan ince çizgili mavi-altın şerit (canvas, site.js initWave) */
.band--wave { background: linear-gradient(155deg, #04102E, #071A4A 55%, var(--brand-navy-2)); }
.band__wave, .strip__wave {
  position: absolute; inset: 0; width: 100%; height: 100%;
  z-index: -1; pointer-events: none; display: block;
}
.band--wave h2, .band--wave p, .band--wave .btn-row { position: relative; z-index: 1; }
.band--wave h2 { text-shadow: 0 2px 22px rgba(4, 10, 40, .55); }

/* Tam genişlik vurgulu şerit — düz bloklu koyu bölüm (Stripe Enterprise dili). */
.feature-strip {
  position: relative; overflow: hidden; color: #fff; isolation: isolate;
  background: linear-gradient(140deg, #050D33 20%, var(--brand-navy) 55%, var(--brand-navy-2));
}
.feature-strip::before {
  content: ""; position: absolute; inset: 0; z-index: -1; filter: blur(60px) saturate(1.2); opacity: .7;
  background:
    radial-gradient(34rem 20rem at 88% 100%, color-mix(in srgb, var(--brand-gold) 55%, transparent), transparent 66%),
    radial-gradient(30rem 20rem at 8% 0%, color-mix(in srgb, var(--brand-blue) 60%, transparent), transparent 66%);
}
.feature-strip h2 { color: #fff; letter-spacing: -.03em; }
.feature-strip p { color: rgba(238, 243, 253, .96); }
/* Toplum illüstrasyonu — büyük AI amblemi, başlık altında ortalı; üstte boşluk (kesilme yok) */
.v3society { display: block; width: 100%; max-width: 25rem; height: auto;
  margin: 1rem auto .2rem;
  filter: drop-shadow(0 0 18px rgba(46, 134, 255, .3)); }
@media (max-width: 640px) { .v3society { max-width: 88%; } }
/* İçerik tam sayfaya göre ortalanır (başlık, metin, buton) */
.feature-strip .container { text-align: center; }
.feature-strip .container > .kicker { display: inline-block; }
.feature-strip .maxw { margin-inline: auto; }
.feature-strip .btn-row { justify-content: center; }

/* İstatistik rozeti — serif rakamlar. */
.stat {
  background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--radius); padding: 1.15rem 1.4rem; backdrop-filter: blur(6px);
  transition: border-color .25s, background .25s;
}
.stat:hover { border-color: color-mix(in srgb, var(--brand-gold) 55%, transparent); background: rgba(255, 255, 255, .09); }
.stat b { display: block; font-family: var(--font-serif); font-size: 1.7rem; font-weight: 600; color: var(--brand-gold-2); line-height: 1.25; font-variant-numeric: tabular-nums; }
.stat span { color: rgba(226, 233, 250, .72); font-size: .82rem; }

/* ========== 12) FOOTER — marka sütunu + 4 mantıklı link sütunu ========== */
.footer { position: relative; background: #050D33; color: rgba(226, 233, 250, .68); margin-top: auto; font-size: .87rem; }
.footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, #33A9FF 50%, transparent); }
.footer a { color: rgba(226, 233, 250, .68); text-decoration: none; transition: color var(--speed); }
.footer a:hover { color: #fff; }
.footer__main { display: grid; grid-template-columns: 1.7fr repeat(4, 1fr); gap: 2rem; padding-block: 3.8rem 2.8rem; }
.footer__brand { padding-right: 1rem; }
.footer__brand img { height: 3.2rem; margin-bottom: 1.25rem; }
.footer__brand p { font-size: .83rem; line-height: 1.72; color: rgba(226, 233, 250, .5); max-width: 24em; }
.footer__brand p strong { color: rgba(236, 242, 253, .92); font-weight: 700; }
.footer h4 { color: #fff; font-size: .8rem; font-weight: 700; letter-spacing: .01em; margin-bottom: 1.05rem; }
.footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .58rem; font-size: .82rem; }
.footer__bottom { border-top: 1px solid rgba(255, 255, 255, .1); padding-block: 1.25rem; display: flex; flex-wrap: wrap; gap: .8rem 1.8rem; align-items: center; font-size: .76rem; color: rgba(226, 233, 250, .42); }
.footer__bottom nav { display: flex; flex-wrap: wrap; gap: 1.4rem; margin-left: auto; }
@media (max-width: 1100px) { .footer__main { grid-template-columns: 1fr 1fr; } .footer__brand { grid-column: 1 / -1; } }
@media (max-width: 560px) { .footer__main { grid-template-columns: 1fr; } .footer__bottom nav { margin-left: 0; } }

/* ========== 13) ARAÇ VİTRİNİ / LOGO KARTI ========== */
.tool-card .logo-box {
  width: 3rem; height: 3rem; border-radius: .7rem; margin-bottom: .95rem;
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 1rem; color: #fff;
  transition: transform .25s var(--ease);
}
.card:hover .logo-box { transform: scale(1.05); }
.tool-card .provider { font-size: .64rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-muted); }

/* ========== 14) ZAMAN ÇİZELGESİ (Summit edisyonları) ========== */
.timeline { display: grid; gap: 1.15rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1100px) { .timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .timeline { grid-template-columns: 1fr; } }
.timeline .card { border-top: 3px solid var(--brand-gold); border-radius: 0 0 var(--radius) var(--radius); }
.timeline .year { font-size: .68rem; font-weight: 700; letter-spacing: .12em; color: var(--brand-gold-3); text-transform: uppercase; }

/* ========== 15) YARDIMCILAR ========== */
.mt-0 { margin-top: 0; } .mt-1 { margin-top: .5rem; } .mt-2 { margin-top: 1rem; } .mt-3 { margin-top: 1.6rem; } .mt-4 { margin-top: 2.6rem; }
.mb-0 { margin-bottom: 0; } .mb-2 { margin-bottom: 1rem; } .mb-3 { margin-bottom: 1.6rem; }
.center { text-align: center; }
.maxw { max-width: 50em; }
.maxw-center { max-width: 50em; margin-inline: auto; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.6rem, 4vw, 4.5rem); align-items: center; }
@media (max-width: 900px) { .split { grid-template-columns: 1fr; } }

/* Numaralı liste: altın madalyonlar. */
.num-list { counter-reset: item; list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }
.num-list li { counter-increment: item; position: relative; padding: .2rem 0 .2rem 3.3rem; min-height: 2.2rem; color: var(--ink-soft); font-size: .92rem; }
.num-list li::before {
  content: counter(item); position: absolute; left: 0; top: .1rem; width: 2.15rem; height: 2.15rem; border-radius: 50%;
  background: var(--brand-gold); color: var(--brand-navy);
  font-weight: 700; font-size: .92rem;
  display: flex; align-items: center; justify-content: center;
}
.check-list { list-style: none; padding: 0; margin: 0 0 1em; display: grid; gap: .55rem; color: var(--ink-soft); font-size: .9rem; }
.check-list li { position: relative; padding-left: 1.8rem; }
.check-list li::before {
  content: ""; position: absolute; left: .05rem; top: .34rem; width: 1rem; height: 1rem; border-radius: 50%;
  background: var(--brand-gold);
}
.check-list li::after {
  content: ""; position: absolute; left: .32rem; top: .6rem; width: .46rem; height: .26rem;
  border-left: 2px solid var(--brand-navy); border-bottom: 2px solid var(--brand-navy); transform: rotate(-48deg);
}

/* Metin içi vurgu — zarif altın "fosforlu kalem" efekti (öne çıkan ifadeler için). */
.hl { font-weight: 650; color: var(--ink); border-radius: 3px; padding: 0 .1em;
  background: linear-gradient(180deg, transparent 60%, color-mix(in srgb, var(--brand-gold) 42%, transparent) 0); }

/* Vurgulu metin bağlantısı — kalın, marka mavisi, altın alt çizgi + yeni sekme oku. */
.hl-link { font-weight: 700; color: var(--brand-blue); text-decoration: none !important; white-space: nowrap;
  border-bottom: 2px solid color-mix(in srgb, var(--brand-gold) 55%, transparent); transition: color .2s var(--ease), border-color .2s var(--ease); }
.hl-link:hover { color: var(--brand-navy); border-bottom-color: var(--brand-gold); }
.hl-link svg { width: .72em; height: .72em; margin-left: .14em; vertical-align: -.02em; color: var(--brand-gold-3); }

/* Sorumlu Yapay Zeka — modern ilke kart ızgarası (numaralı, ikonlu). */
.rai-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(.9rem, .6rem + .8vw, 1.3rem); }
.rai-card { position: relative; overflow: hidden; padding: 1.6rem 1.5rem 1.5rem; border-radius: 18px;
  background: linear-gradient(168deg, #fff 58%, color-mix(in srgb, var(--brand-blue) 4%, #fff));
  box-shadow: 0 0 0 1px var(--line), var(--shadow-xs);
  transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.rai-card:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-blue) 24%, transparent), var(--shadow-md); }
.rai-card__n { position: absolute; top: .55rem; right: 1.05rem; font-family: var(--font-display); font-weight: 800; font-size: 2.7rem; line-height: 1;
  color: color-mix(in srgb, var(--brand-blue) 11%, transparent); pointer-events: none; user-select: none; }
.rai-card__ic { position: relative; display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 13px; margin-bottom: 1rem; color: var(--brand-blue);
  background: linear-gradient(150deg, color-mix(in srgb, var(--brand-blue) 14%, #fff), color-mix(in srgb, var(--brand-blue) 5%, #fff));
  transition: transform .25s var(--ease); }
.rai-card:hover .rai-card__ic { transform: scale(1.06) rotate(-3deg); }
.rai-card__ic svg { width: 1.5rem; height: 1.5rem; }
.rai-card__t { font-size: 1.02rem; font-weight: 700; color: var(--ink); margin: 0 0 .4rem; }
.rai-card__d { font-size: .88rem; line-height: 1.6; color: var(--ink-soft); margin: 0; }
@media (max-width: 860px) { .rai-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 540px) { .rai-grid { grid-template-columns: 1fr; } }

/* Görsel çerçevesi (infografik vb.). */
.figure { margin: 0; background: var(--card); border-radius: var(--radius); padding: .8rem; box-shadow: var(--ring), var(--shadow-md); }
.figure img { border-radius: calc(var(--radius) - .35rem); display: block; }
.figure figcaption { padding: .9rem .45rem .25rem; font-size: .82rem; color: var(--ink-muted); }
.figure--navy { background: linear-gradient(160deg, #050D33, var(--brand-navy-2)); }

/* Ana sayfa "BAU'da Yapay Zeka" — büyük görsel + arka planda hareket eden gradyan renkler */
.home-ai { position: relative; overflow: hidden; isolation: isolate; border-radius: calc(var(--radius) + .2rem);
  min-height: clamp(18rem, 13rem + 11vw, 25rem); display: grid; place-items: center;
  background: #050D33; box-shadow: var(--ring), 0 26px 54px -26px rgba(4, 10, 30, .6); }
.home-ai__bg { position: absolute; inset: -25%; z-index: 0; pointer-events: none; filter: blur(16px);
  background:
    radial-gradient(38% 42% at 24% 28%, color-mix(in srgb, var(--brand-blue) 90%, transparent), transparent 60%),
    radial-gradient(34% 38% at 80% 22%, color-mix(in srgb, #22B8E6 78%, transparent), transparent 60%),
    radial-gradient(42% 46% at 72% 84%, color-mix(in srgb, var(--brand-gold) 60%, transparent), transparent 62%),
    radial-gradient(36% 40% at 18% 82%, color-mix(in srgb, #2D5BFF 70%, transparent), transparent 60%);
  animation: home-ai-drift 20s ease-in-out infinite alternate; will-change: transform; }
@keyframes home-ai-drift {
  0%   { transform: translate3d(-4%, -3%, 0) scale(1.06) rotate(0deg); }
  50%  { transform: translate3d(4%, 3%, 0) scale(1.14) rotate(9deg); }
  100% { transform: translate3d(-2%, 5%, 0) scale(1.07) rotate(-7deg); }
}
.home-ai__veil { position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(158deg, rgba(5, 13, 51, .28), rgba(5, 13, 51, .58));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07); }
.home-ai__inner { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 1.1rem; align-items: center; padding: 2.4rem 2rem; }
.home-ai__inner img { width: clamp(13rem, 10rem + 8vw, 17rem); height: auto; }
.home-ai__tag { color: var(--brand-gold-2); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; font-size: .82rem; text-align: center; margin: 0; }
@media (prefers-reduced-motion: reduce) { .home-ai__bg { animation: none; } }

/* Hero illüstrasyon paneli — gradyanın üzerinde yüzen beyaz ürün kartı. */
.art-panel {
  width: 100%; max-width: 24rem; border-radius: calc(var(--radius) + .4rem);
  background: #fff;
  box-shadow: var(--shadow-lg), 0 30px 60px -20px rgba(50, 50, 93, .3);
  display: flex; align-items: center; justify-content: center; aspect-ratio: 1/.94;
  transform: rotate(.5deg);
  transition: transform .45s var(--ease), box-shadow .45s;
}
.hero:hover .art-panel { transform: translateY(-5px) rotate(0deg); box-shadow: var(--shadow-lg), 0 40px 80px -24px rgba(50, 50, 93, .38); }

/* Kayarak beliren bölümler (site.js ekler; JS yoksa her şey görünür kalır). */
.reveal { opacity: 0; transform: translateY(14px); transition: opacity .55s var(--ease), transform .55s var(--ease); }
.reveal.in-view { opacity: 1; transform: none; }
.grid > .reveal:nth-child(2), .timeline > .reveal:nth-child(2) { transition-delay: .06s; }
.grid > .reveal:nth-child(3), .timeline > .reveal:nth-child(3) { transition-delay: .12s; }
.grid > .reveal:nth-child(4), .timeline > .reveal:nth-child(4) { transition-delay: .18s; }

/* ========== 16) KATALOG (yazilim-katalogu) ========== */
.catalog-controls { display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; margin-bottom: 1.7rem; }
.catalog-search { position: relative; flex: 0 0 20rem; max-width: 100%; }
.catalog-search input {
  width: 100%; padding: .72rem 1rem .72rem 2.7rem; border-radius: 999px; border: 1px solid var(--line);
  background: var(--card); font: inherit; font-size: .88rem; color: var(--ink); box-shadow: var(--shadow-xs); outline: none;
  transition: border-color var(--speed), box-shadow var(--speed);
}
.catalog-search input:focus { border-color: var(--brand-blue); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-blue) 14%, transparent); }
.catalog-search input::placeholder { color: var(--ink-muted); }
.catalog-search svg { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); width: .95rem; height: .95rem; color: var(--ink-muted); }
.catalog-filters { display: flex; flex-wrap: wrap; gap: .4rem; }
.chip {
  display: inline-flex; align-items: center; gap: .45rem; padding: .45rem .9rem; border-radius: 999px;
  border: 1px solid var(--line); background: var(--card); color: var(--ink-soft); font: inherit; font-size: .8rem; font-weight: 500;
  cursor: pointer; transition: all var(--speed); box-shadow: var(--shadow-xs);
}
.chip:hover { border-color: #C6D2E4; color: var(--brand-navy); transform: translateY(-1px); }
.chip.active { background: var(--brand-navy); color: #fff; border-color: var(--brand-navy); }
.catalog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(14.5rem, 1fr)); gap: 1.1rem; }
.catalog-empty { grid-column: 1/-1; text-align: center; padding: 3.5rem 1rem; color: var(--ink-muted); }
.cat-pill { display: inline-flex; align-items: center; gap: .3rem; font-size: .66rem; font-weight: 700;
  padding: .3rem .55rem; border-radius: .45rem; white-space: nowrap; line-height: 1; }
.cat-pill__ic { width: .82rem; height: .82rem; flex: none; }
.load-more-wrap { display: flex; justify-content: center; margin-top: 2rem; }

/* Katalog modalı. */
.overlay {
  position: fixed; inset: 0; background: rgba(5, 13, 51, .5); backdrop-filter: blur(6px);
  display: none; align-items: center; justify-content: center; padding: 1.4rem; z-index: 150;
}
.overlay.open { display: flex; }
.modal { background: var(--card); border-radius: calc(var(--radius) + .3rem); max-width: 32rem; width: 100%; padding: 2rem; box-shadow: var(--shadow-lg); position: relative; animation: pop .25s var(--ease); }
@keyframes pop { from { transform: translateY(16px) scale(.97); opacity: 0; } to { transform: none; opacity: 1; } }
.modal .x {
  position: absolute; top: 1rem; right: 1rem; width: 2.1rem; height: 2.1rem; border-radius: 50%;
  border: 1px solid var(--line); background: var(--card); cursor: pointer; color: var(--ink-muted); font-size: 1.1rem;
  display: flex; align-items: center; justify-content: center; transition: all var(--speed);
}
.modal .x:hover { background: var(--bg-soft); color: var(--ink); transform: rotate(90deg); }

/* ========== 17) HABER / ETKİNLİK KARTLARI ========== */
.news-card .date { font-size: .66rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--brand-gold-3); }
.media-ph {
  position: relative; overflow: hidden; aspect-ratio: 16/9; border-radius: calc(var(--radius) - .3rem); margin-bottom: 1rem;
  background: linear-gradient(150deg, var(--bg-tint), #fff 55%, var(--bg-soft));
  border: 1px solid var(--line); display: flex; align-items: center; justify-content: center;
}
.media-ph svg { width: 2rem; height: 2rem; color: var(--brand-gold); opacity: .75; transition: transform .3s var(--ease); }
.card:hover .media-ph svg { transform: scale(1.12); }
.media-ph::after { content: ""; position: absolute; inset: 0; background: radial-gradient(14rem 8rem at 80% -20%, color-mix(in srgb, var(--brand-blue) 10%, transparent), transparent 70%); }

/* ========== YAPAY ZEKA YETKİNLİK BİRİMİ — sayfaya özel premium landing (.vb kapsamı) ========== */
.vb { --vb-gap: clamp(1rem, 1.5vw, 1.5rem); }
.vb .vb-h, .vb .vb-title { font-family: var(--font-serif); font-weight: 600; color: var(--ink); letter-spacing: -.015em; }

/* — HERO — */
.vb-hero { position: relative; overflow: hidden;
  background:
    radial-gradient(60rem 32rem at 82% -6rem, color-mix(in srgb, var(--brand-blue) 12%, transparent), transparent 60%),
    radial-gradient(46rem 26rem at 6% 108%, color-mix(in srgb, var(--brand-gold) 12%, transparent), transparent 60%),
    #fff;
  border-bottom: 1px solid var(--line); }
.vb-hero__grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); align-items: center;
  gap: clamp(2rem, 3vw, 4rem); padding-block: clamp(2.6rem, 1.6rem + 4vw, 5.4rem); }
.vb-eyebrow { display: inline-flex; align-items: center; gap: .55rem;
  font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-muted); }
.vb-eyebrow i { width: .5rem; height: .5rem; border-radius: 50%; background: var(--brand-gold);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-gold) 22%, transparent); }
.vb-title { font-size: clamp(2.3rem, 1.3rem + 3.6vw, 3.9rem); line-height: 1.08; letter-spacing: -.02em; margin: 1rem 0 0; }
.vb-title__accent { font-style: italic; color: var(--brand-blue); }
.vb-lead { color: var(--ink-soft); font-size: clamp(1.02rem, .96rem + .4vw, 1.2rem); line-height: 1.62; max-width: 34rem; margin: 1.1rem 0 0; }
.vb-cta { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.9rem; }
.vb-facts { list-style: none; display: flex; flex-wrap: wrap; gap: .55rem 1.5rem;
  margin: 2rem 0 0; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.vb-facts li { position: relative; padding-left: 1rem; font-size: .86rem; font-weight: 500; color: var(--ink-soft); }
.vb-facts li::before { content: ""; position: absolute; left: 0; top: .5em; width: .34rem; height: .34rem; border-radius: 50%; background: var(--brand-gold); }

/* Orbit görseli */
/* Yetkinlik Birimi resmî logosu — koyu lacivert panel (logo beyaz + mavi-pembe degrade olduğundan koyu zemin şart) */
.vb-logo-panel {
  position: relative; overflow: hidden; isolation: isolate; display: grid; place-items: center;
  border-radius: 22px; padding: clamp(2rem, 1.5rem + 2vw, 3.2rem); min-height: 17rem;
  background: linear-gradient(150deg, #050D33, var(--brand-navy-2) 60%, #123A8A);
  box-shadow: var(--shadow-lg);
}
.vb-logo-panel__glow {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(20rem 14rem at 84% -12%, color-mix(in srgb, #7C3AED 38%, transparent), transparent 65%),
    radial-gradient(18rem 12rem at 6% 112%, color-mix(in srgb, var(--fas-pink) 26%, transparent), transparent 65%);
}
.vb-logo-panel img { width: min(100%, 26rem); height: auto; }
/* Kurumsal Yapılar kartında logo karosu koyu zeminde (beyaz logo görünür kalsın) */
.pg-card__logo:has(img[src*="ai-competency-unit"]) {
  background: linear-gradient(150deg, var(--brand-navy), #123A8A);
}
.pg-card__wm:has(img[src*="ai-competency-unit"]) { display: none; } /* beyaz filigran açık zeminde görünmez — gizle */

.vb-orbit { display: flex; justify-content: center; }
.vb-orbit__stage { position: relative; width: min(100%, 25rem); aspect-ratio: 1; }
.vb-orbit__ring { position: absolute; border-radius: 50%; }
.vb-orbit__ring--1 { inset: 0; border: 1px dashed color-mix(in srgb, var(--brand-blue) 26%, var(--line)); animation: vb-spin 46s linear infinite; }
.vb-orbit__ring--2 { inset: 15%; border: 1px solid var(--line); animation: vb-spin 34s linear infinite reverse; }
.vb-orbit__ring--3 { inset: 31%; border: 1px dashed color-mix(in srgb, var(--brand-gold) 46%, var(--line)); animation: vb-spin 26s linear infinite; }
.vb-orbit__core { position: absolute; inset: 0; margin: auto; width: 33%; height: 33%; border-radius: 50%;
  display: grid; place-items: center; color: var(--brand-gold-2);
  background: radial-gradient(circle at 32% 28%, #16336b, var(--header-bg) 70%);
  box-shadow: 0 20px 40px -14px rgba(7, 18, 64, .5), inset 0 0 0 1px rgba(255, 255, 255, .08); }
.vb-orbit__core svg { width: 44%; height: 44%; }
.vb-orbit__node { position: absolute; width: 3rem; height: 3rem; border-radius: 50%; display: grid; place-items: center;
  background: #fff; color: var(--brand-blue); border: 1px solid var(--line); box-shadow: var(--shadow-sm);
  animation: vb-float 6s ease-in-out infinite; }
.vb-orbit__node svg { width: 1.35rem; height: 1.35rem; }
.vb-orbit__node--a { top: 0; left: 50%; transform: translate(-50%, -50%); }
.vb-orbit__node--b { top: 50%; right: 0; transform: translate(50%, -50%); animation-delay: -1.5s; }
.vb-orbit__node--c { bottom: 0; left: 50%; transform: translate(-50%, 50%); animation-delay: -3s; }
.vb-orbit__node--d { top: 50%; left: 0; transform: translate(-50%, -50%); animation-delay: -4.5s; }
@keyframes vb-spin { to { transform: rotate(360deg); } }
@keyframes vb-float { 0%, 100% { margin-top: 0; } 50% { margin-top: -8px; } }

/* — SECTION RİTMİ — */
.vb-sec { padding-block: clamp(3rem, 2rem + 4vw, 5.6rem); }
.vb-sec--soft { background: var(--bg-soft); }
.vb-sec__head { max-width: 44rem; margin-bottom: clamp(1.8rem, 1.2rem + 2vw, 3.2rem); }
.vb-sec__head.center { margin-inline: auto; text-align: center; }
.vb-kicker { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--brand-gold-3); }
.vb-kicker::before { content: ""; display: block; width: 2.1rem; height: 2px; border-radius: 2px; background: var(--brand-gold); margin-bottom: .95rem; }
.vb-sec__head.center .vb-kicker::before { margin-inline: auto; }
.vb-h { font-size: clamp(1.7rem, 1.2rem + 1.9vw, 2.5rem); line-height: 1.12; margin: .55rem 0 0; }
.vb-sec__lead { color: var(--ink-soft); font-size: 1.05rem; line-height: 1.65; margin: 1rem 0 0; max-width: 42rem; }
.vb-sec__head.center .vb-sec__lead { margin-inline: auto; }

/* — BİZ KİMİZ — */
.vb-intro__grid { display: grid; grid-template-columns: minmax(0, 14rem) minmax(0, 1fr); gap: clamp(1.6rem, 3vw, 4.5rem); align-items: start; }
.vb-intro .vb-sec__head { margin-bottom: 0; position: sticky; top: calc(var(--header-h) + 1.4rem); }
.vb-intro__lead { font-size: 1.16rem; font-weight: 500; color: var(--ink); line-height: 1.58; }
.vb-intro__body p { color: var(--ink-soft); line-height: 1.75; }
.vb-intro__body p + p { margin-top: 1rem; }
.vb-intro__body a { color: var(--brand-blue); font-weight: 500; }

/* — KARTLAR (hizmetler + formlar) — */
.vb-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--vb-gap); }
.vb-card { position: relative; background: var(--card); border: 1px solid var(--line); border-radius: 16px;
  padding: 1.7rem 1.5rem; box-shadow: var(--shadow-xs);
  transition: transform .28s var(--ease), box-shadow .28s var(--ease), border-color .28s var(--ease); }
a.vb-card { display: block; text-decoration: none !important; }
a.vb-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: color-mix(in srgb, var(--brand-blue) 32%, var(--line)); }
.vb-card__ic { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 12px; margin-bottom: 1.15rem;
  color: var(--brand-blue); background: linear-gradient(150deg, color-mix(in srgb, var(--brand-blue) 13%, #fff), color-mix(in srgb, var(--brand-blue) 4%, #fff)); }
.vb-card__ic svg { width: 1.4rem; height: 1.4rem; }
.vb-card__ic--gold { color: var(--brand-gold-3); background: linear-gradient(150deg, color-mix(in srgb, var(--brand-gold) 28%, #fff), color-mix(in srgb, var(--brand-gold) 9%, #fff)); }
.vb-card h3 { font-size: 1.06rem; color: var(--ink); margin: 0 0 .45rem; letter-spacing: -.01em; }
.vb-card p { color: var(--ink-soft); font-size: .92rem; line-height: 1.6; margin: 0; }
.vb-card__link { display: inline-flex; align-items: center; gap: .35rem; margin-top: 1.1rem; font-size: .85rem; font-weight: 600; color: var(--brand-blue); }
.vb-card__link svg { width: .9em; height: .9em; transition: transform .2s var(--ease); }
a.vb-card:hover .vb-card__link svg { transform: translateX(3px); }

/* — HEDEF KİTLE — */
.vb-aud { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--vb-gap); }
.vb-aud__item { display: flex; gap: 1.1rem; padding: 1.5rem; border: 1px solid var(--line); border-radius: 14px; background: var(--card); box-shadow: var(--shadow-xs); }
.vb-aud__ic { flex: none; width: 2.9rem; height: 2.9rem; border-radius: 10px; display: grid; place-items: center; background: var(--header-bg); color: var(--brand-gold-2); }
.vb-aud__ic svg { width: 1.35rem; height: 1.35rem; }
.vb-aud__item h3 { font-size: 1.02rem; color: var(--ink); margin: 0 0 .3rem; }
.vb-aud__item p { font-size: .9rem; color: var(--ink-soft); line-height: 1.55; margin: 0; }

/* — SÜREÇ (timeline) — */
.vb-steps { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1.2rem, 2vw, 2.2rem); }
.vb-step { position: relative; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.vb-step::before { content: ""; position: absolute; top: -1px; left: 0; width: 2.6rem; height: 2px; border-radius: 2px; background: var(--brand-gold); }
.vb-step__num { display: block; font-family: var(--font-serif); font-weight: 600; font-size: 2.5rem; line-height: 1; color: var(--brand-blue); }
.vb-step h3 { margin: .75rem 0 .35rem; font-size: 1.05rem; color: var(--ink); }
.vb-step p { color: var(--ink-soft); font-size: .9rem; line-height: 1.6; margin: 0; }

/* — EKİP — */
.vb-people { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--vb-gap); margin-bottom: clamp(2.2rem, 1.6rem + 2vw, 3.6rem); }
.vb-person { text-align: center; padding: 1.9rem 1rem; border: 1px solid var(--line); border-radius: 16px; background: var(--card); box-shadow: var(--shadow-xs); }
.vb-person__ph { width: 4.6rem; height: 4.6rem; border-radius: 50%; margin: 0 auto 1rem; display: grid; place-items: center;
  color: var(--ink-muted); background: radial-gradient(circle at 32% 28%, var(--bg-tint), var(--line)); }
.vb-person__ph svg { width: 1.7rem; height: 1.7rem; }
.vb-person h3 { font-size: 1rem; color: var(--ink); margin: 0 0 .25rem; }
.vb-person p { font-size: .82rem; color: var(--ink-muted); margin: 0; }

/* — İLETİŞİM bandı — */
.vb-contact { position: relative; overflow: hidden; border-radius: 22px; color: #fff;
  background: linear-gradient(135deg, var(--brand-navy), var(--header-bg) 58%, #0A3161);
  padding: clamp(2rem, 1.5rem + 3vw, 3.6rem); box-shadow: var(--shadow-lg);
  display: flex; flex-wrap: wrap; gap: 1.6rem 2rem; align-items: center; justify-content: space-between; }
.vb-contact__glow { position: absolute; width: 28rem; height: 28rem; right: -9rem; top: -12rem; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-blue) 55%, transparent), transparent 68%); }
.vb-contact__body { position: relative; max-width: 40rem; }
.vb-contact .vb-h { color: #fff; }
.vb-contact__body > p { color: rgba(255, 255, 255, .82); line-height: 1.6; margin: .7rem 0 0; }
.vb-contact__meta { font-size: .92rem; }
.vb-contact__meta a { color: var(--brand-gold-2); font-weight: 500; }
.vb-contact__meta b { color: #fff; }
.vb-contact__dot { display: inline-block; width: .3rem; height: .3rem; border-radius: 50%; background: rgba(255, 255, 255, .4); margin: 0 .55rem; vertical-align: middle; }
.vb-contact__cta { position: relative; display: flex; flex-wrap: wrap; gap: .7rem; }

/* — RESPONSIVE — */
@media (max-width: 900px) {
  .vb-hero__grid { grid-template-columns: 1fr; }
  .vb-orbit, .vb-logo-panel { order: -1; }
  .vb-logo-panel { min-height: 12rem; }
  .vb-orbit__stage { width: min(72%, 18rem); }
  .vb-intro__grid { grid-template-columns: 1fr; }
  .vb-intro .vb-sec__head { position: static; }
  .vb-cards { grid-template-columns: repeat(2, 1fr); }
  .vb-steps { grid-template-columns: repeat(2, 1fr); }
  .vb-people { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .vb-cards, .vb-aud, .vb-steps { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .vb-orbit__ring, .vb-orbit__node { animation: none !important; }
}

/* ========== YAPAY ZEKA TOPLULUĞU — sayfaya özel premium landing (.cm kapsamı) ========== */
.cm { --cm-gap: clamp(1rem, 1.5vw, 1.5rem); }
.cm .cm-h, .cm .cm-title { font-family: var(--font-serif); font-weight: 600; color: var(--ink); letter-spacing: -.015em; }

/* — HERO — */
.cm-hero { position: relative; overflow: hidden;
  background:
    radial-gradient(58rem 30rem at 84% -8rem, color-mix(in srgb, var(--brand-cyan) 12%, transparent), transparent 60%),
    radial-gradient(44rem 24rem at 4% 112%, color-mix(in srgb, var(--brand-gold) 11%, transparent), transparent 58%),
    #fff;
  border-bottom: 1px solid var(--line); }
.cm-hero__grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); align-items: center;
  gap: clamp(1.6rem, 2.4vw, 3.2rem); padding-block: clamp(2.6rem, 1.6rem + 4vw, 5.4rem); }
.cm-eyebrow { display: inline-flex; align-items: center; gap: .55rem; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-muted); }
.cm-eyebrow i { width: .5rem; height: .5rem; border-radius: 50%; background: var(--brand-gold); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-gold) 22%, transparent); }
.cm-title { font-size: clamp(2.3rem, 1.3rem + 3.6vw, 3.9rem); line-height: 1.08; letter-spacing: -.02em; margin: 1rem 0 0; }
.cm-title__accent { font-style: italic; color: var(--brand-blue); }
.cm-lead { color: var(--ink-soft); font-size: clamp(1.02rem, .96rem + .4vw, 1.2rem); line-height: 1.62; max-width: 34rem; margin: 1.1rem 0 0; }
.cm-cta-row { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.9rem; }
.cm-facts { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.1rem;
  margin: 2rem 0 0; padding-top: 1.4rem; border-top: 1px solid var(--line); }
.cm-facts li { display: inline-flex; align-items: center; gap: .4rem; font-size: .82rem; font-weight: 500; color: var(--ink-soft); white-space: nowrap; }
.cm-facts li svg { flex: none; width: 1rem; height: 1rem; color: var(--brand-blue); }
.cm-facts b { color: var(--ink); font-weight: 700; }

/* Constellation görseli */
.cm-net { position: relative; display: flex; justify-content: center; }
/* Ağın arkasında yumuşak ışıma — görsele denge ve ağırlık katar (sönük durmaz). */
.cm-net::before { content: ""; position: absolute; inset: 4%; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-blue) 10%, transparent), transparent 66%); }
.cm-net__svg { position: relative; flex: none; width: min(126%, 30rem); max-width: none; height: auto; overflow: visible; }
.cm-net__lines line { stroke-width: 1.25; animation: cm-lineglow 5s ease-in-out infinite; }
.cm-net__nodes .n { fill: #fff; stroke: var(--brand-blue); stroke-width: 1.6; animation: cm-nodefloat 7s ease-in-out infinite; }
.cm-net__nodes .n--b { fill: var(--brand-blue); stroke: none; }
.cm-net__nodes .n--g { fill: var(--brand-gold); stroke: none; }
.cm-net__nodes .n:nth-child(2n) { animation-delay: -2.2s; } .cm-net__nodes .n:nth-child(3n) { animation-delay: -4s; }
.cm-net__hub { fill: #0d2a63; filter: drop-shadow(0 14px 28px rgba(7, 18, 64, .4)); }
/* Merkezden yayılan radar halkaları — ağın "canlı" hareketi. */
.cm-net__pulse { fill: none; stroke: var(--brand-gold); stroke-width: 1.5; transform-box: fill-box; transform-origin: center;
  animation: cm-pulsering 3.6s ease-out infinite; }
.cm-net__pulse--2 { animation-delay: -1.8s; }
@keyframes cm-pulsering { 0% { transform: scale(.7); stroke-opacity: .55; } 70% { stroke-opacity: 0; } 100% { transform: scale(2.6); stroke-opacity: 0; } }
@keyframes cm-lineglow { 0%, 100% { stroke-opacity: .22; } 50% { stroke-opacity: .5; } }
@keyframes cm-nodefloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

/* — SECTION RİTMİ — */
.cm-sec { padding-block: clamp(3rem, 2rem + 4vw, 5.4rem); }
.cm-sec--soft { background: var(--bg-soft); }
.cm-sec__head { max-width: 46rem; margin-bottom: clamp(1.8rem, 1.2rem + 2vw, 3rem); }
.cm-sec__head.center { margin-inline: auto; text-align: center; }
.cm-kicker { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--brand-gold-3); }
.cm-kicker::before { content: ""; display: block; width: 2.1rem; height: 2px; border-radius: 2px; background: var(--brand-gold); margin-bottom: .95rem; }
.cm-sec__head.center .cm-kicker::before { margin-inline: auto; }
.cm-kicker--light { color: var(--brand-gold-2); }
.cm-h { font-size: clamp(1.7rem, 1.2rem + 1.9vw, 2.5rem); line-height: 1.12; margin: .55rem 0 0; }
.cm-sec__lead { color: var(--ink-soft); font-size: 1.05rem; line-height: 1.65; margin: 1rem 0 0; max-width: 44rem; }
.cm-sec__head.center .cm-sec__lead { margin-inline: auto; }
.cm-note { color: var(--ink-muted); font-size: .9rem; margin-top: 1.5rem; }

/* — KÜLTÜR — */
.cm-intro__lead { max-width: 48rem; margin: 0 auto; text-align: center; font-size: clamp(1.15rem, 1rem + .7vw, 1.5rem);
  font-family: var(--font-serif); font-weight: 500; color: var(--ink); line-height: 1.5; letter-spacing: -.01em; }

/* — TOPLUM İÇİN YAPAY ZEKA (dark showcase) — */
.cm-society { position: relative; overflow: hidden; color: #fff;
  background: linear-gradient(150deg, #06183a, var(--header-bg) 55%, #0a2f5f);
  padding-block: clamp(3rem, 2rem + 4vw, 5.6rem); }
.cm-society__glow { position: absolute; width: 34rem; height: 34rem; right: -10rem; top: -14rem; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-blue) 50%, transparent), transparent 68%); }
.cm-society__inner { position: relative; max-width: 52rem; }
.cm .cm-society__title { color: var(--brand-gold-2); }
.cm-society__lead { color: rgba(255, 255, 255, .82); font-size: 1.08rem; line-height: 1.7; margin: 1.1rem 0 0; }
.cm-society__lead a { color: var(--brand-gold-2); text-decoration: underline; text-underline-offset: 3px; transition: color var(--speed); }
.cm-society__lead a:hover { color: #fff; }  /* koyu zeminde okunur kalması için (genel a:hover rengini ez) */
.cm-society__stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin: 2.2rem 0 0; max-width: 40rem; }
.cm-figure { padding-left: 1.2rem; border-left: 2px solid color-mix(in srgb, var(--brand-gold) 60%, transparent); }
.cm-figure b { display: block; font-family: var(--font-serif); font-weight: 600; font-size: clamp(1.9rem, 1.4rem + 1.6vw, 2.7rem); color: var(--brand-gold-2); line-height: 1.05; letter-spacing: -.02em; }
.cm-figure span { display: block; margin-top: .5rem; font-size: .88rem; color: rgba(255, 255, 255, .68); line-height: 1.5; }
.cm-society__src { font-size: .78rem; color: rgba(255, 255, 255, .5); margin: 1rem 0 0; }
.cm-society__callout { display: flex; gap: 1.1rem; align-items: flex-start; margin-top: 2.4rem; padding: 1.4rem 1.5rem;
  border-radius: 16px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .12); }
.cm-society__ic { flex: none; width: 3rem; height: 3rem; border-radius: 12px; display: grid; place-items: center;
  background: color-mix(in srgb, var(--brand-gold) 20%, transparent); color: var(--brand-gold-2); }
.cm-society__ic svg { width: 1.4rem; height: 1.4rem; }
.cm-society__callout h3 { color: #fff; font-size: 1.08rem; margin: 0 0 .35rem; }
.cm-society__callout p { color: rgba(255, 255, 255, .78); font-size: .92rem; line-height: 1.6; margin: 0; }

/* — TOPIC ÇİPLERİ — */
.cm-topics { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem 1.7rem; }
.cm-topic { display: inline-flex; align-items: center; gap: .5rem; font-size: .92rem; font-weight: 500; color: var(--ink-soft); }
.cm-topic svg { flex: none; width: 1.12rem; height: 1.12rem; color: var(--brand-blue); }

/* — YÖNETİŞİM callout — */
.cm-govern { display: flex; gap: 1.5rem; align-items: flex-start; padding: clamp(1.6rem, 1.2rem + 1.5vw, 2.6rem);
  border: 1px solid var(--line); border-radius: 20px; background: var(--card); box-shadow: var(--shadow-sm); }
.cm-govern__ic { flex: none; width: 3.4rem; height: 3.4rem; border-radius: 14px; display: grid; place-items: center; background: var(--header-bg); color: var(--brand-gold-2); }
.cm-govern__ic svg { width: 1.6rem; height: 1.6rem; }
.cm-govern .cm-h { font-size: clamp(1.4rem, 1.1rem + 1vw, 1.85rem); }
.cm-govern p { color: var(--ink-soft); line-height: 1.7; margin: .8rem 0 0; }

/* — SÜREÇ adımları — */
.cm-steps { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.2rem, 2vw, 2rem); }
.cm-step { position: relative; padding-top: 1.4rem; border-top: 1px solid var(--line); }
.cm-step::before { content: ""; position: absolute; top: -1px; left: 0; width: 2.4rem; height: 2px; border-radius: 2px; background: var(--brand-gold); }
.cm-step__num { display: block; font-family: var(--font-serif); font-weight: 600; font-size: 2.2rem; line-height: 1; color: var(--brand-blue); }
.cm-step h3 { margin: .7rem 0 .3rem; font-size: 1.02rem; color: var(--ink); }
.cm-step p { color: var(--ink-soft); font-size: .9rem; line-height: 1.55; margin: 0; }
.cm-steps__cta { margin-top: clamp(1.8rem, 1.4rem + 1.5vw, 2.6rem); text-align: center; }

/* — ÖNE ÇIKAN KULÜP — */
.cm-featured { display: flex; align-items: center; gap: 1.4rem; text-decoration: none !important;
  padding: clamp(1.4rem, 1.1rem + 1.2vw, 2rem); border-radius: 20px; margin-bottom: clamp(1.4rem, 1rem + 1.5vw, 2rem);
  color: #fff; background: linear-gradient(135deg, var(--brand-navy), var(--header-bg) 62%, #123a6e);
  box-shadow: var(--shadow-md); transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.cm-featured__ic { flex: none; width: 3.6rem; height: 3.6rem; border-radius: 14px; display: grid; place-items: center;
  background: linear-gradient(150deg, var(--brand-gold), var(--brand-gold-2)); color: #4a3500; }
.cm-featured__ic svg { width: 1.7rem; height: 1.7rem; }
.cm-featured__body { flex: 1; min-width: 0; }
.cm-featured__tag { font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--brand-gold-2); }
.cm-featured__body h3 { font-size: 1.28rem; color: #fff; margin: .3rem 0 .3rem; letter-spacing: -.01em; }
.cm-featured__body p { color: rgba(255, 255, 255, .78); font-size: .95rem; line-height: 1.55; margin: 0; }
.cm-featured__go { flex: none; display: inline-flex; align-items: center; gap: .4rem; font-size: .9rem; font-weight: 600; color: var(--brand-gold-2); }
.cm-featured__go svg { width: .95em; height: .95em; transition: transform .2s var(--ease); }
.cm-featured:hover .cm-featured__go svg { transform: translateX(3px); }

/* — KULÜP KARTLARI — */
.cm-clubs { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--cm-gap); }
/* Zarif, düz kartlar — ana sayfadaki "Fırsatlar" kutuları gibi: belirgin border yok, ince halka + yumuşak gölge, 3B yok. */
.cm-club { --acc: var(--brand-blue); display: flex; flex-direction: column;
  padding: 1.5rem; border-radius: var(--radius); background: var(--card); box-shadow: var(--ring), var(--shadow-xs);
  transition: box-shadow .25s var(--ease), transform .25s var(--ease); }
.cm-club:hover { transform: translateY(-2px); box-shadow: var(--ring), var(--shadow-md); }
.cm-club__ic { width: 2.7rem; height: 2.7rem; border-radius: .7rem; display: grid; place-items: center; margin-bottom: 1rem;
  color: var(--acc); background: color-mix(in srgb, var(--acc) 12%, #fff);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--acc) 24%, transparent);
  transition: transform .25s var(--ease), background .25s; }
.cm-club:hover .cm-club__ic { transform: scale(1.06) rotate(-3deg); background: color-mix(in srgb, var(--acc) 18%, #fff); }
.cm-club__ic svg { width: 1.25rem; height: 1.25rem; }
.cm-club h3 { font-size: 1.02rem; color: var(--ink); margin: 0; letter-spacing: -.01em; line-height: 1.35; }

.cm-arrow { display: inline-flex; align-items: center; gap: .4rem; font-weight: 600; color: var(--brand-blue); text-decoration: none !important; }
.cm-arrow svg { width: .95em; height: .95em; transition: transform .2s var(--ease); }
.cm-arrow:hover svg { transform: translateX(3px); }

/* — CTA bandı — */
.cm-cta { position: relative; overflow: hidden; border-radius: 22px; color: #fff;
  background: linear-gradient(135deg, var(--brand-navy), var(--header-bg) 58%, #0A3161);
  padding: clamp(2rem, 1.5rem + 3vw, 3.4rem); box-shadow: var(--shadow-lg);
  display: flex; flex-wrap: wrap; gap: 1.6rem 2rem; align-items: center; justify-content: space-between; }
.cm-cta__glow { position: absolute; width: 26rem; height: 26rem; right: -9rem; top: -12rem; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-blue) 55%, transparent), transparent 68%); }
.cm-cta__body { position: relative; max-width: 40rem; }
.cm-cta .cm-h { color: #fff; }
.cm-cta__body p { color: rgba(255, 255, 255, .82); line-height: 1.6; margin: .7rem 0 0; }
.cm-cta__actions { position: relative; display: flex; flex-wrap: wrap; gap: .7rem; }

/* — RESPONSIVE — */
@media (max-width: 900px) {
  .cm-hero__grid { grid-template-columns: 1fr; }
  .cm-net { order: -1; }
  .cm-net__svg { width: min(66%, 17rem); }
  .cm-steps { grid-template-columns: repeat(2, 1fr); }
  .cm-clubs { grid-template-columns: repeat(2, 1fr); }
  .cm-featured { flex-wrap: wrap; }
}
@media (max-width: 560px) {
  .cm-steps, .cm-clubs, .cm-society__stats { grid-template-columns: 1fr; }
  .cm-govern { flex-direction: column; gap: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .cm-net__lines line, .cm-net__nodes .n, .cm-net__pulse { animation: none !important; }
  .cm-net__pulse { display: none; }
}

/* ========== LİSANSLI YAZILIM KATALOĞU — modern hero + premium vitrin (.kat kapsamı) ========== */
/* — Hero banner (koyu lacivert) — */
.kat-hero { position: relative; overflow: hidden; color: #fff;
  background: linear-gradient(135deg, #06183a, var(--header-bg) 52%, #0a2f5f); }
.kat-hero__glow { position: absolute; width: 40rem; height: 40rem; right: -12rem; top: -16rem; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-blue) 42%, transparent), transparent 66%); }
.kat-hero__inner { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: center; gap: clamp(2rem, 3vw, 3.6rem); padding-block: clamp(2.6rem, 1.6rem + 4vw, 5rem); }
.kat-hero__eyebrow { display: inline-flex; align-items: center; gap: .5rem; font-size: .72rem; font-weight: 700;
  letter-spacing: .16em; text-transform: uppercase; color: #6FA8FF; }
.kat-hero__eyebrow svg { width: 1rem; height: 1rem; }
.kat-hero h1 { color: #fff; font-size: clamp(2.1rem, 1.4rem + 2.6vw, 3.4rem); line-height: 1.08; letter-spacing: -.03em; margin: 1rem 0 0; }
.kat-hero__accent { color: #6FA8FF; }
.kat-hero__lead { color: rgba(255, 255, 255, .82); font-size: clamp(1rem, .95rem + .35vw, 1.14rem); line-height: 1.62; max-width: 34rem; margin: 1.1rem 0 0; }
.kat-hero__cta { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.9rem; }
.kat-hero__stats { list-style: none; display: flex; flex-wrap: wrap; gap: 1rem 2.2rem; margin: 2rem 0 0; padding-top: 1.5rem; border-top: 1px solid rgba(255, 255, 255, .14); }
.kat-hero__stats li { display: flex; align-items: center; gap: .7rem; }
.kat-stat__ic { flex: none; width: 2.5rem; height: 2.5rem; border-radius: 11px; display: grid; place-items: center;
  color: #8FB4FF; background: rgba(45,91,255,.18); box-shadow: inset 0 0 0 1px rgba(120,190,255,.3); }
.kat-stat__ic svg { width: 1.25rem; height: 1.25rem; }
.kat-hero__stats b { display: block; font-family: var(--font-serif); font-weight: 600; font-size: 1.5rem; color: #fff; line-height: 1; letter-spacing: -.02em; }
.kat-hero__stats span { font-size: .8rem; color: rgba(255, 255, 255, .62); }

/* Hero mini-katalog önizleme paneli */
.kat-hero__panel { position: relative; background: #fff; border-radius: 18px; padding: 1rem;
  box-shadow: 0 40px 70px -30px rgba(3, 12, 40, .7), 0 0 0 1px rgba(255, 255, 255, .06);
  animation: kat-float 7s ease-in-out infinite; }
@keyframes kat-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
.kat-panel__bar { display: flex; align-items: center; gap: .55rem; padding: .7rem .9rem; border-radius: 11px;
  background: var(--bg-soft); color: var(--ink-muted); font-size: .85rem; margin-bottom: .7rem; }
.kat-panel__bar svg { width: 1rem; height: 1rem; }
.kat-panel__list { display: flex; flex-direction: column; gap: .45rem; }
.kat-panel__row { display: flex; align-items: center; gap: .8rem; padding: .6rem .7rem; border-radius: 11px; transition: background .2s var(--ease); }
.kat-panel__row:hover { background: var(--bg-soft); }
.kat-panel__ic { flex: none; width: 2.3rem; height: 2.3rem; border-radius: 9px; display: grid; place-items: center; color: #fff;
  background: linear-gradient(145deg, color-mix(in srgb, var(--t) 82%, #fff), var(--t)); }
.kat-panel__ic svg { width: 1.15rem; height: 1.15rem; }
.kat-panel__meta { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.kat-panel__meta b { color: var(--ink); font-size: .9rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kat-panel__meta small { color: var(--ink-muted); font-size: .74rem; }
.kat-panel__go { flex: none; width: .95rem; height: .95rem; color: var(--ink-muted); }

/* — Logo kutusu (kart + modal): altta renkli monogram, üstünde (varsa) resmî logo — */
.logo-box { position: relative; overflow: hidden; width: 3rem; height: 3rem; border-radius: .8rem; flex: none;
  display: flex; align-items: center; justify-content: center; transition: transform .25s var(--ease); }
.logo-box__mono { font-weight: 700; font-size: 1rem; color: #fff; letter-spacing: .01em; }
.logo-box--img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain;
  background: #fff; padding: .55rem; box-shadow: inset 0 0 0 1px var(--line); }
.logo-box--lg { width: 3.7rem; height: 3.7rem; border-radius: 1rem; }
.logo-box--lg .logo-box__mono { font-size: 1.35rem; }
.logo-box--lg.logo-box--img img { padding: .65rem; }

/* — Kart (yazılım) rafine — BAU AI Lab öne çıkan kartıyla aynı premium çerçeve dili (altın ince halka + yumuşak gradyan). */
.tool-card { padding: 1.4rem; border-radius: .8rem;
  background: linear-gradient(170deg, #fff 58%, color-mix(in srgb, var(--brand-gold) 6%, #fff));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-gold) 26%, var(--line)), var(--shadow-xs);
  transition: box-shadow .25s var(--ease), transform .25s var(--ease); }
.tool-card:hover { transform: translateY(-3px);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-gold) 48%, transparent), var(--shadow-md); }
.tool-card__top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: .35rem; }
.tool-card .logo-box { margin-bottom: .9rem; }
.tool-card h3 { font-size: 1rem; letter-spacing: -.01em; }
.tool-card p { color: var(--ink-soft); font-size: .85rem; line-height: 1.55; margin-bottom: .9rem; }
.tool-card__more { margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: .35rem;
  background: none; border: none; padding: 0; cursor: pointer; font: inherit; font-size: .86rem; font-weight: 600; color: var(--brand-blue); }
.tool-card__more span { transition: transform .2s var(--ease); }
.tool-card:hover .tool-card__more span { transform: translateX(3px); }

/* — Filtre çipi — */
.chip { border-radius: 999px; }

/* — Premium detay modalı — */
.kat-modal { max-width: 33rem; padding: 1.8rem 1.9rem 1.9rem; border-radius: 20px;
  box-shadow: 0 40px 90px -30px rgba(3, 12, 40, .6); }
.kat-modal__head { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.1rem; padding-right: 2rem; }
.kat-modal__title { min-width: 0; }
.kat-modal__title .cat-pill { display: inline-block; margin-bottom: .4rem; }
.kat-modal__title h3 { margin: 0; font-size: 1.25rem; letter-spacing: -.02em; color: var(--ink); }
.kat-modal__desc { color: var(--ink-soft); line-height: 1.65; margin: 0 0 1.2rem; }
.kat-modal__note { display: flex; gap: .85rem; padding: 1rem 1.1rem; border-radius: 14px;
  background: var(--info-bg); border: 1px solid var(--info-border); }
.kat-modal__note-ic { flex: none; width: 2.1rem; height: 2.1rem; border-radius: 8px; display: grid; place-items: center;
  background: color-mix(in srgb, var(--brand-blue) 14%, #fff); color: var(--brand-blue); }
.kat-modal__note-ic svg { width: 1.15rem; height: 1.15rem; }
.kat-modal__note p { margin: 0; font-size: .88rem; line-height: 1.55; color: var(--ink-soft); }
.kat-modal__note strong { color: var(--ink); }
.kat-modal__actions { margin-top: 1.4rem; }
.kat-modal__actions .btn { width: 100%; justify-content: center; }

@media (max-width: 860px) {
  .kat-hero__inner { grid-template-columns: 1fr; }
  .kat-hero__panel { order: -1; max-width: 26rem; }
}

/* ========== YAPAY ZEKA ARAÇLARI — sayfaya özel premium tasarım (.tl kapsamı) ========== */
.tl { --tl-gap: clamp(1rem, 1.4vw, 1.4rem); }
.tl .tl-h, .tl .tl-title { font-family: var(--font-serif); font-weight: 600; color: var(--ink); letter-spacing: -.015em; }

/* — Logo kutusu (kart + hero): altta monogram, üstünde varsa resmî logo — */
.tl-logo { position: relative; overflow: hidden; flex: none; width: 3rem; height: 3rem; border-radius: .8rem;
  display: flex; align-items: center; justify-content: center; }
.tl-logo__mono { font-weight: 700; font-size: 1rem; color: #fff; letter-spacing: .01em; }
.tl-logo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #fff; padding: .55rem; box-shadow: inset 0 0 0 1px var(--line); }
.tl-logo--sm { width: 2.5rem; height: 2.5rem; border-radius: .65rem; }
.tl-logo--sm .tl-logo__mono { font-size: .85rem; }
.tl-logo--sm img { padding: .42rem; }

/* — HERO — */
.tl-hero { position: relative; overflow: hidden;
  background:
    radial-gradient(56rem 30rem at 84% -8rem, color-mix(in srgb, var(--brand-blue) 12%, transparent), transparent 60%),
    radial-gradient(42rem 24rem at 4% 112%, color-mix(in srgb, var(--brand-gold) 10%, transparent), transparent 58%),
    #fff;
  border-bottom: 1px solid var(--line); }
.tl-hero__inner { position: relative; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  align-items: center; gap: clamp(1.8rem, 2.6vw, 3.4rem); padding-block: clamp(2.6rem, 1.6rem + 4vw, 5.2rem); }
.tl-eyebrow { display: inline-flex; align-items: center; gap: .55rem; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-muted); }
.tl-eyebrow i { width: .5rem; height: .5rem; border-radius: 50%; background: var(--brand-gold); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-gold) 22%, transparent); }
.tl-title { font-size: clamp(2.2rem, 1.3rem + 3.4vw, 3.7rem); line-height: 1.08; letter-spacing: -.02em; margin: 1rem 0 0; }
.tl-title__accent { font-style: italic; color: var(--brand-blue); }
.tl-lead { color: var(--ink-soft); font-size: clamp(1.02rem, .96rem + .4vw, 1.18rem); line-height: 1.62; max-width: 33rem; margin: 1.1rem 0 0; }
.tl-cta-row { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.9rem; }
.tl-facts { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.5rem; margin: 2rem 0 0; padding-top: 1.4rem; border-top: 1px solid var(--line); }
.tl-facts li { display: inline-flex; align-items: center; gap: .45rem; font-size: .84rem; font-weight: 500; color: var(--ink-soft); white-space: nowrap; }
.tl-facts li svg { flex: none; width: 1rem; height: 1rem; color: var(--brand-blue); }
.tl-facts b { color: var(--ink); font-weight: 700; }

/* Hero amiral araç paneli (2×2) */
.tl-hero__panel { position: relative; isolation: isolate; display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
/* Kartların arkasında dönen küre çizgileri (canvas, site.js initWave "globe") */
.tl-hero__globe { position: absolute; left: -45%; top: -135%; width: 190%; height: 370%; z-index: -1; display: block; pointer-events: none; }
.tl-hero__tile { display: flex; align-items: center; gap: .75rem; padding: .95rem; border-radius: 15px;
  background: var(--card); box-shadow: var(--ring), var(--shadow-sm);
  animation: tl-float 7s ease-in-out infinite; }
.tl-hero__tile:nth-child(2) { animation-delay: -1.7s; }
.tl-hero__tile:nth-child(3) { animation-delay: -3.4s; }
.tl-hero__tile:nth-child(4) { animation-delay: -5.1s; }
.tl-hero__tile > div { min-width: 0; display: flex; flex-direction: column; }
.tl-hero__tile b { color: var(--ink); font-size: .9rem; font-weight: 650; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tl-hero__tile small { color: var(--ink-muted); font-size: .74rem; }
@keyframes tl-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }

/* — SECTION RİTMİ — */
.tl-sec { padding-block: clamp(2.6rem, 1.8rem + 3.5vw, 5rem); }
.tl-sec--soft { background: var(--bg-soft); }
.tl-sec__head { max-width: 46rem; margin-bottom: clamp(1.8rem, 1.2rem + 2vw, 3rem); }
.tl-sec__head.center { margin-inline: auto; text-align: center; }
.tl-kicker { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--brand-gold-3); }
.tl-kicker::before { content: ""; display: block; width: 2.1rem; height: 2px; border-radius: 2px; background: var(--brand-gold); margin-bottom: .95rem; }
.tl-sec__head.center .tl-kicker::before { margin-inline: auto; }
.tl-kicker--light { color: var(--brand-gold-2); }
.tl-h { font-size: clamp(1.7rem, 1.2rem + 1.9vw, 2.4rem); line-height: 1.12; margin: .55rem 0 0; }
.tl-sec__lead { color: var(--ink-soft); font-size: 1.05rem; line-height: 1.65; margin: 1rem 0 0; max-width: 44rem; }
.tl-sec__head.center .tl-sec__lead { margin-inline: auto; }
.tl-note { color: var(--ink-muted); font-size: .9rem; line-height: 1.6; margin-top: 1.6rem; max-width: 46rem; }
.tl-btnrow { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.5rem; }
.tl-arrow { display: inline-flex; align-items: center; gap: .4rem; font-weight: 600; color: var(--brand-blue); text-decoration: none !important; }
.tl-arrow svg { width: .95em; height: .95em; transition: transform .2s var(--ease); }
.tl-arrow:hover svg { transform: translateX(3px); }

/* — BAU AI LAB SPOTLIGHT — */
.tl-spotlight { position: relative; overflow: hidden; display: flex; align-items: center; gap: clamp(1.2rem, 2vw, 2rem);
  text-decoration: none !important; color: #fff; border-radius: 22px;
  padding: clamp(1.6rem, 1.2rem + 1.8vw, 2.6rem);
  background: linear-gradient(135deg, var(--brand-navy), var(--header-bg) 58%, #123a6e);
  box-shadow: var(--shadow-lg); transition: transform .28s var(--ease), box-shadow .28s var(--ease); }
.tl-spotlight:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg), 0 0 0 1px color-mix(in srgb, var(--brand-gold) 40%, transparent); }
.tl-spotlight__glow { position: absolute; width: 26rem; height: 26rem; right: -8rem; top: -11rem; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-blue) 50%, transparent), transparent 68%); }
.tl-spotlight__ic { position: relative; flex: none; width: 4.4rem; height: 4.4rem; border-radius: 18px; display: grid; place-items: center; color: #4a3500;
  background: linear-gradient(150deg, var(--brand-gold), var(--brand-gold-2)); box-shadow: 0 16px 30px -12px color-mix(in srgb, var(--brand-gold) 70%, transparent); }
.tl-spotlight__ic svg { width: 2.1rem; height: 2.1rem; }
.tl-spotlight__body { position: relative; min-width: 0; }
.tl-spotlight__tag { font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--brand-gold-2); }
.tl-spotlight .tl-h { color: #fff; font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem); margin: .35rem 0 .5rem; }
.tl-spotlight__body p { color: rgba(255, 255, 255, .82); line-height: 1.6; margin: 0 0 .9rem; max-width: 46rem; }
.tl-spotlight__go { display: inline-flex; align-items: center; gap: .4rem; font-weight: 600; color: var(--brand-gold-2); }
.tl-spotlight__go svg { width: .95em; height: .95em; transition: transform .2s var(--ease); }
.tl-spotlight:hover .tl-spotlight__go svg { transform: translateX(4px); }

/* — ARAÇ VİTRİNİ — tier etiketi + kartlar — */
.tl-tier { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.1rem; }
.tl-tier--mt { margin-top: clamp(2rem, 1.5rem + 1.5vw, 3rem); }
.tl-tier[id] { scroll-margin-top: calc(var(--header-h) + 2rem); }
.tl-tier__label { display: inline-flex; align-items: center; gap: .55rem; font-size: .95rem; font-weight: 700; color: var(--ink); letter-spacing: -.01em; }
.tl-tier__label svg { width: 1.1rem; height: 1.1rem; color: var(--brand-blue); }
.tl-tier__link { margin-left: auto; display: inline-flex; align-items: center; gap: .35rem; padding: .4rem .85rem; border-radius: .5rem;
  font-size: .82rem; font-weight: 600; color: var(--brand-blue); text-decoration: none !important;
  background: color-mix(in srgb, var(--brand-blue) 8%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-blue) 20%, transparent);
  transition: background .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease); }
.tl-tier__link svg { width: .85em; height: .85em; }
.tl-tier__link:hover { background: color-mix(in srgb, var(--brand-blue) 14%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-blue) 38%, transparent); transform: translateY(-1px); }
.tl-tools { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--tl-gap); }
.tl-tool { position: relative; display: flex; flex-direction: column; padding: 1.4rem; border-radius: 16px;
  background: linear-gradient(170deg, #fff 60%, color-mix(in srgb, var(--brand-blue) 4%, #fff));
  box-shadow: 0 0 0 1px var(--line), var(--shadow-xs);
  transition: box-shadow .25s var(--ease), transform .25s var(--ease); }
.tl-tool:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-blue) 34%, transparent), var(--shadow-md); }
.tl-tool .tl-logo { margin-bottom: 1rem; transition: transform .25s var(--ease); }
.tl-tool:hover .tl-logo { transform: scale(1.06); }
.tl-tool__prov { font-size: .64rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }
.tl-tool h3 { font-size: 1.02rem; color: var(--ink); margin: .2rem 0 .5rem; letter-spacing: -.01em; line-height: 1.3; }
.tl-tool p { color: var(--ink-soft); font-size: .86rem; line-height: 1.55; margin: 0; }
.tl-tool__link { display: inline-flex; align-items: center; gap: .35rem; margin-top: .85rem; font-size: .82rem; font-weight: 650; color: var(--brand-blue); text-decoration: none !important; }
.tl-tool__link svg { width: .82em; height: .82em; transition: transform .2s var(--ease); }
.tl-tool__link:hover svg { transform: translate(2px, -2px); }

/* — LİSANSLI YAZILIM KATALOĞU (dark band) — */
.tl-catalog { position: relative; overflow: hidden; border-radius: 22px; color: #fff;
  background: linear-gradient(135deg, #06183a, var(--header-bg) 55%, #0a2f5f);
  padding: clamp(2rem, 1.5rem + 3vw, 3.4rem); box-shadow: var(--shadow-lg); }
.tl-catalog__glow { position: absolute; width: 30rem; height: 30rem; right: -10rem; top: -13rem; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-blue) 46%, transparent), transparent 66%); }
.tl-catalog__body { position: relative; max-width: 44rem; }
.tl .tl-catalog__title { color: #fff; }
.tl-catalog__body > p { color: rgba(255, 255, 255, .82); line-height: 1.65; margin: 1rem 0 0; }
.tl-catalog__pills { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.4rem 0 0; }
.tl-catalog__pill { font-size: .78rem; font-weight: 500; padding: .38rem .85rem; border-radius: .5rem;
  background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); color: rgba(255, 255, 255, .9); }
.tl-btnrow--dark { margin-top: 1.6rem; }
.tl-catalog__src { font-size: .78rem; color: rgba(255, 255, 255, .55); margin: 1.2rem 0 0; }

/* — İKİLİ CALLOUT (öğrenci + güvenli kullanım) — */
.tl-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--tl-gap); }
.tl-callout { display: flex; gap: 1.1rem; padding: clamp(1.4rem, 1.1rem + 1vw, 2rem); border-radius: 18px;
  background: var(--card); box-shadow: var(--ring), var(--shadow-xs); }
.tl-callout__ic { flex: none; width: 3rem; height: 3rem; border-radius: 12px; display: grid; place-items: center;
  background: linear-gradient(150deg, color-mix(in srgb, var(--brand-blue) 14%, #fff), color-mix(in srgb, var(--brand-blue) 5%, #fff)); color: var(--brand-blue); }
.tl-callout__ic--gold { background: linear-gradient(150deg, color-mix(in srgb, var(--brand-gold) 26%, #fff), color-mix(in srgb, var(--brand-gold) 9%, #fff)); color: var(--brand-gold-3); }
.tl-callout__ic svg { width: 1.4rem; height: 1.4rem; }
.tl-callout h3 { font-size: 1.08rem; color: var(--ink); margin: 0 0 .4rem; letter-spacing: -.01em; }
.tl-callout p { color: var(--ink-soft); font-size: .92rem; line-height: 1.6; margin: 0 0 .7rem; }

/* — KAYNAKLAR CTA — */
.tl-cta { position: relative; overflow: hidden; isolation: isolate; border-radius: 22px; color: #fff;
  background: linear-gradient(135deg, var(--brand-navy), var(--header-bg) 58%, #0A3161);
  padding: clamp(2rem, 1.5rem + 3vw, 3.4rem); box-shadow: var(--shadow-lg);
  display: flex; flex-wrap: wrap; gap: 1.6rem 2rem; align-items: center; justify-content: space-between; }
.tl-cta__glow { position: absolute; width: 26rem; height: 26rem; right: -9rem; top: -12rem; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-blue) 52%, transparent), transparent 68%); }
.tl-cta__body { position: relative; max-width: 40rem; }
.tl-cta .tl-h { color: #fff; }
.tl-cta__body p { color: rgba(255, 255, 255, .82); line-height: 1.6; margin: .7rem 0 0; }
.tl-cta__actions { position: relative; display: flex; flex-wrap: wrap; gap: .7rem; }

/* — RESPONSIVE — */
@media (max-width: 980px) {
  .tl-tools { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 860px) {
  .tl-hero__inner { grid-template-columns: 1fr; }
  .tl-hero__panel { order: -1; max-width: 30rem; }
  .tl-tools, .tl-tools--4 { grid-template-columns: repeat(2, 1fr); }
  .tl-grid2 { grid-template-columns: 1fr; }
  .tl-spotlight { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 480px) {
  .tl-tools, .tl-tools--4, .tl-hero__panel { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .tl-hero__tile { animation: none !important; } }

/* ========== PAYLAŞILAN PREMIUM SAYFA ARAÇ SETİ (.pg-*) — birden çok yeniden tasarlanan sayfa aynı dili paylaşır ========== */
.pg { --pg-accent: var(--brand-blue); }
.pg .pg-h, .pg .pg-title { font-family: var(--font-serif); font-weight: 600; color: var(--ink); letter-spacing: -.015em; }

/* Hero (açık, premium) */
.pg-hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--line);
  background:
    radial-gradient(54rem 28rem at 84% -8rem, color-mix(in srgb, var(--pg-accent) 12%, transparent), transparent 60%),
    radial-gradient(40rem 22rem at 4% 112%, color-mix(in srgb, var(--brand-gold) 10%, transparent), transparent 58%),
    #fff; }
.pg-hero__inner { position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: center;
  gap: clamp(1.8rem, 2.6vw, 3.4rem); padding-block: clamp(2.4rem, 1.5rem + 3.5vw, 4.6rem); }
.pg-hero--compact .pg-hero__inner { padding-block: clamp(2rem, 1.4rem + 2.5vw, 3.6rem); }
.pg-eyebrow { display: inline-flex; align-items: center; gap: .55rem; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-muted); }
.pg-eyebrow i { width: .5rem; height: .5rem; border-radius: 50%; background: var(--brand-gold); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-gold) 22%, transparent); }
.pg-title { font-size: clamp(2rem, 1.3rem + 3vw, 3.4rem); line-height: 1.09; letter-spacing: -.02em; margin: 1rem 0 0; }
.pg-title__accent { font-style: italic; color: var(--pg-accent); }
.pg-lead { color: var(--ink-soft); font-size: clamp(1rem, .95rem + .38vw, 1.16rem); line-height: 1.62; max-width: 34rem; margin: 1.1rem 0 0; }
.pg-ctarow { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.8rem; }
.pg-facts { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.5rem; margin: 1.9rem 0 0; padding-top: 1.4rem; border-top: 1px solid var(--line); }
.pg-facts li { display: inline-flex; align-items: center; gap: .45rem; font-size: .84rem; font-weight: 500; color: var(--ink-soft); white-space: nowrap; }
.pg-facts li svg { flex: none; width: 1rem; height: 1rem; color: var(--pg-accent); }
.pg-facts b { color: var(--ink); font-weight: 700; }

/* Haberler (.hz) — hero'da üç buton ve üç bilgi tek satırda (taşmadan) */
.hz .pg-ctarow { flex-wrap: nowrap; gap: .5rem; }
.hz .pg-ctarow .btn { padding-inline: clamp(.68rem, .3rem + .7vw, 1.1rem); font-size: clamp(.78rem, .7rem + .2vw, .88rem); white-space: nowrap; }
.hz .pg-facts { flex-wrap: nowrap; gap: .3rem clamp(.5rem, 0rem + .55vw, .95rem); }
.hz .pg-facts li { font-size: clamp(.72rem, .68rem + .12vw, .78rem); gap: .28rem; }
.hz .pg-facts li svg { width: .88rem; height: .88rem; }
@media (max-width: 1000px) { .hz .pg-ctarow, .hz .pg-facts { flex-wrap: wrap; } }

/* Section ritmi */
.pg-sec { padding-block: clamp(2.4rem, 1.7rem + 3vw, 4.6rem); }
.pg-sec--soft { background: var(--bg-soft); }
.pg-sec__head { max-width: 46rem; margin-bottom: clamp(1.6rem, 1.1rem + 1.8vw, 2.8rem); }
.pg-sec__head.center { margin-inline: auto; text-align: center; }
.pg-kicker { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--brand-gold-3); }
.pg-kicker::before { content: ""; display: block; width: 2.1rem; height: 2px; border-radius: 2px; background: var(--brand-gold); margin-bottom: .9rem; }
.pg-sec__head.center .pg-kicker::before { margin-inline: auto; }
.pg-kicker--light { color: var(--brand-gold-2); }
.pg-h { font-size: clamp(1.6rem, 1.2rem + 1.7vw, 2.3rem); line-height: 1.14; margin: .5rem 0 0; }
.pg-sec__lead { color: var(--ink-soft); font-size: 1.04rem; line-height: 1.64; margin: .9rem 0 0; max-width: 44rem; }
.pg-sec__head.center .pg-sec__lead { margin-inline: auto; }
.pg-note { color: var(--ink-muted); font-size: .9rem; line-height: 1.6; margin-top: 1.5rem; }
.pg-btnrow { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.5rem; }
.pg-arrow { display: inline-flex; align-items: center; gap: .4rem; font-weight: 600; color: var(--pg-accent); text-decoration: none !important; }
.pg-arrow svg { width: .95em; height: .95em; transition: transform .2s var(--ease); }
.pg-arrow:hover svg { transform: translateX(3px); }

/* Küme başlığı (cluster) — her küme kendi bloğunda; bloklar arası boşluk komşu seçiciyle verilir (ilk blok boşluksuz). */
.pg-clusterblock + .pg-clusterblock { margin-top: clamp(2rem, 1.5rem + 1.6vw, 3.2rem); }
.pg-cluster { display: flex; align-items: center; gap: .6rem; margin: 0 0 1.1rem;
  font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-muted); }
.pg-cluster::before { content: ""; width: 1.5rem; height: 2px; border-radius: 2px; background: var(--brand-gold); flex: none; }

/* Kart ızgarası + premium kart */
.pg-cards { display: grid; grid-template-columns: repeat(var(--pg-cols, 3), 1fr); gap: clamp(1rem, 1.4vw, 1.4rem); }
.pg-cards--2 { --pg-cols: 2; } .pg-cards--3 { --pg-cols: 3; } .pg-cards--4 { --pg-cols: 4; }
.pg-card { position: relative; display: flex; flex-direction: column; padding: 1.5rem; border-radius: 16px;
  background: linear-gradient(170deg, #fff 62%, color-mix(in srgb, var(--pg-accent) 4%, #fff));
  box-shadow: 0 0 0 1px var(--line), var(--shadow-xs); text-decoration: none !important; color: inherit;
  transition: box-shadow .25s var(--ease), transform .25s var(--ease); }
a.pg-card:hover, .pg-card--link:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px color-mix(in srgb, var(--pg-accent) 34%, transparent), var(--shadow-md); }
.pg-card--gold { background: linear-gradient(170deg, #fff 55%, color-mix(in srgb, var(--brand-gold) 9%, #fff)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-gold) 40%, transparent), var(--shadow-xs); }
a.pg-card.pg-card--gold:hover { box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-gold) 60%, transparent), var(--shadow-md); }
.pg-card__ic { flex: none; width: 3rem; height: 3rem; border-radius: 12px; display: grid; place-items: center; margin-bottom: 1rem; color: var(--pg-accent);
  background: linear-gradient(150deg, color-mix(in srgb, var(--pg-accent) 14%, #fff), color-mix(in srgb, var(--pg-accent) 5%, #fff));
  transition: transform .25s var(--ease); }
.pg-card--gold .pg-card__ic { color: var(--brand-gold-3); background: linear-gradient(150deg, color-mix(in srgb, var(--brand-gold) 26%, #fff), color-mix(in srgb, var(--brand-gold) 9%, #fff)); }
a.pg-card:hover .pg-card__ic { transform: scale(1.06) rotate(-3deg); }
.pg-card__ic svg { width: 1.4rem; height: 1.4rem; }
/* Logo kutusu (birim logosu) — ön planda: daha büyük, hafif gölgeli, net logo. */
.pg-card__logo { flex: none; width: 4.7rem; height: 4.7rem; border-radius: 15px; margin-bottom: 1.1rem; padding: .5rem;
  display: grid; place-items: center; background: #fff; box-shadow: 0 0 0 1px var(--line), 0 8px 18px -10px rgba(50, 50, 93, .18);
  transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.pg-card__logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
a.pg-card:hover .pg-card__logo { transform: translateY(-2px) scale(1.04); box-shadow: 0 0 0 1px var(--line), 0 14px 26px -12px rgba(50, 50, 93, .28); }
/* Birim logosu filigranı — kartın sağ-alt köşesinde büyük ve şeffaf (Kurumsal Yapılar sayfası) */
.ks .pg-card { overflow: hidden; }
.ks .pg-card > :not(.pg-card__wm) { position: relative; }
.pg-card__wm {
  position: absolute; right: -1.4rem; bottom: -1.1rem; width: 11rem; height: 7.6rem;
  pointer-events: none; user-select: none; opacity: .07; transform: rotate(-8deg);
  transition: opacity .3s var(--ease), transform .3s var(--ease);
}
.pg-card__wm img { width: 100%; height: 100%; object-fit: contain; }
a.pg-card:hover .pg-card__wm { opacity: .13; transform: rotate(-5deg) scale(1.05); }
@media print { .pg-card__wm { display: none; } }
.pg-card__top { display: flex; align-items: center; justify-content: space-between; }
.pg-card__ext { flex: none; width: 1.5rem; height: 1.5rem; border-radius: 7px; display: grid; place-items: center; color: var(--ink-muted);
  background: var(--bg-soft); transition: background .2s var(--ease), color .2s var(--ease); }
.pg-card__ext svg { width: .8rem; height: .8rem; }
a.pg-card:hover .pg-card__ext { background: color-mix(in srgb, var(--pg-accent) 14%, #fff); color: var(--pg-accent); }
.pg-card h3 { font-size: 1.04rem; color: var(--ink); margin: 0 0 .4rem; letter-spacing: -.01em; line-height: 1.32; }
.pg-card__sub { display: block; font-size: .72rem; color: var(--ink-muted); margin: -.2rem 0 .5rem; font-weight: 500; }
.pg-card p { color: var(--ink-soft); font-size: .88rem; line-height: 1.56; margin: 0; }
.pg-card__link { margin-top: auto; padding-top: .9rem; display: inline-flex; align-items: center; gap: .35rem; font-size: .85rem; font-weight: 600; color: var(--pg-accent); }
.pg-card__link svg { width: .9em; height: .9em; transition: transform .2s var(--ease); }
a.pg-card:hover .pg-card__link svg { transform: translateX(3px); }

/* Koyu CTA / bant */
.pg-band { position: relative; overflow: hidden; border-radius: 22px; color: #fff; isolation: isolate; /* dalga canvas'ı (z-index:-1) bandın arka planının önünde, metnin arkasında kalsın */
  background: linear-gradient(135deg, var(--brand-navy), var(--header-bg) 58%, #0A3161);
  padding: clamp(2rem, 1.5rem + 3vw, 3.4rem); box-shadow: var(--shadow-lg);
  display: flex; flex-wrap: wrap; gap: 1.6rem 2rem; align-items: center; justify-content: space-between; }
.pg-band__glow { position: absolute; width: 26rem; height: 26rem; right: -9rem; top: -12rem; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--pg-accent) 52%, transparent), transparent 68%); }
.pg-band__body { position: relative; max-width: 42rem; }
.pg .pg-band .pg-h { color: #fff; }
.pg-band__body p { color: rgba(255, 255, 255, .82); line-height: 1.6; margin: .7rem 0 0; }
/* Koyu bant üzerindeki metin bağlantıları — altın; üzerine gelince beyaz (genel a:hover koyu rengini ezer, okunur kalır). */
.pg-band__body p a { color: var(--brand-gold-2); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--brand-gold-2) 45%, transparent); transition: color .2s var(--ease), text-decoration-color .2s var(--ease); }
.pg-band__body p a:hover { color: #fff; text-decoration-color: #fff; }
.pg-band__actions { position: relative; display: flex; flex-wrap: wrap; gap: .7rem; }

@media (max-width: 900px) {
  .pg-hero__inner { grid-template-columns: 1fr; }
  .pg-hero__art { order: -1; }
  .pg-cards { --pg-cols: 2 !important; }
}
@media (max-width: 540px) { .pg-cards { --pg-cols: 1 !important; } }

/* — Kurumsal Yapılar: hero dekoratif logo kümesi — */
.ks-cluster { display: grid; grid-template-columns: repeat(3, 1fr); gap: .9rem; max-width: 24rem; margin-left: auto; }
.ks-cluster__tile { display: grid; place-items: center; height: 5.2rem; padding: 1rem; border-radius: 15px;
  background: var(--card); box-shadow: var(--ring), var(--shadow-sm); animation: ks-float 7s ease-in-out infinite; }
.ks-cluster__tile img { max-width: 100%; max-height: 2.7rem; object-fit: contain; }  /* kare logolar (buglab) kutuya sığsın */
.ks-cluster__tile:nth-child(2) { animation-delay: -1.2s; } .ks-cluster__tile:nth-child(3) { animation-delay: -2.4s; }
.ks-cluster__tile:nth-child(4) { animation-delay: -3.6s; } .ks-cluster__tile:nth-child(5) { animation-delay: -4.8s; }
.ks-cluster__tile:nth-child(6) { animation-delay: -6s; }
@keyframes ks-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@media (max-width: 900px) { .ks-cluster { margin-inline: auto; max-width: 22rem; } }
@media (prefers-reduced-motion: reduce) { .ks-cluster__tile { animation: none; } }

/* ========== COURSERA KATALOĞU — belge görüntüleyici (.ck) ========== */
.ck .pg-hero > .container { padding-block: clamp(1.8rem, 1.3rem + 1.6vw, 3rem) clamp(2.4rem, 1.7rem + 2.2vw, 3.8rem); }
.ck .pg-lead { max-width: none; }  /* açıklama tam satır (12 grid) */
.ck-back { display: inline-flex; align-items: center; gap: .35rem; margin-bottom: .8rem;
  font-size: .88rem; font-weight: 600; color: var(--ink-soft); text-decoration: none !important;
  transition: color var(--speed), transform var(--speed); }
.ck-back:hover { color: var(--brand-blue); transform: translateX(-2px); }
.ck-ctarow .btn svg, .pg-ctarow .btn[download] svg { width: .95em; height: .95em; }

/* Belge görüntüleyici çerçevesi */
.ck-viewer { border-radius: 18px; overflow: hidden; background: var(--card);
  box-shadow: 0 0 0 1px var(--line), var(--shadow-md); }
.ck-viewer__bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: .85rem 1.15rem; color: #fff; background: linear-gradient(135deg, var(--brand-navy), var(--header-bg)); }
.ck-viewer__title { display: inline-flex; align-items: center; gap: .55rem; font-size: .88rem; font-weight: 600; letter-spacing: -.01em; }
.ck-viewer__title svg { width: 1.05rem; height: 1.05rem; color: var(--brand-gold-2); }
.ck-viewer__dl { display: inline-flex; align-items: center; gap: .4rem; padding: .42rem .9rem; border-radius: .55rem;
  font-size: .82rem; font-weight: 600; color: var(--brand-navy); background: var(--brand-gold);
  text-decoration: none !important; transition: background var(--speed), transform var(--speed); }
.ck-viewer__dl svg { width: .9rem; height: .9rem; }
.ck-viewer__dl:hover { background: var(--brand-gold-2); transform: translateY(-1px); }
.ck-viewer__pages { padding: clamp(1rem, .6rem + 1.6vw, 2rem); background: var(--bg-tint); display: flex; flex-direction: column; gap: clamp(1rem, .6rem + 1.4vw, 1.8rem); }
.ck-page { margin: 0; }
.ck-page img { display: block; width: 100%; height: auto; border-radius: 8px;
  box-shadow: 0 0 0 1px var(--line), 0 14px 34px -18px rgba(50, 50, 93, .4); }

.ck-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.6rem; }
.ck-foot p { color: var(--ink-muted); font-size: .88rem; margin: 0; }

/* ========== PROGRAMLAR — sayfaya özel (.pr) ========== */
/* Hero hızlı erişim kanalları — tıklanınca sayfa-içi ilgili bölüme kayar (BAUPRO / BAUGO / Coursera / Pathways) */
.pr-channels { position: relative; isolation: isolate; display: flex; flex-direction: column; gap: .7rem; max-width: 23rem; margin-left: auto; }
/* Kanal listesinin arkasında yılankavi noktalı şerit (canvas, site.js initWave "ridge") */
.pr-ridge { position: absolute; left: -75%; top: -18%; width: 235%; height: 134%; z-index: -1; display: block; pointer-events: none; }
.pr-channels__label { font-size: .66rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-muted); margin: 0 0 .1rem .2rem; }
.pr-channel { display: flex; align-items: center; gap: .95rem; padding: .8rem 1rem; border-radius: 15px;
  background: var(--card); box-shadow: var(--ring), var(--shadow-sm); text-decoration: none !important; color: inherit;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.pr-channel:hover { transform: translateY(-3px); box-shadow: 0 0 0 1px color-mix(in srgb, var(--pg-accent) 30%, transparent), var(--shadow-md); }
.pr-logo { position: relative; overflow: hidden; flex: none; width: 3.2rem; height: 3.2rem; border-radius: 12px;
  display: grid; place-items: center; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.pr-logo img { position: absolute; inset: .5rem; width: calc(100% - 1rem); height: calc(100% - 1rem); object-fit: contain; }
.pr-logo__mono { font-weight: 800; font-size: .72rem; color: var(--brand-blue); letter-spacing: -.02em; }
/* Coursera logo kilidi — soluk "C" marka arka planda, "coursera" kelime logosu önde */
.crs { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; }
.crs__bg { position: absolute; inset: 0; background-position: center; background-repeat: no-repeat; background-size: auto 120%; opacity: .16; pointer-events: none; }
.crs__word { position: relative; z-index: 1; font-family: "Trebuchet MS", "Avenir Next", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 700; letter-spacing: -.045em; line-height: 1; color: var(--brand-blue); }
.crs--dark .crs__word { color: #fff; }
/* Hero kart kutusunda kompakt kilit — C, yuvarlak köşeli kutuya tam sığar (kırpılmaz) */
.pr-logo .crs__word { font-size: .55rem; }
.pr-logo .crs__bg { background-size: auto 74%; opacity: .16; }
.pr-logo__ic { width: 1.5rem; height: 1.5rem; color: var(--pg-accent); }
.pr-channel__meta { display: flex; flex-direction: column; min-width: 0; margin-right: auto; }
.pr-channel__meta b { display: inline-flex; align-items: center; gap: .45rem; color: var(--ink); font-size: .96rem; font-weight: 650; }
.pr-channel__meta small { color: var(--ink-muted); font-size: .78rem; }
/* "Yakında" rozeti */
.pr-soon { font-style: normal; font-size: .58rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  padding: .14rem .42rem; border-radius: 999px; color: var(--brand-gold-3);
  background: color-mix(in srgb, var(--brand-gold) 22%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 45%, transparent); }
/* Aşağı kaydırma göstergesi (chevron 90° döndürülür) */
.pr-channel__jump { flex: none; width: 1rem; height: 1rem; color: var(--ink-muted); transform: rotate(90deg); transition: color .2s var(--ease), transform .25s var(--ease); }
.pr-channel:hover .pr-channel__jump { color: var(--pg-accent); transform: rotate(90deg) translateX(3px); }
.pr-channel--soon { background: linear-gradient(160deg, #fff, color-mix(in srgb, var(--brand-gold) 6%, #fff)); }

/* Öne çıkan lisans programı — spotlight */
.pr-spotlight { position: relative; overflow: hidden; display: flex; align-items: center; gap: clamp(1.2rem, 2vw, 2rem);
  text-decoration: none !important; color: #fff; border-radius: 22px; padding: clamp(1.6rem, 1.2rem + 1.8vw, 2.6rem);
  background: linear-gradient(135deg, var(--brand-navy), var(--header-bg) 58%, #123a6e); box-shadow: var(--shadow-lg);
  transition: transform .28s var(--ease), box-shadow .28s var(--ease); }
.pr-spotlight:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg), 0 0 0 1px color-mix(in srgb, var(--brand-gold) 40%, transparent); }
.pr-spotlight__glow { position: absolute; width: 26rem; height: 26rem; right: -8rem; top: -11rem; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-blue) 50%, transparent), transparent 68%); }
.pr-spotlight__ic { position: relative; flex: none; width: 4.4rem; height: 4.4rem; border-radius: 18px; display: grid; place-items: center; color: #4a3500;
  background: linear-gradient(150deg, var(--brand-gold), var(--brand-gold-2)); box-shadow: 0 16px 30px -12px color-mix(in srgb, var(--brand-gold) 70%, transparent); }
.pr-spotlight__ic svg { width: 2.1rem; height: 2.1rem; }
.pr-spotlight__body { position: relative; min-width: 0; }
.pr-spotlight__tag { font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--brand-gold-2); }
.pr .pr-spotlight .pg-h { color: #fff; font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem); margin: .35rem 0 .5rem; }
.pr-spotlight__body p { color: rgba(255, 255, 255, .82); line-height: 1.6; margin: 0 0 .9rem; max-width: 46rem; }
.pr-spotlight__go { display: inline-flex; align-items: center; gap: .4rem; font-weight: 600; color: var(--brand-gold-2); }
.pr-spotlight__go svg { width: .95em; height: .95em; transition: transform .2s var(--ease); }
.pr-spotlight:hover .pr-spotlight__go svg { transform: translateX(3px); }

.pr-note { color: var(--ink-soft); line-height: 1.6; margin: 0 0 1.2rem; max-width: 46rem; }

/* Kompakt fakülte ızgarası — 10 fakülte, her biri kendi BAU sayfasına (akordeon yerine yer-verimli kart) */
.pr-faks { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; }
.pr-fak { position: relative; display: flex; align-items: flex-start; gap: .85rem; padding: 1.05rem 1.1rem; border-radius: 14px;
  width: 100%; text-align: left; font: inherit; border: 0; cursor: pointer;   /* <button> sıfırlamaları */
  background: linear-gradient(168deg, #fff 60%, color-mix(in srgb, var(--pg-accent) 4%, #fff));
  box-shadow: 0 0 0 1px var(--line), var(--shadow-xs); text-decoration: none !important; color: inherit;
  transition: transform .22s var(--ease), box-shadow .22s var(--ease); }
.pr-fak:hover { transform: translateY(-3px); box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-gold) 45%, transparent), var(--shadow-md); }
.pr-fak__ic { flex: none; width: 2.35rem; height: 2.35rem; border-radius: 10px; display: grid; place-items: center; color: var(--pg-accent);
  background: linear-gradient(150deg, color-mix(in srgb, var(--pg-accent) 14%, #fff), color-mix(in srgb, var(--pg-accent) 5%, #fff)); }
.pr-fak__ic svg { width: 1.2rem; height: 1.2rem; }
.pr-fak__body { display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
.pr-fak__name { font-size: .92rem; font-weight: 650; color: var(--ink); line-height: 1.25; }
.pr-fak__ozet { font-size: .78rem; line-height: 1.45; color: var(--ink-muted); }
.pr-fak__ext { position: absolute; top: .8rem; right: .85rem; width: .85rem; height: .85rem; color: var(--ink-muted); opacity: 0; transform: translate(-3px, 3px);
  transition: opacity .2s var(--ease), transform .2s var(--ease), color .2s var(--ease); }
.pr-fak:hover .pr-fak__ext { opacity: 1; transform: none; color: var(--pg-accent); }

/* Ders tablosu — AKTS bağlantısı */
.pr-akts { display: inline-flex; align-items: center; gap: .32rem; font-size: .8rem; font-weight: 600; color: var(--brand-blue); white-space: nowrap; text-decoration: none !important; }
.pr-akts svg { width: .78em; height: .78em; }
.pr-akts:hover { text-decoration: underline !important; }
table.data td:last-child { white-space: nowrap; }

/* CTA bandı — öğrenme yolları hızlı bağlantıları */
.pr-bandnav { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.25rem; }
.pr-bandnav a { display: inline-flex; align-items: center; padding: .45rem .95rem; border-radius: 999px; font-size: .84rem; font-weight: 600;
  color: #fff; text-decoration: none !important; background: color-mix(in srgb, #fff 10%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 24%, transparent); transition: transform .2s var(--ease), background .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease); }
.pr-bandnav a:hover { background: var(--brand-gold); color: var(--brand-navy); box-shadow: inset 0 0 0 1px var(--brand-gold); transform: translateY(-2px); }

/* Fakülte tanıtım modalı — premium popup */
.pr-modal { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 1.2rem;
  opacity: 0; visibility: hidden; transition: opacity .3s var(--ease), visibility .3s var(--ease); }
.pr-modal[hidden] { display: none; }
.pr-modal.is-open { opacity: 1; visibility: visible; }
.pr-modal__scrim { position: absolute; inset: 0; background: color-mix(in srgb, var(--brand-navy) 55%, rgba(4, 8, 20, .62)); backdrop-filter: blur(4px); }
.pr-modal__panel { position: relative; width: min(38rem, 100%); max-height: 88vh; overflow-y: auto; border-radius: 22px;
  background: #fff; box-shadow: 0 40px 80px -20px rgba(4, 10, 40, .5); padding: clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem);
  transform: translateY(16px) scale(.98); transition: transform .32s var(--ease); }
.pr-modal.is-open .pr-modal__panel { transform: none; }
.pr-modal__x { position: absolute; top: .85rem; right: .85rem; display: grid; place-items: center; width: 2.1rem; height: 2.1rem;
  border: 0; border-radius: 50%; cursor: pointer; color: var(--ink-soft); background: var(--bg-tint); transition: background .2s var(--ease), color .2s var(--ease); }
.pr-modal__x:hover { background: var(--brand-navy); color: #fff; }
.pr-modal__x svg { width: 1.05rem; height: 1.05rem; }
.pr-modal__head { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.2rem; padding-right: 2rem; }
.pr-modal__ic { flex: none; display: grid; place-items: center; width: 3.4rem; height: 3.4rem; border-radius: 14px; color: var(--brand-blue);
  background: linear-gradient(150deg, color-mix(in srgb, var(--brand-blue) 15%, #fff), color-mix(in srgb, var(--brand-blue) 6%, #fff)); }
.pr-modal__ic svg { width: 1.7rem; height: 1.7rem; }
.pr-modal__eyebrow { font-size: .66rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }
.pr-modal__title { font-family: var(--font-serif); font-weight: 600; font-size: clamp(1.3rem, 1.1rem + 1vw, 1.7rem); color: var(--ink); margin: .2rem 0 0; line-height: 1.2; }
.pr-modal__body p { color: var(--ink-soft); line-height: 1.72; margin: 0 0 1rem; }
.pr-modal__body p:last-child { margin-bottom: 0; }
.pr-modal__foot { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.5rem; padding-top: 1.35rem; border-top: 1px solid var(--line); }
@media (prefers-reduced-motion: reduce) { .pr-modal, .pr-modal__panel { transition: none; } }

.pr-pills { display: flex; flex-wrap: wrap; gap: .6rem; }
.pr-pill { display: inline-flex; align-items: center; padding: .5rem 1rem; border-radius: .55rem;
  background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow-xs); font-size: .88rem; font-weight: 500; color: var(--ink); }

/* Coursera öne çıkan bant (logolu) */
.pr-coursera { position: relative; overflow: hidden; margin-top: clamp(1.4rem, 1rem + 1.5vw, 2rem); border-radius: 22px; color: #fff;
  background: linear-gradient(135deg, #062a6e, #0056D2 58%, #2472ff); box-shadow: var(--shadow-lg);
  display: flex; align-items: center; gap: clamp(1.4rem, 2vw, 2.4rem); padding: clamp(1.6rem, 1.2rem + 1.8vw, 2.6rem); }
.pr-coursera__logo { position: relative; flex: none; width: 13.5rem; height: 6rem; display: grid; place-items: center; overflow: hidden; }
.pr-coursera__logo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.pr-coursera__logo .pr-logo__mono { font-size: 1.5rem; font-weight: 800; color: #fff; }
.pr-coursera__logo .crs__word { font-size: 2.85rem; }
.pr-coursera__logo .crs__bg { background-size: auto 104%; opacity: .2; }  /* büyük "C" marka izi — kutuya tam sığar */
.pr-coursera__body { min-width: 0; }
.pr-coursera__tag { font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .78); }
.pr .pr-coursera .pg-h { color: #fff; font-size: clamp(1.4rem, 1.15rem + 1vw, 1.9rem); margin: .3rem 0 .5rem; }
.pr-coursera__body p { color: rgba(255, 255, 255, .88); line-height: 1.6; margin: 0 0 1rem; max-width: 44rem; }
.pr-coursera__cta { display: flex; flex-wrap: wrap; gap: .7rem; }

/* BAUPRO / BAUGO sertifika kartları — marka renkli, ince premium gradyan (üstten alta) */
.pr-cert { position: relative; overflow: hidden; }
.pr-cert::after { content: ""; position: absolute; right: -30%; top: -40%; width: 70%; height: 80%;
  background: radial-gradient(closest-side, rgba(255,255,255,.5), transparent 70%); pointer-events: none; opacity: .5; }
.pr-cert#baupro {
  --pg-accent: #5b3bff;
  background: linear-gradient(180deg, color-mix(in srgb, #2D5BFF 11%, #fff) 0%, color-mix(in srgb, #6a2cff 21%, #fff) 100%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #5b3bff 22%, transparent), var(--shadow-xs); }
.pr-cert#baugo {
  --pg-accent: #f2683a;
  background: linear-gradient(180deg, color-mix(in srgb, #ff3d8b 11%, #fff) 0%, color-mix(in srgb, #ff8a2b 22%, #fff) 100%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #ff7a3d 26%, transparent), var(--shadow-xs); }
a.pr-cert#baupro:hover { box-shadow: inset 0 0 0 1px color-mix(in srgb, #5b3bff 40%, transparent), var(--shadow-md); }
a.pr-cert#baugo:hover { box-shadow: inset 0 0 0 1px color-mix(in srgb, #f2683a 42%, transparent), var(--shadow-md); }

/* BAU Pathways — pasif "çok yakında" durumu */
.pr-soon-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; padding: clamp(1.5rem, 1.1rem + 1.6vw, 2.4rem);
  border-radius: 20px; background: linear-gradient(160deg, var(--bg-tint), #fff);
  box-shadow: inset 0 0 0 1px var(--line); }
.pr-soon-pill { display: inline-flex; align-items: center; gap: .55rem; padding: .7rem 1.25rem; border-radius: 999px;
  font-weight: 650; font-size: .95rem; color: var(--ink-soft); cursor: default;
  background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.pr-soon-pill svg { width: 1.1rem; height: 1.1rem; color: var(--brand-gold-3); }
.pr-soon-note { margin: 0; max-width: 48rem; color: var(--ink-soft); line-height: 1.65; }

/* Sayfa-içi çapa hedefleri sabit header + pagenav altında kalmasın */
.pr [id] { scroll-margin-top: calc(var(--header-h) + 3.4rem); }

@media (max-width: 980px) { .pr-faks { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) {
  .pr-channels { max-width: none; margin-inline: 0; flex-direction: row; flex-wrap: wrap; align-items: stretch; }
  .pr-channels__label { flex: 1 0 100%; }
  .pr-channel { flex: 1 1 14rem; }
  .pr-spotlight, .pr-coursera { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 560px) { .pr-faks { grid-template-columns: 1fr; } }

/* ========== ARAŞTIRMA — sayfaya özel (.rs) ========== */
/* Hero paneli — araştırma ekseni (koyu zemin, altın vurgu) */
.rs-panel { position: relative; overflow: hidden; margin-left: auto; max-width: 30rem; width: 100%; border-radius: 22px; color: #fff;
  background: linear-gradient(150deg, var(--brand-navy), var(--header-bg) 60%, #123a6e); box-shadow: var(--shadow-lg);
  padding: clamp(1.9rem, 1.4rem + 1.9vw, 2.8rem); }
.rs-panel__ey { font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--brand-gold-2); }
.rs .rs-panel__h { font-family: var(--font-serif); font-weight: 600; color: #fff; font-size: 1.3rem; line-height: 1.28; margin: .5rem 0 1.1rem; }
.rs-panel__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
.rs-panel__list li { display: flex; align-items: center; gap: .7rem; font-size: .92rem; color: rgba(255, 255, 255, .9); }
.rs-panel__ic { flex: none; display: grid; place-items: center; width: 2.1rem; height: 2.1rem; border-radius: 9px; color: var(--brand-gold-2);
  background: color-mix(in srgb, #fff 12%, transparent); }
.rs-panel__ic svg { width: 1.1rem; height: 1.1rem; }

/* İnfografik çerçevesi */
.rs-figure { margin: 0; background: #fff; border-radius: 18px; padding: .9rem; box-shadow: 0 0 0 1px var(--line), var(--shadow-md); }
.rs-figure img { width: 100%; height: auto; border-radius: 12px; display: block; }
.rs-figure figcaption { padding: .9rem .4rem .2rem; font-size: .84rem; line-height: 1.55; color: var(--ink-muted); }

/* Yatay eksen bandı */
.rs-axis { position: relative; overflow: hidden; display: flex; align-items: center; gap: clamp(1.2rem, 2vw, 2rem);
  margin-top: clamp(1.6rem, 1.2rem + 1.6vw, 2.6rem); border-radius: 22px; color: #fff;
  background: linear-gradient(135deg, var(--brand-navy), var(--header-bg) 58%, #123a6e); box-shadow: var(--shadow-lg);
  padding: clamp(1.5rem, 1.1rem + 1.7vw, 2.4rem); }
.rs-axis__glow { position: absolute; width: 26rem; height: 26rem; right: -9rem; top: -12rem; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-blue) 48%, transparent), transparent 68%); }
.rs-axis__ic { position: relative; flex: none; width: 4rem; height: 4rem; border-radius: 16px; display: grid; place-items: center; color: #4a3500;
  background: linear-gradient(150deg, var(--brand-gold), var(--brand-gold-2)); box-shadow: 0 16px 30px -12px color-mix(in srgb, var(--brand-gold) 70%, transparent); }
.rs-axis__ic svg { width: 1.9rem; height: 1.9rem; }
.rs-axis__body { position: relative; min-width: 0; }
.rs-axis__tag { font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--brand-gold-2); }
.rs .rs-axis .pg-h { color: #fff; font-size: clamp(1.3rem, 1.1rem + 1vw, 1.75rem); margin: .3rem 0 .5rem; }
.rs-axis__body p { color: rgba(255, 255, 255, .84); line-height: 1.6; margin: 0; max-width: 52rem; }

/* ---- Modernizasyon rötuşları (.rs) ---- */
/* Hero paneli — katmanlı derinlik + yörünge halkası + gradyan altın çipler */
.rs-panel { isolation: isolate; box-shadow: 0 30px 60px -30px rgba(4, 10, 30, .7), 0 0 0 1px rgba(255, 255, 255, .06); }
.rs-panel::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(58% 40% at 90% 6%, color-mix(in srgb, var(--brand-gold) 30%, transparent), transparent 70%),
    radial-gradient(72% 52% at 4% 104%, color-mix(in srgb, var(--brand-blue) 46%, transparent), transparent 72%); }
.rs-panel::after { content: ""; position: absolute; z-index: 0; width: 15rem; height: 15rem; right: -5.5rem; top: -6.5rem;
  border-radius: 50%; border: 1px solid rgba(255, 255, 255, .12); pointer-events: none;
  box-shadow: inset 0 0 0 1.6rem rgba(255, 255, 255, .035); }
.rs-panel > * { position: relative; z-index: 1; }
.rs-panel__ic { color: #3a2600; background: linear-gradient(150deg, var(--brand-gold), var(--brand-gold-2));
  box-shadow: 0 8px 18px -8px color-mix(in srgb, var(--brand-gold) 70%, transparent); }

/* Hero facts — tek satırda tut (taşmayı önlemek için ölçeklenen boşluk/yazı) */
.rs .pg-facts { flex-wrap: nowrap; gap: .4rem clamp(.7rem, .2rem + .9vw, 1.5rem); }
.rs .pg-facts li { font-size: clamp(.73rem, .63rem + .3vw, .84rem); }

/* Hero paneli — büyüt: sütuna daha çok pay + metin yüksekliğine göre esne + iri iç öğeler */
.rs .pg-hero__inner { grid-template-columns: minmax(0, 1fr) minmax(0, .94fr); align-items: stretch; }
.rs .pg-hero__art { display: flex; align-items: stretch; }
.rs-panel { display: flex; flex-direction: column; justify-content: center; }
.rs .rs-panel__h { font-size: clamp(1.42rem, 1.15rem + .85vw, 1.8rem); margin: .65rem 0 1.5rem; }
.rs-panel__list { gap: 1.05rem; }
.rs-panel__list li { font-size: 1.04rem; gap: .9rem; }
.rs-panel__ic { width: 2.6rem; height: 2.6rem; border-radius: 12px; }
.rs-panel__ic svg { width: 1.3rem; height: 1.3rem; }

/* Sorumlu YZ — flagship koyu bant (topluluk "cm-society" hattıyla aynı dil) */
.rs-flag { position: relative; overflow: hidden; color: #fff;
  background: linear-gradient(135deg, var(--brand-navy), var(--header-bg) 55%, #0c2b57);
  padding-block: clamp(3rem, 2rem + 4vw, 5.2rem); }
.rs-flag__glow { position: absolute; width: 34rem; height: 34rem; right: -10rem; top: -14rem; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-blue) 42%, transparent), transparent 68%); }
.rs-flag__inner { position: relative; max-width: 56rem; }
.rs-flag__kicker { font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--brand-gold-2); }
.rs-flag__title { font-family: var(--font-serif); font-weight: 600; color: var(--brand-gold-2); letter-spacing: -.01em;
  font-size: clamp(1.6rem, 1.2rem + 1.7vw, 2.45rem); line-height: 1.18; margin: .7rem 0 0; }
.rs-flag__lead { color: rgba(255, 255, 255, .82); font-size: 1.05rem; line-height: 1.7; margin: 1.1rem 0 0; max-width: 52rem; }
.rs-flag__pillars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.4rem; margin: 2.3rem 0 0; }
.rs-flag__pillar { padding-left: 1.1rem; border-left: 2px solid color-mix(in srgb, var(--brand-gold) 60%, transparent); }
.rs-flag__pillar b { display: block; font-weight: 650; font-size: 1rem; color: #fff; line-height: 1.3; }
.rs-flag__pillar span { display: block; margin-top: .4rem; font-size: .82rem; color: rgba(255, 255, 255, .62); line-height: 1.45; }
.rs-flag__callout { display: flex; gap: 1.1rem; align-items: flex-start; margin-top: 2.4rem; padding: 1.4rem 1.5rem; max-width: 48rem;
  border-radius: 16px; background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); }
.rs-flag__ic { flex: none; width: 3rem; height: 3rem; border-radius: 12px; display: grid; place-items: center; color: var(--brand-gold-2);
  background: color-mix(in srgb, var(--brand-gold) 16%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 40%, transparent); }
.rs-flag__ic svg { width: 1.4rem; height: 1.4rem; }
.rs-flag__callout h3 { color: #fff; font-size: 1.06rem; margin: 0 0 .35rem; }
.rs-flag__callout p { color: rgba(255, 255, 255, .78); font-size: .92rem; line-height: 1.6; margin: 0; }
.rs-flag__cta { margin-top: 2rem; }
.rs [id] { scroll-margin-top: calc(var(--header-h) + 3.4rem); }
@media (max-width: 900px) { .rs .pg-hero__inner { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .rs-flag__pillars { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .rs .pg-facts { flex-wrap: wrap; } }  /* dar telefonda tek satır sığmaz → sarmala */

/* Kartlar (.rs) — renkli üst aksan çubuğu + dolu gradyan ikon kutusu (beyaz ikon) */
.rs .pg-card { overflow: hidden; }
.rs .pg-card::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; z-index: 2;
  background: linear-gradient(90deg, var(--pg-accent), color-mix(in srgb, var(--pg-accent) 22%, transparent)); }
.rs .pg-card__ic { color: var(--ink); background: transparent;
  border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent); box-shadow: none; }
.rs .pg-card__ic svg { color: var(--ink); }

/* Nasıl kullanılır — soluk sıra numaraları (araştırma akışı) */
.rs-step__n { position: absolute; top: .5rem; right: 1.05rem; z-index: 1;
  font-family: var(--font-display, var(--font-serif)); font-weight: 800; font-size: 2.7rem; line-height: 1;
  color: color-mix(in srgb, var(--pg-accent) 15%, transparent); pointer-events: none; user-select: none; }
.rs-steps .pg-card h3 { padding-right: 2rem; }

/* İnfografik çerçevesi — ince premium rötuş */
.rs-figure { background: linear-gradient(180deg, #fff, #f4f7ff); }

@media (max-width: 720px) {
  .rs-panel { max-width: none; }
  .rs-axis { flex-direction: column; align-items: flex-start; }
}

/* ========== İNOVASYON YARIŞMASI — sayfaya özel (.iv) ========== */
/* Hero yolculuk paneli — numaralı dikey akış (bağlantı çizgili) */
.iv-flow { position: relative; overflow: hidden; margin-left: auto; max-width: 24rem; border-radius: 22px; color: #fff;
  background: linear-gradient(150deg, var(--brand-navy), var(--header-bg) 60%, #123a6e); box-shadow: var(--shadow-lg);
  padding: clamp(1.5rem, 1.1rem + 1.6vw, 2.1rem); }
.iv-flow__ey { display: inline-flex; align-items: center; gap: .5rem; font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--brand-gold-2); }
.iv-flow__ey svg { width: 1rem; height: 1rem; }
.iv-flow__steps { list-style: none; margin: 1.1rem 0 0; padding: 0; }
.iv-flow__step { position: relative; display: flex; align-items: flex-start; gap: .85rem; padding: .5rem 0 1.05rem; }
.iv-flow__step:last-child { padding-bottom: 0; }
.iv-flow__step:not(:last-child)::before { content: ""; position: absolute; left: 1rem; top: 2.1rem; bottom: -.1rem; width: 2px; transform: translateX(-50%);
  background: linear-gradient(var(--brand-gold), color-mix(in srgb, var(--brand-gold) 18%, transparent)); }
.iv-flow__n { position: relative; z-index: 1; flex: none; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%;
  font-weight: 700; font-size: .9rem; color: var(--brand-navy); background: linear-gradient(150deg, var(--brand-gold), var(--brand-gold-2)); }
.iv-flow__meta { display: flex; flex-direction: column; min-width: 0; padding-top: .12rem; }
.iv-flow__meta b { font-size: .96rem; font-weight: 650; color: #fff; }
.iv-flow__meta small { font-size: .8rem; color: rgba(255, 255, 255, .7); }

/* Başvuru adımları — büyük soluk numaralı kartlar */
.iv-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(.9rem, .6rem + .8vw, 1.3rem); }
.iv-step { position: relative; overflow: hidden; padding: 1.7rem 1.5rem 1.5rem; border-radius: 18px;
  background: linear-gradient(168deg, #fff 58%, color-mix(in srgb, var(--brand-blue) 4%, #fff));
  box-shadow: 0 0 0 1px var(--line), var(--shadow-xs); }
.iv-step__n { position: absolute; top: .35rem; right: 1.1rem; font-family: var(--font-display); font-weight: 800; font-size: 3rem; line-height: 1;
  color: color-mix(in srgb, var(--brand-blue) 11%, transparent); pointer-events: none; user-select: none; }
.iv-step__t { position: relative; font-size: 1.04rem; font-weight: 700; color: var(--ink); margin: 0 0 .45rem; padding-right: 2.6rem; }
.iv-step__d { font-size: .9rem; line-height: 1.6; color: var(--ink-soft); margin: 0; }
.iv-step__d a { color: var(--brand-blue); font-weight: 600; }

/* Değerlendirme aşama kartı — üstte etiket */
.iv-stage__tag { display: inline-flex; align-self: flex-start; margin-bottom: .9rem; padding: .28rem .7rem; border-radius: 999px;
  font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--brand-gold-3);
  background: color-mix(in srgb, var(--brand-gold) 20%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 42%, transparent); }

/* ---- Modernizasyon rötuşları (.iv) — premium landing hattı ---- */
/* Hero yolculuk paneli — katmanlı derinlik + yörünge halkası (rs-panel ile aynı hat) */
.iv-flow { isolation: isolate; box-shadow: 0 30px 60px -30px rgba(4, 10, 30, .7), 0 0 0 1px rgba(255, 255, 255, .06); }
.iv-flow::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(58% 40% at 90% 6%, color-mix(in srgb, var(--brand-gold) 30%, transparent), transparent 70%),
    radial-gradient(72% 52% at 4% 104%, color-mix(in srgb, var(--brand-blue) 46%, transparent), transparent 72%); }
.iv-flow::after { content: ""; position: absolute; z-index: 0; width: 15rem; height: 15rem; right: -5.5rem; top: -6.5rem;
  border-radius: 50%; border: 1px solid rgba(255, 255, 255, .12); pointer-events: none;
  box-shadow: inset 0 0 0 1.6rem rgba(255, 255, 255, .035); }
.iv-flow > * { position: relative; z-index: 1; }

/* Kartlar — ince üst aksan çubuğu + sadece-border (dolgusuz, mono) ikon kutusu */
.iv .pg-card { overflow: hidden; }
.iv .pg-card::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; z-index: 2;
  background: linear-gradient(90deg, var(--pg-accent), color-mix(in srgb, var(--pg-accent) 22%, transparent)); }
.iv .pg-card--gold::after { background: linear-gradient(90deg, var(--brand-gold), color-mix(in srgb, var(--brand-gold) 25%, transparent)); }
.iv .pg-card__ic { color: var(--ink); background: transparent;
  border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent); box-shadow: none; }
.iv .pg-card__ic svg { color: var(--ink); }
.iv .pg-card--gold .pg-card__ic { color: var(--brand-gold-3);
  border-color: color-mix(in srgb, var(--brand-gold) 48%, transparent); }

/* Başvuru adımları — üstte ince mavi aksan (kart hattıyla uyum) */
.iv-step::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: linear-gradient(90deg, var(--brand-blue), color-mix(in srgb, var(--brand-blue) 22%, transparent)); }

/* CTA bandı — üstteki ödül kartlarından ayrılması için boşluk */
.iv .pg-band { margin-top: clamp(2rem, 1.4rem + 2.5vw, 3.6rem); }

/* ========== BAU AI LAB — sayfaya özel (.al) premium landing ========== */
.al-slogan { display: block; color: var(--brand-gold-3); font-weight: 700; margin-bottom: .55rem; font-size: 1.05em; }
/* Hero görseli — çerçeveli */
.al-hero__art { display: flex; justify-content: flex-end; align-items: center; }
.al-shot { position: relative; width: 100%; max-width: 23rem; border-radius: 22px; overflow: hidden; isolation: isolate;
  box-shadow: 0 34px 64px -30px rgba(4, 10, 30, .7), 0 0 0 1px rgba(255, 255, 255, .06); }
.al-shot img { display: block; width: 100%; height: auto; }
.al-shot__glow { position: absolute; inset: 0; z-index: 1; pointer-events: none; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); }

/* Dört aksiyon — büyük soluk numara + sade ikon + üst aksan çubuğu */
.al-flow__card { position: relative; overflow: hidden; }
.al-flow__n { position: absolute; top: .5rem; right: 1rem; z-index: 1; font-family: var(--font-display, var(--font-serif)); font-weight: 800; font-size: 2.5rem; line-height: 1; color: color-mix(in srgb, var(--brand-blue) 12%, transparent); pointer-events: none; user-select: none; }
.al .al-flow__card h3 { padding-right: 2rem; }
.al .pg-card { overflow: hidden; }
.al .pg-card::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; z-index: 2; background: linear-gradient(90deg, var(--pg-accent), color-mix(in srgb, var(--pg-accent) 22%, transparent)); }
.al .pg-card__ic { color: var(--ink); background: transparent; border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent); box-shadow: none; }
.al .pg-card__ic svg { color: var(--ink); }

/* Hizmet ailesi — 9 kart */
.al-services { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1rem, .7rem + 1vw, 1.5rem); }
.al-card { position: relative; overflow: hidden; display: flex; flex-direction: column; padding: clamp(1.4rem, 1.1rem + .8vw, 1.7rem); border-radius: 16px;
  background: linear-gradient(170deg, #fff 68%, color-mix(in srgb, var(--brand-blue) 3%, #fff));
  box-shadow: 0 0 0 1px var(--line), var(--shadow-xs); transition: box-shadow .25s var(--ease), transform .25s var(--ease); }
.al-card::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, var(--brand-blue), color-mix(in srgb, var(--brand-blue) 22%, transparent)); }
.al-card:hover { transform: translateY(-6px);
  background: linear-gradient(168deg, #fff 42%, color-mix(in srgb, var(--brand-blue) 6%, #fff) 80%, color-mix(in srgb, #22B8E6 13%, #fff));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-blue) 30%, transparent), 0 28px 52px -24px rgba(20, 40, 90, .42); }
.al-card__ic { flex: none; width: 3rem; height: 3rem; border-radius: 12px; display: grid; place-items: center; margin-bottom: 1rem; color: var(--ink);
  border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent); transition: transform .25s var(--ease); }
.al-card__ic svg { width: 1.4rem; height: 1.4rem; }
.al-card:hover .al-card__ic { transform: scale(1.06) rotate(-3deg); }
.al-card__t { font-size: 1.08rem; font-weight: 650; color: var(--ink); margin: 0 0 .5rem; line-height: 1.32; letter-spacing: -.01em; }
.al-card__d { font-size: .88rem; line-height: 1.6; color: var(--ink-soft); margin: 0 0 1rem; }
.al-card__areas { font-size: .8rem; line-height: 1.55; color: var(--ink-soft); margin: 0 0 1rem; padding: .7rem .85rem; border-radius: 11px; background: var(--bg-soft); box-shadow: inset 0 0 0 1px var(--line); }
.al-card__areas b { color: var(--ink); }
.al-card__note { display: flex; gap: .45rem; align-items: flex-start; font-size: .8rem; font-style: italic; line-height: 1.5; color: var(--ink-muted); margin: 0 0 1rem; }
.al-card__note svg { flex: none; width: .95rem; height: .95rem; margin-top: .12rem; color: var(--brand-blue); }
/* Aksiyon paneli — üzerine gelince alttan yükselir, arkası gradyan; çipler kademeli belirir */
.al-card__acts { position: absolute; left: 0; right: 0; bottom: 0; z-index: 4; margin: 0;
  display: flex; flex-wrap: wrap; gap: .5rem; padding: clamp(1.1rem, .9rem + .5vw, 1.45rem);
  background: linear-gradient(158deg, #15347e 0%, var(--brand-blue) 54%, #22B8E6 100%);
  box-shadow: 0 -20px 34px -20px rgba(6, 16, 45, .55);
  transform: translateY(100%); opacity: 0; pointer-events: none;
  transition: transform .45s var(--ease), opacity .3s var(--ease); }
.al-card:hover .al-card__acts, .al-card:focus-within .al-card__acts { transform: translateY(0); opacity: 1; pointer-events: auto; }
.al-act { display: inline-flex; align-items: center; gap: .32rem; padding: .42rem .74rem; border-radius: 999px; font-size: .78rem; font-weight: 600;
  color: #fff; text-decoration: none !important; background: rgba(255, 255, 255, .15); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3);
  transform: translateY(10px); opacity: 0;
  transition: transform .4s var(--ease), opacity .35s var(--ease), background .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease); }
.al-card:hover .al-act, .al-card:focus-within .al-act { transform: translateY(0); opacity: 1; }
.al-card:hover .al-act:nth-child(2) { transition-delay: .05s; }
.al-card:hover .al-act:nth-child(3) { transition-delay: .1s; }
.al-card:hover .al-act:nth-child(4) { transition-delay: .15s; }
.al-act svg { width: .78em; height: .78em; transition: transform .2s var(--ease); }
.al-act:hover { background: #fff; color: var(--brand-blue); box-shadow: inset 0 0 0 1px #fff; }
.al-act:hover svg { transform: translateX(2px); }
/* Dokunmatik cihaz (hover yok) — çipler her zaman görünür, açık stil */
@media (hover: none) {
  .al-card__acts { position: static; transform: none; opacity: 1; pointer-events: auto; background: none; box-shadow: none; padding: 1rem 0 0; }
  .al-act { transform: none; opacity: 1; color: var(--brand-blue); background: color-mix(in srgb, var(--brand-blue) 6%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-blue) 22%, transparent); }
}
@media (prefers-reduced-motion: reduce) {
  .al-card__acts, .al-card:hover .al-card__acts { transform: none; }
  .al-act, .al-card:hover .al-act { transform: none; }
}

.al-safe { margin-top: clamp(1.6rem, 1.1rem + 1.6vw, 2.6rem); }
.al [id] { scroll-margin-top: calc(var(--header-h) + 3.4rem); }

@media (max-width: 900px) { .al-services { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .al-services { grid-template-columns: 1fr; } }

@media (max-width: 820px) { .iv-steps { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .iv-flow { max-width: none; } }

/* ========== HABERLER & ETKİNLİKLER — sayfaya özel (.he liste / .hd detay) ========== */
/* Kategori çipi */
.hd-chip { display: inline-flex; align-items: center; padding: .22rem .6rem; border-radius: 999px;
  font-size: .64rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
/* Future AI Summit — kendi kimliği: canlı pembe (futureaisummit.org) */
.hd-chip--zirve { color: var(--fas-pink); background: color-mix(in srgb, var(--fas-pink) 11%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fas-pink) 30%, transparent); }
.hd-chip--etkinlik { color: var(--brand-gold-3); background: color-mix(in srgb, var(--brand-gold) 20%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 42%, transparent); }
.hd-chip--haber { color: #0a7a5c; background: color-mix(in srgb, #12b886 14%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, #12b886 30%, transparent); }

/* Kart başlığındaki kategori etiketi — net beyaz rozet + renkli durum noktası (profesyonel görünüm) */
.hz-card__head .hd-chip { background: #fff; padding: .34rem .66rem; font-size: .65rem; letter-spacing: .05em; gap: .42rem;
  box-shadow: 0 0 0 1px color-mix(in srgb, currentColor 24%, transparent), 0 3px 8px -3px rgba(9, 18, 64, .16); }
.hz-card__head .hd-chip::before { content: ""; flex: none; width: .42rem; height: .42rem; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 16%, transparent); }
.hz-card:hover .hd-chip { box-shadow: 0 0 0 1px color-mix(in srgb, currentColor 42%, transparent), 0 4px 10px -3px rgba(9, 18, 64, .2); }

/* Liste kartı */
.he-card__top { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin-bottom: 1rem; }
.he-card__top .pg-card__ic { margin-bottom: 0; }
.he-card__date { display: block; font-size: .76rem; font-weight: 600; color: var(--ink-muted); margin-bottom: .35rem; }
.he-card h3 { margin: 0 0 .4rem; font-size: 1.05rem; }

/* SLIDER — öne çıkanlar */
.he-slider { position: relative; }
.he-slider__viewport { overflow: hidden; border-radius: 22px; box-shadow: var(--shadow-lg); }
.he-slider__track { display: flex; will-change: transform; transition: transform .55s var(--ease); }
.he-slide { position: relative; flex: 0 0 100%; min-width: 0; display: grid; grid-template-columns: 1.3fr .7fr; align-items: center;
  gap: clamp(1.4rem, 2vw, 2.6rem); color: #fff; min-height: 16rem;
  background: linear-gradient(135deg, var(--brand-navy), var(--header-bg) 58%, #123a6e);
  padding: clamp(1.8rem, 1.3rem + 2vw, 3rem); }
.he-slide__meta { display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; }
.he-slide__date { display: inline-flex; align-items: center; gap: .4rem; font-size: .82rem; color: rgba(255, 255, 255, .72); }
.he-slide__date svg { width: .95rem; height: .95rem; }
.he-slide__title { font-family: var(--font-serif); font-weight: 600; font-size: clamp(1.4rem, 1.1rem + 1.3vw, 2.05rem); line-height: 1.18; color: #fff; margin: .8rem 0 .5rem; }
.he-slide__ozet { color: rgba(255, 255, 255, .85); line-height: 1.6; margin: 0 0 1.35rem; max-width: 40rem; }
.he-slide__art { position: relative; display: grid; place-items: center; align-self: stretch; }
.he-slide__art svg { position: relative; width: clamp(4rem, 7vw, 6.5rem); height: auto; color: var(--brand-gold-2); }
.he-slide__glow { position: absolute; inset: 0; margin: auto; width: 12rem; height: 12rem; border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-blue) 55%, transparent), transparent 70%); }
/* Gezinme okları */
.he-slider__nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; display: grid; place-items: center;
  width: 2.6rem; height: 2.6rem; border-radius: 50%; border: none; cursor: pointer; color: var(--brand-navy);
  background: rgba(255, 255, 255, .92); box-shadow: var(--shadow-md); transition: transform .2s var(--ease), background .2s var(--ease); }
.he-slider__nav:hover { background: #fff; transform: translateY(-50%) scale(1.06); }
.he-slider__nav svg { width: 1.1rem; height: 1.1rem; }
.he-slider__nav--prev { left: .8rem; }
.he-slider__nav--prev svg { transform: rotate(90deg); }   /* aşağı-chevron → sol ok */
.he-slider__nav--next { right: .8rem; }
.he-slider__nav--next svg { transform: rotate(-90deg); }  /* aşağı-chevron → sağ ok */
.he-slider__dots { display: flex; justify-content: center; gap: .5rem; margin-top: 1rem; }
.he-slider__dots button { width: .5rem; height: .5rem; padding: 0; border: none; border-radius: 50%; cursor: pointer;
  background: color-mix(in srgb, var(--ink) 22%, transparent); transition: width .25s var(--ease), background .25s var(--ease); }
.he-slider__dots button.is-active { width: 1.5rem; border-radius: 999px; background: var(--brand-gold); }
@media (max-width: 720px) {
  .he-slide { grid-template-columns: 1fr; }
  .he-slide__art { display: none; }
  .he-slider__nav { display: none; }
}

/* DETAY SAYFASI (.hd) — editoryal düzen */
/* Hero — kategori renkli koyu bant */
.hd-hero { position: relative; overflow: hidden; color: #fff; border-bottom: 1px solid var(--line);
  background: linear-gradient(135deg, var(--brand-navy), var(--header-bg) 55%, #123a6e);
  padding-block: clamp(1.3rem, 1rem + 1.2vw, 2rem) clamp(2.2rem, 1.6rem + 2.4vw, 3.6rem); }
.hd-hero__glow { position: absolute; width: 34rem; height: 34rem; right: -10rem; top: -14rem; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-blue) 46%, transparent), transparent 66%); }
.hd-hero--etkinlik .hd-hero__glow { background: radial-gradient(circle, color-mix(in srgb, var(--brand-gold) 32%, transparent), transparent 66%); }
.hd-hero--haber .hd-hero__glow { background: radial-gradient(circle, color-mix(in srgb, #12b886 32%, transparent), transparent 66%); }
.hd-hero--zirve .hd-hero__glow { background: radial-gradient(circle, color-mix(in srgb, var(--fas-pink) 40%, transparent), transparent 66%); }
.hd-hero--zirve .hd-hero__art svg { color: #FF7BC3; }
.hd-hero--zirve .hd-hero__ring { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fas-pink) 55%, transparent); background: color-mix(in srgb, var(--fas-pink) 12%, transparent); }
.hd-back { position: relative; display: inline-flex; align-items: center; gap: .3rem; font-size: .85rem; font-weight: 600;
  color: rgba(255, 255, 255, .72); text-decoration: none !important; margin-bottom: 1.2rem; transition: color .2s var(--ease); }
.hd-back:hover { color: #fff; }
.hd-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: clamp(1.4rem, 3vw, 3rem); }
.hd-hero__text { min-width: 0; max-width: 52rem; }
.hd-meta { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; margin-bottom: .3rem; }
.hd-metaitem { display: inline-flex; align-items: center; gap: .4rem; font-size: .84rem; color: rgba(255, 255, 255, .74); }
.hd-metaitem svg { width: 1rem; height: 1rem; color: var(--brand-gold-2); }
.hd .hd-title { font-family: var(--font-serif); font-weight: 600; color: #fff; letter-spacing: -.01em;
  font-size: clamp(1.7rem, 1.2rem + 2vw, 2.8rem); line-height: 1.12; margin: .7rem 0 0; }
.hd-lead { color: rgba(255, 255, 255, .84); font-size: clamp(1rem, .95rem + .3vw, 1.14rem); line-height: 1.6; margin: 1rem 0 0; max-width: 48rem; }
.hd-hero__art { position: relative; flex: none; display: grid; place-items: center; width: clamp(6rem, 10vw, 9rem); height: clamp(6rem, 10vw, 9rem); }
.hd-hero__ring { position: absolute; inset: 0; border-radius: 50%; background: color-mix(in srgb, #fff 9%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 22%, transparent); }
.hd-hero__art svg { position: relative; width: 46%; height: auto; color: #fff; }
.hd-hero--etkinlik .hd-hero__art svg { color: var(--brand-gold-2); }

/* Künye stat şeridi */
.hd-stats-sec { padding-block: clamp(2rem, 1.4rem + 2vw, 3rem) 0; }
.hd-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr)); gap: .8rem; }
.hd-stat { padding: 1.05rem 1.2rem; border-radius: 14px; background: linear-gradient(168deg, #fff, color-mix(in srgb, var(--brand-blue) 4%, #fff));
  box-shadow: 0 0 0 1px var(--line), var(--shadow-xs); }
.hd-stat__v { display: block; font-weight: 700; color: var(--ink); font-size: 1.32rem; line-height: 1.18; letter-spacing: -.01em; }
.hd-stat__k { display: block; margin-top: .3rem; font-size: .67rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-muted); }

/* Makale gövdesi */
.hd-body-sec { padding-block: clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem) clamp(2.2rem, 1.6rem + 2.2vw, 3.6rem); }
.hd-article { max-width: 50rem; }
.hd-article p { color: var(--ink-soft); line-height: 1.78; margin: 0 0 1.15rem; font-size: 1.04rem; }
.hd-article p:first-child { color: var(--ink); font-size: 1.12rem; line-height: 1.7; }

@media (max-width: 640px) {
  .hd-hero__grid { grid-template-columns: 1fr; }
  .hd-hero__art { display: none; }
}

/* ========== HABERLER — modern arşiv düzeni (.hz) ========== */
/* Hero paneli — son eklenenler */
.hz-latest { margin-left: auto; max-width: 24rem; border-radius: 20px; background: var(--card); box-shadow: var(--ring), var(--shadow-md); padding: 1.3rem 1.4rem; }
.hz-latest__label { display: inline-flex; align-items: center; gap: .5rem; font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }
.hz-latest__label svg { width: 1rem; height: 1rem; color: var(--brand-gold-3); }
.hz-latest__list { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: .4rem; }
.hz-latest__list a { display: flex; align-items: center; gap: .8rem; padding: .55rem; border-radius: 12px; text-decoration: none !important; color: inherit; transition: background .2s var(--ease); }
.hz-latest__list a:hover { background: var(--bg-tint); }
.hz-latest__ic { flex: none; display: grid; place-items: center; width: 2.3rem; height: 2.3rem; border-radius: 10px; color: var(--brand-blue);
  background: linear-gradient(150deg, color-mix(in srgb, var(--brand-blue) 13%, #fff), color-mix(in srgb, var(--brand-blue) 5%, #fff)); }
.hz-latest__ic svg { width: 1.15rem; height: 1.15rem; }
.hz-latest__meta { display: flex; flex-direction: column; min-width: 0; }
.hz-latest__meta b { font-size: .88rem; font-weight: 600; color: var(--ink); line-height: 1.3; }
.hz-latest__meta small { font-size: .76rem; color: var(--ink-muted); }

/* Öne çıkan büyük banner */
.hz-featured { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.4fr .6fr; align-items: center; gap: clamp(1.4rem, 2vw, 2.6rem);
  border-radius: 24px; color: #fff; text-decoration: none !important;
  background: linear-gradient(135deg, var(--brand-navy), var(--header-bg) 55%, #123a6e); box-shadow: var(--shadow-lg);
  padding: clamp(2rem, 1.4rem + 2vw, 3.2rem); transition: transform .28s var(--ease), box-shadow .28s var(--ease); }
.hz-featured:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg), 0 0 0 1px color-mix(in srgb, var(--brand-gold) 40%, transparent); }
.hz-featured__glow { position: absolute; width: 28rem; height: 28rem; right: -8rem; top: -12rem; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-blue) 50%, transparent), transparent 68%); }
.hz-featured__text { position: relative; min-width: 0; }
.hz-featured__meta { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; margin-bottom: .9rem; }
.hz-featured__date { display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; color: rgba(255, 255, 255, .74); }
.hz-featured__date svg { width: 1rem; height: 1rem; }
.hz .hz-featured__title { font-family: var(--font-serif); font-weight: 600; font-size: clamp(1.55rem, 1.2rem + 1.6vw, 2.4rem); line-height: 1.16; color: #fff; margin: 0 0 .6rem; }
.hz-featured__ozet { color: rgba(255, 255, 255, .85); line-height: 1.6; margin: 0 0 1.2rem; max-width: 44rem; }
.hz-featured__go { display: inline-flex; align-items: center; gap: .45rem; font-weight: 650; color: var(--brand-gold-2); }
.hz-featured__go svg { width: .95em; height: .95em; transition: transform .2s var(--ease); }
.hz-featured:hover .hz-featured__go svg { transform: translateX(4px); }
.hz-featured__art { position: relative; display: grid; place-items: center; align-self: stretch; }
.hz-featured__art svg { width: clamp(4.5rem, 8vw, 7.5rem); height: auto; color: var(--brand-gold-2); }

/* Filtre çubuğu */
.hz-filter { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: clamp(1.4rem, 1rem + 1.2vw, 2rem); }
.hz-chip { display: inline-flex; align-items: center; gap: .5rem; padding: .5rem 1.05rem; border: 0; border-radius: 999px; cursor: pointer;
  font-size: .88rem; font-weight: 600; color: var(--ink-soft); background: #fff; box-shadow: inset 0 0 0 1px var(--line);
  transition: color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease); }
.hz-chip em { font-style: normal; font-size: .72rem; font-weight: 700; padding: .06rem .42rem; border-radius: 999px; background: var(--bg-tint); color: var(--ink-muted); }
.hz-chip:hover { color: var(--ink); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-blue) 30%, transparent); }
.hz-chip.is-active { background: var(--brand-navy); color: #fff; box-shadow: none; }
.hz-chip.is-active em { background: rgba(255, 255, 255, .18); color: #fff; }

/* Kart ızgarası */
.hz-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1rem, .7rem + 1vw, 1.4rem); }
.hz-card { display: flex; flex-direction: column; overflow: hidden; border-radius: 18px; background: #fff;
  box-shadow: 0 0 0 1px var(--line), var(--shadow-xs); text-decoration: none !important; color: inherit;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.hz-card:hover { transform: translateY(-5px); box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-blue) 24%, transparent), var(--shadow-md); }
.hz-card__head { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: 1.05rem 1.15rem; }
.hz-card__head--zirve { background: linear-gradient(135deg, color-mix(in srgb, var(--fas-pink) 13%, #fff), color-mix(in srgb, var(--fas-pink) 4%, #fff)); }
.hz-card__head--etkinlik { background: linear-gradient(135deg, color-mix(in srgb, var(--brand-gold) 20%, #fff), color-mix(in srgb, var(--brand-gold) 6%, #fff)); }
.hz-card__head--haber { background: linear-gradient(135deg, color-mix(in srgb, #12b886 13%, #fff), color-mix(in srgb, #12b886 4%, #fff)); }
.hz-card__ic { flex: none; display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: 12px; background: #fff;
  box-shadow: 0 0 0 1px var(--line); color: var(--brand-blue); transition: transform .25s var(--ease); }
.hz-card__head--zirve .hz-card__ic { color: var(--fas-pink); }
.hz-card__head--etkinlik .hz-card__ic { color: var(--brand-gold-3); }
.hz-card__head--haber .hz-card__ic { color: #0a7a5c; }
.hz-card__ic svg { width: 1.35rem; height: 1.35rem; }
.hz-card:hover .hz-card__ic { transform: scale(1.08) rotate(-3deg); }
.hz-card__body { display: flex; flex-direction: column; flex: 1; padding: 1.1rem 1.2rem 1.3rem; }
.hz-card__meta { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .7rem; }
.hz-tag { display: inline-flex; align-items: center; gap: .3rem; padding: .22rem .48rem; border-radius: 7px;
  font-size: .64rem; font-weight: 600; color: var(--ink-soft); background: var(--bg-soft);
  box-shadow: inset 0 0 0 1px var(--line); }
.hz-tag svg { width: .74rem; height: .74rem; color: var(--ink-muted); flex: none; }
.hz-card__body h3 { font-size: 1.04rem; font-weight: 650; color: var(--ink); margin: 0 0 .45rem; line-height: 1.3; }
.hz-card__body p { font-size: .85rem; line-height: 1.55; color: var(--ink-soft); margin: 0 0 1rem; }
.hz-card__go { margin-top: auto; display: inline-flex; align-items: center; gap: .35rem; font-size: .84rem; font-weight: 650; color: var(--brand-blue); }
.hz-card__go svg { width: .85em; height: .85em; transition: transform .2s var(--ease); }
.hz-card:hover .hz-card__go svg { transform: translateX(3px); }
.hz-empty { color: var(--ink-muted); text-align: center; padding: 2.5rem 0; }

@media (max-width: 900px) { .hz-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 720px) { .hz-featured { grid-template-columns: 1fr; } .hz-featured__art { display: none; } .hz-latest { max-width: none; } }
@media (max-width: 560px) { .hz-grid { grid-template-columns: 1fr; } }

/* ========== 18) YAZDIRMA ========== */
@media print {
  .header, .footer, .pagenav, .nav-toggle, .mobile-nav, .nav-scrim { display: none !important; }
  .hero { margin-top: 0; padding-top: 0; }
  .hero__band, .hero__aurora { display: none; }
  .band, .feature-strip { background: #fff !important; color: #000; clip-path: none; }
  .band__wave, .strip__wave { display: none !important; }
  .band h2 { color: #000; }
  .reveal { opacity: 1 !important; transform: none !important; }
}

/* ============================================================
   MEDYA FİGÜRÜ (.mfig) — görsel çerçevesi + scroll parlama efekti
   Kullanım: <figure class="mfig mfig--wide" data-glow><img …></figure>
   ============================================================ */
.mfig { position: relative; width: 100%; margin: 0; border-radius: 22px; overflow: hidden; isolation: isolate;
  background: var(--brand-navy);
  box-shadow: 0 22px 50px -22px rgba(7,18,64,.55), 0 3px 10px rgba(7,18,64,.08);
  border: 1px solid rgba(255,255,255,.55); }
.mfig img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mfig--wide   { aspect-ratio: 16 / 9; }
.mfig--photo  { aspect-ratio: 3 / 2; }
.mfig--tall   { aspect-ratio: 4 / 5; }
.mfig--banner { aspect-ratio: 21 / 9; }            /* alçak yükseklikli sinematik şerit */
.mfig--free img { aspect-ratio: auto; }
.mfig--top img { object-position: center 32%; }    /* grup fotoğrafında yüzleri koru (üstten hizala) */
@media (max-width: 640px) { .mfig--banner { aspect-ratio: 16 / 9; } }   /* mobilde daha dengeli */

/* İsteğe bağlı alt başlık — koyu degrade şerit üzerinde */
.mfig__cap { position: absolute; left: 0; right: 0; bottom: 0; z-index: 4; margin: 0;
  padding: 1.4rem .95rem .8rem; font-size: .82rem; line-height: 1.35; color: #fff;
  background: linear-gradient(to top, rgba(4,10,38,.82), rgba(4,10,38,0));
  display: flex; align-items: center; gap: .45rem; }
.mfig__cap svg { width: 1rem; height: 1rem; flex: none; color: var(--brand-gold-2); }

/* — Parlama (data-glow) — köşeden geçen ışık süpürmesi + yumuşak dış hâle + netleşme — */
.mfig[data-glow] img { transition: transform 1.15s var(--ease), filter 1.15s var(--ease); will-change: transform; }
.mfig[data-glow].glow-armed img { transform: scale(1.07); filter: saturate(.8) brightness(.88); }
.mfig[data-glow].glow-on img { transform: scale(1); filter: none; }

.mfig[data-glow]::after {                 /* ışık süpürmesi */
  content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: 0;
  transform: translateX(-125%);
  background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.30) 46%,
              rgba(255,196,46,.24) 52%, transparent 68%); }
.mfig[data-glow].glow-on::after { animation: mfig-sweep 1.2s cubic-bezier(.22,.61,.36,1) .1s both; }
@keyframes mfig-sweep {
  0%   { transform: translateX(-125%); opacity: 0; }
  16%  { opacity: 1; }
  100% { transform: translateX(125%); opacity: 0; } }

.mfig[data-glow]::before {                /* yumuşak dış hâle */
  content: ""; position: absolute; inset: -1px; z-index: 3; pointer-events: none; border-radius: inherit;
  box-shadow: 0 0 0 0 rgba(45,91,255,0); transition: box-shadow 1s var(--ease); }
.mfig[data-glow].glow-on::before {
  box-shadow: 0 0 40px -8px rgba(45,91,255,.42), inset 0 0 0 1px rgba(120,170,255,.38); }

@media (prefers-reduced-motion: reduce) {
  .mfig[data-glow] img { transform: none !important; filter: none !important; }
  .mfig[data-glow].glow-on::after { animation: none; } }

/* Metin + görsel ikili düzende görselin köşe uyumu (mevcut .split ile) */
.split .mfig { width: 100%; }

/* Haber detay — lead görsel + etkinlik galerisi */
.hd-lead-media { padding-top: clamp(1.4rem, 3vw, 2.4rem); padding-bottom: 0; }
.hd-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(.8rem, 1.6vw, 1.15rem); }
@media (max-width: 760px) { .hd-gallery { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .hd-gallery { grid-template-columns: 1fr; } }

/* Haberler listesi — "Etkinliklerden görseller" foto galerisi (4'lü) */
.hz-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(.8rem, 1.4vw, 1.1rem); }
@media (max-width: 900px) { .hz-gallery { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .hz-gallery { grid-template-columns: 1fr; } }

/* ============================================================
   FOTO GALERİ ZOOM + LIGHTBOX (Etkinliklerden görseller)
   ============================================================ */
/* Galeri kutuları eşit otursun + hover'da hafif yüksel */
.hz-gallery .mfig { transition: transform .3s var(--ease), box-shadow .3s var(--ease); }
.hz-gallery .mfig[data-zoom] { cursor: zoom-in; }
.hz-gallery .mfig[data-zoom]:hover { transform: translateY(-5px); box-shadow: 0 28px 60px -22px rgba(7,18,64,.62); }
.hz-gallery .mfig[data-zoom] img { transition: transform .55s var(--ease), filter .55s var(--ease); }
.hz-gallery .mfig[data-zoom]:hover img { transform: scale(1.07); }

/* Büyüt rozeti (sağ üst) */
.mfig__zoom { position: absolute; top: .7rem; right: .7rem; z-index: 4; width: 2.15rem; height: 2.15rem;
  display: grid; place-items: center; border-radius: 50%; background: rgba(4,10,38,.55); color: #fff;
  opacity: 0; transform: scale(.82); transition: opacity .25s var(--ease), transform .25s var(--ease);
  pointer-events: none; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  border: 1px solid rgba(255,255,255,.28); }
.mfig[data-zoom]:hover .mfig__zoom, .mfig[data-zoom]:focus-visible .mfig__zoom { opacity: 1; transform: scale(1); }
.mfig__zoom svg { width: 1.05rem; height: 1.05rem; }
.mfig[data-zoom]:focus-visible { outline: 3px solid var(--brand-blue); outline-offset: 3px; }

/* Lightbox katmanı */
.lightbox { position: fixed; inset: 0; z-index: 200; display: none;
  background: rgba(4,10,38,.9); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);
  padding: clamp(1rem, 4vw, 3rem); }
.lightbox.open { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: clamp(.4rem, 2vw, 1.2rem);
  animation: lb-fade .22s var(--ease); }
@keyframes lb-fade { from { opacity: 0; } to { opacity: 1; } }
.lightbox__stage { grid-column: 2; justify-self: center; margin: 0; display: flex; flex-direction: column; align-items: center;
  max-width: min(1120px, 92vw); }
.lightbox__stage img { max-width: 100%; max-height: 82vh; object-fit: contain; border-radius: 14px;
  box-shadow: 0 40px 90px rgba(0,0,0,.55); animation: lb-pop .28s var(--ease); background: #0a1633; }
@keyframes lb-pop { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: none; } }
.lightbox__stage figcaption { color: rgba(255,255,255,.85); font-size: .85rem; line-height: 1.4; text-align: center; margin-top: .85rem; max-width: 60ch; }
.lightbox__close { position: absolute; top: .8rem; right: 1.1rem; z-index: 2; background: none; border: 0; color: #fff;
  font-size: 2.4rem; line-height: 1; cursor: pointer; opacity: .75; transition: opacity .2s; }
.lightbox__close:hover { opacity: 1; }
.lightbox__nav { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.25); color: #fff;
  width: 3rem; height: 3rem; border-radius: 50%; font-size: 1.7rem; line-height: 1; cursor: pointer; flex: none;
  display: grid; place-items: center; transition: background .2s, transform .2s; }
.lightbox__nav:hover { background: rgba(255,255,255,.22); transform: scale(1.06); }
.lightbox__prev { grid-column: 1; }
.lightbox__next { grid-column: 3; }
body.lb-open { overflow: hidden; }
@media (max-width: 640px) {
  .lightbox.open { grid-template-columns: 1fr; }
  .lightbox__stage { grid-column: 1; }
  .lightbox__nav { position: absolute; bottom: 1.1rem; z-index: 2; }
  .lightbox__prev { left: 1.2rem; } .lightbox__next { right: 1.2rem; }
}
@media (prefers-reduced-motion: reduce) {
  .lightbox.open, .lightbox__stage img { animation: none; }
  .hz-gallery .mfig[data-zoom]:hover img { transform: none; }
}

/* ============================================================
   CANLILIK KATMANI — hero'nun enerjisini sayfanın tamamına taşır
   (geri bildirim: "scroll edildikçe canlılık gidiyor, basit kalıyor")
   ============================================================ */

/* — 1) Yumuşak bölümler: düz gri yerine marka renkli aurora zemin (tüm sayfalarda) — */
.section--soft, .pg-sec--soft {
  background:
    radial-gradient(46rem 24rem at 88% -6%,  color-mix(in srgb, var(--brand-gold) 9%, transparent), transparent 62%),
    radial-gradient(50rem 26rem at -8% 108%, color-mix(in srgb, var(--brand-blue) 8%, transparent), transparent 60%),
    radial-gradient(34rem 20rem at 50% 118%, color-mix(in srgb, var(--brand-cyan) 6%, transparent), transparent 58%),
    var(--bg-soft);
}

/* — 2) Açık bölümlerin köşesine nefes alan çok hafif ışıma — */
.pg-sec:not(.pg-sec--soft), .section:not(.section--soft):not(.stats-band) { position: relative; }

/* — 3) Vurgu (mark.hl): daha canlı fosforlu kalem + görünürken süpürme animasyonu — */
.hl {
  background-image: linear-gradient(180deg, transparent 56%, color-mix(in srgb, var(--brand-gold) 62%, transparent) 0);
  background-repeat: no-repeat; background-size: 100% 100%;
}
.in-view .hl, .reveal.in-view .hl { animation: hl-sweep .9s var(--ease) .15s both; }
@keyframes hl-sweep { from { background-size: 0% 100%; } to { background-size: 100% 100%; } }
@media (prefers-reduced-motion: reduce) { .in-view .hl { animation: none; } }
/* Koyu zeminde vurgu (band): beyaz metin + yumuşak altın alt bant */
.band .hl, .on-dark .hl {
  color: #fff; font-weight: 700;
  background-image: linear-gradient(180deg, transparent 58%, rgba(255, 196, 46, .45) 0);
}
/* "Toplum için Yapay Zekâ" ve "BAU'da Yapay Zekâ": vurgu artık parlak mavi (altın yerine) */
.feature-strip .hl, .v3about .hl {
  color: #fff; font-weight: 700;
  background-image: linear-gradient(180deg, transparent 58%, rgba(51, 169, 255, .5) 0);
}

/* — 4) Kickers: altın çizgi + degrade metin (bölüm başlarına mücevher etkisi) — */
.pg-kicker, .kicker {
  background: linear-gradient(90deg, var(--brand-gold-3), #B8860B 55%, var(--brand-gold-3));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.on-dark .kicker, .feature-strip .kicker, .stats-band .kicker {
  background: linear-gradient(90deg, var(--brand-gold-2), #fff2c9 55%, var(--brand-gold-2));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

/* — 5) BAU AI Ekosistemi kartları: her kart kendi aksan renginde (ikon karosu + başlık + Keşfet) — */
#platformu-kesfet .card:nth-child(1) { --eco: #2D5BFF; }
#platformu-kesfet .card:nth-child(2) { --eco: #B07E00; }
#platformu-kesfet .card:nth-child(3) { --eco: #0D9488; }
#platformu-kesfet .card:nth-child(4) { --eco: #6366F1; }
#platformu-kesfet .card:nth-child(5) { --eco: #C2751A; }
#platformu-kesfet .card:nth-child(6) { --eco: #A855F7; }
#platformu-kesfet .card:nth-child(7) { --eco: #E5484D; }
#platformu-kesfet .card { border-top: 3px solid color-mix(in srgb, var(--eco) 72%, #fff); }
#platformu-kesfet .icon-tile {
  background: color-mix(in srgb, var(--eco) 13%, #fff);
  color: var(--eco);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--eco) 30%, transparent);
}
#platformu-kesfet .card h3 { color: color-mix(in srgb, var(--eco) 58%, var(--ink)); }
#platformu-kesfet .card:hover .icon-tile { transform: scale(1.08) rotate(-3deg); }

/* — 6) "BAU'da Yapay Zekâ" paneli: logo yerine tipografik kilit — */
.home-ai__title { position: relative; z-index: 2; margin: 0; color: #fff; text-align: center;
  font-family: var(--font-serif); font-size: clamp(1.9rem, 1.4rem + 2.2vw, 3rem); line-height: 1.12; font-weight: 500; }
.home-ai__title b { display: block; font-weight: 700;
  background: linear-gradient(92deg, var(--brand-gold-2), var(--brand-gold) 45%, #FFE9A8);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* — 7) Araştırma "nasıl kullanılır" adım kartları: renkli numara + aksanlı ikon karoları — */
.rs-steps .pg-card:nth-child(8n+1) { --stp: #2D5BFF; }
.rs-steps .pg-card:nth-child(8n+2) { --stp: #B07E00; }
.rs-steps .pg-card:nth-child(8n+3) { --stp: #0D9488; }
.rs-steps .pg-card:nth-child(8n+4) { --stp: #6366F1; }
.rs-steps .pg-card:nth-child(8n+5) { --stp: #E5484D; }
.rs-steps .pg-card:nth-child(8n+6) { --stp: #A855F7; }
.rs-steps .pg-card:nth-child(8n+7) { --stp: #C2751A; }
.rs-steps .pg-card:nth-child(8n+8) { --stp: #3FA94B; }
.rs-steps .pg-card { border-top: 3px solid color-mix(in srgb, var(--stp) 70%, #fff); }
.rs-steps .pg-card__ic {
  background: color-mix(in srgb, var(--stp) 12%, #fff) !important;
  color: var(--stp) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--stp) 30%, transparent) !important;
}
.rs-steps .rs-step__n { color: color-mix(in srgb, var(--stp) 34%, transparent); font-weight: 800; }
.rs-steps .pg-card:hover { transform: translateY(-4px); box-shadow: 0 20px 44px -20px color-mix(in srgb, var(--stp) 45%, rgba(7,18,64,.35)); }
.rs-steps .pg-card { transition: transform .3s var(--ease), box-shadow .3s var(--ease); }

/* — 8) Sorumlu YZ (rai) kartları: numaralar aksan rengiyle nefes alsın — */
.rai-card:nth-child(5n+1) { --rai: #2D5BFF; }  /* mavi */
.rai-card:nth-child(5n+2) { --rai: #0D9488; }  /* turkuaz */
.rai-card:nth-child(5n+3) { --rai: #D97706; }  /* amber */
.rai-card:nth-child(5n+4) { --rai: #7C3AED; }  /* mor */
.rai-card:nth-child(5n+5) { --rai: #DB2777; }  /* gül kurusu */
.rai-card__n { color: color-mix(in srgb, var(--rai, var(--brand-blue)) 30%, transparent) !important; }
.rai-card__ic { color: var(--rai, var(--brand-blue)) !important; }

/* Privy/Stripe dili: her kartın kendine özgü desenli pastel arka planı; başlık ön planda.
   Desen ::before katmanında beyaz ince çizgilerle çizilir ve aşağı doğru maskeyle söner (metin okunur kalır). */
.rai-card {
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--rai, var(--brand-blue)) 17%, #fff),
    color-mix(in srgb, var(--rai, var(--brand-blue)) 4%, #fff) 62%, #fff);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--rai, var(--brand-blue)) 22%, transparent), var(--shadow-xs);
}
.rai-card::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 74%);
  mask-image: linear-gradient(180deg, #000, transparent 74%);
}
/* 1 — çapraz kesikli karo (Privy referansındaki gibi) */
.rai-card:nth-child(5n+1)::before {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .7) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, .7) 1px, transparent 1px),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .5) 0 1px, transparent 1px 27px);
  background-size: 54px 54px, 54px 54px, auto;
}
/* 2 — nokta matrisi */
.rai-card:nth-child(5n+2)::before {
  background-image: radial-gradient(rgba(255, 255, 255, .95) 1.2px, transparent 1.4px);
  background-size: 15px 15px;
}
/* 3 — köşeden yayılan eşmerkezli halkalar */
.rai-card:nth-child(5n+3)::before {
  background: repeating-radial-gradient(circle at 88% -22%, rgba(255, 255, 255, .6) 0 1px, transparent 1px 20px);
}
/* 4 — ince ızgara */
.rai-card:nth-child(5n+4)::before {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .65) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, .65) 1px, transparent 1px);
  background-size: 21px 21px;
}
/* 5 — çapraz balıksırtı */
.rai-card:nth-child(5n+5)::before {
  background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .55) 0 1px, transparent 1px 13px);
}
/* Başlık ön planda: display font, daha büyük ve tok; ikon beyaz karoda; numara daha belirgin */
.rai-card__t { position: relative; font-family: var(--font-display); font-size: 1.14rem; font-weight: 800; letter-spacing: -.015em; }
.rai-card__d { position: relative; }
.rai-card__ic {
  background: #fff;
  box-shadow: 0 1px 5px rgba(10, 22, 66, .10), 0 0 0 1px color-mix(in srgb, var(--rai, var(--brand-blue)) 26%, transparent);
}
.rai-card__n { font-size: 3.1rem; top: .4rem; }
.rai-card:hover {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--rai, var(--brand-blue)) 45%, transparent), var(--shadow-md);
}

/* — 8a) Ana sayfa Gündem bölümü: stok görsel zemin + beyaz veil (metin ve kartlar okunur kalır) — */
.gun-photo {
  background:
    linear-gradient(180deg, rgba(246, 248, 252, .96), rgba(244, 247, 252, .88) 45%, rgba(246, 248, 252, .97)),
    url("/assets/img/stock/gelecegin-ogrenme-deneyimi.jpg") center / cover no-repeat;
}

/* — 8b) Yetkinlik Birimi hizmet kartları: rai dili — hepsi aynı renk (kurum mavisi), her kartın deseni farklı — */
.vb-services .vb-card {
  overflow: hidden; border-color: transparent;
  background: linear-gradient(180deg, color-mix(in srgb, var(--brand-blue) 15%, #fff), color-mix(in srgb, var(--brand-blue) 4%, #fff) 60%, #fff);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-blue) 22%, transparent), var(--shadow-xs);
}
.vb-services .vb-card::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 72%);
  mask-image: linear-gradient(180deg, #000, transparent 72%);
}
.vb-services .vb-card:nth-child(6n+1)::before { /* çapraz kesikli karo */
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .7) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, .7) 1px, transparent 1px),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .5) 0 1px, transparent 1px 27px);
  background-size: 54px 54px, 54px 54px, auto;
}
.vb-services .vb-card:nth-child(6n+2)::before { /* nokta matrisi */
  background-image: radial-gradient(rgba(255, 255, 255, .95) 1.2px, transparent 1.4px);
  background-size: 15px 15px;
}
.vb-services .vb-card:nth-child(6n+3)::before { /* köşe halkaları */
  background: repeating-radial-gradient(circle at 88% -22%, rgba(255, 255, 255, .6) 0 1px, transparent 1px 20px);
}
.vb-services .vb-card:nth-child(6n+4)::before { /* ince ızgara */
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .65) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, .65) 1px, transparent 1px);
  background-size: 21px 21px;
}
.vb-services .vb-card:nth-child(6n+5)::before { /* balıksırtı */
  background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .55) 0 1px, transparent 1px 13px);
}
.vb-services .vb-card:nth-child(6n+6)::before { /* çapraz örgü (X) */
  background:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .5) 0 1px, transparent 1px 18px),
    repeating-linear-gradient(-45deg, rgba(255, 255, 255, .5) 0 1px, transparent 1px 18px);
}
.vb-services .vb-card h3 { position: relative; font-family: var(--font-display); font-size: 1.1rem; font-weight: 800; letter-spacing: -.015em; }
.vb-services .vb-card p, .vb-services .vb-card__link { position: relative; }
.vb-services .vb-card__ic {
  position: relative; background: #fff;
  box-shadow: 0 1px 5px rgba(10, 22, 66, .10), 0 0 0 1px color-mix(in srgb, var(--brand-blue) 26%, transparent);
}
.vb-services a.vb-card:hover {
  border-color: transparent;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-blue) 45%, transparent), var(--shadow-md);
}

/* — 8c) Araştırma alan kartları: infografik yerine renklendirilmiş kutular (geri bildirim) — her kart kendi aksan renginde pastel zemin — */
.rs-areas .pg-card {
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--pg-accent) 15%, #fff),
    color-mix(in srgb, var(--pg-accent) 4%, #fff) 62%, #fff);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--pg-accent) 26%, transparent), var(--shadow-xs);
}
.rs-areas .pg-card__ic {
  background: #fff;
  box-shadow: 0 1px 5px rgba(10, 22, 66, .10), 0 0 0 1px color-mix(in srgb, var(--pg-accent) 26%, transparent);
}
.rs-areas .pg-card:hover { box-shadow: 0 0 0 1px color-mix(in srgb, var(--pg-accent) 46%, transparent), var(--shadow-md); }

@media (prefers-reduced-motion: reduce) {
  #platformu-kesfet .card:hover .icon-tile { transform: none; }
  .rs-steps .pg-card:hover { transform: none; }
}

/* ============================================================
   KOYU BANT VARYANTLARI — ana sayfada hero benzeri koyu geçişler
   (geri bildirim: "scroll'da çok beyaz kalıyor; bazı section'lar banner gibi olsun")
   ============================================================ */

/* — Yapay Zekâ Anlayışımız: koyu lacivert aurora bant (altındaki istatistik bandıyla bütünleşir) — */
.rai-band {
  background:
    radial-gradient(52rem 30rem at 108% -10%, rgba(45, 91, 255, .34), transparent 62%),
    radial-gradient(40rem 24rem at -10% 30%,  rgba(255, 196, 46, .13), transparent 58%),
    radial-gradient(46rem 28rem at 50% 118%,  rgba(34, 184, 230, .16), transparent 60%),
    linear-gradient(158deg, var(--brand-navy) 12%, #0A1B55 55%, #06192E 100%);
  color: #fff;
}
.rai-band .gun-head__text h2 { color: #fff; }
.rai-band .gun-lead { color: rgba(226, 234, 250, .82); }
/* İKİNCİL BUTON STANDARDI (koyu zemin): şeffaf beyaz çerçeveli pill — .btn--ghost-light ile aynı */
.rai-band .gun-all { color: #fff; background: rgba(255,255,255,.12);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.28); }
.rai-band .gun-all:hover { background: rgba(255,255,255,.2); box-shadow: inset 0 0 0 1px rgba(255,255,255,.55); }
.rai-band .gun-all svg { color: #fff; }

/* Kartlar: TÜM kutular aynı mavi→turkuaz parlak gradyanı kullanır (premium, göz alıcı) */
.rai-band .rai-card {
  --rai: #2E7BFF;                                    /* birleşik ton (numara/ikon) */
  --rai2: #22C3EE;                                   /* turkuaz uç */
  background:
    /* kartın kendi hafif mavi-turkuaz ışıması + koyu taban (üst aksan çizgisi kaldırıldı) */
    linear-gradient(158deg, rgba(46,107,255,.22) 0%, rgba(34,195,238,.12) 38%, #0A1436 82%);
  /* Düz (2B) görünüm: yalnızca ince kenar çizgisi — iç/dış neon ışık ve hacim gölgesi yok */
  box-shadow: inset 0 0 0 1px rgba(120,190,255,.2);
  border-top: 0;
}
/* Hover: yalnızca hareket — ekstra renk/gölge/parıltı yok */
.rai-band .rai-card:hover { transform: translateY(-5px); }
/* İkon karosu ve numara da aynı mavi→turkuaz dilinde */
/* Özel neon ikonlar için koyu holografik karo — parlak mavi ikon öne çıkar (istatistik alanı diliyle) */
.rai-band .rai-card__ic {
  background: rgba(10,22,52,.66) !important;
  box-shadow: inset 0 0 0 1px rgba(120,190,255,.28) !important;
}
.rai-band .rai-card__ic svg { width: 1.8rem; height: 1.8rem; }
.rai-band .rai-card__n {
  color: transparent !important;
  background: linear-gradient(90deg, #BFE0FF, #EAF6FF 55%, #CFF3FF);
  -webkit-background-clip: text; background-clip: text;
  opacity: .96;
}
/* Desen koyu zeminde çok baskındı → çok soluk ve metne varmadan söner */
.rai-band .rai-card::before {
  opacity: .12;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 42%);
  mask-image: linear-gradient(180deg, #000, transparent 42%);
}
.rai-band .rai-card__t { position: relative; z-index: 1; color: #fff; text-shadow: 0 1px 12px rgba(0,0,0,.45); }
.rai-band .rai-card__d { position: relative; z-index: 1; color: rgba(233, 240, 253, .95); }

/* — Koyu galeri bölümü (ana sayfa sonu → footer'a akış) — */
.pg-sec--dark {
  /* Siyaha yakın koyu lacivert + yumuşak mavi parlama (fazla siyah kalmasın) */
  background:
    radial-gradient(44rem 24rem at 18% 6%, rgba(51, 140, 255, .17), transparent 62%),   /* başlık çevresi ışıma */
    radial-gradient(52rem 28rem at 50% 44%, rgba(34, 120, 220, .11), transparent 70%),    /* merkez yumuşak bloom */
    radial-gradient(40rem 24rem at 100% 100%, rgba(34, 150, 220, .12), transparent 60%),  /* sağ alt vurgu */
    linear-gradient(168deg, #050C20 0%, #04091A 55%, #03071A 100%);
  color: #fff;
}
.pg-sec--dark .pg-h { color: #fff; }
.pg-sec--dark .pg-sec__lead { color: rgba(224, 232, 249, .8); }
.pg-sec--dark .pg-kicker {
  background: linear-gradient(90deg, var(--brand-gold-2), #fff2c9 55%, var(--brand-gold-2));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.pg-sec--dark .mfig { border-color: rgba(255,255,255,.2); }

/* ============================================================
   IŞIN PATLAMASI (.burst) — Stripe tarzı, fareye tepki veren ağ
   ============================================================ */
.burst { position: relative; overflow: hidden; height: clamp(300px, 38vw, 520px);
  background:
    radial-gradient(60% 85% at 50% 108%, rgba(45, 91, 255, .16), rgba(34, 184, 230, .07) 55%, transparent 78%),
    linear-gradient(180deg, #fff 0%, #F7FAFF 100%); }
.burst__cv { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }

/* ============================================================
   AÇIK İSTATİSTİK BANDI + IŞIN ALANI BÜTÜNLEŞMESİ (Stripe referansı)
   İstatistikler açık zeminde, rakamlar marka lacivert/mavi; hemen altındaki
   .burst ile aynı zemin ailesini paylaşır → tek parça görünür.
   ============================================================ */
.stats-band--light {
  background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%);
  color: var(--ink);
  box-shadow: inset 0 1px 0 var(--line);           /* üstte ince tanım çizgisi; altta YOK → burst ile kaynaşır */
}
.stats-band--light .stat-item { border-left: 1px solid var(--line); }
.stats-band--light .stat-item:first-child { border-left: 0; padding-left: 0; }
.stats-band--light .stat-item b { color: var(--brand-navy); }
.stats-band--light .stat-item b em { color: var(--brand-blue); }               /* + işareti canlı mavi */
.stats-band--light .stat-item > span { color: #5A6B84; }

/* Burst, istatistiklerin devamı gibi: üst çizgisi kaldırılır, zemin aynı tondan devralınır */
.stats-band--light + .burst {
  box-shadow: inset 0 -1px 0 var(--line);          /* yalnızca altta bitiş çizgisi */
  background:
    radial-gradient(60% 85% at 50% 108%, rgba(45, 91, 255, .16), rgba(34, 184, 230, .07) 55%, transparent 78%),
    linear-gradient(180deg, #F8FBFF 0%, #F2F7FF 100%);
  margin-top: -1px;                                 /* olası 1px dikiş boşluğunu kapat */
}
/* Bant içi dikey dolgu: bütünleşik blokta üst kısım biraz daha derli */
.stats-band--light.section { padding-block: clamp(2.2rem, 1.6rem + 2vw, 3.6rem) clamp(1.2rem, .9rem + 1vw, 1.8rem); }

/* ============================================================
   BÜTÜNLEŞİK İSTATİSTİK + IŞIN BLOĞU — rakamlar canvas'ın üzerinde (şeffaf)
   ============================================================ */
.burst { height: auto; min-height: clamp(370px, 37vw, 520px); display: flex; flex-direction: column; }
.burst__stats { position: relative; z-index: 2;
  margin-top: clamp(3rem, 2.2rem + 2.2vw, 4.4rem); }
.burst .stats-band--light {                       /* %80 şeffaf beyaz cam panel — ışınlar arkadan seçilir */
  background: rgba(255, 255, 255, .2); border-radius: 18px;
  -webkit-backdrop-filter: blur(7px) saturate(1.05); backdrop-filter: blur(7px) saturate(1.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55), 0 12px 34px -22px rgba(7, 18, 64, .25);
  padding: clamp(1.3rem, 1rem + 1vw, 1.9rem) clamp(1.3rem, 1rem + 1.2vw, 2rem); }

/* ============================================================
   EKOSİSTEM KARUSELİ (.eco) — Stripe "What's happening" kalıbı
   Aktif kart geniş; diğerleri dar dikey şerit. Oklar/tıklama ile animasyonlu geçiş.
   ============================================================ */
.eco-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem 1.6rem; flex-wrap: wrap;
  margin-bottom: clamp(1.4rem, 1rem + 1.4vw, 2.2rem); }
.eco-head__text h2 { margin: .4rem 0 0; }
.eco-lead { color: var(--ink-soft); margin: .55rem 0 0; }
.eco-nav { display: flex; gap: .6rem; }
.eco-btn { width: 2.35rem; height: 2.35rem; border: 0; border-radius: 10px; cursor: pointer;
  display: grid; place-items: center; color: var(--brand-blue);
  background: color-mix(in srgb, var(--brand-blue) 11%, #fff);
  transition: background .22s, transform .22s, box-shadow .22s; }
.eco-btn:hover { background: color-mix(in srgb, var(--brand-blue) 18%, #fff); transform: translateY(-1px);
  box-shadow: 0 8px 18px -10px color-mix(in srgb, var(--brand-blue) 55%, transparent); }
.eco-btn:active { transform: translateY(0); }
.eco-btn svg { width: .95rem; height: .95rem; }
.eco-btn--prev svg { transform: rotate(180deg); }

.eco { --eco-gap: clamp(.55rem, .9vw, .9rem); display: flex; gap: var(--eco-gap); height: clamp(330px, 34vw, 460px); }
/* Kademeli genişlik: aktif kart EN SOLDA ve kalan alanı doldurur; sağındakiler 100px / 70px / 12px şeritler.
   Geçilen (aktifin solundaki) kartlar tamamen gizlenir. */
.eco-card { position: relative; flex: 0 0 12px; min-width: 0; border-radius: 14px; overflow: hidden; isolation: isolate;
  cursor: pointer; background: var(--brand-navy);
  border: 1px solid rgba(255,255,255,.5);
  box-shadow: 0 18px 40px -20px rgba(7,18,64,.45);
  transition: flex-basis .72s var(--ease), flex-grow .72s var(--ease), box-shadow .4s var(--ease); }
.eco-card--near { flex-basis: 70px; }
.eco-card--mid  { flex-basis: 35px; }
.eco-card.is-open { flex: 1 1 auto; cursor: default; }
/* JS mutlak düzen modu — tüm kartlar left+width ile aynı anda animasyonlanır (sona ekleme dahil, zıplama olmaz) */
.eco--abs { position: relative; display: block; }
.eco--abs .eco-card { position: absolute; top: 0; height: 100%; flex: none; z-index: 1;
  transition: left .72s var(--ease), width .72s var(--ease), opacity .28s var(--ease), box-shadow .4s var(--ease); }
.eco--abs .eco-card.is-open { z-index: 2; }
/* Sona taşınan kart yolculuk boyunca TAMAMEN GÖRÜNMEZ; hedefe (son şerit yerine) vardığında yumuşakça belirir */
.eco--abs .eco-card.is-moving:not(.is-open) { opacity: 0; z-index: 0; box-shadow: none; pointer-events: none; }
/* İleri geçişte eski aktif kart: yerinde SAĞDAN SOLA ezilerek küçülür (yeni kart onu iter); alt katmanda kalır */
.eco--abs .eco-card.is-collapsing { z-index: 3; box-shadow: none; pointer-events: none; }
.eco-card:focus-visible { outline: 3px solid var(--brand-blue); outline-offset: 3px; }
.eco-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  transition: transform .72s var(--ease), filter .5s var(--ease); }
.eco-card:not(.is-open) img { filter: saturate(.85) brightness(.9); }
.eco-card:not(.is-open):hover img { transform: scale(1.06); filter: none; }
.eco-card:not(.is-open):hover { box-shadow: 0 18px 40px -18px rgba(7,18,64,.55); }  /* hover'da çerçeve yok, sadece hafif yükselme gölgesi */

/* Alt karartma — açık kartta metin okunurluğu */
.eco-card__veil { position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: 0;
  background: linear-gradient(to top, rgba(4,10,38,.82) 0%, rgba(4,10,38,.28) 38%, transparent 62%);
  transition: opacity .5s var(--ease); }
.eco-card.is-open .eco-card__veil { opacity: 1; }

/* Kapalı kart: dikey mini başlık */
.eco-card__mini { position: absolute; left: 50%; bottom: 1.05rem; transform: translateX(-50%);
  writing-mode: vertical-rl; rotate: 180deg; z-index: 2; pointer-events: none;
  color: #fff; font-weight: 650; font-size: .8rem; letter-spacing: .05em; white-space: nowrap;
  max-height: 62%; overflow: hidden; text-shadow: 0 1px 10px rgba(0,0,0,.65);
  opacity: .95; transition: opacity .3s var(--ease); }
.eco-card.is-open .eco-card__mini { opacity: 0; }
.eco-card:not(.eco-card--near):not(.eco-card--mid):not(.is-open) .eco-card__mini { opacity: 0; }
.eco-card:not(.is-open):hover .eco-card__mini { opacity: .95; }

/* Açık kart: başlık + açıklama + Keşfet */
.eco-card__body { position: absolute; left: 0; bottom: 0; z-index: 2;
  width: clamp(22rem, 46vw, 36rem);              /* SABİT genişlik: kart küçülürken metin akmaz, sağdan kırpılır */
  padding: clamp(1.2rem, 1rem + 1vw, 2rem);
  opacity: 0;
  transition: opacity .22s var(--ease); }   /* gecikmesiz, kaymasız — metin bir bütün olarak kartla birlikte durur */
.eco-card.is-open .eco-card__body { opacity: 1; }
.eco-card.is-collapsing .eco-card__body { transform: none !important;
  transition: opacity .3s var(--ease); }   /* küçülürken metin YERİNDE kalır, yalnızca solar (kayma/bozulma yok) */
/* Premium tipografi: serif başlık, motto gibi italik açıklama */
.eco-card__body h3 { margin: 0 0 .5rem; color: #fff;
  font-size: clamp(1.55rem, 1.2rem + 1.5vw, 2.25rem);
  font-family: var(--font-serif); font-weight: 600; letter-spacing: -.014em; line-height: 1.12;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .35); }
.eco-card__body p { margin: 0 0 1.2rem; color: rgba(235, 241, 253, .92);
  font-family: var(--font-serif); font-style: italic; font-weight: 500;
  font-size: clamp(.98rem, .9rem + .35vw, 1.14rem); line-height: 1.6; max-width: 30rem;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .3); }
/* Keşfet: varsayılan zarif çerçeve; üzerine gelince altın dolgu */
.eco-card__go { pointer-events: auto; display: inline-flex; align-items: center; gap: .45rem;
  padding: .42rem 2.1rem; border-radius: 999px; text-decoration: none;
  border: 1.5px solid rgba(255, 255, 255, .78); color: #fff;
  font-weight: 650; font-size: .93rem; letter-spacing: .01em; background: transparent;
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  transition: background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease); }
.eco-card__go:hover { background: var(--brand-gold); border-color: var(--brand-gold);
  color: var(--brand-navy); transform: translateY(-2px); }
.eco-card__go:active { transform: translateY(0); }

/* Mobil: dikey istif — tüm kartlar açık düzende */
@media (max-width: 820px) {
  .eco { flex-direction: column; height: auto; }
  .eco-card, .eco-card.is-open { flex: none; aspect-ratio: 16 / 10; cursor: default; }
  .eco-card__veil { opacity: 1; }
  .eco-card__mini { display: none; }
  .eco-card__body { opacity: 1; transform: none; width: 100%; max-width: 100%; }
  .eco-nav { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .eco-card, .eco-card img, .eco-card__body, .eco-card__veil { transition: none !important; }
}

/* ============================================================
   V3 KATMANI — premium kurumsal geçiş: hero, hızlı erişim, vitrin bandı,
   mini vurgular ve site geneli boşluk/tipografi cilası (beyaz-lacivert dengesi)
   ============================================================ */
/* — Boşluk ritmi: bölümler daha ferah, başlık blokları daha net hiyerarşide — */
.section { padding-block: clamp(3.4rem, 2.4rem + 3.4vw, 6rem); }
.section-head { margin-bottom: clamp(1.8rem, 1.4rem + 1.6vw, 3rem); }
.section-head h2, .pg-h { letter-spacing: -.032em; }
.lead { line-height: 1.72; }
/* — HERO — */
.v3hero { position: relative; overflow: hidden; color: #fff; isolation: isolate;
  background: linear-gradient(150deg, #050C22, var(--brand-navy) 55%, var(--brand-navy-2));
  margin-top: calc(-1 * var(--header-h)); padding-top: var(--header-h);
  padding-bottom: clamp(1.8rem, 1.4rem + 1.6vw, 2.8rem); }
.v3hero .hero-grad { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -3; opacity: .85; }
.v3hero__photo { position: absolute; inset: 0; z-index: -2;
  background: url("/assets/img/hero/bau-ai-lab-panorama.jpg") right 30% / cover no-repeat; }
.v3hero__veil { position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(92deg, #050C22 30%, rgba(5, 12, 34, .93) 50%, rgba(5, 12, 34, .5) 76%, rgba(5, 12, 34, .62)),
    linear-gradient(180deg, rgba(5, 12, 34, .34), transparent 32%, rgba(5, 12, 34, .88)); }
.v3hero__inner { padding-block: clamp(3.6rem, 2.4rem + 4.6vw, 7.2rem) clamp(2.2rem, 1.8rem + 1.8vw, 3.4rem); }
.v3hero__text { max-width: 36rem; }
.v3hero__badge { display: inline-block; font-size: .78rem; font-weight: 700; letter-spacing: .09em;
  color: var(--brand-gold-2); padding: .4rem 1rem; border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--brand-gold) 52%, transparent); background: rgba(255, 196, 46, .07); }
.v3hero .ent-title { margin-top: 1.2rem; }
.v3hero .ent-slogan { max-width: 34rem; }
.v3hero__cta { margin-top: 2rem; }
/* Hızlı erişim üçlüsü — cam panel */
.v3quick { display: grid; grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(255, 255, 255, .17); border-radius: 18px; overflow: hidden;
  background: rgba(9, 18, 46, .68); backdrop-filter: blur(9px); box-shadow: 0 18px 44px -22px rgba(3, 8, 26, .8); }
.v3quick__item { display: flex; align-items: center; gap: .95rem; padding: 1.25rem 1.35rem;
  color: #fff; text-decoration: none !important; transition: background .25s var(--ease); }
.v3quick__item + .v3quick__item { border-left: 1px solid rgba(255, 255, 255, .12); }
.v3quick__item:hover { background: rgba(255, 255, 255, .06); }
.v3quick__ic { flex: none; display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: 12px;
  color: var(--brand-gold-2); background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15); }
.v3quick__ic svg { width: 1.35rem; height: 1.35rem; }
.v3quick__meta { min-width: 0; display: flex; flex-direction: column; gap: .2rem; }
.v3quick__meta b { color: #fff; font-size: .96rem; letter-spacing: -.01em; }
.v3quick__meta small { font-size: .79rem; line-height: 1.5; color: rgba(226, 233, 250, .74); }
.v3quick__go { flex: none; width: 1rem; height: 1rem; color: var(--brand-gold-2); margin-left: auto; transition: transform .25s var(--ease); }
.v3quick__item:hover .v3quick__go { transform: translateX(4px); }
/* — BAU'da YZ mini vurgular — */
.v3minis { list-style: none; display: flex; flex-wrap: wrap; gap: .6rem 1.6rem; margin: 1.4rem 0 0; padding: 0; }
.v3minis li { display: inline-flex; align-items: center; gap: .55rem; font-size: .89rem; font-weight: 600; color: var(--ink-soft); }
.v3minis li span { display: grid; place-items: center; width: 2.1rem; height: 2.1rem; border-radius: 9px;
  color: var(--brand-blue); background: color-mix(in srgb, var(--brand-blue) 10%, #fff);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-blue) 22%, transparent); }
.v3minis li svg { width: 1.05rem; height: 1.05rem; }
/* — ÖNE ÇIKANLAR vitrini: koyu lacivert band — */
.v3show { position: relative; overflow: hidden; isolation: isolate; color: #fff;
  padding-block: clamp(3.4rem, 2.4rem + 3.4vw, 6rem);
  background: linear-gradient(165deg, #030816 0%, #05102A 55%, #030A1C 100%); }
.v3show::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(34rem 22rem at 108% -10%, color-mix(in srgb, var(--fas-pink) 12%, transparent), transparent 62%),
    radial-gradient(30rem 20rem at -8% 112%, color-mix(in srgb, var(--brand-blue) 16%, transparent), transparent 62%); }
/* Yıldız animasyonu — iki katman farklı hızda titreşir (twinkle), koyu zeminde derinlik verir */
.v3show > .container { position: relative; z-index: 1; }
.v3show .v3stars, .v3show .v3stars2 { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-repeat: repeat; }
.v3show .v3stars {
  background-image:
    radial-gradient(1.4px 1.4px at 12% 24%, rgba(180,215,255,.9), transparent 60%),
    radial-gradient(1.2px 1.2px at 32% 68%, rgba(150,200,255,.75), transparent 60%),
    radial-gradient(1.5px 1.5px at 58% 18%, rgba(200,225,255,.9), transparent 60%),
    radial-gradient(1.2px 1.2px at 74% 52%, rgba(150,200,255,.7), transparent 60%),
    radial-gradient(1.6px 1.6px at 88% 30%, rgba(200,230,255,.9), transparent 60%),
    radial-gradient(1.2px 1.2px at 46% 84%, rgba(160,205,255,.7), transparent 60%),
    radial-gradient(1.3px 1.3px at 22% 90%, rgba(180,215,255,.8), transparent 60%),
    radial-gradient(1.2px 1.2px at 92% 76%, rgba(150,200,255,.7), transparent 60%);
  background-size: 100% 100%;
  animation: v3twinkle 3.6s ease-in-out infinite; }
.v3show .v3stars2 {
  background-image:
    radial-gradient(1.1px 1.1px at 18% 44%, rgba(120,180,255,.6), transparent 60%),
    radial-gradient(1px 1px at 40% 12%, rgba(140,190,255,.55), transparent 60%),
    radial-gradient(1.1px 1.1px at 64% 74%, rgba(120,180,255,.6), transparent 60%),
    radial-gradient(1px 1px at 82% 46%, rgba(140,190,255,.5), transparent 60%),
    radial-gradient(1.1px 1.1px at 8% 66%, rgba(120,180,255,.55), transparent 60%),
    radial-gradient(1px 1px at 54% 40%, rgba(140,190,255,.5), transparent 60%);
  background-size: 100% 100%;
  animation: v3twinkle 5.2s ease-in-out infinite reverse; }
@keyframes v3twinkle { 0%,100% { opacity: .35; } 50% { opacity: .95; } }
@media (prefers-reduced-motion: reduce) { .v3show .v3stars, .v3show .v3stars2 { animation: none; } }
.v3show__head { margin-bottom: clamp(1.6rem, 1.3rem + 1.2vw, 2.6rem); }
.v3show__head h2 { color: #fff; letter-spacing: -.032em; margin: .35rem 0 0; }
.v3show__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; }
/* Yatay bütünleşik kart: metin solda, görsel/kupa sağda kartla kaynaşır (koyu zemin) */
.v3show__card { display: grid; grid-template-columns: 1.15fr minmax(11rem, 1fr); gap: 0; align-items: stretch;
  border-radius: 18px; overflow: hidden; padding: 1.3rem; color: #fff; text-decoration: none !important;
  background: linear-gradient(150deg, #0B1636 0%, #070F26 60%, #050B1E 100%);
  border: 1px solid rgba(130, 175, 255, .22);
  box-shadow: 0 18px 42px -26px rgba(3, 8, 26, .7);
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease); }
.v3show__body { align-self: center; }
.v3show__card:hover { transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--brand-gold) 55%, transparent);
  box-shadow: 0 26px 54px -24px rgba(3, 8, 26, .8); }
/* Future AI Summit — premium SİYAH → PEMBE kimliği (futureaisummit.org) */
.v3show__card--summit {
  background:
    radial-gradient(78% 100% at 100% 108%, rgba(232, 12, 180, .34), transparent 58%),  /* sağ altta pembe ışıma */
    radial-gradient(52% 74% at 2% -6%, rgba(138, 43, 232, .16), transparent 60%),        /* sol üstte hafif mor */
    linear-gradient(138deg, #08020A 0%, #130310 46%, #250723 100%);                      /* siyah → koyu pembe */
  border-color: color-mix(in srgb, var(--fas-pink) 34%, transparent);
}
/* Üst premium ince ışık hattı (macenta→mor→şeffaf) */
.v3show__card--summit::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; z-index: 3; pointer-events: none;
  background: linear-gradient(90deg, transparent, #E80CB4 30%, #B31CD6 55%, transparent);
  opacity: .85;
}
.v3show__card--summit:hover { border-color: color-mix(in srgb, var(--fas-pink) 72%, transparent);
  box-shadow: 0 26px 54px -24px rgba(3, 8, 26, .8), 0 0 0 1px color-mix(in srgb, var(--fas-pink) 20%, transparent); }
.v3show__card--summit .v3show__date svg { color: #FF7AD8; }
/* Summit karartma katmanı SİYAH tabanlı + pembe alt ışıma (foto ile premium kaynaşma) */
.v3show__card--summit::after {
  background:
    linear-gradient(90deg, rgba(8,2,10,.9) 0%, rgba(10,2,12,.58) 40%, rgba(12,3,16,.18) 62%, transparent 78%),
    linear-gradient(0deg, rgba(232,12,180,.34), transparent 50%) !important;
}
/* İnovasyon (kupa) kartı — ikon tasarımıyla uyumlu MAVİ: hover border + buton */
.v3show__card--trophy:hover { border-color: color-mix(in srgb, #33A9FF 66%, transparent);
  box-shadow: 0 26px 54px -24px rgba(3, 8, 26, .8), 0 0 0 1px color-mix(in srgb, #33A9FF 20%, transparent); }
.v3show__card--trophy .v3show__date svg { color: #4AA6FF; }
.v3show__card--trophy .v3show__go {
  color: #9FD0FF; border-color: color-mix(in srgb, #33A9FF 52%, transparent);
  background: rgba(46, 107, 255, .08); }
.v3show__card.v3show__card--trophy:hover .v3show__go {
  background: linear-gradient(90deg, #2E6BFF, #22C3EE); color: #fff; border-color: transparent; }
.v3chip { display: inline-block; font-size: .66rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  padding: .26rem .62rem; border-radius: 999px; margin-bottom: .6rem; }
.v3chip--pink { color: #FF9AD1; background: rgba(233, 12, 139, .13); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fas-pink) 45%, transparent); }
.v3chip--gold { color: var(--brand-gold-2); background: rgba(255, 196, 46, .1); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 42%, transparent); }
.v3show__card h3 { color: #fff; font-size: 1.1rem; letter-spacing: -.018em; margin: 0 0 .45rem; line-height: 1.24; }
.v3show__date { display: inline-flex; align-items: center; gap: .4rem; font-size: .76rem; color: rgba(226, 233, 250, .74); }
.v3show__date svg { width: .88rem; height: .88rem; color: var(--brand-gold-2); }
.v3show__card p { color: rgba(220, 230, 250, .78); font-size: .83rem; line-height: 1.58; margin: .55rem 0 0; }
.v3show__go { display: inline-flex; align-items: center; gap: .4rem; margin-top: .95rem; padding: .46rem 1rem;
  border-radius: 10px; font-size: .8rem; font-weight: 700; color: var(--brand-gold-2);
  border: 1px solid color-mix(in srgb, var(--brand-gold) 48%, transparent); background: rgba(255, 196, 46, .06);
  transition: background .25s var(--ease), color .25s var(--ease); }
.v3show__card:hover .v3show__go, .v3trust:hover .v3show__go { background: var(--brand-gold); color: var(--brand-navy); }
.v3show__go svg { width: 1rem; height: 1rem; }
.v3show__go--pink { color: #FF8AD8; border-color: color-mix(in srgb, var(--fas-pink) 55%, transparent);
  background: rgba(232, 12, 180, .08); }
.v3show__card.v3show__card--summit:hover .v3show__go--pink {
  background: var(--fas-grad); color: #fff; border-color: transparent;
  box-shadow: 0 10px 26px -8px rgba(232, 12, 180, .6); }

/* ===== TAM ARKA PLAN GÖRSELLİ KART — görsel/kupa background, yazılar üstte %80 genişlik ===== */
.v3show__card--bg {
  display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
  position: relative; text-align: left;
  padding: clamp(1.2rem, 1rem + .8vw, 1.7rem) clamp(1.7rem, 1.3rem + 1.4vw, 2.5rem);
  min-height: clamp(15rem, 12rem + 5vw, 18rem);
}
.v3show__card--bg .v3show__body { text-align: left; }
.v3show__card--bg .v3show__body > :first-child { margin-top: 0; }
.v3show__card--bg h3 { margin-top: 0; }
/* Açıklama daha belirgin: parlak, biraz kalın ve okunurluk için hafif gölge */
.v3show__card--bg p { color: #F2F7FF; font-size: .88rem; font-weight: 500; line-height: 1.55; margin-top: .5rem;
  text-shadow: 0 1px 6px rgba(2, 8, 24, .55); }
.v3show__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; border-radius: inherit; }
.v3show__bg img { width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .5s var(--ease); }
.v3show__card--bg:hover .v3show__bg img { transform: scale(1.05); }
/* Okunurluk için karartma katmanı — solda koyu, sağa doğru açılır (yazı %80'i kaplar) */
.v3show__card--bg::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(4,9,24,.94) 0%, rgba(4,9,24,.86) 40%, rgba(4,9,24,.5) 74%, rgba(4,9,24,.28) 100%),
    linear-gradient(0deg, rgba(4,9,24,.6), transparent 52%);
}
/* Yazılar solda ~%60 genişlikte; sağ ~%40 görsele/kupaya ayrılır (üst üste binme yok) */
.v3show__card--bg .v3show__body { position: relative; z-index: 2; max-width: 100%; }
.v3show__card--bg p { max-width: 29rem; }
.v3show__card--trophy p { max-width: 26rem; }
/* Kupa kartı — koyu holografik zemin + kupa sağ boşlukta, yazıyla çakışmaz */
.v3show__bg--trophy {
  background:
    radial-gradient(52% 52% at 80% 46%, rgba(38, 104, 210, .5), transparent 72%),
    radial-gradient(120% 80% at 82% 118%, rgba(34, 120, 220, .3), transparent 60%),
    linear-gradient(160deg, #06122E 0%, #040D24 60%, #030A1E 100%);
}
.v3show__bg--trophy .v3trophy {
  position: absolute; right: -2%; top: 50%; transform: translateY(-50%) scale(1.04);
  width: 42%; height: auto; max-height: 110%;
  filter: drop-shadow(0 0 16px rgba(46, 134, 255, .45)); }
.v3show__card--trophy:hover .v3trophy { transform: translateY(-50%) scale(1.08);
  filter: drop-shadow(0 0 26px rgba(64, 170, 255, .7)); }
/* Görsel/kupa yalnızca SAĞ tarafta; sol taraf kartın koyu zemini (yazı için). Üst üste binme yok. */
/* Summit fotoğrafı sağa yerleşir, sol kenarı kart zeminine erir */
.v3show__card--summit .v3show__bg { left: auto; right: 0; width: 54%; }
.v3show__card--summit .v3show__bg img {
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 40%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 40%);
}
/* Karartma: yalnızca çok hafif, sol yazı zemini zaten koyu */
.v3show__card--bg::after {
  background:
    linear-gradient(90deg, rgba(4,9,24,.78) 0%, rgba(4,9,24,.5) 40%, rgba(4,9,24,.12) 62%, transparent 76%),
    linear-gradient(0deg, rgba(4,9,24,.35), transparent 46%);
}
.v3show__card--trophy::after {
  background:
    linear-gradient(90deg, rgba(4,10,30,.7) 0%, rgba(4,10,30,.4) 46%, transparent 66%),
    linear-gradient(0deg, rgba(4,10,30,.3), transparent 46%);
}
/* Görsel kartla BÜTÜNLEŞİK: kart kenarlarına taşar, sol kenardan karta doğru erir (ayrı kutu değil) */
.v3show__media { position: relative; align-self: stretch; min-height: 13rem; overflow: hidden;
  margin: -1.3rem -1.3rem -1.3rem 1rem; }
.v3show__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s var(--ease); }
.v3show__card:hover .v3show__media img { transform: scale(1.05); }
/* Fotoğraf sol kenardan kart zeminine erir + alttan hafif koyulaşma (kaynaşma) */
.v3show__media:not(.v3show__media--trophy)::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(90deg, #070F26 0%, rgba(7,15,38,.35) 22%, transparent 48%),
    linear-gradient(0deg, rgba(5,10,26,.55), transparent 42%);
}
/* Kodlanmış AI kupası — kartın kendi koyu zeminiyle kaynaşır (ayrı panel yok), yalnızca neon ışıma */
.v3show__media--trophy {
  display: grid; place-items: center;
  background:
    radial-gradient(58% 52% at 54% 44%, rgba(38, 104, 210, .42), transparent 72%),
    radial-gradient(120% 80% at 62% 118%, rgba(34, 120, 220, .26), transparent 60%);
}
.v3trophy { display: block;
  transition: transform .5s var(--ease), filter .5s var(--ease); }
/* Dijital Güven — tam genişlik yatay kart */
.v3trust { display: flex; align-items: center; gap: 1.3rem; margin-top: 1.1rem; padding: 1.35rem 1.5rem;
  border-radius: 20px; color: #fff; text-decoration: none !important;
  background: rgba(255, 255, 255, .045); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .13);
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease); }
.v3trust:hover { transform: translateY(-3px); background: rgba(255, 255, 255, .07);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 45%, transparent), var(--shadow-md); }
.v3trust__ic { flex: none; display: grid; place-items: center; width: 3.4rem; height: 3.4rem; border-radius: 14px;
  color: var(--brand-gold-2); background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); }
.v3trust__ic svg { width: 1.7rem; height: 1.7rem; }
.v3trust__body { min-width: 0; }
.v3trust__body h3 { color: #fff; font-size: 1.08rem; letter-spacing: -.015em; margin: 0 0 .35rem; }
.v3trust__body p { color: rgba(226, 233, 250, .78); font-size: .89rem; line-height: 1.6; margin: 0; max-width: 52rem; }
.v3trust .v3show__go { flex: none; margin: 0 0 0 auto; white-space: nowrap; }
/* — Responsive — */
@media (max-width: 980px) { .v3show__grid { grid-template-columns: 1fr; } }
@media (max-width: 860px) {
  .v3quick { grid-template-columns: 1fr; }
  .v3quick__item + .v3quick__item { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .12); }
  .v3show__card { grid-template-columns: 1fr; }
  .v3show__media { min-height: 10rem; order: -1; }
  .v3trust { flex-wrap: wrap; }
  .v3trust .v3show__go { margin-left: 0; }
}
/* Mobil istatistik: ikon + rakam yan yana (flex), etiket tam alt satır — hizalama tutarlı
   (yüksek specificity → sonradan gelen grid kuralını ezer) */
@media (max-width: 720px) {
  .burst .burst__stats .stat-item { display: flex; flex-wrap: wrap; align-items: center; column-gap: .85rem; row-gap: .25rem; }
  .burst .burst__stats .stat-item .stat-ic,
  .burst .burst__stats .stat-item b { flex: none; }
  .burst .burst__stats .stat-item > span:last-child { flex-basis: 100%; }
}

/* — V3b: örnek tasarıma yaklaşma — Ekosistem ve Gündem koyu lacivert bantta, istatistik paneli lacivert cam — */
/* Ekosistem (Platform Alanları) — koyu band */
.eco-dark { background: linear-gradient(160deg, #050C22, var(--brand-navy) 58%, var(--brand-navy-2)); }
.eco-dark .eco-head h2 { color: #fff; }
.eco-dark .eco-lead { color: rgba(226, 233, 250, .75); }
.eco-dark .kicker {
  background: linear-gradient(90deg, var(--brand-gold-2), #fff2c9 55%, var(--brand-gold-2));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.eco-dark .eco-btn { color: #fff; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); }
.eco-dark .eco-btn:hover { background: var(--brand-gold); color: var(--brand-navy); box-shadow: none; }

/* ── BAU AI Ekosistemi — 2. versiyon: ayırıcı + 7 standart kutu (icon·başlık·açıklama·ok) ── */
.eco-hr { border: 0; height: 1px; margin: clamp(2rem, 1.5rem + 2vw, 3.4rem) 0 clamp(1.5rem, 1.1rem + 1.4vw, 2.3rem);
  background: linear-gradient(90deg, transparent, rgba(120, 180, 255, .32), transparent); }
.eco-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: .65rem; }
.eco-tile { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: .55rem;
  padding: 1.4rem .8rem 2.6rem; border-radius: 14px; text-decoration: none !important; color: #fff;
  background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .12);
  transition: transform .22s var(--ease), border-color .22s var(--ease), background .22s var(--ease); }
.eco-tile:hover { transform: translateY(-3px); border-color: #33A9FF;
  background: rgba(46, 107, 255, .08); box-shadow: 0 16px 34px -22px rgba(3, 8, 26, .7); }
.eco-tile__ic { display: block; line-height: 0; margin: .2rem auto .1rem; }
.eco-tile__ic svg { width: 3.5rem; height: 3.5rem; }
.eco-tile__t { font-size: .82rem; font-weight: 700; line-height: 1.25; letter-spacing: -.012em; color: #fff; }
.eco-tile__d { margin: 0; font-size: .72rem; line-height: 1.42; color: rgba(222, 231, 250, .72); }
.eco-tile__go { position: absolute; left: 50%; bottom: .8rem; width: 1rem; height: 1rem; flex: none;
  transform: translateX(-50%); color: var(--brand-gold-2); transition: color .22s var(--ease); }
.eco-tile:hover .eco-tile__go { color: #7FC4FF; }
@media (max-width: 1080px) { .eco-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 680px)  { .eco-grid { grid-template-columns: repeat(2, 1fr); } }
/* İstatistik paneli — lacivert cam + altın rakam + altın kılcal çerçeve (örnekteki bant) */
.burst__stats.stats-band--light {
  background: linear-gradient(160deg, rgba(6, 14, 44, .55), rgba(12, 30, 102, .46));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 28%, transparent), 0 22px 48px -26px rgba(3, 8, 26, .55);
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
}
/* İstatistik öğesi — TEK SATIR İKİ SÜTUN: solda büyük neon ikon, sağda rakam + etiket (örnekteki düzen) */
.burst__stats .stat-item {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  justify-content: start;
  align-items: center;
  column-gap: .85rem; row-gap: .35rem;
}
/* 1. satır: ikon + rakam yan yana; 2. satır: açıklama altta (her iki sütun boyunca) */
.burst__stats .stat-item .stat-ic { grid-row: 1; grid-column: 1; align-self: center; line-height: 0; }
.burst__stats .stat-item b { grid-row: 1; grid-column: 2; align-self: center; }
.burst__stats .stat-item > span:last-child { grid-row: 2; grid-column: 1 / -1; margin-top: 0; }
/* Büyük neon ikon — parlak elektrik mavisi + glow (SVG içinden), banner dilinde ama "havalı" */
.stat-ic { display: block; line-height: 0; }
.stat-ic svg {
  width: 3.9rem; height: 3.9rem;
  filter: drop-shadow(0 0 5px rgba(59,158,255,.4));
  transition: transform .4s var(--ease), filter .4s var(--ease);
}
.burst__stats .stat-item:hover .stat-ic svg {
  transform: translateY(-2px) scale(1.05);
  filter: drop-shadow(0 0 8px rgba(59,158,255,.6));
}
@media (max-width: 720px) {
  .stat-ic svg { width: 3.2rem; height: 3.2rem; }
}
.burst__stats .stat-item b, .burst__stats .stat-item b em { color: var(--brand-gold); }
.burst__stats .stat-item > span { color: rgba(226, 233, 250, .8); }
.stats-band--light .stat-item { border-left: 1px solid color-mix(in srgb, var(--brand-gold) 30%, transparent); }
.stats-band--light .stat-item:first-child { border-left: 0; }
/* Gündem — koyu lacivert fotoğraflı band; beyaz kartlar kontrastla öne çıkar */
.gun-dark {
  background:
    linear-gradient(180deg, rgba(5, 12, 34, .94), rgba(7, 18, 64, .9) 55%, rgba(5, 12, 34, .96)),
    url("/assets/img/stock/gelecegin-ogrenme-deneyimi.jpg") center / cover no-repeat;
}
.gun-dark .gun-head__text h2 { color: #fff; }
.gun-dark .gun-lead { color: rgba(226, 233, 250, .78); }
.gun-dark .kicker {
  background: linear-gradient(90deg, var(--brand-gold-2), #fff2c9 55%, var(--brand-gold-2));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
/* İKİNCİL BUTON STANDARDI (koyu zemin): şeffaf beyaz çerçeveli pill — .btn--ghost-light ile aynı */
.gun-dark .gun-all { color: #fff; background: rgba(255, 255, 255, .12); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28); }
.gun-dark .gun-all:hover { background: rgba(255, 255, 255, .2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55); }
.gun-dark .gun-all svg { color: #fff; }

/* — V3c: ikon karolarında DEGRADE KENARLIK sistemi — altın↔mavi geçişli çerçeve;
   hover'da degrade karo üzerinde akar (background-position geçişi) — */
/* Koyu zemindeki karolar: hızlı erişim + Dijital Güven */
.v3trust__ic {
  border: 1px solid transparent; box-shadow: 0 8px 18px -10px rgba(3, 8, 26, .75);
  background:
    linear-gradient(150deg, rgba(18, 30, 70, .95), rgba(9, 18, 46, .92)) padding-box,
    linear-gradient(120deg,
      color-mix(in srgb, var(--brand-gold) 85%, transparent),
      rgba(255, 255, 255, .18) 35%,
      color-mix(in srgb, var(--brand-blue) 80%, transparent) 65%,
      color-mix(in srgb, var(--brand-cyan) 75%, transparent)) border-box;
  background-size: 100% 100%, 240% 240%;
  background-position: 0 0, 0% 0%;
  transition: background-position .6s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease);
}
.v3trust:hover .v3trust__ic {
  background-position: 0 0, 100% 100%;                              /* degrade karo üzerinde akar */
  transform: translateY(-2px);
  box-shadow: 0 12px 22px -10px rgba(3, 8, 26, .85);
}
/* Açık zemindeki karolar: BAU'da YZ mini vurguları */
.v3minis li span {
  box-shadow: 0 5px 12px -7px rgba(10, 22, 66, .28); border: 1px solid transparent;
  background:
    linear-gradient(150deg, #fff, #F3F7FF) padding-box,
    linear-gradient(120deg, var(--brand-blue), var(--brand-cyan) 45%, color-mix(in srgb, var(--brand-gold) 85%, #fff)) border-box;
  background-size: 100% 100%, 240% 240%;
  background-position: 0 0, 0% 0%;
  transition: background-position .6s var(--ease), transform .25s var(--ease);
}
.v3minis li:hover span { background-position: 0 0, 100% 100%; transform: translateY(-2px); }
/* Anlayışımız (rai) ve Yetkinlik Birimi (vb) ikon karoları: kartın kendi aksanından altına akan çerçeve */
.rai-card__ic {
  border: 1px solid transparent; box-shadow: 0 5px 12px -7px rgba(10, 22, 66, .25);
  background:
    linear-gradient(150deg, #fff, #FDFDFF) padding-box,
    linear-gradient(120deg,
      color-mix(in srgb, var(--rai, var(--brand-blue)) 90%, #fff),
      color-mix(in srgb, var(--rai, var(--brand-blue)) 30%, #fff) 50%,
      color-mix(in srgb, var(--brand-gold) 80%, #fff)) border-box;
  background-size: 100% 100%, 240% 240%;
  background-position: 0 0, 0% 0%;
  transition: background-position .6s var(--ease), transform .25s var(--ease);
}
.rai-card:hover .rai-card__ic { background-position: 0 0, 100% 100%; }
.vb-services .vb-card__ic {
  border: 1px solid transparent; box-shadow: 0 5px 12px -7px rgba(10, 22, 66, .25);
  background:
    linear-gradient(150deg, #fff, #FDFDFF) padding-box,
    linear-gradient(120deg, var(--brand-blue), color-mix(in srgb, var(--brand-blue) 30%, #fff) 50%, color-mix(in srgb, var(--brand-gold) 80%, #fff)) border-box;
  background-size: 100% 100%, 240% 240%;
  background-position: 0 0, 0% 0%;
  transition: background-position .6s var(--ease), transform .25s var(--ease);
}
.vb-services .vb-card:hover .vb-card__ic { background-position: 0 0, 100% 100%; }

/* ============================================================
   V3d — bölüm bölüm canlılık geçişi (örnekteki mesaj ve doku dili)
   ============================================================ */
/* 1) HERO — fotoğraf daha görünür (örtü inceltildi) */
.v3hero__veil {
  background: linear-gradient(92deg, #050C22 28%, rgba(5, 12, 34, .9) 48%, rgba(5, 12, 34, .34) 74%, rgba(5, 12, 34, .5)),
    linear-gradient(180deg, rgba(5, 12, 34, .3), transparent 32%, rgba(5, 12, 34, .86)) !important;
}
/* 2) LOGO ŞERİDİ — koyu lacivert, beyaz logolar, altın kılcal hatlar */
.logo-strip {
  background: linear-gradient(160deg, #050C22, var(--brand-navy) 70%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--brand-gold) 30%, transparent),
              inset 0 -1px 0 color-mix(in srgb, var(--brand-gold) 30%, transparent);
}
.logo-strip img { filter: grayscale(1) invert(1) brightness(1.7); opacity: .72; transition: opacity .25s var(--ease), filter .25s var(--ease); }
/* Üzerine gelince: logolar KENDİ orijinal renklerinde görünür (beyaz zemin yok) */
.marquee a { display: inline-flex; align-items: center; }
.marquee a:hover img { opacity: 1; filter: none; }
/* 9) YILDIZ AĞI dokusu — koyu bölümlerin köşelerinde ince ışıklı nokta alanı (örnekteki bağlantı noktaları) */
.v3dots { position: relative; }
.v3dots::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .55;
  background-image:
    radial-gradient(rgba(140, 170, 240, .55) 1px, transparent 1.7px),
    radial-gradient(rgba(255, 196, 46, .5) 1.2px, transparent 1.9px);
  background-size: 44px 44px, 130px 130px;
  background-position: 0 0, 26px 44px;
  -webkit-mask-image: radial-gradient(58rem 38rem at 104% -6%, #000 0%, rgba(0, 0, 0, .45) 42%, transparent 72%);
  mask-image: radial-gradient(58rem 38rem at 104% -6%, #000 0%, rgba(0, 0, 0, .45) 42%, transparent 72%);
}
.v3dots > .container { position: relative; z-index: 1; }
/* 5) İSTATİSTİK + IŞIN ALANI — koyu lacivert sahne; ışınlar neon parlar (JS: lighter kompozit) */
.burst--dark {
  background:
    radial-gradient(60% 85% at 50% 108%, rgba(45, 91, 255, .3), rgba(34, 184, 230, .1) 55%, transparent 78%),
    linear-gradient(180deg, #050C22 0%, var(--brand-navy) 55%, #0A1D50 100%);
}
/* 4) BAŞLIK İMZASI — örnekteki altın alt çizgi */
.v3underline { position: relative; padding-bottom: .7rem; }
.v3underline::after { content: ""; position: absolute; left: 0; bottom: 0; width: 3.2rem; height: 3px; border-radius: 2px; background: var(--brand-gold); }
/* 7) YARDIM BANDI — başlıkta altın kelime */
.band h2 .v3goldword { font-style: normal; color: var(--brand-gold); }
/* 8) GÜNDEM — koyu cam kartlar (renkli kategori başlıkları korunur, canlılık) */
.gun-dark .hz-card {
  background: rgba(255, 255, 255, .05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15);
  backdrop-filter: blur(5px);
}
.gun-dark .hz-card:hover {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 48%, transparent), var(--shadow-md);
}
.gun-dark .hz-card__body h3 { color: #fff; }
.gun-dark .hz-card__body p { color: rgba(226, 233, 250, .76); }
.gun-dark .hz-tag { color: var(--brand-gold-2); background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }
.gun-dark .hz-tag svg { color: var(--brand-gold-2); }
.gun-dark .hz-card__go { color: var(--brand-gold-2); }
.gun-dark .hz-card__go svg { color: var(--brand-gold-2); }
/* Gündem bölümü de köşe yıldız alanı alır */
.gun-dark { position: relative; }
.gun-dark::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .5;
  background-image:
    radial-gradient(rgba(140, 170, 240, .5) 1px, transparent 1.7px),
    radial-gradient(rgba(255, 196, 46, .45) 1.2px, transparent 1.9px);
  background-size: 44px 44px, 130px 130px;
  -webkit-mask-image: radial-gradient(50rem 34rem at -4% 108%, #000 0%, rgba(0, 0, 0, .4) 42%, transparent 72%);
  mask-image: radial-gradient(50rem 34rem at -4% 108%, #000 0%, rgba(0, 0, 0, .4) 42%, transparent 72%);
}
.gun-dark > .container { position: relative; z-index: 1; }

/* — V3e: "BAU'da Yapay Zekâ" — örnekteki koyu band: solda anlatı, sağda gece kampüs fotoğrafı — */
.v3about {
  position: relative; overflow: hidden; isolation: isolate; color: #fff;
  padding-block: clamp(3.4rem, 2.4rem + 3.4vw, 6rem);
  background: linear-gradient(160deg, #050C22, var(--brand-navy) 58%, var(--brand-navy-2));
}
.v3about__photo { position: absolute; top: 0; bottom: 0; right: 0; left: 40%; z-index: -2;
  background: url("/assets/img/hero/bau-kampus.jpg") center 42% / cover no-repeat; }
.v3about__veil { position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, #050C22 40%, rgba(5, 12, 34, .82) 56%, rgba(5, 12, 34, .3) 76%, rgba(5, 12, 34, .55)),
    linear-gradient(180deg, rgba(5, 12, 34, .55), transparent 30%, rgba(5, 12, 34, .9)); }
.v3about__inner { position: relative; z-index: 2; }
.v3about__inner > div { max-width: 40rem; }
/* Ağ animasyonu — sağ yarıda yoğun, sola doğru silinir (metin alanı temiz kalır) */
.v3about__net {
  position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; display: block;
  -webkit-mask-image: radial-gradient(125% 130% at 100% 6%, #000 42%, rgba(0,0,0,.35) 66%, transparent 82%);
  mask-image: radial-gradient(125% 130% at 100% 6%, #000 42%, rgba(0,0,0,.35) 66%, transparent 82%);
}
/* BAU logosu — örnekteki gibi sağ üstte, beyaz */
.v3about__logo {
  position: absolute; z-index: 2; top: clamp(4rem, 9vw, 8.4rem); right: clamp(3.5rem, 9vw, 9rem);
  width: clamp(10rem, 17vw, 15.5rem); height: auto; opacity: .95;
  filter: drop-shadow(0 3px 14px rgba(2, 6, 20, .6));
}
@media (max-width: 860px) {
  .v3about__net { -webkit-mask-image: linear-gradient(180deg, #000, transparent 70%); mask-image: linear-gradient(180deg, #000, transparent 70%); }
  .v3about__logo { top: 1.4rem; right: 1.4rem; width: 11rem; opacity: .9; }
}
.v3about h2 { color: #fff; }
.v3about .lead { color: rgba(226, 233, 250, .87); }
/* Koyu mini vurgular: degrade çerçeve koyu zemin sürümü */
.v3minis--dark li { color: rgba(230, 237, 252, .9); }
.v3minis--dark li span {
  color: #7EA4FF;
  background:
    linear-gradient(150deg, rgba(18, 30, 70, .95), rgba(9, 18, 46, .92)) padding-box,
    linear-gradient(120deg,
      color-mix(in srgb, var(--brand-gold) 85%, transparent),
      rgba(255, 255, 255, .18) 35%,
      color-mix(in srgb, var(--brand-blue) 80%, transparent) 65%,
      color-mix(in srgb, var(--brand-cyan) 75%, transparent)) border-box;
  background-size: 100% 100%, 240% 240%;
  box-shadow: 0 8px 18px -10px rgba(3, 8, 26, .75);
}
@media (max-width: 860px) {
  .v3about__photo { left: 0; opacity: .3; }
  .v3about__inner > div { max-width: none; }
}

/* — V3f: hızlı erişim ikonları örnekteki gibi BÜYÜK ve karosuz (başlık+açıklamayı kapsar), degrade SVG — */
.v3quick__item { gap: 1.15rem; align-items: center; }
.v3quick__ic {
  flex: none; width: auto; height: auto; border: 0; border-radius: 0;
  background: none !important; box-shadow: none !important;
  display: grid; place-items: center;
  filter: drop-shadow(0 6px 16px rgba(45, 91, 255, .34));
  transition: transform .28s var(--ease), filter .28s var(--ease);
}
.v3quick__ic svg { width: 4.4rem; height: 4.4rem; }
.v3quick__item:hover .v3quick__ic { transform: translateY(-2px) scale(1.04); filter: drop-shadow(0 8px 20px rgba(45, 91, 255, .5)); }
@media (max-width: 860px) { .v3quick__ic svg { width: 3.9rem; height: 3.9rem; } }

/* — V3g: "BAU'da Yapay Zekâ" mini vurguları — banner ikon standardı: büyük, karosuz degrade SVG, ikon üstte etiket altta (örnek layout) — */
.v3minis--dark {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.8rem 1.4rem; margin-top: 2.4rem; max-width: 44rem;
}
.v3minis--dark li {
  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1rem;
  /* BAU AI Ekosistemi (eco-card) açıklama tipografisiyle aynı: serif, italik, 500 */
  color: rgba(235, 241, 253, .92);
  font-family: var(--font-serif); font-style: italic; font-weight: 500;
  font-size: clamp(.98rem, .9rem + .35vw, 1.14rem); line-height: 1.5;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .3);
  max-width: 9.5rem; margin-inline: auto;                              /* etiket 2 satır ortalı sarar */
}
.v3minis--dark li span {
  width: auto; height: auto; border: 0; border-radius: 0;
  background: none !important; box-shadow: none !important; padding: 0;
  display: grid; place-items: center;
  filter: drop-shadow(0 6px 18px rgba(45, 91, 255, .45));
  transition: transform .28s var(--ease), filter .28s var(--ease);
}
.v3minis--dark li span svg { width: 6.4rem; height: 6.4rem; }        /* daha büyük */

.v3minis--dark li:hover span { transform: translateY(-3px) scale(1.05); filter: drop-shadow(0 10px 24px rgba(45, 91, 255, .6)); }
@media (max-width: 720px) { .v3minis--dark { grid-template-columns: repeat(2, 1fr); max-width: none; gap: 2rem 1rem; } .v3minis--dark li span svg { width: 5.6rem; height: 5.6rem; } }

/* — V3h: "Yapay Zekâ Anlayışımız" bölümü — koyu komşularla (üst/alt) ve pastel kartlarla uyumlu şık zemin — */
.rai-sec { position: relative; isolation: isolate; overflow: hidden;
  background:
    /* kartların 5 aksan renginde çok hafif aurora ışımaları (uyum) */
    radial-gradient(40rem 24rem at 6% 14%, rgba(45, 91, 255, .07), transparent 60%),
    radial-gradient(36rem 22rem at 94% 16%, rgba(13, 148, 136, .06), transparent 60%),
    radial-gradient(34rem 22rem at 82% 90%, rgba(124, 58, 237, .055), transparent 62%),
    radial-gradient(30rem 20rem at 16% 88%, rgba(219, 39, 119, .05), transparent 62%),
    radial-gradient(28rem 18rem at 50% 50%, rgba(217, 119, 6, .035), transparent 66%),
    /* taban: üst/alt biraz daha derin → koyu komşulara zarif geçiş */
    linear-gradient(180deg, #E9EFFA, #F6F9FF 20%, #F7FAFF 80%, #E9EFFA);
}
/* İnce nokta dokusu — kartların desen dilini yankılar; merkeze doğru silinir (kartlarla çakışmaz) */
.rai-sec::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .5;
  background-image: radial-gradient(rgba(45, 91, 255, .12) 1px, transparent 1.6px);
  background-size: 26px 26px;
  -webkit-mask-image: radial-gradient(120% 82% at 50% 50%, transparent 44%, #000 92%);
  mask-image: radial-gradient(120% 82% at 50% 50%, transparent 44%, #000 92%);
}
/* Üst ve alt kenarda koyu lacivert yumuşak geçiş bandı — komşu koyu bölümlerle köprü */
.rai-sec::after {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 100%; z-index: -1; pointer-events: none;
  background:
    linear-gradient(180deg, rgba(5, 12, 34, .16), transparent 7%),
    linear-gradient(0deg, rgba(5, 12, 34, .16), transparent 7%);
}
.rai-sec > .container { position: relative; z-index: 1; }

/* — Destek bandı "Size nasıl yardımcı" — tam genişlik koyu lacivert (yüzen beyaz kutu yerine) — */
.v3help {
  position: relative; overflow: hidden;
  background:
    radial-gradient(40rem 22rem at 100% -20%, color-mix(in srgb, var(--brand-gold) 20%, transparent), transparent 62%),
    radial-gradient(38rem 22rem at 0% 120%, color-mix(in srgb, var(--brand-blue) 30%, transparent), transparent 62%),
    linear-gradient(160deg, #050D33, var(--brand-navy) 58%, #06192E);
  padding-block: clamp(2.8rem, 2rem + 3vw, 5rem);
}
/* İçteki Band artık kart değil — şeffaf, köşesiz, kenarlıksız (kesim/gölge yok) */
.v3help .band {
  background: transparent; box-shadow: none; border-radius: 0; padding: 0;
  overflow: visible;
}
.v3help .band::before { display: none; }         /* aurora artık section'da */
/* Dalga tam ekran genişliğinde dalgalanır (container'ı taşar, viewport genişliği) */
.v3help .band__wave { left: 50%; right: auto; width: 100vw; transform: translateX(-50%); }

/* Bölümler arası dikiş çizgileri kaldırıldı — yalnızca footer üstündeki hat kalır (aşağıda, mavi). */

/* — V3i: Gündem & Haberler yatay fotoğraflı kartlar (örnek layout: solda görsel, sağda tarih·başlık·özet) — */
.gcard-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: clamp(.9rem, .6rem + .6vw, 1.2rem); }
.gcard { display: grid; grid-template-columns: 40% 1fr; overflow: hidden; border-radius: 16px; text-decoration: none !important;
  background: #fff; box-shadow: 0 0 0 1px var(--line), var(--shadow-xs);
  transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.gcard:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-blue) 30%, transparent), var(--shadow-md); }
.gcard__thumb { position: relative; overflow: hidden; }
.gcard__thumb img { width: 100%; height: 100%; min-height: 9.5rem; object-fit: cover; display: block; transition: transform .45s var(--ease); }
.gcard:hover .gcard__thumb img { transform: scale(1.06); }
/* Görsel alt kenarında yumuşak koyulaşma — kategori etiketi net okunur, foto kartla kaynaşır */
.gcard__thumb::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(0deg, rgba(4, 10, 26, .42), transparent 46%); }
.gcard__cat { position: absolute; left: .6rem; bottom: .6rem; font-size: .66rem; font-weight: 700; letter-spacing: .03em;
  padding: .24rem .6rem; border-radius: 999px; color: #fff; background: rgba(45, 91, 255, .92); box-shadow: 0 2px 8px rgba(3, 8, 26, .35); }
.gcard__cat--zirve { background: var(--fas-grad); }   /* Future AI Summit macenta→mor kimliği */
.gcard__cat--etkinlik { background: rgba(217, 119, 6, .94); }
.gcard__cat--haber { background: rgba(13, 148, 136, .94); }
.gcard__body { display: flex; flex-direction: column; gap: .38rem; padding: 1rem 1.1rem 1.1rem; min-width: 0; }
.gcard__date { display: inline-flex; align-items: center; gap: .35rem; font-size: .74rem; font-weight: 600; color: var(--brand-gold-3); }
.gcard__date svg { width: .85rem; height: .85rem; flex: none; }
.gcard__title { color: var(--ink); font-size: .99rem; font-weight: 700; line-height: 1.3; letter-spacing: -.01em;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gcard__ex { color: var(--ink-soft); font-size: .84rem; line-height: 1.55; margin: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gcard__go { margin-top: auto; padding-top: .5rem; display: inline-flex; align-items: center; gap: .35rem; font-size: .82rem; font-weight: 600; color: var(--brand-blue); }
.gcard__go svg { width: .95rem; height: .95rem; transition: transform .25s var(--ease); }
.gcard:hover .gcard__go svg { transform: translateX(3px); }
/* Ana sayfa koyu Gündem bandı — cam kartlar. DIŞ halka (0 0 0) kullanılır → görseli de sarar (inset görselin altında kalıyordu) */
.gun-dark .gcard { background: rgba(255, 255, 255, .05);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .14), 0 14px 34px -22px rgba(0, 0, 0, .55);
  backdrop-filter: blur(5px); }
.gun-dark .gcard:hover {
  box-shadow: 0 0 0 1.6px color-mix(in srgb, var(--brand-gold) 58%, transparent), 0 22px 46px -22px rgba(0, 0, 0, .7); }
.gun-dark .gcard__title { color: #fff; }
.gun-dark .gcard__ex { color: rgba(226, 233, 250, .76); }
.gun-dark .gcard__date { color: var(--brand-gold-2); }
.gun-dark .gcard__go { color: var(--brand-gold-2); }
@media (max-width: 520px) { .gcard { grid-template-columns: 1fr; } .gcard__thumb img { min-height: 11rem; } }

/* Ana sayfa Gündem — 3 kartı tek satırda tut (haber sayfası auto-fill kalır) */
.gun-dark .gcard-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .gun-dark .gcard-grid { grid-template-columns: 1fr; } }

/* ============================================================
   ALT SAYFA KOYU TEMASI (body.sub) — ana sayfa dilinin ~60 alt sayfaya uyarlanması.
   1) Token'lar koyu değerlere çevrilir → tüm token tabanlı bileşenler kendiliğinden dönüşür.
   2) Beyazı sabitleyen bileşenler hedefli olarak "koyu cam" diline taşınır.
   Ana sayfa (body.sub olmayan) hiç etkilenmez.
   ============================================================ */
body.sub {
  /* metin */
  --ink: #F2F6FE;
  --ink-soft: rgba(216, 226, 246, .84);
  --ink-muted: rgba(170, 186, 218, .64);
  /* zemin ve çizgi */
  --bg: #050D26;
  --bg-soft: #081334;
  --bg-tint: rgba(120, 170, 255, .14);
  --card: #0B1636;
  --line: rgba(140, 172, 235, .18);
  --line-gold: rgba(255, 196, 46, .35);
  --info-bg: rgba(45, 91, 255, .1);
  --info-border: rgba(120, 170, 255, .28);
  /* koyu zeminde okunur vurgular */
  --brand-gold-3: var(--brand-gold-2);
  /* gölge dili — koyu zeminde derin, yumuşak */
  --ring: 0 0 0 1px rgba(140, 172, 235, .16);
  --shadow-xs: 0 1px 1px rgba(0, 0, 0, .2), 0 3px 8px rgba(0, 0, 0, .28);
  --shadow-sm: 0 2px 6px -1px rgba(0, 0, 0, .35), 0 1px 3px -1px rgba(0, 0, 0, .3);
  --shadow-md: 0 13px 27px -5px rgba(0, 0, 0, .45), 0 8px 16px -8px rgba(0, 0, 0, .4);
  --shadow-lg: 0 30px 60px -12px rgba(0, 0, 0, .55), 0 18px 36px -18px rgba(0, 0, 0, .5);
  /* sayfa zemini — ana sayfanın koyu lacivert dili + köşe ışımaları */
  color: var(--ink-soft);
  background:
    radial-gradient(64rem 36rem at 112% -8rem, rgba(45, 91, 255, .14), transparent 60%),
    radial-gradient(48rem 28rem at -12% 34rem, rgba(34, 184, 230, .07), transparent 60%),
    linear-gradient(175deg, #061029 0%, #050C22 45%, #04091C 100%);
}

/* — Sayfa hero'su: beyaz zemin → koyu lacivert + aksan ışımaları — */
body.sub .pg-hero {
  background:
    radial-gradient(54rem 28rem at 84% -8rem, color-mix(in srgb, var(--pg-accent, var(--brand-blue)) 20%, transparent), transparent 60%),
    radial-gradient(40rem 22rem at 4% 112%, rgba(255, 196, 46, .08), transparent 58%),
    linear-gradient(160deg, #071240 0%, #0A1848 55%, #061029 100%);
}
body.sub .pg-title { color: #fff; }
body.sub .hero, body.sub .page-hero { color: #fff; }

/* — Kartlar: beyaz → koyu cam — */
body.sub .pg-card {
  background: linear-gradient(170deg, rgba(255, 255, 255, .055) 0%, rgba(255, 255, 255, .025) 100%);
  box-shadow: 0 0 0 1px var(--line), var(--shadow-xs);
}
body.sub a.pg-card:hover, body.sub .pg-card--link:hover {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--pg-accent, var(--brand-blue)) 55%, transparent), var(--shadow-md); }
body.sub .pg-card--gold { background: linear-gradient(170deg, rgba(255, 196, 46, .1), rgba(255, 255, 255, .03) 60%); }
body.sub .pg-card__ic {
  background: linear-gradient(150deg, color-mix(in srgb, var(--pg-accent, var(--brand-blue)) 30%, #0B1636), rgba(255, 255, 255, .05));
  color: color-mix(in srgb, var(--pg-accent, var(--brand-blue)) 55%, #fff);
  box-shadow: inset 0 0 0 1px rgba(140, 172, 235, .2); }
body.sub .pg-card--gold .pg-card__ic { color: var(--brand-gold-2);
  background: linear-gradient(150deg, rgba(255, 196, 46, .24), rgba(255, 255, 255, .04)); }
body.sub .pg-card__ext { background: rgba(255, 255, 255, .08); }
body.sub a.pg-card:hover .pg-card__ext { background: rgba(255, 255, 255, .16); color: #fff; }
body.sub .pg-card__logo { background: #fff; }  /* logolar beyaz çipte kalır (okunurluk) */

body.sub .card { background: linear-gradient(170deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .025)); }
body.sub .tl-tool { background: linear-gradient(170deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .025)); }
body.sub .tl-tool:hover { box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-blue) 55%, transparent), var(--shadow-md); }
body.sub .hz-card { background: var(--card); }
body.sub .gcard { background: rgba(255, 255, 255, .05); box-shadow: 0 0 0 1px rgba(255, 255, 255, .14), var(--shadow-xs); backdrop-filter: blur(5px); }
body.sub .gcard:hover { box-shadow: 0 0 0 1.6px color-mix(in srgb, var(--brand-gold) 58%, transparent), var(--shadow-md); }
body.sub .doc-item { background: rgba(255, 255, 255, .05); }
body.sub .doc-item__ic { background: rgba(45, 91, 255, .22); color: #8FB4FF; }
body.sub .doc-item--soon { background: rgba(255, 255, 255, .03); }
body.sub .media-ph { background: linear-gradient(150deg, rgba(120, 170, 255, .12), rgba(255, 255, 255, .04) 55%, rgba(120, 170, 255, .08)); }

/* — İkon karoları: açık sarı → koyu altın cam — */
body.sub .icon-tile { background: color-mix(in srgb, var(--brand-gold) 16%, #0B1636); color: var(--brand-gold-2); }
body.sub .card:hover .icon-tile { background: color-mix(in srgb, var(--brand-gold) 26%, #0B1636); }
body.sub .icon-tile--logo, body.sub .card:hover .icon-tile--logo { background: #fff; }

/* — Haber kartı başlık şeritleri ve rozetler — */
body.sub .hz-card__head--zirve { background: linear-gradient(135deg, color-mix(in srgb, var(--fas-pink) 26%, #0B1636), color-mix(in srgb, var(--fas-pink) 8%, #0B1636)); }
body.sub .hz-card__head--etkinlik { background: linear-gradient(135deg, color-mix(in srgb, var(--brand-gold) 24%, #0B1636), color-mix(in srgb, var(--brand-gold) 7%, #0B1636)); }
body.sub .hz-card__head--haber { background: linear-gradient(135deg, color-mix(in srgb, #12b886 24%, #0B1636), color-mix(in srgb, #12b886 7%, #0B1636)); }
body.sub .hz-card__head--zirve .hz-card__ic { color: #FF7AD8; }
body.sub .hz-card__head--haber .hz-card__ic { color: #35D9A9; }
body.sub .hz-card__head .hd-chip { background: #0B1636; }
body.sub .hd-chip--zirve { color: #FF7AD8; background: color-mix(in srgb, var(--fas-pink) 18%, #0B1636); }
body.sub .hd-chip--etkinlik { color: var(--brand-gold-2); background: color-mix(in srgb, var(--brand-gold) 18%, #0B1636); }
body.sub .hd-chip--haber { color: #35D9A9; background: color-mix(in srgb, #12b886 18%, #0B1636); }
body.sub .hz-tag { background: rgba(255, 255, 255, .07); }

/* — Butonlar: ikincil standart (ghost) koyu zeminde — */
body.sub .btn--outline { background: rgba(255, 255, 255, .12); color: #fff; border-color: rgba(255, 255, 255, .28); }
body.sub .btn--outline:hover { background: rgba(255, 255, 255, .2); border-color: rgba(255, 255, 255, .55); color: #fff; }

/* — Sayfa içi gezinme (pagenav): beyaz cam → koyu cam — */
body.sub .pagenav { background: color-mix(in srgb, #071240 82%, transparent); }
body.sub .pagenav a:hover { background: rgba(255, 255, 255, .1); color: #fff; }
body.sub .pagenav a.active { background: var(--brand-gold); color: var(--brand-navy); }

/* — Kickers: koyu zeminde açık altın degrade (ana sayfa on-dark dili) — */
body.sub .kicker, body.sub .pg-kicker, body.sub .vb-kicker {
  background: linear-gradient(90deg, #7FB2FF, #3FA9FF 55%, #7FB2FF);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

/* — Bilgi kutusu ve akordeon — */
body.sub .info-box { color: var(--ink-soft); }
body.sub .info-box > svg { background: rgba(45, 91, 255, .24); color: #8FB4FF; }
body.sub .acc { background: rgba(255, 255, 255, .045); }

/* — Tablo — */
body.sub table.data td:first-child { color: #7FA8FF; }
body.sub table.data tr:hover td { background: rgba(255, 255, 255, .04); }

/* — Metin linkleri: canlı mavi koyu zeminde bir ton açılır — */
body.sub .arrow-link { color: #7FA8FF; }
body.sub .arrow-link:hover { color: #A9C6FF; }
body.sub .crumbs a:hover { color: #8FB4FF; }
body.sub .docs__nav nav a:hover { color: #8FB4FF; }
body.sub .docs__nav nav a.is-active { color: #8FB4FF; border-left-color: #8FB4FF; background: rgba(45, 91, 255, .12); }
body.sub .hl-link { color: #7FA8FF; }

/* — Header, mega menü, dil menüsü ve mobil menü: açık tema token'ları geri yüklenir
     (menüler beyaz panelde koyu yazıyla açılır — ana sayfadakiyle birebir aynı davranış) — */
body.sub .header, body.sub .mobile-nav {
  --ink: #0A1633; --ink-soft: #425466; --ink-muted: #6B7C93;
  --bg: #FFFFFF; --bg-soft: #F6F9FC; --bg-tint: #EDF2FA; --card: #FFFFFF;
  --line: #E3E8EE; --brand-gold-3: #8A6400;
  --ring: 0 0 0 1px rgba(50, 50, 93, .07);
}

/* — Diğer sayfa hero'ları (tl / vb / cm / page-hero): beyaz → koyu lacivert — */
body.sub .tl-hero, body.sub .vb-hero, body.sub .cm-hero, body.sub .page-hero {
  background:
    radial-gradient(56rem 30rem at 84% -8rem, rgba(45, 91, 255, .2), transparent 60%),
    radial-gradient(42rem 24rem at 4% 112%, rgba(255, 196, 46, .08), transparent 58%),
    linear-gradient(160deg, #071240 0%, #0A1848 55%, #061029 100%);
}
body.sub .pg-title__accent { color: color-mix(in srgb, var(--pg-accent, var(--brand-blue)) 45%, #fff); }

/* — İlke sayfalarındaki rai kartları: ana sayfadaki koyu cam diline — */
body.sub .rai-card {
  background: linear-gradient(158deg, rgba(46, 107, 255, .2) 0%, rgba(34, 195, 238, .1) 38%, #0A1436 82%);
  box-shadow: inset 0 0 0 1px rgba(120, 190, 255, .2); }
body.sub .rai-card::before { opacity: .12; -webkit-mask-image: linear-gradient(180deg, #000, transparent 42%); mask-image: linear-gradient(180deg, #000, transparent 42%); }
body.sub .rai-card__ic { background: rgba(10, 22, 52, .66); box-shadow: inset 0 0 0 1px rgba(120, 190, 255, .28); }
body.sub .rai-card__t { color: #fff; }
body.sub .rai-card__n { color: rgba(255, 255, 255, .16); }

/* — Kalan beyaz kart/çip aileleri → koyu cam — */
body.sub .art-panel, body.sub .tool-card, body.sub .pr-fak, body.sub .iv-step,
body.sub .al-card, body.sub .hd-stat, body.sub .rs-figure, body.sub .showcase__slide,
body.sub .vb-services .vb-card {
  background: linear-gradient(170deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .025));
  box-shadow: 0 0 0 1px var(--line), var(--shadow-xs); }
body.sub .pr-channel--soon { background: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(255, 196, 46, .08)); }
body.sub .pr-soon-wrap { background: linear-gradient(160deg, rgba(255, 255, 255, .05), rgba(255, 196, 46, .07)); }
body.sub .pr-soon-pill { background: rgba(255, 255, 255, .08); color: var(--brand-gold-2); box-shadow: inset 0 0 0 1px rgba(255, 196, 46, .35); }
body.sub .pr-cert#baupro { background: linear-gradient(180deg, rgba(45, 91, 255, .22), rgba(106, 44, 255, .18)); }
body.sub .pr-cert#baugo { background: linear-gradient(180deg, rgba(255, 61, 139, .18), rgba(255, 138, 43, .15)); }
body.sub .al-card--cta { background: linear-gradient(168deg, rgba(255,255,255,.06) 42%, rgba(45,91,255,.16) 80%, rgba(34,184,230,.2)); }

/* — İkon çipleri: açık pastel → koyu, ikon rengi aydınlatılır — */
body.sub .vb-card__ic, body.sub .cm-club__ic, body.sub .tl-callout__ic,
body.sub .pr-fak__ic, body.sub .hz-latest__list svg, body.sub .hz-card__ic {
  background: rgba(45, 91, 255, .2); color: #8FB4FF; }
body.sub .vb-card__ic--gold, body.sub .tl-callout__ic--gold { background: rgba(255, 196, 46, .16); color: var(--brand-gold-2); }
body.sub .vb-orbit__node { background: #0B1636; box-shadow: 0 0 0 1px var(--line), var(--shadow-sm); color: #8FB4FF; }
body.sub .iv-stage__tag { background: rgba(255, 196, 46, .14); color: var(--brand-gold-2); box-shadow: inset 0 0 0 1px rgba(255, 196, 46, .3); }
body.sub .pill--gold { background: rgba(255, 196, 46, .14); color: var(--brand-gold-2); }
/* pr-akts eski altın çip kuralı — [7] için aşağıda zarif ghost-link ile ezildi */
body.sub .card--gold { background: linear-gradient(170deg, rgba(255, 196, 46, .1), rgba(255, 255, 255, .03) 60%); }

/* — Araç katmanı bağlantıları ve filtre çipleri — */
body.sub .tl-tier__link { background: rgba(45, 91, 255, .16); color: #A9C6FF; box-shadow: inset 0 0 0 1px rgba(120, 170, 255, .3); }
body.sub .tl-tier__link:hover { background: rgba(45, 91, 255, .28); box-shadow: inset 0 0 0 1px rgba(120, 170, 255, .5); }
body.sub .hz-chip { background: rgba(255, 255, 255, .07); }
body.sub .hz-chip:hover { color: #fff; }
body.sub .hz-chip em { background: rgba(255, 255, 255, .1); }

/* — Modallar: beyaz panel → koyu panel — */
body.sub .kat-modal, body.sub .pr-modal__panel { background: #0B1636; box-shadow: 0 0 0 1px var(--line), var(--shadow-lg); }
body.sub .kat-modal__note { background: rgba(45, 91, 255, .12); }
body.sub .kat-modal__note svg { background: rgba(45, 91, 255, .24); color: #8FB4FF; }

/* — Küçük düzeltmeler — */
body.sub .lang__menu em { background: rgba(255, 196, 46, .9); color: #4A3600; }
/* html zemini — scroll uçlarında beyaz şerit görünmesin (modern :has; desteklenmezse body zemini yeterli) */
html:has(body.sub) { background: #04091C; }

/* — Alt sayfa koyu tema: son ince rötuşlar — */
body.sub .pg-card__wm { opacity: .1; }                 /* logo filigranı koyu zeminde biraz belirgin */
body.sub .pg-card__wm img { filter: brightness(0) invert(1); }  /* filigran beyaz siluet olur */
body.sub a.pg-card:hover .pg-card__wm { opacity: .16; }
body.sub .pr-channel { background: rgba(255, 255, 255, .05); box-shadow: 0 0 0 1px var(--line), var(--shadow-xs); }
body.sub .pr-logo { background: #fff; }               /* kanal logoları beyaz çipte okunur */
body.sub .hd-stat__k { color: var(--ink-muted); }
body.sub .rs-figure { background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); }
body.sub .tl-catalog__pill { background: rgba(255,255,255,.07); color: var(--ink-soft); }
body.sub .kat-modal__x, body.sub .pr-modal__x { background: rgba(255,255,255,.08); color: var(--ink-soft); }
body.sub .kat-modal__x:hover, body.sub .pr-modal__x:hover { background: var(--brand-gold); color: var(--brand-navy); }
body.sub .al-act { color: #8FB4FF; background: rgba(45,91,255,.14); box-shadow: inset 0 0 0 1px rgba(120,170,255,.3); }
body.sub .al-act:hover { background: rgba(45,91,255,.28); color: #fff; box-shadow: inset 0 0 0 1px rgba(120,170,255,.5); }

/* ============================================================
   RÖTUŞ PAKETİ #100 — 10 maddelik iyileştirme (koyu tema uyumu)
   ============================================================ */

/* [1] Mega panel — hover'da beyaz yerine koyu lacivert (site geneli) */
.mega {
  background:
    radial-gradient(48rem 26rem at 88% -40%, rgba(45,91,255,.16), transparent 60%),
    linear-gradient(168deg, #071240 0%, #0A1848 55%, #050D26 100%) !important;
  border-top: 1px solid rgba(140,172,235,.22) !important;
  box-shadow: 0 34px 60px -26px rgba(4,10,40,.72) !important;
}
.mega__group + .mega__group { border-left: 1px solid rgba(140,172,235,.16); }
.mega__head { color: rgba(170,186,218,.7); }
.mega__head:hover, .mega__group.is-active .mega__head { color: #8FB4FF; }
.mega__item b { color: rgba(226,233,250,.9); }
.mega__arrow, .mega__item .ext { color: rgba(150,170,210,.6); }
.mega__item:hover .mega__arrow { color: #8FB4FF; }
.mega__item:hover b { color: #fff; }
.mega__item.is-current .mega__arrow { color: #8FB4FF; }
.mega__item.is-current b { color: #fff; }
.mega__item.is-current b::before { background: var(--brand-gold-2); }

/* [6] Vurgu renkleri: sarı ton → açık mavi ton (BAU'da Yapay Zekâ .hl tonu) */
.band .hl, .on-dark .hl {
  background-image: linear-gradient(180deg, transparent 58%, rgba(51,169,255,.5) 0);
}
body.sub .kicker, body.sub .pg-kicker, body.sub .vb-kicker,
body.sub .rs-kicker, body.sub .iv-kicker, body.sub .al-kicker {
  background: linear-gradient(90deg, #7FB2FF, #3FA9FF 55%, #7FB2FF);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
body.sub .pg-band__body p a, body.sub .band__body a { color: #8FB4FF; text-decoration-color: rgba(143,180,255,.45); }
body.sub .pg-band__body p a:hover, body.sub .band__body a:hover { color: #fff; text-decoration-color: #fff; }
body.sub .iv-stage__tag { background: rgba(51,169,255,.14); color: #8FB4FF; box-shadow: inset 0 0 0 1px rgba(120,170,255,.32); }
body.sub .pill--gold { background: rgba(51,169,255,.14); color: #8FB4FF; }
/* [7] Ders tablosu "Katalog" bağlantısı — zarif, uyumlu ghost-link (çip değil) */
body.sub .pr-akts {
  background: transparent; box-shadow: none; padding: .2rem 0; border-radius: 0;
  color: #8FB4FF; font-weight: 600; letter-spacing: .01em;
  transition: color .2s var(--ease); }
body.sub .pr-akts svg { transition: transform .2s var(--ease); opacity: .85; }
body.sub .pr-akts:hover { color: #CFE2FF; text-decoration: none !important; }
body.sub .pr-akts:hover svg { transform: translate(2px, -2px); opacity: 1; }
/* Tablo satırlarına ince hover vurgusu + zarif ayraç çizgileri (koyu tema) */
body.sub table.data th { color: rgba(150,175,222,.72); border-color: rgba(120,170,255,.24); }
body.sub table.data td { border-top-color: rgba(120,170,255,.1); transition: background .2s var(--ease); }
body.sub table.data tr:hover td { background: rgba(63,140,255,.09); }
body.sub table.data tr:hover .pr-akts { color: #CFE2FF; }
body.sub .vb-card__ic--gold, body.sub .tl-callout__ic--gold { background: rgba(51,169,255,.16); color: #8FB4FF; }
body.sub .lang__menu em { background: rgba(51,169,255,.9); color: #04122E; }

/* [2][8][10] pg-card / rs-step / iv-step / vb-card → ana sayfa rai-card cam dili (koyu tema) */
body.sub .pg-card,
body.sub .arastirma .pg-card, body.sub .iv .pg-card,
body.sub .rs-step, body.sub .iv-step, body.sub .vb-card {
  background: linear-gradient(158deg, rgba(46,107,255,.2) 0%, rgba(34,195,238,.1) 38%, #0A1436 82%) !important;
  box-shadow: inset 0 0 0 1px rgba(120,190,255,.2) !important;
  transition: box-shadow .25s var(--ease), transform .25s var(--ease);
}
body.sub a.pg-card:hover, body.sub .pg-card--link:hover,
body.sub .rs-step:hover, body.sub .iv-step:hover, body.sub .vb-card:hover {
  transform: translateY(-5px);
  box-shadow: inset 0 0 0 1px rgba(120,190,255,.4), 0 26px 50px -24px rgba(6,16,45,.7) !important;
}
body.sub .pg-card__ic, body.sub .rs-step__ic, body.sub .iv-step__ic, body.sub .vb-card__ic {
  background: rgba(10,22,52,.6) !important; color: #8FB4FF !important;
  box-shadow: inset 0 0 0 1px rgba(120,190,255,.26) !important; border: 0 !important;
}
body.sub .pg-card__t, body.sub .rs-step__t, body.sub .iv-step__t, body.sub .vb-card__t { color: #fff; }
body.sub .pg-card__d, body.sub .rs-step__d, body.sub .iv-step__d, body.sub .vb-card__d { color: rgba(216,226,246,.82); }
/* Birim logoları koyu mürekkepli olduğundan çip beyaz kalmalı (okunurluk). */
body.sub .pg-card__logo { background: linear-gradient(158deg, #ffffff 0%, #eef3fb 100%); box-shadow: inset 0 0 0 1px rgba(120,190,255,.26); }
/* AI Yetkinlik Birimi logosu açık renkli metin içerdiğinden koyu degrade çipte kalır. */
body.sub .pg-card__logo:has(img[src*="ai-competency-unit"]) {
  background: linear-gradient(150deg, var(--brand-navy), #123A8A); box-shadow: inset 0 0 0 1px rgba(140,190,255,.42); }

/* [3] al-card hover butonları (al-act) — metin daha açık */
body.sub .al-act { color: #DCE8FF; background: rgba(45,91,255,.2); box-shadow: inset 0 0 0 1px rgba(120,170,255,.4); }
body.sub .al-act:hover { background: rgba(45,91,255,.34); color: #fff; box-shadow: inset 0 0 0 1px rgba(150,190,255,.6); }
.al-act { color: #EAF2FF; }

/* [5][7] Kapanış bandı (pg-band) → tam genişlik (ana sayfa v3help gibi) */
.pg-sec--fullband { padding-block: 0; }
.pg-sec--fullband > .container { max-width: none; padding-inline: 0; }
.pg-sec--fullband .pg-band {
  border-radius: 0; box-shadow: none;
  padding-block: clamp(2.8rem, 2rem + 3vw, 4.8rem);
  padding-inline: max(var(--gutter), calc((100vw - var(--container)) / 2 + var(--gutter)));
}
.pg-sec--fullband .pg-band__body { max-width: 46rem; }
/* tl-cta eşdeğeri (yapay-zeka-araclari "Kaynaklar ve Destek") */
.tl-sec--fullband { padding-block: 0; }
.tl-sec--fullband > .container { max-width: none; padding-inline: 0; }
.tl-sec--fullband .tl-cta {
  border-radius: 0; box-shadow: none;
  padding-block: clamp(2.8rem, 2rem + 3vw, 4.8rem);
  padding-inline: max(var(--gutter), calc((100vw - var(--container)) / 2 + var(--gutter)));
}
.tl-sec--fullband .tl-cta__body { max-width: 46rem; }

/* [6-devam] Hero eyebrow noktası ve genel vurgu noktaları: sarı → açık mavi (koyu tema) */
body.sub .pg-eyebrow i { background: #3FA9FF; box-shadow: 0 0 0 4px rgba(63,169,255,.22); }
body.sub .pg-facts li svg, body.sub .pg-facts li i { color: #8FB4FF; }

/* [4] yazilim-katalogu hero sağ panel — beyaz yerine koyu cam, arama çubuğu yerine başlık */
.kat-panel__head { display: flex; align-items: center; gap: .5rem; padding: .3rem .4rem .8rem;
  font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-muted); }
.kat-panel__head svg { width: 1rem; height: 1rem; color: var(--brand-blue); }
body.sub .kat-hero__panel {
  background: linear-gradient(158deg, rgba(46,107,255,.18) 0%, rgba(34,195,238,.09) 40%, #0A1436 84%);
  box-shadow: inset 0 0 0 1px rgba(120,190,255,.22), 0 26px 50px -26px rgba(6,16,45,.7); }
body.sub .kat-panel__head { color: rgba(160,185,230,.7); }
body.sub .kat-panel__head svg { color: #8FB4FF; }
body.sub .kat-panel__row:hover { background: rgba(120,170,255,.1); }
body.sub .kat-panel__meta b { color: #EAF1FF; }
body.sub .kat-panel__meta small { color: rgba(190,205,235,.6); }
body.sub .kat-panel__go { color: rgba(150,175,220,.6); }

/* [9] kurumsal hero logo kümesi (koyu tema) — koyu mürekkep logolar için açık frosted çip;
   AI Yetkinlik Birimi logosu beyaz metin içerdiğinden koyu degrade zeminde kalır. */
body.sub .ks-cluster__tile {
  background: linear-gradient(158deg, #eaf0fc 0%, #d7e2f6 52%, #c3d3ef 100%);
  box-shadow: inset 0 0 0 1px rgba(120,170,255,.34), 0 14px 30px -16px rgba(4,10,40,.6); }
body.sub .ks-cluster__tile:hover { box-shadow: inset 0 0 0 1px rgba(120,190,255,.5), 0 20px 38px -18px rgba(4,10,40,.7); }
/* AI Competency Unit — beyaz "Unit" yazısı okunsun diye koyu degrade zemin + hafif mavi çerçeve */
body.sub .ks-cluster__tile:has(img[src*="ai-competency-unit"]) {
  background: linear-gradient(158deg, #14275e 0%, #0c1a44 55%, #0a1330 100%);
  box-shadow: inset 0 0 0 1px rgba(140,190,255,.42), 0 16px 32px -16px rgba(4,10,40,.7); }

/* [10] yetkinlik-birimi hero — başlık üstünde küçük birim logosu */
/* [10-fix] Hero birim logosu — kendi frosted cam çipinde, tam görünür ve sol sütunda ortalı */
.vb-hero__logo {
  display: flex; align-items: center; justify-content: center;
  width: fit-content; margin: 0 auto 1.4rem; padding: 1rem 1.5rem; border-radius: 16px;
  background: linear-gradient(158deg, #ffffff 0%, #eef4fd 100%);
  box-shadow: 0 0 0 1px rgba(120,170,255,.28), 0 16px 34px -18px rgba(6,16,45,.45); }
.vb-hero__logo img { display: block; height: 3rem; width: auto; max-width: 15rem; object-fit: contain; }
/* Koyu tema: logonun beyaz "Unit" yazısı okunsun diye koyu degrade çip */
body.sub .vb-hero__logo {
  background: linear-gradient(158deg, #14275e 0%, #0c1a44 55%, #0a1330 100%);
  box-shadow: inset 0 0 0 1px rgba(140,190,255,.42), 0 18px 36px -18px rgba(4,10,40,.65); }
body.sub .vb-hero__logo img { opacity: 1; }

/* [6-devam] Eyebrow ve fact bullet noktaları: sarı → açık mavi (koyu tema) */
body.sub .vb-eyebrow i, body.sub .kat-hero__eyebrow i { background: #3FA9FF; box-shadow: 0 0 0 4px rgba(63,169,255,.2); }
body.sub .vb-facts li::before, body.sub .pg-facts li::before { background: #3FA9FF; }
body.sub .pg-facts li b, body.sub .vb-facts li b { color: #8FB4FF; }

/* ============================================================
   RÖTUŞ PAKETİ #101 — bozulan kart/sayı/badge/logo düzeltmeleri
   ============================================================ */

/* [1] BAUPRO (mor) & BAUGO (turuncu) sertifika kartları — premium degrade zemin (koyu tema).
   Genel body.sub .pg-card !important kuralını ezmek için !important gerekli. */
body.sub .pg-card.pr-cert#baupro {
  background:
    radial-gradient(22rem 14rem at 84% -20%, rgba(138,90,255,.42), transparent 62%),
    linear-gradient(158deg, rgba(80,60,220,.4) 0%, rgba(106,44,255,.26) 46%, #12103a 88%) !important;
  box-shadow: inset 0 0 0 1px rgba(150,120,255,.4) !important; }
body.sub a.pg-card.pr-cert#baupro:hover {
  transform: translateY(-5px);
  box-shadow: inset 0 0 0 1px rgba(170,140,255,.62), 0 26px 50px -24px rgba(40,20,90,.75) !important; }

body.sub .pg-card.pr-cert#baugo {
  background:
    radial-gradient(22rem 14rem at 84% -20%, rgba(255,120,80,.4), transparent 62%),
    linear-gradient(158deg, rgba(255,61,139,.34) 0%, rgba(255,138,43,.26) 48%, #2a1330 88%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,150,110,.4) !important; }
body.sub a.pg-card.pr-cert#baugo:hover {
  transform: translateY(-5px);
  box-shadow: inset 0 0 0 1px rgba(255,170,120,.62), 0 26px 50px -24px rgba(90,30,20,.75) !important; }

/* pr-cert::after parlaması koyu temada yumuşatılır */
body.sub .pr-cert::after { background: radial-gradient(closest-side, rgba(255,255,255,.16), transparent 70%); opacity: .7; }
/* Bu kartlarda logo çipi ve link renkleri okunur kalsın */
body.sub .pr-cert .pg-card__logo { background: linear-gradient(160deg, #ffffff, #eef2fb); box-shadow: inset 0 0 0 1px rgba(255,255,255,.5); }
body.sub .pr-cert#baupro .pg-card__link { color: #C9BCFF; }
body.sub .pr-cert#baugo .pg-card__link { color: #FFC1A0; }
body.sub .pr-cert .pg-card__ext { color: rgba(255,255,255,.7); }

/* [3] "Lab'de neler yapabilirsiniz?" kartlarındaki büyük rakamlar — koyu temada açık ve okunur */
body.sub .al-flow__n { color: rgba(150,190,255,.34); }

/* [2] arastirma (.rs) kartları — ana sayfa "Yapay Zekâ Anlayışımız" gibi TEK RENK (mavi) görünüm.
   Kart başına farklı renkli üst şerit + renkli ikon yerine, hepsi tek mavi tona. */
body.sub .rs .pg-card::after {
  background: linear-gradient(90deg, #3F8CFF, rgba(63,140,255,.22)) !important; }
body.sub .rs .pg-card__ic {
  color: #8FB4FF !important;
  background: rgba(10,22,52,.6) !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(120,190,255,.26) !important; }
body.sub .rs .pg-card__ic svg { color: #8FB4FF !important; }
body.sub .rs .rs-step__n { color: rgba(150,190,255,.28) !important; }
/* rs kartları zaten body.sub .pg-card ile mavi-cam; renk tutarlılığı için accent'i sabitle */
body.sub .rs .pg-card { --pg-accent: #3F8CFF; }

/* [4a] Katalog filtre çipleri — koyu temada okunur idle + hover + active durumları */
body.sub .catalog-filters .chip {
  background: rgba(255,255,255,.06); color: rgba(226,233,250,.86);
  border-color: rgba(140,172,235,.24); box-shadow: none; }
body.sub .catalog-filters .chip:hover {
  background: rgba(63,140,255,.2); color: #fff; border-color: rgba(120,170,255,.5); transform: translateY(-1px); }
body.sub .catalog-filters .chip.active {
  background: linear-gradient(135deg, #2D5BFF, #22B8E6); color: #fff;
  border-color: transparent; box-shadow: 0 8px 20px -10px rgba(45,91,255,.6); }
body.sub .catalog-filters .chip.active:hover { color: #fff; }

/* ============================================================
   RÖTUŞ #102 — kart rakamları okunur (beyaz), arastirma üst border, merkez logo
   ============================================================ */

/* [2] Kart üzeri büyük sıra rakamları koyu temada okunmuyordu → açık/beyaz filigran.
   inovasyon (iv-step), bau-ai-lab (al-flow), arastirma (rs-step) */
body.sub .iv-step__n { color: rgba(255,255,255,.5) !important; }
body.sub .al-flow__n { color: rgba(255,255,255,.5) !important; }
body.sub .rs .rs-step__n, body.sub .rs-steps .rs-step__n { color: rgba(255,255,255,.5) !important; }

/* [4] arastirma "Araştırmada yapay zekâ nasıl kullanılır?" kartlarındaki kalın üst border kaldırılır */
body.sub .rs-steps .pg-card { border-top: 0 !important; }

/* [3] Merkez Koordinasyon (AI Yetkinlik Birimi) kartına sağ-alt filigran logo —
   koyu temada beyaz siluet olarak görünür (Teknik Altyapı kartındaki gibi). */
body.sub .pg-card__wm:has(img[src*="ai-competency-unit"]) { display: block; }

/* ============================================================
   Stripe tarzı ışınsal çizgi küresi — arastirma hero sağ görsel
   ============================================================ */
/* Küre hero'nun SAĞ SÜTUNUNU kullanır; ama kenarlardan kesik görünmesin diye
   sütun sınırlarını hafifçe taşar ve maskeyle her yönden yumuşakça solar. */
.rs-hero__globe { position: relative; align-self: stretch; min-height: 26rem;
  display: block; overflow: visible; }
.rs-hero__globe .rs-globe {
  display: block; position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 120%; height: 124%;        /* sütunu hafif taşar */
  pointer-events: none;
  /* Radyal maske: küreyi kesmeyecek kadar geniş net alan, kenarlar yumuşakça solar */
  -webkit-mask-image: radial-gradient(closest-side, #000 62%, rgba(0,0,0,.5) 82%, transparent 98%);
  mask-image: radial-gradient(closest-side, #000 62%, rgba(0,0,0,.5) 82%, transparent 98%); }
body.sub .rs-globe { filter: saturate(1.05); }
@media (max-width: 900px) {
  .rs-hero__globe { min-height: 16rem; order: -1; }
  .rs-hero__globe .rs-globe { width: 130%; height: 130%; opacity: .7; }
}

/* arastirma hero başlık aksanı — maviden parlağa (beyaza) degrade */
body.sub .rs .pg-title__accent {
  color: transparent;
  background: linear-gradient(100deg, #2D5BFF 0%, #4E95F2 34%, #8FC4FF 62%, #EAF3FF 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

/* İnovasyon Yarışması hero — ana sayfa v3hero dili; kendi fotoğraf sahnesi.
   Portre görsel taşmasın diye küçültülmüş, sağ üstte konumlanmış ve daha görünür. */
.iv-hero { --hero-photo-w: min(56%, 46rem); }
/* Hero + bilgi şeridi bilgisayar ekranına otursun diye üst boşluk biraz azaltıldı */
.iv-hero .v3hero__inner { padding-block: clamp(2.6rem, 1.8rem + 3vw, 4.6rem) clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem); }
.iv-hero .v3hero__photo {
  left: auto; right: 0; width: var(--hero-photo-w);        /* fotoğraf yalnız sağ alanı kaplar → taşma yok */
  background-image: url("/assets/img/hero/inovasyon-yarismasi.jpg");
  background-position: center 22%; background-size: cover; background-repeat: no-repeat; }
/* Örtü: solu koyu, sağa doğru şeffaflaşır → arkadaki görsel net görünür, metin okunur kalır */
.iv-hero .v3hero__veil {
  background:
    linear-gradient(96deg, #050C22 0%, #050C22 34%, rgba(5,12,34,.82) 50%, rgba(5,12,34,.32) 68%, rgba(5,12,34,.14) 100%),
    linear-gradient(180deg, rgba(5,12,34,.28), transparent 26%, rgba(5,12,34,.42) 82%, #050C22 100%); }
/* Sol kenardan fotoğrafa yumuşak geçiş — sert dikey hat olmasın */
.iv-hero .v3hero__photo::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, #050C22 0%, rgba(5,12,34,.4) 22%, transparent 52%); }
/* Statik hızlı-erişim öğesi (link değil, bilgi çipi) — hover kaydırmasız */
.v3quick__item--static { cursor: default; }
.v3quick__item--static:hover { background: transparent; }

/* iv-hero — arastirma standardı: SERİF başlık, taban beyaz, aksan mavi→beyaz gradient; açıklama pg-lead tonunda */
.iv-hero .ent-title {
  font-family: var(--font-serif); font-weight: 600; letter-spacing: -.02em; line-height: 1.09;
  font-size: clamp(2rem, 1.3rem + 3vw, 3.4rem); color: #fff; }
.iv-hero .ent-slogan {
  font-family: var(--font-serif); font-weight: 400; font-size: clamp(1rem, .95rem + .38vw, 1.16rem); line-height: 1.62;
  color: var(--ink-soft); max-width: 34em; margin: 1.1rem 0 2rem; }
.iv-hero .ent-slogan strong { font-weight: 600; color: #EAF2FF; }
/* Başlık aksanı: mavi → açık beyaz gradient (italik) */
.iv-hero .ent-title__accent {
  font-style: italic;
  background: linear-gradient(100deg, #2D5BFF 0%, #4E95F2 34%, #8FC4FF 64%, #EAF3FF 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
/* Rozet: altın yerine mavi cam */
.iv-hero .v3hero__badge {
  color: #9EC4FF; border-color: rgba(120,170,255,.5); background: rgba(63,140,255,.1); }
/* CTA/panel ikonları mavi tona */
.iv-hero .v3quick__ic { color: #8FB4FF; background: rgba(63,140,255,.14); box-shadow: inset 0 0 0 1px rgba(120,170,255,.3); }
@media (max-width: 860px) {
  .iv-hero .v3hero__photo { width: 100%; opacity: .5; }
  .iv-hero .v3hero__veil { background: linear-gradient(180deg, rgba(5,12,34,.72), rgba(5,12,34,.9)); }
}

/* Tam-ekran hero'lu alt sayfalarda (inovasyon) breadcrumb: koyu hero üzerine şeffaf bindirilir */
body.has-v3hero .crumbs {
  position: relative; z-index: 5; background: transparent; border-bottom: 0;
  margin-bottom: calc(-1 * (var(--header-h) + 2.6rem));   /* hero'nun negatif üst boşluğunu telafi → hero'nun üstünde durur */
}
body.has-v3hero .crumbs .container { padding-block: .8rem; padding-top: 1.1rem; }
body.has-v3hero .crumbs a { color: rgba(214,226,248,.78); }
body.has-v3hero .crumbs a:hover { color: #8FB4FF; }
body.has-v3hero .crumbs__sep { color: rgba(160,185,230,.55); }
body.has-v3hero .crumbs__cur { color: #fff; }
/* Hero içeriği breadcrumb'ın altında başlasın diye üst boşluk biraz artırılır */
body.has-v3hero .v3hero__inner { padding-top: clamp(3.4rem, 2.4rem + 3.4vw, 5.6rem); }

/* ============================================================
   Programlar (.pr) — vurgu rengi mavi tonu + "Yakında" etiketi okunur
   ============================================================ */
/* [1] mark.hl fosforlu vurgu: altın → açık mavi (programlar sayfası) */
.pr .hl {
  background-image: linear-gradient(180deg, transparent 56%, rgba(63,140,255,.5) 0);
}
body.sub .pr .hl { color: #fff; }
/* [2] "Yakında" etiketi — koyu hero panelinde okunaklı, mavi ton */
.pr-soon {
  color: #EAF3FF !important;
  background: linear-gradient(135deg, #2D5BFF, #22B8E6) !important;
  box-shadow: inset 0 0 0 1px rgba(150,190,255,.5) !important; }
body.sub .pr-soon-pill { background: rgba(63,140,255,.16); color: #8FB4FF; box-shadow: inset 0 0 0 1px rgba(120,170,255,.4); }
body.sub .pr-soon-pill svg { color: #8FB4FF; }
body.sub .pr-soon-wrap { background: linear-gradient(160deg, rgba(255,255,255,.05), rgba(63,140,255,.09)); }

/* yetkinlik "Hangi hizmetleri" kartlarındaki dekoratif desen arka planları daha şeffaf */
body.sub .vb-services .vb-card::before { opacity: .32; }

/* araclari hero başlığı — arastirma standardı: taban beyaz, yalnız aksan kelime mavi→beyaz gradient */
body.sub .tl-hero .tl-title { color: #fff; -webkit-text-fill-color: #fff; background: none; }

/* ============================================================
   BAU AI Lab hero — yukarı kayan araç logoları (Stripe partners tarzı)
   ============================================================ */
.lab-logos { position: relative; align-self: stretch; min-height: 30rem; overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 16%, #000 84%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, #000 16%, #000 84%, transparent 100%); }
.lab-logos__field { position: absolute; inset: 0; }
.lab-bubble {
  position: absolute; left: var(--x); bottom: -6rem;
  width: var(--sz); height: var(--sz); margin-left: calc(var(--sz) / -2);
  display: grid; place-items: center; border-radius: 50%;
  background: var(--bg); box-shadow: 0 12px 30px -10px rgba(4,10,40,.55), inset 0 0 0 1px rgba(255,255,255,.14);
  animation: lab-rise var(--dur) linear var(--delay) infinite; will-change: transform; }
.lab-bubble img { width: 52%; height: 52%; object-fit: contain; }
.lab-bubble__mono { font-family: var(--font-display, sans-serif); font-weight: 800; font-size: calc(var(--sz) * .32); color: #fff; letter-spacing: .02em; }
/* Beyaz zeminli bubble'larda mono koyu olur (görünürlük) */
.lab-bubble--white .lab-bubble__mono { color: #0A1633; }
@keyframes lab-rise {
  0%   { transform: translateY(0) scale(.92); opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { transform: translateY(calc(-1 * (30rem + 12rem))) scale(1); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { .lab-bubble { animation: none; opacity: .9; } }
@media (max-width: 900px) { .lab-logos { min-height: 16rem; } .lab-bubble { animation-duration: calc(var(--dur) * .8); } }

/* ============================================================
   arastirma "Öncelikli Alanlar" — tek satır yatay scroll (Stripe tarzı)
   ============================================================ */
/* Container'ı sağa taşır: kartlar viewport sağ kenarına kadar akar, sol içerik hizası korunur */
.rs-areas-scroll {
  margin-right: calc(-1 * max(var(--gutter), (100vw - var(--container)) / 2 + var(--gutter)));
  overflow-x: auto; overflow-y: hidden;
  scrollbar-width: none; -ms-overflow-style: none;
  scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch;
  /* Sağ kenarda "devamı var" ipucu için yumuşak solma */
  -webkit-mask-image: linear-gradient(90deg, #000 96%, transparent 100%);
  mask-image: linear-gradient(90deg, #000 96%, transparent 100%);
}
.rs-areas-scroll::-webkit-scrollbar { display: none; }
.rs-areas-track {
  display: flex; gap: clamp(1rem, 1.4vw, 1.4rem);
  padding: .4rem max(var(--gutter), (100vw - var(--container)) / 2 + var(--gutter)) 1.4rem 0;
}
.rs-areas-track .rs-area {
  flex: 0 0 clamp(15rem, 22vw, 18rem);   /* sabit genişlikli kartlar */
  scroll-snap-align: start;
}
/* Mobilde sol taşmayı da telafi et (tam kenardan kenara scroll) */
@media (max-width: 700px) {
  .rs-areas-scroll { margin-left: calc(-1 * var(--gutter)); }
  .rs-areas-track { padding-left: var(--gutter); }
}

/* ============================================================
   BAU AI Lab — HERO: kampüs sahnesi + lacivert/mavi/beyaz ışınlar
   ============================================================ */
.lab-hero {
  position: relative; overflow: hidden; isolation: isolate; text-align: center;
  margin-top: calc(-1 * var(--header-h)); padding-top: calc(var(--header-h) + clamp(2rem, 1.4rem + 3vw, 4rem));
  padding-bottom: 0;
  background:
    radial-gradient(120% 80% at 50% 120%, #0A1E5A 0%, #071232 42%, #04091C 100%);
}
/* Işınlar — merkezden yelpaze gibi açılan lacivert/mavi/beyaz çizgiler (conic + tekrarlı) */
.lab-hero__rays {
  position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
  width: 150vw; height: 92%; z-index: -1; pointer-events: none;
  background:
    repeating-conic-gradient(from 90deg at 50% 100%,
      rgba(255,255,255,.0) 0deg, rgba(120,170,255,.16) 1.1deg, rgba(255,255,255,.0) 2.6deg,
      rgba(45,91,255,.14) 3.6deg, rgba(255,255,255,.0) 5deg, rgba(180,210,255,.1) 6deg, rgba(255,255,255,.0) 8deg);
  -webkit-mask-image: radial-gradient(78% 100% at 50% 100%, #000 8%, rgba(0,0,0,.7) 42%, transparent 82%);
  mask-image: radial-gradient(78% 100% at 50% 100%, #000 8%, rgba(0,0,0,.7) 42%, transparent 82%);
  opacity: .9; animation: lab-rays-turn 40s linear infinite;
}
/* İkinci, daha parlak beyaz-mavi ışık huzmesi katmanı */
.lab-hero::before {
  content: ""; position: absolute; left: 50%; bottom: -6%; transform: translateX(-50%);
  width: 90vw; height: 70%; z-index: -1; pointer-events: none;
  background:
    radial-gradient(60% 90% at 50% 100%, rgba(90,150,255,.4), transparent 70%),
    conic-gradient(from 180deg at 50% 100%, transparent 40deg, rgba(150,190,255,.22) 90deg, transparent 140deg);
  -webkit-mask-image: radial-gradient(70% 100% at 50% 100%, #000 20%, transparent 88%);
  mask-image: radial-gradient(70% 100% at 50% 100%, #000 20%, transparent 88%);
}
@keyframes lab-rays-turn { from { transform: translateX(-50%) rotate(-2.5deg); } 50% { transform: translateX(-50%) rotate(2.5deg); } to { transform: translateX(-50%) rotate(-2.5deg); } }
@media (prefers-reduced-motion: reduce) { .lab-hero__rays { animation: none; } }

.lab-hero__inner { position: relative; z-index: 1; }
.lab-hero__head { max-width: 46rem; margin: 0 auto; }
.lab-hero__eyebrow { display: inline-flex; align-items: center; gap: .55rem; font-size: .74rem; font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase; color: rgba(180,205,255,.8); }
.lab-hero__eyebrow i { width: .5rem; height: .5rem; border-radius: 50%; background: #4E95F2; box-shadow: 0 0 0 4px rgba(78,149,242,.2); }
.lab-hero__title { color: #fff; font-weight: 700; letter-spacing: -.03em; line-height: 1.08;
  font-size: clamp(2.2rem, 1.3rem + 3vw, 3.8rem); margin: 1.1rem 0 0; }
.lab-hero__hl {
  background: linear-gradient(100deg, #2D5BFF 0%, #4E95F2 34%, #8FC4FF 64%, #EAF3FF 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.lab-hero__lead { color: rgba(214,226,248,.82); font-size: clamp(1rem, .94rem + .34vw, 1.14rem);
  line-height: 1.62; max-width: 40rem; margin: 1.1rem auto 0; }
/* BAU AI LAB — tek parça beyaz kalın etiket (BAU wordmark formatında, bütün durur) */
.lab-hero__wordmark { display: block;
  margin: clamp(1.8rem, 1.2rem + 2.4vw, 3.2rem) auto clamp(.4rem, .2rem + 1vw, 1rem);
  font-family: var(--font-display, sans-serif); font-weight: 800; letter-spacing: .04em;
  font-size: clamp(1.7rem, 1.1rem + 2.6vw, 3rem); line-height: 1;
  color: #fff; text-transform: uppercase; }
.lab-hero__wm-b, .lab-hero__wm-l { color: #fff; font-weight: 800; letter-spacing: .04em; }
/* Kampüs sahnesi — alt kenara oturur, kenarları dark zemine karışır */
.lab-hero__stage { margin: 0; position: relative; }
/* Görselin arkasından taşan parlak ufuk ışıması (referanstaki "ışık patlaması") */
.lab-hero__stage::before { content: ""; position: absolute; left: 50%; top: -4%; transform: translateX(-50%);
  width: min(84%, 70rem); height: 46%; z-index: -1; pointer-events: none;
  background: radial-gradient(60% 100% at 50% 50%, rgba(150,195,255,.5), rgba(90,150,255,.18) 46%, transparent 76%);
  filter: blur(6px); }
.lab-hero__stage img { display: block; width: min(100%, 78rem); margin-inline: auto; height: auto;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 100%),
    linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 100%),
    linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  -webkit-mask-composite: source-in; mask-composite: intersect; }
/* Sahnenin altından bir sonraki bölüme yumuşak geçiş */
.lab-hero__stage::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 22%;
  background: linear-gradient(180deg, transparent, var(--bg, #04091C)); pointer-events: none; }

/* ---- lab-hero VARYANT: kampüs görseli ARKA PLANDA + koyu lacivert gradient ---- */
.lab-hero--bg { padding-bottom: clamp(3rem, 2rem + 4vw, 6rem);
  background: #04091C; }
/* Kampüs görseli tüm hero'nun arkasında */
.lab-hero__bg { position: absolute; inset: 0; z-index: -3;
  background: url("/assets/img/hero/bau-campus.jpg") center 42% / cover no-repeat; }
/* Koyu lacivert gradient örtü — görsel yazının arkasında kalır, metin okunur */
.lab-hero__veil { position: absolute; inset: 0; z-index: -2;
  background:
    linear-gradient(180deg, rgba(4,9,28,.92) 0%, rgba(6,16,45,.72) 34%, rgba(7,20,58,.6) 62%, rgba(4,9,28,.9) 100%),
    radial-gradient(120% 90% at 50% 8%, rgba(10,30,90,.5), transparent 60%),
    linear-gradient(90deg, rgba(4,9,28,.7), transparent 26%, transparent 74%, rgba(4,9,28,.7)); }
/* Işınlar bu varyantta üstten (başlığın arkasından) gelir */
.lab-hero--bg .lab-hero__rays { top: 0; bottom: auto; height: 78%;
  transform-origin: 50% 0%;                       /* tepe merkez → güneş ışını gibi tepeden yelpaze */
  background:
    repeating-conic-gradient(from 270deg at 50% 0%,
      rgba(255,255,255,0) 0deg, rgba(120,170,255,.13) 1.1deg, rgba(255,255,255,0) 2.6deg,
      rgba(45,91,255,.11) 3.6deg, rgba(255,255,255,0) 5deg, rgba(180,210,255,.08) 6deg, rgba(255,255,255,0) 8deg);
  -webkit-mask-image: radial-gradient(80% 100% at 50% 0%, #000 6%, rgba(0,0,0,.6) 40%, transparent 78%);
  mask-image: radial-gradient(80% 100% at 50% 0%, #000 6%, rgba(0,0,0,.6) 40%, transparent 78%);
  animation: lab-sun-sweep 18s ease-in-out infinite; }
/* Güneş hareketi: ışınlar tepe odaktan yavaşça sağa-sola süpürür + hafif nefes alma (opaklık) */
@keyframes lab-sun-sweep {
  0%   { transform: translateX(-50%) rotate(-6deg); opacity: .7; }
  50%  { transform: translateX(-50%) rotate(6deg);  opacity: 1; }
  100% { transform: translateX(-50%) rotate(-6deg); opacity: .7; }
}
@media (prefers-reduced-motion: reduce) { .lab-hero--bg .lab-hero__rays { animation: none; } }
.lab-hero--bg::before { display: none; }   /* eski alt huzme katmanı kapatılır */
/* Wordmark artık eyebrow'un hemen altında, kompakt */
.lab-hero--bg .lab-hero__wordmark { margin: .9rem 0 0; }
.lab-hero--bg .lab-hero__title { margin-top: 1rem; }
/* Alt bölüme yumuşak geçiş */
.lab-hero--bg::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 26%; z-index: -1;
  background: linear-gradient(180deg, transparent, #04091C); pointer-events: none; }

/* ============================================================
   HERO BAŞLIK STANDARDI (arastirma referansı):
   taban beyaz serif başlık + aksan kelimede mavi→beyaz gradient.
   Sayfalar: programlar(.pr), kurumsal(.ks), araclari(.tl-hero), yetkinlik(.vb)
   ============================================================ */
body.sub .pr .pg-title__accent,
body.sub .ks .pg-title__accent,
body.sub .tl-hero .tl-title__accent,
body.sub .vb .vb-title__accent {
  color: transparent; -webkit-text-fill-color: transparent;
  background: linear-gradient(100deg, #2D5BFF 0%, #4E95F2 34%, #8FC4FF 62%, #EAF3FF 100%);
  -webkit-background-clip: text; background-clip: text;
  font-style: italic;
}
/* Başlık tabanı ve açıklama — arastirma pg-lead tonuyla tutarlı */
body.sub .vb .vb-title, body.sub .tl-hero .tl-title { color: #fff; }
body.sub .vb .vb-lead, body.sub .tl-hero .tl-lead { color: var(--ink-soft); }

/* ---- yazilim-katalogu hero → arastirma standardına (arka plan + serif başlık) ---- */
.kat-hero {
  background:
    radial-gradient(54rem 28rem at 84% -8rem, color-mix(in srgb, var(--brand-blue) 20%, transparent), transparent 60%),
    radial-gradient(40rem 22rem at 4% 112%, rgba(255, 196, 46, .08), transparent 58%),
    linear-gradient(160deg, #071240 0%, #0A1848 55%, #061029 100%) !important;
  border-bottom: 1px solid var(--line);
}
/* Başlık serif + arastirma pg-title ölçüleri; taban beyaz */
.kat-hero h1 { font-family: var(--font-serif); font-weight: 600; color: #fff;
  font-size: clamp(2rem, 1.3rem + 3vw, 3.4rem); line-height: 1.09; letter-spacing: -.02em; }
/* Aksan kelime — mavi→beyaz gradient (arastirma standardı) */
.kat-hero__accent {
  font-style: italic; color: transparent; -webkit-text-fill-color: transparent;
  background: linear-gradient(100deg, #2D5BFF 0%, #4E95F2 34%, #8FC4FF 62%, #EAF3FF 100%);
  -webkit-background-clip: text; background-clip: text; }
/* Eyebrow noktası ve rengi arastirma tonuna */
.kat-hero__eyebrow { color: rgba(180,205,255,.8); }
.kat-hero__lead { color: var(--ink-soft); }

/* ============================================================
   arastirma "Nasıl kullanılır?" — iki dikey kutu, her birinde 4 kompakt madde
   ============================================================ */
.rs-dual { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(1rem, 1.4vw, 1.4rem); }
.rs-dual__box { display: flex; flex-direction: column; border-radius: 16px; overflow: hidden;
  background: linear-gradient(170deg, #fff 62%, color-mix(in srgb, var(--brand-blue) 4%, #fff));
  box-shadow: 0 0 0 1px var(--line), var(--shadow-xs); }
.rs-dual__item { display: flex; gap: .8rem; align-items: flex-start; padding: 1rem 1.1rem; position: relative; }
.rs-dual__item + .rs-dual__item { border-top: 1px solid var(--line); }
.rs-dual__n { flex: none; font-family: var(--font-display, var(--font-serif)); font-weight: 800;
  font-size: 1.05rem; line-height: 1.3; color: color-mix(in srgb, var(--brand-blue) 34%, transparent); min-width: 1.6rem; }
.rs-dual__ic { flex: none; width: 2.2rem; height: 2.2rem; border-radius: 9px; display: grid; place-items: center;
  color: var(--brand-blue); background: color-mix(in srgb, var(--brand-blue) 10%, #fff); }
.rs-dual__ic svg { width: 1.1rem; height: 1.1rem; }
.rs-dual__body { min-width: 0; }
.rs-dual__body h3 { font-size: .92rem; font-weight: 650; color: var(--ink); margin: .1rem 0 .2rem; line-height: 1.3; letter-spacing: -.01em; }
.rs-dual__body p { font-size: .8rem; line-height: 1.5; color: var(--ink-soft); margin: 0; }
@media (max-width: 720px) { .rs-dual { grid-template-columns: 1fr; } }

/* Koyu tema (body.sub) — kutular rai-card cam dili, satır ayraçları ve renkler */
body.sub .rs .rs-dual__box {
  background: linear-gradient(158deg, rgba(46,107,255,.2) 0%, rgba(34,195,238,.1) 38%, #0A1436 82%);
  box-shadow: inset 0 0 0 1px rgba(120,190,255,.2); }
body.sub .rs .rs-dual__item + .rs-dual__item { border-top-color: rgba(120,190,255,.14); }
body.sub .rs .rs-dual__n { color: rgba(150,190,255,.5); }
body.sub .rs .rs-dual__ic { color: #8FB4FF; background: rgba(10,22,52,.6); box-shadow: inset 0 0 0 1px rgba(120,190,255,.26); }
body.sub .rs .rs-dual__body h3 { color: #fff; }
body.sub .rs .rs-dual__body p { color: rgba(216,226,246,.82); }
body.sub .rs .rs-dual__item { transition: background .2s var(--ease); }
body.sub .rs .rs-dual__item:hover { background: rgba(63,140,255,.08); }