:root[data-tema="acik"] .kc-ters, :root:not([data-tema]) .kc-ters,
:root[data-tema="acik"] .site-header.is-ters, :root:not([data-tema]) .site-header.is-ters {
  --zemin: var(--gece); --zemin-2: #21181A; --metin: var(--kemik); --metin-2: var(--tas); --cizgi: var(--murekkep); --desen: var(--bordo);
  --logo-metin: var(--kemik); --logo-ai: var(--kor); --sev-critical-kontur: var(--kemik); --kod-zemin: #21181A; color-scheme: dark; }
:root[data-tema="koyu"] .kc-ters, :root[data-tema="koyu"] .site-header.is-ters {
  --zemin: var(--bordo); --zemin-2: #7F121C; --metin: var(--kemik); --metin-2: var(--tas); --cizgi: color-mix(in srgb, var(--kemik) 30%, var(--bordo));
  --vurgu: var(--kor); --kod-zemin: #7F121C; color-scheme: dark; }
.kc-ters { background: var(--zemin); color: var(--metin); }

:root[data-tema="koyu"] .site-header.is-ters { --logo-metin: var(--kemik); --logo-ai: var(--kemik); }
:root[data-tema="koyu"] .site-header.is-ters .logo .l-amblem { fill: var(--kor); }
.site-header .logo path { transition: fill var(--d-base) var(--ease-out); }
:root[data-tema="acik"] .kc-cikis { --gecis-zemin: var(--gece); --gecis-arti: var(--kemik); }
:root[data-tema="koyu"] .kc-cikis { --gecis-zemin: var(--bordo); --gecis-arti: var(--gece); }

.kc-hero { position: relative; }
.kc-hero__sabit { position: relative; min-height: calc(100svh - 72px); display: grid; align-items: center; overflow: hidden; }
.kc-hero__tuval { position: absolute; inset: 0; width: 100%; height: 100%; display: none; }
.kc-hero__in { position: relative; display: grid; gap: var(--s-5); padding-block: var(--s-8); pointer-events: none; }
.kc-hero__blok { display: grid; gap: var(--s-5); width: fit-content; max-width: min(560px, 44vw); }
@media (max-width: 859px) { .kc-hero__blok { max-width: 100%; } }
.kc-hero__in a { pointer-events: auto; }
.kc-hero__baslik { font-weight: 300; font-size: clamp(2.4rem, 0.8rem + 3.2vw, 4.4rem); line-height: 1.02; letter-spacing: -0.035em; }
.kc-hero__sub { font-size: var(--fs-18); color: var(--metin-2); max-width: 40ch; }
.kc-hero__cta { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-2); }
.kc-hero__ipucu { display: none; }
@media (prefers-reduced-motion: no-preference) {
  .js .kc-hero [data-belir] { animation: kc-belir 1000ms var(--ease-out) both; animation-delay: 700ms; }
  .js .kc-hero [data-belir] + [data-belir] { animation-delay: 820ms; }
  .js .kc-hero .eyebrow { animation: kc-belir 800ms var(--ease-out) 300ms both; }
}
@keyframes kc-belir { from { opacity: 0.01; transform: translateY(14px); filter: blur(5px); } to { opacity: 1; transform: none; filter: none; } }

.kc-hero.is-sahne { height: 350vh; }

@media (max-width: 999px) { .kc-hero.is-sahne { height: 245vh; } }

.kc-hero.is-sahne + .kc-ters { position: relative; z-index: 1; margin-top: -100vh; }
@media (max-width: 859px) { .kc-hero__sabit { align-items: end; } }
.is-sahne .kc-hero__sabit { position: sticky; top: 0; height: 100svh; min-height: 0; padding-top: 72px; }
.is-sahne .kc-hero__tuval { display: block; }
.is-sahne .kc-hero__in { will-change: opacity, transform; }
@media (hover: hover) and (pointer: fine) {
  .is-sahne .kc-hero__ipucu { display: block; position: absolute; right: max(var(--gutter), calc((100vw - var(--max)) / 2)); bottom: var(--s-7);
    font-size: var(--fs-12); color: var(--metin-2); letter-spacing: var(--ls-label); transition: opacity 600ms var(--ease-out); }
  .is-sahne .kc-hero__ipucu.is-gizli { opacity: 0; }
}

.kc-konsol__duzen { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s-8); align-items: center; padding-block: var(--s-10); }
.kc-zincir { display: grid; gap: var(--s-4); }
.kc-zincir__baslik { font-size: var(--fs-32); font-weight: 300; letter-spacing: var(--ls-large); max-width: 16ch; }
.kc-sayac { margin: 0; }
.kc-sayac .mono { font-size: clamp(4rem, 2rem + 6vw, 7.5rem); line-height: 0.9; letter-spacing: -0.05em; font-variant-numeric: tabular-nums;
  transition: color var(--d-slow) var(--ease-out); }
