/* custom.css — Projeye özel ek stiller (override)
   Çekirdek stillere dokunmadan, ihtiyaç duyduğum görsel iyileştirmeleri burada yapıyorum. */


/*
  DÜZELTME: Ana sayfada hero arka planı/header üst üste binmesin.
  Header (header-1) en üstte position:absolute olduğu için sayfada yer kaplamıyor.
  Bu yüzden hero section'ı header yüksekliği kadar aşağı kaydırıyoruz.
  Ayrıca header'ı sayfa en üstünde de beyaz yaparak hero glow'unu gizliyoruz.
*/

/* Header üstteyken de beyaz kalsın (hero glow arkadan görünmesin) */
.header-1 {
  background-color: var(--white);
}

/* Sadece ana sayfadaki hero-1 section'ı aşağı kaydır */
.hero-section.hero-1 {
  margin-top: 90px;     /* header yüksekliği */
  padding-top: 30px;    /* 90 + 30 ≈ varsayılan 120px'e yakın */
}

@media (max-width: 1199px) {
  .hero-section.hero-1 {
    margin-top: 80px;
    padding-top: 40px;
  }
}

@media (max-width: 575px) {
  .hero-section.hero-1 {
    margin-top: 70px;
    padding-top: 40px;
  }
}

/* -------------------------------------------------------
   Ana Sayfa: 2026 Uyumlu Yeni Bölümler (sadece index.html)
   Not: Tüm class'lar kc- ile başlar, yan etki üretmez.
-------------------------------------------------------- */

.kc-value-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(900px 420px at 10% 0%, rgba(40,233,140,.14), rgba(255,255,255,0) 60%),
    radial-gradient(800px 380px at 90% 30%, rgba(40,233,140,.10), rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,1), rgba(250,252,255,1));
}


.kc-value-section .section-title h2 {
  letter-spacing: -0.02em;
}

.kc-value-section .section-title > span {
  opacity: 1;
  font-weight: 800;
}

.kc-value-section .section-title p {
  color: rgba(0,0,0,.72);
}

.kc-bg-blobs {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.kc-blob {
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  filter: blur(50px);
  opacity: .35;
  transform: translateZ(0);
  animation: kcBlobFloat 10s ease-in-out infinite;
}

.kc-blob--1 {
  left: -220px;
  top: -200px;
  background: radial-gradient(circle at 30% 30%, rgba(40,233,140,.65), rgba(40,233,140,0) 55%);
}

.kc-blob--2 {
  right: -240px;
  bottom: -240px;
  background: radial-gradient(circle at 30% 30%, rgba(40,233,140,.45), rgba(40,233,140,0) 58%);
  animation-delay: -2.5s;
}

@keyframes kcBlobFloat {
  0%,100% { transform: translate3d(0,0,0) scale(1); }
  50%     { transform: translate3d(0,18px,0) scale(1.04); }
}

.kc-checklist {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.kc-checklist li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(8px);
}

.kc-checklist li i {
  margin-top: 3px;
  color: var(--theme);
}

.kc-mini-badges {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.kc-mini-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.28);
  background: rgba(40,233,140,.08);
  font-size: 14px;
  color: var(--title);
}

.kc-mini-badge i {
  color: var(--theme);
}

.kc-value-card {
  position: relative;
  height: 100%;
  padding: 26px 24px;
  border-radius: 22px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  will-change: transform;
}

.kc-value-card::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 24px;
  background:
    radial-gradient(700px 120px at 15% 0%, rgba(40,233,140,.22), rgba(255,255,255,0) 55%),
    radial-gradient(700px 120px at 85% 100%, rgba(40,233,140,.16), rgba(255,255,255,0) 55%);
  opacity: 0;
  transition: opacity .18s ease;
  pointer-events: none;
}

.kc-value-card:hover {
  --kc-ty: -6px;
  border-color: rgba(40,233,140,.40);
  box-shadow: 0 18px 45px rgba(0,0,0,.10);
}

.kc-value-card:hover::before { opacity: 1; }

.kc-card-ico {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  border: 1px solid rgba(40,233,140,.35);
  background: rgba(40,233,140,.08);
  margin-bottom: 14px;
}

.kc-card-ico i {
  font-size: 20px;
  color: var(--theme);
}

.kc-value-card h4 { margin-bottom: 8px; }
.kc-value-card p  { margin-bottom: 0; }

.kc-card-foot {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.kc-card-foot span {
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.75);
  font-size: 13px;
}

.kc-value-card--wide .kc-wide-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items: center;
}

.kc-wide-right {
  display: grid;
  gap: 10px;
}

.kc-wide-metric {
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.75);
}

.kc-metric-top {
  display: block;
  font-size: 13px;
  opacity: .8;
}

.kc-metric-main {
  display: block;
  font-weight: 700;
  color: var(--title);
}

@media (max-width: 991px) {
  .kc-value-card--wide .kc-wide-grid {
    grid-template-columns: 1fr;
  }
}

/* -----------------------------------------
   Tech Marquee
------------------------------------------ */

.kc-tech-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(900px 420px at 20% 0%, rgba(40,233,140,.18), rgba(13,18,20,0) 60%),
    radial-gradient(900px 420px at 80% 100%, rgba(40,233,140,.12), rgba(13,18,20,0) 58%),
    linear-gradient(180deg, #0d1214, #0b0f12);
  color: var(--white);
}

.kc-tech-section .section-title h2 { color: var(--white); }
.kc-tech-section .section-title h2 span { color: var(--theme); }
.kc-tech-section .section-title > span { color: rgba(255,255,255,.85); }

.kc-tech-lead {
  margin-bottom: 0;
  color: rgba(255,255,255,.78);
}

.kc-marquee-wrap {
  margin-top: 26px;
  display: grid;
  gap: 14px;
}

.kc-marquee {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}

.kc-marquee-track {
  display: inline-flex;
  gap: 10px;
  padding: 12px;
  white-space: nowrap;
  animation: kcMarquee 22s linear infinite;
  will-change: transform;
}

.kc-marquee--reverse .kc-marquee-track {
  animation-direction: reverse;
  animation-duration: 26s;
}

@keyframes kcMarquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.kc-pill {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  font-size: 14px;
}

.kc-tech-note {
  margin-top: 18px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.82);
}

.kc-tech-note i {
  margin-top: 3px;
  color: rgba(40,233,140,.95);
}

/* -----------------------------------------
   Case Tabs
------------------------------------------ */

.kc-case-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(900px 420px at 0% 30%, rgba(40,233,140,.10), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,1), rgba(248,250,252,1));
}

.kc-case-tabs {
  margin-top: 18px;
  display: grid;
  gap: 10px;
}

.kc-tab {
  width: 100%;
  text-align: left;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.88);
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
  font-weight: 700;
  color: var(--title);
}

.kc-tab:hover {
  transform: translateY(-2px);
  border-color: rgba(40,233,140,.40);
  box-shadow: 0 14px 28px rgba(0,0,0,.08);
}

.kc-tab.is-active {
  border-color: rgba(40,233,140,.55);
  background: rgba(40,233,140,.10);
}

.kc-case-panels {
  border-radius: 22px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  padding: 22px;
}

.kc-panel {
  display: none;
  animation: kcPanelIn .18s ease both;
}

.kc-panel.is-active {
  display: block;
}

@keyframes kcPanelIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

.kc-panel-head h3 {
  margin-bottom: 6px;
}

.kc-panel-head p {
  margin-bottom: 14px;
}

.kc-metric-card {
  height: 100%;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.95);
  padding: 16px;
  display: grid;
  gap: 6px;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  will-change: transform;
}

.kc-metric-card i {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(40,233,140,.10);
  border: 1px solid rgba(40,233,140,.25);
  color: rgba(40,233,140,.95);
}

.kc-metric-card strong {
  color: var(--title);
}

.kc-metric-card span {
  font-size: 14px;
  opacity: .8;
}

.kc-panel-list {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.kc-panel-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.78);
}

.kc-panel-list li i {
  margin-top: 3px;
  color: var(--theme);
}

/* -----------------------------------------
   CTA
------------------------------------------ */

.kc-cta-card {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 420px at 20% 0%, rgba(40,233,140,.20), rgba(13,18,20,0) 62%),
    radial-gradient(900px 420px at 80% 100%, rgba(40,233,140,.12), rgba(13,18,20,0) 62%),
    linear-gradient(180deg, #0d1214, #0b0f12);
  color: rgba(255,255,255,.92);
  padding: 34px 34px;
}

.kc-cta-card h2 { color: var(--white); }
.kc-cta-card p  { color: rgba(255,255,255,.78); margin-bottom: 0; }

.kc-cta-actions {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.kc-cta-actions .theme-btn {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

.kc-cta-points {
  display: grid;
  gap: 12px;
}

.kc-point {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
}

.kc-point i {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(40,233,140,.10);
  border: 1px solid rgba(40,233,140,.22);
  color: rgba(40,233,140,.95);
}

.kc-point strong {
  display: block;
  color: var(--white);
}

.kc-point span {
  display: block;
  font-size: 14px;
  color: rgba(255,255,255,.72);
}

.kc-cta-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.kc-cta-blob {
  position: absolute;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  filter: blur(60px);
  opacity: .30;
  animation: kcCtaFloat 12s ease-in-out infinite;
}

.kc-cta-blob--1 {
  left: -160px;
  top: -180px;
  background: radial-gradient(circle at 30% 30%, rgba(40,233,140,.70), rgba(40,233,140,0) 58%);
}

.kc-cta-blob--2 {
  right: -180px;
  top: 10%;
  background: radial-gradient(circle at 30% 30%, rgba(40,233,140,.45), rgba(40,233,140,0) 60%);
  animation-delay: -4s;
}

.kc-cta-blob--3 {
  right: 10%;
  bottom: -220px;
  background: radial-gradient(circle at 30% 30%, rgba(40,233,140,.35), rgba(40,233,140,0) 60%);
  animation-delay: -7s;
}

@keyframes kcCtaFloat {
  0%,100% { transform: translate3d(0,0,0) scale(1); }
  50%     { transform: translate3d(0,22px,0) scale(1.05); }
}


/* -----------------------------------------
   Proje Brief (Chat)
------------------------------------------ */

.kc-chat-card{
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid var(--border);
  background:
    radial-gradient(900px 420px at 15% 0%, rgba(40,233,140,.14), rgba(255,255,255,0) 60%),
    radial-gradient(900px 420px at 85% 100%, rgba(40,233,140,.10), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,1), rgba(250,252,255,1));
  padding: 34px 34px;
}

.kc-chat-bg{ position:absolute; inset:0; pointer-events:none; }
.kc-chat-blob{
  position:absolute;
  width: 380px; height: 380px;
  border-radius: 50%;
  filter: blur(60px);
  opacity: .32;
  animation: kcChatFloat 12s ease-in-out infinite;
}
.kc-chat-blob--1{ left:-160px; top:-180px; background: radial-gradient(circle at 30% 30%, rgba(40,233,140,.70), rgba(40,233,140,0) 58%); }
.kc-chat-blob--2{ right:-190px; top:10%; background: radial-gradient(circle at 30% 30%, rgba(40,233,140,.45), rgba(40,233,140,0) 60%); animation-delay:-4s; }
.kc-chat-blob--3{ right:10%; bottom:-220px; background: radial-gradient(circle at 30% 30%, rgba(40,233,140,.30), rgba(40,233,140,0) 60%); animation-delay:-7s; }

@keyframes kcChatFloat{
  0%,100%{ transform: translate3d(0,0,0) scale(1); }
  50%{ transform: translate3d(0,18px,0) scale(1.04); }
}

.kc-mini-points{
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.kc-mini-points li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(0,0,0,.75);
}
.kc-mini-points i{
  margin-top: 2px;
  color: var(--theme);
}

.kc-chat-actions{
  margin-top: 18px;
  display:flex;
  flex-wrap:wrap;
  gap: 14px;
  align-items:center;
}

.kc-ghost-link{
  font-weight: 700;
  color: rgba(0,0,0,.75);
  text-decoration: underline;
  text-decoration-color: rgba(40,233,140,.55);
  text-underline-offset: 4px;
}
.kc-ghost-link:hover{ color: var(--theme); }

.kc-chat-ui{
  border-radius: 24px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(0,0,0,.10);
}

.kc-chat-top{
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  background: rgba(0,0,0,.02);
}
.kc-chat-dot{
  width: 10px; height: 10px;
  border-radius: 50%;
  background: rgba(0,0,0,.18);
}
.kc-chat-title{
  margin-left: 8px;
  font-weight: 800;
  color: rgba(0,0,0,.70);
}

.kc-chat-body{ padding: 18px 18px 16px; }

.kc-chat-label{
  font-size: 13px;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: rgba(0,0,0,.65);
  margin-bottom: 8px;
  display:block;
}

.kc-chat-input{
  border-radius: 16px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
}
.kc-chat-input:focus{
  border-color: rgba(40,233,140,.55) !important;
  box-shadow: 0 0 0 .25rem rgba(40,233,140,.14) !important;
}

.kc-chat-preview{
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(0,0,0,.06);
  display: grid;
  gap: 12px;
}

.kc-bubble{
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  line-height: 1.5;
}
.kc-bubble strong{ font-weight: 900; }
.kc-bubble--you{
  background: rgba(0,0,0,.03);
  color: rgba(0,0,0,.78);
}
.kc-bubble--me{
  background: rgba(40,233,140,.10);
  border-color: rgba(40,233,140,.22);
  color: rgba(0,0,0,.78);
}

.kc-chat-foot{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-top: 1px solid rgba(0,0,0,.06);
  background: rgba(0,0,0,.02);
}

.kc-chat-hint{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  color: rgba(0,0,0,.65);
  font-size: 14px;
}

.kc-chat-hint i{ color: rgba(40,233,140,.95); }

.kc-chat-copy{
  appearance:none;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.85);
  padding: 10px 12px;
  border-radius: 14px;
  font-weight: 800;
  transition: transform .12s ease, border-color .12s ease, background-color .12s ease;
}
.kc-chat-copy:hover{
  transform: translateY(-1px);
  border-color: rgba(40,233,140,.45);
}
.kc-chat-copy.is-copied{
  border-color: rgba(40,233,140,.55);
  background: rgba(40,233,140,.14);
}

@media (max-width: 575px){
  .kc-chat-card{ padding: 26px 18px; }
  .kc-chat-foot{ flex-direction: column; align-items:flex-start; }
}

@media (prefers-reduced-motion: reduce){
  .kc-chat-blob{ animation: none; }
}

/* =======================================================
   KC Global — Ultra Premium Polish (v59)
   Amaç: Tüm sitede tutarlı, 2026 premium görünüm + erişilebilirlik
   Not: Template'e minimum müdahale, çoğu override.
======================================================= */

:root{
  --kc-radius-xl: 28px;
  --kc-radius-lg: 22px;
  --kc-radius-md: 16px;
  --kc-border: rgba(15,23,42,.08);
  --kc-border-strong: rgba(15,23,42,.12);
  --kc-shadow-sm: 0 10px 25px rgba(2,6,23,.08);
  --kc-shadow-md: 0 18px 60px rgba(2,6,23,.12);
  --kc-shadow-lg: 0 28px 90px rgba(2,6,23,.14);
  --kc-glow: rgba(40,233,140,.22);
  --kc-glow-2: rgba(153,100,255,.16);
}

/* Arka plan: daha premium, daha temiz */
body.body-color{
  background:
    radial-gradient(1200px 700px at 10% -12%, rgba(40,233,140,.14), rgba(255,255,255,0) 60%),
    radial-gradient(980px 620px at 92% 0%, rgba(153,100,255,.10), rgba(255,255,255,0) 58%),
    radial-gradient(760px 520px at 70% 110%, rgba(40,233,140,.08), rgba(255,255,255,0) 62%),
    linear-gradient(180deg, #ffffff, #f7fafc);
}

/* Yazı seçimi */
::selection{ background: rgba(40,233,140,.22); }

/* Daha güçlü tipografi hissi */
.section-title h2,
.hero-content h1,
.page-heading h1{
  letter-spacing: -0.03em;
}

/* Sticky header: cam efekt + premium gölge */
.sticky.header-1{
  background: rgba(255,255,255,.78) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(15,23,42,.06);
  box-shadow: 0 12px 45px rgba(2,6,23,.10);
}

/* Scroll progress bar: daha ince ve premium */
.scroll-progress{
  height: 3px;
  border-radius: 999px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.02);
}

/* Kartlar: genel premium lift */
.service-box,
.blog-item,
.portfolio-item,
.single-team-items,
.pricing-card,
.contact-right-items,
.kc-svc-card,
.kc-value-card,
.kc-metric-card,
.kc-chat-ui,
.kc-sdetail-hero,
.kc-sdetail-card{
  border-color: var(--kc-border) !important;
}

.service-box:hover,
.blog-item:hover,
.portfolio-item:hover,
.kc-svc-card:hover,
.kc-value-card:hover{
  box-shadow: var(--kc-shadow-md);
}

/* Butonlar: daha premium hover/press + shine */
.theme-btn{
  position: relative;
  transform: translateZ(0);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
  box-shadow: 0 12px 28px rgba(40,233,140,.22);
}
.theme-btn::after{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 18%, rgba(255,255,255,0) 36%);
  transform: translateX(-120%);
  opacity: .0;
  transition: transform .55s ease, opacity .25s ease;
  pointer-events:none;
}
.theme-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 45px rgba(40,233,140,.26);
}
.theme-btn:hover::after{
  opacity: .65;
  transform: translateX(120%);
}
.theme-btn:active{
  transform: translateY(0);
  box-shadow: 0 10px 22px rgba(40,233,140,.22);
}

/* Focus ring: erişilebilir ve premium */
:where(a,button,input,textarea,select,[tabindex]):focus-visible{
  outline: none;
  box-shadow: 0 0 0 .25rem rgba(40,233,140,.18) !important;
}

/* Formlar: tutarlı focus */
input:focus,
textarea:focus,
select:focus{
  border-color: rgba(40,233,140,.55) !important;
}

/* Back-to-top: daha premium */
.back-to-top{
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(13,18,20,.62);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 55px rgba(2,6,23,.28);
}
.back-to-top:hover{
  transform: translateY(-2px);
}

/* Reveal animations (wow olmayan öğeler için) */
.kc-reveal{
  opacity: 0;
  transform: translateY(14px);
  filter: blur(6px);
  transition: opacity .55s ease, transform .55s ease, filter .55s ease;
  will-change: transform, opacity, filter;
}
.kc-reveal.is-in{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

@media (prefers-reduced-motion: reduce){
  .theme-btn,
  .kc-reveal{
    transition: none !important;
  }
  .theme-btn::after{ display:none; }
}

/* Daha temiz scrollbar (desktop) */
@media (pointer:fine){
  ::-webkit-scrollbar{ width: 10px; height: 10px; }
  ::-webkit-scrollbar-track{ background: rgba(2,6,23,.04); }
  ::-webkit-scrollbar-thumb{
    background: rgba(2,6,23,.18);
    border-radius: 999px;
    border: 2px solid rgba(255,255,255,.65);
  }
  ::-webkit-scrollbar-thumb:hover{ background: rgba(2,6,23,.26); }
}


/* -------------------------------------------------------
   KC Service Details — Ultra Premium (service-details.html)
-------------------------------------------------------- */

.kc-sdetail{ position: relative; }

.kc-sdetail-hero{
  position: relative;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
  padding: 26px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.58));
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 18px 60px rgba(2,6,23,.08);
  overflow: hidden;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.kc-sdetail-hero::before{
  content: "";
  position: absolute;
  inset: -2px;
  padding: 2px;
  border-radius: 30px;
  background: linear-gradient(135deg, rgba(40,233,140,.55), rgba(153,100,255,.28), rgba(40,233,140,.16));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .55;
  pointer-events: none;
}

.kc-sdetail-hero::after{
  content: "";
  position: absolute;
  inset: auto -120px -140px auto;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle at 30% 30%, rgba(40,233,140,.20), transparent 62%);
  pointer-events: none;
}

.kc-sdetail-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 900;
  color: rgba(15,23,42,.68);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 10px;
}

.kc-sdetail-eyebrow img{ width: 16px; height: 16px; }

.kc-sdetail-title{
  margin: 0 0 10px;
  letter-spacing: -.04em;
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.08;
}

.kc-sdetail-lead{
  margin: 0 0 14px;
  color: rgba(15,23,42,.78);
  font-size: 16px;
  line-height: 1.75;
  max-width: 56ch;
}

.kc-sdetail-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}

.kc-sdetail-bullets{
  display: grid;
  gap: 10px;
  margin-top: 6px;
}

.kc-sdetail-bullet{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 28px rgba(2,6,23,.06);
}

.kc-sdetail-bullet i{
  margin-top: 2px;
  color: var(--theme);
}

.kc-sdetail-bullet strong{ display:block; font-weight: 900; color: #0f172a; }
.kc-sdetail-bullet span{ display:block; color: rgba(15,23,42,.70); line-height: 1.55; }

.kc-sdetail-cover{
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.65);
  box-shadow: 0 18px 44px rgba(2,6,23,.10);
}

.kc-sdetail-cover img{
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
  filter: saturate(1.03);
}

.kc-sdetail-kpis{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 12px;
}

.kc-kpi{
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 26px rgba(2,6,23,.06);
}

.kc-kpi__label{ font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: rgba(15,23,42,.62); font-weight: 900; }
.kc-kpi__value{ margin-top: 6px; font-weight: 900; font-size: 18px; color: #0f172a; letter-spacing: -.02em; }
.kc-kpi__note{ margin-top: 2px; font-size: 13px; color: rgba(15,23,42,.68); line-height: 1.45; }

.kc-sdetail-stack{ display: grid; gap: 16px; }

.kc-sdetail-card{
  padding: 22px;
  border-radius: 24px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.74);
  box-shadow: 0 16px 44px rgba(2,6,23,.06);
}

.kc-sdetail-card h3{ margin: 0 0 8px; letter-spacing: -.02em; }

.kc-sdetail-muted{
  margin: 0 0 14px;
  color: rgba(15,23,42,.72);
  line-height: 1.75;
}

.kc-sdetail-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.kc-sdetail-list li{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: rgba(15,23,42,.78);
  line-height: 1.6;
}

.kc-sdetail-list li i{ margin-top: 3px; color: var(--theme); }

.kc-sdetail-list--compact{ gap: 8px; }
.kc-sdetail-list--compact li{ font-size: 14px; }

.kc-sdetail-split{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.kc-sdetail-mini{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(15,23,42,.08);
  font-weight: 900;
  color: #0f172a;
  text-decoration: none;
  white-space: nowrap;
}

.kc-sdetail-mini i{ color: var(--theme); }

.kc-sdetail-steps{
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.kc-step-card{
  position: relative;
  padding: 14px 14px 12px;
  border-radius: 20px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 28px rgba(2,6,23,.06);
}

.kc-step-card .no{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 14px;
  font-weight: 900;
  color: rgba(15,23,42,.70);
  background: linear-gradient(135deg, rgba(40,233,140,.22), rgba(153,100,255,.14));
  border: 1px solid rgba(15,23,42,.08);
}

.kc-step-card h5{ margin: 10px 0 6px; font-size: 16px; letter-spacing: -.01em; }
.kc-step-card p{ margin: 0; color: rgba(15,23,42,.72); line-height: 1.65; font-size: 14px; }

.kc-acc .accordion-item{
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 26px rgba(2,6,23,.06);
}

.kc-acc .accordion-item + .accordion-item{ margin-top: 10px; }

.kc-acc .accordion-button{
  font-weight: 900;
  color: #0f172a;
  background: rgba(255,255,255,.85);
}

.kc-acc .accordion-button:not(.collapsed){
  background: rgba(255,255,255,.92);
  box-shadow: none;
}

.kc-acc .accordion-body{
  color: rgba(15,23,42,.74);
  line-height: 1.75;
}

.kc-sdetail-cta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 22px;
  border-radius: 26px;
  border: 1px solid rgba(40,233,140,.18);
  background:
    radial-gradient(700px 220px at 10% 0%, rgba(40,233,140,.20), rgba(255,255,255,0) 60%),
    radial-gradient(700px 260px at 90% 100%, rgba(153,100,255,.14), rgba(255,255,255,0) 65%),
    rgba(255,255,255,.78);
  box-shadow: 0 18px 50px rgba(2,6,23,.06);
}

.kc-sdetail-cta h3{ margin: 0 0 6px; }
.kc-sdetail-cta p{ margin: 0; color: rgba(15,23,42,.74); line-height: 1.7; max-width: 70ch; }

.kc-sdetail-side{ display: grid; gap: 14px; }

.kc-side-card{
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.72);
  box-shadow: 0 14px 40px rgba(2,6,23,.06);
}

.kc-side-card h4{ margin: 0 0 10px; letter-spacing: -.01em; }

.kc-side-list{ display: grid; gap: 8px; }

