/* ============================================================
   HAKKIMIZDA — Avukatlık sitesine uygun geniş içerik
   ============================================================ */

:root{
  --ab-ink:#0b0f17;
  --ab-muted:#6b7a8a;
  --ab-bg:#0d0f13;
  --ab-accent:#8d2f2f;
}

.about-hero{ position:relative; padding:120px 0 64px; color:#fff }
.about-hero__bg{ position:absolute; inset:0; z-index:-1; background: radial-gradient(1000px 500px at 10% 0%, rgba(255,255,255,.08), rgba(255,255,255,0)), linear-gradient(160deg, #3a2a24 0%, #6b2e2e 55%, #0b0f17 100%) }
.about-hero__inner{ max-width:820px }
.about-title{ margin:0 0 12px 0; font-size: clamp(28px,4vw,44px) }
.about-lead{ margin:0; color:#e3e7ee }
.about-hero__meta{ display:flex; gap:20px; flex-wrap:wrap; margin:18px auto 0; max-width:820px; justify-content:center }
.meta-item{ display:grid; gap:4px; place-items:center; color:#f3f5f7; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:12px; padding:10px 14px }
.meta-item strong{ font-size:18px }
.meta-item span{ font-size:12px; color:#d7dbe3 }
.about-hero__shade{ height:12px }
.about-hero__divider{ height:1px; background:rgba(255,255,255,.12); width:100% }

.about-split{ background:#fff; color:var(--ab-ink); padding:48px 0 }
.split-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px }
.split-col h2{ margin:0 0 8px 0 }
.split-col p{ margin:0; color:#334155 }

.about-values{ background:#f8f9fb; color:var(--ab-ink); padding:48px 0 }
.values-grid{ display:grid; grid-template-columns: repeat(4,1fr); gap:16px }
.value{ background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:12px; padding:16px }
.value h3{ margin:0 0 8px 0 }
.value p{ margin:0; color:#475569 }

.about-expertise{ background:#fff; color:var(--ab-ink); padding:48px 0 }
.expertise-list{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; margin:0; padding-left:18px }

.about-timeline{ background:#fff; color:var(--ab-ink); padding:48px 0 }
.timeline{ margin:0; padding-left:18px; display:grid; gap:8px }
.timeline .time{ font-weight:700; margin-right:6px }

.about-stats{ background:#0e0f12; color:#fff; padding:48px 0 }
.stats-grid{ display:grid; grid-template-columns: repeat(4,1fr); gap:16px }
.stat{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:12px; padding:16px; text-align:center }
.stat .num{ font-size:28px; font-weight:800 }
.stat .lbl{ color:#d7dbe3 }

.about-cta{ position:relative; background:#0b0f17; color:#fff; padding:48px 0 }
.cta-box{ display:flex; align-items:center; justify-content:space-between; gap:16px }
.cta-btn{ display:inline-grid; place-items:center; height:44px; padding:0 16px; border-radius:12px; text-decoration:none; color:#fff; background:var(--ab-accent); font-weight:700 }
.cta-btn:hover{ filter:brightness(1.05) }
.about-cta__shade{ height:6px; background:linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent) }

@media (max-width: 1100px){
  .split-grid{ grid-template-columns:1fr }
  .values-grid{ grid-template-columns: repeat(2,1fr) }
  .stats-grid{ grid-template-columns: repeat(2,1fr) }
  .cta-box{ flex-direction:column; align-items:flex-start }
}
@media (max-width: 700px){
  .values-grid{ grid-template-columns: 1fr }
  .stats-grid{ grid-template-columns: 1fr }
}