/* Про нас */
.ab{padding-top:28px;padding-bottom:72px}
.ab-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:36px;align-items:center;padding:36px 40px;background:var(--panel);border:1px solid var(--line);border-radius:22px;
  background-image:radial-gradient(55% 90% at 85% 50%,rgba(255,217,26,.13),transparent 70%)}
.ab-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:rgba(255,217,26,.1);border:1px solid rgba(255,217,26,.4);color:var(--yellow);font-size:13px;font-weight:700}
.ab-tag .ic{width:16px;height:16px}
.ab-hero h1{margin:14px 0 12px;font-size:clamp(28px,3.4vw,44px);font-weight:800;font-style:italic;letter-spacing:-1.4px;line-height:1.1}
.ab-hero h1 em{display:block;color:var(--yellow)}
.ab-hero p{max-width:60ch;color:var(--muted);font-size:16px;line-height:1.6}
.ab-hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ab-hero__btns .btn-y,.ab-hero__btns .btn-o{width:auto}
.ab-hero__btns .ic{width:18px;height:18px}
.ab-art{display:grid;place-items:center;padding:18px;border-radius:22px;background:#f7f4e8;border:3px solid var(--yellow);box-shadow:0 18px 50px rgba(255,217,26,.12)}
.ab-art img{width:100%;max-width:400px;height:auto;animation:ab-float 6s ease-in-out infinite}
@keyframes ab-float{50%{transform:translateY(-8px)}}

.ab-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.ab-facts li{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.ab-facts .ic{grid-row:span 2;width:44px;height:44px;padding:10px;border-radius:12px;background:#1f1f22;color:var(--yellow)}
.ab-facts b{font-size:18px;font-weight:800}
.ab-facts span{color:var(--muted);font-size:13px}

.ab-h{margin:40px 0 16px;font-size:26px;font-weight:800;letter-spacing:-.6px}
.ab-story{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ab-story p{padding:26px 28px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);font-size:15.5px;line-height:1.65}

.ab-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ab-cat{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);font-weight:600;transition:border-color .2s,transform .2s}
.ab-cat>span:nth-child(2){flex:1}
.ab-cat:hover{border-color:var(--yellow);transform:translateY(-2px)}
.ab-cat__ic{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#26262a;color:var(--yellow)}
.ab-cat__ic .ic,.ab-cat__ic .ic-img{font-size:26px}
.ab-cat .ab-cat__go{font-size:16px;color:var(--muted);transition:color .2s,transform .2s}
.ab-cat:hover .ab-cat__go{color:var(--yellow);transform:translateX(2px)}

.ab-values{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ab-val{display:flex;flex-direction:column;gap:8px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.ab-val__n{display:grid;place-items:center;width:34px;height:34px;margin-bottom:4px;border-radius:10px;background:rgba(255,217,26,.12);border:1px solid rgba(255,217,26,.4);color:var(--yellow);font-weight:800}
.ab-val h3,.ab-steps h3{font-size:18px;font-weight:800}
.ab-val p,.ab-steps p{color:var(--muted);font-size:14px;line-height:1.55}

.ab-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ab-steps li{display:flex;flex-direction:column;gap:8px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s,transform .2s}
.ab-steps li:hover{border-color:var(--yellow);transform:translateY(-2px)}
.ab-steps span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:6px;border-radius:50%;background:var(--yellow);color:var(--yellow-ink);font-weight:800;font-size:17px}

.ab-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:40px;padding:28px 32px;border-radius:var(--radius);border:1px solid rgba(255,217,26,.4);
  background:rgba(255,217,26,.06) radial-gradient(60% 120% at 100% 50%,rgba(255,217,26,.12),transparent 70%)}
.ab-banner h2{font-size:22px;font-weight:800;letter-spacing:-.4px}
.ab-banner p{margin-top:6px;max-width:60ch;color:var(--muted);font-size:15px;line-height:1.5}
.ab-banner__btns{display:flex;flex-wrap:wrap;gap:12px}
.ab-banner__btns .btn-y,.ab-banner__btns .btn-o{width:auto}

@media (max-width:1100px){.ab-facts,.ab-values,.ab-steps{grid-template-columns:1fr 1fr}.ab-cats{grid-template-columns:1fr 1fr}}
@media (max-width:980px){
  .ab-hero{grid-template-columns:1fr;padding:26px 22px}
  .ab-art{order:-1;max-width:320px;margin:0 auto;width:100%}
  .ab-story{grid-template-columns:1fr}
  .ab-banner{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
  .ab-facts,.ab-values,.ab-steps,.ab-cats{grid-template-columns:1fr}
  .ab-story p{padding:20px 18px}
}
@media (prefers-reduced-motion:reduce){.ab-art img{animation:none}}