.kc-side-link{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 18px;
  text-decoration: none;
  color: #0f172a;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.82);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.kc-side-link .left{ display:flex; align-items:center; gap: 10px; min-width: 0; }
.kc-side-link .left i{ color: var(--theme); }
.kc-side-link .left span{ font-weight: 900; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kc-side-link .right{ color: rgba(15,23,42,.55); font-weight: 900; }

.kc-side-link:hover{
  transform: translateY(-1px);
  border-color: rgba(40,233,140,.22);
  box-shadow: 0 16px 34px rgba(2,6,23,.08);
}

.kc-side-link.is-active{
  border-color: rgba(40,233,140,.30);
  background: linear-gradient(135deg, rgba(40,233,140,.18), rgba(153,100,255,.10), rgba(255,255,255,.90));
}

.kc-tag-cloud{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.kc-tag-cloud span{
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(15,23,42,.04);
  color: rgba(15,23,42,.72);
  font-weight: 800;
  font-size: 12px;
  line-height: 1;
}

.kc-side-mail{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 12px;
  font-weight: 900;
  color: #0f172a;
  text-decoration: none;
}

.kc-side-mail i{ color: var(--theme); }

.kc-side-actions{ display: grid; gap: 10px; }
.kc-side-actions .kc-svc-cta, .kc-side-actions .kc-svc-ghost{ justify-content: center; }

@media (max-width: 991px){
  .kc-sdetail-hero{ grid-template-columns: 1fr; }
  .kc-sdetail-cover img{ height: 240px; }
  .kc-sdetail-cta{ flex-direction: column; align-items: flex-start; }
}

@media (max-width: 575px){
  .kc-sdetail-hero{ padding: 18px; border-radius: 22px; }
  .kc-sdetail-card{ padding: 18px; border-radius: 22px; }
  .kc-sdetail-steps{ grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce){
  .kc-side-link,
  .kc-sdetail-hero,
  .kc-step-card{ transition: none !important; }
  .kc-side-link:hover{ transform: none !important; }
}


/* -----------------------------------------
   Micro-interaction helpers
------------------------------------------ */

.kc-tilt {
  --kc-rx: 0deg;
  --kc-ry: 0deg;
  --kc-ty: 0px;
  transform: perspective(900px) rotateX(var(--kc-rx)) rotateY(var(--kc-ry)) translate3d(0,var(--kc-ty),0);
  transform-style: preserve-3d;
}

@media (prefers-reduced-motion: reduce) {
  .kc-blob,
  .kc-cta-blob,
  .kc-marquee-track {
    animation: none !important;
  }
}

/* =====================================================
   2026 Home Enhancements (v8)
   - Scope Builder
   - Before/After Compare
   - Mini Brief (chips + better footer)
   Not: Tüm class'lar kc- ile başlar.
===================================================== */

/* Mini Brief: chip selector */
.kc-chip-group{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
}

.kc-chip{
  appearance:none;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.88);
  padding: 10px 12px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 14px;
  line-height: 1;
  transition: transform .12s ease, border-color .12s ease, background-color .12s ease, box-shadow .12s ease;
}

.kc-chip:hover{
  transform: translateY(-1px);
  border-color: rgba(40,233,140,.40);
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
}

.kc-chip.is-active{
  border-color: rgba(40,233,140,.55);
  background: rgba(40,233,140,.12);
}

.kc-bubble span{
  white-space: pre-line;
}

.kc-chat-foot-actions{
  display:flex;
  align-items:center;
  gap: 10px;
}

.kc-chat-mail{
  appearance:none;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.85);
  padding: 10px 12px;
  border-radius: 14px;
  font-weight: 800;
  transition: transform .12s ease, border-color .12s ease, background-color .12s ease;
}

.kc-chat-mail:hover{
  transform: translateY(-1px);
  border-color: rgba(40,233,140,.45);
}

.kc-chat-mail.is-sent{
  border-color: rgba(40,233,140,.55);
  background: rgba(40,233,140,.14);
}

/* Scope Builder */
.kc-scope-section{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(900px 420px at 10% 0%, rgba(40,233,140,.12), rgba(255,255,255,0) 60%),
    radial-gradient(900px 420px at 90% 80%, rgba(40,233,140,.10), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,1), rgba(248,250,252,1));
}

.kc-scope-card{
  border-radius: 26px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 45px rgba(0,0,0,.08);
  padding: 18px;
}

.kc-scope-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 767px){
  .kc-scope-grid{ grid-template-columns: 1fr; }
}

.kc-toggle{
  position: relative;
  display:grid;
  grid-template-columns: 22px 1fr;
  gap: 12px;
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.88);
  cursor: pointer;
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease, background-color .12s ease;
}

.kc-toggle input{
  margin-top: 2px;
  width: 18px;
  height: 18px;
  accent-color: var(--theme);
}

.kc-toggle span{
  font-weight: 900;
  color: var(--title);
}

.kc-toggle em{
  grid-column: 2;
  font-style: normal;
  font-size: 14px;
  color: rgba(0,0,0,.68);
}

.kc-toggle:hover{
  transform: translateY(-1px);
  border-color: rgba(40,233,140,.35);
  box-shadow: 0 14px 28px rgba(0,0,0,.06);
}

.kc-toggle.is-on{
  border-color: rgba(40,233,140,.55);
  background: rgba(40,233,140,.10);
}

.kc-scope-summary{
  margin-top: 18px;
  border-radius: 22px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.92);
  padding: 16px;
}

.kc-scope-kpis{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.kc-scope-kpi{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.85);
  padding: 12px;
}

.kc-scope-kpi .k{
  display:block;
  font-size: 13px;
  color: rgba(0,0,0,.60);
}

.kc-scope-kpi strong{ font-weight: 900; }

.kc-scope-text{
  margin-top: 12px;
  color: rgba(0,0,0,.70);
  line-height: 1.55;
}

.kc-scope-actions{
  margin-top: 16px;
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  align-items:center;
}

.kc-scope-ghost{
  appearance:none;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.65);
  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 900;
  transition: transform .12s ease, border-color .12s ease;
}

.kc-scope-ghost:hover{
  transform: translateY(-1px);
  border-color: rgba(40,233,140,.45);
}

/* Before/After Compare */
.kc-compare-section{
  position: relative;
  overflow:hidden;
  background:
    radial-gradient(900px 420px at 20% 0%, rgba(40,233,140,.10), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,1), rgba(248,250,252,1));
}

.kc-compare-card{
  border-radius: 26px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.92);
  padding: 16px;
  box-shadow: 0 18px 45px rgba(0,0,0,.08);
}

.kc-compare-frame{
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
  aspect-ratio: 644 / 470;
}

.kc-compare-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: contain;
}

.kc-compare-img--before{
  filter: grayscale(1) contrast(.9) brightness(.92) blur(.25px);
  transform: none;
}

.kc-compare-overlay{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  overflow:hidden;
  border-right: 2px solid rgba(40,233,140,.70);
  box-shadow: 10px 0 24px rgba(0,0,0,.12);
}

.kc-compare-label{
  position:absolute;
  top: 14px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.85);
  font-weight: 900;
  font-size: 13px;
}

.kc-compare-label--before{ left: 14px; }
.kc-compare-label--after{ right: 14px; }

.kc-compare-range{
  width: 100%;
  margin-top: 12px;
}

.kc-compare-points{
  margin-top: 18px;
  display:grid;
  gap: 10px;
}

.kc-compare-point{
  display:flex;
  gap: 10px;
  align-items:center;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.90);
  color: rgba(0,0,0,.72);
}

.kc-compare-point i{ color: var(--theme); }

@media (prefers-reduced-motion: reduce){
  .kc-chip, .kc-toggle, .kc-scope-ghost, .kc-chat-copy, .kc-chat-mail{ transition: none !important; }
}


/* =========================
   Home: Playground
   ========================= */
.kc-play-section{ position:relative; }
.kc-play-cta{ margin-top: 18px; display:flex; align-items:center; gap: 18px; flex-wrap: wrap; }
.kc-ghost-link{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-weight: 600;
  color: rgba(0,0,0,.72);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.kc-ghost-link:hover{ color: rgba(0,0,0,.9); }

.kc-play-toggles{
  margin-top: 22px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.kc-play-btn{
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.85);
  color: rgba(0,0,0,.78);
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 800;
  line-height: 1;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.kc-play-btn:hover{ transform: translateY(-1px); border-color: rgba(0,0,0,.18); }
.kc-play-btn.is-active{
  background: var(--theme);
  border-color: transparent;
  color: #fff;
}

.kc-play-bullets{ margin-top: 18px; display:grid; gap: 10px; }
.kc-play-bullet{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.75);
}
.kc-play-bullet i{ color: var(--theme); margin-top: 2px; }

.kc-play-card{
  position: relative;
  border-radius: 26px;
  padding: 18px;
  background: rgba(255,255,255,.35);
  border: 1px solid rgba(0,0,0,.10);
  overflow:hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,.08);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
  --kc-accent: rgba(40,233,140,.95);
}
.kc-play-card:hover{ transform: translateY(-2px); border-color: rgba(0,0,0,.16); background: rgba(255,255,255,.45); }
.kc-play-card::before{
  content:"";
  position:absolute; inset: -40% -30%;
  background: radial-gradient(closest-side, rgba(40,233,140,.35), transparent 60%);
  filter: blur(30px);
  opacity:.75;
  transform: translate3d(0,0,0);
  pointer-events:none;
}
.kc-play-card.is-mode-ui{ --kc-accent: rgba(0,0,0,.88); }
.kc-play-card.is-mode-cta{ --kc-accent: rgba(40,233,140,1); }

.kc-play-preview{
  position:relative;
  z-index:1;
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
}
.kc-play-top{
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.96);
}
.kc-play-top .dot{ width: 10px; height: 10px; border-radius: 999px; background: rgba(0,0,0,.14); }
.kc-play-top .title{ margin-left: 6px; font-weight: 800; color: rgba(0,0,0,.55); }

.kc-play-metrics{
  padding: 12px 14px 0 14px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.kc-play-metrics .m{
  display:flex;
  align-items: baseline;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(245,247,250,.85);
}
.kc-play-metrics .n{ font-weight: 950; color: rgba(0,0,0,.82); letter-spacing: -0.2px; }
.kc-play-metrics .l{ font-weight: 800; color: rgba(0,0,0,.55); font-size: 13px; }

.kc-play-ui{ padding: 14px; }
.kc-play-nav{ display:flex; gap: 10px; }
.kc-play-nav .pill{ width: 72px; height: 10px; border-radius: 999px; background: rgba(0,0,0,.10); transition: background .25s ease; }
.kc-play-nav .pill.is-on{ background: var(--kc-accent); opacity:.55; }

.kc-play-hero{
  margin-top: 14px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(245,247,250,.85);
  transition: background .25s ease, border-color .25s ease;
}
.kc-play-card.is-mode-ui .kc-play-hero{ background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.10); }
.kc-play-card.is-mode-cta .kc-play-hero{ background: rgba(40,233,140,.10); border-color: rgba(40,233,140,.18); }

.kc-play-kicker{ width: 120px; height: 10px; border-radius: 999px; background: var(--kc-accent); opacity:.25; transition: opacity .25s ease; }
.kc-play-card.is-mode-ui .kc-play-kicker{ opacity:.18; }
.kc-play-card.is-mode-cta .kc-play-kicker{ opacity:.35; }

.kc-play-loader{
  margin-top: 12px;
  height: 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.08);
  overflow:hidden;
}
.kc-play-loader .bar{
  display:block;
  height: 100%;
  width: 55%;
  border-radius: 999px;
  background: var(--kc-accent);
  opacity: .65;
  transform: translateX(-10%);
  animation: kcBar 1.3s ease-in-out infinite;
}
.kc-play-card.is-mode-ui .kc-play-loader .bar{ animation-duration: 1.9s; opacity: .45; }
.kc-play-card.is-mode-cta .kc-play-loader .bar{ animation-duration: 1.5s; opacity: .75; }

@keyframes kcBar{
  0%{ transform: translateX(-15%); width: 45%; }
  50%{ transform: translateX(20%); width: 70%; }
  100%{ transform: translateX(-10%); width: 55%; }
}

.kc-play-head{ margin-top: 12px; width: 82%; height: 16px; border-radius: 999px; background: rgba(0,0,0,.14); }
.kc-play-sub{ margin-top: 10px; width: 94%; height: 12px; border-radius: 999px; background: rgba(0,0,0,.10); }

.kc-play-actions{ margin-top: 14px; display:flex; gap: 10px; flex-wrap:wrap; }
.kc-play-actions .btn-main{
  width: 150px; height: 38px; border-radius: 999px;
  background: var(--kc-accent);
  opacity:.9;
  transition: transform .25s ease, box-shadow .25s ease, opacity .25s ease;
}
.kc-play-actions .btn-ghost{
  width: 120px; height: 38px; border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.65);
}
.kc-play-card.is-mode-cta .kc-play-actions .btn-main{
  box-shadow: 0 12px 28px rgba(40,233,140,.35);
  animation: kcPulse 1.8s ease-in-out infinite;
}
@keyframes kcPulse{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-2px); }
}

.kc-play-form{
  margin-top: 14px;
  display:grid;
  gap: 8px;
  opacity: .40;
  transition: opacity .25s ease;
}
.kc-play-form .field{
  height: 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.10);
}
.kc-play-form .field.sm{ width: 55%; }
.kc-play-card.is-mode-cta .kc-play-form{ opacity: 1; }
.kc-play-card.is-mode-ui .kc-play-form{ opacity: .55; }

.kc-play-insights{
  position:relative;
  z-index:1;
  margin-top: 14px;
  display:grid;
  gap: 10px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.78);
}
.kc-play-line{ display:flex; gap: 12px; align-items:flex-start; }
.kc-play-line .k{ min-width: 120px; font-weight: 900; color: rgba(0,0,0,.55); }
.kc-play-line strong{ font-weight: 950; }

.kc-play-card.is-reduced-motion *{ transition: none !important; animation: none !important; }

/* =========================
   Home: Scenario Plan
   ========================= */
.kc-scenarios-hint{
  font-weight: 700;
  color: rgba(0,0,0,.55);
  text-align:right;
}

.kc-scenario-list{
  display:grid;
  gap: 12px;
}
.kc-scenario-btn{
  width: 100%;
  text-align:left;
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.72);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.kc-scenario-btn:hover{ transform: translateY(-1px); border-color: rgba(0,0,0,.16); background: rgba(255,255,255,.86); }
.kc-scenario-btn .t{ display:block; font-weight: 950; color: rgba(0,0,0,.84); }
.kc-scenario-btn .s{ display:block; margin-top: 4px; font-weight: 800; color: rgba(0,0,0,.55); }
.kc-scenario-btn.is-active{
  border-color: rgba(40,233,140,.45);
  background: rgba(255,255,255,.92);
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
}

.kc-scenario-note{
  margin-top: 14px;
  display:flex;
  gap: 10px;
  align-items:flex-start;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.70);
  color: rgba(0,0,0,.65);
}
.kc-scenario-note i{ color: var(--theme); margin-top: 3px; }
.kc-scenario-note a{ font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }

.kc-scenario-card{
  height: 100%;
  border-radius: 26px;
  padding: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.40);
  box-shadow: 0 20px 50px rgba(0,0,0,.08);
  overflow:hidden;
}
.kc-scenario-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.kc-scenario-pill{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.35);
  background: rgba(40,233,140,.10);
  font-weight: 950;
  color: rgba(0,0,0,.80);
}
.kc-scenario-pill i{ color: var(--theme); }
.kc-scenario-time{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.75);
  font-weight: 900;
  color: rgba(0,0,0,.70);
}

.kc-scenario-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
@media (max-width: 991px){
  .kc-scenario-grid{ grid-template-columns: 1fr; }
  .kc-scenarios-hint{ text-align:left; margin-top: 8px; }
}
.kc-scenario-block{
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.80);
}
.kc-scenario-block h4{ margin-bottom: 10px; }
.kc-scenario-block ol, .kc-scenario-block ul{
  margin: 0;
  padding-left: 18px;
  color: rgba(0,0,0,.70);
  line-height: 1.6;
}

.kc-scenario-out{
  margin-top: 14px;
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.80);
}
.kc-scenario-out h4{ margin-bottom: 10px; }
.kc-out-badges{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}
.kc-out-badges .b{
  display:inline-flex;
  align-items:center;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(245,247,250,.85);
  font-weight: 900;
  color: rgba(0,0,0,.74);
}

.kc-scenario-cta{
  margin-top: 14px;
  display:flex;
  gap: 12px;
  align-items:center;
  flex-wrap: wrap;
}
.kc-copy-btn{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.85);
  font-weight: 900;
  color: rgba(0,0,0,.75);
  transition: transform .18s ease, border-color .18s ease;
}
.kc-copy-btn:hover{ transform: translateY(-1px); border-color: rgba(0,0,0,.16); }

/* =========================
   Home: Mini SSS Accordion
   ========================= */
.kc-accordion{
  margin-top: 26px;
  display:grid;
  gap: 12px;
}
.kc-acc-item{
  width: 100%;
  text-align:left;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.78);
  padding: 14px 16px;
  display:grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  column-gap: 12px;
  row-gap: 10px;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.kc-acc-item:hover{ transform: translateY(-1px); border-color: rgba(0,0,0,.16); }
.kc-acc-item .q{ font-weight: 900; color: rgba(0,0,0,.84); }
.kc-acc-item .i{
  width: 34px; height: 34px;
  display:flex; align-items:center; justify-content:center;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.85);
  color: rgba(0,0,0,.70);
}
.kc-acc-item .a{
  grid-column: 1 / -1;
  color: rgba(0,0,0,.68);
  line-height: 1.6;
  display:none;
}
.kc-acc-item.is-open{ border-color: rgba(40,233,140,.35); background: rgba(255,255,255,.92); }
.kc-acc-item.is-open .a{ display:block; }
.kc-acc-item.is-open .i{ color: var(--theme); border-color: rgba(40,233,140,.35); }

/* =========================
   Contact: Studio tweaks
   ========================= */
.kc-mini-points{
  margin-top: 18px;
  display:grid;
  gap: 10px;
  padding-left: 0;
  list-style: none;
}
.kc-mini-points li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(0,0,0,.72);
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 10px 12px;
}
.kc-mini-points i{ color: var(--theme); margin-top: 2px; }

.kc-studio-note{
  margin-top: 16px;
  display:flex;
  gap: 10px;
  align-items:center;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.75);
  color: rgba(0,0,0,.65);
}
.kc-studio-note i{ color: var(--theme); }

.kc-chip-group--sm .kc-chip{
  padding: 9px 12px;
  font-size: 14px;
}

.kc-studio-more{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.75);
  padding: 10px 12px;
}
.kc-studio-more summary{
  cursor:pointer;
  list-style: none;
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 900;
  color: rgba(0,0,0,.78);
}
.kc-studio-more summary::-webkit-details-marker{ display:none; }
.kc-studio-more-body{ margin-top: 12px; display:grid; gap: 12px; }
.kc-scope-grid--compact{ display:grid; gap: 10px; grid-template-columns: repeat(2, minmax(0,1fr)); }
.kc-scope-grid--compact .kc-toggle em{ display:block; font-style: normal; font-size: 12px; opacity: .75; margin-top: 4px; }

.kc-chat-foot-actions{ display:flex; gap: 10px; flex-wrap: wrap; justify-content:flex-end; }
.kc-chat-fill, .kc-chat-short{
  padding: 12px 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.85);
  font-weight: 800;
  color: rgba(0,0,0,.75);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.kc-chat-fill:hover, .kc-chat-short:hover{ transform: translateY(-1px); border-color: rgba(0,0,0,.16); }

@media (max-width: 991px){
  .kc-scope-grid--compact{ grid-template-columns: 1fr; }
  .kc-chat-foot-actions{ justify-content:flex-start; }
}


/* Dark backdrop for Mini Case section */
.kc-stories-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(900px 500px at 18% 20%, rgba(40,233,140,.14), rgba(0,0,0,0) 55%),
    radial-gradient(700px 420px at 85% 10%, rgba(255,255,255,.08), rgba(0,0,0,0) 55%),
    linear-gradient(180deg, #0b0f12, #0b0f12);
}
.kc-stories-section .section-title span,
.kc-stories-section .section-title h2,
.kc-stories-section .section-title p{ color: rgba(255,255,255,.90); }
.kc-stories-section .section-title h2 span{ color: rgba(40,233,140,.98); }


/* ---------------------------
   A+ KPI / Meter components
--------------------------- */
.kc-meter,
.kc-impact-kpi,
.kc-kpi,
.kc-mini-kpi{
  --kc-fill: rgba(40,233,140,1);
}

.kc-meter-top{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.kc-meter-top span{ font-weight: 800; color: rgba(0,0,0,.72); }
.kc-meter-top strong{ font-weight: 950; color: rgba(0,0,0,.82); }

.kc-meter-bar,
.kc-mini-kpi .bar{
  height: 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.08);
  overflow:hidden;
}
.kc-meter-bar .fill,
.kc-mini-kpi .bar .fill{
  display:block;
  height: 100%;
  width: 0%;
  background: var(--kc-fill);
  border-radius: inherit;
  transition: width .9s cubic-bezier(.22,1,.36,1);
}

.kc-meter.is-on .fill,
.kc-impact-card.is-on .kc-meter-bar .fill,
.kc-kpi-stack.is-on .kc-meter-bar .fill,
.kc-play-kpis.is-on .kc-meter-bar .fill,
.kc-scenario-kpis.is-on .kc-mini-kpi .fill{
  width: 100%;
}

.kc-details{
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
}
.kc-details summary{
  list-style: none;
  cursor: pointer;
  font-weight: 900;
  display:flex;
  align-items:center;
  gap: 10px;
  color: rgba(0,0,0,.78);
}
.kc-details summary::-webkit-details-marker{ display:none; }
.kc-details summary i{ color: var(--theme); }
.kc-checklist--compact{ margin-top: 12px; }
.kc-checklist--compact li{ padding: 9px 12px; font-size: 14px; }

/* Delivery pack wide card */
.kc-delivery-pack{
  position: relative;
  border-radius: 26px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(12px);
  padding: 24px;
  display:flex;
  gap: 18px;
  align-items: stretch;
  overflow:hidden;
}
.kc-delivery-pack::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(700px 120px at 10% 0%, rgba(40,233,140,.18), transparent 55%),
    radial-gradient(700px 140px at 90% 100%, rgba(40,233,140,.12), transparent 55%);
  opacity:.9;
  pointer-events:none;
}
.kc-delivery-pack > *{ position:relative; z-index:1; }
.kc-delivery-pack__left{ flex: 1 1 auto; }
.kc-delivery-pack__left h3{ font-weight: 950; letter-spacing:-.02em; margin-bottom: 6px; }
.kc-delivery-pack__left p{ color: rgba(0,0,0,.70); margin-bottom: 10px; }
.kc-delivery-pack__left ul{ margin:0; padding:0; list-style:none; display:grid; gap: 8px; }
.kc-delivery-pack__left li{ display:flex; gap: 10px; align-items:flex-start; color: rgba(0,0,0,.74); }
.kc-delivery-pack__left li i{ color: var(--theme); margin-top: 3px; }

.kc-delivery-pack__right{
  width: 260px;
  min-width: 240px;
  border-left: 1px solid rgba(0,0,0,.08);
  padding-left: 18px;
  display:flex;
  flex-direction: column;
  gap: 10px;
  justify-content:center;
}
.kc-pack-badge{
  display:flex;
  align-items:baseline;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(40,233,140,.10);
  border: 1px solid rgba(40,233,140,.22);
}
.kc-pack-badge strong{ font-weight: 950; font-size: 28px; color: rgba(0,0,0,.84); }
.kc-pack-badge span{ font-weight: 900; color: rgba(0,0,0,.64); }
.kc-pack-hint{ font-size: 13px; color: rgba(0,0,0,.62); display:flex; gap: 8px; align-items:center; }
.kc-pack-hint i{ color: var(--theme); }

@media (max-width: 991px){
  .kc-delivery-pack{ flex-direction: column; }
  .kc-delivery-pack__right{ width: 100%; min-width: 0; border-left: 0; padding-left: 0; border-top: 1px solid rgba(0,0,0,.08); padding-top: 14px; }
}

/* Left KPI stack in delivery */
.kc-kpi-stack{
  margin-top: 18px;
  border-radius: 24px;
  padding: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(12px);
}
.kc-kpi{ display:grid; gap: 10px; padding: 12px 12px; border-radius: 18px; background: rgba(245,247,250,.9); border: 1px solid rgba(0,0,0,.06); margin-bottom: 10px; }
.kc-kpi:last-child{ margin-bottom: 0; }
.kc-kpi .t{ display:flex; gap: 10px; align-items:center; }
.kc-kpi .t i{ color: var(--theme); }
.kc-kpi .t span{ font-weight: 900; color: rgba(0,0,0,.78); }
.kc-kpi .v{ display:flex; align-items:baseline; justify-content: space-between; }
.kc-kpi .v strong{ font-weight: 950; letter-spacing:-.02em; }
.kc-kpi .v em{ font-style: normal; font-weight: 900; color: rgba(0,0,0,.60); }
.kc-kpi-note{ display:flex; gap: 10px; align-items:flex-start; font-size: 13px; color: rgba(0,0,0,.62); padding-top: 6px; }
.kc-kpi-note i{ color: rgba(0,0,0,.35); margin-top: 3px; }

/* Approach helper card */
.kc-approach-helper{
  margin-top: 16px;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  padding: 16px;
}
.kc-approach-helper__head{
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 950;
  color: rgba(0,0,0,.78);
  margin-bottom: 10px;
}
.kc-approach-helper__head i{ color: var(--theme); }
.kc-approach-helper__grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 10px;
}
.kc-mini-pill{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(245,247,250,.9);
  padding: 10px 12px;
  display:flex;
  align-items:center;
  gap: 8px;
}
.kc-mini-pill i{ color: var(--theme); }
.kc-mini-pill span{ font-weight: 900; color: rgba(0,0,0,.72); }
.kc-mini-pill em{ margin-left:auto; font-style: normal; font-weight: 950; color: rgba(0,0,0,.82); }
.kc-approach-helper p{ margin: 0; font-size: 13px; color: rgba(0,0,0,.62); }

/* Playground KPI block */
.kc-play-kpis{
  padding: 12px 14px 0 14px;
  display:grid;
  gap: 10px;
}
.kc-play-kpis .kc-meter{
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(245,247,250,.85);
}
.kc-play-kpis .kc-meter-top span{ font-size: 13px; }
.kc-play-kpis .kc-meter-top strong{ font-size: 13px; }
.kc-play-kpis .kc-meter.is-active{
  border-color: rgba(40,233,140,.30);
  background: rgba(40,233,140,.10);
}

/* Scenario mini kpis */
.kc-scenario-kpis{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.kc-mini-kpi{
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  padding: 10px 12px;
  display:grid;
  gap: 6px;
}
.kc-mini-kpi span{ font-weight: 900; color: rgba(0,0,0,.70); font-size: 13px; }
.kc-mini-kpi strong{ font-weight: 950; color: rgba(0,0,0,.82); }
.kc-mini-kpi em{ font-style: normal; font-weight: 900; color: rgba(0,0,0,.55); font-size: 12px; }
.kc-mini-kpi .bar{ height: 8px; }
.kc-mini-kpi .bar .fill{ height: 8px; }

/* Impact section (replaces mini FAQ) */
.kc-impact-section{
  position: relative;
  overflow:hidden;
  background:
    radial-gradient(900px 420px at 10% 0%, rgba(40,233,140,.14), rgba(255,255,255,0) 60%),
    radial-gradient(800px 380px at 90% 30%, rgba(40,233,140,.10), rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(250,252,255,1), rgba(255,255,255,1));
}
.kc-impact-list{
  margin: 18px 0 0;
  padding: 0;
  list-style:none;
  display:grid;
  gap: 10px;
}
.kc-impact-list li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  padding: 10px 14px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
}
.kc-impact-list li i{ margin-top: 3px; color: var(--theme); }

.kc-impact-card{
  border-radius: 26px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(12px);
  padding: 22px;
  box-shadow: 0 22px 60px rgba(0,0,0,.10);
}
.kc-impact-head{
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 10px;
  margin-bottom: 14px;
}
.kc-impact-chip{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.26);
  background: rgba(40,233,140,.10);
  font-weight: 900;
}
.kc-impact-chip i{ color: var(--theme); }
.kc-impact-sub{ font-weight: 900; color: rgba(0,0,0,.60); }

.kc-impact-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.kc-impact-kpi{
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(245,247,250,.90);
  padding: 14px;
  display:grid;
  gap: 10px;
}
.kc-impact-kpi .t{
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 950;
}
.kc-impact-kpi .t i{ color: var(--theme); }
.kc-impact-kpi .v{
  display:flex;
  justify-content: space-between;
  align-items:baseline;
}
.kc-impact-kpi .v strong{ font-weight: 950; }
.kc-impact-kpi .v em{ font-style: normal; font-weight: 900; color: rgba(0,0,0,.58); }

