/* NEYRONINA_PUBLIC_SITE_WHY_MATCH_NEEDS_STYLE_V1 */
/*
  Why повторяет фактический стиль needs V7 + V12 + V13 + V14:
  то же видимое поле, та же палитра, Neucha для заголовков,
  content-flow и перенос только между словами.
*/

body .neyronina-public-why-v1,
body .neyronina-public-why-v1 button,
body .neyronina-public-why-v1-modal,
body .neyronina-public-why-v1-modal button {
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif !important;

  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
  Сама секция остаётся прозрачной:
  единый фон сайта продолжает идти за ней без нового начала.
*/
body .neyronina-public-why-v1 {
  background: transparent !important;
}

/* Точное видимое поле в цветовой логике needs. */
body .neyronina-public-why-v1::before {
  border-color: rgba(255,255,255,.16) !important;

  background:
    radial-gradient(
      circle at 88% 78%,
      rgba(255,214,234,.42),
      transparent 42%
    ),
    linear-gradient(
      135deg,
      rgba(35,119,132,.52) 0%,
      rgba(91,136,154,.38) 42%,
      rgba(226,177,207,.42) 72%,
      rgba(255,214,234,.48) 100%
    ),
    linear-gradient(
      90deg,
      transparent 0 18%,
      rgba(255,255,255,.045) 18.2%,
      transparent 18.6%
    ),
    linear-gradient(
      90deg,
      transparent 0 52%,
      rgba(255,255,255,.038) 52.2%,
      transparent 52.6%
    ),
    linear-gradient(
      90deg,
      transparent 0 84%,
      rgba(255,255,255,.032) 84.2%,
      transparent 84.6%
    ) !important;

  box-shadow:
    0 30px 88px rgba(24,83,95,.18),
    0 0 0 1px rgba(255,255,255,.055) inset !important;
}

/* Декоративное кольцо остаётся в общей бирюзово-розовой гамме. */
body .neyronina-public-why-v1::after {
  border-color: rgba(255,255,255,.13) !important;

  background:
    conic-gradient(
      from 45deg,
      transparent 0 12%,
      rgba(255,255,255,.14) 13% 14%,
      transparent 15% 40%,
      rgba(74,196,191,.16) 41% 42%,
      transparent 43% 69%,
      rgba(221,175,202,.15) 70% 71%,
      transparent 72% 100%
    ) !important;

  opacity: .72 !important;

  filter:
    drop-shadow(0 0 28px rgba(74,196,191,.09)) !important;
}

/* Фоновые линии сетки в тех же оттенках. */
body .neyronina-public-why-v1__grid::before {
  background:
    linear-gradient(
      90deg,
      transparent 0 12%,
      rgba(255,255,255,.040) 12.08%,
      transparent 12.22% 100%
    ),
    linear-gradient(
      90deg,
      transparent 0 33%,
      rgba(74,196,191,.046) 33.08%,
      transparent 33.22% 100%
    ),
    linear-gradient(
      90deg,
      transparent 0 66%,
      rgba(221,175,202,.040) 66.08%,
      transparent 66.22% 100%
    ),
    linear-gradient(
      0deg,
      transparent 0 30%,
      rgba(255,255,255,.030) 30.08%,
      transparent 30.22% 100%
    ),
    linear-gradient(
      0deg,
      transparent 0 72%,
      rgba(74,196,191,.036) 72.08%,
      transparent 72.22% 100%
    ) !important;

  opacity: .74 !important;
}

/* Верхняя плашка повторяет needs. */
body .neyronina-public-why-v1__kicker {
  border-color: rgba(255,255,255,.18) !important;
  background: rgba(14,81,94,.42) !important;
  color: rgba(255,255,255,.92) !important;

  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;

  box-shadow:
    0 10px 26px rgba(24,83,95,.16) !important;
}

body .neyronina-public-why-v1__kicker::before {
  background: rgba(255,255,255,.90) !important;

  box-shadow:
    0 0 0 5px rgba(255,255,255,.07),
    0 0 18px rgba(74,196,191,.24) !important;
}

/* Заголовок — белый Neucha, как в needs. */
body .neyronina-public-why-v1__title {
  color: #ffffff !important;

  font-family:
    "Neucha",
    "Segoe Print",
    cursive !important;

  font-size: clamp(40px, 5.2vw, 68px) !important;
  font-weight: 400 !important;
  line-height: 1.06 !important;
  letter-spacing: .01em !important;

  text-shadow:
    0 1px 5px rgba(24,83,95,.16) !important;
}

/*
  Подзаголовок повторяет правую информационную карточку
  предыдущего блока.
*/
body .neyronina-public-why-v1__subtitle {
  border-color: rgba(255,255,255,.18) !important;

  background:
    linear-gradient(
      135deg,
      rgba(18,86,99,.60),
      rgba(93,127,150,.38),
      rgba(159,143,173,.26)
    ) !important;

  color: rgba(255,255,255,.90) !important;

  font-size: 17px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;

  box-shadow:
    0 16px 42px rgba(24,83,95,.18),
    0 0 0 1px rgba(255,255,255,.055) inset !important;
}

body .neyronina-public-why-v1__grid {
  align-items: stretch !important;
}

/*
  Карточки растут по содержимому.
  Описание и «Подробнее» больше не могут пересекаться.
*/
body .neyronina-public-why-v1__card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;

  height: auto !important;
  min-height: 300px !important;
  max-height: none !important;

  padding: 24px 22px 22px !important;
  box-sizing: border-box !important;

  border-color: rgba(255,255,255,.27) !important;

  box-shadow:
    0 24px 58px rgba(18,43,59,.26),
    0 0 0 1px rgba(255,255,255,.07) inset !important;
}