.kc-sayac.is-kanit .mono { color: var(--vurgu); }
.kc-adimlar { list-style: none; margin: 0; padding: 0; }
.kc-adim { display: grid; grid-template-columns: 3px minmax(0, 1fr) auto; gap: var(--s-4); align-items: center; padding-block: var(--s-3); }
.kc-adim__cubuk { align-self: stretch; background: var(--cizgi); border-radius: 2px; overflow: hidden; position: relative; }
.kc-adim__cubuk span { position: absolute; inset: 0; background: var(--metin); transform-origin: top; transform: scaleY(var(--p, 1)); }
.kc-adim[data-adim="3"] .kc-adim__cubuk span { background: var(--vurgu); }
.kc-adim__metin strong { display: block; font-size: var(--fs-18); }
.kc-adim__aciklama { color: var(--metin-2); font-size: var(--fs-14); }
.kc-adim__sayi { color: var(--metin-2); font-size: var(--fs-20); }
.kc-konsol__sahne { perspective: 1600px; perspective-origin: 50% 30%; }
.kc-konsol__kutu { transform-style: preserve-3d; will-change: transform; transform-origin: 50% 60%; }
@media (max-width: 1000px) { .kc-konsol__duzen { grid-template-columns: minmax(0, 1fr); } }

.kc-konsol.is-sahne { height: 290vh; }
.is-sahne .kc-konsol__sabit { position: sticky; top: 0; height: 100svh; overflow: hidden; display: grid; align-items: center; }

.kc-ters.is-cikis-ortu { background: none; }
.is-cikis-ortu .is-sahne .kc-konsol__sabit { background: var(--zemin); }
.kc-ters.is-cikis-ortu + .en-zaman { position: relative; z-index: 0; margin-top: -100svh; padding-top: 0; }

.kc-baslik-dur { height: 165svh; }
.kc-baslik-dur .en-bas { position: sticky; top: 0; height: 100svh; margin: 0 auto; padding-top: 72px; max-width: none;
  display: grid; align-content: center; justify-items: center; text-align: center; gap: var(--s-5); }
.kc-baslik-dur .h2 { font-size: clamp(2.6rem, 0.6rem + 3.9vw, 4.75rem); line-height: 1.04; letter-spacing: -0.035em; max-width: 17ch; text-wrap: balance; }
.kc-baslik-dur .lead { max-width: 46ch; }
.kc-baslik-muhur { position: relative; width: 56px; height: 56px; color: var(--alarm); }
.kc-baslik-muhur svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.kc-baslik-dur:not(.is-cak) .en-bas > * { opacity: 0; }
.kc-baslik-dur .lead { transition: opacity 700ms var(--ease-out) 900ms, transform 900ms var(--ease-out) 900ms; }
.kc-baslik-dur:not(.is-cak) .lead { transform: translateY(14px); }
.kc-baslik-dur.is-cak .kc-baslik-muhur > svg:first-child { animation: kc-muhur-cak 760ms cubic-bezier(0.3, 0.7, 0.4, 1) both; }
.kc-baslik-dur.is-cak .kc-baslik-muhur__dalga { animation: kc-muhur-dalga 1000ms var(--ease-out) 380ms both; }
@keyframes kc-muhur-cak {
  0% { opacity: 0; transform: scale(2.6) rotate(-90deg); filter: blur(10px); }
  55% { opacity: 1; transform: scale(0.86) rotate(0deg); filter: blur(0); }
  75% { transform: scale(1.08); } 100% { opacity: 1; transform: none; } }
