/* ============================================================
   ECOGEO — Страница «О компании» (page 693). Namespace: .ecg-ab
   Грузится только на этой странице. Палитра/приёмы = как на услугах.
   ============================================================ */
.ecg-ab{
  --g:#1F6B3B;      /* green */
  --gd:#175230;     /* green dark */
  --acc:#2E9E5B;    /* accent */
  --dark:#13211a;
  --mint:#EAF3DE;
  --ink:#1a2420;
  --ink2:#4b574f;
  --line:#e2e9e4;
  --rad:18px;
  font-family:"Montserrat",system-ui,sans-serif;
  color:var(--ink);
  line-height:1.6;
}
.ecg-ab *{box-sizing:border-box}
.ecg-ab h2,.ecg-ab h3,.ecg-ab h4{font-family:"Unbounded",system-ui,sans-serif;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--dark);line-height:1.22}
.ecg-ab a{text-decoration:none}
.ecg-ab p{margin:0 0 1em}
.ecg-ab > section{margin:0 0 clamp(46px,7vw,84px)}
.ecg-ab .ecg-ab-eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g);margin:0 0 12px}
.ecg-ab .ecg-ab-h2{font-size:clamp(24px,3.2vw,34px);margin:0 0 .5em}
.ecg-ab .ecg-ab-lead-sub{color:var(--ink2);max-width:60ch;font-size:16px}

/* ---------- 2. Вступление (акцентная подача) ---------- */
.ecg-ab-intro{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(24px,3vw,48px);align-items:start}
.ecg-ab-intro__lead{font-family:"Unbounded",system-ui,sans-serif;font-weight:500;font-size:clamp(19px,2.3vw,25px);line-height:1.4;color:var(--dark);margin:0 0 .7em;letter-spacing:-.01em}
.ecg-ab-intro__lead b{color:var(--g);font-weight:600}
.ecg-ab-intro__body p{color:var(--ink2);font-size:15.5px}
.ecg-ab-aside{background:var(--dark);color:#eaf3ee;border-radius:var(--rad);padding:30px 28px;position:relative;overflow:hidden}
.ecg-ab-aside::before{content:"";position:absolute;inset:0;background:
  radial-gradient(120% 90% at 100% 0,rgba(46,158,91,.28),transparent 60%);pointer-events:none}
.ecg-ab-aside__q{position:relative;font-family:"Unbounded",system-ui,sans-serif;font-weight:500;font-size:17px;line-height:1.5;margin:0 0 18px}
.ecg-ab-aside__q .qm{color:var(--acc);font-size:30px;line-height:0;vertical-align:-6px;margin-right:4px}
.ecg-ab-aside__badge{position:relative;display:flex;gap:12px;align-items:flex-start;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}
.ecg-ab-aside__badge svg{width:26px;height:26px;flex:none;color:var(--acc);margin-top:2px}
.ecg-ab-aside__badge b{display:block;color:#fff;font-size:14px;font-weight:700;margin-bottom:2px}
.ecg-ab-aside__badge span{font-size:13px;color:#c5d6cc;line-height:1.45}

/* ---------- 3. Счётчики / факты ---------- */
.ecg-ab-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}
.ecg-ab-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 22px;box-shadow:0 2px 14px rgba(19,33,26,.05);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.ecg-ab-stat:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(19,33,26,.10)}
.ecg-ab-stat__ico{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--g);margin-bottom:14px}
.ecg-ab-stat__ico svg{width:34px;height:34px;display:block}
.ecg-ab-stat__num{font-family:"Unbounded",system-ui,sans-serif;font-weight:600;font-size:clamp(30px,4vw,40px);line-height:1;color:var(--g);letter-spacing:-.02em;display:flex;align-items:baseline;gap:.04em}
.ecg-ab-stat__num .pre{font-size:.5em;color:var(--ink2);font-weight:500;margin-right:.12em}
.ecg-ab-stat__num .suf{color:var(--acc)}
.ecg-ab-stat__badge{font-family:"Unbounded",system-ui,sans-serif;font-weight:600;font-size:clamp(24px,3vw,30px);color:var(--g);letter-spacing:.02em}
.ecg-ab-stat__label{margin-top:8px;font-size:13.5px;color:var(--ink2);line-height:1.4}

/* ---------- 4/ generic block heading ---------- */
.ecg-ab-blockhead{max-width:64ch;margin:0 0 30px}

/* ---------- 4. «Почему выбирают нас» карточки ---------- */
.ecg-ab-why{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ecg-ab-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 24px;box-shadow:0 2px 14px rgba(19,33,26,.05);transition:transform .2s ease,box-shadow .2s ease}
.ecg-ab-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(19,33,26,.10)}
.ecg-ab-card__ico{width:46px;height:46px;border-radius:12px;background:var(--mint);color:var(--gd);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ecg-ab-card__ico svg{width:24px;height:24px}
.ecg-ab-card h4{font-size:16.5px;margin:0 0 8px}
.ecg-ab-card p{font-size:14px;color:var(--ink2);margin:0}

/* ---------- 5. Фото-полоса (галерея с лайтбоксом) ---------- */
.ecg-ab-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ecg-ab-shot{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 2px 14px rgba(19,33,26,.06);cursor:zoom-in;background:#eef3ef}
.ecg-ab-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.ecg-ab-shot:hover img{transform:scale(1.05)}
.ecg-ab-shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 13px;color:#fff;font-size:13px;font-weight:600;line-height:1.35;background:linear-gradient(transparent,rgba(11,20,15,.86))}
.ecg-ab-shot .ecg-ab-shot__zoom{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--gd);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85);transition:.2s ease}
.ecg-ab-shot:hover .ecg-ab-shot__zoom{opacity:1;transform:scale(1)}
.ecg-ab-shot .ecg-ab-shot__zoom svg{width:17px;height:17px}

