/* ====== БАЗА ====== */
:root{
  /* значения по умолчанию — будут переопределены brand colors.css */
  --re-accent:#00bcd4;
  --re-bg:#0a0a0f;
  --re-ink:#f0f2f5;
  --re-muted:#0e1016;
  --font-heading:'Exo 2',sans-serif;
  --font-body:'Rubik',sans-serif;
  --font-mono:'IBM Plex Mono',monospace;
}

*{box-sizing:border-box}
html,body{}
body{
  margin:0;
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background-color:var(--re-bg);
  color:var(--re-ink);
  background-image:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.05) 0, rgba(255,255,255,.01) 80%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.02) 0, rgba(255,255,255,.02) 2px, transparent 2px, transparent 6px);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6,.uk-card-default .uk-card-title{
  color: var(--re-accent);
}
h1, h2, h3, h4, .uk-heading-line {
  font-family: var(--font-heading);
  font-weight: 400;
  letter-spacing: .02em;
  color: var(--re-accent);
}

h1, h2, h3, .uk-heading-line {
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: .02em;
}
.uk-label-success{
	background:#0b0b0b;
}
.uk-text-meta, code, pre {
  font-family: var(--font-mono);
  font-size: .85em;
  letter-spacing: .02em;
}

 .re-telegram{
      background:#0b0b0b;
      color:#e9f2f7;
      border:1px solid rgba(255,255,255,.06);
      box-shadow:0 8px 24px rgba(0,0,0,.35);
    }
    .re-telegram__qr img{
      display:block;
      max-width:100%;
      height:auto;
    }
    .re-telegram__btn{
      background:#00caff;
      color:#000;
      border:none;
      box-shadow:0 0 16px rgba(0,202,255,.45);
      white-space:normal;
      line-height:1.2;
      padding:.7em 1.4em;
    }
    .re-telegram__btn:hover{
      filter:brightness(1.1);
    }

    /* Мобилка: всё по центру, кнопка во всю ширину */
    @media (max-width: 640px){
      .re-telegram{
        padding:16px;
      }
      .re-telegram__btn{
        width:100%;
        max-width:260px;
      }
      .re-telegram__grid{
        text-align:center;
      }
    }
	  /* Сайдбар-виджет компактной версии */
.re-telegram {
  padding: 18px;
  background: #0a0a0a;
  border: 1px solid rgba(255,255,255,0.06);
}

.re-telegram__qr img {
  width: 120px; /* фикс меньше — лучше для виджета */
  height: 120px;
  border-radius: 8px;
}

.re-telegram h4 {
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 4px;
}

.re-telegram .uk-text-meta {
  font-size: 13px;
  line-height: 1.2;
  opacity: .75;
}

.re-telegram__btn {
  padding: 6px 10px;
  font-size: 13px;
  width: 100%;
  text-align: center;
  margin-top: 8px;
}

a{color:var(--re-accent); text-decoration:none; transition:color .2s ease}
a:hover{text-decoration:underline}

.uk-navbar-container{background:#000000}
.uk-navbar a, .uk-navbar .uk-logo{color:rgba(255,255,255,.9)}
.uk-navbar a:hover{color:#fff}

/* поиск в навбаре */
.uk-search-navbar .uk-search-input,.uk-input,.uk-textarea{
  width:220px;
  background:#0b0d13;
  border:1px solid rgba(255,255,255,.12);
  color:var(--re-ink);
}
.uk-search-navbar .uk-search-input:active,.uk-search-navbar .uk-search-input:focus,.uk-input:active,.uk-input:focus,.uk-textarea:active,.uk-textarea:focus{
  background:#ffffff00;
  border:1px solid var(--re-accent);
}
@media (max-width:959px){ .uk-navbar-item .uk-search{display:none} }

/* ====== КАРТОЧКИ / HERO ====== */
.re-card{
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  overflow:hidden;
  background-color:var(--re-muted);
  transition:transform .3s ease, box-shadow .3s ease;
}
.re-card:hover{ transform:translateY(-3px); box-shadow:0 0 12px var(--re-accent) }

.re-hero-card{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  border-radius:12px;
  overflow:hidden;
  position:relative;
}

/* затемняющая подложка поверх изображений */
.re-hero-card .uk-card-media-top,
.re-card .uk-card-media-top{position:relative}
.re-hero-card .uk-card-media-top::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.55) 100%);
  pointer-events:none;
}
.re-card .uk-card-media-top::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.45) 100%);
  pointer-events:none;
}