@keyframes kc-muhur-dalga { from { opacity: 0.55; transform: scale(1); } to { opacity: 0; transform: scale(3.4); } }
.is-sahne .kc-konsol__duzen { padding-block: 72px 0; }
.is-sahne .kc-adim { opacity: 0.5; transition: opacity 420ms var(--ease-out); }
.is-sahne .kc-adim.is-aktif, .is-sahne .kc-adim.is-gecti { opacity: 1; }
.is-sahne .kc-adim .kc-adim__aciklama { display: none; }
.is-sahne .kc-adim.is-aktif .kc-adim__aciklama { display: inline; }
.is-sahne .kc-zincir { will-change: opacity, transform; }
.is-sahne .kc-konsol__kutu .konsol { --k-yuk: min(440px, 56svh); }

.kc-onem { display: grid; gap: var(--s-7); }
.kc-onem__ust { display: grid; gap: var(--s-4); max-width: 640px; }
.kc-onem__govde { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s-7); align-items: center; }
.kc-seviyeler { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-2); }
.kc-seviye { width: 100%; display: grid; gap: var(--s-1); text-align: left; padding: var(--s-4) var(--s-5); border: 1px solid var(--cizgi); border-radius: var(--r-24);
  background: transparent; cursor: pointer; color: var(--metin); font-size: var(--fs-18);
  transition: border-color var(--d-base) var(--ease-out), background-color var(--d-base) var(--ease-out), transform var(--d-fast) var(--ease-out); }
.kc-seviye:active { transform: scale(0.985); }
.kc-seviye[aria-pressed="true"] { border-color: var(--metin); background: var(--zemin-2); }
.kc-seviye__aciklama { color: var(--metin-2); font-size: var(--fs-14); display: none; }
.kc-seviye[aria-pressed="true"] .kc-seviye__aciklama { display: block; }
.kc-onem__sahne { perspective: 1600px; }
.kc-onem__kart { transform-style: preserve-3d; will-change: transform; }
@media (max-width: 1000px) { .kc-onem__govde { grid-template-columns: minmax(0, 1fr); } }

.kc-rapor { display: grid; gap: var(--s-7); }
.kc-okurlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); }
.kc-okur { display: grid; gap: var(--s-2); align-content: start; padding: var(--s-6); border: 1px solid var(--cizgi); border-radius: var(--r-32); background: var(--zemin); }
.kc-okur:nth-child(2) { background: var(--zemin-2); }
.kc-okur__kelime { font-size: var(--fs-48); font-weight: 300; letter-spacing: var(--ls-large); line-height: 1; margin-bottom: var(--s-4); }
.kc-okur:nth-child(3) .kc-okur__kelime { color: var(--vurgu); }
.kc-okur > span:last-child { color: var(--metin-2); font-size: var(--fs-14); }
.kc-rapor__bant { justify-self: start; }
.js .kc-rapor__bant.is-hazir { opacity: 0; transform: scale(1.14) rotate(-2.5deg); transform-origin: left center; }
.js .kc-rapor__bant.is-hazir.is-in { opacity: 1; transform: none; transition: opacity 240ms var(--ease-out), transform 520ms cubic-bezier(0.2, 1.4, 0.4, 1); }
.kc-rapor { overflow-x: clip; }
@media (max-width: 860px) { .kc-okurlar { grid-template-columns: 1fr; } }

.kc-yuzey { display: grid; gap: var(--s-7); }
.kc-yuzeyler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-4); }
.kc-yuzey__kart { display: grid; gap: var(--s-3); align-content: start; padding: var(--s-6); border: 1px solid var(--cizgi); border-radius: var(--r-32); background: var(--zemin-2); }
.kc-yuzey__no { color: var(--metin-2); }
.kc-yuzey__kart h3 { font-size: var(--fs-32); }
.kc-yuzey__kart p { font-weight: 300; font-size: var(--fs-18); line-height: 1.35; }
.kc-yuzey__kart ul { list-style: none; margin: 0; padding: 0; color: var(--metin-2); font-size: var(--fs-14); display: grid; gap: var(--s-1); }
.kc-yuzey__kart code { font-size: var(--fs-12); color: var(--metin-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 860px) { .kc-yuzeyler { grid-template-columns: 1fr; } }

.kc-kapsam { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-8); align-items: start; }
.kc-kapsam__cerceve { display: grid; gap: var(--s-5); }
.kc-kapsam__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-4); }
.kc-kapsam__liste li { display: grid; gap: 2px; }
.kc-kapsam__liste span { color: var(--metin-2); }
.kc-sss { display: grid; gap: var(--s-4); }
@media (max-width: 860px) { .kc-kapsam { grid-template-columns: 1fr; } }