/* ---------- 6. «Кому мы помогаем» ---------- */
.ecg-ab-help{background:var(--mint);border-radius:var(--rad);padding:clamp(28px,4vw,44px)}
.ecg-ab-help .ecg-ab-eyebrow{color:var(--gd)}
.ecg-ab-help__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.ecg-ab-aud{background:#fff;border-radius:14px;padding:20px 18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 10px rgba(19,33,26,.05)}
.ecg-ab-aud__ico{width:40px;height:40px;border-radius:10px;background:#eef6f0;color:var(--gd);display:flex;align-items:center;justify-content:center}
.ecg-ab-aud__ico svg{width:22px;height:22px}
.ecg-ab-aud b{font-size:15px;color:var(--dark);font-family:"Montserrat",sans-serif;font-weight:700}
.ecg-ab-aud span{font-size:13px;color:var(--ink2);line-height:1.4}
.ecg-ab-help__foot{margin:22px 0 0;font-size:15px;color:var(--gd);font-weight:600}
.ecg-ab-help__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ecg-ab-tag{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #d3e4d7;color:var(--gd);border-radius:999px;padding:8px 15px;font-size:13.5px;font-weight:600}
.ecg-ab-tag svg{width:15px;height:15px}

/* ---------- 7. «Группа компаний» ---------- */
.ecg-ab-group__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ecg-ab-gcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 26px;box-shadow:0 2px 14px rgba(19,33,26,.05);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.ecg-ab-gcard:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(19,33,26,.10)}
.ecg-ab-gcard::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--acc),var(--g))}
.ecg-ab-gcard__ico{width:48px;height:48px;border-radius:12px;background:var(--mint);color:var(--gd);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ecg-ab-gcard__ico svg{width:26px;height:26px}
.ecg-ab-gcard__role{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
.ecg-ab-gcard h4{font-size:19px;margin:0 0 8px}
.ecg-ab-gcard p{font-size:14.5px;color:var(--ink2);margin:0}
.ecg-ab-mission{margin-top:22px;background:var(--dark);color:#eaf3ee;border-radius:var(--rad);padding:clamp(26px,3.4vw,36px);font-family:"Unbounded",system-ui,sans-serif;font-weight:500;font-size:clamp(16px,2vw,20px);line-height:1.5;position:relative;overflow:hidden}
.ecg-ab-mission::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 120% at 0 100%,rgba(46,158,91,.26),transparent 60%);pointer-events:none}
.ecg-ab-mission span{position:relative}
.ecg-ab-mission .qm{color:var(--acc);font-size:34px;line-height:0;vertical-align:-8px;margin-right:6px}

/* ---------- 8. Лицензии (заголовок; сетка = .ecg-certs-grid из ess.css) ---------- */
.ecg-ab-lic .ecg-ab-eyebrow{color:var(--g)}
.ecg-ab .ecg-cert-media{cursor:zoom-in}
.ecg-ab a.ecg-cert-pdf{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:600;color:var(--g)}
.ecg-ab a.ecg-cert-pdf:hover{color:var(--gd);text-decoration:underline}

/* ---------- 9. CTA ---------- */
.ecg-ab-cta{background:var(--dark);border-radius:var(--rad);padding:clamp(32px,4.5vw,54px);text-align:center;position:relative;overflow:hidden}
.ecg-ab-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 120% at 50% 0,rgba(46,158,91,.28),transparent 62%);pointer-events:none}
.ecg-ab-cta > *{position:relative}
.ecg-ab-cta h2{color:#fff;font-size:clamp(22px,3vw,30px);margin:0 0 12px}
.ecg-ab-cta p{color:#c5d6cc;max-width:52ch;margin:0 auto 24px;font-size:15.5px}
.ecg-ab-cta__row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;align-items:center}
.ecg-ab-btn{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--gd);font-family:"Unbounded",system-ui,sans-serif;font-weight:600;font-size:15px;border:none;border-radius:999px;padding:15px 30px;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.28);transition:transform .18s ease,box-shadow .18s ease}
.ecg-ab-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.34)}
.ecg-ab-btn svg{width:17px;height:17px}
.ecg-ab-cta__tel{display:inline-flex;align-items:center;gap:8px;color:#eaf3ee;font-weight:600;font-size:16px}
.ecg-ab-cta__tel svg{width:18px;height:18px;color:var(--acc)}

/* count-up: скрыть до анимации не нужно; начальное значение = 0 в разметке */

/* ---------- Адаптив ---------- */
@media (max-width:900px){
  .ecg-ab-intro{grid-template-columns:1fr;gap:22px}
  .ecg-ab-why{grid-template-columns:repeat(2,1fr)}
  .ecg-ab-help__grid{grid-template-columns:repeat(2,1fr)}
  .ecg-ab-group__grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  .ecg-ab-why{grid-template-columns:1fr}
  .ecg-ab-gallery{grid-template-columns:1fr}
  .ecg-ab-help__grid{grid-template-columns:1fr}
  .ecg-ab-stats{grid-template-columns:repeat(2,1fr)}
}