/* ══ WRAPPER ══ */
    .kt-referanslar-wrapper {
      max-width: 1400px;
      margin: 0 auto;
      padding: 84px 52px 116px;
    }

    /* ══ HERO ══ */
    .kt-referanslar-hero {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: end;
      column-gap: 60px;
      padding-bottom: 60px;
      border-bottom: 1px solid var(--brd);
      margin-bottom: 72px;
    }

    .kt-referanslar-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      font-size: 10.5px;
      font-weight: 600;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: var(--primary-blue);
      margin-bottom: 22px;
    }

    .kt-referanslar-eyebrow-dot {
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: var(--primary-blue);
      flex-shrink: 0;
    }

    .kt-referanslar-heading {
      font-family: 'Libre Baskerville', Georgia, serif;
      font-size: clamp(2rem, 3.5vw, 3.4rem);
      font-weight: 700;
      color: var(--blue-deep);
      line-height: 1.13;
      letter-spacing: -.025em;
    }

    .kt-referanslar-heading em {
      font-style: italic;
      color: var(--primary-blue);
    }

    .kt-referanslar-hero-right {
      padding-bottom: 6px;
    }

    .kt-referanslar-hero-desc {
      font-size: .93rem;
      line-height: 1.85;
      color: var(--g500);
      font-weight: 400;
      max-width: 420px;
      margin-bottom: 28px;
    }

    .kt-referanslar-hero-strip {
      display: flex;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap;
    }

    .kt-referanslar-hero-strip-item {
      display: flex;
      flex-direction: column;
      gap: 3px;
    }

    .kt-referanslar-hero-strip-num {
      font-family: 'Libre Baskerville', serif;
      font-size: 1.55rem;
      font-weight: 700;
      color: var(--blue-deep);
      line-height: 1;
      letter-spacing: -.03em;
    }

    .kt-referanslar-hero-strip-lbl {
      font-size: .68rem;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: var(--g400);
    }

    .kt-referanslar-hero-strip-div {
      width: 1px;
      height: 36px;
      background: var(--brd);
      flex-shrink: 0;
    }

    /* ══ SECTION ══ */
    .kt-referanslar-section {
      margin-bottom: 68px;
    }

    .kt-referanslar-section-header {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 24px;
    }

    .kt-referanslar-section-tag {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 6px 14px 6px 10px;
      border-radius: 100px;
      font-size: .7rem;
      font-weight: 600;
      letter-spacing: .1em;
      text-transform: uppercase;
      flex-shrink: 0;
    }

    .kt-referanslar-section-tag svg {
      width: 12px;
      height: 12px;
      flex-shrink: 0;
    }

    .kt-referanslar-section-tag--blue {
      background: rgba(41,94,195,.07);
      color: var(--primary-blue-dark);
    }

    .kt-referanslar-section-tag--green {
      background: rgba(23,157,46,.07);
      color: var(--primary-green-dark);
    }

    .kt-referanslar-section-tag--orange {
      background: rgba(216,145,3,.08);
      color: var(--primary-orange-dark);
    }

    .kt-referanslar-section-line {
      flex: 1;
      height: 1px;
      background: var(--brd);
    }

    .kt-referanslar-section-tally {
      font-size: .75rem;
      color: var(--g300);
      font-weight: 400;
      letter-spacing: .02em;
      flex-shrink: 0;
    }

    /* ══ GRID ══ */
    .kt-referanslar-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 10px;
    }

    /* ══ CARD ══ */
    .kt-referanslar-card {
      position: relative;
      background: var(--g50);
      border: 1px solid transparent;
      border-radius: 14px;
      padding: 30px 18px 24px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 11px;
      min-height: 146px;
      overflow: hidden;
      cursor: default;
      transition:
        background   var(--tm),
        border-color var(--tm),
        box-shadow   var(--tm),
        transform    var(--tm) var(--ease-out);
    }

    /* top stripe */
    .kt-referanslar-card::before {
      content: '';
      position: absolute;
      top: 0; left: 16px; right: 16px;
      height: 2px;
      border-radius: 0 0 4px 4px;
      opacity: 0;
      transition: opacity var(--tm);
    }

    .kt-referanslar-section--kamu  .kt-referanslar-card::before { background: var(--primary-blue); }
    .kt-referanslar-section--ozel  .kt-referanslar-card::before { background: var(--primary-green); }
    .kt-referanslar-section--konut .kt-referanslar-card::before { background: var(--primary-orange); }

    .kt-referanslar-card:hover {
      background: #fff;
      border-color: var(--brd);
      box-shadow: 0 4px 20px rgba(19,38,96,.07), 0 1px 4px rgba(0,0,0,.04);
      transform: translateY(-3px);
    }

    .kt-referanslar-section--ozel .kt-referanslar-card:hover {
      box-shadow: 0 4px 20px rgba(23,157,46,.08), 0 1px 4px rgba(0,0,0,.04);
    }

    .kt-referanslar-section--konut .kt-referanslar-card:hover {
      box-shadow: 0 4px 20px rgba(216,145,3,.09), 0 1px 4px rgba(0,0,0,.04);
    }

    .kt-referanslar-card:hover::before { opacity: 1; }

    /* icon */
    .kt-referanslar-card-icon {
      width: 48px;
      height: 48px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: transform var(--tm) var(--ease-out);
    }

    .kt-referanslar-card:hover .kt-referanslar-card-icon {
      transform: scale(1.1);
    }

    .kt-referanslar-card-icon svg {
      width: 20px;
      height: 20px;
      flex-shrink: 0;
    }

    .kt-referanslar-section--kamu  .kt-referanslar-card-icon { background: rgba(41,94,195,.08); }
    .kt-referanslar-section--ozel  .kt-referanslar-card-icon { background: rgba(23,157,46,.08); }
    .kt-referanslar-section--konut .kt-referanslar-card-icon { background: rgba(216,145,3,.09); }

    /* text */
    .kt-referanslar-card-name {
      font-size: .77rem;
      font-weight: 600;
      color: var(--g600);
      text-align: center;
      line-height: 1.5;
      letter-spacing: .005em;
      transition: color var(--tm);
    }

    .kt-referanslar-section--kamu  .kt-referanslar-card:hover .kt-referanslar-card-name { color: var(--primary-blue-dark); }
    .kt-referanslar-section--ozel  .kt-referanslar-card:hover .kt-referanslar-card-name { color: var(--primary-green-dark); }
    .kt-referanslar-section--konut .kt-referanslar-card:hover .kt-referanslar-card-name { color: var(--primary-orange-dark); }

    .kt-referanslar-card-sub {
      font-size: .64rem;
      font-weight: 500;
      color: var(--g300);
      text-align: center;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

    /* ══ SEPARATOR ══ */
    .kt-referanslar-sep {
      height: 1px;
      background: var(--brd);
      margin: 0 0 68px;
    }

    /* ══ ALT SAYFALAR (SubPages) ══ */
    .kt-referanslar-subpages {
      margin-bottom: 72px;
    }

    .kt-referanslar-subpages-header {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 28px;
    }

    .kt-referanslar-subpages-tag {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 6px 14px 6px 10px;
      border-radius: 100px;
      font-size: .7rem;
      font-weight: 600;
      letter-spacing: .1em;
      text-transform: uppercase;
      flex-shrink: 0;
      background: rgba(19,38,96,.06);
      color: var(--blue-deep);
    }

    .kt-referanslar-subpages-tag svg {
      width: 12px;
      height: 12px;
      flex-shrink: 0;
    }

    .kt-referanslar-subpages-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }

    .kt-referanslar-subpage-card {
      position: relative;
      display: flex;
      align-items: stretch;
      border-radius: 18px;
      overflow: hidden;
      text-decoration: none;
      border: 1px solid var(--brd);
      background: var(--g50);
      transition:
        box-shadow var(--tm),
        border-color var(--tm),
        transform var(--tm) var(--ease-out);
    }

    .kt-referanslar-subpage-card:hover {
      box-shadow: 0 8px 32px rgba(19,38,96,.10), 0 1px 4px rgba(0,0,0,.04);
      border-color: rgba(41,94,195,.18);
      transform: translateY(-4px);
    }

    /* accent left bar */
    .kt-referanslar-subpage-card::before {
      content: '';
      position: absolute;
      left: 0; top: 0; bottom: 0;
      width: 3px;
      border-radius: 18px 0 0 18px;
      opacity: 0;
      transition: opacity var(--tm);
    }

    .kt-referanslar-subpage-card--kurumsal::before { background: var(--primary-blue); }
    .kt-referanslar-subpage-card--oncesi::before   { background: var(--primary-green); }

    .kt-referanslar-subpage-card:hover::before { opacity: 1; }

    .kt-referanslar-subpage-card-inner {
      display: flex;
      align-items: center;
      gap: 24px;
      padding: 32px 32px 32px 36px;
      width: 100%;
    }

    .kt-referanslar-subpage-card-icon {
      width: 56px;
      height: 56px;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: transform var(--tm) var(--ease-out);
    }

    .kt-referanslar-subpage-card:hover .kt-referanslar-subpage-card-icon {
      transform: scale(1.08);
    }

    .kt-referanslar-subpage-card--kurumsal .kt-referanslar-subpage-card-icon {
      background: rgba(41,94,195,.08);
    }

    .kt-referanslar-subpage-card--oncesi .kt-referanslar-subpage-card-icon {
      background: rgba(23,157,46,.08);
    }

    .kt-referanslar-subpage-card-icon svg {
      width: 22px;
      height: 22px;
      flex-shrink: 0;
    }

    .kt-referanslar-subpage-card-body {
      flex: 1;
      min-width: 0;
    }

    .kt-referanslar-subpage-card-label {
      font-size: .68rem;
      font-weight: 600;
      letter-spacing: .12em;
      text-transform: uppercase;
      margin-bottom: 6px;
    }

    .kt-referanslar-subpage-card--kurumsal .kt-referanslar-subpage-card-label { color: var(--primary-blue); }
    .kt-referanslar-subpage-card--oncesi   .kt-referanslar-subpage-card-label { color: var(--primary-green-dark); }

    .kt-referanslar-subpage-card-title {
      font-family: 'Libre Baskerville', serif;
      font-size: 1.15rem;
      font-weight: 700;
      color: var(--blue-deep);
      line-height: 1.3;
      letter-spacing: -.018em;
      margin-bottom: 8px;
      transition: color var(--tm);
    }

    .kt-referanslar-subpage-card--kurumsal:hover .kt-referanslar-subpage-card-title { color: var(--primary-blue); }
    .kt-referanslar-subpage-card--oncesi:hover   .kt-referanslar-subpage-card-title { color: var(--primary-green-dark); }

    .kt-referanslar-subpage-card-desc {
      font-size: .82rem;
      color: var(--g400);
      line-height: 1.7;
      font-weight: 400;
    }

    .kt-referanslar-subpage-card-arrow {
      flex-shrink: 0;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--brd);
      transition:
        background var(--tm),
        border-color var(--tm),
        transform var(--tm) var(--ease-out);
    }

    .kt-referanslar-subpage-card-arrow svg {
      width: 14px;
      height: 14px;
      flex-shrink: 0;
    }

    .kt-referanslar-subpage-card--kurumsal .kt-referanslar-subpage-card-arrow svg { stroke: var(--primary-blue); }
    .kt-referanslar-subpage-card--oncesi   .kt-referanslar-subpage-card-arrow svg { stroke: var(--primary-green); }

    .kt-referanslar-subpage-card--kurumsal:hover .kt-referanslar-subpage-card-arrow {
      background: var(--primary-blue);
      border-color: var(--primary-blue);
      transform: translateX(4px);
    }

    .kt-referanslar-subpage-card--oncesi:hover .kt-referanslar-subpage-card-arrow {
      background: var(--primary-green);
      border-color: var(--primary-green);
      transform: translateX(4px);
    }

    .kt-referanslar-subpage-card:hover .kt-referanslar-subpage-card-arrow svg {
      stroke: #fff;
    }

    /* ══ BANNER ══ */
    .kt-referanslar-banner {
      position: relative;
      background: var(--blue-deep);
      border-radius: 22px;
      overflow: hidden;
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 48px;
      padding: 60px 64px;
    }

    .kt-referanslar-banner-ring {
      position: absolute;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,.05);
      pointer-events: none;
    }

    .kt-referanslar-banner-ring--1 { width: 480px; height: 480px; right: -120px; top: -200px; }
    .kt-referanslar-banner-ring--2 { width: 280px; height: 280px; right: 80px; top: -60px; border-color: rgba(255,255,255,.04); }

    .kt-referanslar-banner-glow {
      position: absolute;
      width: 240px;
      height: 240px;
      border-radius: 50%;
      background: rgba(59,112,224,.18);
      right: 40px;
      top: -80px;
      filter: blur(60px);
      pointer-events: none;
    }

    .kt-referanslar-banner-copy { position: relative; z-index: 1; }

    .kt-referanslar-banner-copy h3 {
      font-family: 'Libre Baskerville', serif;
      font-size: clamp(1.35rem, 2vw, 1.9rem);
      font-weight: 700;
      color: #fff;
      line-height: 1.25;
      letter-spacing: -.02em;
      margin-bottom: 14px;
    }

    .kt-referanslar-banner-copy p {
      font-size: .9rem;
      color: rgba(255,255,255,.5);
      line-height: 1.8;
      max-width: 440px;
    }

    .kt-referanslar-banner-right {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
      flex-shrink: 0;
    }

    .kt-referanslar-banner-cta {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: var(--primary-green);
      color: #fff;
      font-family: 'Sora', sans-serif;
      font-size: .85rem;
      font-weight: 600;
      padding: 15px 28px;
      border-radius: 11px;
      text-decoration: none;
      letter-spacing: .01em;
      white-space: nowrap;
      transition:
        background var(--tf),
        transform var(--tf),
        box-shadow var(--tf);
    }

    .kt-referanslar-banner-cta svg {
      width: 14px;
      height: 14px;
      flex-shrink: 0;
      transition: transform var(--tf);
    }

    .kt-referanslar-banner-cta:hover {
      background: var(--primary-green-light);
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(23,157,46,.38);
    }

    .kt-referanslar-banner-cta:hover svg { transform: translateX(3px); }

    .kt-referanslar-banner-note {
      font-size: .7rem;
      color: rgba(255,255,255,.28);
      letter-spacing: .05em;
    }

    /* ══ RESPONSIVE ══ */
    @media (max-width: 1200px) {
      .kt-referanslar-grid { grid-template-columns: repeat(4, 1fr); }
    }

    @media (max-width: 960px) {
      .kt-referanslar-wrapper { padding: 52px 28px 80px; }
      .kt-referanslar-hero { grid-template-columns: 1fr; row-gap: 28px; }
      .kt-referanslar-hero-right { padding-bottom: 0; }
      .kt-referanslar-hero-desc { max-width: 100%; }
      .kt-referanslar-grid { grid-template-columns: repeat(3, 1fr); }
      .kt-referanslar-banner { grid-template-columns: 1fr; padding: 44px 36px; gap: 28px; }
      .kt-referanslar-subpages-grid { grid-template-columns: 1fr; }
    }

    @media (max-width: 640px) {
      .kt-referanslar-wrapper { padding: 36px 16px 64px; }
      .kt-referanslar-grid { grid-template-columns: repeat(2, 1fr); gap: 9px; }
      .kt-referanslar-card { min-height: 120px; padding: 22px 12px 18px; }
      .kt-referanslar-card-icon { width: 40px; height: 40px; border-radius: 10px; }
      .kt-referanslar-banner { padding: 32px 22px; border-radius: 16px; }
      .kt-referanslar-hero-strip-div { display: none; }
      .kt-referanslar-subpage-card-inner { padding: 24px 20px 24px 24px; gap: 16px; }
      .kt-referanslar-subpage-card-icon { width: 44px; height: 44px; }
      .kt-referanslar-subpage-card-title { font-size: 1rem; }
    }