.kc-cta { position: relative; overflow: hidden; border-top: 1px solid var(--cizgi); }
.kc-cta__in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s-8); align-items: center; min-height: 86svh; padding-block: var(--s-9); }
.kc-cta__metin { display: grid; gap: var(--s-5); justify-items: start; position: relative; z-index: 1; }
.kc-cta__metin .lead { max-width: 34ch; }
.kc-cta__baslik { font-size: clamp(2.5rem, 1rem + 4vw, 5rem); font-weight: 300; letter-spacing: -0.035em; max-width: 13ch; }
.kc-cta__eylem { display: flex; flex-wrap: wrap; gap: var(--s-5); align-items: center; margin-top: var(--s-2); }
.kc-aski { position: relative; align-self: stretch; display: flex; justify-content: center; min-height: 600px; margin-top: calc(-1 * var(--s-9)); }
.kc-aski__sarkac { position: relative; display: flex; flex-direction: column; align-items: center; transform-origin: 50% 0; will-change: transform; }
.kc-aski__ip { width: 1.5px; height: 120px; background: var(--metin); flex: none; }
.kc-aski__etiket { margin-top: -21px; }
.kc-aski__kanit { width: 20rem; }
.js .kc-aski.is-hazir .kc-aski__sarkac { transform: translateY(-110%); }
@media (max-width: 900px) {
  .kc-cta__in { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .kc-aski { min-height: 520px; margin-top: 0; }
  .kc-aski__ip { height: 40px; }
}
.kc .site-footer { margin-top: 0; }

:root[data-tema="acik"] .kc-konsol [data-damga], :root[data-tema="acik"] .kc-zoom { --zemin: var(--kemik); --metin: var(--gece); --metin-2: var(--murekkep); }
:root[data-tema="koyu"] .kc-konsol [data-damga], :root[data-tema="koyu"] .kc-zoom { --zemin: var(--gece); --metin: var(--kemik); --metin-2: var(--tas); }
.kc-zoom { position: absolute; left: 0; top: 0; z-index: 5; pointer-events: none; transform-origin: 0 0; will-change: transform; color: var(--metin); }
.kc-zoom .dogrulama-bandi { display: flex; }

.kc-onem__kart .bulgu-karti__sekmeler { width: 42px; gap: 6px; }
.bulgu-karti__sekme--dugme { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: var(--s-3);
  padding: var(--s-3) 0 0; margin: 0; border: 1px solid var(--cizgi); border-right: 0; border-radius: 10px 0 0 10px; background: var(--zemin-2);
  color: var(--metin-2); cursor: pointer; font: inherit; font-weight: 600; font-size: var(--fs-14); overflow: hidden;
  transition: flex-grow 680ms var(--ease-in-out), background-color 520ms var(--ease-out), color 520ms var(--ease-out), border-color 520ms; }
.bulgu-karti__sekme--dugme .sev { width: 18px; height: 18px; opacity: 0.55; transition: opacity 400ms var(--ease-out), transform 520ms var(--ease-out); }
.bulgu-karti__sekme--dugme > span { writing-mode: vertical-rl; transform: rotate(180deg) translateY(-6px); opacity: 0; white-space: nowrap;
  max-height: 0; overflow: hidden; transition: opacity 260ms var(--ease-out), transform 520ms var(--ease-out), max-height 520ms var(--ease-in-out); }
.bulgu-karti__sekme--dugme.is-aktif { flex-grow: 2.6; border-color: transparent; color: var(--gece); }
.bulgu-karti__sekme--dugme.is-aktif .sev { opacity: 1; transform: scale(1.08); }
.bulgu-karti__sekme--dugme.is-aktif > span { opacity: 1; max-height: 9em; transform: rotate(180deg); transition-delay: 220ms, 220ms, 0ms; }
.bulgu-karti__sekme--dugme.is-aktif[data-level="4"] { background: var(--bordo); color: var(--kemik); }
.bulgu-karti__sekme--dugme.is-aktif[data-level="3"] { background: var(--alarm); }
.bulgu-karti__sekme--dugme.is-aktif[data-level="2"] { background: var(--kor); }
.bulgu-karti__sekme--dugme.is-aktif[data-level="1"] { background: var(--seftali); }
.bulgu-karti__sekme--dugme.is-aktif[data-level="0"] { background: var(--tas); }
.bulgu-karti__sekme--dugme.is-aktif .sev .k { stroke: currentColor; }
.bulgu-karti__sekme--dugme.is-aktif[data-level="4"] .sev .k { fill: var(--kemik); }
@media (hover: hover) { .bulgu-karti__sekme--dugme:not(.is-aktif):hover { background: var(--zemin); color: var(--metin); } .bulgu-karti__sekme--dugme:not(.is-aktif):hover .sev { opacity: 1; } }
.bulgu-karti__sekme--dugme:focus-visible { outline: 2px solid var(--vurgu); outline-offset: -2px; }
.kc-zoom--dolgu { inset: 0; width: 100%; height: 100%; background: var(--zemin); opacity: 0; transform: none; }

.kc-cm { display: none; }
.is-sahne .kc-cm { display: grid; position: absolute; inset: 72px 0 0; place-content: center; justify-items: center; gap: var(--s-5); pointer-events: none;
  color: var(--kemik); visibility: hidden; }
.is-sahne .kc-cm.is-acik { visibility: visible; }
.kc-cm__kapsam { padding: clamp(var(--s-5), 3vw, var(--s-7)) clamp(var(--s-6), 5vw, var(--s-9)); }
.kc-cm__kapsam .kapsam__kose path { stroke: var(--tas); }
.kc-cm__kelime { font-size: clamp(3.2rem, 0.6rem + 9.4vw, 10.5rem); font-weight: 300; letter-spacing: -0.05em; line-height: 1; white-space: nowrap; max-width: none; }
.kc-cm__harf { display: inline-block; will-change: transform, opacity, filter; }
.kc-cm__alt { color: var(--tas); font-size: var(--fs-14); letter-spacing: var(--ls-label); opacity: 0; max-width: none; }
.kc-cm .kapsam__kose { opacity: 0; }

@media (max-width: 1023px) {
  
  .kc-konsol.is-oyna .kc-adim { opacity: 0.42; transition: opacity 520ms var(--ease-out); }
  .kc-konsol.is-oyna .kc-adim.is-aktif, .kc-konsol.is-oyna .kc-adim.is-gecti { opacity: 1; }
  .kc-zincir__baslik { max-width: 20ch; text-wrap: balance; }
}
@media (max-width: 999px) { .kc-konsol__duzen { padding-block: var(--s-8) var(--s-9); gap: var(--s-7); } }

@media (max-width: 900px) { .kc-aski { overflow-y: clip; } }
@media (max-width: 859px) {
  
  .kc-hero:not(.is-sahne) .kc-hero__sabit { min-height: 0; align-items: start; }
  .kc-hero__in { padding-block: var(--s-6) var(--s-7); }
  
  .is-sahne .kc-hero__in { padding-bottom: calc(var(--s-6) + 72px); }
  .kc-hero__baslik, .kc-cta__baslik, .kc-hero .eyebrow { text-wrap: balance; }
  .kc-hero__cta { gap: var(--s-2); }
  .kc-hero__cta .btn { padding-inline: var(--s-4); }
}
@media (max-width: 767px) {
  .kc .bolum { padding-block: var(--s-8); }
  .kc-onem, .kc-rapor, .kc-yuzey { gap: var(--s-6); }
  .kc-zincir { gap: var(--s-3); }
  .kc-sayac .mono { font-size: clamp(4.5rem, 1rem + 16vw, 6rem); }
  .kc-adim { gap: var(--s-3) var(--s-4); }
  .kc-adim__sayi { font-size: var(--fs-18); }
  
  .kc-konsol .konsol__sekmeler { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); }
  .kc-konsol .konsol__sekme { padding-inline: 10px; }

  
  .kc-onem__govde { gap: var(--s-5); }
  .kc-seviyeler { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--s-1); position: relative;
    padding-bottom: calc(var(--fs-14) * 1.5 * 2 + var(--s-3)); }
  .kc-seviye { justify-items: center; text-align: center; min-height: 64px; padding: var(--s-3) 2px; border-radius: var(--r-24); font-size: var(--fs-12); }
  .kc-seviye:active { transform: none; }
  .kc-seviye .sev-etiket { flex-direction: column; gap: 6px; }
  .kc-seviye .sev { width: 20px; height: 20px; }
  .kc-seviye[aria-pressed="true"] .kc-seviye__aciklama { position: absolute; left: 0; right: 0; bottom: 0; min-height: calc(var(--fs-14) * 1.5 * 2);
    text-align: left; font-size: var(--fs-14); line-height: 1.5; color: var(--metin-2); text-wrap: pretty; }

  
  .kc-okur { padding: var(--s-5); }
  .kc-okur__kelime { margin-bottom: var(--s-2); }
  .kc-yuzey__kart { padding: var(--s-5); }

  
  .kc-kapsam { gap: var(--s-7); }

  
  .kc-cta__in { padding-block: var(--s-8); gap: var(--s-6); }
  .kc-aski { min-height: 470px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  
  .kc-okurlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kc-okur { padding: var(--s-5); }
  .kc-yuzeyler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kc .bolum { padding-block: var(--s-9); }
}