/* 1 — бирюза / морская волна */
body .neyronina-public-why-v1__card:nth-child(1) {
  background:
    radial-gradient(
      circle at 16% 12%,
      rgba(145,255,240,.22),
      transparent 31%
    ),
    linear-gradient(
      142deg,
      rgba(8,91,99,.94) 0%,
      rgba(20,132,137,.83) 48%,
      rgba(74,137,151,.76) 100%
    ) !important;

  border-color: rgba(138,244,229,.34) !important;
}

/* 2 — синий / серо-голубой */
body .neyronina-public-why-v1__card:nth-child(2) {
  background:
    radial-gradient(
      circle at 16% 12%,
      rgba(164,215,255,.22),
      transparent 31%
    ),
    linear-gradient(
      142deg,
      rgba(19,69,111,.95) 0%,
      rgba(48,101,153,.86) 50%,
      rgba(103,126,166,.78) 100%
    ) !important;

  border-color: rgba(164,215,255,.34) !important;
}

/* 3 — фиолетовый / лаванда */
body .neyronina-public-why-v1__card:nth-child(3) {
  background:
    radial-gradient(
      circle at 16% 12%,
      rgba(218,196,255,.22),
      transparent 31%
    ),
    linear-gradient(
      142deg,
      rgba(62,57,119,.95) 0%,
      rgba(101,83,155,.86) 50%,
      rgba(151,127,177,.78) 100%
    ) !important;

  border-color: rgba(218,196,255,.34) !important;
}

/* 4 — слива / холодный розовый */
body .neyronina-public-why-v1__card:nth-child(4) {
  background:
    radial-gradient(
      circle at 16% 12%,
      rgba(255,191,226,.21),
      transparent 31%
    ),
    linear-gradient(
      142deg,
      rgba(94,50,105,.95) 0%,
      rgba(145,78,128,.85) 50%,
      rgba(188,120,157,.78) 100%
    ) !important;

  border-color: rgba(255,191,226,.34) !important;
}

/* 5 — тёплый розовый / персиковый */
body .neyronina-public-why-v1__card:nth-child(5) {
  background:
    radial-gradient(
      circle at 16% 12%,
      rgba(255,224,204,.24),
      transparent 31%
    ),
    linear-gradient(
      142deg,
      rgba(119,61,89,.95) 0%,
      rgba(174,96,119,.86) 50%,
      rgba(209,145,148,.80) 100%
    ) !important;

  border-color: rgba(255,222,204,.36) !important;
}

/* 6 — бирюзово-синий оттенок той же палитры */
body .neyronina-public-why-v1__card:nth-child(6) {
  background:
    radial-gradient(
      circle at 16% 12%,
      rgba(166,236,244,.22),
      transparent 31%
    ),
    linear-gradient(
      142deg,
      rgba(10,77,95,.95) 0%,
      rgba(37,117,139,.85) 50%,
      rgba(91,137,164,.78) 100%
    ) !important;

  border-color: rgba(166,236,244,.34) !important;
}

/* Цвета плашек номеров соответствуют карточкам. */
body .neyronina-public-why-v1__card:nth-child(1)
  .neyronina-public-why-v1__num {
  background: rgba(5,62,68,.58) !important;
}

body .neyronina-public-why-v1__card:nth-child(2)
  .neyronina-public-why-v1__num {
  background: rgba(16,47,83,.58) !important;
}

body .neyronina-public-why-v1__card:nth-child(3)
  .neyronina-public-why-v1__num {
  background: rgba(48,39,91,.58) !important;
}

body .neyronina-public-why-v1__card:nth-child(4)
  .neyronina-public-why-v1__num {
  background: rgba(74,35,79,.58) !important;
}

body .neyronina-public-why-v1__card:nth-child(5)
  .neyronina-public-why-v1__num {
  background: rgba(91,40,62,.58) !important;
}

body .neyronina-public-why-v1__card:nth-child(6)
  .neyronina-public-why-v1__num {
  background: rgba(8,53,70,.58) !important;
}

body .neyronina-public-why-v1__num {
  flex: 0 0 auto !important;
  margin-bottom: 22px !important;
}

