/* Hakkımızda sayfası */

.ab-hero { position:relative; overflow:hidden; background:linear-gradient(100deg,#fff 0%,#f4f7fb 55%,#e9eff8 100%); }
.ab-hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:1.1fr 1fr; align-items:center; min-height:520px; padding:44px 0 56px; }
.ab-hero .crumbs { margin-bottom:46px; }
.ab-eyebrow { font-size:13px; font-weight:700; letter-spacing:.34em; text-transform:uppercase; color:#1f4be0; margin-bottom:20px; }
.ab-hero h1 { font-weight:800; font-size:clamp(40px,5vw,74px); line-height:1.02; letter-spacing:-.04em; color:var(--navy); margin-bottom:24px; max-width:640px; }
.ab-lead { max-width:560px; font-size:clamp(17px,1.4vw,20px); line-height:1.6; color:#5b6477; margin-bottom:34px; }
.ab-hero .btn { padding:16px 28px; border-radius:6px; }
.ab-art { position:absolute; right:0; top:0; bottom:0; width:48%; z-index:0; }
.ab-art img { width:100%; height:100%; object-fit:cover; object-position:left center; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%); mask-image:linear-gradient(90deg,transparent 0,#000 34%); }

.ab-pillars { background:#fff; border-bottom:1px solid #e8ebf1; }
.ab-pillars .container { display:grid; grid-template-columns:repeat(4,1fr); }
.ab-pillars a { display:flex; align-items:center; gap:20px; padding:26px 28px; border-left:1px solid #d9dee8; color:var(--navy); transition:background .25s; }
.ab-pillars a:first-child { border-left:0; padding-left:0; }
.ab-pillars a:hover { background:var(--soft); }
.ab-pillars .n { color:#8b95a9; font-size:15px; }
.ab-pillars strong { font-size:17px; font-weight:600; }

.ab-sec { padding:84px 0; }
.ab-title { font-weight:800; font-size:clamp(30px,3.4vw,50px); line-height:1.06; letter-spacing:-.035em; color:var(--navy); margin-bottom:16px; }
.ab-kicker { font-size:12px; font-weight:700; letter-spacing:.3em; text-transform:uppercase; color:#1f4be0; margin-bottom:18px; }
.ab-sub { max-width:520px; font-size:18px; line-height:1.55; color:#5b6477; }

.ab-split { display:grid; grid-template-columns:1fr 1.15fr; gap:64px; align-items:start; }
.ab-needs { list-style:none; display:grid; gap:12px; margin:0; padding:0; }
.ab-needs li { display:flex; align-items:center; gap:18px; padding:18px 22px; background:#fff; border:1px solid #e6e9f0; border-radius:14px; color:var(--navy); font-size:17px; box-shadow:0 2px 10px rgba(11,31,69,.03); }
.ab-needs .tick { flex:none; width:40px; height:40px; border-radius:50%; background:#eef2fb; color:#1f4be0; display:grid; place-items:center; }
.ab-needs .tick .ico { font-size:19px; stroke-width:2.4; }

.ab-alt { background:#f8fafd; }
.ab-steps3 { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:44px; }
.ab-card { position:relative; background:#fff; border:1px solid #e6e9f0; border-radius:20px; padding:32px 30px 34px; box-shadow:0 8px 28px rgba(11,31,69,.045); transition:transform .3s, box-shadow .3s; }
.ab-card:hover { transform:translateY(-4px); box-shadow:0 18px 40px rgba(11,31,69,.09); }
.ab-card .num { display:block; font-size:44px; font-weight:300; line-height:1; color:#9fb2dc; margin-bottom:22px; }
.ab-card h3 { font-size:22px; font-weight:800; letter-spacing:-.02em; color:var(--navy); margin-bottom:10px; }
.ab-card p { font-size:16px; line-height:1.6; color:#5b6477; }

.ab-approach { display:grid; gap:14px; }
.ab-approach article { padding:26px 28px; background:#fff; border:1px solid #e6e9f0; border-left:3px solid #1f4be0; border-radius:0 14px 14px 0; box-shadow:0 2px 10px rgba(11,31,69,.03); }
.ab-approach h3 { font-size:20px; font-weight:800; letter-spacing:-.02em; color:var(--navy); margin-bottom:6px; }
.ab-approach p { font-size:16px; color:#5b6477; line-height:1.6; }

@media (max-width:1060px) {
  .ab-pillars .container { grid-template-columns:repeat(2,1fr); }
  .ab-pillars a:nth-child(3) { border-left:0; padding-left:0; }
  .ab-pillars a:nth-child(n+3) { border-top:1px solid #e8ebf1; }
  .ab-steps3 { grid-template-columns:1fr; }
}
@media (max-width:860px) {
  .ab-hero-inner { grid-template-columns:1fr; min-height:0; padding:32px 0 20px; }
  .ab-hero .crumbs { margin-bottom:28px; }
  .ab-art { position:relative; width:100%; height:240px; }
  .ab-art img { -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%); mask-image:linear-gradient(180deg,transparent 0,#000 30%); object-position:center; }
  .ab-split { grid-template-columns:1fr; gap:30px; }
  .ab-sec { padding:56px 0; }
  .ab-pillars a { padding:20px 14px; gap:12px; }
  .ab-pillars a:nth-child(odd) { padding-left:0; border-left:0; }
}