/* ============================================================
   idea.css — секция 2 «NO MORE COMPROMISES» (тёмный фон). Поток, токены.
   ============================================================ */

.idea {
  background: var(--c-dark);
  padding: 40px var(--side) 44px;
  display: flex; flex-direction: column; align-items: center; text-align: center;
}

.idea__eyebrow {
  font-weight: 700; font-size: var(--fs-eyebrow); line-height: var(--lh-cap);
  letter-spacing: 1.2px; text-transform: uppercase; color: var(--c-on-dark-peach);
}
.idea__h2 {
  margin-top: 10px;
  font-family: var(--ff-head); font-weight: 800;
  font-size: var(--fs-h2); line-height: var(--lh-head); color: var(--c-on-dark);
}
.idea__body {
  margin-top: 14px; max-width: 350px;
  font-size: var(--fs-lead); line-height: var(--lh-body); color: var(--c-on-dark-muted);
}

/* ---------- 3 иллюстрации + подписи ---------- */
.idea__arts {
  margin-top: 26px; width: 100%;
  display: flex; align-items: flex-end; justify-content: center; gap: 12px;
}
.idea__art { margin: 0; flex: 1; display: flex; align-items: flex-end; justify-content: center; }
.idea__art img { width: auto; object-fit: contain; max-width: 100%; }
.idea__art--l img { height: 150px; }
.idea__art--c img { height: 168px; }
.idea__art--r img { height: 128px; }

.idea__labs { margin-top: 14px; width: 100%; display: flex; }
.idea__lab {
  flex: 1; text-align: center;
  font-family: var(--ff-head); font-weight: 700; font-size: var(--fs-cap);
  line-height: 1.15; letter-spacing: .4px; text-transform: uppercase; color: var(--c-on-dark);
}
.idea__lab--c { color: var(--c-on-dark-peach); }

/* ---------- метрик-пиллы ---------- */
.idea__pills {
  margin-top: 26px; width: 100%;
  display: flex; gap: 10px; justify-content: center;
}
.idea__pills li {
  flex: 1; min-height: 40px; padding: 8px 6px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: var(--r-pill);
  font-weight: 700; font-size: var(--fs-cap); letter-spacing: .3px;
  text-align: center; color: var(--c-on-dark);
}

.idea__yes {
  margin-top: 30px;
  font-family: var(--ff-head); font-weight: 800;
  font-size: var(--fs-yes); line-height: 1; letter-spacing: .5px; color: var(--c-on-dark);
}