/* ===== Страница «О нас» ===== */
.ab-hero h1{max-width:640px}
.ab-hero p{max-width:600px}

.ab-kicker{display:inline-block;margin-bottom:10px;color:#2c8a5c;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ab-sec{margin:0 0 56px}
.ab-sec h2{margin:0 0 14px;font-size:clamp(24px,3vw,34px);line-height:1.18;font-weight:800;letter-spacing:-.01em;color:#12261c}
.ab-sec p{margin:0 0 14px;font-size:17px;line-height:1.65;color:#34493d}
.ab-head{max-width:640px;margin-bottom:22px}

/* цифры */
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:-8px 0 56px;background:#fff;border:1px solid #e2ebe5;border-radius:24px;box-shadow:0 14px 40px rgba(18,38,28,.06);overflow:hidden}
.ab-stats>div{padding:26px 24px;border-left:1px solid #e8efe9}
.ab-stats>div:first-child{border-left:0}
.ab-stats b{display:block;font-size:clamp(32px,4vw,44px);line-height:1;font-weight:800;letter-spacing:-.02em;color:#1f6e48}
.ab-stats span{display:block;margin-top:10px;font-size:14.5px;line-height:1.4;color:#5f6f67}

/* кто мы */
.ab-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center}
.ab-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.ab-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;background:#1f6e48;color:#fff;font-weight:700;font-size:15px;transition:background .2s}
.ab-btn:hover{text-decoration:none;background:#17553a}
.ab-btn-o{background:#fff;color:#17553a;border:1.5px solid #9fc4ad}
.ab-btn-o:hover{background:#e3f2e8}
.ab-dirs{margin:0;padding:8px;list-style:none;background:#fff;border:1px solid #e2ebe5;border-radius:22px}
.ab-dirs li{display:flex;align-items:center;gap:16px;padding:15px 16px;border-radius:14px;font-size:16px;font-weight:700;color:#183426}
.ab-dirs li+li{border-top:1px solid #eef3f0}
.ab-dirs span{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e3f2e8;color:#1f6e48;font-size:13px;font-weight:800}

/* производство */
.ab-prod{position:relative;overflow:hidden;padding:44px 48px;border-radius:28px;background:linear-gradient(120deg,#17553a 0%,#1f6e48 55%,#2c8a5c 100%);color:#fff}
.ab-prod::after{content:"";position:absolute;right:-60px;top:-40px;bottom:-40px;width:420px;background:url("/static/img/botanic.svg") center/contain no-repeat;opacity:.14;pointer-events:none}
.ab-prod-in{position:relative;z-index:1;max-width:720px}
.ab-prod .ab-kicker{color:#a8dcbc}
.ab-prod h2{color:#fff}
.ab-prod p{color:rgba(255,255,255,.88)}
.ab-certs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.ab-certs>div{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.ab-certs b{display:block;font-size:26px;font-weight:800;letter-spacing:.04em}
.ab-certs span{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:rgba(255,255,255,.85)}

/* учёные */
.ab-people{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ab-person{display:flex;gap:20px;align-items:flex-start;padding:26px;background:#fff;border:1px solid #e2ebe5;border-radius:24px;box-shadow:0 10px 30px rgba(18,38,28,.04)}
.ab-ava{flex:none;display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#f6ecdf,#ead6c4);color:#7a5a3c;font-size:22px;font-weight:800;letter-spacing:.02em}
.ab-person h3{margin:0;font-size:19px;line-height:1.3;color:#12261c}
.ab-role{margin:4px 0 12px !important;font-size:14px !important;font-weight:700;color:#2c8a5c !important}
.ab-person ul{margin:0;padding:0;list-style:none}
.ab-person li{position:relative;padding-left:16px;margin-top:7px;font-size:15px;line-height:1.45;color:#34493d}
.ab-person li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:#9fc4ad}

/* партнёры и награды */
.ab-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ab-card{padding:30px;background:#fff;border:1px solid #e2ebe5;border-radius:24px}
.ab-card h2{font-size:clamp(22px,2.4vw,28px)}
.ab-list{margin:0;padding:0;list-style:none}
.ab-list li{padding:12px 0;border-top:1px solid #eef3f0;font-size:15.5px;line-height:1.45;color:#5f6f67}
.ab-list li:first-child{border-top:0;padding-top:4px}
.ab-list b{color:#183426}
.ab-awards{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.ab-awards li{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:16px;background:#faf6f0}
.ab-awards b{display:block;font-size:16px;color:#12261c}
.ab-awards div{font-size:14.5px;line-height:1.45;color:#6b5f52}
.ab-medal{flex:none;position:relative;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3dcae,#c9a06a);box-shadow:inset 0 0 0 3px rgba(255,255,255,.45)}
.ab-medal::after{content:"";position:absolute;inset:10px;border-radius:50%;border:2px solid rgba(255,255,255,.7)}

/* миссия */
.ab-mission{padding:40px 44px;border-radius:28px;background:linear-gradient(110deg,#e4f3ea 0%,#f2f9f5 60%,#faf6f0 100%);border:1px solid #dcebe1}
.ab-mission p{max-width:760px;margin-bottom:0}

@media(max-width:960px){
  .ab-stats{grid-template-columns:1fr 1fr}
  .ab-stats>div:nth-child(3){border-left:0}
  .ab-stats>div:nth-child(n+3){border-top:1px solid #e8efe9}
  .ab-split,.ab-people,.ab-two{grid-template-columns:1fr}
  .ab-split{gap:26px}
}
@media(max-width:700px){
  .ab-sec{margin-bottom:40px}
  .ab-sec p{font-size:16px}
  .ab-stats{margin-bottom:40px;border-radius:20px}
  .ab-stats>div{padding:20px 16px}
  .ab-stats span{font-size:13px}
  .ab-prod{padding:28px 20px;border-radius:22px}
  .ab-prod::after{width:260px;right:-90px}
  .ab-certs{grid-template-columns:1fr}
  .ab-person{flex-direction:column;gap:14px;padding:22px 20px}
  .ab-ava{width:60px;height:60px;border-radius:18px;font-size:19px}
  .ab-card{padding:22px 20px}
  .ab-mission{padding:28px 20px;border-radius:22px}
  .ab-links .ab-btn{flex:1 1 100%}
}

/* ===== MOBILE: О компании ===== */
@media(max-width:700px){

  .ab-hero{
    padding-left:16px;
    padding-right:16px;
    padding-top:34px;
    padding-bottom:36px;
    border-radius:0 0 22px 22px;
  }

  .ab-hero h1{
    max-width:none;
    font-size:34px;
    line-height:1.08;
  }

  .ab-hero p{
    max-width:none;
    font-size:15px;
    line-height:1.58;
  }

  .ab-sec{
    margin-bottom:36px;
  }

  .ab-sec h2{
    font-size:27px;
    line-height:1.15;
  }

  .ab-sec p{
    font-size:15.5px;
    line-height:1.68;
  }

  /* цифры */
  .ab-stats{
    grid-template-columns:1fr 1fr;
    margin-bottom:36px;
    border-radius:18px;
  }

  .ab-stats>div{
    padding:17px 14px;
  }

  .ab-stats>div:nth-child(3){
    border-left:0;
  }

  .ab-stats b{
    font-size:30px;
  }

  .ab-stats span{
    margin-top:7px;
    font-size:12.5px;
    line-height:1.4;
  }

  /* кто мы */
  .ab-split{
    gap:22px;
  }

  .ab-kicker{
    font-size:11px;
    margin-bottom:8px;
  }

  .ab-links{
    gap:9px;
    margin-top:18px;
  }

  .ab-links .ab-btn{
    width:100%;
    min-height:50px;
    font-size:14px;
  }

  .ab-dirs{
    padding:6px;
    border-radius:18px;
  }

  .ab-dirs li{
    gap:11px;
    padding:12px 10px;
    font-size:14px;
    line-height:1.35;
  }

  .ab-dirs span{
    width:34px;
    height:34px;
    border-radius:10px;
    font-size:11px;
  }

  /* производство */
  .ab-prod{
    padding:26px 18px;
    border-radius:20px;
  }

  .ab-prod::after{
    width:230px;
    right:-95px;
    opacity:.11;
  }

  .ab-prod h2{
    font-size:26px;
  }

  .ab-prod p{
    font-size:15px;
    line-height:1.6;
  }

  .ab-certs{
    gap:10px;
    margin-top:18px;
  }

  .ab-certs>div{
    padding:15px 16px;
    border-radius:15px;
  }

  .ab-certs b{
    font-size:23px;
  }

  .ab-certs span{
    font-size:13px;
    line-height:1.4;
  }

  /* учёные */
  .ab-people{
    gap:12px;
  }

  .ab-person{
    padding:18px 16px;
    border-radius:17px;
    gap:12px;
  }

  .ab-ava{
    width:54px;
    height:54px;
    border-radius:16px;
    font-size:17px;
  }

  .ab-person h3{
    font-size:17px;
    line-height:1.3;
  }

  .ab-role{
    font-size:12.5px !important;
    line-height:1.4;
  }

  .ab-person li{
    padding-left:14px;
    margin-top:6px;
    font-size:13.5px;
    line-height:1.45;
  }

  .ab-person li::before{
    width:5px;
    height:5px;
  }

  /* партнёры и награды */
  .ab-two{
    gap:12px;
  }

  .ab-card{
    padding:19px 16px;
    border-radius:17px;
  }

  .ab-card h2{
    font-size:23px;
  }

  .ab-list li{
    padding:10px 0;
    font-size:14px;
    line-height:1.45;
  }

  .ab-awards{
    gap:9px;
  }

  .ab-awards li{
    gap:10px;
    padding:13px;
    border-radius:13px;
  }

  .ab-awards b{
    font-size:14px;
  }

  .ab-awards div{
    font-size:13px;
    line-height:1.4;
  }

  .ab-medal{
    width:30px;
    height:30px;
  }

  .ab-medal::after{
    inset:9px;
  }

  /* миссия */
  .ab-mission{
    padding:24px 18px;
    border-radius:20px;
  }

  .ab-mission h2{
    font-size:25px;
  }

  .ab-mission p{
    font-size:15px;
    line-height:1.6;
  }

  /* нижний CTA */
  .cta-band{
    padding:24px 18px;
    border-radius:20px;
  }

  .cta-band .btns{
    gap:9px;
  }

  .cta-band .btns a{
    width:100%;
    min-height:50px;
    justify-content:center;
  }
}


@media(max-width:390px){

  .ab-hero{
    padding-left:14px;
    padding-right:14px;
  }

  .ab-hero h1{
    font-size:31px;
  }

  .ab-stats>div{
    padding:15px 12px;
  }

  .ab-stats b{
    font-size:27px;
  }

  .ab-stats span{
    font-size:12px;
  }

  .ab-sec h2{
    font-size:25px;
  }

  .ab-person h3{
    font-size:16px;
  }

}