/* =========================================================
   FOUNDER VOICE — "Arkasında yıllar var. Önünde vizyon."
   Header + 4 disiplin sütunu + kapanış imzası
   Light section + dark kurumsal kart + magenta atmosferi
   ========================================================= */

.founder {
  background: var(--surface-2);
  padding-block: clamp(5rem, 10vh, 8rem);
}

.founder-card {
  position: relative;
  max-width: 1080px;
  margin-inline: auto;
  padding: clamp(2.75rem, 5vw, 4.5rem) clamp(1.75rem, 4vw, 4rem);
  background: linear-gradient(160deg, #0d0d14 0%, #18181f 100%);
  color: #f7f7f9;
  border-radius: 28px;
  overflow: hidden;
  isolation: isolate;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.04) inset,
    0 30px 80px rgba(15, 15, 22, 0.18),
    0 8px 24px rgba(15, 15, 22, 0.10);
}

/* Atmospheric magenta glow — köşeden */
.founder-card__atmos {
  position: absolute;
  top: -20%; right: -15%;
  width: 60%;
  height: 80%;
  background:
    radial-gradient(50% 60% at 50% 50%, rgba(230, 22, 115, 0.22) 0%, transparent 70%),
    radial-gradient(70% 50% at 30% 80%, rgba(52, 60, 144, 0.18) 0%, transparent 70%);
  filter: blur(40px);
  z-index: 0;
  pointer-events: none;
}
.founder-card::after {
  content: "";
  position: absolute;
  bottom: -20%; left: -10%;
  width: 50%; height: 60%;
  background: radial-gradient(50% 60% at 50% 50%, rgba(52, 60, 144, 0.14) 0%, transparent 70%);
  filter: blur(50px);
  z-index: 0;
  pointer-events: none;
}

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

/* ---------- HEADER ---------- */
.founder-card__header {
  max-width: 720px;
  margin-bottom: clamp(2.5rem, 4vw, 3.5rem);
}
.founder-card__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  font-size: var(--fs-xs);
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}
.founder-card__eyebrow::before {
  content: "";
  width: 22px; height: 1px;
  background: var(--brand-magenta);
}
.founder-card__title {
  font-family: var(--ff-display);
  font-size: clamp(2rem, 3.5vw + 0.5rem, 3.25rem);
  line-height: 1.05;
  letter-spacing: -0.03em;
  font-weight: 700;
  color: #fff;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem);
}
.founder-card__title .accent {
  background: linear-gradient(135deg, #ff5fa3 0%, #f093c4 50%, #b8bce8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.founder-card__lede {
  font-size: clamp(1rem, 1.3vw + 0.4rem, 1.125rem);
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.78);
  margin: 0;
  max-width: 620px;
}
.founder-card__lede strong {
  color: #fff;
  font-weight: 600;
}

/* ---------- 4 SÜTUN (pillars) ---------- */
.founder-card__pillars {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
  margin-bottom: clamp(2.5rem, 4vw, 3.5rem);
}
@media (max-width: 960px) {
  .founder-card__pillars { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
}
@media (max-width: 520px) {
  .founder-card__pillars { grid-template-columns: 1fr; }
}

.founder-pillar {
  position: relative;
  padding: 1.5rem 1.25rem 1.25rem;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  transition: border-color 280ms var(--ease-out), background 280ms var(--ease-out), transform 280ms var(--ease-out);
}
.founder-pillar:hover {
  border-color: rgba(230, 22, 115, 0.28);
  background: rgba(255, 255, 255, 0.055);
  transform: translateY(-2px);
}

.founder-pillar__num {
  display: inline-block;
  font-family: var(--ff-display);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--brand-magenta);
  background: rgba(230, 22, 115, 0.12);
  padding: 0.25rem 0.55rem;
  border-radius: 6px;
  margin-bottom: 0.85rem;
}
.founder-pillar__title {
  font-family: var(--ff-display);
  font-size: 1.02rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 0.5rem;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.founder-pillar__desc {
  font-size: 0.85rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.72);
  margin: 0;
}
.founder-pillar__desc strong {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 600;
}

/* ---------- KAPANIŞ — imzalı ---------- */
.founder-card__closing {
  padding-top: clamp(2rem, 3vw, 2.5rem);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.founder-card__signature-quote {
  font-family: var(--ff-display);
  font-size: clamp(1.25rem, 1.8vw + 0.4rem, 1.65rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.92);
  margin: 0 0 clamp(1.5rem, 2.5vw, 2rem);
  max-width: 720px;
}
.founder-card__signature-quote .accent {
  background: linear-gradient(135deg, #ff5fa3 0%, #f093c4 50%, #b8bce8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

.founder-card__sign {
  display: flex;
  align-items: center;
  gap: var(--sp-4);
}
.founder-card__avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--brand-magenta) 0%, var(--brand-indigo) 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ff-display);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #fff;
  flex-shrink: 0;
  box-shadow:
    0 8px 20px rgba(230, 22, 115, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.founder-card__sign-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.founder-card__sign-text strong {
  font-family: var(--ff-display);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #fff;
}
.founder-card__sign-text span {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}

@media (prefers-reduced-motion: reduce) {
  .founder-pillar { transition: none; }
  .founder-pillar:hover { transform: none; }
}