.kc-impact-mini{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.kc-mini-stat{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  padding: 12px 12px;
  display:grid;
  gap: 2px;
}
.kc-mini-stat .k{ font-weight: 900; color: rgba(0,0,0,.58); font-size: 12px; }
.kc-mini-stat strong{ font-weight: 950; color: rgba(0,0,0,.82); }
.kc-mini-stat em{ font-style: normal; font-weight: 900; color: rgba(0,0,0,.55); font-size: 12px; }

.kc-impact-foot{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(0,0,0,.08);
  display:flex;
  flex-wrap: wrap;
  gap: 12px;
  color: rgba(0,0,0,.62);
  font-weight: 800;
}
.kc-impact-foot i{ color: var(--theme); margin-right: 6px; }

/* Make play toggles wrap nicely on small widths */
.kc-play-toggles{
  flex-wrap: wrap;
}
.kc-play-btn{ margin-bottom: 8px; }

/* Compare demo images ensure aspect */
.kc-compare-frame img{ width: 100%; height: auto; display:block; }

/* Fix: studio / chat message readability */
.kc-bubble--me span[data-kc-me]{ white-space: pre-line; }


/* Studio impact panel (contact) */
.kc-studio-impact{
  margin-top: 14px;
  border-radius: 24px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(12px);
  padding: 16px;
}
.kc-studio-impact__head{
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 10px;
  margin-bottom: 12px;
}
.kc-studio-impact__note{
  margin-top: 10px;
  display:flex;
  gap: 10px;
  align-items:flex-start;
  font-size: 13px;
  color: rgba(0,0,0,.62);
}
.kc-studio-impact__note i{ color: rgba(0,0,0,.35); margin-top: 3px; }
.kc-impact-kpi.is-active{
  border-color: rgba(40,233,140,.30);
  background: rgba(40,233,140,.10);
}

/* Delivery wide list (homepage) */
.kc-wide-list{
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.kc-wide-list li{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgba(0,0,0,.72);
  font-size: 14px;
  line-height: 1.45;
}
.kc-wide-list i{
  margin-top: 3px;
  color: rgba(40,233,140,.9);
}



/* =========================
   Home: Yaklaşım (Case Tabs) - v3
   ========================= */
.kc-case-section{ position:relative; }
.kc-case-tabs, .kc-case-tabs *{ position:relative; z-index:2; }
.kc-case-panels{ position:relative; z-index:1; }

.kc-case-hint{
  margin-top: 14px;
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.78);
  color: rgba(0,0,0,.72);
}
.kc-case-hint p{ margin: 0 0 10px 0; }
.kc-case-hint ul{ list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.kc-case-hint li{ display:flex; align-items:flex-start; gap:10px; }
.kc-case-hint i{ color: var(--theme); margin-top:2px; }

.kc-case-summary{
  margin: 14px 0 16px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: rgba(0,0,0,.02);
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.kc-sum-item{ padding: 10px 10px; border-radius: 14px; background: rgba(255,255,255,.78); border: 1px solid rgba(0,0,0,.06); }
.kc-sum-item .k{ display:block; font-size: 12px; color: rgba(0,0,0,.55); font-weight:700; margin-bottom: 2px; }
.kc-sum-item .v{ display:block; font-size: 15px; font-weight: 900; color: rgba(0,0,0,.88); }

.kc-panel-box{
  height: 100%;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.92);
  padding: 14px 14px;
  box-shadow: 0 14px 30px rgba(0,0,0,.06);
}
.kc-panel-box__title{ display:flex; align-items:center; gap:10px; }
.kc-panel-box__title i{ width: 34px; height: 34px; border-radius: 12px; display:grid; place-items:center; border: 1px solid rgba(0,0,0,.10); background: rgba(40,233,140,.12); color: rgba(0,0,0,.80); }
.kc-panel-mini{ list-style:none; padding:0; margin: 12px 0 0; display:grid; gap: 8px; color: rgba(0,0,0,.74); font-size: 14px; }
.kc-panel-mini li{ display:flex; gap: 10px; align-items:flex-start; }
.kc-panel-mini i{ color: var(--theme); margin-top: 2px; }

.kc-panel-note{
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(40,233,140,.28);
  background: rgba(40,233,140,.08);
  color: rgba(0,0,0,.78);
  display:flex;
  gap: 10px;
  align-items:flex-start;
}
.kc-panel-note i{ margin-top: 2px; color: rgba(0,0,0,.72); }

@media (max-width: 991px){
  .kc-case-summary{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}



/* =========================
   Home: Etki Grafiği (Yeni)
   ========================= */
.kc-impact-section{ position: relative; overflow:hidden; }
.kc-impact-section .section-title p{ color: rgba(0,0,0,.72); max-width: 520px; }

.kc-impact-meters{ display:grid; gap: 12px; margin-top: 18px; }
.kc-impact-meter{
  border: 1px solid var(--border);
  background: rgba(255,255,255,.92);
  border-radius: 18px;
  padding: 12px 12px;
  box-shadow: 0 14px 30px rgba(0,0,0,.05);
}
.kc-impact-meter .top{ display:flex; align-items:center; justify-content:space-between; gap: 10px; margin-bottom: 8px; }
.kc-impact-meter .top span{ font-weight: 800; color: rgba(0,0,0,.78); }
.kc-impact-meter .top strong{ font-weight: 900; color: rgba(0,0,0,.88); font-size: 14px; }
.kc-impact-meter .bar{
  height: 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.08);
  overflow:hidden;
}
.kc-impact-meter .bar .fill{
  display:block;
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(40,233,140,1) 0%, rgba(40,233,140,.55) 100%);
  transition: width .8s cubic-bezier(.22,1,.36,1);
}
.kc-impact-meter small{ display:block; margin-top: 8px; color: rgba(0,0,0,.65); }

.kc-impact-cta{ margin-top: 16px; }

.kc-impact-card{
  border: 1px solid var(--border);
  background: rgba(255,255,255,.92);
  border-radius: 24px;
  padding: 16px 16px;
  box-shadow: 0 24px 50px rgba(0,0,0,.08);
  position: relative;
  overflow:hidden;
}
.kc-impact-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.kc-impact-head .tag{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.28);
  background: rgba(40,233,140,.10);
  color: rgba(0,0,0,.82);
  font-weight: 900;
}
.kc-impact-head .muted{ color: rgba(0,0,0,.55); font-weight: 800; }

.kc-impact-chart{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: radial-gradient(circle at 20% 10%, rgba(40,233,140,.10), transparent 55%),
              radial-gradient(circle at 80% 30%, rgba(0,0,0,.04), transparent 60%);
  padding: 12px;
}

.kc-spark{ width: 100%; height: auto; display:block; color: rgba(40,233,140,1); }
.kc-spark .grid line{ stroke: rgba(0,0,0,.08); stroke-width: 1; }
.kc-spark .area{ fill: url(#kcGrad); opacity: 0; }
.kc-spark .line{ fill: none; stroke: rgba(40,233,140,1); stroke-width: 4; stroke-linecap: round; }
.kc-spark .dot{ fill: rgba(40,233,140,1); transform-origin: center; transform: scale(.92); opacity: .95; }
.kc-impact-card.is-on .dot{ animation: kcPop .9s ease-out both; }
@keyframes kcPop { from{ transform: scale(.55); opacity: .5;} to{ transform: scale(.98); opacity: .95;} }
.kc-spark .labels text{ fill: rgba(0,0,0,.55); font-size: 14px; font-weight: 800; }

.kc-impact-stats{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.kc-impact-stats .s{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
  padding: 12px 12px;
}
.kc-impact-stats .s span{ display:block; color: rgba(0,0,0,.58); font-weight: 800; font-size: 13px; }
.kc-impact-stats .s strong{ display:block; font-size: 22px; font-weight: 1000; margin: 2px 0 4px; color: rgba(0,0,0,.88); }
.kc-impact-stats .s em{ display:block; font-style: normal; color: rgba(0,0,0,.62); font-size: 13px; line-height: 1.4; }

@media (max-width: 991px){
  .kc-impact-stats{ grid-template-columns: 1fr; }
}


/* ---------------------------------
   Örnek Plan (gelişmiş)
---------------------------------- */
.kc-scenario-list,
.kc-scenario-card{
  position: relative;
  z-index: 2;
}

.kc-scenario-summary{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 14px 0 12px;
}
.kc-scenario-summary .i{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(245,247,250,.92);
  padding: 12px 12px;
  display:grid;
  gap: 4px;
}
.kc-scenario-summary .k{
  font-size: 12px;
  font-weight: 900;
  color: rgba(0,0,0,.55);
}
.kc-scenario-summary strong{
  font-weight: 950;
  color: rgba(0,0,0,.82);
  line-height: 1.25;
}

.kc-scenario-timeline{
  margin: 10px 0 16px;
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  padding: 14px 14px;
}
.kc-scenario-timeline h4{
  font-weight: 950;
  margin: 0 0 10px;
}
.kc-scenario-timeline ol{
  margin: 0;
  padding-left: 18px;
  display:grid;
  gap: 6px;
  color: rgba(0,0,0,.68);
  font-weight: 800;
}

.kc-checklist{
  list-style:none;
  padding: 0;
  margin: 0;
  display:grid;
  gap: 8px;
}
.kc-checklist li{
  position: relative;
  padding-left: 26px;
  font-weight: 800;
  color: rgba(0,0,0,.68);
}
.kc-checklist li::before{
  content: "✓";
  position:absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(40,233,140,.14);
  border: 1px solid rgba(40,233,140,.32);
  color: rgba(0,0,0,.78);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 12px;
  line-height: 1;
}

@media (max-width: 767px){
  .kc-scenario-summary{ grid-template-columns: 1fr; }
}

/* ---------------------------------
   Beklenen Etki — Dashboard
---------------------------------- */
.kc-impact-dashboard .kc-impact-topbar{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.kc-impact-toggle{
  display:inline-flex;
  gap: 8px;
  padding: 6px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(245,247,250,.95);
}
.kc-impact-toggle button{
  border: 0;
  background: transparent;
  font-weight: 950;
  padding: 10px 12px;
  border-radius: 999px;
  color: rgba(0,0,0,.64);
  transition: transform .15s ease, background .15s ease, color .15s ease;
}
.kc-impact-toggle button:hover{ transform: translateY(-1px); }
.kc-impact-toggle button.is-active{
  background: rgba(40,233,140,.14);
  color: rgba(0,0,0,.82);
  border: 1px solid rgba(40,233,140,.28);
}
.kc-impact-badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  font-weight: 950;
  color: rgba(0,0,0,.72);
}
.kc-impact-badge i{ color: var(--theme); }

.kc-impact-dashboard .kc-impact-main{
  display:grid;
  grid-template-columns: 280px 1fr;
  gap: 14px;
  align-items: stretch;
}

.kc-ringbox{
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(245,247,250,.90);
  padding: 14px;
  display:grid;
  gap: 12px;
}
.kc-ring{
  width: 180px;
  height: 180px;
  margin: 0 auto;
  position: relative;
}
.kc-ring svg{
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.kc-ring circle{
  fill: none;
  stroke-width: 10;
}
.kc-ring circle.bg{ stroke: rgba(0,0,0,.10); }
.kc-ring circle.fg{
  stroke: rgba(40,233,140,1);
  stroke-linecap: round;
  filter: drop-shadow(0 8px 18px rgba(40,233,140,.20));
}
.kc-ring-center{
  position:absolute;
  inset: 0;
  display:flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap: 4px;
}
.kc-ring-center strong{
  font-weight: 950;
  font-size: 22px;
  color: rgba(0,0,0,.84);
}
.kc-ring-center span{
  font-weight: 900;
  color: rgba(0,0,0,.58);
  font-size: 12px;
}
.kc-ring-center em{
  font-style: normal;
  font-weight: 950;
  color: rgba(0,0,0,.78);
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.28);
  background: rgba(40,233,140,.10);
  margin-top: 2px;
}

.kc-ring-notes{
  display:grid;
  gap: 8px;
}
.kc-ring-notes .r{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
}
.kc-ring-notes .r span{
  font-weight: 900;
  color: rgba(0,0,0,.65);
}
.kc-ring-notes .r strong{
  font-weight: 950;
  color: rgba(0,0,0,.82);
}

.kc-impact-table{
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  padding: 14px;
}
.kc-impact-table-head{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.kc-impact-table-head strong{ font-weight: 950; }
.kc-impact-table-head .muted{
  font-weight: 900;
  color: rgba(0,0,0,.55);
  font-size: 12px;
}

.kc-impact-cols{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.kc-impact-col{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(245,247,250,.88);
  padding: 12px;
  display:grid;
  gap: 10px;
}
.kc-impact-col .lbl{
  font-weight: 950;
  color: rgba(0,0,0,.76);
}

.kc-tbar.bar{
  position: relative;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.94);
  padding: 10px 10px;
  overflow:hidden;
}
.kc-tbar.bar .fill{
  position:absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0%;
  background: rgba(40,233,140,.20);
  border-right: 1px solid rgba(40,233,140,.26);
  border-radius: 14px;
  transition: width .75s cubic-bezier(.2,.8,.2,1);
}
.kc-tbar small{
  position: relative;
  z-index: 1;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 8px;
  font-weight: 900;
  color: rgba(0,0,0,.70);
}
.kc-tbar small b{
  font-weight: 950;
  color: rgba(0,0,0,.82);
}

.kc-impact-note{
  margin-top: 12px;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(245,247,250,.92);
  font-weight: 850;
  color: rgba(0,0,0,.65);
}
.kc-impact-actions{
  margin-top: 12px;
  display:flex;
  justify-content:flex-end;
}

@media (max-width: 991px){
  .kc-impact-dashboard .kc-impact-main{ grid-template-columns: 1fr; }
  .kc-impact-cols{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px){
  .kc-impact-cols{ grid-template-columns: 1fr; }
}

/* =========================
   Home: Scenario Plan (v2)
   ========================= */
.kc-scenario-left{ display:grid; gap: 14px; }
.kc-scenario-btn{
  display:grid;
  grid-template-columns: 34px 1fr;
  column-gap: 12px;
  align-items:center;
}
.kc-scenario-btn i{
  width: 34px; height: 34px;
  display:flex; align-items:center; justify-content:center;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.28);
  background: rgba(40,233,140,.10);
  color: var(--theme);
}
.kc-scenario-btn .t{ grid-column: 2; }
.kc-scenario-btn .s{ grid-column: 2; }

.kc-scenario-preview{
  border-radius: 24px;
  padding: 16px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.78);
  box-shadow: 0 18px 45px rgba(0,0,0,.06);
}
.kc-preview-head{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-bottom: 10px;
}
.kc-preview-head .pill{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.28);
  background: rgba(40,233,140,.08);
  font-weight: 950;
  font-size: 12px;
  color: rgba(0,0,0,.70);
}
.kc-preview-desc{
  margin: 0;
  color: rgba(0,0,0,.68);
  font-weight: 700;
  line-height: 1.65;
}
.kc-checklist-sm{ margin-top: 12px; gap: 7px; }
.kc-checklist-sm li{ font-weight: 750; }

.kc-preview-row{
  margin-top: 14px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.kc-preview-row .i{
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(245,247,250,.85);
}
.kc-preview-row span{
  display:block;
  font-weight: 900;
  font-size: 12px;
  color: rgba(0,0,0,.52);
  margin-bottom: 6px;
}
.kc-preview-row strong{
  font-weight: 950;
  color: rgba(0,0,0,.78);
  letter-spacing: -.2px;
}

.kc-preview-tip{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  align-items:flex-start;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.85);
  color: rgba(0,0,0,.65);
  font-weight: 750;
  line-height: 1.6;
}
.kc-preview-tip i{ margin-top: 3px; color: var(--theme); }
.kc-preview-tip a{ font-weight: 950; text-decoration: underline; text-underline-offset: 4px; }

.kc-sim-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.kc-sim-item{
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.82);
}
.kc-sim-item .k{
  display:block;
  font-weight: 950;
  font-size: 12px;
  color: rgba(0,0,0,.55);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.kc-sim-item strong{
  display:block;
  font-weight: 950;
  color: rgba(0,0,0,.82);
}
.kc-sim-item em{
  display:block;
  margin-top: 6px;
  font-style: normal;
  font-weight: 750;
  color: rgba(0,0,0,.60);
  line-height: 1.5;
}

.kc-sim-steps{ margin-top: 14px; }
.kc-sim-steps h4{ margin-bottom: 10px; font-weight: 950; }
.kc-stepper{
  list-style:none;
  margin: 0;
  padding: 0;
  display:grid;
  gap: 10px;
}
.kc-stepper li{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.82);
}
.kc-stepper .n{
  min-width: 30px;
  height: 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.30);
  background: rgba(40,233,140,.10);
  color: rgba(0,0,0,.80);
  font-weight: 950;
}
.kc-stepper strong{ display:block; font-weight: 950; color: rgba(0,0,0,.80); }
.kc-stepper span{ display:block; margin-top: 4px; color: rgba(0,0,0,.62); font-weight: 750; line-height: 1.55; }

.kc-sim-two{
  margin-top: 14px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 991px){
  .kc-sim-grid{ grid-template-columns: 1fr; }
  .kc-sim-two{ grid-template-columns: 1fr; }
  .kc-preview-row{ grid-template-columns: 1fr; }
}

/* =========================
   Home: Impact (v2)
   ========================= */
.kc-impact2-card{
  border-radius: 28px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.45);
  box-shadow: 0 24px 60px rgba(0,0,0,.08);
  overflow:hidden;
}
.kc-impact2-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px 0;
}
.kc-impact2-toggle{
  display:inline-flex;
  padding: 6px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.75);
  gap: 6px;
}
.kc-impact2-toggle button{
  border: 0;
  background: transparent;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 950;
  color: rgba(0,0,0,.66);
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.kc-impact2-toggle button:hover{ transform: translateY(-1px); }
.kc-impact2-toggle button.is-active{
  background: rgba(40,233,140,.16);
  color: rgba(0,0,0,.85);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}
.kc-impact2-badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.28);
  background: rgba(40,233,140,.08);
  color: rgba(0,0,0,.70);
  font-weight: 900;
}
.kc-impact2-badge i{ color: var(--theme); }

.kc-impact2-metrics{
  padding: 14px 16px 0;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
}
.kc-impact2-metrics .m{
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.82);
  padding: 14px 14px;
}
.kc-impact2-metrics .t{
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 950;
  color: rgba(0,0,0,.72);
}
.kc-impact2-metrics .t i{ color: var(--theme); }
.kc-impact2-metrics .v{
  margin-top: 10px;
  display:flex;
  align-items:baseline;
  gap: 10px;
  font-size: 20px;
  letter-spacing: -.2px;
}
.kc-impact2-metrics .v strong{ font-weight: 950; color: rgba(0,0,0,.86); }
.kc-impact2-metrics .arr{ opacity: .55; font-weight: 950; }
.kc-impact2-metrics small{
  display:block;
  margin-top: 8px;
  color: rgba(0,0,0,.60);
  font-weight: 750;
  line-height: 1.45;
}
@media (max-width: 991px){
  .kc-impact2-metrics{ grid-template-columns: 1fr; }
}

