/* ═══════════════════════════════════════════════════════════
   About Page — /hakkimizda
   ═══════════════════════════════════════════════════════════ */

/* ── Hero ── */
.ab-hero{padding:7rem 0 3rem;text-align:center;position:relative;overflow:hidden}
.ab-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(6,182,212,.12) 0%,transparent 70%)}
.ab-hero-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}
.ab-hero h1{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3rem);font-weight:700;color:#e2e8f0;margin-bottom:.6rem}
.ab-hero h1 span{background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ab-hero p{color:#64748b;font-size:1rem;line-height:1.7;margin-bottom:2rem}

/* ── Stats Bar ── */
.ab-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;padding:2rem 0 0}
.ab-stat{text-align:center;min-width:100px}
.ab-stat-num{font-family:var(--font-display);font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ab-stat-lbl{font-size:.72rem;color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-top:2px}

/* ── Story Section ── */
.ab-story{max-width:1000px;margin:3rem auto;padding:0 20px}
.ab-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.ab-story-img{position:relative;border-radius:20px;overflow:hidden}
.ab-story-img img{width:100%;height:380px;object-fit:cover;border-radius:20px}
.ab-story-img-badge{position:absolute;bottom:16px;left:16px;background:rgba(8,16,36,.9);backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:10px}
.ab-story-img-badge i{color:#3b82f6;font-size:1.1rem}
.ab-story-img-badge strong{color:#e2e8f0;font-size:.82rem;display:block}
.ab-story-img-badge span{color:#64748b;font-size:.7rem}
.ab-story-text h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#e2e8f0;margin-bottom:1rem}
.ab-story-text h2 span{color:#06b6d4}
.ab-story-text p{font-size:.92rem;color:#94a3b8;line-height:1.8;margin-bottom:1rem}

/* ── Highlights ── */
.ab-highlights{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1.25rem 0}
.ab-hl{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#94a3b8}
.ab-hl i{color:#4ade80;font-size:.75rem;flex-shrink:0}

/* ── Mission / Values ── */
.ab-values{max-width:1000px;margin:0 auto 3rem;padding:0 20px}
.ab-values h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#e2e8f0;text-align:center;margin-bottom:.5rem}
.ab-values>p{text-align:center;color:#64748b;font-size:.9rem;margin-bottom:2rem}
.ab-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.ab-val-card{background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.75rem;text-align:center;transition:border-color .2s,transform .2s}
.ab-val-card:hover{border-color:rgba(6,182,212,.25);transform:translateY(-3px)}
.ab-val-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin:0 auto 1rem}
.ab-val-card h3{font-family:var(--font-display);font-size:1rem;font-weight:700;color:#e2e8f0;margin-bottom:.5rem}
.ab-val-card p{font-size:.82rem;color:#64748b;line-height:1.6}

/* ── Branches ── */
.ab-branches{max-width:1000px;margin:0 auto 3rem;padding:0 20px}
.ab-branches h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#e2e8f0;text-align:center;margin-bottom:2rem}
.ab-branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.ab-branch{background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem;transition:border-color .2s}
.ab-branch:hover{border-color:rgba(59,130,246,.25)}
.ab-branch-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:.75rem}
.ab-branch h3{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:#e2e8f0;margin-bottom:.3rem}
.ab-branch p{font-size:.8rem;color:#64748b;line-height:1.5;margin-bottom:.5rem}
.ab-branch-sim{display:flex;gap:.4rem;flex-wrap:wrap}
.ab-branch-pill{font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:8px;background:rgba(59,130,246,.1);color:#60a5fa}

/* ── Trust Signals ── */
.ab-trust{max-width:1000px;margin:0 auto 3rem;padding:0 20px}
.ab-trust-inner{background:linear-gradient(135deg,rgba(26,86,219,.08),rgba(6,182,212,.06));border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:2.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}
.ab-trust-item i{font-size:1.5rem;margin-bottom:.5rem;display:block}
.ab-trust-item h4{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:#e2e8f0;margin-bottom:.3rem}
.ab-trust-item p{font-size:.75rem;color:#64748b;line-height:1.5}

/* ── Team ── */
.ab-team{max-width:1000px;margin:0 auto 3rem;padding:0 20px;text-align:center}
.ab-team h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#e2e8f0;margin-bottom:.5rem}
.ab-team>p{color:#64748b;font-size:.9rem;margin-bottom:2rem}
.ab-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}
.ab-member{background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem;transition:border-color .2s}
.ab-member:hover{border-color:rgba(6,182,212,.25)}
.ab-member-avatar{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;margin:0 auto .75rem}
.ab-member h4{font-size:.92rem;font-weight:700;color:#e2e8f0;margin-bottom:2px}
.ab-member p{font-size:.75rem;color:#64748b}

/* ── Disclaimer ── */
.ab-disclaimer{max-width:1000px;margin:0 auto 2rem;padding:0 20px}
.ab-disclaimer-box{background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.15);border-radius:14px;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:12px}
.ab-disclaimer-box i{color:#fbbf24;font-size:1rem;margin-top:2px;flex-shrink:0}
.ab-disclaimer-box p{font-size:.84rem;color:#94a3b8;line-height:1.6;margin:0}

/* ── CTA ── */
.ab-cta{text-align:center;padding:2rem 20px 4rem}
.ab-cta h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#e2e8f0;margin-bottom:.5rem}
.ab-cta p{color:#64748b;font-size:.9rem;margin-bottom:1.5rem}

/* ── Responsive ── */
@media(max-width:768px){
  .ab-story-grid{grid-template-columns:1fr}
  .ab-values-grid{grid-template-columns:1fr}
  .ab-branch-grid{grid-template-columns:1fr}
  .ab-trust-inner{grid-template-columns:1fr 1fr}
  .ab-highlights{grid-template-columns:1fr}
  .ab-stats{gap:1.25rem}
  .ab-stat-num{font-size:1.6rem}
}