.kc-logolar { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--s-6); margin-top: var(--s-7); padding-top: var(--s-5); border-top: 1px solid var(--cizgi); }
.kc-logolar__baslik { margin: 0; max-width: 21ch; font-size: var(--fs-12); line-height: 1.5; letter-spacing: var(--ls-label); color: var(--metin-2); }
.kc-logolar__serit { justify-content: space-between; gap: var(--s-4) var(--s-5); }
.kc-logolar__serit .logo-serit__logo { height: 22px; width: calc(22px * var(--oran)); max-width: 118px; }
.kc-logolar__serit .logo-serit__oge--kare .logo-serit__logo { height: 24px; width: 24px; }
.kc-logolar__serit .logo-serit__ad { font-size: var(--fs-16); }
@media (min-width: 860px) {
  
  .is-sahne .kc-hero__in { align-self: stretch; grid-template-rows: minmax(0, 1fr) auto; padding-block: var(--s-6) calc(var(--s-6) + 72px); }
  .is-sahne .kc-hero__blok { align-self: center; }
  .is-sahne .kc-logolar { margin-top: 0; }
  
  .is-sahne .kc-hero__ipucu { bottom: calc(72px + 132px); }
}
@media (min-width: 860px) and (max-width: 1399px) {
  .kc-logolar { grid-template-columns: minmax(0, 1fr); gap: var(--s-4); }
  .kc-logolar__baslik { max-width: none; }
  .kc-logolar__serit { flex-wrap: nowrap; gap: var(--s-4); }
  .kc-logolar__serit .logo-serit__logo { height: 18px; width: calc(18px * var(--oran)); max-width: 96px; }
  .kc-logolar__serit .logo-serit__oge--kare .logo-serit__logo { height: 20px; width: 20px; }
  .kc-logolar__serit .logo-serit__ad { font-size: var(--fs-14); }
  .is-sahne .kc-hero__ipucu { bottom: calc(72px + 150px); }
}
@media (max-width: 859px) {
  .kc-logolar { grid-template-columns: minmax(0, 1fr); gap: var(--s-3); margin-top: var(--s-5); padding-top: var(--s-4); }
  .kc-logolar__baslik { max-width: none; }
  
  .kc-logolar__serit { flex-wrap: nowrap; justify-content: flex-start; gap: var(--s-5); overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; pointer-events: auto; padding-block: 4px;
    -webkit-mask-image: linear-gradient(to right, #000 82%, transparent); mask-image: linear-gradient(to right, #000 82%, transparent); }
  .kc-logolar__serit::-webkit-scrollbar { display: none; }
  .kc-logolar__serit .logo-serit__logo { height: 16px; width: calc(16px * var(--oran)); max-width: 88px; }
  .kc-logolar__serit .logo-serit__oge--kare .logo-serit__logo { height: 18px; width: 18px; }
  .kc-logolar__serit .logo-serit__ad { font-size: var(--fs-14); }
}

.kc-yuzey__kart { position: relative; transition: border-color var(--d-base) var(--ease-out); }
.kc-yuzey__bag { color: inherit; text-decoration: none; }
.kc-yuzey__bag::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.kc-yuzey__ok { position: absolute; top: var(--s-6); right: var(--s-6); font-size: var(--fs-18); line-height: 1; color: var(--metin-2);
  transition: transform 520ms cubic-bezier(0.34, 1.56, 0.64, 1), color var(--d-base) var(--ease-out); }
.kc-yuzey__kart:has(.kc-yuzey__bag:focus-visible) { border-color: var(--metin); }
@media (hover: hover) and (pointer: fine) {
  .kc-yuzey__kart:hover { border-color: var(--metin); }
  .kc-yuzey__kart:hover .kc-yuzey__ok { color: var(--metin); transform: translateX(4px); }
}
@media (max-width: 859px) { .kc-yuzey__ok { top: var(--s-5); right: var(--s-5); } }

.kc-disari { opacity: 0 !important; }

@media (max-width: 859px) {
  .kc-hero__blok { gap: var(--s-4); }
  .kc-hero__baslik { font-size: clamp(2.4rem, calc((100vw - 2 * var(--gutter)) / 8.1), 4rem); line-height: 1.02; }
  .kc-hero__sub { max-width: 34ch; line-height: 1.5; text-wrap: pretty; }
  .kc-hero__cta { align-items: center; gap: var(--s-2) var(--s-5); margin-top: var(--s-3); }
  .kc-hero__cta .btn--birincil { padding-inline: var(--s-5); }
  .kc-hero__cta .btn--ikincil { min-height: 44px; padding-inline: 0; border-color: transparent; border-radius: var(--r-12);
    text-decoration: underline; text-decoration-color: var(--cizgi); text-underline-offset: 0.3em; font-weight: 500; }
  .kc-logolar { margin-top: var(--s-6); }
  .is-sahne .kc-hero__in { padding-bottom: calc(var(--s-5) + 72px); }
}
@media (min-width: 600px) and (max-width: 859px) {
  
  .kc-hero__blok { gap: var(--s-5); }
  .kc-hero__sub { max-width: 40ch; }
  .kc-hero__cta { margin-top: var(--s-2); }
}
@media (max-width: 859px) and (max-height: 760px) {
  
  .kc-hero__blok { gap: var(--s-3); }
  .kc-hero__sub { font-size: var(--fs-16); }
  .kc-hero__cta { margin-top: var(--s-2); }
  .kc-logolar { margin-top: var(--s-5); }
  .is-sahne .kc-hero__in { padding-bottom: calc(var(--s-4) + 72px); }
}
@media (max-width: 859px) and (max-height: 700px) {
  .kc-logolar { margin-top: var(--s-4); padding-top: var(--s-3); gap: var(--s-2); }
}
@media (max-width: 859px) and (max-height: 700px) {
  
  .kc-hero__baslik { font-size: clamp(2.2rem, calc((100vw - 2 * var(--gutter)) / 8.9), 2.6rem); }
  .kc-hero__sub { line-height: 1.45; }
}

.kc-logolar__ust { display: flex; align-items: center; gap: var(--s-3); }
.kc-logolar__dur { flex: none; display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 1px solid var(--cizgi); border-radius: var(--r-24);
  background: none; color: var(--metin-2); cursor: pointer; pointer-events: auto; transition: border-color var(--d-base) var(--ease-out), color var(--d-base) var(--ease-out); }
.kc-logolar__dur svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.kc-logolar__dur .oyn { display: none; fill: currentColor; stroke: none; }
.kc-logolar__dur[aria-pressed="true"] .dur { display: none; }
.kc-logolar__dur[aria-pressed="true"] .oyn { display: inline; }
@media (hover: hover) { .kc-logolar__dur:hover { border-color: var(--metin); color: var(--metin); } }
.kc-logolar .logo-kayan { pointer-events: auto; }
.kc-logolar .logo-kayan:hover > .logo-serit, .kc-logolar.is-durdu .logo-kayan > .logo-serit { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .kc-logolar__dur { display: none; } }
@media (max-width: 859px) {
  
  .kc-logolar .logo-kayan > .kc-logolar__serit { overflow: visible; -webkit-mask-image: none; mask-image: none; padding-block: 4px; }
}