.re-hero-card img{mix-blend-mode:screen; opacity:.85; transition:opacity .3s ease}
.re-hero-card:hover img{opacity:1}

/* типографика внутри карточек */
.re-card .uk-card-title,
.re-hero-card .uk-card-title{color:#fff; font-weight:700}
.re-card p, .re-hero-card p{color:rgba(255,255,255,.88)}
.uk-text-meta{color:rgba(255,255,255,.6)}

/* лейблы категорий */
.re-card .uk-label, .re-hero-card .uk-label{
  background:var(--re-accent);
  color:#0a0a0f;
  text-transform:none;
  font-weight:700;
  letter-spacing:.2px;
}

/* кнопки/ссылки «Подробнее» – учитываем, что у тебя всё белым */
.uk-button, .uk-button-text{color:#fff}
.uk-button, .uk-button-text:hover{color:#fff}

/* ====== САЙДБАР ====== */
.re-tags .uk-label{
  background:color-mix(in oklab, var(--re-accent) 20%, transparent);
  color:#fff;
  border:1px solid color-mix(in oklab, var(--re-accent) 50%, transparent);
  margin-right:6px; margin-bottom:6px; display:inline-block;
}

.uk-card-default.uk-card-body{
  background:var(--re-muted);
  border:1px solid rgba(255,255,255,.12);
  color:var(--re-ink);
}

/* ====== ФУТЕР ====== */
.re-footer{ background:var(--re-muted); padding:40px 0; color:var(--re-ink) }
.re-footer a{ color:var(--re-ink) }
.re-footer a:hover{ color:#fff }

/* ====== МЕЛОЧИ И АДАПТИВ ====== */
.uk-breadcrumb>*>*:hover{text-decoration:underline}
.uk-label{border-radius:4px}
/* Убираем белый фон у секций UIkit */
.uk-section,
.uk-section-default,
.uk-section-muted,
.uk-section-primary,
.uk-section-secondary{
  background: transparent !important;
}

/* На всякий — контейнеры тоже прозрачные */
.uk-container { background: transparent; }

@media (max-width:959px){
  .uk-navbar-nav{display:none}
}


/* ====== Лого с мигающим курсором ====== */
@keyframes reBlink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

.re-logo{
  display:inline-flex;
  align-items:baseline;
  gap:.4rem;
  font-family: var(--font-heading);
  font-weight:600;
  color:#fff;
  letter-spacing:.02em;
  line-height:1;
}

.re-brand, .re-brand:focus, .re-brand:hover{
  color:inherit; text-decoration:none;
}

.re-cursor-line{
  --logo-cursor-w: 1ch;
  display:inline-block;
  width: var(--logo-cursor-w);
  height: 0.10em;
  background: var(--re-accent);
  border-radius: 2px;
  margin-right: -7px;
  animation: reBlink 1.1s steps(2, end) infinite;
  box-shadow: 0 0 10px color-mix(in oklab, var(--re-accent) 40%, transparent);
}

/* Размеры лого в навбаре */
.uk-navbar .re-logo{ font-size: 1.4rem; }
@media (max-width: 960px){
  .uk-navbar .re-logo{ font-size: 1.2rem; }
  .re-cursor-line{ --logo-cursor-w: 1.6ch; }
}

/* Доступность: пользователям с reduce-motion мигание отключаем */
@media (prefers-reduced-motion: reduce){
  .re-cursor-line{ animation:none; opacity:.85; }
}

.uk-card-title a{font-size: 20px;}
.uk-card-title a:hover{color:var(--re-accent); transition:color .2s ease; text-decoration:underline;}
/* компактная карточка */
.re-card.compact .uk-card-body{ padding:14px; }
.re-card .uk-card-title.re-title-sm{ font-size:1.06rem; line-height:1.28; margin:6px 0 8px; }

/* короткий анонс на 2 строки */
.re-line-clamp-2{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.re-excerpt{ font-size:.92rem; line-height:1.55; margin:0 0 10px; }


.uk-card-hover:not(.uk-card-default,.uk-card-primary,.uk-card-secondary,.uk-card-overlay):hover {
    background-color: #00000000;
    box-shadow: 0 14px 25px rgba(0, 0, 0, .16);
}
.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover{
	text-decoration:none;
}
.uk-heading-medium{
	color:#fff;
}
@media screen and (max-width:1000px){
	.uk-heading-medium {
    font-size: 16px;
    line-height: 1;
}
	main.uk-container.uk-container-large {
    padding-top: 0px !important;
}
	
}

/* ====== RE/RU BADGES ====== */
:root{
  /* Ru больше не зелёный — используем общий системный акцент */
  --ru-accent: var(--re-accent);
  --lens-bg: rgba(255,255,255,.06);
  --lens-muted: rgba(255,255,255,.38);
}

.reii-lens-badges{
  display:flex; gap:6px; align-items:center; flex-wrap:wrap;
}

.lens-badge{
  display:inline-flex; align-items:center; justify-content:center;
  height:22px; min-width:34px; padding:0 8px;
  font: 700 10.5px/1 Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", sans-serif;
  text-transform:uppercase; letter-spacing:.04em;
  border-radius:999px;
  background: var(--lens-bg);
  border:1px solid rgba(255,255,255,.12);
  color: var(--lens-muted);
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
  user-select:none;
  backdrop-filter: saturate(140%) blur(1.5px);
}

.lens-re.is-active{
  background: color-mix(in oklab, var(--re-accent) 18%, #000);
  border-color: color-mix(in oklab, var(--re-accent) 60%, #000);
  color:#fff;
  box-shadow: 0 0 8px color-mix(in oklab, var(--re-accent) 42%, transparent);
}
.lens-ru.is-active{
  background: radial-gradient(100% 100% at 40% 40%,
    color-mix(in oklab, var(--ru-accent) 60%, #0a0a0f) 0%,
    #0e2014 100%);
  border-color: color-mix(in oklab, var(--ru-accent) 65%, #000);
  color:#fff;
  box-shadow: 0 0 10px color-mix(in oklab, var(--ru-accent) 45%, transparent);
}

.lens-badge.is-muted:hover{
  filter:none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
  transform: translateY(-1px);
}

.re-card .reii-lens-badges,
.re-hero-card .reii-lens-badges{ margin:6px 0 6px; }

@media (max-width:480px){
  .lens-badge{ height:20px; min-width:30px; padding:0 7px; font-weight:700; font-size:10px; }
}


.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link, .uk-card-primary.uk-card-body .uk-link:hover, .uk-card-primary.uk-card-body a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link, .uk-card-primary>:not([class*=uk-card-media]) .uk-link:hover, .uk-card-primary>:not([class*=uk-card-media]) a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link, .uk-card-secondary.uk-card-body .uk-link:hover, .uk-card-secondary.uk-card-body a:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link, .uk-card-secondary>:not([class*=uk-card-media]) .uk-link:hover, .uk-card-secondary>:not([class*=uk-card-media]) a:hover, .uk-light .uk-link-toggle:hover .uk-link, .uk-light .uk-link:hover, .uk-light a:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link, .uk-offcanvas-bar .uk-link:hover, .uk-offcanvas-bar a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link, .uk-overlay-primary .uk-link:hover, .uk-overlay-primary a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover, .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-primary:not(.uk-preserve-color) a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-secondary:not(.uk-preserve-color) a:hover {
    color: #009fff;
}

/* Сабнавигация под героем + хлебные крошки — общие, без RU-перекраски */
.uk-subnav-pill>*>a {
  border:1px solid color-mix(in oklab, var(--re-accent) 45%, transparent);
  color:#cfe9d8;
  background: rgba(255,255,255,.03);
}
.uk-subnav-pill>.uk-active>a,
.uk-subnav-pill>*>a:hover{
  background: color-mix(in oklab, var(--re-accent) 18%, #000);
  color:var(--re-accent);
  box-shadow: 0 0 8px color-mix(in oklab, var(--re-accent) 35%, transparent);
  text-decoration:none;
}

/* хлебные крошки */
.uk-breadcrumb>*>*:not(span){
  color: color-mix(in oklab, var(--re-accent) 65%, #9fb4a6);
}
.uk-breadcrumb>*>*:hover{ color: var(--re-accent); }

/* кнопки-ссылки */
.uk-button-text:hover{ color:#fff; text-decoration: underline; }


/* 404 */
.re-404 {
  position: relative;
}

.re-404__cat-wrap {
  width: 300px;
  margin: 60px auto 40px;
  text-align: center;
}

.re-404__cat {
  width: 100%;
  height: auto;
}

@media (min-width: 1024px) {
  .re-404__cat-wrap {
    position: absolute;
    bottom: 40px;
    left: 60px;
    width: 340px;
    margin: 0;
  }
}

.uk-text-lead {
    color: #b3b3b3;
}

/* Контактная форма на странице О проекте */
.re-about .re-contact-form .uk-input,
.re-about .re-contact-form .uk-textarea {
  width: 100%;
  margin-bottom: 12px;
}

.re-about .re-contact-form .re-contact-consent {
  margin-top: 4px;
  margin-bottom: 16px;
}

/* Ошибки CF7 */
.re-about .wpcf7-form .wpcf7-not-valid-tip {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 4px;
}

.re-about .wpcf7-form .wpcf7-response-output {
  margin-top: 16px;
  border-radius: 8px;
}
/* --- Блок "Где следить за обновлениями" --- */

.re-about-follow {
    padding-top: 40px;
    padding-bottom: 40px;
}

.re-about-follow .re-follow-btn {
    min-width: 200px;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0.3px;
}

/* уменьшить отступы между секциями во всей странице */
.re-about .uk-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (max-width: 640px) {
    .re-about .uk-section {
        padding-top: 35px;
        padding-bottom: 35px;
    }
}
.re-section-dark {
  background: #05070a;
  color: #f5f7ff;
}

.re-card--glossary {
  background: #0a0d14;
  border: 1px solid rgba(0, 202, 255, 0.15);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.re-card--glossary:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 202, 255, 0.6);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .6);
}

.re-tag {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  background: rgba(0, 202, 255, 0.06);
  color: #8fdfff;
}
:root {
  --re-accent: #00caff;
  --re-bg-soft: #111318;
  --re-card-bg: #151821;
}

/* HERO */

.re-model-hero {
  padding-top: 40px;
  padding-bottom: 10px;
}

.re-model-title {
  font-size: 2.8rem;
  line-height: 1.1;
}

.re-model-summary {
  font-size: 1.05rem;
  max-width: 540px;
}

.re-model-tagline {
  font-size: 0.95rem;
  color: #9ea3b5;
}

/* Карточка с котом */

.re-model-hero-card {
  background: radial-gradient(circle at top left, rgba(0,202,255,0.25), transparent 55%),
              radial-gradient(circle at bottom right, rgba(0,202,255,0.18), transparent 55%),
              var(--re-bg-soft);
  min-height: 260px;
  overflow: hidden;
  border-radius: 24px;
  position: relative;
}

.re-model-hero-glow {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(0,202,255,0.25), transparent 60%),
    repeating-linear-gradient(-45deg, rgba(255,255,255,0.03) 0, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 4px);
  opacity: 0.85;
}

.re-model-hero-cat {
  position: relative;
  z-index: 2;
  max-height: 260px;
  width: auto;
  object-fit: contain;
  transform: translate(20px, 10px);
  float: right;
}

/* Секции */

.re-model-section {
  padding-top: 20px;
}

.re-section-title {
  font-size: 1.4rem;
  border-left: 3px solid var(--re-accent);
  padding-left: 10px;
}

/* Экосистема */

.re-eco-card {
  background: var(--re-card-bg);
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,0.03);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.re-eco-card:hover {
  border-color: var(--re-accent);
  box-shadow: 0 0 20px rgba(0,202,255,0.25);
  transform: translateY(-2px);
}

.re-eco-title {
  margin: 0 0 6px;
  font-size: 1rem;
}

.re-eco-desc {
  margin: 0 0 8px;
  font-size: 0.9rem;
  color: #b2b7c9;
}

.re-eco-link {
  font-size: 0.85rem;
  color: var(--re-accent);
}

/* Use-cases */

.re-usecase-card {
  background: var(--re-card-bg);
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,0.03);
  transition: border-color 0.2s ease, background 0.2s ease;
}

.re-usecase-card:hover {
  border-color: var(--re-accent);
  background: #171b24;
}

.re-usecase-title {
  margin: 0 0 6px;
  font-size: 1rem;
}

.re-usecase-desc {
  margin: 0;
  font-size: 0.9rem;
  color: #b2b7c9;
}


.uk-description-list>dt {
    color: var(--re-accent);
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
}


/* Размер и позиционирование кота */
.re-model-hero-cat {
  position: relative;
  z-index: 2;
  max-height: 360px;   /* регулировать тут */
  width: auto;
  object-fit: contain;
  transform: translate(10px, 10px);
  pointer-events: none;
}

/* Адаптив для мобилы */
@media (max-width: 960px) {
  .re-model-hero-cat {
    max-height: 260px;
    margin: 0 auto;
  }
}


:root {
  --re-accent: #00caff;
  --re-bg-soft: #101218;
  --re-card-bg: #151821;
}

/* HERO-обёртка */

.re-model-hero {
  padding-top: 40px;
  padding-bottom: 10px;
}

.re-model-title {
  font-size: 2.8rem;
  line-height: 1.1;
}

.re-model-summary {
  font-size: 1.05rem;
  max-width: 540px;
}

.re-model-tagline {
  font-size: 0.95rem;
  color: #9ea3b5;
}

/* Техно-карта с котом */

.re-model-hero-card {
  background:
    radial-gradient(circle at top left, rgba(0,202,255,0.25), transparent 55%),
    radial-gradient(circle at bottom right, rgba(0,202,255,0.18), transparent 55%),
    var(--re-card-bg);
  min-height: 260px;
  overflow: hidden;
  border-radius: 24px;
  position: relative;
  border: 1px solid rgba(255,255,255,0.06);
}

/* Внутренний "шум" и полосы */

.re-model-hero-glow {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(0,202,255,0.22), transparent 60%),
    repeating-linear-gradient(-45deg,
      rgba(255,255,255,0.03) 0,
      rgba(255,255,255,0.03) 1px,
      transparent 1px,
      transparent 4px
    );
  opacity: 0.85;
}

/* Кот */

.re-model-hero-cat {
  position: relative;
  z-index: 2;
  max-height: 360px; /* подгони под себя */
  width: auto;
  object-fit: contain;
  transform: translate(10px, 10px);
  pointer-events: none;
}

/* Чип с типом модели */

.re-model-hero-chip {
  position: absolute;
  z-index: 3;
  left: 18px;
  top: 18px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: rgba(0,0,0,0.7);
  border: 1px solid rgba(0,202,255,0.6);
  color: #e9f5ff;
}

/* Ховер всей карты (легкий эффект, если будет ссылка) */

.re-model-hero-card:hover {
  border-color: var(--re-accent);
  box-shadow: 0 0 24px rgba(0,202,255,0.35);
}

/* Адаптив */

@media (max-width: 960px) {
  .re-model-title {
    font-size: 2.1rem;
  }

  .re-model-hero-card {
    margin-top: 20px;
  }

  .re-model-hero-cat {
    max-height: 280px;
    margin: 0 auto;
    transform: translate(0, 10px);
  }
}


.re-behavior-subtitle {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7f8697;
  margin-bottom: 6px;
}

.re-behavior-text {
  font-size: 0.95rem;
  color: #dde3f1;
  margin: 0;
}

.re-behavior-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  font-size: 0.92rem;
}

.re-behavior-list li::before {
  content: "•";
  color: var(--re-accent);
  margin-right: 6px;
}

.re-behavior-list li {
  margin-bottom: 4px;
  color: #c4c9d8;
}


.re-related-card {
  background: var(--re-card-bg);
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,0.04);
  height: 100%;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.re-related-card:hover {
  border-color: var(--re-accent);
  background: #171b24;
  transform: translateY(-2px);
}

.re-related-title {
  font-size: 0.98rem;
  margin: 0 0 6px;
}

.re-related-excerpt {
  font-size: 0.85rem;
  color: #a9afc2;
  margin: 0;
}

.re-related-link {
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}
.re-model-nav-wrapper {
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding-bottom: 4px;
  margin-bottom: 10px;
}

.re-model-nav li a {
  font-size: 0.9rem;
}


/* Базовый вид ссылки-термина в тексте */
.re-glossary-inline {
  position: relative;
  text-decoration: none; 
  cursor: help;
  font-weight: 500;
}

/* Ховер, фокус */
.re-glossary-inline:hover,
.re-glossary-inline:focus {
  border-bottom-style: none;
}

/* Мини-иконка NeuroCat перед термином */
.re-glossary-inline::before {
  content: '';
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  margin-right: 0.35em;
    margin-bottom: -2px;
    margin-left: 5px;
  border-radius: 999px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* сюда потом подставишь путь к мини-иконке кота */
  background-image: url('/wp-content/uploads/neurocat-mini.webp'); 
  box-shadow: 0 0 6px rgba(0, 202, 255, 0.7);
}

/* На тёмном фоне можно чуть ослабить свечение */
.uk-section-primary .re-glossary-inline::before,
.uk-section-muted .re-glossary-inline::before {
  box-shadow: 0 0 4px rgba(0, 202, 255, 0.5);
}

.re-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.uk-button-default.uk-active, .uk-button-default:active{
  color: var(--re-accent);
}
blockquote { 
    color: #5ce3d7;
}


.uk-button-default:hover {
    background-color: transparent;
    color: #36e0fb; 
}

.uk-accordion-title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #ffffff;
    overflow: hidden;
}.re-hint-trigger {
  position: relative;
}

.re-hint-bubble {
  position: absolute;
  right: -10px;
  top: 110%;
  background: rgba(0,255,170,0.12);
  border: 1px solid rgba(0,255,170,0.35);
  backdrop-filter: blur(6px);
  padding: 8px 12px;
  font-size: 13px;
  color: #caffee;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: 0.25s ease;
}

.re-hint-trigger:hover .re-hint-bubble {
  opacity: 1;
  pointer-events: auto;
}

.wp-block-heading a{
	text-decoration:underline;
}


/* Плитки моделей — мягкий стиль без вертикальных полос */
.re-model-tile {
  padding: 18px 18px 16px;
  border-radius: 12px;
  background: transparent;
  border: 1px solid transparent;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}
.re-model-tile__title {
  color: #00caff;
}
.re-model-tile__subtitle {
  margin-top: 4px;
}
.re-model-tile__link {
  display: inline-flex;
  align-items: center;
  color: #00caff;
}
.re-model-tile__link span:first-child {
  border-bottom: 1px solid rgba(0,202,255,0.4);
}
.re-model-tile:hover {
  background: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 202, 255, 0.7);
  transform: translateY(-2px);
}

/* Карточки сценариев */
.re-scenario-card {
  padding: 16px 18px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(0,0,0,0.35);
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.re-scenario-card:hover {
  border-color: rgba(0, 202, 255, 0.7);
  background: rgba(0, 15, 25, 0.9);
}

/* Общий стиль карточки */
.re-model-card {
  height: 100%;
  padding: 20px 22px;
  border-radius: 14px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition:
      background 0.25s ease,
      border-color 0.25s ease,
      transform 0.2s ease;
}

/* Заголовок */
.re-model-card__title {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 600;
  color: #00caff;
}

.re-model-card__subtitle {
  margin-top: 6px;
  font-size: 14px;
  opacity: 0.7;
}

/* Нижняя часть */
.re-model-card__footer {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #00caff;
}

.re-model-card__link {
  font-size: 14px;
  border-bottom: 1px solid rgba(0,202,255,0.4);
  padding-bottom: 1px;
}

/* Hover эффект */
.re-model-card:hover {
  background: rgba(0, 202, 255, 0.06);
  border-color: rgba(0, 202, 255, 0.6);
  transform: translateY(-3px);
}




.re-ai-table-wrap { margin-top: 20px; }

.re-ai-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:14px;
  line-height:1.45;
  color:#ddd;
}
.re-ai-table thead th{
  font-weight:600;
  padding:12px 16px;
  white-space:nowrap;
  background:rgba(255,255,255,0.04);
  border-bottom:1px solid rgba(255,255,255,0.08);
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:0.6px;
  vertical-align:bottom;
}
.re-ai-table__section th{
  padding:16px 16px 8px 16px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:0.6px;
  color:rgba(255,255,255,0.7);
  background:rgba(0,0,0,0.6);
}
.re-ai-table tbody th,
.re-ai-table tbody td{
  padding:10px 16px;
  border-bottom:1px solid rgba(255,255,255,0.05);
  vertical-align:top;
}
.re-ai-table tbody th[scope="row"]{
  font-weight:600;
  color:#fff;
  white-space:nowrap;
}
.re-ai-table tbody tr:nth-child(even):not(.re-ai-table__section){
  background:rgba(255,255,255,0.02);
}
.re-ai-table tbody tr:hover:not(.re-ai-table__section){
  background:rgba(0,202,255,0.08);
  transition:background-color 0.2s ease;
}

/* ===== MOBILE LAYOUT ===== */
@media (max-width: 640px){
  .re-ai-table{ display:none; }
  #re-ai-mobile-cards{ display:block !important; }
}

/* Cards style */
#re-ai-mobile-cards .re-ai-mcard{
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.02);
  padding:14px;
}
#re-ai-mobile-cards .re-ai-mcard__title{
  font-size:18px; font-weight:700; margin:0;
}
#re-ai-mobile-cards .re-ai-mcard__subtitle{
  font-size:13px; opacity:.75; margin-top:2px;
}
#re-ai-mobile-cards .re-ai-mcard__section{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.08);
}
#re-ai-mobile-cards .re-ai-mcard__section-title{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.6px;
  opacity:.7;
  margin-bottom:6px;
}
#re-ai-mobile-cards .re-ai-mcard__row{
  display:grid;
  grid-template-columns: 1fr;
  gap:4px;
  padding:8px 0;
  border-bottom:1px dashed rgba(255,255,255,.08);
}
#re-ai-mobile-cards .re-ai-mcard__row:last-child{ border-bottom:none; }
#re-ai-mobile-cards .re-ai-mcard__label{
  font-size:12px; opacity:.7;
}
#re-ai-mobile-cards .re-ai-mcard__value{
  font-size:14px; color:#fff;
}
#re-ai-mobile-cards .re-ai-mcard__link{
  margin-top:10px;
}


