/* ============================================================================
   РЕДИЗАЙН ГЛАВНОЙ — Nexus AI (Вортекс, 25.09.2026)
   Подключается ПОСЛЕ style.css. Откат = удалить одну строку <link> в index.html.
   Большой герой убран; лента контента слева, профиль-лента с малышом справа.
   ВАЖНО: в style.css размеры .hero-char заданы с !important (мобильный медиазапрос),
   поэтому размеры малыша здесь тоже с !important — иначе картинка уезжает за экран.
   ============================================================================ */

:root {
  --ink-1: #e9f1ff;                    /* основной текст, контраст ~16:1 */
  --ink-2: #b9c9e4;                    /* вторичный текст, контраст ~10:1 */
  --line: rgba(150,195,255,.16);
  --surface: rgba(255,255,255,.05);
  --accent: #4fd1ff;
}

/* ============================ СЕТКА ГЛАВНОЙ ============================ */
/* боковые отступы НЕ трогаем — они приходят от .wrap */
.home-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 306px;
  gap: 28px;
  align-items: start;
  padding-top: 30px;
  padding-bottom: 80px;
}
.feed { display: flex; flex-direction: column; gap: 44px; min-width: 0; }
.feed > section { scroll-margin-top: 90px; }
.feed .products-section { padding-top: 0; }