.kc-impact2-chart{
  padding: 14px 16px 0;
}
.kc-impact2-chart .head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.kc-impact2-chart .head strong{ font-weight: 950; }
.kc-impact2-chart .muted{ color: rgba(0,0,0,.55); font-weight: 850; }
.kc-spark{
  width: 100%;
  height: auto;
  display:block;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(245,247,250,.85);
  overflow:hidden;
}
.kc-spark .area{
  fill: rgba(40,233,140,.18);
}
.kc-spark .line{
  fill: none;
  stroke: var(--theme);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kc-spark .pt{
  fill: #fff;
  stroke: var(--theme);
  stroke-width: 3;
  opacity: .95;
}
.kc-spark .pt.is-before{ stroke: rgba(0,0,0,.35); }
.kc-spark .pt.is-after{ fill: var(--theme); stroke: #fff; }

.kc-impact2-legend{
  margin-top: 10px;
  display:flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items:center;
  color: rgba(0,0,0,.60);
  font-weight: 800;
}
.kc-impact2-legend .dot{
  width: 10px; height: 10px;
  border-radius: 999px;
  display:inline-block;
  margin-right: 8px;
}
.kc-impact2-legend .dot.before{ background: rgba(0,0,0,.35); }
.kc-impact2-legend .dot.after{ background: var(--theme); }
.kc-impact2-legend .tip{ margin-left:auto; font-weight: 750; }

.kc-impact2-foot{
  padding: 14px 16px 16px;
  display:flex;
  gap: 14px;
  align-items:center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.kc-impact2-foot .txt{
  flex: 1 1 320px;
  color: rgba(0,0,0,.68);
  font-weight: 750;
  line-height: 1.65;
}
.kc-impact2-foot .actions{
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap: wrap;
}
.kc-impact2-foot .btn-small{
  padding: 12px 14px;
}


/* KC ABOUT PAGE V2 */
.kc-cv-hint{max-width:560px;margin:12px 0 0;color:#444;}
.kc-cv-btn{display:inline-flex;align-items:center;gap:10px;}
.kc-cv-btn i{margin-left:2px;}

.kc-story-strip .section-title p{max-width:760px;margin-left:auto;margin-right:auto;}
.kc-story-grid{
  display:grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 1199px){
  .kc-story-grid{grid-template-columns: repeat(3, minmax(0,1fr));}
}
@media (max-width: 767px){
  .kc-story-grid{grid-template-columns: 1fr;}
}
.kc-story-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  padding: 16px 16px 14px;
  box-shadow: 0 12px 34px rgba(0,0,0,.05);
  position:relative;
  overflow:hidden;
  transform: translateY(0);
  transition: transform .25s ease, box-shadow .25s ease;
}
.kc-story-card::before{
  content:"";
  position:absolute; inset:-1px;
  background: radial-gradient(600px 200px at 20% 0%, rgba(27,220,116,.18), transparent 60%),
              radial-gradient(500px 200px at 90% 20%, rgba(0,150,255,.12), transparent 60%);
  opacity:.9;
  pointer-events:none;
}
.kc-story-card > *{position:relative; z-index:1;}
.kc-story-card:hover{transform: translateY(-6px); box-shadow: 0 18px 44px rgba(0,0,0,.08);}
.kc-story-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.kc-story-year{font-weight:900;font-size:12px;background: rgba(27,220,116,.12); padding:6px 10px;border-radius:999px;}
.kc-story-tag{font-size:12px;color:#555;background: rgba(0,0,0,.05); padding:6px 10px;border-radius:999px;}
.kc-story-card h3{font-weight: 900; margin: 0 0 8px 0; font-size: 18px;}
.kc-story-card p{margin:0;color:#333;line-height:1.55;}

/* Reveal animation (JS ile) */
html.kc-js [data-kc-reveal]{opacity:0; transform: translateY(16px) scale(.985); filter: blur(6px); transition: opacity .7s ease, transform .7s ease, filter .7s ease;}
html.kc-js [data-kc-reveal].kc-inview{opacity:1; transform:none; filter:none;}

/* Timeline progress */
.kc-timeline--pro{position:relative;}
.kc-timeline--pro .kc-tl-line{
  content:"";
  position:absolute;
  left: 8px;
  top: 6px;
  bottom: 6px;
  width: 2px;
  background: rgba(0,0,0,.08);
  border-radius: 999px;
}
.kc-timeline--pro .kc-tl-progress{
  position:absolute;
  left: 8px;
  top: 6px;
  width: 2px;
  height: 0%;
  background: linear-gradient(180deg, rgba(27,220,116,1), rgba(0,150,255,.65));
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(27,220,116,.12);
  transition: height .25s ease;
}
/* Eski :before çizgiyi kapat */
.kc-timeline--pro::before{display:none;}

/* Education cards */
.kc-edu-section .section-title p{max-width:760px;margin-left:auto;margin-right:auto;}
.kc-edu-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius: 20px;
  padding: 18px 18px 16px;
  box-shadow: 0 12px 34px rgba(0,0,0,.05);
  height:100%;
  transition: transform .25s ease, box-shadow .25s ease;
  position:relative;
  overflow:hidden;
}
.kc-edu-card::before{
  content:"";
  position:absolute; inset:-1px;
  background: radial-gradient(500px 200px at 20% 0%, rgba(27,220,116,.16), transparent 60%);
  opacity:.8;
  pointer-events:none;
}
.kc-edu-card > *{position:relative; z-index:1;}
.kc-edu-card:hover{transform: translateY(-6px); box-shadow: 0 18px 44px rgba(0,0,0,.08);}
.kc-edu-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}
.kc-edu-year{font-weight:900;font-size:12px;background: rgba(27,220,116,.12); padding:6px 10px;border-radius:999px;}
.kc-edu-badge{font-size:12px;color:#555;background: rgba(0,0,0,.05); padding:6px 10px;border-radius:999px;}
.kc-edu-card h3{font-weight:900;margin:0 0 6px 0;font-size:18px;}
.kc-edu-degree{margin:0;color:#222;font-weight:800;}
.kc-edu-card--wide{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.kc-edu-card--wide h3{margin:0;}
.kc-edu-card--wide .kc-edu-degree{margin:0;}

/* CV Modal (about) */
.kc-cv-modal{border-radius: 18px; overflow:hidden;}
.kc-cv-modal .modal-header{align-items:flex-start; gap: 12px;}
.kc-cv-sub{margin: 4px 0 0; color:#555; font-size: 13px;}
.kc-cv-actions{display:flex; align-items:center; gap: 10px;}
.kc-cv-download{display:inline-flex; align-items:center; gap:8px; padding: 10px 12px; border-radius: 12px; background: rgba(27,220,116,.12); color:#111; font-weight: 800;}
.kc-cv-download:hover{background: rgba(27,220,116,.18);}
.kc-cv-frame{width:100%; height: 78vh; border:0; border-radius: 14px; background:#fff;}
@media (max-width: 767px){
  .kc-cv-frame{height: 70vh;}
}


/* ================================
   KC ABOUT v3 — Sade & Premium
================================ */
.kc-about-hero__content { max-width: 560px; }
.kc-eyebrow { display:inline-flex; align-items:center; gap:10px; font-weight:600; color:#13c37a; margin-bottom:10px; }
.kc-eyebrow img { width:18px; height:auto; }
.kc-about-title { font-size: 56px; line-height:1.05; margin-bottom: 12px; }
.kc-about-lead { font-size: 18px; color: rgba(0,0,0,.65); margin-bottom: 18px; }
.kc-about-note { margin-top: 14px; color: rgba(0,0,0,.55); font-size: 14px; }

.kc-chips { display:flex; flex-wrap:wrap; gap:10px; margin-bottom: 18px; }
.kc-chip { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius: 999px; border:1px solid rgba(19,195,122,.25); background: rgba(19,195,122,.08); color: rgba(0,0,0,.75); font-weight:600; font-size: 13px; }
.kc-chip i { color: #13c37a; }

.kc-about-cta { display:flex; flex-wrap:wrap; gap:12px; margin-top: 6px; }
.kc-stats { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px; margin-top: 18px; }
.kc-stat { padding:14px 14px; border-radius: 16px; border:1px solid rgba(0,0,0,.08); background: rgba(255,255,255,.75); backdrop-filter: blur(10px); }
.kc-stat strong { display:block; font-size: 22px; line-height:1; }
.kc-stat span { display:block; margin-top:6px; color: rgba(0,0,0,.55); font-size: 13px; font-weight: 600; }

.kc-about-hero__media { position: relative; }
.kc-portrait-wrap { position:relative; border-radius: 28px; overflow:hidden; border: 1px solid rgba(0,0,0,.08); background: rgba(255,255,255,.65); backdrop-filter: blur(12px); box-shadow: 0 24px 70px rgba(0,0,0,.12); }
.kc-portrait { width:100%; height:auto; display:block; transform: translateZ(0); }
.kc-glow { position:absolute; inset: -40px; background: radial-gradient(circle at 30% 35%, rgba(19,195,122,.35), transparent 55%),
                               radial-gradient(circle at 80% 30%, rgba(72,169,255,.28), transparent 55%),
                               radial-gradient(circle at 60% 85%, rgba(255,99,182,.22), transparent 55%); filter: blur(24px); opacity: .9; pointer-events:none; z-index:-1; }

.kc-float { position:absolute; display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius: 16px; border:1px solid rgba(0,0,0,.10);
           background: rgba(255,255,255,.85); backdrop-filter: blur(14px); box-shadow: 0 18px 40px rgba(0,0,0,.12); }
.kc-float i { width:34px; height:34px; display:grid; place-items:center; border-radius: 12px; background: rgba(19,195,122,.12); color: #13c37a; }
.kc-float strong { display:block; font-size: 14px; }
.kc-float span { display:block; font-size: 12px; color: rgba(0,0,0,.55); font-weight: 600; }
.kc-float--a { top: 16px; left: 16px; animation: kcFloat 6.5s ease-in-out infinite; }
.kc-float--b { top: 34%; right: 16px; animation: kcFloat 7.2s ease-in-out infinite; }
.kc-float--c { bottom: 16px; left: 22%; animation: kcFloat 6.9s ease-in-out infinite; }
@keyframes kcFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

.kc-card { border:1px solid rgba(0,0,0,.08); border-radius: 22px; background: rgba(255,255,255,.82); backdrop-filter: blur(12px);
           box-shadow: 0 20px 55px rgba(0,0,0,.08); padding: 22px; }
.kc-card h3 { font-size: 22px; margin-bottom: 10px; }
.kc-mini-timeline { margin-top: 16px; display:grid; gap:10px; }
.kc-mt-item { display:flex; gap:10px; padding:10px 12px; border-radius: 14px; border:1px solid rgba(0,0,0,.08); background: rgba(255,255,255,.7); }
.kc-mt-item span { min-width: 110px; font-weight: 800; color: rgba(0,0,0,.70); }

.kc-checklist { list-style:none; padding:0; margin: 0; display:grid; gap:12px; }
.kc-checklist li { position:relative; padding-left: 28px; color: rgba(0,0,0,.72); font-weight: 600; }
.kc-checklist li::before { content:""; position:absolute; left:0; top:3px; width:18px; height:18px; border-radius: 7px;
                           background: rgba(19,195,122,.14); border:1px solid rgba(19,195,122,.35); }
.kc-checklist li::after { content:"✓"; position:absolute; left:4px; top:0px; color:#13c37a; font-weight:900; font-size:14px; }

.kc-pillrow { margin-top: 16px; display:flex; flex-wrap:wrap; gap:10px; }
.kc-pill { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border-radius: 999px;
           border:1px solid rgba(0,0,0,.08); background: rgba(255,255,255,.7); font-weight: 700; font-size: 13px; color: rgba(0,0,0,.72); }
.kc-pill i { color:#13c37a; }

.kc-timeline { position:relative; display:grid; gap:18px; }
.kc-tl-line { position:absolute; left: 14px; top: 6px; bottom: 6px; width: 3px; background: rgba(0,0,0,.08); border-radius: 999px; }
.kc-tl-progress { position:absolute; left:0; top:0; width: 100%; height: 0%; background: linear-gradient(180deg, rgba(19,195,122,1), rgba(72,169,255,1)); border-radius: 999px; }
.kc-tl-item { display:grid; grid-template-columns: 170px 1fr; gap: 18px; position:relative; padding-left: 44px; }
.kc-tl-item::before { content:""; position:absolute; left: 7px; top: 18px; width: 18px; height: 18px; border-radius: 999px;
                      background: #fff; border: 3px solid rgba(19,195,122,.9); box-shadow: 0 10px 22px rgba(0,0,0,.10); }
.kc-tl-meta { padding-top: 8px; display:grid; gap:8px; color: rgba(0,0,0,.60); font-weight: 700; }
.kc-tl-date { display:inline-flex; align-items:center; gap:8px; }
.kc-tl-place { display:inline-flex; align-items:center; gap:8px; }
.kc-tl-card { border:1px solid rgba(0,0,0,.08); border-radius: 22px; background: rgba(255,255,255,.88); backdrop-filter: blur(12px);
              padding: 20px; box-shadow: 0 20px 55px rgba(0,0,0,.08); }
.kc-tl-card h3 { font-size: 20px; margin-bottom: 10px; }
.kc-tl-card h3 span { color: rgba(0,0,0,.55); font-weight: 700; }
.kc-tl-card ul { margin: 0; padding-left: 18px; color: rgba(0,0,0,.70); font-weight: 600; }
.kc-tl-card li { margin: 8px 0; }

.kc-edu-card { border:1px solid rgba(0,0,0,.08); border-radius: 22px; background: rgba(255,255,255,.86); backdrop-filter: blur(12px);
               padding: 20px; box-shadow: 0 18px 48px rgba(0,0,0,.07); height: 100%; }
.kc-edu-top { display:flex; justify-content:space-between; gap:10px; color: rgba(0,0,0,.60); font-weight: 800; font-size: 13px; }
.kc-edu-year { padding:6px 10px; border-radius: 999px; border:1px solid rgba(19,195,122,.25); background: rgba(19,195,122,.10); color: rgba(0,0,0,.70); }
.kc-edu-card h3 { margin-top: 10px; font-size: 18px; }
.kc-edu-card p { margin: 0; color: rgba(0,0,0,.58); font-weight: 700; }

.kc-lang { display:grid; gap:12px; }
.kc-lang-row { display:flex; justify-content:space-between; align-items:center; padding: 12px 14px; border-radius: 16px; border:1px solid rgba(0,0,0,.08);
               background: rgba(255,255,255,.7); font-weight: 800; color: rgba(0,0,0,.70); }

.kc-badgelist { display:flex; flex-wrap:wrap; gap:10px; }
.kc-badge { display:inline-flex; padding:9px 12px; border-radius: 999px; border:1px solid rgba(0,0,0,.08); background: rgba(255,255,255,.7);
           font-weight: 800; color: rgba(0,0,0,.70); font-size: 13px; }

.kc-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top: 12px; }
.kc-tag { display:inline-flex; padding:9px 12px; border-radius: 14px; border:1px solid rgba(0,0,0,.08); background: rgba(255,255,255,.7);
         font-weight: 800; color: rgba(0,0,0,.70); font-size: 13px; }

.kc-cta-slab { display:flex; align-items:center; justify-content:space-between; gap:18px; padding: 26px; border-radius: 26px;
               border:1px solid rgba(0,0,0,.08);
               background: linear-gradient(135deg, rgba(19,195,122,.14), rgba(72,169,255,.10), rgba(255,99,182,.10));
               box-shadow: 0 26px 70px rgba(0,0,0,.10); }
.kc-cta-slab h2 { margin:0; font-size: 28px; }
.kc-cta-slab p { margin: 8px 0 0; color: rgba(0,0,0,.65); font-weight: 600; }
.kc-cta-actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }

/* Modal */
.kc-modal .modal-dialog { transform: translateY(10px); }
.kc-cv-modal { border-radius: 22px; overflow:hidden; border:1px solid rgba(255,255,255,.25);
              background: rgba(255,255,255,.88); backdrop-filter: blur(16px);
              box-shadow: 0 40px 120px rgba(0,0,0,.22); }
.kc-cv-topbar { display:flex; align-items:center; justify-content:space-between; gap:14px; padding: 14px 16px;
               border-bottom: 1px solid rgba(0,0,0,.08);
               background: rgba(255,255,255,.80); }
.kc-cv-dots { display:flex; gap:8px; }
.kc-cv-dots span { width:12px; height:12px; border-radius:999px; display:block; }
.kc-cv-dots span:nth-child(1){ background:#ff5f57; }
.kc-cv-dots span:nth-child(2){ background:#febc2e; }
.kc-cv-dots span:nth-child(3){ background:#28c840; }
.kc-cv-title { font-weight: 900; color: rgba(0,0,0,.78); }
.kc-cv-actions { display:flex; align-items:center; gap:10px; }
.kc-cv-link, .kc-cv-download { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border-radius: 12px;
                               border:1px solid rgba(0,0,0,.10); background: rgba(255,255,255,.75);
                               font-weight: 900; color: rgba(0,0,0,.78); font-size: 13px; }
.kc-cv-download { border-color: rgba(19,195,122,.25); background: rgba(19,195,122,.10); }
.kc-cv-body { padding: 0; }
.kc-cv-frame { width: 100%; height: min(76vh, 920px); border:0; background:#fff; display:block; }

@media (max-width: 991px) {
  .kc-about-title { font-size: 40px; }
  .kc-stats { grid-template-columns: 1fr; }
  .kc-tl-item { grid-template-columns: 1fr; padding-left: 44px; }
  .kc-tl-meta { order: 1; }
  .kc-tl-card { order: 2; }
  .kc-cta-slab { flex-direction: column; align-items: flex-start; }
  .kc-cta-actions { justify-content:flex-start; }
  .kc-cv-frame { height: 70vh; }
}




/* ABOUT — Hikayem öne çıkanlar (v11) */
.kc-story-highlights{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
@media (max-width: 575px){
  .kc-story-highlights{ grid-template-columns: 1fr; }
}
.kc-sh-item{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.88);
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
  transition: transform .25s ease, box-shadow .25s ease;
}
.kc-sh-item i{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(60,90,255,.10);
  color: rgba(0,0,0,.85);
}
.kc-sh-item strong{
  display:block;
  font-weight: 900;
  line-height: 1.15;
}
.kc-sh-item span{
  display:block;
  font-size: 14px;
  color: rgba(0,0,0,.65);
  margin-top: 2px;
}
.kc-sh-item:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(0,0,0,.10);
}

/* ABOUT — Eğitim grid (v11) */
.kc-edu-grid{
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 767px){
  .kc-edu-grid{ grid-template-columns: 1fr; }
}
.kc-edu-item{
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.06);
  background: #fff;
  padding: 18px 18px 16px;
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
  transition: transform .25s ease, box-shadow .25s ease;
}
.kc-edu-item::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(520px 240px at 18% 0%, rgba(60,90,255,.14), transparent 60%),
    radial-gradient(520px 240px at 82% 0%, rgba(0,200,255,.12), transparent 60%);
  opacity: .95;
  pointer-events: none;
}
.kc-edu-item > *{ position: relative; }
.kc-edu-top{
  display:flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}
.kc-edu-school{
  display:flex;
  align-items:center;
  gap: 8px;
  font-weight: 900;
}
.kc-edu-year{
  font-size: 13px;
  font-weight: 850;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
}
.kc-edu-title{
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.25;
}
.kc-edu-level{
  font-size: 14px;
  font-weight: 750;
  color: rgba(0,0,0,.65);
}
.kc-edu-item:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 58px rgba(0,0,0,.10);
}


/* =========================================================
   ABOUT v13 — Education redesign + CV Modal 2026
   ========================================================= */

/* Education (2026) */
.kc-edu2026 .kc-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-weight:900; color: rgba(0,0,0,.70);
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(0,0,0,.06);
  padding: 8px 12px; border-radius: 999px;
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
}
.kc-edu2026-title{ font-size: 40px; line-height:1.08; margin:14px 0 10px; font-weight: 900; color: rgba(0,0,0,.86); }
.kc-edu2026-text{ color: rgba(0,0,0,.66); font-weight: 600; max-width: 520px; }
.kc-edu2026-intro{
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 26px;
  padding: 18px 18px 16px;
  box-shadow: 0 18px 55px rgba(0,0,0,.06);
  position: sticky;
  top: 110px;
  overflow:hidden;
}
.kc-edu2026-intro::before{
  content:"";
  position:absolute; inset:-1px;
  background:
    radial-gradient(700px 260px at 20% 0%, rgba(60,90,255,.14), transparent 60%),
    radial-gradient(700px 260px at 85% 0%, rgba(0,200,255,.10), transparent 60%);
  pointer-events:none;
  opacity:.9;
}
.kc-edu2026-intro > *{ position:relative; z-index:1; }
.kc-edu2026-note{
  display:flex; align-items:flex-start; gap:10px;
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 18px;
  border:1px solid rgba(0,0,0,.06);
  background: rgba(0,0,0,.02);
  color: rgba(0,0,0,.70);
  font-weight: 700;
}
.kc-edu2026-note i{ margin-top:2px; color: rgba(19,195,122,.90); }
.kc-edu2026-chips{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 12px; }
.kc-chip{
  display:inline-flex; align-items:center;
  padding: 8px 12px; border-radius: 999px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.75);
  color: rgba(0,0,0,.72);
  font-weight: 800; font-size: 13px;
}
.kc-chip--soft{
  border-color: rgba(60,90,255,.18);
  background: rgba(60,90,255,.08);
}
.kc-edu2026-timeline{
  position: relative;
  padding-left: 30px;
}
.kc-edu2026-timeline::before{
  content:"";
  position:absolute;
  left: 12px; top: 6px; bottom: 6px;
  width: 2px;
  background: linear-gradient(180deg, rgba(60,90,255,.35), rgba(0,0,0,.08), rgba(0,200,255,.25));
  border-radius: 2px;
}
.kc-edu2026-item{
  position: relative;
  display:grid;
  grid-template-columns: 140px 1fr;
  gap: 14px;
  align-items: stretch;
  margin-bottom: 14px;
}
.kc-edu2026-item::before{
  content:"";
  position:absolute;
  left: -26px; top: 18px;
  width: 16px; height: 16px;
  border-radius: 999px;
  background: rgba(60,90,255,.90);
  box-shadow: 0 0 0 6px rgba(60,90,255,.12), 0 18px 40px rgba(60,90,255,.22);
}
.kc-edu2026-year{
  font-weight: 900;
  color: rgba(0,0,0,.55);
  padding-top: 10px;
}
.kc-edu2026-card{
  position: relative;
  border-radius: 26px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 55px rgba(0,0,0,.06);
  padding: 16px 16px 14px;
  overflow:hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.kc-edu2026-card::before{
  content:"";
  position:absolute; inset:-1px;
  background: radial-gradient(600px 220px at 20% 0%, rgba(0,200,255,.10), transparent 60%);
  opacity:.9; pointer-events:none;
}
.kc-edu2026-card > *{ position:relative; z-index:1; }
.kc-edu2026-card:hover{ transform: translateY(-6px); box-shadow: 0 24px 70px rgba(0,0,0,.08); }
.kc-edu2026-school{
  font-weight: 900;
  color: rgba(0,0,0,.68);
  display:flex; align-items:center; gap:10px;
}
.kc-edu2026-school i{ color: rgba(60,90,255,.95); }
.kc-edu2026-program{
  margin: 10px 0 8px;
  font-weight: 900;
  color: rgba(0,0,0,.86);
  font-size: 20px;
}
.kc-edu2026-meta{ display:flex; flex-wrap:wrap; gap:10px; }

@media (max-width: 991px){
  .kc-edu2026-intro{ position: static; }
}
@media (max-width: 767px){
  .kc-edu2026-title{ font-size: 34px; }
  .kc-edu2026-timeline{ padding-left: 18px; }
  .kc-edu2026-item{ grid-template-columns: 1fr; gap: 10px; padding-left: 0; }
  .kc-edu2026-year{ padding-left: 22px; }
  .kc-edu2026-item::before{ top: 12px; left: -14px; }
}

/* CV Modal (2026) */
.modal-backdrop.show{ opacity: .58; background: #070A14; }
.kc-cv2026{
  border-radius: 26px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(18px);
  box-shadow: 0 50px 140px rgba(0,0,0,.28);
}
.kc-cv2026-header{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding: 16px 16px;
  border-bottom: 1px solid rgba(0,0,0,.08);
  background:
    radial-gradient(900px 240px at 20% 0%, rgba(60,90,255,.14), transparent 60%),
    radial-gradient(900px 240px at 85% 0%, rgba(0,200,255,.10), transparent 60%),
    rgba(255,255,255,.82);
}
.kc-cv2026-titlewrap{ display:flex; align-items:center; gap:12px; }
.kc-cv2026-badge{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.78);
  font-weight: 900;
  color: rgba(0,0,0,.72);
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
}
.kc-cv2026-title{ font-weight: 950; color: rgba(0,0,0,.86); line-height:1.1; }
.kc-cv2026-sub{ color: rgba(0,0,0,.60); font-weight: 700; font-size: 13px; margin-top:2px; }

.kc-cv2026-actions{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.kc-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding: 10px 12px;
  border-radius: 14px;
  border:1px solid rgba(0,0,0,.10);
  font-weight: 900;
  color: rgba(0,0,0,.78);
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 32px rgba(0,0,0,.06);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
  font-size: 13px;
}
.kc-btn:hover{ transform: translateY(-2px); box-shadow: 0 18px 42px rgba(0,0,0,.08); }
.kc-btn--ghost{ background: rgba(255,255,255,.70); }
.kc-btn--primary{
  border-color: rgba(19,195,122,.26);
  background: rgba(19,195,122,.10);
}
.kc-icon-btn{
  width: 42px; height: 42px;
  border-radius: 14px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.70);
  display:grid; place-items:center;
  color: rgba(0,0,0,.75);
  box-shadow: 0 12px 32px rgba(0,0,0,.06);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.kc-icon-btn:hover{ transform: translateY(-2px); box-shadow: 0 18px 42px rgba(0,0,0,.08); }

.kc-cv2026-body{ position: relative; padding: 0; background: #fff; }
.kc-cv-frame{ width:100%; height: min(78vh, 980px); border:0; display:block; background:#fff; }
.kc-cv2026-skeleton{
  position:absolute; inset:0;
  display:flex; flex-direction:column; gap:12px;
  padding: 22px;
  background:
    linear-gradient(110deg, rgba(245,247,255,.92) 0%, rgba(255,255,255,.92) 35%, rgba(245,247,255,.92) 70%);
  background-size: 200% 100%;
  animation: kc-skel 1.1s ease-in-out infinite;
}
.kc-cv2026-skeleton .kc-skel-line{
  height: 14px; border-radius: 999px;
  background: rgba(0,0,0,.08);
  width: 90%;
}
.kc-cv2026-skeleton .kc-skel-line:nth-child(2){ width: 72%; }
.kc-cv2026-skeleton .kc-skel-line:nth-child(3){ width: 55%; }
@keyframes kc-skel{ 0%{ background-position: 0% 0; } 100%{ background-position: 200% 0; } }

@media (max-width: 767px){
  .kc-cv2026-actions{ width:100%; justify-content:flex-start; }
  .kc-btn{ flex: 1 1 auto; justify-content:center; }
}



/* -----------------------------------------
   KC CERTS — Ultimate 2026 (Home-style + Godmode)
------------------------------------------ */

.kc-certs-hub{
  position: relative;
}

.kc-certs-controls-wrap{
  border-radius: 22px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(10px);
  padding: 14px;
  box-shadow: 0 22px 60px rgba(0,0,0,.06);
}

.kc-certs-controls{
  display:flex;
  gap: 12px;
  align-items:center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.kc-certs-left, .kc-certs-right{
  display:flex;
  gap: 12px;
  align-items:center;
  flex-wrap: wrap;
}

.kc-input-wrap, .kc-select-wrap{
  position: relative;
  display:flex;
  align-items:center;
}

.kc-input-wrap i, .kc-select-wrap i{
  position:absolute;
  left: 12px;
  font-size: 14px;
  opacity: .65;
  pointer-events:none;
}

.kc-input{
  width: 320px;
  max-width: 78vw;
  padding: 12px 14px 12px 38px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  font-weight: 800;
  color: rgba(0,0,0,.78);
  transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}

.kc-input:focus{
  outline: none;
  border-color: rgba(40,233,140,.55);
  box-shadow: 0 16px 46px rgba(40,233,140,.14);
  transform: translateY(-1px);
}

.kc-select{
  padding: 12px 14px 12px 38px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  font-weight: 900;
  color: rgba(0,0,0,.78);
  transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}

.kc-select:focus{
  outline: none;
  border-color: rgba(40,233,140,.55);
  box-shadow: 0 16px 46px rgba(40,233,140,.14);
  transform: translateY(-1px);
}

.kc-pill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.30);
  background: rgba(40,233,140,.10);
  font-weight: 900;
  color: rgba(0,0,0,.72);
}

.kc-count{
  font-weight: 900;
  opacity: .75;
}

.kc-certs-grid{
  margin-top: 16px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

@media (max-width: 991px){
  .kc-certs-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .kc-input{ width: 100%; }
}
@media (max-width: 575px){
  .kc-certs-grid{ grid-template-columns: 1fr; }
}

/* Card — animated conic border + glass + cursor glow */
.kc-cert-card{
  position: relative;
  overflow:hidden;
  border-radius: 22px;
  padding: 16px 16px 14px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 20px 50px rgba(0,0,0,.08);
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
  will-change: transform;
  user-select:none;
  isolation: isolate;
}

.kc-cert-card:focus{
  outline: none;
  box-shadow: 0 26px 72px rgba(0,0,0,.12);
  border-color: rgba(40,233,140,.45);
}

.kc-cert-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: 24px;
  background: conic-gradient(from 180deg, rgba(40,233,140,.0), rgba(40,233,140,.55), rgba(120,114,255,.45), rgba(255,80,220,.35), rgba(40,233,140,.0));
  animation: kcSpin 6s linear infinite;
  opacity: .0;
  transition: opacity .2s ease;
  filter: blur(0.3px);
  z-index: 0;
}

.kc-cert-card::after{
  content:"";
  position:absolute;
  inset: 1px;
  border-radius: 21px;
  background:
    radial-gradient(420px 220px at var(--mx, 40%) var(--my, 30%), rgba(40,233,140,.18), rgba(255,255,255,0) 60%),
    radial-gradient(380px 220px at 100% 0%, rgba(120,114,255,.10), rgba(255,255,255,0) 65%),
    rgba(255,255,255,.92);
  z-index: 0;
}

@keyframes kcSpin { to { transform: rotate(360deg); } }

.kc-cert-card:hover{
  transform: translateY(-4px);
  border-color: rgba(40,233,140,.30);
  box-shadow: 0 28px 80px rgba(0,0,0,.14);
}

.kc-cert-card:hover::before{
  opacity: .9;
}

.kc-cert-card > *{ position: relative; z-index: 1; }

.kc-cert-top{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.kc-cert-badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.30);
  background: rgba(40,233,140,.10);
  font-weight: 900;
  font-size: 13px;
}

.kc-cert-meta{
  display:flex;
  align-items:center;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  text-align:right;
  opacity: .9;
}

.kc-meta-item{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-size: 12px;
  font-weight: 800;
  color: rgba(0,0,0,.70);
}
.kc-meta-item i{ opacity:.8; }
.kc-meta-dot{
  width: 5px; height: 5px; border-radius: 50%;
  background: rgba(0,0,0,.25);
}

.kc-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  letter-spacing: .2px;
}

.kc-cert-title{
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.2;
}

.kc-cert-tags{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.kc-chip--mini{
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 900;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
}
.kc-chip--mini i{ font-size: 12px; opacity:.65; }

.kc-cert-actions{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 2px;
}

.kc-icon-btn{
  width: 42px;
  height: 42px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.86);
  display:grid;
  place-items:center;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.kc-icon-btn:hover{
  transform: translateY(-2px);
  border-color: rgba(40,233,140,.35);
  box-shadow: 0 14px 30px rgba(0,0,0,.10);
}
.kc-icon-btn:active{ transform: translateY(0); }

.kc-open-pill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);
  font-weight: 900;
}

.kc-cert-card[hidden] { display:none !important; }

/* Modal — godmode glass */
.kc-cert-modal .modal-dialog{ padding: 10px; }
.kc-cert-modal__content{
  position:relative;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.35);
  background:
    radial-gradient(720px 360px at 20% 10%, rgba(40,233,140,.18), rgba(255,255,255,0) 60%),
    radial-gradient(720px 360px at 90% 0%, rgba(120,114,255,.14), rgba(255,255,255,0) 60%),
    rgba(255,255,255,.88);
  backdrop-filter: blur(16px);
  box-shadow: 0 38px 120px rgba(0,0,0,.20);
  overflow:hidden;
}

.kc-modal-x{
  position:absolute;
  top: 14px;
  right: 14px;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.76);
  display:grid;
  place-items:center;
  z-index: 5;
  transition: transform .15s ease, box-shadow .15s ease;
}
.kc-modal-x:hover{ transform: translateY(-2px); box-shadow: 0 14px 30px rgba(0,0,0,.12); }

.kc-cert-modal__hero{
  padding: 22px 22px 14px;
  border-bottom: 1px solid rgba(0,0,0,.08);
  position: relative;
}

.kc-cert-modal__badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.30);
  background: rgba(40,233,140,.12);
  font-weight: 900;
  font-size: 13px;
  margin-bottom: 10px;
}

.kc-cert-modal__hero h3{
  margin: 0 0 10px;
}

.kc-cert-modal__meta{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
  font-weight: 900;
  opacity: .78;
}

.kc-cert-modal__body{
  padding: 16px 22px 22px;
}

.kc-cert-modal__chips{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}

.kc-cert-modal__actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.kc-btn--primary{
  background: rgba(40,233,140,.14);
  border-color: rgba(40,233,140,.30);
  color: rgba(0,0,0,.82);
}

.kc-btn--ghost{
  background: rgba(255,255,255,.72);
}

.kc-cert-modal__note{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.02);
  opacity: .85;
}

/* About mini certificates */
.kc-cert-mini__head{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.kc-cert-mini__head p{ margin: 6px 0 0; opacity:.8; }
.kc-cert-mini__head .kc-sub{ font-weight: 900; opacity: .6; }

.kc-case-summary--mini{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 575px){
  .kc-case-summary--mini{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

.kc-cert-mini__list{
  margin-top: 10px;
  display:grid;
  gap: 10px;
}

.kc-cert-mini__item{
  width: 100%;
  text-align: left;
  display:grid;
  gap: 6px;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.86);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.kc-cert-mini__item:hover{
  transform: translateY(-2px);
  border-color: rgba(40,233,140,.30);
  box-shadow: 0 16px 40px rgba(0,0,0,.10);
}

.kc-cert-mini__name{ font-weight: 900; color: rgba(0,0,0,.88); }
.kc-cert-mini__meta{ font-weight: 800; font-size: 13px; opacity: .72; }
.kc-cert-mini__tags{ display:flex; gap: 8px; flex-wrap:wrap; }
.kc-cert-mini__act{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 2px;
}

.kc-mini-copy{
  width: 42px;
  height: 42px;
  display:grid;
  place-items:center;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.82);
}

.kc-toast{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(0,0,0,.72);
  color: rgba(255,255,255,.92);
  backdrop-filter: blur(12px);
  box-shadow: 0 26px 90px rgba(0,0,0,.25);
  animation: kcToastIn .18s ease both;
}
@keyframes kcToastIn{
  from{ opacity:0; transform: translateY(10px); }
  to{ opacity:1; transform: translateY(0); }
}
.kc-toast.hide{ animation: kcToastOut .18s ease both; }
@keyframes kcToastOut{
  from{ opacity:1; transform: translateY(0); }
  to{ opacity:0; transform: translateY(10px); }
}


/* =========================================================
   KC CERTS ULTIMATE v3 (2026) — About + Certificates
   ========================================================= */

/* ------------------------------------------------------
   HOTFIX: Tıklanamayan butonlar (global)
   Bazı tarayıcı/önbellek senaryolarında preloader görünmese bile
   DOM'da üstte kalıp tüm tıklamaları engelleyebiliyordu.
   Preloader hiçbir koşulda tıklamaları yakalamamalı.
------------------------------------------------------- */
.preloader{ pointer-events: none !important; }

/* Overlay güvenliği: görünmez katmanlar asla tıklama engellemesin */
.offcanvas__overlay{ pointer-events: none; }
.offcanvas__overlay.overlay-open{ pointer-events: auto; }
.search-wrap{ pointer-events: none; }
.search-wrap.active{ pointer-events: auto; }

/* Reveal: progressive enhancement */
[data-kc-reveal]{ opacity: 1; transform: none; filter: none; }

/* About: Certificate showcase */
.kc-cert-showcase2026{
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  border: 1px solid rgba(0,0,0,.10);
  background:
    radial-gradient(900px 420px at 10% 0%, rgba(40,233,140,.18), rgba(255,255,255,0) 62%),
    radial-gradient(900px 420px at 85% 120%, rgba(40,233,140,.12), rgba(255,255,255,0) 62%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.96));
  box-shadow: 0 26px 90px rgba(0,0,0,.10);
}

.kc-cert-showcase2026__mesh{
  position:absolute; inset:-2px;
  background:
    radial-gradient(600px 260px at 15% 20%, rgba(40,233,140,.22), rgba(255,255,255,0) 60%),
    radial-gradient(560px 240px at 85% 80%, rgba(40,233,140,.14), rgba(255,255,255,0) 60%),
    conic-gradient(from 180deg at 50% 50%, rgba(40,233,140,.06), rgba(255,255,255,0), rgba(40,233,140,.06));
  filter: blur(16px);
  opacity: .9;
  animation: kcMeshDrift 10s ease-in-out infinite alternate;
  pointer-events:none;
}

@keyframes kcMeshDrift{
  from{ transform: translate3d(-1.5%, -1%, 0) scale(1.02); }
  to{ transform: translate3d(1.5%, 1%, 0) scale(1.06); }
}

.kc-cert-showcase2026__head{
  position: relative;
  z-index: 1;
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.kc-cert-showcase2026__title h3{
  margin: 10px 0 6px;
}

.kc-cert-showcase2026__title p{
  margin: 0;
  opacity: .82;
  font-weight: 600;
}

.kc-badge-pill{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(40,233,140,.30);
  background: rgba(40,233,140,.10);
  color: rgba(0,0,0,.82);
  font-weight: 900;
  letter-spacing: .2px;
}

.kc-case-summary--glass .kc-sum-item{
  background: rgba(255,255,255,.70);
  border-color: rgba(0,0,0,.08);
}

.kc-cert-rail2026{
  position: relative;
  margin-top: 16px;
  display:grid;
  grid-template-columns: 46px 1fr 46px;
  gap: 10px;
  align-items: center;
}

.kc-rail-track{
  display:flex;
  gap: 12px;
  overflow:auto;
  scroll-snap-type: x mandatory;
  padding: 6px 4px 10px;
  border-radius: 22px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.kc-rail-track::-webkit-scrollbar{ display:none; }

.kc-rail-nav{
  width: 46px;
  height: 46px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.86);
  display:grid;
  place-items:center;
  box-shadow: 0 18px 40px rgba(0,0,0,.08);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, opacity .2s ease;
}
.kc-rail-nav:hover{
  transform: translateY(-2px);
  border-color: rgba(40,233,140,.35);
  box-shadow: 0 26px 80px rgba(0,0,0,.12);
}
.kc-rail-nav:active{ transform: translateY(0); }

.kc-cert-tile2026{
  position: relative;
  flex: 0 0 min(340px, 88%);
  scroll-snap-align: start;
  text-align: left;
  padding: 16px 16px;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.84);
  box-shadow: 0 18px 60px rgba(0,0,0,.08);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  transform: perspective(900px) rotateX(var(--kc-rx,0deg)) rotateY(var(--kc-ry,0deg));
  will-change: transform;
  outline: none;
}

.kc-cert-tile2026::before{
  content:"";
  position:absolute; inset:-1px;
  border-radius: 24px;
  background:
    radial-gradient(240px 180px at var(--mx, 40%) var(--my, 20%), rgba(40,233,140,.20), rgba(255,255,255,0) 60%);
  opacity: 0;
  transition: opacity .18s ease;
  pointer-events:none;
}

.kc-cert-tile2026:hover{
  transform: translateY(-4px) perspective(900px) rotateX(var(--kc-rx,0deg)) rotateY(var(--kc-ry,0deg));
  border-color: rgba(40,233,140,.35);
  box-shadow: 0 30px 110px rgba(0,0,0,.14);
}
.kc-cert-tile2026:hover::before{ opacity: 1; }

.kc-cert-tile2026__top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.kc-cert-tile2026__badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 14px;
  border: 1px solid rgba(40,233,140,.25);
  background: rgba(40,233,140,.10);
  font-weight: 900;
  color: rgba(0,0,0,.80);
  white-space: nowrap;
}

.kc-cert-tile2026__date{
  font-weight: 900;
  opacity: .76;
  font-size: 13px;
  white-space: nowrap;
}

.kc-cert-tile2026__title{
  font-weight: 1000;
  color: rgba(0,0,0,.88);
  line-height: 1.15;
  margin-bottom: 10px;
}

.kc-cert-tile2026__meta{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  opacity: .86;
}

.kc-mini-copy--tile{
  width: 40px;
  height: 40px;
  border-radius: 16px;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.kc-mini-copy--tile:hover{
  transform: translateY(-2px);
  border-color: rgba(40,233,140,.35);
  box-shadow: 0 18px 40px rgba(0,0,0,.10);
}

.kc-cert-tile2026__tags{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}

.kc-cert-showcase2026__foot{
  position: relative;
  z-index: 1;
  margin-top: 14px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.kc-cert-showcase2026__hint{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.72);
  font-weight: 800;
  opacity: .86;
}

.kc-cert-showcase2026__hint .kc-dim{ opacity:.75; font-weight: 800; }

.kc-rail-dots{
  display:flex;
  align-items:center;
  gap: 8px;
}

.kc-rail-dots .dot{
  width: 9px;
  height: 9px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.10);
  transition: transform .16s ease, background .16s ease, width .16s ease, border-color .16s ease;
}
.kc-rail-dots .dot.is-active{
  width: 22px;
  background: rgba(40,233,140,.55);
  border-color: rgba(40,233,140,.55);
}

/* Certificates page: board layout */
.kc-certs2026__side{
  position: sticky;
  top: 92px;
}

@media (max-width: 991px){
  .kc-certs2026__side{ position: relative; top: auto; }
}

.kc-certs2026__sidecard{
  margin-top: 16px;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(10px);
  padding: 16px;
  box-shadow: 0 18px 60px rgba(0,0,0,.08);
}

.kc-certs2026__tip{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  align-items:flex-start;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(40,233,140,.08);
  font-weight: 800;
  opacity: .88;
}
.kc-certs2026__tip i{
  margin-top: 2px;
  color: rgba(40,233,140,.95);
}

.kc-certs2026__board{
  border-radius: 26px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(12px);
  padding: 18px;
  box-shadow: 0 26px 90px rgba(0,0,0,.10);
  overflow: hidden;
  position: relative;
}

.kc-certs2026__board::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(900px 420px at 0% 10%, rgba(40,233,140,.14), rgba(255,255,255,0) 60%),
    radial-gradient(900px 420px at 100% 120%, rgba(40,233,140,.10), rgba(255,255,255,0) 60%);
  pointer-events:none;
}

.kc-certs-controls{
  position: relative;
  z-index: 1;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 14px 14px;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.80);
}

.kc-certs-left, .kc-certs-right{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}

.kc-input-wrap{
  position: relative;
  min-width: min(420px, 100%);
}
.kc-input-wrap i{
  position:absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  opacity: .72;
}
.kc-input{
  width: 100%;
  height: 48px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  padding: 0 14px 0 42px;
  font-weight: 800;
  outline:none;
}
.kc-input:focus{
  border-color: rgba(40,233,140,.45);
  box-shadow: 0 0 0 6px rgba(40,233,140,.10);
}

.kc-select-wrap{
  position: relative;
}
.kc-select-wrap i{
  position:absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  opacity: .72;
  pointer-events:none;
}
.kc-select{
  height: 48px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  padding: 0 14px 0 42px;
  font-weight: 900;
  outline:none;
}

.kc-count{
  font-weight: 1000;
  opacity: .78;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.72);
}

.kc-certs-grid--board{
  position: relative;
  z-index: 1;
  margin-top: 14px;
}

/* Modal: a little more premium */
.kc-cert-modal .modal-dialog{ transform: translateY(14px); }
.kc-cert-modal.show .modal-dialog{ transform: translateY(0); }

/* Micro: magnetic buttons */
.kc-magnetic{
  transform: translate3d(var(--mx,0px), var(--my,0px), 0);
  transition: transform .18s ease;
  will-change: transform;
}

/* Copy burst particles */
.kc-burst{
  position: fixed;
  inset: 0;
  pointer-events:none;
  z-index: 9999;
}
.kc-burst__p{
  position:absolute;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(40,233,140,.95);
  box-shadow: 0 0 0 6px rgba(40,233,140,.12);
  animation: kcBurstFly .7s ease-out forwards;
}
@keyframes kcBurstFly{
  0%{ transform: translate3d(0,0,0) scale(1); opacity:1; }
  100%{ transform: translate3d(var(--dx), var(--dy), 0) scale(.2); opacity:0; }
}


/* -----------------------------------------
   KC ABOUT — Skillboard 2026 (fresh redesign)
------------------------------------------ */

.kc-skillboard2026__frame{
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(12px);
  box-shadow: 0 40px 120px rgba(0,0,0,.10);
  padding: 26px;
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 22px;
}

.kc-skillboard2026__mesh{
  position:absolute;
  inset:-2px;
  border-radius: inherit;
  background:
    radial-gradient(900px 500px at 12% 18%, rgba(40,233,140,.22), transparent 60%),
    radial-gradient(800px 520px at 86% 22%, rgba(12,122,255,.14), transparent 62%),
    radial-gradient(680px 520px at 40% 92%, rgba(255,80,200,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86));
  pointer-events:none;
  filter: saturate(1.08);
}

.kc-skillboard2026__left,
.kc-skillboard2026__right{
  position: relative;
  z-index: 1;
}

.kc-skillboard2026__kicker{ margin-bottom: 10px; }
.kc-skillboard2026__title{
  font-size: 34px;
  line-height: 1.12;
  margin: 8px 0 10px;
  font-weight: 900;
}
.kc-skillboard2026__desc{
  opacity:.78;
  font-weight: 700;
  margin: 0 0 18px;
}

.kc-skillboard2026__tabs{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.kc-sb-tab{
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.82);
  padding: 12px 14px;
  border-radius: 18px;
  font-weight: 900;
  display:flex;
  align-items:center;
  gap: 10px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  box-shadow: 0 14px 44px rgba(0,0,0,.06);
}
.kc-sb-tab i{ opacity:.75; }
.kc-sb-tab:hover{
  transform: translateY(-1px);
  border-color: rgba(40,233,140,.55);
  box-shadow: 0 22px 60px rgba(40,233,140,.12);
}
.kc-sb-tab.is-active{
  background: rgba(40,233,140,.14);
  border-color: rgba(40,233,140,.60);
}

.kc-skillboard2026__hint{
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px dashed rgba(0,0,0,.16);
  background: rgba(255,255,255,.72);
  display:flex;
  gap: 10px;
  align-items:flex-start;
  font-weight: 800;
  opacity: .80;
}
.kc-skillboard2026__hint i{ margin-top: 2px; opacity:.75; }

.kc-sb-panel{
  display:none;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .22s ease, transform .22s ease;
}
.kc-sb-panel.is-active{
  display:block;
  opacity: 1;
  transform: translateY(0);
}

.kc-sb-metrics{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.74);
  backdrop-filter: blur(10px);
  box-shadow: 0 22px 60px rgba(0,0,0,.06);
}
.kc-sb-metric{
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.88);
}
.kc-sb-metric .k{ display:block; font-weight: 900; opacity:.62; font-size: 12px; letter-spacing:.02em; }
.kc-sb-metric .v{ display:block; margin-top: 6px; font-weight: 950; font-size: 18px; }