/* Общий контейнер */
.re-quiz {
  position: relative;
}

/* Верхняя панель шага */
.re-quiz .re-quiz__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  opacity: .7;
  margin-bottom: 10px;
}

/* Прогресс-бар — общий, id тот же */
#quiz-bar {
  height: 4px;
  background: rgba(255,255,255,0.08);
}
#quiz-bar::-webkit-progress-value {
  background: #00caff;
}

/* Точки прогресса */
.re-quiz .re-quiz__dots {
  display: flex;
  gap: 6px;
}
.re-quiz .re-quiz__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255,255,255,.2);
  transition: .2s ease;
}
.re-quiz .re-quiz__dot.is-active {
  background: #fff;
}
.re-quiz .re-quiz__dot.is-done {
  background: rgba(255,255,255,.45);
}

/* Контент */
.re-quiz .re-quiz__content {
  min-height: 180px;
}
.re-quiz .re-quiz__q {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 14px;
}

/* Ответы */
.re-quiz .re-quiz__answers .uk-button {
  border-radius: 8px;
  padding: 14px 18px;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.05);
  transition: background .15s, border-color .15s;
}
.re-quiz .re-quiz__answers .uk-button:hover {
  background: rgba(255,255,255,.1);
}
.re-quiz .re-quiz__answers .uk-button.is-selected {
  background: rgba(255,255,255,.2);
  border-color: rgba(255,255,255,.35);
}

