/**
 * О компании (ТЗ 2.2).
 *
 * Контент согласован и зафиксирован. Правило пополнения: любая новая
 * информация добавляется только по отдельному согласованию.
 * Внутренняя информация (себестоимость, наценка, схема провайдеров,
 * договорные условия) на странице не публикуется ни при каких обстоятельствах.
 */

/* Текстовые абзацы страницы. Правило намеренно ограничено .about-page:
   .sec — общий класс секции, глобально его типографику трогать нельзя. */
.about-page .sec {
  padding: 30px 0;
  border-top: 1px solid var(--line);
}

.about-page .sec:first-of-type {
  border-top: 0;
}

.about-page .sec p {
  color: var(--tx2);
  margin: 0 0 13px;
  line-height: 1.65;
}

.about-page .sec p:last-child {
  margin-bottom: 0;
}

.about-page .sec p b {
  color: var(--tx);
  font-weight: 600;
}

.about-page .sec p a {
  color: var(--acc);
  font-weight: 500;
}

.about-lead {
  font-size: 17px;
  color: var(--tx2);
  margin-top: 14px;
  max-width: 60ch;
}

/* История: проект вырос из NanoBananna.ru. */
.origin {
  display: flex;
  gap: var(--s4);
  align-items: flex-start;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: var(--s5) 22px;
  margin-top: 6px;
}

.origin__ic {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  background: var(--acc-bg);
  display: grid;
  place-items: center;
  flex: none;
  color: var(--acc);
}

.origin p {
  margin: 0;
  color: var(--tx2);
}

.origin b {
  color: var(--tx);
}

.mini-card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: var(--s5);
}

.mini-card__ic {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--acc-bg);
  display: grid;
  place-items: center;
  margin-bottom: var(--s3);
  color: var(--acc);
}

.mini-card h3 {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 var(--s2);
}

.mini-card p {
  margin: 0;
  color: var(--tx2);
  font-size: 13.5px;
  line-height: 1.6;
}

.mini-card a {
  color: var(--acc);
  font-weight: 500;
}