/* Главная (Neon Ecosystem) — только то, что отличает её от общих блоков
   shared/sections.css. Первый экран — общий баннер shared/hero.css, здесь
   его не трогаем. */
html{scroll-padding-top:110px}
/* Шапка главной в ecosystem.css привязана к body.build-stage--hero (гамбургер,
   размеры пунктов), поэтому класс остаётся. Но там же старое правило прячет
   всё после баннера, кроме прежних секций, — новые блоки выводим из-под него
   селектором по id: он сильнее цепочки классов. */
#main>.nh-section,#main>.nh-start{display:block}
.skip-link{position:fixed;top:10px;left:16px;z-index:1000;padding:12px 18px;border-radius:10px;background:#fff;color:var(--blue);transform:translateY(-150%)}
.skip-link:focus{transform:none}

/* Плашки поверх карточек в парах «текст + картинка». */
.nh-float--pro{right:-8px;top:-18px;animation-delay:-2.5s}

@media(max-width:960px){
  .nh-float--pro{right:8px;top:-14px}
}

/* Карточка личного кабинета — повторяет главный экран кабинета: приветствие,
   подключённые продукты, быстрые действия и лента активности. */
.nh-cab{max-width:520px;padding:18px 20px 22px;background:#fbfdff}
.nh-cab__top{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #edf2fa}
.nh-cab__brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.nh-cab__brand img{width:26px;height:26px;border-radius:7px}
.nh-cab__brand b{color:var(--blue)}
.nh-cab__user{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#9fd6ff,#3b8cff 55%,#5b4fe0);color:#fff;font-size:11px;font-weight:800}
.nh-cab__hello{display:grid;gap:4px;margin-top:18px;padding:18px;border-radius:14px;background:linear-gradient(115deg,#fff 30%,#e7f1ff)}
.nh-cab__hello small{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#5c6f92}
.nh-cab__hello b{font-size:20px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.nh-cab__hello span{font-size:12px;color:var(--nh-soft)}
.nh-cab__apps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.nh-cab__apps>span{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e3ebf7;border-radius:12px;background:#fff;font-size:13px;font-weight:700;color:var(--ink)}
.nh-cab__apps img{width:30px;height:30px;border-radius:8px}
.nh-cab__apps em{margin-left:auto;padding:3px 8px;border-radius:999px;background:#e4f6ec;color:#138a52;font-size:10px;font-style:normal;font-weight:800}
.nh-cab__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.nh-cab__actions>span{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e3ebf7;border-radius:11px;background:#fff;font-size:12px;font-weight:700;color:#23365a}
.nh-cab__actions svg{flex:none;width:16px;height:16px;color:var(--blue);stroke-width:2}
.nh-cab__actions>.is-primary{border-color:transparent;background:linear-gradient(135deg,#2799ff,#0968ff 58%,#0647e8);color:#fff}
.nh-cab__actions>.is-primary svg{color:#fff}
.nh-cab__feed{list-style:none;display:grid;margin-top:12px;border:1px solid #e3ebf7;border-radius:12px;background:#fff}
.nh-cab__feed li{display:flex;align-items:center;gap:10px;padding:11px 12px}
.nh-cab__feed li+li{border-top:1px solid #eef3fa}
.nh-cab__feed i{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:#eaf2ff;color:var(--blue);font-style:normal;font-size:12px;font-weight:800}
.nh-cab__feed b{display:block;font-size:12.5px;color:var(--ink)}
.nh-cab__feed small{font-size:11px;color:var(--nh-soft)}
@media(max-width:420px){.nh-cab__apps,.nh-cab__actions{grid-template-columns:1fr}}

/* Короткое определение продукта под заголовком первого блока. Нужно и
   человеку, и роботу: в первом экране стоит маркетинговая фраза, а прямой
   ответ «что это такое» поисковик должен встретить в первых же абзацах. */
.nh-why__lead{max-width:46ch;margin-top:18px;font-size:16.5px;line-height:1.6;color:var(--nh-soft)}
.nh-why__lead b{font-weight:650;color:var(--ink)}
@media(max-width:960px){.nh-why__lead{max-width:none}}