/* Навигация */
.re-quiz .re-quiz__footer {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.re-quiz .re-quiz__hint {
  font-size: 12px;
  opacity: .6;
  margin-right: 20px;
}

/* Причины выбора */
.re-quiz .re-quiz__reason {
  margin-top: 10px;
  padding: 12px;
  border-radius: 8px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
}
.re-quiz .re-quiz__reason ul {
  margin: 6px 0 0;
  padding-left: 18px;
}

/* Бейдж */
.re-quiz .re-quiz__badge {
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 6px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.15);
}

.uk-icon-button {
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 500px;
    background: #ffffff00;
    color: var(--re-accent);
    vertical-align: middle;
    display: inline-flex
;
    justify-content: center;
    align-items: center;
    transition: .1s 
ease-in-out;
    transition-property: color, background-color;
}
.uk-icon-button:hover{
    background: var(--re-accent);
    color: #fff;
}
.uk-button-default { 
    font-size: 14px;
    line-height: 20px;
    padding: 5px 20px;
}

.uk-text-lead { 
    font-size: 15px;
}







/* ====== RE-II GLOBAL QUIZ POPUP ====== */

.re-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99998;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
}

.re-popup-overlay.re-popup--visible {
    opacity: 1;
    pointer-events: all;
}

.re-popup {
    background: #0e0e0f;
    border-radius: 18px;
    padding: 48px 40px 40px;
    width: 90%;
    max-width: 640px;
    text-align: center;
    box-shadow: 0 0 32px rgba(0,255,255,0.08), 0 0 64px rgba(0,255,255,0.05);
    border: 1px solid rgba(0,255,255,0.12);
    position: relative;
}

