/* Дополнения к site.css (стили gproxy.tech) для лендингов Директа.
   Разметка блоков — как на gproxy.tech; здесь только мелочи, которых там нет. */

/* Условия пробного периода под кнопкой первого экрана. */
.hero__note {
  margin-top: 16px;
  font-size: 14px;
  color: var(--muted);
}

.pricing__lead {
  max-width: 640px;
  margin: -28px auto 40px;
  text-align: center;
  color: rgba(var(--white-rgb), 0.75);
  line-height: 1.5;
}

.faq__a-inner p + p {
  margin-top: 10px;
}

.faq__a-inner a {
  color: var(--accent-soft);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Заглушка, пока нет текста инструкции по смене региона App Store. */
.lp-placeholder {
  padding: 10px 14px;
  border: 1px dashed rgba(var(--accent-rgb), 0.6);
  border-radius: var(--radius-card);
  color: var(--accent-soft);
}

/* Safari до 16 не знает overflow: clip — без запасного hidden появляется горизонтальная прокрутка. */
.masthead,
main,
.section.why,
.faq-section {
  overflow-x: hidden;
}

@supports (overflow: clip) {
  .masthead,
  main,
  .section.why,
  .faq-section {
    overflow-x: clip;
  }
}

/* Нумерованная инструкция в ответе FAQ (смена региона App Store) */
.faq__a-inner .faq__steps { margin: 12px 0 0; padding-left: 22px; }
.faq__a-inner .faq__steps li { margin-top: 8px; padding-left: 4px; }
.faq__a-inner .faq__steps li::marker { color: #ff7a1a; font-weight: 600; }
.faq__a-inner .faq__steps + p { margin-top: 12px; }