.kc-sb-langgrid{
  margin-top: 16px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.kc-sb-lang{
  text-align:left;
  border-radius: 24px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.86);
  padding: 16px 16px 14px;
  box-shadow: 0 26px 80px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  position: relative;
  overflow:hidden;
}
.kc-sb-lang::after{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(700px 180px at var(--mx,50%) var(--my,40%), rgba(40,233,140,.20), transparent 55%);
  opacity: 0;
  transition: opacity .18s ease;
  pointer-events:none;
}
.kc-sb-lang:hover{
  transform: translateY(-2px);
  border-color: rgba(40,233,140,.55);
  box-shadow: 0 34px 120px rgba(40,233,140,.12);
}
.kc-sb-lang:hover::after{ opacity: 1; }

.kc-sb-lang__top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}
.kc-sb-lang__name{
  font-weight: 950;
  font-size: 18px;
  display:flex;
  align-items:center;
  gap: 10px;
}
.kc-flag{
  width: 34px;
  height: 34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  box-shadow: 0 14px 44px rgba(0,0,0,.06);
}
.kc-sb-lang__lvl{
  font-weight: 950;
  opacity: .70;
  font-size: 14px;
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.06);
}

.kc-sb-bar{
  margin-top: 12px;
  height: 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
  overflow:hidden;
  border: 1px solid rgba(0,0,0,.06);
}
.kc-sb-bar span{
  display:block;
  height: 100%;
  width: var(--p, 0%);
  background: linear-gradient(90deg, rgba(40,233,140,.90), rgba(40,233,140,.50));
  border-radius: inherit;
  transition: width .8s cubic-bezier(.2,.85,.2,1);
  box-shadow: 0 0 0 10px rgba(40,233,140,.10);
}
.kc-sb-lang__sub{
  margin-top: 12px;
  font-weight: 800;
  opacity:.72;
  font-size: 13px;
}

.kc-sb-lang.is-open{
  border-color: rgba(40,233,140,.70);
  box-shadow: 0 40px 140px rgba(40,233,140,.14);
}
.kc-sb-lang.is-open::before{
  content: attr(data-kc-tip);
  position:absolute;
  left: 14px;
  right: 14px;
  bottom: 12px;
  padding: 12px 12px;
  border-radius: 18px;
  background: rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.08);
  font-weight: 900;
  font-size: 12px;
  line-height: 1.35;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease;
}
.kc-sb-lang.is-open::before{
  opacity: 1;
  transform: translateY(0);
}

.kc-sb-callout{
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 22px;
  border: 1px solid rgba(40,233,140,.35);
  background: rgba(40,233,140,.10);
  font-weight: 900;
  display:flex;
  gap: 10px;
  align-items:center;
}

.kc-sb-certshead{
  margin-top: 0;
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}
.kc-sb-certshead__title{
  margin: 8px 0 4px;
  font-weight: 950;
}
.kc-sb-certshead__desc{
  margin: 0;
  opacity:.72;
  font-weight: 800;
}

.kc-sb-certgrid{
  margin-top: 16px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}
.kc-sb-cert{
  position: relative;
  overflow:hidden;
  border-radius: 26px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.88);
  padding: 16px;
  box-shadow: 0 26px 90px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  cursor: pointer;
}
.kc-sb-cert::after{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(760px 220px at var(--mx,50%) var(--my,40%), rgba(12,122,255,.12), transparent 60%);
  opacity: 0;
  transition: opacity .18s ease;
  pointer-events:none;
}
.kc-sb-cert:hover{
  transform: translateY(-2px);
  border-color: rgba(12,122,255,.24);
  box-shadow: 0 40px 140px rgba(0,0,0,.10);
}
.kc-sb-cert:hover::after{ opacity:1; }

.kc-sb-cert__top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}
.kc-sb-tag{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-weight: 950;
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(40,233,140,.12);
  border: 1px solid rgba(40,233,140,.30);
}
.kc-sb-date{
  font-weight: 900;
  opacity:.72;
}
.kc-sb-cert__title{
  margin: 12px 0 8px;
  font-weight: 950;
  font-size: 18px;
}
.kc-sb-cert__id{
  opacity:.82;
  font-weight: 900;
}
.kc-sb-cert__actions{
  margin-top: 12px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}
.kc-sb-open{
  font-weight: 950;
  opacity:.75;
  display:inline-flex;
  gap: 8px;
  align-items:center;
}

.kc-sb-footnote{
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.72);
  font-weight: 900;
  opacity: .80;
  display:flex;
  gap: 10px;
  align-items:center;
}

@media (max-width: 991px){
  .kc-skillboard2026__frame{ grid-template-columns: 1fr; }
  .kc-sb-metrics{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .kc-sb-langgrid{ grid-template-columns: 1fr; }
  .kc-sb-certgrid{ grid-template-columns: 1fr; }
}

@media (max-width: 420px){
  .kc-skillboard2026__frame{ padding: 18px; border-radius: 26px; }
  .kc-skillboard2026__title{ font-size: 28px; }
}



/* -----------------------------------------
   KC POLISH — Ultimate+ 2026 (v5)
   Micro-animations, stagger, divine hover
------------------------------------------ */

/* Stagger support */
[data-kc-reveal],
.kc-case-tabs .kc-tab{
  transition-delay: var(--d, 0ms);
}

/* Advanced border animation (progressive enhancement) */
@property --kc-rot {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0deg;
}

.kc-cert-card{
  isolation: isolate;
}

.kc-cert-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: 26px;
  padding: 1px;
  background:
    conic-gradient(from var(--kc-rot),
      rgba(40,233,140,0.00),
      rgba(40,233,140,0.65),
      rgba(12,122,255,0.32),
      rgba(255,80,200,0.18),
      rgba(40,233,140,0.00)
    );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  filter: blur(.0px);
  transition: opacity .22s ease;
  pointer-events:none;
  z-index: 0;
}

.kc-cert-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: 24px;
  background:
    radial-gradient(900px 260px at var(--mx,50%) var(--my,40%), rgba(255,255,255,.55), transparent 60%),
    linear-gradient(120deg, rgba(255,255,255,0.0), rgba(255,255,255,.18), rgba(255,255,255,0.0));
  mix-blend-mode: soft-light;
  opacity: 0;
  transform: translateX(-18%) skewX(-12deg);
  transition: opacity .22s ease, transform .50s cubic-bezier(.2,.9,.2,1);
  pointer-events:none;
  z-index: 0;
}

.kc-cert-card:hover::before{
  opacity: 1;
  animation: kcRot 2.9s linear infinite;
}

.kc-cert-card:hover::after{
  opacity: .55;
  transform: translateX(18%) skewX(-12deg);
}

@keyframes kcRot{
  to{ --kc-rot: 360deg; }
}

/* Make inner content float above border/shine */
.kc-cert-card > *{ position: relative; z-index: 2; }
.kc-cert-card .kc-cert-glow{ z-index: 1; }

/* Softer “detay” pill with micro motion */
.kc-open-pill{
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.kc-cert-card:hover .kc-open-pill{
  transform: translateY(-1px);
  box-shadow: 0 16px 44px rgba(0,0,0,.08);
}

/* Tabs: alive */
.kc-tab{
  position: relative;
  overflow:hidden;
}
.kc-tab::after{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(500px 120px at var(--mx,50%) var(--my,50%), rgba(40,233,140,.22), transparent 60%);
  opacity: 0;
  transition: opacity .18s ease;
  pointer-events:none;
}
.kc-tab:hover::after{ opacity: 1; }
.kc-tab.is-active{
  border-color: rgba(40,233,140,.45) !important;
  box-shadow: 0 22px 70px rgba(40,233,140,.14) !important;
}

/* About skillboard: more “2026” */
.kc-skillboard2026__frame{
  box-shadow: 0 50px 160px rgba(0,0,0,.11);
}
.kc-skillboard2026__mesh{
  animation: kcMeshFloat 7.5s ease-in-out infinite;
}
@keyframes kcMeshFloat{
  0%,100%{ transform: translateY(0px) scale(1); }
  50%{ transform: translateY(-10px) scale(1.01); }
}

.kc-sb-lang,
.kc-sb-cert{
  box-shadow: 0 28px 90px rgba(0,0,0,.08);
}
.kc-sb-lang:hover,
.kc-sb-cert:hover{
  box-shadow: 0 44px 150px rgba(40,233,140,.14);
}

/* Footer gap safety on certificates page (farklı tarayıcı davranışları için) */
.kc-certs2026 + footer.footer-section{
  margin-top: 0 !important;
}


/* Certificates board ambient motion */
.kc-certs2026__board::before{
  animation: kcBoardGlow 8.5s ease-in-out infinite;
  transform-origin: 50% 50%;
  filter: saturate(1.05);
}
@keyframes kcBoardGlow{
  0%,100%{ transform: translateY(0px) scale(1); opacity: 1; }
  50%{ transform: translateY(-8px) scale(1.01); opacity: .92; }
}

/* Subtle grain overlay (very light) */
.kc-certs2026__board::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  background-image:
    repeating-linear-gradient(0deg, rgba(0,0,0,.020) 0, rgba(0,0,0,.020) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0) 6px);
  opacity: .06;
  pointer-events:none;
  mix-blend-mode: overlay;
}


/* -------------------------------------------
   HOME — Focused (less scroll, more conversion)
------------------------------------------- */
.kc-home-essentials .section-title-area{
  align-items: flex-end;
}
.kc-home-essentials .section-title p{
  max-width: 52ch;
  opacity: .92;
}
.kc-home-essentials__cta{
  display:flex;
  align-items:center;
  gap: 18px;
  justify-content:center;
  margin-top: 28px;
}
.kc-home-essentials__cta .kc-ghost-link{
  position: relative;
  padding: 12px 2px;
  font-weight: 600;
  opacity: .92;
}
.kc-home-essentials__cta .kc-ghost-link::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:6px;
  height: 1px;
  background: linear-gradient(90deg, rgba(40,233,140,0), rgba(40,233,140,.75), rgba(40,233,140,0));
  opacity: .45;
}

/* CTA — “ultimate” glass card */
.kc-cta-final{ position: relative; }
.kc-cta-card{
  position: relative;
  border-radius: 26px;
  padding: 44px 42px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 50px 160px rgba(0,0,0,.12);
  overflow:hidden;
}
.body-color .kc-cta-card{
  background: rgba(15, 18, 25, .62);
  border-color: rgba(255,255,255,.08);
  box-shadow: 0 55px 190px rgba(0,0,0,.33);
}
.kc-cta-glow{
  position:absolute;
  inset: -140px -120px auto -120px;
  height: 320px;
  background: radial-gradient(circle at 40% 40%, rgba(40,233,140,.28), rgba(40,233,140,0) 62%),
              radial-gradient(circle at 70% 10%, rgba(93, 147, 255, .24), rgba(93,147,255,0) 58%);
  filter: blur(6px);
  pointer-events:none;
}
.kc-cta-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 28px;
  align-items: stretch;
}
.kc-cta-kicker{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  font-weight: 700;
  letter-spacing: .2px;
  opacity: .92;
}
.kc-cta-left h2{
  margin-top: 10px;
  font-size: clamp(28px, 2.4vw, 44px);
  line-height: 1.08;
}
.kc-cta-left h2 span{
  background: linear-gradient(90deg, rgba(40,233,140,1), rgba(93,147,255,1));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
}
.kc-cta-left p{
  margin-top: 12px;
  max-width: 60ch;
  opacity: .92;
}
.kc-cta-actions{
  display:flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 18px;
}
.kc-cta-mini{
  display:flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-top: 18px;
  opacity: .92;
}
.kc-cta-mini span{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-weight: 600;
}
.kc-cta-right{
  border-radius: 22px;
  padding: 18px 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.55);
}
.body-color .kc-cta-right{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.10);
}
.kc-cta-metric{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 14px;
  border-radius: 18px;
  position: relative;
  overflow:hidden;
}
.kc-cta-metric + .kc-cta-metric{ margin-top: 10px; }
.kc-cta-metric::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(40,233,140,.10), rgba(93,147,255,.10), rgba(40,233,140,.10));
  opacity: 0;
  transform: translateX(-28%);
  transition: opacity .24s ease, transform .35s ease;
}
.kc-cta-metric:hover::before{
  opacity: 1;
  transform: translateX(0%);
}
.kc-cta-metric .k{
  font-weight: 700;
  opacity: .9;
}
.kc-cta-metric .v{
  text-align:right;
  font-weight: 800;
  letter-spacing: .1px;
}

@media (max-width: 991px){
  .kc-cta-grid{ grid-template-columns: 1fr; }
  .kc-cta-card{ padding: 34px 22px; }
  .kc-home-essentials .section-title-area{ flex-direction: column; align-items: flex-start; gap: 14px; }
  .kc-home-essentials__cta{ justify-content:flex-start; }
}


/* =========================================================
   KC BLOG 2026 — Yazılar (Kartlar + Arşiv + Detay)
   ========================================================= */
.kc-posts-section { position: relative; overflow: hidden; }
.kc-posts-section:before{
  content:""; position:absolute; inset:-40px;
  background: radial-gradient(900px 420px at 20% 20%, rgba(52,245,181,.18), transparent 55%),
              radial-gradient(760px 420px at 80% 10%, rgba(157,231,255,.20), transparent 60%),
              radial-gradient(900px 520px at 70% 90%, rgba(202,255,234,.16), transparent 60%);
  filter: blur(0px);
  pointer-events:none;
}