.re-popup__title {
    font-size: 28px;
    font-weight: 700;
    color: #00caff;
    margin-bottom: 16px;
}

.re-popup__text {
    font-size: 17px;
    color: #d5e9f0;
    opacity: .9;
    margin-bottom: 32px;
}

.re-popup__close {
    position: absolute;
    top: 14px;
    right: 14px;
    background: none;
    border: none;
    color: #aaa;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    transition: .2s;
}
.re-popup__close:hover {
    color: #fff;
}

.re-popup__btn {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 12px;
    background: #008dff;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: .25s ease;
}
.re-popup__btn:hover {
    background: #00a6ff;
    transform: translateY(-2px);
}

/* ===== Floating button ===== */

.re-quiz-float {
    position: fixed;
    bottom: 32px;
    right: 32px;
    z-index: 99999;
}

.re-quiz-float__btn {
    background: #00caff;
    color: #000;
    font-weight: 700;
    border-radius: 50px;
    padding: 14px 26px;
    box-shadow: 0 0 16px rgba(0,255,255,0.35);
    cursor: pointer;
    transition: .25s ease;
}

.re-quiz-float__btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 24px rgba(0,255,255,0.55);
}

/* ===== Hide Google reCAPTCHA badge ===== */

.grecaptcha-badge { 
    visibility: hidden !important; 
    opacity: 0 !important; 
    pointer-events: none !important; 
}

