/* Унифицированная «глубина» для тёмных страниц alfafond.
 * Грузится ПОСЛЕ инлайн-стилей (<link> перед </head>) → переопределяет по каскаду.
 *
 * Внутренние страницы УЖЕ имеют frosted sticky-навигацию (.bar: backdrop-blur),
 * а <header> у них = ГЕРОЙ (не трогать — блюр героя = артефакт). Поэтому здесь
 * только микро-lift базового фона: тени/оверлеи читаются, дальше от near-pure-black,
 * и фон становится единым с главной (#101217). Frosted-шапка и elevation карточек
 * на главной — в её инлайн-стилях (там <header> = навигация, своя верстка).
 */
:root { --bg: #101217; --bg2: #141821; }

/* Лёгкая elevation карточным поверхностям внутренних страниц (как .door на главной):
 * верхний inset-блик + мягкая тень. Только панели-поверхности (background:var(--card),
 * radius 11-14). Исключены pill-чипы (.chip/.pill/.n) и нав (.bar). */
.dash, .dash-tile, .xcard, .demo-card, .rag-demo, .tryit, .lab, .pipeline,
.sample, .track, .figure, .lc, .ti, .price, .cell, .mode, .step, .vs {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 8px 24px -16px rgba(0, 0, 0, .5);
}

/* Объём геро-заголовку (как на главной): градиент-филл «свет сверху» + glow акцента.
 * На каждой внутренней странице ровно один <h1>=геро, акцентное слово = h1 .ok (зелёное).
 * НЕ тень по тексту (best practice тёмной темы). .ok вне h1 не затрагивается (скоуп h1 .ok). */
h1 {
  background: linear-gradient(180deg, #ffffff, #d7dbe2);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  /* descenders не обрезаются: расширяем область покраски вниз, layout-нейтрально */
  padding-bottom: .2em; margin-bottom: -.2em;
}
h1 .ok {
  -webkit-text-fill-color: var(--ok); color: var(--ok);
  text-shadow: 0 0 28px rgba(62, 207, 142, .28);
}

/* Выделение ключевых фраз в lead — белым+жирным (вес+светлота), НЕ акцент-цветом
 * (зелёный беречь для геро/CTA). Доступно: эмфазис не только цветом. */
.lead b { color: var(--txt); }