.kc-posts-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:26px; position:relative; z-index:1; }
.kc-posts-toolbar{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.kc-input{ display:flex; align-items:center; gap:10px; padding:14px 16px; border-radius:18px;
  background: rgba(255,255,255,.8);
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 18px 45px rgba(0,0,0,.07);
}
.kc-input i{ opacity:.7; }
.kc-input input{ border:0; outline:none; background:transparent; min-width:260px; font-weight:600; }
.kc-selects{ display:flex; gap:10px; flex-wrap:wrap; }
.kc-selects select{ height:52px; padding:0 16px; border-radius:16px; background: rgba(255,255,255,.8);
  border:1px solid rgba(0,0,0,.06); font-weight:700; min-width:160px;
  box-shadow: 0 18px 45px rgba(0,0,0,.06);
}

.kc-post-card{
  --kc-tilt-x: 0deg; --kc-tilt-y: 0deg;
  position:relative; overflow:hidden;
  border-radius:24px;
  background: rgba(255,255,255,.78);
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 28px 70px rgba(0,0,0,.10);
  display:flex; flex-direction:column;
  transform: perspective(1100px) rotateX(var(--kc-tilt-x)) rotateY(var(--kc-tilt-y));
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  height:100%;
}
.kc-post-card:before{
  content:""; position:absolute; inset:-2px;
  background: linear-gradient(135deg, rgba(52,245,181,.55), rgba(157,231,255,.45), rgba(202,255,234,.45));
  opacity:.0; transition: opacity .25s ease;
  filter: blur(12px);
  pointer-events:none;
}
.kc-post-card:hover{ box-shadow: 0 36px 90px rgba(0,0,0,.14); border-color: rgba(52,245,181,.28); }
.kc-post-card:hover:before{ opacity:.9; }

.kc-post-thumb{
  display:block; position:relative; overflow:hidden;
  border-radius:24px 24px 18px 18px;
  background: radial-gradient(120% 120% at 20% 10%, rgba(52,245,181,.20), rgba(157,231,255,.18), rgba(255,255,255,0) 60%),
              linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0));
  aspect-ratio: 16/9;
}
.kc-post-thumb img{
  width:100%; height:100%; display:block;
  object-fit:cover; object-position:center;
  transform: scale(1.02);
  transition: transform .35s ease;
}
@supports not (aspect-ratio: 16/9){
  .kc-post-thumb{ height:260px; }
}
@media (max-width: 575px){
  .kc-post-thumb{ aspect-ratio: 4/3; }
}
.kc-post-card:hover .kc-post-thumb img{ transform: scale(1.08); }

.kc-post-chip{
  position:absolute; left:16px; top:16px;
  padding:8px 12px; border-radius:999px;
  background: rgba(255,255,255,.85);
  border:1px solid rgba(0,0,0,.06);
  font-weight:800; font-size:12px;
  box-shadow: 0 18px 45px rgba(0,0,0,.08);
}

.kc-post-body{ padding:18px 18px 16px; position:relative; z-index:1; flex:1; display:flex; flex-direction:column; }
.kc-post-meta{ display:flex; align-items:center; gap:10px; opacity:.82; font-weight:700; font-size:13px; margin-bottom:10px; }
.kc-dot{ width:4px; height:4px; border-radius:99px; background: rgba(0,0,0,.35); display:inline-block; }
.kc-post-title{ font-size:20px; line-height:1.25; margin:0 0 10px; font-weight:900; letter-spacing:-.02em; }
.kc-post-title a{ color:inherit; }
.kc-post-excerpt{ margin:0 0 14px; opacity:.80; font-weight:600; }

.kc-post-bottom{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:auto; }
.kc-tags{ display:flex; gap:8px; flex-wrap:wrap; }
.kc-tag{
  font-size:12px; font-weight:800;
  padding:7px 10px; border-radius:999px;
  background: rgba(52,245,181,.12);
  border:1px solid rgba(52,245,181,.28);
}
.kc-readmore{ font-weight:900; display:inline-flex; align-items:center; gap:8px; }
.kc-readmore i{ transition: transform .2s ease; }
.kc-post-card:hover .kc-readmore i{ transform: translateX(3px); }

.kc-posts-empty{ margin-top:34px; position:relative; z-index:1; }
.kc-empty-card{
  padding:26px; border-radius:26px;
  background: rgba(255,255,255,.82);
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 30px 90px rgba(0,0,0,.10);
  text-align:center;
}
.kc-empty-icon{
  width:54px; height:54px; margin:0 auto 12px;
  display:flex; align-items:center; justify-content:center;
  border-radius:18px;
  background: rgba(52,245,181,.18);
  border:1px solid rgba(52,245,181,.30);
}

/* Detail */
.kc-read-progress{
  position:fixed; left:0; top:0; width:100%; height:4px; z-index:9999;
  background: rgba(0,0,0,.06);
  backdrop-filter: blur(10px);
}
.kc-read-progress i{ display:block; height:100%; width:0%; background: linear-gradient(90deg, rgba(52,245,181,1), rgba(157,231,255,1)); border-radius:999px; }

.kc-post-hero{ padding:160px 0 44px; position:relative; overflow:hidden; }
.kc-post-hero:before{
  content:""; position:absolute; inset:-120px;
  background: radial-gradient(900px 520px at 22% 30%, rgba(52,245,181,.22), transparent 55%),
              radial-gradient(760px 420px at 82% 10%, rgba(157,231,255,.22), transparent 60%),
              radial-gradient(920px 520px at 70% 92%, rgba(202,255,234,.18), transparent 60%);
  pointer-events:none;
}
.kc-post-hero-inner{ display:grid; grid-template-columns: 1.1fr .9fr; gap:28px; align-items:center; position:relative; z-index:1; }
.kc-post-hero-chip{
  display:inline-flex; align-items:center; gap:10px;
  padding:9px 14px; border-radius:999px;
  background: rgba(52,245,181,.16);
  border:1px solid rgba(52,245,181,.30);
  font-weight:900;
}
.kc-post-hero-text h1{ font-weight:1000; letter-spacing:-.03em; margin:14px 0 10px; font-size:44px; line-height:1.08; }
.kc-post-hero-meta{ opacity:.78; font-weight:700; margin:0 0 18px; }
.kc-post-hero-actions{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.kc-icon-btn{
  position:relative;
  height:52px; width:52px; border-radius:18px;
  background: rgba(255,255,255,.85);
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 18px 45px rgba(0,0,0,.08);
  display:flex; align-items:center; justify-content:center;
  transition: transform .2s ease;
}
.kc-icon-btn:hover{ transform: translateY(-2px); }
.kc-copied{
  position:absolute; left:50%; top:110%;
  transform: translateX(-50%);
  background: rgba(0,0,0,.76); color:#fff;
  padding:6px 10px; border-radius:12px;
  font-size:12px; font-weight:800; opacity:0; pointer-events:none;
  transition: opacity .2s ease, transform .2s ease;
}
.kc-icon-btn.is-copied .kc-copied{ opacity:1; transform: translateX(-50%) translateY(0); }

.kc-post-hero-frame{
  border-radius:28px;
  padding:10px;
  background: rgba(255,255,255,.55);
  border:1px solid rgba(255,255,255,.6);
  box-shadow: 0 40px 110px rgba(0,0,0,.14);
}
.kc-post-hero-frame img{ width:100%; height:auto; border-radius:22px; display:block; }

.kc-post-section{ position:relative; }
.kc-post-article{
  padding:26px 22px;
  border-radius:26px;
  background: rgba(255,255,255,.84);
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 34px 110px rgba(0,0,0,.11);
}
.kc-post-article h2{ font-size:26px; margin:20px 0 12px; font-weight:1000; letter-spacing:-.02em; }
.kc-post-article h3{ font-size:20px; margin:18px 0 10px; font-weight:950; }
.kc-post-article p{ font-weight:650; opacity:.84; }
.kc-post-article ul, .kc-post-article ol{ padding-left:18px; }
.kc-post-article li{ font-weight:650; opacity:.84; margin:8px 0; }
.kc-post-article blockquote{
  margin:18px 0; padding:16px 18px;
  border-left:4px solid rgba(52,245,181,.9);
  background: rgba(52,245,181,.10);
  border-radius:18px;
  font-weight:800;
}
.kc-post-article code{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 13px; }
.kc-post-article pre{
  margin:18px 0; padding:16px 18px; border-radius:18px;
  background: rgba(0,0,0,.88); color:#fff;
  overflow:auto; border:1px solid rgba(255,255,255,.10);
}

.kc-post-aside{ position:sticky; top:110px; display:flex; flex-direction:column; gap:14px; }
.kc-card{
  padding:18px 16px;
  border-radius:22px;
  background: rgba(255,255,255,.80);
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 28px 90px rgba(0,0,0,.10);
}
.kc-card-head{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.kc-mini{ font-size:12px; font-weight:800; opacity:.65; }
.kc-toc{ display:flex; flex-direction:column; gap:8px; margin-top:10px; }
.kc-toc-link{
  padding:10px 12px; border-radius:16px;
  background: rgba(0,0,0,.03);
  border:1px solid rgba(0,0,0,.05);
  font-weight:850;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.kc-toc-link:hover{ transform: translateX(2px); background: rgba(52,245,181,.10); border-color: rgba(52,245,181,.25); }
.kc-toc-link.is-active{ background: rgba(52,245,181,.16); border-color: rgba(52,245,181,.32); }

.kc-post-nav{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px; }
.kc-post-nav-card{
  padding:16px 16px;
  border-radius:22px;
  background: rgba(255,255,255,.82);
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 28px 90px rgba(0,0,0,.10);
  display:flex; flex-direction:column; gap:6px;
}
.kc-post-nav-card span{ opacity:.65; font-weight:850; font-size:12px; }
.kc-post-nav-card strong{ font-weight:1000; letter-spacing:-.02em; line-height:1.2; }
.kc-post-nav-card:hover{ border-color: rgba(52,245,181,.28); }

@media (max-width: 991px){
  .kc-post-hero-inner{ grid-template-columns: 1fr; }
  .kc-post-hero{ padding-top:140px; }
  .kc-post-hero-text h1{ font-size:34px; }
  .kc-post-aside{ position:relative; top:auto; }
  .kc-post-nav{ grid-template-columns:1fr; }
  .kc-input input{ min-width: 190px; }
}

/* Reveal animations */
html.kc-js [data-kc-reveal]{ opacity:0; transform: translateY(14px) scale(.99); filter: blur(6px); transition: opacity .65s ease, transform .65s cubic-bezier(.2,.8,.2,1), filter .65s ease; }
html.kc-js [data-kc-reveal].kc-inview{ opacity:1; transform: translateY(0) scale(1); filter: blur(0px); }

/* === KC 2026 Blog Tilt + Glow (v9) === */
.kc-post-card{
  --kc-ty: 0px;
  --kc-rx: 0deg;
  --kc-ry: 0deg;
  --mx: 50%;
  --my: 50%;
  transform: translateY(var(--kc-ty)) perspective(1000px) rotateX(var(--kc-rx)) rotateY(var(--kc-ry)) !important;
  transform-style: preserve-3d;
  will-change: transform;
}
.kc-post-card:hover{ --kc-ty: -7px; }
.kc-post-card.kc-tilt-active{ transition: box-shadow .25s ease, border-color .25s ease, background .25s ease !important; }
.kc-post-card::after{
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 26px;
  pointer-events: none;
  background: radial-gradient(320px circle at var(--mx) var(--my), rgba(52, 245, 181, .20), rgba(52, 245, 181, 0) 55%);
  opacity: 0;
  transition: opacity .25s ease;
}
.kc-post-card:hover::after{ opacity: 1; }
@media (prefers-reduced-motion: reduce){
  .kc-post-card{ transform: none !important; }
  .kc-post-card::after{ display:none; }
}

/* KC POSTS GRID (defensive layout) */
#kc-posts-grid{ align-items:stretch; }
#kc-posts-grid > .col-lg-4{ display:flex; }
#kc-posts-grid > .col-lg-4 > .kc-post-card{ width:100%; }


/* ===========================
   KC POSTS – DETAIL POLISH
   =========================== */
.kc-post-hero.section-bg{
  position:relative;
  overflow:hidden;
}
.kc-post-hero.section-bg:after{
  content:"";
  position:absolute; inset:-30%;
  background:
    radial-gradient(40% 30% at 18% 25%, rgba(0,255,163,.22), transparent 60%),
    radial-gradient(42% 32% at 78% 40%, rgba(0,180,255,.18), transparent 60%),
    radial-gradient(36% 28% at 55% 85%, rgba(255,120,200,.14), transparent 62%);
  filter: blur(18px);
  opacity:.9;
  pointer-events:none;
  animation: kcGlowDrift 10s ease-in-out infinite alternate;
}
@keyframes kcGlowDrift{
  0%{ transform: translate3d(-1.5%, -1%, 0) scale(1.02);}
  100%{ transform: translate3d(1.5%, 1%, 0) scale(1.06);}
}

.kc-post-skeleton{
  display:grid;
  gap:10px;
  max-width:720px;
}
.kc-post-skeleton span{
  height:12px;
  border-radius:999px;
  background: rgba(0,0,0,.08);
  position:relative;
  overflow:hidden;
}
.kc-post-skeleton span:before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.75), transparent);
  transform: translateX(-100%);
  animation: kcShimmer 1.25s ease-in-out infinite;
}
@keyframes kcShimmer{
  to { transform: translateX(100%); }
}


/* ==============================
   2026 Premium FAQ (SSS) — kc
   ============================== */

.kc-hero-soft{
  position: relative;
  overflow: hidden;
  padding: 86px 0 34px;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.96));
}
.kc-hero-soft .container{ position: relative; z-index: 2; }
.kc-bg-blobs{ position:absolute; inset: -20% -10%; pointer-events:none; z-index:0; filter: blur(22px); opacity:.95; }
.kc-blob{ position:absolute; border-radius: 999px; transform: translate3d(0,0,0); }
.kc-blob--1{ width: 680px; height: 520px; left: -120px; top: 10%; background: radial-gradient(circle at 30% 30%, rgba(0,255,163,.38), rgba(0,255,163,.12) 40%, transparent 70%); animation: kcFaqBlob 11s ease-in-out infinite alternate; }
.kc-blob--2{ width: 720px; height: 560px; right: -160px; top: -40px; background: radial-gradient(circle at 30% 30%, rgba(0,180,255,.28), rgba(255,120,200,.14) 48%, transparent 72%); animation: kcFaqBlob2 13s ease-in-out infinite alternate; }
@keyframes kcFaqBlob{ 0%{ transform: translate(-1.5%, -1%) scale(1.02);} 100%{ transform: translate(1.6%, 1.2%) scale(1.06);} }
@keyframes kcFaqBlob2{ 0%{ transform: translate(1.2%, 0%) scale(1.02);} 100%{ transform: translate(-1.4%, 1.2%) scale(1.06);} }

.kc-hero-soft__inner{
  border-radius: 26px;
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(0,0,0,.07);
  box-shadow: 0 24px 70px rgba(0,0,0,.08);
  padding: 26px 26px 18px;
  backdrop-filter: blur(10px);
}
.kc-hero-soft__top{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap: wrap; }
.kc-pill-badge{
  display:inline-flex; align-items:center; gap:10px;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: .2px;
  background: rgba(40,233,140,.16);
  border: 1px solid rgba(40,233,140,.32);
}
.kc-pill-badge i{ color: rgba(0,0,0,.75); }
.kc-crumb{ font-weight: 750; opacity: .78; display:flex; align-items:center; gap:10px; }
.kc-crumb a{ color: inherit; }
.kc-crumb .is-active{ opacity: .9; }

.kc-hero-soft__title{
  margin: 12px 0 6px;
  font-size: clamp(30px, 3.2vw, 52px);
  line-height: 1.05;
  font-weight: 1000;
}
.kc-hero-soft__lead{ margin: 0 0 14px; max-width: 880px; font-weight: 650; opacity: .86; }

.kc-hero-soft__chips{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.kc-chip{
  border-radius: 18px;
  padding: 12px 14px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 16px 40px rgba(0,0,0,.06);
  position: relative;
  overflow: hidden;
}
.kc-chip:before{
  content:"";
  position:absolute; inset:-40%;
  background: radial-gradient(40% 30% at 30% 20%, rgba(0,255,163,.20), transparent 60%);
  filter: blur(18px);
  opacity: .95;
}
.kc-chip > *{ position: relative; z-index: 1; }
.kc-chip span{ display:block; font-weight: 750; opacity: .7; font-size: 12px; }
.kc-chip b{ display:block; font-weight: 1000; letter-spacing: .2px; margin-top: 2px; }

@media (max-width: 992px){
  .kc-hero-soft__chips{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 576px){
  .kc-hero-soft{ padding: 78px 0 26px; }
  .kc-hero-soft__inner{ padding: 18px 16px 14px; }
  .kc-hero-soft__chips{ grid-template-columns: 1fr; }
}


.kc-faq2026{
  position: relative;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,1));
}
.kc-faq-grid{
  display:grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

.kc-faq-panel,
.kc-faq-sidecard,
.kc-faq-toolbar,
.kc-faq-item{
  border-radius: 22px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 22px 60px rgba(0,0,0,.07);
  backdrop-filter: blur(10px);
}

.kc-faq-panel{ padding: 18px 18px 14px; }
.kc-faq-panel__head h3{ margin:0; font-weight: 1000; }
.kc-faq-panel__head p{ margin:4px 0 10px; opacity:.78; font-weight: 650; }

.kc-faq-pills{ display:flex; flex-wrap:wrap; gap:10px; }
.kc-faq-pill{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  border-radius: 16px;
  padding: 12px 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.8);
  font-weight: 900;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.kc-faq-pill:hover{ transform: translateY(-2px); box-shadow: 0 18px 40px rgba(0,0,0,.09); }
.kc-faq-pill.is-active{
  background: rgba(40,233,140,.17);
  border-color: rgba(40,233,140,.36);
}
.kc-faq-pill__count{
  font-weight: 1000;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.05);
}

.kc-faq-sidecard{ padding: 18px; margin-top: 14px; position: relative; overflow:hidden; }
.kc-faq-sidecard:before{
  content:"";
  position:absolute; inset:-30%;
  background:
    radial-gradient(44% 32% at 22% 24%, rgba(0,255,163,.22), transparent 60%),
    radial-gradient(44% 32% at 84% 44%, rgba(0,180,255,.18), transparent 60%);
  filter: blur(18px);
  opacity:.9;
}
.kc-faq-sidecard > *{ position: relative; z-index: 1; }
.kc-faq-sidecard__icon{
  width: 46px; height: 46px;
  border-radius: 16px;
  display:grid; place-items:center;
  background: rgba(40,233,140,.16);
  border: 1px solid rgba(40,233,140,.32);
  margin-bottom: 10px;
}
.kc-faq-sidecard h4{ margin:0 0 6px; font-weight: 1000; }
.kc-faq-sidecard p{ margin:0 0 12px; font-weight: 650; opacity:.86; }
.kc-faq-sidecard__actions{ display:flex; gap:10px; flex-wrap: wrap; }
.kc-ghost{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.72);
  font-weight: 900;
}
.kc-ghost:hover{ transform: translateY(-1px); }

.kc-faq-toolbar{ padding: 14px; display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap: wrap; }
.kc-input--xl{ min-width: min(540px, 100%); }
.kc-faq-actions{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.kc-faq-meta{ font-weight: 850; opacity:.78; }
.kc-faq-btn{
  border-radius: 999px;
  padding: 10px 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.74);
  font-weight: 900;
  transition: transform .16s ease, box-shadow .16s ease;
}
.kc-faq-btn:hover{ transform: translateY(-1px); box-shadow: 0 18px 40px rgba(0,0,0,.09); }

.kc-faq-list{ display:grid; gap: 12px; margin-top: 14px; }
.kc-faq-item{ padding: 6px; }
.kc-faq-q{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  padding: 16px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(0,0,0,.07);
  font-weight: 1000;
  text-align: left;
  transition: transform .18s ease, box-shadow .18s ease;
}
.kc-faq-q:hover{ transform: translateY(-1px); box-shadow: 0 16px 36px rgba(0,0,0,.08); }
.kc-faq-ico{
  width: 40px; height: 40px;
  border-radius: 14px;
  display:grid; place-items:center;
  background: rgba(40,233,140,.14);
  border: 1px solid rgba(40,233,140,.30);
  flex: 0 0 auto;
  transition: transform .2s ease;
}
.kc-faq-a{ padding: 0 10px 10px; }
.kc-faq-a__inner{
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.07);
  background: rgba(255,255,255,.72);
  font-weight: 650;
  opacity: .9;
  line-height: 1.55;
}
.kc-faq-item.is-open .kc-faq-ico{ transform: rotate(45deg); }

.kc-faq-item.is-hidden{ display:none !important; }

@media (max-width: 1200px){
  .kc-faq-grid{ grid-template-columns: 330px minmax(0, 1fr); }
}
@media (max-width: 992px){
  .kc-faq-grid{ grid-template-columns: 1fr; }
  .kc-faq-toolbar{ position: sticky; top: 86px; z-index: 5; }
}


/* =========================
   Contact Studio: Pro Brief+ (v18)
   ========================= */
.kc-inline-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
@media (max-width: 575px){
  .kc-inline-grid{ grid-template-columns: 1fr; }
}

.kc-chip-group--multi{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}
.kc-chip-group--multi .kc-chip{ position:relative; }
.kc-chip-group--multi .kc-chip.is-selected{
  border-color: rgba(40,233,140,.35);
  background: rgba(40,233,140,.10);
}
.kc-chip-group--multi[data-kc-field="priorities"] .kc-chip.is-selected::after{
  content: attr(data-priority-label);
  position:absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .2px;
  padding: 7px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(0,0,0,.88), rgba(0,0,0,.62));
  color: rgba(255,255,255,.96);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 12px 26px rgba(0,0,0,.14);
  pointer-events:none;
  max-width: 120px;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.kc-chip-group--multi[data-kc-field="priorities"] .kc-chip.is-selected{
  padding-right: 112px;
}

/* Contact Studio — Split preview (v21) */
.kc-studio-split{
  display:grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  gap: 14px;
  align-items:start;
}
@media (max-width: 991px){
  .kc-studio-split{ grid-template-columns: 1fr; }
}

.kc-mailcard{
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  overflow:hidden;
  box-shadow: 0 22px 48px rgba(0,0,0,.08);
}
.kc-mailcard__top{
  padding: 12px 14px;
  display:flex;
  align-items:center;
  gap: 8px;
  background: radial-gradient(circle at 20% 10%, rgba(40,233,140,.35), transparent 60%),
              linear-gradient(90deg, rgba(40,233,140,.55) 0%, rgba(40,233,140,.12) 55%, rgba(255,255,255,.0) 100%);
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.kc-mailcard__dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.72);
}
.kc-mailcard__subject{
  margin-left: 6px;
  font-weight: 950;
  color: rgba(0,0,0,.82);
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kc-mailcard__meta{
  padding: 10px 14px;
  display:grid;
  gap: 8px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  background: rgba(245,247,250,.80);
}
.kc-mailmeta{
  display:flex;
  justify-content: space-between;
  align-items:baseline;
  gap: 10px;
}
.kc-mailmeta span{
  font-size: 12px;
  color: rgba(0,0,0,.55);
  font-weight: 800;
}
.kc-mailmeta strong{
  font-size: 12px;
  font-weight: 950;
  color: rgba(0,0,0,.82);
  max-width: 75%;
  text-align:right;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kc-mailcard__body{
  padding: 14px 14px;
  color: rgba(0,0,0,.78);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.55;
}
.kc-mailcard__body p{ margin: 0 0 10px; }
.kc-mailcard__body h4{
  margin: 14px 0 8px;
  font-weight: 980;
  font-size: 13px;
  letter-spacing: .2px;
  color: rgba(0,0,0,.82);
}
.kc-mailcard__body ul{
  list-style:none;
  padding: 0;
  margin: 0;
  display:grid;
  gap: 8px;
}
.kc-mailcard__body li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
}
.kc-mailcard__body li i{ margin-top: 2px; color: rgba(40,233,140,.95); }
.kc-mailcard__body .kc-mail-muted{ color: rgba(0,0,0,.62); font-weight: 750; }

.kc-preview-hint{
  margin-top: 12px;
  border-radius: 18px;
  border: 1px solid rgba(40,233,140,.28);
  background: rgba(40,233,140,.08);
  padding: 12px 12px;
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(0,0,0,.74);
  font-weight: 850;
  font-size: 13px;
}
.kc-preview-hint i{ margin-top: 2px; color: rgba(0,0,0,.65); }
.kc-priority-hint{
  margin-top: 8px;
  display:flex;
  gap: 8px;
  align-items:flex-start;
  color: rgba(0,0,0,.62);
  font-size: 13px;
}
.kc-priority-hint i{ color: var(--theme); margin-top: 3px; }


/* =========================
   Contact Studio — v19 upgrades
   - Custom chip add
   - A+ Panel v2
   - JS direct send button
   ========================= */

.kc-chip-add{
  margin-top: 10px;
  display:flex;
  align-items:center;
  gap: 10px;
}
.kc-chip-add .kc-chat-input{ margin: 0; }
.kc-chip-add__btn{
  appearance:none;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.88);
  padding: 10px 12px;
  border-radius: 14px;
  font-weight: 900;
  white-space: nowrap;
  transition: transform .12s ease, border-color .12s ease, background-color .12s ease, box-shadow .12s ease;
}
.kc-chip-add__btn i{ color: var(--theme); margin-right: 6px; }
.kc-chip-add__btn:hover{
  transform: translateY(-1px);
  border-color: rgba(40,233,140,.45);
  box-shadow: 0 14px 26px rgba(0,0,0,.06);
}
.kc-chip-add--compact{
  margin-top: 10px;
}

.kc-chat-send{
  appearance:none;
  border: 1px solid rgba(40,233,140,.35);
  background: rgba(40,233,140,.12);
  padding: 10px 12px;
  border-radius: 14px;
  font-weight: 900;
  transition: transform .12s ease, border-color .12s ease, background-color .12s ease, box-shadow .12s ease;
}
.kc-chat-send:hover{
  transform: translateY(-1px);
  border-color: rgba(40,233,140,.55);
  box-shadow: 0 14px 26px rgba(0,0,0,.06);
}
.kc-chat-send.is-sent{
  border-color: rgba(40,233,140,.60);
  background: rgba(40,233,140,.18);
}

/* A+ Panel v2 layout */
.kc-impact-v2{
  display:grid;
  grid-template-columns: 260px 1fr;
  gap: 14px;
  align-items:start;
}
@media (max-width: 991px){
  .kc-impact-v2{ grid-template-columns: 1fr; }
}

