@charset "UTF-8";
/* Посадочные типов работ (S25). Токены — tokens.css, контракт разметки — docs/LANDING-TEMPLATE.md.
   Всё под .lnd, чтобы не задевать style.min.css главной. Стекло — только hero-форма, шаги и финальный CTA. */

.lnd {
  --lnd-w: 1120px;
  --lnd-text-w: 760px;
  --lnd-gap: clamp(56px, 8vw, 104px);
  position: relative;
  max-width: var(--lnd-w);
  margin: 0 auto;
  padding: 0 16px 32px;
  font-family: var(--stx-font, -apple-system, "Segoe UI", Roboto, sans-serif);
  font-size: 17px;
  line-height: 1.6;
  color: var(--stx-text, #1B2430);
  -webkit-font-smoothing: antialiased;
  isolation: isolate;
  overflow-x: clip;
}
.lnd *, .lnd *::before, .lnd *::after { box-sizing: border-box; }
.lnd::before {
  /* мягкие блобы под стеклом hero */
  content: "";
  position: absolute;
  inset: -40px 0 auto;
  height: 760px;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(42% 46% at 18% 30%, var(--stx-blob-2, rgba(120,170,255,.22)), transparent 70%),
    radial-gradient(36% 40% at 82% 22%, var(--stx-blob-1, rgba(47,107,255,.16)), transparent 70%),
    radial-gradient(50% 50% at 60% 80%, var(--stx-blob-3, rgba(190,215,255,.35)), transparent 72%);
}
:where(.lnd) :where(h1, h2, h3, h4, p, ul, ol, figure) { margin: 0; }
.lnd a { color: var(--stx-accent-text, #1F52D9); text-decoration: none; }
.lnd a:hover { text-decoration: underline; text-underline-offset: 3px; }
.lnd a:focus-visible, .lnd button:focus-visible, .lnd select:focus-visible, .lnd textarea:focus-visible, .lnd summary:focus-visible {
  outline: 3px solid var(--stx-accent-ring, rgba(47,107,255,.3));
  outline-offset: 2px;
}
.lnd img { max-width: 100%; height: auto; }

.lnd-sec { margin-top: var(--lnd-gap); }
.lnd-h2 {
  font-size: clamp(28px, 3.6vw, 40px);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -.02em;
  margin-bottom: 16px;
}
.lnd-lead { color: var(--stx-text-2, #566274); font-size: 19px; max-width: 680px; margin-bottom: 32px; }
.lnd-note { color: var(--stx-text-2, #566274); font-size: 15px; margin-top: 12px; }

/* Хлебные крошки (S25-r): шапка .header — position:absolute (style.min.css), поэтому
   крошки опускаем под неё отступом --lnd-header-h, а не рисуем поверх меню */
.lnd { --lnd-header-h: 112px; }
.lnd-crumbs { padding: var(--lnd-header-h) 0 0; font-size: 15px; line-height: 1.4; color: var(--stx-text-2, #566274); position: relative; z-index: 1; }
.lnd-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; list-style: none; margin: 0; padding: 0; }
.lnd-crumbs li + li::before { content: "\203A"; margin-right: 8px; color: var(--stx-text-3, #8A94A6); }
.lnd-crumbs a { display: inline; color: var(--stx-text-2, #566274); } /* style.min.css: a { display: block } */
.lnd-crumbs a:hover { color: var(--stx-accent-text, #1F52D9); }
.lnd-crumbs [aria-current] { color: var(--stx-text, #1B2430); font-weight: 500; }
.lnd-crumbs li { white-space: nowrap; }

/* style.min.css задаёт a { display: block } — внутри текста посадочной ссылки строчные (дефекты 4, 11) */
.lnd p a, .lnd li a:not([class]), .lnd td a, .lnd th a, .lnd figcaption a, .lnd summary a, .lnd .lnd-faq__a a { display: inline; }

/* Кнопки */
.lnd-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 12px 22px;
  border: 0; border-radius: var(--stx-r-card, 14px);
  font: 600 16px/1.2 var(--stx-font, sans-serif);
  cursor: pointer; text-decoration: none;
  transition: background var(--stx-dur, 180ms) var(--stx-ease, ease), transform var(--stx-dur-fast, 150ms) var(--stx-ease, ease), box-shadow var(--stx-dur, 180ms);
}
.lnd-btn:hover { text-decoration: none; }
.lnd-btn:active { transform: scale(.98); }
.lnd-btn--primary, .lnd a.lnd-btn--primary { background: var(--stx-accent, #2F6BFF); color: var(--stx-on-accent, #fff); box-shadow: var(--stx-accent-shadow, 0 6px 16px rgba(47,107,255,.26)); }
.lnd-btn--primary:hover, .lnd a.lnd-btn--primary:hover { background: var(--stx-accent-hover, #2258EE); color: var(--stx-on-accent, #fff); }
.lnd-btn--primary:active { background: var(--stx-accent-active, #1B4DD6); }

/* Стекло */
.lnd-glass, .lnd-form, .lnd-step, .lnd-cta {
  background: var(--stx-glass-bg, rgba(255,255,255,.72));
  -webkit-backdrop-filter: var(--stx-glass-blur, blur(20px) saturate(140%));
  backdrop-filter: var(--stx-glass-blur, blur(20px) saturate(140%));
  border: var(--stx-glass-border, 1px solid rgba(255,255,255,.55));
  box-shadow: var(--stx-glass-shadow, 0 8px 30px rgba(20,40,80,.10)), var(--stx-glass-highlight, inset 0 1px 0 rgba(255,255,255,.7));
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .lnd-glass, .lnd-form, .lnd-step, .lnd-cta { background: var(--stx-surface, #fff); }
}
@media (prefers-reduced-transparency: reduce) {
  .lnd-glass, .lnd-form, .lnd-step, .lnd-cta { background: var(--stx-glass-bg-strong, rgba(255,255,255,.95)); }
}

/* Плитки иконок */
.lnd-tile {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 44px; height: 44px; border-radius: 12px;
  background: var(--stx-tint-doc-bg, #E3EEFF); color: var(--stx-tint-doc-fg, #2F6BFF);
}
.lnd-tile--table { background: var(--stx-tint-table-bg, #E1F5EA); color: var(--stx-tint-table-fg, #1F9D55); }
.lnd-tile--pdf { background: var(--stx-tint-pdf-bg, #FFE5EA); color: var(--stx-tint-pdf-fg, #E0405A); }

/* 1. Hero */
.lnd-hero {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: clamp(28px, 5vw, 64px); align-items: center;
  padding: clamp(32px, 6vw, 72px) 0 0;
}
.lnd-hero__title { font-size: clamp(36px, 5.4vw, 60px); line-height: 1.06; font-weight: 700; letter-spacing: -.03em; }
.lnd-hero__sub { margin-top: 20px; font-size: clamp(18px, 1.8vw, 21px); line-height: 1.5; color: var(--stx-text-2, #566274); max-width: 560px; }

.lnd-form { border-radius: var(--stx-r-sheet, 20px); padding: 24px; display: grid; gap: 12px; scroll-margin-top: 96px; }
.lnd-form__head { display: flex; align-items: center; gap: 12px; margin-bottom: 4px; }
.lnd-form__type { font-weight: 600; font-size: 18px; }
.lnd-form__label { font-size: 14px; font-weight: 600; color: var(--stx-text-2, #566274); }
.lnd-form__topic, .lnd-form__pages select {
  width: 100%;
  font: 16px/1.5 var(--stx-font, sans-serif);
  color: var(--stx-text, #1B2430);
  background: var(--stx-surface, #fff);
  border: 1px solid var(--stx-line, rgba(27,36,48,.14));
  border-radius: var(--stx-r-field, 10px);
  padding: 12px 14px;
  transition: border-color var(--stx-dur, 180ms), box-shadow var(--stx-dur, 180ms);
}
.lnd-form__topic { resize: vertical; min-height: 88px; }
.lnd-form__topic:focus, .lnd-form__pages select:focus { outline: none; border-color: var(--stx-accent, #2F6BFF); box-shadow: 0 0 0 4px var(--stx-accent-ring, rgba(47,107,255,.3)); }
.lnd-form__row { display: flex; gap: 12px; align-items: stretch; }
.lnd-form__pages { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--stx-text-2, #566274); }
.lnd-form__pages select { width: auto; min-width: 84px; padding: 10px 12px; cursor: pointer; }
.lnd-form__row .lnd-btn { flex: 1; }
.lnd-form__hint { font-size: 14px; color: var(--stx-text-2, #566274); }

/* 1a. Hero типа работы (S25-r): как hero главной — по центру крупный заголовок, подзаголовок,
   под ними форма главной (form.css). Никакой «карточки справа». */
.lnd-hero--work {
  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0;
  padding-top: clamp(28px, 4.5vw, 56px);
}
.lnd-hero--work .lnd-hero__text { max-width: 860px; }
.lnd-hero--work .lnd-hero__title { font-size: clamp(34px, 5.2vw, 60px); text-wrap: balance; }
.lnd-hero--work .lnd-hero__text, .lnd-hero--work .lnd-hero__text > * { margin-bottom: 0 !important; padding-bottom: 0; }
.lnd-hero--work .lnd-hero__sub { margin: 20px auto 0;max-width: 680px; text-wrap: pretty; }
.lnd-hero--work .lnd-form { margin: clamp(28px, 4vw, 40px) auto 0; }

/* Форма: базовый вид — .stx-form из form.css (как на главной); здесь только отличия посадочной */
.lnd .stx-form.lnd-form {
  display: block; max-width: 600px; width: 100%;
  padding: 28px 28px 22px; border-radius: 24px;
  background: var(--stx-glass-bg-strong, rgba(255,255,255,.92));
  border: 1px solid var(--stx-separator, rgba(27,36,48,.08));
  box-shadow: var(--stx-shadow-paper, 0 1px 2px rgba(20,40,80,.06), 0 12px 40px rgba(20,40,80,.08)), 0 18px 50px rgba(47,107,255,.08);
  opacity: 1; animation: none; /* анимация появления главной на посадочной не нужна */
  text-align: left; scroll-margin-top: 120px;
}
.lnd .lnd-form .hero__create { margin-bottom: 16px; }
.lnd .lnd-form .stx-form__row { grid-template-columns: minmax(0, 1fr); margin-bottom: 16px; }
.lnd .lnd-form .stx-form__btn { width: 100%; }
.lnd .lnd-form .stx-form__btn span { display: inline; }
.lnd .lnd-form__hint { margin-top: 12px; font-size: 14px; line-height: 1.4; color: var(--stx-text-2, #566274); text-align: center; }

/* 2. Полоса фактов (дефект 9): ровная сетка 4×1 / 2×2 / 1×4, тонкие иконки Phosphor Light в плитках */
.lnd-trust { margin-top: clamp(48px, 6vw, 80px); }
.lnd-trust__list {
  list-style: none; padding: 0; margin: 0;
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px;
}
.lnd-trust__item {
  display: grid; grid-template-columns: 44px minmax(0, 1fr); grid-template-rows: auto 1fr;
  column-gap: 14px; row-gap: 4px; align-items: start;
  padding: 20px; min-height: 100%;
  background: var(--stx-surface, #fff);
  border: 1px solid var(--stx-separator, rgba(27,36,48,.08));
  border-radius: var(--stx-r-panel, 18px);
  box-shadow: var(--stx-shadow-sm, 0 4px 12px rgba(20,40,80,.06));
  color: var(--stx-text-2, #566274); font-size: 14px; line-height: 1.45;
}
.lnd-trust__item > .stx-i {
  grid-row: 1 / span 2; box-sizing: content-box;
  width: 22px; height: 22px; padding: 11px; border-radius: 12px;
  background: var(--stx-tint-doc-bg, #E3EEFF); color: var(--stx-tint-doc-fg, #2F6BFF);
}
.lnd-trust__item strong { color: var(--stx-text, #1B2430); font-size: 16px; line-height: 1.3; font-weight: 600; padding-top: 2px; }
.lnd-trust__item > span { grid-column: 2; }

/* 3. Как это работает */
.lnd-steps__list { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; counter-reset: none; }
.lnd-step { border-radius: var(--stx-r-panel, 18px); padding: 22px; }
.lnd-step__num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--stx-accent-soft, rgba(47,107,255,.1)); color: var(--stx-accent-text, #1F52D9);
  font-weight: 700; font-size: 15px; margin-bottom: 14px;
}
.lnd-step h3 { font-size: 18px; line-height: 1.3; margin-bottom: 6px; }
.lnd-step p { font-size: 15px; color: var(--stx-text-2, #566274); line-height: 1.5; }

/* 4. Что вы получите: bento, белые карточки без стекла */
.lnd-bento { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.lnd-card {
  background: var(--stx-surface, #fff);
  border: 1px solid var(--stx-separator, rgba(27,36,48,.08));
  border-radius: var(--stx-r-panel, 18px);
  padding: 24px;
  box-shadow: var(--stx-shadow-sm, 0 4px 12px rgba(20,40,80,.06));
  transition: transform var(--stx-dur, 180ms) var(--stx-ease, ease), box-shadow var(--stx-dur, 180ms);
}
.lnd-card:hover { transform: translateY(-2px); box-shadow: var(--stx-shadow-md, 0 8px 24px rgba(20,40,80,.1)); }
.lnd-card h3 { font-size: 18px; margin: 16px 0 6px; line-height: 1.3; }
.lnd-card p { font-size: 15px; color: var(--stx-text-2, #566274); line-height: 1.5; }

/* 5. Пример */
.lnd-example__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 48px); align-items: start; }
.lnd-paper {
  background: var(--stx-paper, #fff); color: var(--stx-paper-ink, #111);
  font-family: var(--stx-font-doc, "Times New Roman", serif);
  font-size: 16px; line-height: 1.5; text-align: justify; hyphens: auto;
  padding: 48px 32px 48px 52px; /* пропорции полей ГОСТ 30/15 мм */
  border-radius: 4px;
  box-shadow: var(--stx-shadow-paper, 0 12px 40px rgba(20,40,80,.08));
  aspect-ratio: 210 / 297; overflow: hidden; position: relative;
}
.lnd-paper__note { font-family: var(--stx-font, sans-serif); font-size: 13px; color: var(--stx-text-2, #566274); text-indent: 0 !important; text-align: left; margin-top: 12px !important; }
.lnd-paper::after { content: ""; position: absolute; inset: auto 0 0; height: 72px; background: linear-gradient(transparent, var(--stx-paper, #fff)); }
.lnd-paper h3, .lnd-paper h4, .lnd-paper__h { font-size: 16px; font-weight: 700; text-align: center; text-transform: uppercase; margin: 0 0 14px; }
.lnd-paper p { text-indent: 1.25cm; margin: 0; }
.lnd-example__side { display: grid; gap: 20px; }
.lnd-example__side > p { color: var(--stx-text-2, #566274); }

/* Окно скачивания образца */
.lnd .stx-download {
  display: flex; align-items: center; gap: 14px;
  padding: 16px 18px;
  background: var(--stx-surface, #fff);
  border: 1px solid var(--stx-separator, rgba(27,36,48,.08));
  border-radius: var(--stx-r-card, 14px);
}
.lnd .stx-download__icon { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 12px; background: var(--stx-tint-doc-bg, #E3EEFF); color: var(--stx-tint-doc-fg, #2F6BFF); flex: none; }
.lnd .stx-download__icon--pdf { background: var(--stx-tint-pdf-bg, #FFE5EA); color: var(--stx-tint-pdf-fg, #E0405A); }
.lnd .stx-download__body { display: grid; gap: 2px; min-width: 0; }
.lnd .stx-download__link { font-weight: 600; }
.lnd .stx-download__meta { font-size: 13px; color: var(--stx-text-2, #566274); }

.lnd .stx-figure { margin: 28px 0; }
.lnd .stx-figure img { display: block; width: 100%; border-radius: var(--stx-r-card, 14px); background: var(--stx-surface, #fff); border: 1px solid var(--stx-separator, rgba(27,36,48,.08)); }
.lnd .stx-figure figcaption { font-size: 14px; color: var(--stx-text-2, #566274); margin-top: 8px; text-align: center; }

/* Таблицы (требования и статья) */
.lnd .table-container {
  overflow-x: auto; -webkit-overflow-scrolling: touch;
  border: 1px solid var(--stx-separator, rgba(27,36,48,.08));
  border-radius: var(--stx-r-card, 14px);
  background: var(--stx-surface, #fff);
  margin: 24px 0;
}
.lnd table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.45; min-width: 520px; }
.lnd th, .lnd td { text-align: left; vertical-align: top; padding: 12px 16px; border-bottom: 1px solid var(--stx-separator, rgba(27,36,48,.08)); }
.lnd th { background: var(--stx-surface-2, #F8FAFF); font-weight: 600; color: var(--stx-text, #1B2430); }
.lnd tr:last-child td { border-bottom: 0; }
.lnd caption { caption-side: top; text-align: left; padding: 12px 16px 0; font-size: 14px; color: var(--stx-text-2, #566274); }

/* 7. Цены: плоские белые карточки */
.lnd-pricing__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.lnd-price {
  background: var(--stx-surface, #fff);
  border: 1px solid var(--stx-separator, rgba(27,36,48,.08));
  border-radius: var(--stx-r-panel, 18px);
  padding: 28px 24px;
}
.lnd-price--main { border: 2px solid var(--stx-accent-line, rgba(47,107,255,.28)); box-shadow: var(--stx-shadow-md, 0 8px 24px rgba(20,40,80,.1)); }
.lnd-price__name { font-weight: 600; color: var(--stx-text-2, #566274); font-size: 15px; }
.lnd-price__value { font-size: 36px; font-weight: 700; letter-spacing: -.02em; margin: 8px 0 18px !important; }
.lnd-price__value small { font-size: 16px; font-weight: 500; color: var(--stx-text-2, #566274); letter-spacing: 0; }
.lnd-price__list { list-style: none; padding: 0; display: grid; gap: 10px; font-size: 15px; line-height: 1.45; }
.lnd-price__list li { display: flex; gap: 10px; }
.lnd-price__list .stx-i { color: var(--stx-success, #1F9D55); margin-top: 3px; }

/* 8. Статья: строгая колонка, как блог */
.lnd-article { max-width: var(--lnd-text-w); margin-left: auto; margin-right: auto; text-align: left; font-size: 17px; line-height: 1.7; }
.lnd-article a { display: inline; text-decoration: underline; text-decoration-color: var(--stx-accent-line, rgba(47,107,255,.28)); text-underline-offset: 3px; }
.lnd-article a:hover { text-decoration-color: currentColor; }
.lnd-article .lnd-toc a { text-decoration: none; }
.lnd-article p, .lnd-article li { text-wrap: pretty; }
.lnd-article h2 { font-size: clamp(26px, 3vw, 32px); line-height: 1.2; letter-spacing: -.015em; margin: 56px 0 16px; scroll-margin-top: 96px; }
.lnd-article > h2:first-of-type { margin-top: 32px; }
.lnd-article h3 { font-size: 21px; line-height: 1.3; margin: 32px 0 12px; }
.lnd-article p { margin: 0 0 16px; }
.lnd-article ul, .lnd-article ol { margin: 0 0 16px; padding-left: 24px; }
.lnd-article li { margin-bottom: 6px; }
.lnd-article li::marker { color: var(--stx-accent, #2F6BFF); }
/* S26-r (дефект 13): содержание — белая карточка, номера в тонких кружках, строки-ссылки с ховером */
.lnd-toc {
  background: var(--stx-surface, #fff);
  border: 1px solid var(--stx-separator, rgba(27,36,48,.08));
  border-radius: var(--stx-r-panel, 18px);
  box-shadow: var(--stx-shadow-sm, 0 4px 12px rgba(20,40,80,.06));
  padding: 22px 24px 18px;
  font-size: 15px; line-height: 1.4;
}
.lnd-toc ol, .lnd-toc ul {
  list-style: none; counter-reset: lnd-toc;
  margin: 14px 0 0; padding: 0 !important;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 24px;
}
.lnd-toc li { counter-increment: lnd-toc; margin: 0 !important; }
.lnd-article .lnd-toc a {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 8px 10px; margin: 0 -10px; border-radius: 10px;
  color: var(--stx-text, #1B2430); text-decoration: none;
  transition: background-color var(--stx-dur, 180ms);
}
.lnd-toc a::before {
  content: counter(lnd-toc); flex: none;
  width: 24px; height: 24px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--stx-line, rgba(27,36,48,.14));
  font-size: 12px; font-weight: 600; color: var(--stx-text-2, #566274); font-variant-numeric: tabular-nums;
}
.lnd-article .lnd-toc a:hover { background: var(--stx-fill, rgba(27,36,48,.05)); text-decoration: none; }
.lnd-toc a:hover::before { border-color: var(--stx-accent, #2F6BFF); color: var(--stx-accent-text, #1F52D9); }
.lnd-toc__title, .lnd-toc > p, .lnd-toc > strong, .lnd-toc > h2, .lnd-toc > span {
  font-weight: 600; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--stx-text-3, #8A94A6); margin: 0;
}

.lnd .info-box, .lnd .alert-box, .lnd .cta-box, .lnd .stx-example {
  border-radius: var(--stx-r-card, 14px);
  padding: 18px 20px; margin: 24px 0;
  font-size: 16px;
}
.lnd .info-box-title, .lnd .alert-title, .lnd .stx-example__title { display: block; font-family: var(--stx-font, sans-serif); font-weight: 700; font-size: 16px; margin: 0 0 8px; }
/* S26-r (дефект 14): инфобоксы как в блоге — светлая плашка с тонкой рамкой, иконка в плитке слева, без цветной полосы */
.lnd .info-box, .lnd .alert-box {
  position: relative;
  padding: 20px 22px 20px 72px;
  background: var(--stx-surface-2, #F8FAFF);
  border: 1px solid var(--stx-separator, rgba(27,36,48,.08));
  border-radius: var(--stx-r-panel, 18px);
  box-shadow: var(--stx-shadow-sm, 0 4px 12px rgba(20,40,80,.06));
  font-size: 16px; line-height: 1.65;
  color: var(--stx-text, #1B2430);
}
.lnd .info-box::before, .lnd .alert-box::before {
  content: ""; position: absolute; left: 20px; top: 20px;
  width: 36px; height: 36px; border-radius: 10px;
  background-color: var(--stx-tint-doc-bg, #E3EEFF);
  background-repeat: no-repeat; background-position: center; background-size: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F6BFF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5'/%3E%3Cpath d='M12 7.6v.1'/%3E%3C/svg%3E");
}
.lnd .alert-box { background: var(--stx-surface, #fff); }
.lnd .alert-box::before {
  background-color: var(--stx-tint-warn-bg, #FFF1D6);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B86E00' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 2.8 19.5h18.4z'/%3E%3Cpath d='M12 10v4.5'/%3E%3Cpath d='M12 17.2v.1'/%3E%3C/svg%3E");
}
.lnd .info-box b:first-child, .lnd .alert-box b:first-child, .lnd .info-box strong:first-child, .lnd .alert-box strong:first-child { color: var(--stx-text, #1B2430); }
@media (max-width: 560px) {
  .lnd .info-box, .lnd .alert-box { padding: 16px 16px 16px 54px; font-size: 15px; }
  .lnd .info-box::before, .lnd .alert-box::before { left: 14px; top: 16px; width: 28px; height: 28px; border-radius: 8px; background-size: 16px; }
}
.lnd .cta-box { background: var(--stx-surface, #fff); border: 1px solid var(--stx-accent-line, rgba(47,107,255,.28)); }
.lnd .info-box > :last-child, .lnd .alert-box > :last-child, .lnd .cta-box > :last-child, .lnd .stx-example > :last-child { margin-bottom: 0; }
.lnd .stx-example {
  background: var(--stx-paper, #fff); color: var(--stx-paper-ink, #111);
  font-family: var(--stx-font-doc, "Times New Roman", serif); font-size: 17px;
  border: 1px solid var(--stx-separator, rgba(27,36,48,.08));
  box-shadow: var(--stx-shadow-sm, 0 4px 12px rgba(20,40,80,.06));
}
/* S26-r (дефект 13): шаги в статье — одна белая карточка, внутри таймлайн с номерами и тонкой линией */
.lnd .stx-steps {
  list-style: none; padding: 8px 24px !important; margin: 24px 0; counter-reset: stx-step;
  display: grid; grid-template-columns: minmax(0, 1fr) !important; gap: 0;
  background: var(--stx-surface, #fff);
  border: 1px solid var(--stx-separator, rgba(27,36,48,.08));
  border-radius: var(--stx-r-panel, 18px);
  box-shadow: var(--stx-shadow-sm, 0 4px 12px rgba(20,40,80,.06));
}
.lnd .stx-steps > li { counter-increment: stx-step; position: relative; padding: 16px 0 16px 52px; margin: 0; }
.lnd .stx-steps > li + li { border-top: 1px solid var(--stx-separator, rgba(27,36,48,.08)); }
.lnd .stx-steps > li::before {
  content: counter(stx-step); position: absolute; left: 0; top: 15px;
  width: 32px; height: 32px; border-radius: 10px;
  background: var(--stx-tint-doc-bg, #E3EEFF); color: var(--stx-tint-doc-fg, #2F6BFF);
  font-weight: 600; font-size: 15px; font-variant-numeric: tabular-nums;
  display: flex; align-items: center; justify-content: center;
}
@media (max-width: 560px) { .lnd .stx-steps { padding: 4px 16px !important; } .lnd .stx-steps > li { padding-left: 46px; } }

/* 9. FAQ */
.lnd-faq { max-width: var(--lnd-text-w); margin-left: auto; margin-right: auto; }
.lnd-faq__list { display: grid; gap: 10px; }
.lnd-faq__item {
  background: var(--stx-surface, #fff);
  border: 1px solid var(--stx-separator, rgba(27,36,48,.08));
  border-radius: var(--stx-r-card, 14px);
  overflow: hidden;
}
.lnd-faq__item summary {
  list-style: none; cursor: pointer;
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  padding: 18px 20px; font-weight: 600; font-size: 17px; line-height: 1.4;
}
.lnd-faq__item summary::-webkit-details-marker { display: none; }
.lnd-faq__item summary::after {
  content: ""; flex: none; width: 10px; height: 10px;
  border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-3px);
  transition: transform 300ms var(--stx-spring, ease);
  color: var(--stx-text-2, #566274);
}
.lnd-faq__item[open] summary::after { transform: rotate(225deg) translateY(-3px); }
.lnd-faq__item summary:hover { background: var(--stx-fill, rgba(27,36,48,.05)); }
.lnd-faq__a { padding: 0 20px 18px; color: var(--stx-text-2, #566274); font-size: 16px; }

/* 10. Финальный CTA */
.lnd-cta { margin-top: clamp(56px, 8vw, 96px); border-radius: 24px; padding: clamp(32px, 5vw, 56px); text-align: center; position: relative; overflow: hidden; }
.lnd-cta::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(60% 80% at 50% 0%, var(--stx-blob-2, rgba(120,170,255,.22)), transparent 70%);
}
.lnd-cta > p { color: var(--stx-text-2, #566274); max-width: 560px; margin: 0 auto 24px; }
.lnd-related { margin-top: 32px; }
.lnd-related__title { font-size: 14px; color: var(--stx-text-2, #566274); margin-bottom: 12px !important; }
.lnd-related ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.lnd-related__link {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 16px; border-radius: var(--stx-r-pill, 999px);
  background: var(--stx-surface, #fff); border: 1px solid var(--stx-line, rgba(27,36,48,.14));
  color: var(--stx-text, #1B2430) !important; font-weight: 500; font-size: 15px;
  transition: border-color var(--stx-dur, 180ms), background var(--stx-dur, 180ms);
}
.lnd-related__link:hover { border-color: var(--stx-accent, #2F6BFF); text-decoration: none !important; }
.lnd-related__link .stx-i { color: var(--stx-accent, #2F6BFF); }

/* Адаптив */
@media (max-width: 1024px) {
  .lnd-steps__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lnd-trust__list { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; }
}
@media (max-width: 860px) {
  .lnd-hero, .lnd-example__grid { grid-template-columns: minmax(0, 1fr); }
  .lnd-bento, .lnd-pricing__grid { grid-template-columns: minmax(0, 1fr); }
  .lnd-toc ol, .lnd-toc ul { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .lnd { font-size: 16px; }
  .lnd-steps__list, .lnd-trust__list { grid-template-columns: minmax(0, 1fr); }
  .lnd-form { padding: 18px; }
  .lnd { --lnd-header-h: 92px; }
  .lnd .stx-form.lnd-form { padding: 20px 18px 16px; border-radius: 20px; }
  .lnd-crumbs { font-size: 14px; }
  .lnd-trust__item { padding: 16px; }
  .lnd-form__row { flex-direction: column; }
  .lnd-form__pages { justify-content: space-between; }
  .lnd-paper { padding: 28px 18px 28px 26px; font-size: 14px; }
  .lnd-price__value { font-size: 30px; }
}

@media (prefers-reduced-motion: reduce) {
  .lnd *, .lnd *::before, .lnd *::after { transition: none !important; animation: none !important; }
  .lnd-card:hover { transform: none; }
}

/* Хаб «Виды работ» (S25a): карточки-ссылки */
/* S31-full: хаб центрирован как hero главной владельца — без пустой правой половины */
.lnd-hero--hub { grid-template-columns: 1fr; text-align: center; justify-items: center; }
.lnd-hero--hub .lnd-hero__sub { margin-left: auto; margin-right: auto; max-width: 640px; }
@media (max-width: 600px) {
  .lnd-crumbs li { display: inline-flex; align-items: center; min-height: 44px; }
  .lnd-crumbs a { display: inline-flex; align-items: center; min-height: 44px; }
  .lnd .tl-grid__item { min-height: 100px; }
}
.lnd-hub__card { display: flex; flex-direction: column; color: inherit; text-decoration: none !important; }
.lnd-hub__card p { flex: 1; }
.lnd-hub__card:hover { border-color: var(--stx-accent-line, rgba(47,107,255,.28)); }
.lnd-hub__card:focus-visible { outline: none; box-shadow: 0 0 0 4px var(--stx-accent-ring, rgba(47,107,255,.3)); }
.lnd-hub__more { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; font-size: 15px; font-weight: 600; color: var(--stx-accent-text, #1F52D9); }
.lnd-hub__card h3 { color: var(--stx-text, #1B2430); font-weight: 600; }

/* ===== S31: доводка посадочных и инструментов по приёмке design-qa (qa1) ===== */
/* фон-блобы hero: мягкие края слева и справа вместо прямоугольного обреза контейнером */
.lnd::before {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%), linear-gradient(180deg, #000 55%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%), linear-gradient(180deg, #000 55%, transparent 100%);
  mask-composite: intersect;
}
.lnd-hero__title { text-wrap: balance; }
.lnd-h2, .lnd-cta h2 { text-wrap: balance; }
/* иерархия: style.min.css даёт h2/h3 вес 400 */
.lnd-step h3, .lnd-card h3, .lnd-article h3, .lnd-faq__item summary, .lnd-tile + h3 { font-weight: 600; }
.lnd-article h2, .lnd-h2 { font-weight: 700; }
/* цены: текст пункта одним потоком (span с ценой не рвёт строку), галочка слева */
.lnd-price__list li { display: block; position: relative; padding-left: 26px; }
.lnd-price__list li .stx-i { position: absolute; left: 0; top: 0; margin-top: 3px; }
/* содержание статьи: номер в колонке, перенос строки — под текстом, не под номером
   (.lnd li a:not([class]) делал ссылку строчной и перебивал flex) */
.lnd-article .lnd-toc li > a { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: start; column-gap: 12px; }
.lnd-article .lnd-toc li > a::before { grid-column: 1; }
@media (max-width: 600px) {
  /* требования: на телефоне таблица — карточки «параметр / требование / основание» */
  .lnd-reqs .table-container { border: 0; background: transparent; overflow: visible; }
  .lnd-reqs table { min-width: 0; }
  .lnd-reqs thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .lnd-reqs table, .lnd-reqs tbody, .lnd-reqs tr, .lnd-reqs td { display: block; width: 100%; }
  .lnd-reqs tbody { display: grid; gap: 10px; }
  .lnd-reqs tr { padding: 14px 16px; background: var(--stx-surface, #fff); border: 1px solid var(--stx-separator, rgba(27, 36, 48, .08)); border-radius: var(--stx-r-card, 14px); }
  .lnd-reqs td { padding: 0; border: 0; }
  .lnd-reqs td:first-child { font-weight: 600; color: var(--stx-text, #1B2430); margin-bottom: 4px; }
  .lnd-reqs td:nth-child(3) { margin-top: 6px; font-size: 13px; color: var(--stx-text-2, #566274); }
  /* образец на узком листе: левый край вместо выключки (иначе дыры между словами) */
  .lnd-paper { text-align: left; hyphens: manual; }
}
/* SVG-illustration of the work type above H1 (svg-illustrations-day) */
.lnd-hero__text > .lnd-hero__art { display: block; width: clamp(120px, 14vw, 160px); height: auto; margin: 0 auto 20px; }
.lnd-hero--work .lnd-hero__text > .lnd-hero__art { margin-bottom: 20px !important; }
@media (max-width: 560px) { .lnd-hero--work .lnd-hero__text > .lnd-hero__art { width: 112px; margin-bottom: 14px !important; } }

/* ===== N7 (п. 65, 2026-10-05): статья посадочной как профессиональный лендинг —
   без «закруглённых карточек с обводкой»: врезки на линейках, чистая типографика, иконки в строке ===== */
.lnd .info-box, .lnd .alert-box {
  padding: 20px 0 20px 44px; margin: 32px 0;
  background: none; border: 0; border-radius: 0; box-shadow: none;
  border-top: 1px solid var(--stx-separator, rgba(27,36,48,.1));
  border-bottom: 1px solid var(--stx-separator, rgba(27,36,48,.1));
  font-size: 17px; line-height: 1.65;
}
.lnd .alert-box { background: none; }
.lnd .info-box::before, .lnd .alert-box::before {
  left: 0; top: 22px; width: 26px; height: 26px; border-radius: 0;
  background-color: transparent; background-size: 24px;
}
.lnd .alert-box::before { background-color: transparent; }
.lnd .info-box b:first-child, .lnd .alert-box b:first-child, .lnd .info-box strong:first-child, .lnd .alert-box strong:first-child {
  display: block; margin-bottom: 4px; font-size: 18px; letter-spacing: -.01em;
}
@media (max-width: 560px) {
  .lnd .info-box, .lnd .alert-box { padding: 16px 0 16px 36px; font-size: 16px; }
  .lnd .info-box::before, .lnd .alert-box::before { left: 0; top: 18px; width: 22px; height: 22px; background-size: 20px; }
}
.lnd .cta-box { background: none; border: 0; border-radius: 0; border-top: 1px solid var(--stx-separator, rgba(27,36,48,.1)); border-bottom: 1px solid var(--stx-separator, rgba(27,36,48,.1)); padding: 20px 0; }

/* пример текста работы — лист бумаги: прямые углы, тень листа, без рамки-карточки */
.lnd .stx-example {
  border: 0; border-radius: 2px; padding: 28px 32px; margin: 32px 0;
  box-shadow: 0 1px 2px rgba(20,40,80,.08), 0 10px 32px rgba(20,40,80,.08);
}
.lnd .stx-example > p:first-child { font-family: var(--stx-font, sans-serif); font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: var(--stx-text-3, #8A94A6); }
.lnd .stx-example > p:first-child b { color: var(--stx-text-2, #566274); font-weight: 600; }
@media (max-width: 560px) { .lnd .stx-example { padding: 20px 18px; } }

/* блок скачивания образца — строка-файл между линейками, кнопка справа */
.lnd .stx-download {
  position: relative; padding: 18px 0; margin: 24px 0;
  background: none; border: 0; border-radius: 0;
  border-top: 1px solid var(--stx-separator, rgba(27,36,48,.1));
  border-bottom: 1px solid var(--stx-separator, rgba(27,36,48,.1));
}
.lnd .stx-download__icon { width: 40px; height: 40px; border-radius: 10px; }
.lnd .stx-download__link { font-size: 17px; color: var(--stx-text, #1B2430); text-decoration: none !important; }
.lnd .stx-download__link::after { content: ""; position: absolute; inset: 0; } /* вся строка кликабельна */
.lnd .stx-download:hover .stx-download__link { color: var(--stx-accent-text, #1F52D9); }
.lnd .stx-download::after {
  content: "Скачать"; margin-left: auto; flex: none;
  padding: 9px 16px; border-radius: 999px;
  background: var(--stx-accent-soft, rgba(47,107,255,.1)); color: var(--stx-accent-text, #1F52D9);
  font-weight: 600; font-size: 14px; line-height: 1.2;
}
@media (max-width: 420px) { .lnd .stx-download::after { display: none; } }

/* шаги в статье — нумерованный список на линейках, без карточки */
.lnd .stx-steps { padding: 0 !important; background: none; border: 0; border-radius: 0; box-shadow: none; border-top: 1px solid var(--stx-separator, rgba(27,36,48,.1)); border-bottom: 1px solid var(--stx-separator, rgba(27,36,48,.1)); }
.lnd .stx-steps > li::before { border-radius: 50%; background: none; border: 1.5px solid var(--stx-accent, #2F6BFF); color: var(--stx-accent-text, #1F52D9); width: 30px; height: 30px; }
@media (max-width: 560px) { .lnd .stx-steps { padding: 0 !important; } }

/* содержание — без карточки: заголовок-надпись, двухколоночный список на линейке */
.lnd-toc { background: none; border: 0; border-radius: 0; box-shadow: none; padding: 20px 0 8px; border-top: 1px solid var(--stx-separator, rgba(27,36,48,.1)); border-bottom: 1px solid var(--stx-separator, rgba(27,36,48,.1)); }

/* таблицы и рисунки — строже */
.lnd .table-container { border-radius: 6px; }
.lnd .stx-figure img { border-radius: 6px; }

/* цитаты в статье — крупный курсив без полосы слева */
.lnd-article blockquote { margin: 32px 0; padding: 0; border: 0; font-size: 21px; line-height: 1.5; font-style: italic; color: var(--stx-text, #1B2430); }
/* N8b: SEO-статья v2 с картинками и блок тарифов как на главной */
.lnd .lnd-fig img { height: auto; }
.lnd .prices { padding: 48px 0; }
.lnd .prices > .container { padding-left: 0; padding-right: 0; max-width: none; }
/* ===== P (2026-10-06), агент P-посадочные ===== */
/* п. 40: разделитель крошек — escape, а не литерал «›» (в браузере без UTF-8 давал «вЂє») */
.lnd .hero .lnd-crumbs li + li::before, .lnd-crumbs li + li::before { content: "\203A"; }
/* п. 15: иллюстрации без обводки */
.lnd .stx-figure img, .lnd .lnd-fig img { border: 0; }
/* п. 16: тарифы на ПК как на главной — контейнер 1200 px помещается в колонку посадочной и стоит по центру */
.lnd { --lnd-w: 1232px; }
.lnd .prices { color: #6d6d6d; }
.lnd .prices > .container { margin-left: auto; margin-right: auto; }
@media (min-width: 1240px) { .lnd .prices > .container { width: 1200px; } }
.lnd .prices__note { max-width: 860px; margin: 28px auto 0; font-size: 16px; line-height: 1.6; text-align: center; color: #6d6d6d; }
.lnd .prices__note b { color: var(--stx-text, #1B2430); font-weight: 600; }
/* п. 39: маркированные списки — акцентная точка с мягким ореолом */
.lnd :is(.lnd-article, .lnd-sec, .lnd-faq__a) ul:not([class]) { list-style: none; padding-left: 0; }
.lnd :is(.lnd-article, .lnd-sec, .lnd-faq__a) ul:not([class]) > li { position: relative; padding-left: 30px; margin-bottom: 10px; }
.lnd :is(.lnd-article, .lnd-sec, .lnd-faq__a) ul:not([class]) > li::before {
  content: ""; position: absolute; left: 7px; top: .66em; width: 8px; height: 8px; border-radius: 50%;
  background: var(--stx-accent, #2F6BFF); box-shadow: 0 0 0 5px var(--stx-accent-soft, rgba(47,107,255,.1));
}
.lnd :is(.lnd-article, .lnd-sec) ol:not([class]) > li::marker { color: var(--stx-accent, #2F6BFF); font-weight: 600; }
/* п. 38: «Что я получу» — 4 этапа с иллюстрациями */
.lnd-gain { text-align: center; }
.lnd-gain__h { max-width: 820px; margin: 0 auto 36px; color: var(--stx-text, #1B2430); }
.lnd-gain__list { list-style: none; margin: 0 20px; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; text-align: left; counter-reset: none; }
.lnd-gain__item { display: flex; flex-direction: column; gap: 16px; }
.lnd-gain__img { display: block; width: 100%; height: auto; border-radius: 22px; }
.lnd-gain__body { position: relative; padding-left: 44px; }
.lnd-gain__num { position: absolute; left: 0; top: 0; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--stx-accent, #2F6BFF); color: #fff; font-size: 14px; font-weight: 700; }
.lnd-gain__title { font-size: 19px; line-height: 1.3; font-weight: 600; margin: 3px 0 8px; color: var(--stx-text, #1B2430); }
.lnd-gain__text { font-size: 15px; line-height: 1.55; color: var(--stx-text-2, #566274); }
/* Q п. 1: появление карточек при прокрутке — подъём 50 px и проявление, кривая блоков первого экрана (contentFadeUp из style.min.css);
   класс is-rv ставит скрипт в StxLanding::gain(), задержку каскада — он же (шаг 0,12 с) */
@keyframes lndGainUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: none; } }
.lnd-gain__list.is-rv > .lnd-gain__item { opacity: 0; transform: translateY(50px); }
.lnd-gain__list.is-rv > .lnd-gain__item.is-in { animation: lndGainUp 1s cubic-bezier(.19, 1, .22, 1) both; }
@media (prefers-reduced-motion: reduce) { .lnd-gain__list.is-rv > .lnd-gain__item { opacity: 1; transform: none; animation: none; } }
@media (max-width: 1024px) { .lnd-gain__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; } }
@media (max-width: 560px) { .lnd-gain__list { grid-template-columns: minmax(0, 1fr); } .lnd-gain__h { margin-bottom: 24px; } .lnd .prices__note { text-align: left; } }
/* ===== P2 (2026-10-06), агент P2-посадочные ===== */
/* п. 3: иллюстрации статьи и примера — не впритык, по 30 px по бокам; подпись остаётся во всю ширину */
.lnd .stx-figure > img, .lnd .lnd-fig > img { width: calc(100% - 60px); max-width: calc(100% - 60px); margin-left: 30px; margin-right: 30px; border-radius: 22px; box-sizing: border-box; }
/* п. 6: новые иллюстрации со своим фоном и скруглением 28 — без подложки */
.lnd .stx-figure img, .lnd .lnd-fig img { background: none; }
/* п. 7: крошки появляются тем же эффектом, что заголовок и форма hero (heroTitleAnimation из style.min.css) */
.hero .lnd-crumbs { opacity: 0; animation: heroTitleAnimation 1.2s cubic-bezier(.19, 1, .22, 1) .45s forwards; }
@media (prefers-reduced-motion: reduce) { .hero .lnd-crumbs { opacity: 1; animation: none; } }
/* ===== landings-blocks (2026-10-06): заголовки по центру, шаги-таймлайн, примеры из каталога ===== */
/* H2/H3 посадочных: по центру, акцентная черта над H2 и короткая линия под H3; абзацы остаются слева */
.lnd:not(.lnd-doc) .lnd-h2, .lnd:not(.lnd-doc) .lnd-article h2 {
  position: relative; display: block; text-align: center; text-wrap: balance;
  max-width: 820px; margin-left: auto; margin-right: auto; padding-top: 22px;
}
.lnd:not(.lnd-doc) .lnd-h2 { margin-bottom: 28px; }
.lnd:not(.lnd-doc) .lnd-article h2 { font-size: clamp(26px, 3vw, 34px); letter-spacing: -.02em; margin-top: 76px; margin-bottom: 22px; max-width: 680px; }
.lnd:not(.lnd-doc) .lnd-article > h2:first-of-type { margin-top: 24px; }
.lnd:not(.lnd-doc) .lnd-h2::before, .lnd:not(.lnd-doc) .lnd-article h2::before {
  content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 40px; height: 4px; border-radius: 2px;
  background: linear-gradient(90deg, var(--stx-accent, #2F6BFF), #8CB0FF);
}
.lnd:not(.lnd-doc) .lnd-article h3 {
  text-align: center; text-wrap: balance; font-size: 21px; line-height: 1.3; letter-spacing: -.01em;
  max-width: 620px; margin: 44px auto 16px; color: var(--stx-text, #1B2430);
}
.lnd:not(.lnd-doc) .lnd-article h3::after {
  content: ""; display: block; width: 24px; height: 2px; margin: 12px auto 0; border-radius: 1px;
  background: var(--stx-accent-line, rgba(47,107,255,.28));
}
.lnd .lnd-gain__h { padding-top: 22px; }
@media (max-width: 560px) {
  .lnd:not(.lnd-doc) .lnd-article h2 { font-size: 25px; margin-top: 56px; padding-top: 18px; }
  .lnd:not(.lnd-doc) .lnd-h2 { margin-bottom: 22px; padding-top: 18px; }
  .lnd:not(.lnd-doc) .lnd-article h3 { font-size: 19px; margin-top: 36px; }
  .lnd:not(.lnd-doc) .lnd-h2::before, .lnd:not(.lnd-doc) .lnd-article h2::before { width: 32px; height: 3px; }
}

/* Названия карточек — не заголовки (уникальная структура H2/H3), вид прежний */
.lnd .lnd-card .lnd-card__title { font-size: 18px; line-height: 1.3; font-weight: 600; margin: 16px 0 6px !important; color: var(--stx-text, #1B2430); }

/* «Как сделать … за четыре шага»: таймлайн с иконками и номерами (ПК — в ряд, планшет и телефон — столбиком) */
.lnd-steps--tl .lnd-steps__list { position: relative; gap: 28px; margin-top: 8px; }
.lnd-steps--tl .lnd-steps__list::before {
  content: ""; position: absolute; z-index: 0; top: 31px; height: 2px;
  left: calc(12.5% - 10.5px); right: calc(12.5% - 10.5px);
  background: linear-gradient(90deg, var(--stx-accent-line, rgba(47,107,255,.28)), rgba(47,107,255,.5), var(--stx-accent-line, rgba(47,107,255,.28)));
}
.lnd-steps--tl .lnd-step {
  position: relative; z-index: 1; padding: 0; border: 0; border-radius: 0; text-align: center;
  background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
}
.lnd-step__mark {
  position: relative; display: flex; align-items: center; justify-content: center; flex: none;
  width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 20px;
  background: var(--stx-surface, #fff); color: var(--stx-accent, #2F6BFF);
  border: 1px solid var(--stx-separator, rgba(27,36,48,.08));
  box-shadow: 0 10px 26px rgba(47,107,255,.14), 0 1px 2px rgba(20,40,80,.06);
}
.lnd-step__mark .stx-i { width: 28px; height: 28px; }
.lnd-steps--tl .lnd-step__num {
  position: absolute; top: -9px; right: -9px; margin: 0;
  width: 26px; height: 26px; border-radius: 50%;
  background: var(--stx-accent, #2F6BFF); color: #fff; font-size: 13px; font-weight: 700; line-height: 1;
  box-shadow: 0 0 0 3px var(--stx-surface, #fff);
}
.lnd .lnd-step .lnd-step__title { font-size: 18px; line-height: 1.3; font-weight: 600; color: var(--stx-text, #1B2430); margin: 0 0 8px !important; }
.lnd .lnd-step .lnd-step__text { font-size: 15px; line-height: 1.55; color: var(--stx-text-2, #566274); max-width: 270px; margin: 0 auto !important; }
@media (max-width: 1024px) {
  .lnd-steps--tl .lnd-steps__list { grid-template-columns: minmax(0, 1fr); gap: 0; max-width: 640px; margin-left: auto; margin-right: auto; }
  .lnd-steps--tl .lnd-steps__list::before {
    top: 32px; bottom: 40px; left: 31px; right: auto; width: 2px; height: auto;
    background: linear-gradient(180deg, var(--stx-accent-line, rgba(47,107,255,.28)), rgba(47,107,255,.5), var(--stx-accent-line, rgba(47,107,255,.28)));
  }
  .lnd-steps--tl .lnd-step { display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 20px; text-align: left; padding-bottom: 28px; }
  .lnd-steps--tl .lnd-step:last-child { padding-bottom: 0; }
  .lnd-steps--tl .lnd-step__mark { margin: 0; }
  .lnd-steps--tl .lnd-step__body { padding-top: 8px; min-width: 0; }
  .lnd .lnd-steps--tl .lnd-step__text { max-width: none; margin: 0 !important; }
  .lnd-steps--tl .lnd-steps__list::before { content: none; }
  .lnd-steps--tl .lnd-step:not(:last-child)::after { content: ""; position: absolute; left: 31px; top: 72px; bottom: 8px; width: 2px; border-radius: 1px; background: var(--stx-accent-line, rgba(47,107,255,.28)); }
}
@media (max-width: 560px) {
  .lnd-steps--tl .lnd-step:not(:last-child)::after { left: 25px; top: 60px; }
  .lnd-steps--tl .lnd-step { grid-template-columns: 52px minmax(0, 1fr); column-gap: 16px; padding-bottom: 24px; }
  .lnd-steps--tl .lnd-step__mark { width: 52px; height: 52px; border-radius: 16px; }
  .lnd-step__mark .stx-i { width: 24px; height: 24px; }
  .lnd-steps--tl .lnd-step__num { width: 22px; height: 22px; font-size: 12px; top: -7px; right: -7px; }
  .lnd-steps--tl .lnd-step__body { padding-top: 3px; }
  .lnd .lnd-step .lnd-step__title { font-size: 17px; }
}

/* Порядок работы внутри статьи: нумерованный таймлайн с линией между шагами */
.lnd-article ol.lnd-tl { list-style: none; counter-reset: lnd-tl; margin: 28px 0 36px; padding: 0; }
.lnd-article ol.lnd-tl > li { counter-increment: lnd-tl; position: relative; margin: 0; padding: 7px 0 24px 60px; min-height: 40px; }
.lnd-article ol.lnd-tl > li:last-child { padding-bottom: 0; }
.lnd-article ol.lnd-tl > li::before {
  content: counter(lnd-tl); position: absolute; z-index: 1; left: 0; top: 0;
  width: 40px; height: 40px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--stx-surface, #fff); border: 1.5px solid var(--stx-accent, #2F6BFF);
  color: var(--stx-accent-text, #1F52D9); font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums;
  box-shadow: 0 6px 16px rgba(47,107,255,.12);
}
.lnd-article ol.lnd-tl > li:not(:last-child)::after {
  content: ""; position: absolute; left: 19px; top: 44px; bottom: 4px; width: 2px; border-radius: 1px;
  background: var(--stx-accent-line, rgba(47,107,255,.28));
}
.lnd-article ol.lnd-tl > li > b:first-child { margin-bottom: 4px; font-size: 18px; line-height: 1.4; color: var(--stx-text, #1B2430); }
@media (max-width: 560px) {
  .lnd-article ol.lnd-tl > li { padding-left: 50px; }
  .lnd-article ol.lnd-tl > li::before { width: 34px; height: 34px; font-size: 15px; top: 2px; }
  .lnd-article ol.lnd-tl > li:not(:last-child)::after { left: 16px; top: 42px; }
}

/* Примеры из каталога того же типа (StxLanding::examples) — карточки как в каталоге */
.lnd-ex__intro { max-width: 760px; margin: 0 auto 20px !important; color: var(--stx-text-2, #566274); font-size: 17px; line-height: 1.65; text-wrap: pretty; }
.lnd-ex__note {
  display: flex; align-items: flex-start; gap: 10px; max-width: 760px; margin: 0 auto 24px !important; padding: 12px 16px;
  border-radius: 12px; background: var(--stx-surface-2, #F8FAFF); border: 1px solid var(--stx-separator, rgba(27,36,48,.08));
  font-size: 15px; line-height: 1.5; color: var(--stx-text-2, #566274);
}
.lnd-ex__note .stx-i { flex: none; margin-top: 2px; color: var(--stx-accent, #2F6BFF); }
.lnd-ex__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.lnd-ex__grid > li { margin: 0; padding: 0; }
.lnd-ex__grid > li::before { content: none !important; }
.lnd .lnd-ex__card {
  display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 18px 20px;
  border-radius: var(--stx-r-panel, 18px); background: var(--stx-surface, #fff);
  border: 1px solid var(--stx-separator, rgba(27,36,48,.08)); box-shadow: var(--stx-shadow-sm, 0 4px 12px rgba(20,40,80,.06));
  color: var(--stx-text, #1B2430); text-decoration: none;
  transition: transform var(--stx-dur, 180ms) var(--stx-ease, ease), box-shadow var(--stx-dur, 180ms), border-color var(--stx-dur, 180ms);
}
.lnd .lnd-ex__card:hover { text-decoration: none; transform: translateY(-2px); box-shadow: var(--stx-shadow-md, 0 8px 24px rgba(20,40,80,.1)); border-color: var(--stx-accent-line, rgba(47,107,255,.28)); }
.lnd-ex__type { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; line-height: 1.3; color: var(--stx-accent-text, #1F52D9); }
.lnd-ex__title { font-size: 17px; line-height: 1.35; font-weight: 600; overflow-wrap: anywhere; }
.lnd-ex__text { font-size: 14px; line-height: 1.5; color: var(--stx-text-2, #566274); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.lnd-ex__meta { margin-top: auto; padding-top: 4px; font-size: 13px; color: var(--stx-text-3, #8A94A6); }
.lnd-ex__more { text-align: center; margin: 28px 0 0 !important; }
.lnd .lnd-ex__all {
  display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 12px 24px; border-radius: 999px;
  background: var(--stx-accent-soft, rgba(47,107,255,.1)); color: var(--stx-accent-text, #1F52D9); font-weight: 600; font-size: 16px; text-decoration: none;
  transition: background var(--stx-dur, 180ms);
}
.lnd .lnd-ex__all:hover { background: rgba(47,107,255,.16); text-decoration: none; }
@media (max-width: 1024px) { .lnd-ex__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .lnd-ex__grid { grid-template-columns: minmax(0, 1fr); gap: 12px; } .lnd .lnd-ex__card { padding: 16px; } .lnd-ex__intro { font-size: 16px; } .lnd-ex__grid > li:nth-child(n+5) { display: none; } } /* на телефоне 4 карточки, остальные — по кнопке «Все примеры» */
@media (prefers-reduced-motion: reduce) { .lnd .lnd-ex__card:hover { transform: none; } }