/* botdev · landing-v2 · секции: база + ряд чипов */
.sec{position:relative;padding:var(--sp-sec) 0}
.sec+.sec{border-top:1px solid var(--line)}
.sec-head{max-width:760px;margin-bottom:clamp(36px,5vw,56px)}
.sec-head .display{display:block;margin:0 0 10px;line-height:.86}
.sec-head .eyebrow{margin-bottom:14px}
.sec-head h2{margin-top:10px}
.sec-head .intro{margin:18px 0 0;font-size:var(--fs-lead);color:var(--text-70);max-width:56ch}
.sec-head .intro b{color:var(--text);font-weight:400}

/* — ряд чипов: каналы · системы · документы (глифы для мессенджеров) — */
.chips-sec{position:relative;padding:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--band)}
.chips-label{text-align:center;font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-mono);color:var(--text-45);margin:0 0 18px}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:min(var(--container),100% - 2*var(--gutter));margin:0 auto}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--s2);font:400 var(--fs-sm) var(--f-mono);color:var(--text-70);transition:border-color var(--t-fast),color var(--t-fast)}
.chip svg{width:15px;height:15px;flex-shrink:0;color:var(--accent-2)}
@media(hover:hover){.chip:hover{border-color:var(--accent-line);color:var(--text)}}
@media(max-width:560px){.chips-sec{padding:30px 0}.chips{gap:8px}.chip{padding:7px 12px;font-size:var(--fs-xs)}.chip svg{width:13px;height:13px}}

/* — шапка секции в две колонки (≥921): слева номер, метка и заголовок, справа по нижней линии — лид.
   Правая половина больше не пустует, секция короче на ~90px, ритм перестаёт быть «номер-подпись-заголовок-пустота». — */
@media(min-width:921px){
  .sec-head{max-width:none;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(32px,5vw,88px);align-items:end}
  .sec-head .display,.sec-head .eyebrow,.sec-head h2{grid-column:1}
  .sec-head .intro{grid-column:2;grid-row:1/span 3;align-self:end;margin:0 0 4px;padding-left:20px;border-left:1px solid var(--line-2)}
  .contact-grid .sec-head{display:block;max-width:760px}
  .contact-grid .sec-head .intro{margin:18px 0 0;padding-left:0;border-left:0}
}
@media(min-width:921px){.chips{max-width:860px}} /* 2026-10-01: чипы 7 + 6 вместо 11 + 2 на широких экранах */