.kc-ring{
  width: 176px;
  height: 176px;
  border-radius: 999px;
  background: conic-gradient(rgba(40,233,140,.95) calc(var(--p) * 1%), rgba(0,0,0,.10) 0);
  padding: 10px;
  margin-bottom: 12px;
  box-shadow: 0 18px 40px rgba(0,0,0,.06);
}
.kc-ring__inner{
  width: 100%;
  height: 100%;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  display:grid;
  place-items:center;
  text-align:center;
  gap: 2px;
}
.kc-ring__inner strong{
  font-weight: 980;
  font-size: 44px;
  line-height: 1;
  color: rgba(0,0,0,.86);
}
.kc-ring__inner span{
  margin-left: 2px;
  font-weight: 900;
  color: rgba(0,0,0,.58);
}
.kc-ring__inner em{
  font-style: normal;
  font-weight: 900;
  font-size: 12px;
  color: rgba(0,0,0,.60);
  margin-top: -6px;
}

.kc-focus{
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(245,247,250,.92);
  padding: 12px 12px;
  display:grid;
  gap: 6px;
  margin-bottom: 12px;
}
.kc-focus__tag{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-weight: 950;
  font-size: 12px;
  color: rgba(0,0,0,.70);
}
.kc-focus__tag i{ color: var(--theme); }
.kc-focus strong{
  font-weight: 980;
  color: rgba(0,0,0,.90);
  line-height: 1.15;
}
.kc-focus p{
  margin: 0;
  font-size: 13px;
  font-weight: 800;
  color: rgba(0,0,0,.62);
}

.kc-mini-title{
  display:block;
  font-weight: 950;
  font-size: 12px;
  letter-spacing: .2px;
  color: rgba(0,0,0,.70);
  margin-bottom: 8px;
}

.kc-missing{
  border-radius: 20px;
  border: 1px dashed rgba(0,0,0,.18);
  background: rgba(255,255,255,.86);
  padding: 12px 12px;
}
.kc-missing__list{
  list-style:none;
  padding: 0;
  margin: 0;
  display:grid;
  gap: 8px;
}
.kc-missing__list li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(0,0,0,.70);
  font-weight: 800;
  font-size: 13px;
  line-height: 1.35;
}
.kc-missing__list i{
  margin-top: 2px;
  color: rgba(40,233,140,.95);
}

.kc-impact-grid--v2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 767px){
  .kc-impact-grid--v2{ grid-template-columns: 1fr; }
}

.kc-roadmap{
  margin-top: 12px;
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  padding: 12px 12px;
}
.kc-roadmap__head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.kc-roadmap-pill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.28);
  background: rgba(40,233,140,.10);
  font-weight: 950;
  font-size: 12px;
  color: rgba(0,0,0,.72);
}
.kc-roadmap__list{
  margin: 0;
  padding-left: 18px;
  display:grid;
  gap: 8px;
  color: rgba(0,0,0,.74);
  font-weight: 800;
  font-size: 13px;
  line-height: 1.35;
}
.kc-roadmap__list li{ padding-left: 2px; }

/* A+ Panel v3 — deliverables + insights */
.kc-deliver{
  margin-top: 12px;
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  padding: 12px 12px;
}
.kc-pill-list{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
}
.kc-pill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(245,247,250,.92);
  font-weight: 900;
  font-size: 12px;
  color: rgba(0,0,0,.72);
  position: relative;
  overflow: hidden;
}
.kc-pill::after{
  content:"";
  position:absolute;
  inset:-40% -10%;
  background: radial-gradient(circle at 20% 40%, rgba(40,233,140,.22), transparent 60%);
  opacity:.7;
  pointer-events:none;
}
.kc-insights{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 767px){
  .kc-insights{ grid-template-columns: 1fr; }
}
.kc-insight-card{
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  padding: 12px 12px;
}
.kc-insight-card .kc-mini-title{
  display:flex;
  align-items:center;
  gap: 8px;
}
.kc-insight-card .kc-mini-title i{ color: var(--theme); }

.kc-insight-list{
  list-style:none;
  padding: 0;
  margin: 0;
  display:grid;
  gap: 8px;
}
.kc-insight-list li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(0,0,0,.72);
  font-weight: 800;
  font-size: 13px;
  line-height: 1.35;
}
.kc-insight-list i{
  margin-top: 2px;
  color: rgba(40,233,140,.95);
}
.kc-insight-list li.kc-risk i{
  color: rgba(255,76,97,.95);
}



/* =========================
   Contact Studio — v22 (Redesign: Wide + Premium)
   ========================= */
.kc-container-xl{ max-width: 1420px; }

.kc-studio-v22{
  border-radius: 30px;
  padding: 22px;
  overflow: hidden;
}
@media (min-width: 992px){
  .kc-studio-v22{ padding: 28px; }
}

/* Header */
.kc-studio-head{
  position: relative;
  z-index: 2;
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.kc-studio-badge{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.28);
  background: rgba(255,255,255,.74);
  font-weight: 950;
  letter-spacing: .2px;
  color: rgba(0,0,0,.74);
}
.kc-studio-badge i{ color: var(--theme); }
.kc-studio-head h2{
  margin: 10px 0 6px;
  font-weight: 1000;
  letter-spacing: -0.4px;
  line-height: 1.08;
  color: rgba(0,0,0,.86);
}
.kc-studio-head h2 span{ color: var(--theme); }
.kc-studio-head p{
  margin: 0;
  max-width: 64ch;
  font-weight: 750;
  opacity: .78;
  line-height: 1.45;
}
.kc-studio-mini{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.kc-studio-mini__item{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.72);
  font-weight: 900;
  color: rgba(0,0,0,.72);
  box-shadow: 0 16px 34px rgba(0,0,0,.06);
}
.kc-studio-mini__item i{ color: rgba(0,0,0,.60); }

/* Wide studio grid */
.kc-studio-grid{
  position: relative;
  z-index: 2;
  display:grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 16px;
  align-items: start;
}
@media (max-width: 991px){
  .kc-studio-grid{ grid-template-columns: 1fr; }
}

.kc-studio-pane{
  border-radius: 26px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.86);
  padding: 18px;
  box-shadow: 0 22px 50px rgba(0,0,0,.07);
}
@media (min-width: 992px){
  .kc-studio-pane{ padding: 20px; }
}
.kc-studio-pane--builder{ background: rgba(255,255,255,.82); }
.kc-studio-pane--preview{
  background: rgba(255,255,255,.74);
  backdrop-filter: blur(10px);
}

/* Tabs (mobile) */
.kc-studio-tabs{
  display:none;
  position: relative;
  z-index: 3;
  gap: 10px;
  margin: 10px 0 14px;
  padding: 8px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.74);
  box-shadow: 0 18px 44px rgba(0,0,0,.08);
}
@media (max-width: 991px){
  .kc-studio-tabs{ display:flex; }
}
.kc-studio-tab{
  flex: 1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 12px 12px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  font-weight: 950;
  color: rgba(0,0,0,.68);
  transition: transform .14s ease, background-color .14s ease, box-shadow .14s ease;
}
.kc-studio-tab:hover{ transform: translateY(-1px); }
.kc-studio-tab.is-active{
  background: rgba(40,233,140,.12);
  border-color: rgba(40,233,140,.26);
  color: rgba(0,0,0,.80);
  box-shadow: 0 16px 34px rgba(0,0,0,.06);
}

/* Mobile pane switch */
@media (max-width: 991px){
  .kc-studio-pane--builder,
  .kc-studio-pane--preview,
  [data-kc-pane="aplus"]{ display:none; }

  .kc-studio-ui[data-kc-view="builder"] .kc-studio-pane--builder{ display:block; }
  .kc-studio-ui[data-kc-view="preview"] .kc-studio-pane--preview{ display:block; }
  .kc-studio-ui[data-kc-view="aplus"] [data-kc-pane="aplus"]{ display:block; }
}

/* Bigger mail preview */
.kc-mailcard--xl .kc-mailcard__subject{
  font-size: 14px;
  font-weight: 1000;
}
.kc-mailcard--xl .kc-mailcard__meta{
  padding: 12px 16px;
}
.kc-mailcard--xl .kc-mailcard__body{
  padding: 16px 16px;
  font-size: 14px;
  line-height: 1.6;
  max-height: 460px;
  overflow:auto;
}
.kc-mailcard--xl .kc-mailcard__body::-webkit-scrollbar{ width: 10px; }
.kc-mailcard--xl .kc-mailcard__body::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.14);
  border-radius: 999px;
  border: 3px solid rgba(255,255,255,.60);
}
.kc-chat-preview--xl{ margin-top: 14px; }

/* Footer */
.kc-chat-foot--sticky{
  position: sticky;
  bottom: 14px;
  z-index: 4;
  margin-top: 14px;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.78);
  box-shadow: 0 24px 60px rgba(0,0,0,.10);
  backdrop-filter: blur(10px);
}
.kc-chat-foot--sticky .kc-chat-foot-actions{
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* Priority badges: smaller + premium */
.kc-chip-group--multi[data-kc-field="priorities"] .kc-chip.is-selected::after{
  content: attr(data-priority-label);
  position:absolute;
  top: -9px;
  right: -9px;
  transform: none;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .2px;
  padding: 6px 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(40,233,140,.98), rgba(0,180,255,.92));
  color: rgba(0,0,0,.82);
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 14px 30px rgba(0,0,0,.18);
  pointer-events:none;
  max-width: 110px;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kc-chip-group--multi[data-kc-field="priorities"] .kc-chip.is-selected{
  padding-right: 16px;
}

/* Builder inputs density */
.kc-studio-v22 .kc-chat-input,
.kc-studio-v22 .kc-chat-input--one{
  border-radius: 16px;
}

/* Make chips feel more expensive */
.kc-studio-v22 .kc-chip{
  border-radius: 999px;
}
.kc-studio-v22 .kc-chip:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 36px rgba(0,0,0,.08);
}

/* =========================
   Contact Studio v23 (Simplified + Detailed)
   - Full-width panes (tabs on all breakpoints)
   - Removes A+ impact panel
   - Adds Details pane + cleaner mail preview
   ========================= */
.kc-studio-v23 .kc-studio-tabs{
  display:flex !important;
  gap: 8px;
  padding: 10px 10px 12px;
  position: sticky;
  top: 86px;
  z-index: 6;
  background: rgba(255,255,255,.68);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  margin-bottom: 12px;
}

@media (max-width: 991px){
  .kc-studio-v23 .kc-studio-tabs{ top: 74px; }
}

.kc-studio-v23 .kc-studio-grid{
  display:block;
}

.kc-studio-v23 .kc-studio-pane{ display:none; }
.kc-studio-v23 .kc-studio-ui[data-kc-view="builder"] .kc-studio-pane--builder{ display:block; }
.kc-studio-v23 .kc-studio-ui[data-kc-view="preview"] .kc-studio-pane--preview{ display:block; }
.kc-studio-v23 .kc-studio-ui[data-kc-view="details"] .kc-studio-pane--details{ display:block; }

/* Wider mail preview */
.kc-studio-v23 .kc-mailcard--xl{
  max-width: 980px;
  margin: 0 auto;
}
.kc-studio-v23 .kc-mailcard__body{
  font-size: 15px;
  line-height: 1.7;
  padding: 18px 18px 22px;
}
.kc-studio-v23 .kc-mailtext{
  font-weight: 650;
  color: rgba(0,0,0,.84);
}

/* Footer actions: center + nicer */
.kc-studio-v23 .kc-chat-foot{
  max-width: 980px;
  margin: 14px auto 0;
}

/* Priority badges: clean (inside chip, no clipping) */
.kc-studio-v23 .kc-chip-group--multi[data-kc-field="priorities"] .kc-chip{
  overflow: visible;
}
.kc-studio-v23 .kc-chip-group--multi[data-kc-field="priorities"] .kc-chip.is-selected{
  padding-right: 112px;
}
.kc-studio-v23 .kc-chip-group--multi[data-kc-field="priorities"] .kc-chip.is-selected::after{
  content: attr(data-priority-label);
  position:absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .2px;
  padding: 7px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(0,0,0,.88), rgba(0,0,0,.64));
  color: rgba(255,255,255,.96);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 14px 30px rgba(0,0,0,.14);
  pointer-events:none;
  max-width: 120px;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Details pane */
.kc-studio-v23 .kc-details-head{
  max-width: 980px;
  margin: 0 auto 12px;
}
.kc-studio-v23 .kc-details-head h3{
  margin: 0;
  font-weight: 1000;
  letter-spacing: -0.2px;
}
.kc-studio-v23 .kc-details-head p{
  margin: 8px 0 0;
  opacity: .82;
  font-weight: 650;
}

.kc-studio-v23 .kc-detail-grid{
  max-width: 980px;
  margin: 0 auto;
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
.kc-studio-v23 .kc-detail-grid--settings{ margin-top: 12px; }
@media (max-width: 767px){
  .kc-studio-v23 .kc-detail-grid{ grid-template-columns: 1fr; }
}

.kc-studio-v23 .kc-detail-card{
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.86);
  box-shadow: 0 18px 44px rgba(0,0,0,.06);
  padding: 14px 14px;
}

.kc-studio-v23 .kc-qpool{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin-top: 10px;
}
@media (max-width: 767px){
  .kc-studio-v23 .kc-qpool{ grid-template-columns: 1fr; }
}

.kc-studio-v23 .kc-q{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.72);
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease;
}
.kc-studio-v23 .kc-q:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(0,0,0,.07);
}
.kc-studio-v23 .kc-q input{ margin-top: 3px; }
.kc-studio-v23 .kc-q span{ font-weight: 750; opacity: .9; }

.kc-studio-v23 .kc-qhint{
  margin-top: 10px;
  opacity: .78;
  font-weight: 650;
}

.kc-studio-v23 .kc-studio-pane--details > .kc-detail-card{
  max-width: 980px;
  margin: 12px auto 0;
}


/* =========================
   Mini Brief Studio v23.1 — Helper Panel (simple, detailed)
   ========================= */
.kc-studio-helper{ margin-top: 18px; }
.kc-helper-card{
  background: rgba(255,255,255,.74);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  padding: 18px 18px 16px;
  box-shadow: 0 18px 55px rgba(0,0,0,.10);
  backdrop-filter: blur(16px);
}
.kc-helper-top{
  display:flex; align-items:center; justify-content:space-between; gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.kc-helper-badge{
  display:inline-flex; align-items:center; gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(64, 255, 196, .22), rgba(64, 255, 196, .06));
  border: 1px solid rgba(64, 255, 196, .28);
  font-weight: 700;
  letter-spacing: .2px;
}
.kc-helper-badge i{ color: var(--theme); }
.kc-helper-score{
  display:flex; align-items:baseline; gap: 6px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(0,0,0,.07);
}
.kc-helper-score strong{ font-size: 18px; font-weight: 800; }
.kc-helper-score em{ font-style: normal; color: rgba(0,0,0,.55); font-weight: 700; }

.kc-helper-sub{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding-top: 12px;
}
.kc-helper-focus, .kc-helper-est{
  border-radius: 18px;
  padding: 12px 12px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(0,0,0,.06);
}
.kc-helper-sub .tag{
  display:inline-flex; align-items:center; gap: 8px;
  font-size: 12px; font-weight: 800;
  color: rgba(0,0,0,.60);
  margin-bottom: 8px;
}
.kc-helper-sub strong{
  display:block;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 4px;
}
.kc-helper-sub small{
  display:block;
  font-size: 12px;
  color: rgba(0,0,0,.58);
  line-height: 1.35;
}

.kc-helper-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 14px;
}
.kc-helper-block{
  border-radius: 18px;
  padding: 14px 14px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(0,0,0,.06);
  min-height: 140px;
}
.kc-helper-block h4{
  font-size: 13px;
  font-weight: 900;
  margin: 0 0 10px;
  letter-spacing: .2px;
}
.kc-helper-missing{
  margin: 0; padding-left: 16px;
  color: rgba(0,0,0,.75);
}
.kc-helper-missing li{
  margin: 6px 0;
  line-height: 1.35;
  font-size: 13px;
}
.kc-helper-steps{ margin: 0; padding-left: 18px; }
.kc-helper-steps li{
  margin: 8px 0;
  font-size: 13px;
  line-height: 1.35;
  color: rgba(0,0,0,.76);
}
.kc-helper-note{
  display:flex; align-items:flex-start; gap: 10px;
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(0,0,0,.035);
  border: 1px solid rgba(0,0,0,.06);
  color: rgba(0,0,0,.72);
  font-size: 12.5px;
  line-height: 1.45;
}
.kc-helper-note i{ margin-top: 3px; color: rgba(0,0,0,.45); }

@media (max-width: 991px){
  .kc-helper-sub{ grid-template-columns: 1fr; }
  .kc-helper-grid{ grid-template-columns: 1fr; }
}


/* =========================
   Contact Studio — v24 (Clean, usable, detailed)
   - No tabs, no helper panel
   - Form left / Summary+Mail right
   ========================= */

.kc-studio-v24 .kc-chat-ui{
  padding: 18px;
}

.kc-studio-v24-shell{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 480px;
  gap: 16px;
  align-items: start;
}

@media (max-width: 991px){
  .kc-studio-v24-shell{ grid-template-columns: 1fr; }
}

.kc-studio-v24-form{
  display:flex;
  flex-direction: column;
  gap: 14px;
}

.kc-studio-v24-section{
  border-radius: 24px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 45px rgba(0,0,0,.06);
  padding: 16px;
}

.kc-studio-v24-head{
  margin-bottom: 14px;
}

.kc-studio-v24-badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.30);
  background: rgba(40,233,140,.10);
  font-weight: 950;
  letter-spacing: .2px;
  margin-bottom: 12px;
}

.kc-studio-v24-head h3{
  font-size: 22px;
  line-height: 1.25;
  margin: 0 0 8px;
  font-weight: 1000;
  color: rgba(0,0,0,.86);
}

.kc-studio-v24-head p{
  margin: 0;
  color: rgba(0,0,0,.62);
  font-weight: 750;
  line-height: 1.55;
}

.kc-v24-mini{
  margin-top: 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(0,0,0,.03);
  padding: 11px 12px;
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(0,0,0,.62);
  font-weight: 800;
  font-size: 13px;
}
.kc-v24-mini i{ margin-top: 3px; color: rgba(0,0,0,.55); }

.kc-v24-meta-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}
@media (max-width: 575px){
  .kc-v24-meta-grid{ grid-template-columns: 1fr; }
}

.kc-studio-v24-acc{
  margin-top: 6px;
  border-radius: 24px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  overflow: hidden;
}

.kc-studio-v24-acc > summary{
  list-style:none;
  cursor:pointer;
  padding: 14px 16px;
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 950;
  color: rgba(0,0,0,.78);
  background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0));
}
.kc-studio-v24-acc > summary::-webkit-details-marker{ display:none; }

.kc-studio-v24-acc-body{
  padding: 14px 16px 16px;
}

.kc-v24-acc-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 991px){
  .kc-v24-acc-grid{ grid-template-columns: 1fr; }
}

.kc-v24-acc-card{
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  padding: 14px;
  box-shadow: 0 14px 34px rgba(0,0,0,.05);
}

.kc-v24-row{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 991px){
  .kc-v24-row{ grid-template-columns: 1fr; }
}

.kc-v24-setting .kc-chat-label{
  margin-top: 8px;
}

/* Side */
.kc-studio-v24-side{
  display:flex;
  flex-direction: column;
  gap: 14px;
}
@media (min-width: 992px){
  .kc-studio-v24-side{ position: sticky; top: 110px; }
}

.kc-v24-side-card{
  border-radius: 26px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 45px rgba(0,0,0,.06);
  padding: 16px;
}

.kc-v24-side-top{
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 12px;
  margin-bottom: 12px;
}

.kc-v24-side-tag{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.30);
  background: rgba(40,233,140,.10);
  font-weight: 950;
  color: rgba(0,0,0,.75);
  font-size: 13px;
}

.kc-v24-side-to{
  color: rgba(0,0,0,.55);
  font-weight: 800;
  font-size: 13px;
}

.kc-v24-summary{
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
  padding: 12px;
  color: rgba(0,0,0,.80);
  font-weight: 850;
  line-height: 1.55;
}

.kc-v24-plan{
  margin-top: 12px;
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.86);
  padding: 12px;
}

.kc-v24-plan-title{
  display:flex;
  align-items:center;
  gap: 8px;
  font-weight: 950;
  color: rgba(0,0,0,.72);
  margin-bottom: 8px;
  font-size: 13px;
}

.kc-v24-plan-body{
  white-space: pre-line;
  color: rgba(0,0,0,.70);
  font-weight: 820;
  line-height: 1.55;
  font-size: 14px;
}

/* Actions */
.kc-v24-actions{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
@media (max-width: 575px){
  .kc-v24-actions{ grid-template-columns: 1fr; }
}

.kc-v24-actions button{
  width: 100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap: 8px;
  padding: 12px 12px;
  border-radius: 16px;
  font-weight: 950;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease;
}

.kc-v24-actions button:disabled{
  opacity: .55;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

.kc-v24-actions button:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 36px rgba(0,0,0,.10);
}

.kc-v24-status{
  margin-top: 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
  padding: 11px 12px;
  display:flex;
  align-items:center;
  gap: 10px;
  color: rgba(0,0,0,.62);
  font-weight: 850;
  font-size: 13px;
}
.kc-v24-status .dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(40,233,140,.95);
  box-shadow: 0 10px 18px rgba(40,233,140,.24);
}

/* Inline validation (required fields) */
.kc-studio-v24 .kc-field.is-invalid input,
.kc-studio-v24 .kc-field.is-invalid textarea{
  border-color: rgba(255,107,107,.55) !important;
  box-shadow: 0 0 0 4px rgba(255,107,107,.14);
}

/* Mail preview micro-animation */
.kc-v24-preview-body.kc-flash{ animation: kcFlash 420ms ease; }
@keyframes kcFlash{
  0%{ box-shadow: 0 0 0 0 rgba(11,214,154,0); }
  35%{ box-shadow: 0 0 0 6px rgba(11,214,154,.18); }
  100%{ box-shadow: 0 0 0 0 rgba(11,214,154,0); }
}

/* Better typography in preview */
.kc-studio-v24 .kc-mailtext{
  font-size: 13.5px;
  line-height: 1.68;
  color: rgba(0,0,0,.72);
}
.kc-studio-v24 .kc-mailhead{
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .06em;
  color: rgba(0,0,0,.72);
  text-transform: uppercase;
}

