/* NEYRONINA_PUBLIC_SITE_DARK_FUTURE_POLISH_V7 */
/* Общая полировка: темнее, чётче текст, футуристичные линии на светлых фонах, без изменения структуры. */

:root {
  --ney-font-tech-v7:
    "Segoe UI Variable",
    "Segoe UI",
    "Inter",
    "Trebuchet MS",
    "Arial",
    sans-serif;
}

/* Более техничный и менее “расплывающийся” текст */
html,
body,
button,
input,
textarea,
select {
  font-family: var(--ney-font-tech-v7) !important;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  background:
    radial-gradient(circle at 12% 0%, rgba(47, 181, 181, .22), transparent 30%),
    radial-gradient(circle at 86% 8%, rgba(207, 156, 190, .18), transparent 32%),
    linear-gradient(135deg, #5ab5ba 0%, #7fb1bc 48%, #d6b2c9 100%) !important;
}

/* Украшение общего “белого” поля страницы тонкими линиями */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(105deg, transparent 0 10%, rgba(255,255,255,.075) 10.1%, transparent 10.45% 100%),
    linear-gradient(72deg, transparent 0 28%, rgba(47,181,181,.10) 28.1%, transparent 28.55% 100%),
    linear-gradient(118deg, transparent 0 57%, rgba(207,156,190,.09) 57.1%, transparent 57.5% 100%),
    linear-gradient(84deg, transparent 0 79%, rgba(255,255,255,.055) 79.1%, transparent 79.45% 100%),
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.10), transparent 24%),
    radial-gradient(circle at 82% 32%, rgba(255,255,255,.075), transparent 28%);
  opacity: .74;
}

#root,
.neyronina-public-topbar,
.neyronina-public-hero-v1,
.neyronina-public-needs-v1 {
  position: relative;
  z-index: 1;
}

/* Старые белые секции ниже нового слоя: мягко затемняем и связываем со стилем */
#root > div > section {
  background:
    radial-gradient(circle at 10% 0%, rgba(47,181,181,.12), transparent 30%),
    radial-gradient(circle at 92% 12%, rgba(207,156,190,.11), transparent 32%),
    linear-gradient(135deg, rgba(53, 147, 157, .22), rgba(126, 166, 180, .16), rgba(210, 177, 201, .16)) !important;
}

#root > div > section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 0 18%, rgba(255,255,255,.045) 18.08%, transparent 18.22% 100%),
    linear-gradient(90deg, transparent 0 52%, rgba(255,255,255,.038) 52.08%, transparent 52.22% 100%),
    linear-gradient(90deg, transparent 0 84%, rgba(255,255,255,.032) 84.08%, transparent 84.22% 100%);
  opacity: .56;
}

/* Hero/topbar/needs: чуть темнее и контрастнее, без изменения формы */
.neyronina-public-topbar-inner,
.neyronina-public-hero-v1__photo-card,
.neyronina-public-hero-v1__actions,
.neyronina-public-needs-v1__card,
.neyronina-public-needs-v1__side,
.neyronina-public-needs-v1-modal__box {
  filter: saturate(.98) contrast(1.035);
}

/* Уменьшаем “расплыв” жирных заголовков */
.neyronina-public-hero-v1__title,
.neyronina-public-needs-v1__title,
.neyronina-public-needs-v1__card-title,
.neyronina-public-needs-v1-modal__title,
.neyronina-public-topbar-label {
  font-weight: 880 !important;
  text-shadow:
    0 1px 10px rgba(10, 54, 64, .24),
    0 1px 1px rgba(0,0,0,.16) !important;
  letter-spacing: -.035em !important;
}

/* Техничность вместо “жирного облака”: заголовкам чуть больше воздуха */
.neyronina-public-hero-v1__title,
.neyronina-public-needs-v1__title {
  line-height: 1.01 !important;
}

.neyronina-public-hero-v1__subtitle,
.neyronina-public-needs-v1-modal__text {
  text-shadow: 0 1px 8px rgba(10, 54, 64, .18) !important;
}

/* Затемняем новый hero без смены палитры */
.neyronina-public-hero-v1 {
  background:
    radial-gradient(circle at 10% 8%, rgba(47,181,181,.18), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(207,156,190,.16), transparent 32%),
    linear-gradient(135deg, rgba(42,132,145,.22), rgba(116,154,173,.14), rgba(203,169,196,.14)) !important;
}

.neyronina-public-hero-v1__badge,
.neyronina-public-hero-v1__brand,
.neyronina-public-needs-v1__kicker {
  background: rgba(12, 73, 86, .40) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* Needs: фон самого блока ещё темнее, линии остаются сзади */
.neyronina-public-needs-v1 {
  background:
    radial-gradient(circle at 12% 10%, rgba(47,181,181,.13), transparent 30%),
    radial-gradient(circle at 88% 22%, rgba(207,156,190,.11), transparent 32%),
    linear-gradient(180deg, rgba(26,93,108,.28), rgba(66,118,142,.18) 48%, rgba(116,129,159,.18)) !important;
}

.neyronina-public-needs-v1::before {
  background:
    linear-gradient(135deg, rgba(28,105,120,.62), rgba(77,125,149,.42), rgba(143,136,170,.32)),
    linear-gradient(90deg, transparent 0 18%, rgba(255,255,255,.04) 18.2%, transparent 18.6%),
    linear-gradient(90deg, transparent 0 52%, rgba(255,255,255,.035) 52.2%, transparent 52.6%),
    linear-gradient(90deg, transparent 0 84%, rgba(255,255,255,.03) 84.2%, transparent 84.6%) !important;
}

/* Карточки needs — чуть темнее, чтобы белый жирный текст не плыл */
.neyronina-public-needs-v1__card {
  border-color: rgba(255,255,255,.20) !important;
  box-shadow:
    0 20px 50px rgba(12, 52, 62, .24),
    0 0 22px rgba(47,181,181,.055),
    0 0 0 1px rgba(255,255,255,.055) inset !important;
}

.neyronina-public-needs-v1__card-title {
  font-size: clamp(18px, 1.38vw, 22px) !important;
  line-height: 1.12 !important;
}

/* Кнопки и мелкие элементы — меньше свечения, больше чёткости */
.neyronina-public-hero-v1__primary,
.neyronina-public-hero-v1__secondary,
.neyronina-public-topbar-button,
.neyronina-public-topbar-link,
.neyronina-public-needs-v1__more::after {
  text-shadow: 0 1px 6px rgba(10,54,64,.20) !important;
}

/* Футуристичная тонкая “сетка” именно на больших светлых промежутках */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.030) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(circle at 50% 20%, #000 0 58%, transparent 78%);
  -webkit-mask-image: radial-gradient(circle at 50% 20%, #000 0 58%, transparent 78%);
  opacity: .42;
}

@media (max-width: 820px) {
  .neyronina-public-hero-v1__title,
  .neyronina-public-needs-v1__title {
    letter-spacing: -.04em !important;
    text-shadow:
      0 1px 8px rgba(10,54,64,.22),
      0 1px 1px rgba(0,0,0,.14) !important;
  }

  .neyronina-public-needs-v1__card-title {
    font-size: clamp(22px, 6.6vw, 29px) !important;
    line-height: 1.08 !important;
  }

  body::before {
    opacity: .52;
  }

  body::after {
    background-size: 54px 54px;
    opacity: .28;
  }
}