/* ===================== ПРАВАЯ ЛЕНТА: ПРОФИЛЬ + ПОСТ ===================== */
.rail { grid-column: 2; grid-row: 1 / span 2; align-self: stretch; }
.rail-sticky { position: sticky; top: 112px; }
.brand-hero { grid-column: 1; grid-row: 1; margin-bottom: 8px; }
.bh-h1 { color: #fff; }
.bh-lead { color: #b9c6db; }
.bh-chip { display: inline-flex; align-items: baseline; gap: 7px; padding: 8px 15px; border-radius: 999px; background: rgba(255,255,255,.05); border: 1px solid rgba(150,195,255,.2); font-size: 13px; color: #9fb0c8; }
.bh-chip b { color: #fff; font-size: 15px; letter-spacing: -.2px; }
.bh-logo { width: 64px; height: 64px; box-shadow: 0 12px 34px rgba(79,209,255,.3); }
.feed { grid-column: 1; grid-row: 2; }

.rail-card {
  background: linear-gradient(180deg, rgba(79,209,255,.075), rgba(255,255,255,.025) 60%);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 32px 20px 18px;
  box-shadow: 0 22px 60px rgba(0,0,0,.45);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.rail-prof { display: flex; align-items: center; gap: 14px; text-align: left; }

/* МАЛЫШ: маленький, но по-прежнему живой —
   JS продолжает управлять позами, репликами, сном и реакцией на клик */
.stage-mini {
  position: relative;
  width: 116px; height: 132px;
  flex: 0 0 auto;
  display: flex; align-items: flex-end; justify-content: center;
}
.stage-mini .hero-char {
  width: 116px !important;
  height: 132px !important;
  margin: 0 !important;
  animation: breathe 4.6s ease-in-out infinite;
}
/* реплика малыша: в узкой колонке растёт вправо, а не сжимается в столбик */
.stage-mini .bubble {
  top: -30px; left: -2px;
  transform: translateY(6px);
  font-size: 11.5px; padding: 8px 12px;
  border-radius: 15px 15px 15px 6px;
  width: max-content; max-width: 186px;
  z-index: 6;
}
.stage-mini .bubble.show { transform: translateY(0); }
.stage-mini .zzz { font-size: 15px; top: -4px; right: 0; }
.stage-mini .hearts { overflow: visible; }
.stage-mini .heart { font-size: 15px; }

.rail-id { min-width: 0; }
.rail-id b { display: block; font-size: 17.5px; letter-spacing: -.2px; color: var(--ink-1); }
.rail-handle { display: block; font-size: 12.5px; color: var(--ink-2); margin-top: 1px; }
.rail-online {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: 7px; font-size: 12px; font-weight: 600; color: #6ff0a8;
}

.rail .pulse {
  width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto;
  background: #3ef08a; box-shadow: 0 0 10px #3ef08a;
  animation: pulseDot 1.8s ease-in-out infinite;
}

.rail-greet { margin-top: 16px; font-size: 14px; line-height: 1.6; color: var(--ink-2); }

.rail-cta { margin-top: 15px; display: flex; flex-direction: column; gap: 9px; }
.rail-cta .btn {
  width: 100%; justify-content: center;
  padding: 11px 16px; font-size: 14px; border-radius: 13px;
}

.rail .hero-more .card { padding: 14px 15px; font-size: 13px; line-height: 1.6; color: var(--ink-2); }

.rail-block { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.rail-h { font-size: 12px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; }
.rail-block .side-list li { font-size: 13px; padding: 7px 9px; color: var(--ink-1); }

.rail-status {
  display: flex; align-items: center; gap: 9px;
  margin-top: 16px; padding: 11px 13px;
  background: rgba(62,240,138,.06);
  border: 1px solid rgba(62,240,138,.2);
  border-radius: 14px;
  font-size: 12.5px; color: #cdf7dd;
}

/* ======================= КАРТОЧКИ ПРОДУКТОВ ======================= */
.feed .products-grid { grid-template-columns: repeat(auto-fit, minmax(268px, 1fr)); }

/* вместо мёртвой ссылки на чат — честная плашка «в разработке» */
.btn-locked {
  display: inline-flex; align-items: center; gap: 8px; align-self: flex-start;
  margin-top: 14px; padding: 11px 18px;
  border-radius: 13px;
  font-size: 13.5px; font-weight: 700;
  color: #e0cd97;
  background: rgba(240,180,41,.08);
  border: 1px dashed rgba(240,180,41,.42);
  cursor: not-allowed;
}
.content-card.is-locked { cursor: default; opacity: .78; }
.content-card.is-locked .more { color: #e0cd97; }

/* ================= ПРАВКА ЧИТАЕМОСТИ И КНОПОК ================= */
.sec-sub { color: var(--ink-2); font-size: 15.5px; line-height: 1.65; }
.product-card p { color: var(--ink-2); font-size: 14.5px; line-height: 1.65; }
.p-feats li { color: #a9bcd8; }
.card-text { color: var(--ink-2); }

/* ============================ АДАПТИВ ============================ */
@media (max-width: 1080px) {
  .home-grid { display: flex; flex-direction: column; gap: 26px; padding-bottom: 60px; }
  .brand-hero { order: 1; }
  .rail { order: 2; align-self: auto; }
  .rail-sticky { position: static; top: auto; }
  .feed { order: 3; }
  .rail-card { padding: 30px 18px 18px; }
  .stage-mini { width: 100px; height: 116px; }
  .stage-mini .hero-char { width: 100px !important; height: 116px !important; }
  .rail-block .side-list { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
}

@media (max-width: 760px) {
  .home-grid { padding-top: 18px; padding-bottom: 46px; }
  .feed { gap: 34px; }
  .rail-cta .btn { padding: 11px 14px; font-size: 14px; }
  .btn-locked { width: auto; }
  .feed .products-grid { grid-template-columns: 1fr; }
  .stage-mini .bubble { max-width: 172px; top: -28px; font-size: 11px; }
}

@media (max-width: 420px) {
  .rail-prof { gap: 11px; }
  .stage-mini { width: 88px; height: 102px; }
  .stage-mini .hero-char { width: 88px !important; height: 102px !important; }
  .rail-block .side-list { grid-template-columns: 1fr; }
}


/* ======================= ЗАГОЛОВОК СТРАНИЦЫ (бренд + крючок) ======================= */
.brand-hero { padding: 4px 0 2px; }
.bh-brand { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }
.bh-logo {
  width: 62px; height: 62px; border-radius: 20px; object-fit: cover; display: block;
  border: 1px solid rgba(150,195,255,.24);
  box-shadow: 0 12px 34px rgba(79,209,255,.22), inset 0 0 0 1px rgba(255,255,255,.04);
}
.bh-name b { display: block; font-size: 19px; letter-spacing: -.2px; }
.bh-name span { display: block; font-size: 13px; color: var(--ink-2); margin-top: 3px; }
.bh-h1 {
  font-size: clamp(30px, 4.2vw, 50px); line-height: 1.07; letter-spacing: -1.4px;
  font-weight: 800; margin: 0 0 18px; color: #fff;
}
.bh-h1 em {
  font-style: normal;
  background: linear-gradient(92deg, #a8f1ff 0%, #5cabff 55%, #ab8cff 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.bh-lead { font-size: 17px; line-height: 1.62; color: var(--ink-2); max-width: 660px; margin: 0 0 28px; }
.bh-cta { display: flex; flex-wrap: wrap; gap: 12px; }
.bh-facts {
  display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 28px; padding-top: 22px;
  border-top: 1px solid var(--line); font-size: 13.5px; color: var(--ink-2);
}
.bh-facts b { color: #fff; font-weight: 700; }

/* ======================= КАРТОЧКА ВОРТЕКСА (баннер + аватар) ======================= */
.team-card { padding: 0 0 26px; }
.team-card .card-banner {
  position: relative; height: 210px; overflow: hidden;
  border-radius: 19px 19px 0 0; background: #0d1524;
}
.team-card .card-banner img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 16%; display: block; }
.team-card .card-banner::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(7,11,22,0) 34%, rgba(12,18,32,.86) 76%, rgba(16,22,38,.98) 100%);
}
.team-card .card-body { display: flex; flex-direction: column; gap: 12px; padding: 0 24px; }
.team-card .card-head { display: flex; align-items: center; gap: 13px; margin-top: -32px; position: relative; z-index: 2; }
.team-card .card-ava {
  width: 64px; height: 64px; border-radius: 50%; object-fit: cover; display: block; flex: 0 0 auto;
  border: 2px solid rgba(150,195,255,.42); background: #0b1020;
  box-shadow: 0 12px 28px rgba(0,0,0,.55);
}
.team-card .card-who h3 { margin: 0; font-size: 20px; letter-spacing: -.3px; }
.team-card .card-role { display: block; font-size: 12.5px; color: var(--ink-2); margin-top: 3px; }

@media (max-width: 760px) {
  .bh-logo { width: 54px; height: 54px; border-radius: 17px; }
  .bh-h1 { letter-spacing: -1px; }
  .bh-lead { font-size: 15.5px; }
  .bh-facts { gap: 8px 18px; font-size: 12.5px; }
  .team-card .card-banner { height: 172px; }
  .team-card .card-body { padding: 0 18px; }
}

/* ===== Меню: подменю «Команда» + новые пункты (25.09.2026) ===== */
.menu-drop{position:relative;display:inline-flex;align-items:center}
.menu-drop .drop-btn{display:inline-flex;align-items:center;gap:5px}
.menu-drop .drop-btn i{font-style:normal;font-size:10px;opacity:.55;transition:.2s}
.menu-drop:hover .drop-btn i{opacity:.9}
.menu-drop .drop-panel{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(-6px);
  min-width:262px;background:#121729;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:8px;
  display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;
  box-shadow:0 20px 55px rgba(0,0,0,.6);z-index:70}
.menu-drop:hover .drop-panel,.menu-drop:focus-within .drop-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.menu-drop .drop-panel a{display:flex;flex-direction:column;gap:1px;padding:9px 12px;border-radius:10px;text-decoration:none;line-height:1.25}
.menu-drop .drop-panel a:hover{background:rgba(122,142,255,.13)}
.menu-drop .drop-panel a b{color:#e9edff;font-size:14px;font-weight:600}
.menu-drop .drop-panel a span{color:#9aa4c2;font-size:12px}
.menu-drop .drop-panel .drop-all{margin-top:4px;border-top:1px solid rgba(255,255,255,.08);padding-top:11px;
  color:#93a8ff;font-size:13px;flex-direction:row;align-items:center}
@media (min-width:761px) and (max-width:1080px){.menu-drop.is-open .drop-panel{opacity:1;visibility:visible;transform:translateY(0)}}@media (max-width:760px){.menu-drop{display:block;width:100%}.menu-drop .drop-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;white-space:nowrap}.menu-drop .drop-panel{display:none;position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;padding:2px 0 2px 12px;min-width:0;gap:0}.menu-drop:hover .drop-panel,.menu-drop:focus-within .drop-panel{transform:none;visibility:visible}.menu-drop.is-open .drop-panel{display:flex}.menu-drop .drop-panel a{padding:7px 10px;align-items:flex-start;text-align:left}.menu-drop .drop-panel .drop-all{border-top:0;padding-top:6px}}

/* ===== Кнопки разделов (25.09.2026): белый текст на тёмно-синем, контраст 6:1 ===== */
.sp-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;
  background:linear-gradient(135deg,#3352d6,#5a3fd0);color:#fff !important;font-weight:600;
  font-size:14.5px;text-decoration:none !important;border:1px solid rgba(255,255,255,.14);
  transition:transform .18s ease, box-shadow .18s ease}
.sp-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(75,108,255,.35)}
.sp-cta .card-actions{display:flex;flex-wrap:wrap;gap:10px}

/* Кадры разделов «О проекте» (2026-09-26) */
.sp-media{margin:22px 0 4px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.09);box-shadow:0 26px 60px -30px rgba(0,0,0,.85);background:#0b0f1c}
.sp-media img{display:block;width:100%;height:auto}
.sp-media--hero{margin-top:26px}
@media(max-width:640px){.sp-media{border-radius:14px;margin:16px 0 2px}}

/* Блок «Проект в развитии» — страница «О проекте» */
.sp-dev{position:relative;margin:30px 0 0;padding:24px 26px 24px 28px;border-radius:20px;background:linear-gradient(135deg,rgba(79,209,255,.10),rgba(139,109,255,.08) 55%,rgba(79,209,255,.03));border:1px solid rgba(120,200,255,.22);overflow:hidden}
.sp-dev::before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(180deg,var(--cyan),var(--violet))}
.sp-dev-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sp-dev-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#bfe0ff;background:rgba(79,209,255,.12);border:1px solid rgba(120,200,255,.3)}
.sp-dev-badge i{width:7px;height:7px;border-radius:50%;background:#4fd1ff;box-shadow:0 0 0 4px rgba(79,209,255,.15);animation:spDevPulse 2.6s ease-in-out infinite}
@keyframes spDevPulse{50%{opacity:.35}}
.sp-dev-ver{font-size:12.5px;letter-spacing:.06em;color:var(--faint)}
.sp-dev h2{margin:14px 0 10px;font-size:clamp(20px,2.5vw,26px);line-height:1.3;color:var(--text)}
.sp-dev p{margin:0 0 10px;font-size:15.5px;line-height:1.7;color:#c3d2ea;max-width:82ch}
.sp-dev ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px}
.sp-dev li{position:relative;padding-left:24px;font-size:14.5px;line-height:1.6;color:#c3d2ea}
.sp-dev li::before{content:"\2192";position:absolute;left:2px;top:0;color:var(--cyan)}
.sp-dev li b{color:var(--text)}
.sp-dev-sign{margin:16px 0 0;font-size:13.5px;font-style:italic;color:var(--faint)}
@media(max-width:760px){.sp-dev{margin-top:22px;padding:18px 16px 20px 18px;border-radius:16px}.sp-dev h2{font-size:19px}.sp-dev p{font-size:14.5px}}

.menu-drop .drop-btn i{display:inline-flex;align-items:center;justify-content:center;opacity:1;width:22px;height:22px;border-radius:50%;background:rgba(79,209,255,.13);border:1px solid rgba(120,200,255,.30);font-size:0;line-height:0;flex:0 0 auto;transition:transform .25s ease,background .25s ease,border-color .25s ease}.menu-drop .drop-btn i::before{content:"";width:7px;height:7px;margin-top:-3px;border-right:2px solid #9ad4ff;border-bottom:2px solid #9ad4ff;transform:rotate(45deg)}.menu-drop:hover .drop-btn i,.menu-drop.is-open .drop-btn i{background:rgba(79,209,255,.28);border-color:rgba(160,220,255,.6)}.menu-drop.is-open .drop-btn i{transform:rotate(180deg);opacity:1}@media (max-width:760px){.menu-drop .drop-btn i{width:26px;height:26px}.menu-drop .drop-btn i::before{width:8px;height:8px}}