/* Названия — Neucha, перенос только между словами. */
body .neyronina-public-why-v1__card-title {
  display: block !important;
  flex: 0 0 auto !important;

  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 12px !important;

  color: #ffffff !important;

  font-family:
    "Neucha",
    "Segoe Print",
    cursive !important;

  font-size: clamp(22px, 1.45vw, 27px) !important;
  font-weight: 400 !important;
  line-height: 1.20 !important;
  letter-spacing: .01em !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;

  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  text-wrap: balance !important;

  text-shadow:
    0 1px 4px rgba(18,43,59,.16) !important;
}

/*
  Описания оставляем в Inter для читабельности.
  Сами тексты из редактора не меняются.
*/
body .neyronina-public-why-v1__card-text {
  display: block !important;
  flex: 0 0 auto !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: rgba(255,255,255,.87) !important;

  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  line-height: 1.48 !important;
  font-weight: 500 !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;

  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/* «Подробнее» переводим из absolute в нормальный поток. */
body .neyronina-public-why-v1__more {
  position: static !important;

  left: auto !important;
  right: auto !important;
  bottom: auto !important;

  display: flex !important;
  flex: 0 0 auto !important;

  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;

  width: 100% !important;

  margin-top: auto !important;
  padding-top: 18px !important;

  color: rgba(255,255,255,.80) !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Hover не возвращает старый общий градиент. */
body .neyronina-public-why-v1__card:hover,
body .neyronina-public-why-v1__card:focus-visible {
  filter:
    brightness(1.09)
    saturate(1.08) !important;

  border-color: rgba(255,255,255,.52) !important;

  box-shadow:
    0 32px 76px rgba(18,43,59,.34),
    0 0 32px rgba(255,255,255,.10),
    0 0 0 1px rgba(255,255,255,.11) inset !important;
}

/* Заголовок модального окна продолжает общий стиль. */
body .neyronina-public-why-v1-modal__title {
  font-family:
    "Neucha",
    "Segoe Print",
    cursive !important;

  font-weight: 400 !important;
  letter-spacing: .01em !important;
}

/* Средние экраны. */
@media (max-width: 1180px) {
  body .neyronina-public-why-v1__card {
    min-height: 280px !important;
  }

  body .neyronina-public-why-v1__card-title {
    font-size: clamp(23px, 2.35vw, 29px) !important;
    line-height: 1.20 !important;
  }
}

/* Телефон. */
@media (max-width: 820px) {
  body .neyronina-public-why-v1__title {
    font-size: clamp(39px, 11.5vw, 56px) !important;
  }

  body .neyronina-public-why-v1__card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    padding: 22px 20px 20px !important;
  }

  body .neyronina-public-why-v1__card-title {
    font-size: clamp(25px, 7vw, 32px) !important;
    line-height: 1.22 !important;
  }

  body .neyronina-public-why-v1__more {
    padding-top: 16px !important;
  }
}

@media (max-width: 420px) {
  body .neyronina-public-why-v1__card-title {
    font-size: clamp(24px, 7vw, 30px) !important;
  }
}

/*
  Why-specific layer:
  фактический правый подзаголовок называется __side,
  используются три карточки без номеров и метаданных.
*/

body .neyronina-public-why-v1__side {
  border-color: rgba(255,255,255,.18) !important;

  background:
    linear-gradient(
      135deg,
      rgba(18,86,99,.60),
      rgba(93,127,150,.38),
      rgba(159,143,173,.26)
    ) !important;

  color: rgba(255,255,255,.90) !important;

  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif !important;

  font-size: 17px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;

  box-shadow:
    0 16px 42px rgba(24,83,95,.18),
    0 0 0 1px rgba(255,255,255,.055) inset !important;
}

/*
  Карточки растут по содержимому.
  Цвета: бирюзовый, сине-фиолетовый, розово-сливовый.
*/
body .neyronina-public-why-v1__card {
  min-height: 270px !important;
}

body .neyronina-public-why-v1__card:nth-child(2) {
  background:
    radial-gradient(
      circle at 16% 12%,
      rgba(190,205,255,.22),
      transparent 31%
    ),
    linear-gradient(
      142deg,
      rgba(28,65,112,.95) 0%,
      rgba(73,88,151,.86) 50%,
      rgba(132,111,170,.78) 100%
    ) !important;

  border-color: rgba(190,205,255,.34) !important;
}

body .neyronina-public-why-v1__card:nth-child(3) {
  background:
    radial-gradient(
      circle at 16% 12%,
      rgba(255,191,226,.22),
      transparent 31%
    ),
    linear-gradient(
      142deg,
      rgba(94,50,105,.95) 0%,
      rgba(145,78,128,.85) 50%,
      rgba(188,120,157,.78) 100%
    ) !important;

  border-color: rgba(255,191,226,.34) !important;
}

body .neyronina-public-why-v1-modal__text {
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif !important;

  font-weight: 400 !important;
  white-space: pre-line !important;

  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

@media (max-width: 1180px) {
  body .neyronina-public-why-v1__card {
    min-height: 260px !important;
  }
}

@media (max-width: 820px) {
  body .neyronina-public-why-v1__card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}