/* Fullscreen menu background */
.uk-modal-full .uk-modal-dialog {
    background: #050505 !important; /* Фон как на Re-II */
}

/* Центровка контейнера */
.re-menu-wrap {
    max-width: 420px;
    margin: 0 auto;
}

/* Основные пункты */
.re-menu-main > li {
    margin: 18px 0;
}
.re-menu-main > li > a {
    color: #e6e6e6;
    font-size: 26px;
    letter-spacing: .5px;
}
.re-menu-main > li > a:hover {
    color: #00caff; /* твой неон */
}

/* Подпункты (экосистемы) */
.uk-heading-line span {
    color: #00caff;
}

.uk-nav-default > li > a {
    color: #ccc;
}
.uk-nav-default > li > a:hover {
    color: #00caff;
}

/* Поиск в меню */
.re-menu-wrap .uk-search-input {
    background: rgba(255,255,255,0.08);
    color: #eee;
}

/* Соцсети */
.re-menu-wrap img {
    filter: brightness(1.2);
}



/* Фон и z-index модалки, чтобы перекрывать плавающие кнопки */
#re-menu-modal .uk-modal-dialog {
    background: #050509;
}
.uk-modal.uk-open#re-menu-modal {
    z-index: 2000;
}

/* Бургер по центру */
.re-menu-toggle {
    padding: 4px 14px;
    border-radius: 999px;
    cursor: pointer;
}
.re-menu-toggle:hover {
    background: rgba(255,255,255,0.06);
}

