/* rg-audience.isolated.css — только для страницы about, изоляция по #rg-audience-page */

/* 2.1 Reset внутри блока */
#rg-audience-page #rg-audience-block,
#rg-audience-page #rg-audience-block * {
  all: revert;
  box-sizing: border-box;
  font-family: 'Inter', 'Manrope', system-ui !important;
}

/* 2.2 Контейнер */
#rg-audience-page #rg-audience-block {
  padding: 96px !important;
  border-radius: 36px !important;
  background:
    radial-gradient(circle at 20% 10%, rgba(77,163,255,0.18), transparent 60%),
    radial-gradient(circle at 80% 90%, rgba(61,255,178,0.18), transparent 60%),
    #05070b !important;
  color: #e6ebf2 !important;
}

/* 2.3 Заголовок */
#rg-audience-page .rg-audience-header h2 {
  font-size: clamp(36px, 4vw, 54px) !important;
  margin-bottom: 12px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

#rg-audience-page .rg-audience-subtitle {
  font-size: 18px !important;
  color: #8a94a6 !important;
  margin-bottom: 64px !important;
  line-height: 1.4 !important;
}

/* 2.4 Сетка сегментов */
#rg-audience-page .rg-audience-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 28px !important;
  margin-bottom: 96px !important;
}

/* 2.5 Карточка сегмента */
#rg-audience-page .rg-audience-card {
  padding: 32px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

#rg-audience-page .rg-audience-card h3 {
  font-size: 20px !important;
  margin-bottom: 10px !important;
  font-weight: 600 !important;
}

#rg-audience-page .rg-audience-card p {
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #8a94a6 !important;
  margin: 0 !important;
}

/* 2.6 Блок «Что можно сделать самостоятельно» */
#rg-audience-page .rg-self-block {
  padding: 56px !important;
  border-radius: 28px !important;
  background:
    linear-gradient(135deg, rgba(77,163,255,0.15), rgba(61,255,178,0.15)) !important;
}

#rg-audience-page .rg-self-block h3 {
  font-size: 28px !important;
  margin-bottom: 24px !important;
  font-weight: 600 !important;
}

#rg-audience-page .rg-self-text {
  font-size: 18px !important;
  line-height: 1.6 !important;
  max-width: 900px !important;
  margin-bottom: 40px !important;
  color: #e6ebf2 !important;
}

#rg-audience-page .rg-self-text strong {
  color: #4da3ff !important;
}

/* 2.7 Action-кнопки (мягкий CTA) */
#rg-audience-page .rg-self-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

#rg-audience-page .rg-self-actions a {
  padding: 14px 22px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  text-decoration: none !important;
  color: #e6ebf2 !important;
  font-size: 14px !important;
  transition: 0.3s ease !important;
}

#rg-audience-page .rg-self-actions a:hover {
  background: rgba(255,255,255,0.08) !important;
}

/* 2.8 Mobile */
@media (max-width: 768px) {
  #rg-audience-page #rg-audience-block {
    padding: 48px 24px !important;
  }

  #rg-audience-page .rg-audience-header h2 {
    font-size: clamp(28px, 5vw, 36px) !important;
  }

  #rg-audience-page .rg-audience-subtitle {
    margin-bottom: 40px !important;
  }

  #rg-audience-page .rg-audience-grid {
    margin-bottom: 64px !important;
  }

  #rg-audience-page .rg-self-block {
    padding: 36px 24px !important;
  }

  #rg-audience-page .rg-self-block h3 {
    font-size: 22px !important;
  }

  #rg-audience-page .rg-self-text {
    font-size: 16px !important;
  }
}