/* Priority badge */
.kc-studio-v24 .kc-chip-group--multi[data-kc-field="priorities"] .kc-chip.is-selected::after{
  content: attr(data-priority-label);
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  font-size: 12px;
  padding: 6px 10px;
  background: linear-gradient(135deg, rgba(40,233,140,.98), rgba(40,233,140,.55));
  color: rgba(0,0,0,.80);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 26px rgba(40,233,140,.20);
  max-width: 120px;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kc-studio-v24 .kc-chip-group--multi[data-kc-field="priorities"] .kc-chip.is-selected{
  padding-right: 112px;
}

/* Chip micro-interactions (studio only) */
.kc-studio-v24 .kc-chip{
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease;
}
.kc-studio-v24 .kc-chip:active{ transform: translateY(0) scale(.985); }


.kc-v24-status.is-warn .dot{
  background: rgba(255,176,0,.95);
  box-shadow: 0 10px 18px rgba(255,176,0,.24);
}
.kc-v24-status.is-bad .dot{
  background: rgba(255,70,70,.95);
  box-shadow: 0 10px 18px rgba(255,70,70,.24);
}
.kc-v24-status.is-ok .dot{
  background: rgba(40,233,140,.95);
  box-shadow: 0 10px 18px rgba(40,233,140,.24);
}

/* =========================================================
   MOBİL İNCE AYAR KATMANI — 2026
   Mobilde taş gibi dursun diye: taşma yok, okunabilir tipografi, rahat tıklama alanları.
   ========================================================= */
@media (max-width: 575px){
  html, body{ overflow-x: hidden; }

  /* Section title side paragraph mobilde daha modern dursun diye */
  .section-title-area{ gap: 14px !important; }
  .section-title-area p{
    border-left: 0 !important;
    padding-left: 0 !important;
    font-style: normal !important;
    line-height: 1.65 !important;
  }

  /* Global heading scaling */
  .section-title h2{
    font-size: clamp(26px, 7.2vw, 34px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.2px;
  }
  .section-title span{ font-size: 16px; }

  /* Underline alignment (avoid overlapping multi-line titles) */
  .section-title h2::after{
    bottom: -10px;
    height: 2px;
  }

  /* Hero buttons: full width, easy taps */
  .hero-btn-wrapper{
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .hero-btn-wrapper .theme-btn,
  .hero-btn-wrapper .video-btn{
    width: 100%;
    justify-content: center;
  }

  /* Home essentials section: remove awkward wrapping + make CTA fit */
  .kc-home-essentials .section-title h2::after{
    left: 0;
    transform: none;
  }
  .kc-home-essentials .section-title p{
    max-width: 66ch;
    opacity: .92;
  }
  .kc-home-essentials .section-title-area .theme-btn{
    width: 100%;
    justify-content: center;
  }
  .kc-home-essentials__cta{
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .kc-home-essentials__cta .theme-btn{ width: 100%; justify-content:center; }
  .kc-home-essentials__cta .kc-ghost-link{ text-align:center; }

  /* Contact studio: tabs scroll instead of squeezing */
  .kc-studio-tabs{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .kc-studio-tab{ flex: 0 0 auto; padding: 10px 14px; }
  .kc-studio-head h2{ font-size: clamp(28px, 7vw, 40px); }

  /* Safer container padding */
  .container,
  .container-fluid{ padding-left: 16px !important; padding-right: 16px !important; }
}


/* ============================
   Project detail polish (v31)
============================ */
.kc-list{ margin-top: 14px; }
.kc-list li{ display:flex; gap:10px; align-items:flex-start; font-weight:650; opacity:.86; margin:10px 0; }
.kc-list li img{ margin-top: 2px; opacity:.9; }
.kc-nextbox{
  margin-top: 26px;
  padding: 20px 18px;
  border-radius: 22px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 24px 60px rgba(0,0,0,.10);
}
.kc-nextbox h3{ font-weight: 1000; letter-spacing: -.02em; margin: 0 0 10px; }
.kc-nextbox p{ margin: 0 0 14px; font-weight: 650; opacity: .86; }
@media (max-width: 575px){
  .kc-nextbox{ padding: 16px 14px; border-radius: 18px; }
}


/* === Projects: image fit & modern detail blocks === */
@media (max-width: 575px){
  .project-wrapper .project-items .image{ height: 260px !important; }
}
.project-items-2 .images{
  background: rgba(11,15,16,0.55);
}
.project-items-2 .images img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Detail page callout */
.kc-callout{
  margin: 14px 0 10px;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(40,233,140,0.14);
  border: 1px solid rgba(40,233,140,0.32);
  color: rgba(8,12,12,0.96) !important;
  opacity: 1 !important;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.55;
  box-shadow: 0 14px 40px rgba(0,0,0,.10);
  backdrop-filter: blur(10px);
}
.kc-callout strong{
  color: rgba(8,12,12,1) !important;
  font-weight: 900;
}
/* Project detail: hero cover should always fit */
.project-details-wrapper .project-details-images{
  height: 460px;
  overflow: hidden;
  border-radius: 16px;
}
.project-details-wrapper .project-details-images img{
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 991px){
  .project-details-wrapper .project-details-images{ height: 320px; }
}
@media (max-width: 575px){
  .project-details-wrapper .project-details-images{ height: 240px; }
}

/* Portfolio section divider (optional) */
.kc-portfolio-divider{
  padding: 22px 22px;
  border-radius: 18px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  margin: 6px 0 10px;
}
.kc-portfolio-divider h3{
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 800;
}
.kc-portfolio-divider p{
  margin: 0;
  opacity: 0.78;
}

/* -------------------------------------------------------
   2026 — Projeler UI Fix (görsel sığdırma + premium detay sidebar)
-------------------------------------------------------- */

/* Home/Featured cards (.project-items) — küçük ekranda 1000% bug fix */
@media (max-width: 575px) {
  .project-wrapper .project-items .image { height: 340px !important; }
}

/* Tüm proje kartlarında görsel taşmasın: screenshot/SVG tam görünsün */
.project-wrapper .project-items .image,
.project-items-2 .images,
.project-details-wrapper .project-details-images {
  background:
    radial-gradient(700px 220px at 30% 0%, rgba(40,233,140,.16), rgba(13,18,20,0) 60%),
    radial-gradient(700px 260px at 90% 100%, rgba(40,233,140,.10), rgba(13,18,20,0) 60%),
    linear-gradient(135deg, rgba(12,16,18,1), rgba(7,10,12,1));
}

.project-wrapper .project-items .image,
.project-items-2 .images,
.project-details-wrapper .project-details-images {
  overflow: hidden;
  border-radius: 16px;
}

.project-wrapper .project-items .image img,
.project-items-2 .images img,
.project-details-wrapper .project-details-images img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover !important;
  object-position: center center;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Proje detay kapak yüksekliği (desktop/phone) */
.project-details-wrapper .project-details-images{
  height: 460px;
  border: var(--border);
}
@media (max-width: 991px){
  .project-details-wrapper .project-details-images{ height: 320px; }
}
@media (max-width: 575px){
  .project-details-wrapper .project-details-images{ height: 240px; }
}

/* Premium sidebar (projects.page.js ile) */
.kc-proj-sidebar {
  position: relative;
}
@media (min-width: 992px) {
  .kc-proj-sidebar { position: sticky; top: 110px; }
}

.kc-projcard {
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  padding: 18px 18px 16px;
  box-shadow: 0 18px 45px rgba(0,0,0,.08);
}

.kc-projcard-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.kc-projcard-head h3 {
  font-size: 22px;
  margin: 0;
  letter-spacing: -0.02em;
}

.kc-year-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(40,233,140,.28);
  background: rgba(40,233,140,.08);
  font-size: 13px;
  font-weight: 700;
}

.kc-dl {
  margin: 0;
}
.kc-dl > div {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid rgba(0,0,0,.06);
}
.kc-dl > div:first-child { border-top: 0; }
.kc-dl dt {
  margin: 0;
  font-weight: 800;
  color: rgba(0,0,0,.74);
}
.kc-dl dd {
  margin: 0;
  color: rgba(0,0,0,.78);
}

.kc-mini-pillrow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.kc-mini-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.75);
  font-size: 13px;
  font-weight: 600;
}

.kc-proj-actions {
  margin-top: 14px;
  display: grid;
  gap: 10px;
}

.kc-proj-actions a {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.75);
  color: var(--title);
  font-weight: 700;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.kc-proj-actions a:hover {
  transform: translateY(-2px);
  border-color: rgba(40,233,140,.40);
  box-shadow: 0 14px 34px rgba(0,0,0,.10);
}

@media (max-width: 575px) {
  .kc-dl > div { grid-template-columns: 1fr; gap: 6px; }
}

/* Screenshot/SVG kapaklarda hover zoom kırpmasın */
.project-wrapper .project-items:hover .image img,
.project-items-2:hover .images img,
.project-details-wrapper .project-details-images img {
  transform: none !important;
}

/* Kapak görsellerde border img yerine container'da kalsın */
.project-wrapper .project-items .image { border: var(--border); }


/* Extra safety: ensure project list images always cover */
.project-items-2 .images{ position: relative; line-height: 0; }
.project-items-2 .images img{ width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; display: block !important; }

/* -------------------------------------------------------
   Projeler Sayfası — Kartlar aynı hizada dursun
   - Uzun başlıklar kart yüksekliğini bozmasın diye 2 satırda kırpıyorum.
   - Grid satırında tüm kartlar eşit yükseklikte hizalanır.
-------------------------------------------------------- */
.project-standard-section .row.g-4 > [class*="col-"]{ display:flex; }
.project-standard-section .project-items-2{ 
  width:100%; 
  height:100%; 
  display:flex; 
  flex-direction:column; 
  /* main.css'deki 30px margin-top yüzünden ilk satırda kartlar yukarı-aşağı kayıyordu */
  margin-top: 0 !important;
}
.project-standard-section .project-items-2 .images{ flex:0 0 auto; }
.project-standard-section .project-items-2 .content{ flex:1 1 auto; align-items:flex-end; }
.project-standard-section .project-items-2 .content .text{ flex:1 1 auto; }
.project-standard-section .project-items-2 .content .icon{ flex:0 0 auto; align-self:flex-end; }

/* Kategori satırı uzunsa 2. satıra düşüp kart yüksekliğini bozmasın */
.project-standard-section .project-items-2 .content .text span{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-height: 1.2em;
}

/* Başlık kırpma (2 satır) */
.project-standard-section .project-items-2 .content .text h4{
  display:-webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow:hidden;
  margin-top: 10px;
  min-height: calc(1.25em * 2); /* 2 satır alanı sabitle */
}
.project-standard-section .project-items-2 .content .text h4 a{ display:block; }

@media (max-width: 575px){
  /* Mobilde okunurluk için 3 satıra kadar izin veriyorum */
  .project-standard-section .project-items-2 .content .text h4{
    -webkit-line-clamp: 3;
    min-height: calc(1.25em * 3);
  }
}

/* v37: hero mini kartlari kaldir */
.hero-1 .mini-card{display:none !important;}


/* ============================================================
   About (Ana Sayfa) – Görsel üzeri istatistik kartları (revize)
   - PNG badge'leri kaldırıp HTML/CSS ile daha modern hale getirir.
   ============================================================ */

.about-wrapper-1 .about-images .shape-left,
.about-wrapper-1 .about-images .shape-right {
  z-index: 2;
}

/* Konumlar: kartların görselin dışında taşmaması için negatif değerleri iptal ediyoruz */
.about-wrapper-1 .about-images .shape-right {
  top: 18% !important;
  right: 6% !important;
}

.about-wrapper-1 .about-images .shape-left {
  top: auto !important;
  bottom: 8% !important;
  left: 6% !important;
}

@media (max-width: 1399px) {
  .about-wrapper-1 .about-images .shape-right {
    top: 20% !important;
    right: 4% !important;
  }
  .about-wrapper-1 .about-images .shape-left {
    left: 4% !important;
    bottom: 6% !important;
  }
}

@media (max-width: 991px) {
  .about-wrapper-1 .about-images .shape-right {
    top: 14% !important;
    right: 3% !important;
  }
  .about-wrapper-1 .about-images .shape-left {
    left: 3% !important;
    bottom: 5% !important;
  }
}

/* Kart tasarımı */
.about-wrapper-1 .about-images .kc-stat {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 18px 45px rgba(2, 6, 23, 0.14);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  max-width: 280px;
}

.about-wrapper-1 .about-images .kc-stat__icon {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.22), rgba(56, 189, 248, 0.16));
  border: 1px solid rgba(34, 197, 94, 0.30);
  flex: 0 0 auto;
}

.about-wrapper-1 .about-images .kc-stat__icon i {
  font-size: 18px;
  color: #22c55e;
}

.about-wrapper-1 .about-images .kc-stat__content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.about-wrapper-1 .about-images .kc-stat__kpi {
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #0f172a;
  white-space: nowrap;
}

.about-wrapper-1 .about-images .kc-stat__kpi--small {
  font-size: 18px;
  font-weight: 800;
}

.about-wrapper-1 .about-images .kc-stat__label {
  margin-top: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
  white-space: nowrap;
}

/* İnceleme kartı */
.about-wrapper-1 .about-images .kc-stat__row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.about-wrapper-1 .about-images .kc-stat__avatars img {
  height: 30px;
  width: auto;
  display: block;
}

.about-wrapper-1 .about-images .kc-stat__stars {
  display: flex;
  align-items: center;
  gap: 4px;
}

.about-wrapper-1 .about-images .kc-stat__stars i {
  font-size: 14px;
  color: #fbbf24;
}

@media (max-width: 575px) {
  .about-wrapper-1 .about-images .kc-stat {
    display: none;
  }
}


/* -------------------------------------------------------
   KC Services 2026 — Ultra Premium Bento (index.html + service.html)
   - Bento grid layout (featured + wide + standard)
   - Premium gradient ring + soft glow (mouse-follow)
   Not: Tüm class'lar kc- ile başlar.
-------------------------------------------------------- */

.kc-services-2026{
  position: relative;
  margin-top: 16px;
  isolation: isolate;
}

.kc-services-2026::before{
  content:"";
  position:absolute;
  inset:-18px -16px -22px;
  z-index:0;
  pointer-events:none;
  border-radius: 32px;
  background:
    radial-gradient(900px 260px at 10% 0%, rgba(40,233,140,.16), rgba(255,255,255,0) 60%),
    radial-gradient(900px 300px at 90% 100%, rgba(99,102,241,.12), rgba(255,255,255,0) 62%);
  opacity: 1;
}

.kc-services-sub{
  position: relative;
  z-index: 1;
  max-width: 880px;
  margin: 0 auto 22px;
  color: rgba(0,0,0,.74);
  font-size: 17px;
  line-height: 1.7;
}

.kc-services-grid{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

@media (max-width: 991px){
  .kc-services-grid{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (max-width: 575px){
  .kc-services-grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* Layout modifiers */
.kc-svc-card{ grid-column: span 4; }
.kc-svc-card--wide{ grid-column: span 5; }
.kc-svc-card--featured{
  grid-column: span 7;
  grid-row: span 2;
  padding: 26px 26px 22px;
}

@media (max-width: 991px){
  .kc-svc-card{ grid-column: span 3; }
  .kc-svc-card--wide{ grid-column: span 3; }
  .kc-svc-card--featured{ grid-column: 1 / -1; grid-row: auto; }
}
@media (max-width: 575px){
  .kc-svc-card, .kc-svc-card--wide, .kc-svc-card--featured{ grid-column: auto; }
}

/* Card visuals */
.kc-svc-card{
  --mx: 50%;
  --my: 30%;
  position: relative;
  height: 100%;
  padding: 22px 22px 18px;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.86));
  border: 1px solid rgba(15,23,42,.08);
  box-shadow:
    0 20px 70px rgba(15,23,42,.10),
    0 6px 20px rgba(15,23,42,.06);
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  will-change: transform;
}

.kc-svc-card::before{
  content:"";
  position:absolute;
  inset: 0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(520px 260px at var(--mx) var(--my),
      rgba(40,233,140,.18),
      rgba(99,102,241,.10) 38%,
      rgba(255,255,255,0) 62%);
  opacity: .95;
  transition: opacity .22s ease;
}

.kc-svc-card::after{
  content:"";
  position:absolute;
  inset: 0;
  z-index:0;
  pointer-events:none;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(135deg,
      rgba(40,233,140,.65),
      rgba(99,102,241,.35),
      rgba(255,255,255,0) 70%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .28;
  transition: opacity .22s ease;
}

.kc-svc-card:hover{
  transform: translateY(-6px);
  border-color: rgba(40,233,140,.28);
  box-shadow:
    0 28px 90px rgba(15,23,42,.14),
    0 10px 26px rgba(15,23,42,.08);
}

.kc-svc-card:hover::after{ opacity: .55; }
.kc-svc-card:hover::before{ opacity: 1; }

.kc-svc-top,
.kc-svc-card h4,
.kc-svc-card p,
.kc-svc-tags,
.kc-svc-link,
.kc-svc-points{
  position: relative;
  z-index: 1;
}

.kc-svc-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom: 12px;
}

.kc-svc-no{
  display:inline-flex;
  align-items:center;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .14em;
  color: rgba(15,23,42,.66);
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(15,23,42,.035);
}

.kc-svc-ico{
  width: 48px;
  height: 48px;
  display:grid;
  place-items:center;
  border-radius: 18px;
  border: 1px solid rgba(40,233,140,.26);
  background:
    radial-gradient(80% 80% at 28% 22%, rgba(40,233,140,.22), rgba(40,233,140,.08) 60%),
    rgba(255,255,255,.65);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    0 10px 20px rgba(15,23,42,.06);
  transition: transform .22s ease, border-color .22s ease;
}

.kc-svc-ico i{
  font-size: 18px;
  color: var(--theme);
}

.kc-svc-card:hover .kc-svc-ico{
  transform: translateY(-1px) scale(1.04);
  border-color: rgba(40,233,140,.38);
}

.kc-svc-card h4{
  margin: 0 0 9px;
  letter-spacing: -0.03em;
  font-size: 20px;
  line-height: 1.25;
}

.kc-svc-card--featured h4{
  font-size: 24px;
}

.kc-svc-card p{
  margin: 0 0 14px;
  color: rgba(0,0,0,.72);
  line-height: 1.65;
}

.kc-svc-card--featured p{
  font-size: 16px;
}

.kc-svc-tags{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  margin: 12px 0 14px;
}

.kc-svc-tags span{
  padding: 8px 11px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.70);
  font-size: 13px;
  line-height: 1;
  color: rgba(15,23,42,.72);
}

.kc-svc-points{
  list-style:none;
  padding: 0;
  margin: 14px 0 6px;
  display: grid;
  gap: 10px;
}

.kc-svc-points li{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  color: rgba(0,0,0,.74);
  line-height: 1.45;
}

.kc-svc-points i{
  margin-top: 2px;
  color: var(--theme);
}

.kc-svc-link{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.72);
  font-weight: 900;
  color: var(--title);
  text-decoration:none;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}

.kc-svc-link i{ color: var(--theme); transition: transform .18s ease; }

.kc-svc-link:hover{
  transform: translateY(-1px);
  border-color: rgba(40,233,140,.30);
  background: rgba(255,255,255,.90);
}

.kc-svc-link:hover i{
  transform: translateX(2px);
}

@media (prefers-reduced-motion: reduce){
  .kc-svc-card,
  .kc-svc-ico,
  .kc-svc-link{
    transition: none !important;
  }
}

/* ============================
   KC Services Elite (Premium)
   ============================ */

.kc-services-2026{
  position: relative;
  padding: 28px 28px 30px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.56));
  border: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 18px 60px rgba(2, 6, 23, .08);
  overflow: hidden;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.kc-services-2026::before{
  content: "";
  position: absolute;
  inset: -2px;
  padding: 2px;
  border-radius: 30px;
  background: linear-gradient(135deg, rgba(40,233,140,.55), rgba(153,100,255,.30), rgba(40,233,140,.18));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .55;
  pointer-events: none;
}

.kc-services-2026::after{
  content: "";
  position: absolute;
  inset: -120px -90px auto auto;
  width: 340px;
  height: 340px;
  background: radial-gradient(circle at 30% 30%, rgba(40,233,140,.22), transparent 62%);
  pointer-events: none;
}

.kc-services-top{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.kc-services-sub{
  margin: 0;
  max-width: 780px;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(15,23,42,.78);
}

.kc-services-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.kc-svc-cta{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--theme) 0%, #1fd07d 100%);
  color: #03150d;
  font-weight: 800;
  border: 1px solid rgba(40,233,140,.22);
  box-shadow: 0 12px 30px rgba(40,233,140,.28);
  transition: transform .18s ease, box-shadow .18s ease;
}

.kc-svc-cta i{ color: #03150d; }

.kc-svc-cta:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 36px rgba(40,233,140,.30);
}

.kc-svc-ghost{
  display: inline-flex;
  align-items: center;
  padding: 12px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(15,23,42,.10);
  color: #0f172a;
  font-weight: 700;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.kc-svc-ghost:hover{
  background: rgba(255,255,255,.92);
  border-color: rgba(40,233,140,.22);
  transform: translateY(-1px);
}

.kc-process-rail{
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(15,23,42,.08);
  margin-bottom: 18px;
}

.kc-process-rail .kc-step{
  position: relative;
  padding: 12px 10px;
  border-radius: 14px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(15,23,42,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.kc-process-rail .kc-step:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(2,6,23,.08);
  border-color: rgba(40,233,140,.22);
}

.kc-process-rail .kc-step span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 12px;
  font-weight: 900;
  color: rgba(15,23,42,.70);
  background: linear-gradient(135deg, rgba(40,233,140,.22), rgba(153,100,255,.14));
  border: 1px solid rgba(15,23,42,.06);
}

.kc-process-rail .kc-step strong{
  display: block;
  margin-top: 10px;
  font-size: 13px;
  letter-spacing: .2px;
  color: #0f172a;
}

.kc-process-rail .kc-step em{
  display: block;
  margin-top: 3px;
  font-style: normal;
  font-size: 12px;
  color: rgba(15,23,42,.62);
}

.kc-services-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 0;
}

.kc-svc-card{
  position: relative;
  grid-column: auto !important;
  padding: 18px 18px 16px;
  border-radius: 22px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 16px 40px rgba(2,6,23,.06);
  overflow: hidden;
  transition: transform .20s ease, box-shadow .20s ease, border-color .20s ease;
}

.kc-svc-card::before{
  content: "";
  position: absolute;
  inset: auto -40px -50px auto;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle at 30% 30%, rgba(40,233,140,.16), transparent 62%);
  opacity: .9;
  pointer-events: none;
}

.kc-svc-card::after{
  content: "";
  position: absolute;
  left: 14px;
  top: 14px;
  width: 6px;
  height: 44px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(40,233,140,.90), rgba(153,100,255,.55));
  opacity: .55;
  pointer-events: none;
}

.kc-svc-card:hover{
  transform: translateY(-4px);
  border-color: rgba(40,233,140,.22);
  box-shadow: 0 22px 60px rgba(2,6,23,.09);
}

.kc-svc-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 12px;
}

.kc-svc-no{
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .6px;
  color: rgba(15,23,42,.55);
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(15,23,42,.06);
  padding: 6px 10px;
  border-radius: 999px;
}

.kc-svc-ico{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(40,233,140,.22), rgba(153,100,255,.14));
  border: 1px solid rgba(15,23,42,.07);
  box-shadow: 0 12px 24px rgba(2,6,23,.06);
}

.kc-svc-ico i{
  color: rgba(15,23,42,.78);
  font-size: 18px;
}

.kc-svc-card h4{
  font-size: 18px;
  line-height: 1.25;
  margin: 0 0 8px;
  letter-spacing: -.2px;
  color: #0f172a;
}

.kc-svc-card p{
  margin: 0 0 12px;
  color: rgba(15,23,42,.72);
  line-height: 1.65;
  font-size: 15px;
}

.kc-svc-points{
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.kc-svc-points li{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgba(15,23,42,.74);
  font-size: 14px;
  line-height: 1.55;
}

.kc-svc-points i{
  margin-top: 3px;
  color: var(--theme);
  opacity: .95;
}

.kc-svc-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.kc-svc-tags span{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(15,23,42,.06);
  color: rgba(15,23,42,.70);
}

.kc-svc-link{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(15,23,42,.08);
  color: #0f172a;
  font-weight: 800;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.kc-svc-link:hover{
  transform: translateY(-1px);
  border-color: rgba(40,233,140,.22);
  background: rgba(255,255,255,.96);
  box-shadow: 0 14px 34px rgba(2,6,23,.08);
}

.kc-svc-link i{
  color: var(--theme);
  transition: transform .18s ease;
}

.kc-svc-link:hover i{
  transform: translateX(2px);
}

@media (max-width: 991px){
  .kc-services-top{ flex-direction: column; align-items: flex-start; }
  .kc-services-actions{ justify-content: flex-start; }
  .kc-process-rail{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kc-services-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575px){
  .kc-services-2026{ padding: 18px; border-radius: 22px; }
  .kc-process-rail{ grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 10px; }
  .kc-services-grid{ grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce){
  .kc-svc-card,
  .kc-svc-cta,
  .kc-svc-ghost,
  .kc-process-rail .kc-step,
  .kc-svc-link{
    transition: none !important;
  }

  .kc-svc-card:hover,
  .kc-svc-cta:hover,
  .kc-svc-ghost:hover,
  .kc-process-rail .kc-step:hover,
  .kc-svc-link:hover{
    transform: none !important;
  }
}

/* -------------------------------------------------------
   KC Light Surfaces — remove dark/gray blocks on Home/Service/Detail
-------------------------------------------------------- */

/* Home + Service pages: make the "service-1" section light & premium */
.kc-services-light.section-bg{
  background:
    radial-gradient(900px 320px at 15% 0%, rgba(40,233,140,.10), rgba(255,255,255,0) 60%),
    radial-gradient(900px 340px at 85% 100%, rgba(99,102,241,.10), rgba(255,255,255,0) 62%),
    var(--bg);
}
.kc-services-light.service-1 .section-title span,
.kc-services-light.service-1 .section-title h2{
  color: var(--header);
}
.kc-services-light.service-1 .section-title h2 span{
  color: var(--theme);
}
.kc-services-light.service-1 .random-shape{
  opacity: .22;
  filter: saturate(0.8) contrast(1.05);
}

/* Service Detail page: light background + more balanced hero */
.kc-sdetail-light.section-bg{
  background:
    radial-gradient(1000px 360px at 18% 0%, rgba(40,233,140,.10), rgba(255,255,255,0) 60%),
    radial-gradient(1000px 380px at 88% 100%, rgba(99,102,241,.10), rgba(255,255,255,0) 62%),
    var(--bg);
}

.kc-sdetail-light .kc-sdetail-hero{
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92));
  border-color: rgba(15,23,42,.10);
  box-shadow:
    0 30px 110px rgba(15,23,42,.12),
    0 10px 30px rgba(15,23,42,.08);
  grid-template-columns: 1fr 1fr;
}

.kc-sdetail-light .kc-sdetail-cover{
  height: 300px;
}

@media (max-width: 991px){
  .kc-sdetail-light .kc-sdetail-cover{ height: 230px; }
}

/* Keep the right sidebar visually balanced on desktop */
@media (min-width: 992px){
  .kc-sdetail-side{
    position: sticky;
    top: 110px;
    align-self: start;
  }
}

/* =====================================================
   KC Bootstrap Mobile Perfection Patch (v53)
   - Services grids use Bootstrap .row/.col (mobile-first)
   - Prevent horizontal overflow on mobile
   - Process rail becomes swipeable on small screens
===================================================== */

html, body{
  overflow-x: clip;
}

img{
  max-width: 100%;
  height: auto;
}

/* Bootstrap row-based services grid (replaces CSS grid) */
.row.kc-services-grid{
  display: flex !important;
  flex-wrap: wrap;
  gap: 0 !important;
  grid-template-columns: none !important;
}

.row.kc-services-grid > [class*="col-"]{
  display: flex;
}

.row.kc-services-grid > [class*="col-"] > .kc-svc-card{
  width: 100%;
}

/* Make process rail comfortable on phones: swipe instead of squish */
@media (max-width: 991px){
  .kc-process-rail{
    display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 12px;
  }
  .kc-process-rail::-webkit-scrollbar{ height: 0; }
  .kc-process-rail .kc-step{
    flex: 0 0 auto;
    min-width: 170px;
    scroll-snap-align: start;
  }
  .kc-services-top{ width: 100%; }
  .kc-services-actions{ width: 100%; flex-wrap: wrap; }
}

@media (max-width: 575px){
  .section-padding{ padding-top: 60px; padding-bottom: 60px; }
  .kc-services-sub{ font-size: 15px; }
  .kc-process-rail{ padding: 12px; }
  .kc-process-rail .kc-step{ min-width: 160px; }
}

/* =====================================================
   KC Privacy & Hardening Patch (v54)
   - No third-party map embed (cookie-free by default)
   - Honeypot field hidden
===================================================== */

.kc-honeypot{
  position:absolute !important;
  left:-9999px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.kc-map-card{
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(255,255,255,0.75);
  box-shadow: 0 18px 46px rgba(0,0,0,0.10);
}

.kc-map-thumb{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: linear-gradient(180deg, rgba(15,23,42,0.06), rgba(15,23,42,0.02));
}

.kc-map-thumb img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.kc-map-body{
  padding: 20px 22px 18px;
}

.kc-map-body h4{
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.2;
}

.kc-map-body p{
  margin: 0 0 14px;
  opacity: 0.88;
}

.kc-map-note{
  margin-top: 12px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13px;
  opacity: 0.82;
}

.kc-map-note i{ margin-top: 2px; }

@media (max-width: 575px){
  .kc-map-body{ padding: 16px 16px 14px; }
  .kc-map-body h4{ font-size: 20px; }
}

/* KC: Ensure email addresses stay lowercase (avoid inherited capitalize rules) */
a[href^="mailto:"],
.kc-email-link,
.kc-studio-v24-side strong,
.kc-mailcard strong,
.kc-v24-side-to strong,
[data-kc-preview-to],
[data-kc-preview-from]{
  text-transform: none !important;
}


/* =========================================================
   HOME İNCE DÜZELTME — v64
   (Görsel taşması, başlık alt çizgisi hizası, yazılar CTA boşluğu, sosyal mail kopya ikonu)
   ========================================================= */

/* Hero görsel kartı: taşma hissini azalt, daha temiz sınırlar */
.hero-1 .hero-images .portrait-card{
  overflow: hidden; /* blur/shape taşmasını kart içinde tut */
}
.hero-1 .hero-images .portrait-card::before{
  inset: -18px;     /* eski -40px çok genişti */
  filter: blur(24px);
  opacity: .72;
}

/* Başlık altı çizgi: paragrafın üstüne binmesin */
.section-title h2{
  margin-bottom: 22px; /* çizgi + boşluk için alan */
}
.section-title h2::after{
  bottom: -18px;       /* biraz aşağı al */
}
.section-title p{
  margin-top: 10px;    /* çizgiyle rahat nefes */
}

/* “Tüm Yazıları Gör” alanı: alttaki bölüme yapışmasın */
.kc-posts-section{
  padding-bottom: 110px;
}
.kc-posts-section .text-center.mt-40{
  margin-top: 56px !important;
}

/* Footer sosyal ikonlarda araya eklenen copy butonu görünmesin (JS zaten eklemiyor; ekstra güvenlik) */
.footer-social .fx-copy-btn,
.socials-icon + .fx-copy-btn,
.socials-icon .fx-copy-btn{display:none !important;}