/* Основное меню в модалке */
.re-menu-main-wrapper {
    max-width: 420px;
    margin: 0 auto;
}
.re-menu-main > li {
    margin: 10px 0;
}
.re-menu-main > li > a {
    color: #e5e5e5;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: .03em;
}
.re-menu-main > li > a:hover {
    color: #00caff;
    text-decoration: none;
}

/* Правая колонка */
.re-menu-heading span {
    color: #00caff;
}
.re-menu-ecosystems li a {
    color: #bfbfbf;
    font-size: 14px;
}
.re-menu-ecosystems li a:hover {
    color: #00caff;
}

/* Поиск в меню */
.re-menu-search-input {
    background: rgba(255,255,255,0.06);
    color: #f5f5f5;
}
.re-menu-search-input::placeholder {
    color: #777;
}

/* Кнопка "Поддержать" (десктоп) */
.re-donate-btn {
  padding: 6px 16px;
  border: 1px solid #00caff;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #00caff !important;
  transition: 0.22s ease-in-out;
}

.re-donate-btn:hover {
  background: #00caff;
  color: #000 !important;
}

/* Мобилка */
.re-donate-btn-mobile {
  display: block;
  padding: 10px 14px;
  margin-top: 10px;
  border: 1px solid #00caff;
  border-radius: 8px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #00caff !important;
  transition: 0.22s ease-in-out;
}

.re-donate-btn-mobile:hover {
  background: #00caff;
  color: #000 !important;
}

pre {
    color: #ffffff;
    -moz-tab-size: 4;
    tab-size: 4;
    overflow: auto;
    padding: 10px;
    border: 1px solid #00caff;
    border-radius: 3px;
    background: #ffffff00;
}


:not(pre)>code, :not(pre)>kbd, :not(pre)>samp {
    font-family: Consolas, monaco, monospace;
    font-size: .875rem;
    color: #00caff;
    white-space: nowrap;
    padding: 2px 6px;
    background: #f8f8f800;
}

.uk-input, .uk-select, .uk-textarea {
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background: #131317;
    color: #999999;
    border: 1px solid #282a2f;
    transition: .2s 
ease-in-out;
    transition-property: color, background-color, border;
}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    outline: 0;
    background-color: #0b0d13;
    color: #666;
    border-color: #00bcd4;
}