/* Лендинг /landing. Палитра и пропорции — брендбук выставочного демо v4.
   Все правила ограничены оболочкой. Выставочные эффекты первого экрана и
   разделов — в landing-spectacle.css; reduced motion выключает всё движение. */

.landing {
  --gold: #e8cda0;
  --gold-rgb: 232, 205, 160;
  --lav: #c1acf5;
  --lav-rgb: 193, 172, 245;
  --mint: #93dec5;
  --mint-rgb: 147, 222, 197;
  --coral: #f0a69b;
  --ink: #f4f2ec;
  --ink-soft: #b9bcc8;
  --ink-dim: #959baa;
  --line: #e8cda021;
  --night: #050810;
  --panel: #0d121e;
  --landing-gutter: clamp(22px, 5vw, 80px);
  background: var(--night);
  color: var(--ink);
  font: 400 16px/1.6 var(--font);
  position: relative;
  overflow: clip;
  isolation: isolate;
}
.landing [hidden] { display: none !important; }
.landing :is(h1, h2, h3, h4) { color: var(--ink); text-wrap: balance; }
.landing :is(h1, h2) { font-weight: 400; letter-spacing: -.055em; line-height: 1.08; }
.landing h2 { font-size: clamp(34px, 3.5vw, 54px); }
.landing h3 { font-weight: 400; letter-spacing: -.028em; line-height: 1.2; }
.landing a { color: inherit; }
.landing a:hover { text-decoration: none; }
.landing button { cursor: pointer; }
.landing :focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; box-shadow: none; border-radius: 4px; }
.landing .ui-icon { width: 21px; height: 21px; }
.landing-wrap { width: min(100% - var(--landing-gutter) * 2, 1280px); margin-inline: auto; }
.landing :is(section[id], main[id]) { scroll-margin-top: 112px; }
.landing-main:focus { outline: none; }
.landing .landing-skip { position: fixed; top: 12px; left: 20px; padding: 12px 20px; z-index: 20; transform: translateY(-180%); background: var(--gold); color: var(--night); }
.landing-skip:focus { transform: none; }

/* Логотип сохраняет исходное соотношение сторон; контейнер убирает прозрачное поле. */
.landing-brand { display: block; width: 216px; height: 28px; position: relative; overflow: hidden; }
.landing-brand img { position: absolute; width: 123.2%; max-width: none; height: auto; left: -11.33%; top: -56.95%; }
.landing-top { position: sticky; top: 0; z-index: 10; background: #050810f5; border-bottom: 1px solid #ffffff0d; }
.landing-top__inner { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.landing-top__brand { padding-block: 12px; flex-shrink: 0; }
.landing-top__sections { display: flex; align-items: center; gap: clamp(22px, 3vw, 40px); margin-left: auto; }
.landing-top__sections a { padding-block: 14px; font-size: 13px; color: var(--ink-soft); transition: color .2s; white-space: nowrap; }
.landing-top__sections a:hover { color: var(--gold); }
.landing-top__actions { display: flex; align-items: center; gap: 24px; margin-left: 20px; }
.landing .locale-switch { padding: 0; background: transparent; border: 0; border-radius: 0; gap: 0; }
.landing .locale-switch__option { min-width: 44px; min-height: 44px; padding: 6px; font: 400 11px/1.4 var(--mono); color: var(--ink-dim); border: 0; background: transparent; border-radius: 0; }
.landing .locale-switch__option[aria-pressed="true"] { border: 0; color: var(--ink); background: transparent; text-decoration: underline; text-underline-offset: 7px; text-decoration-color: var(--gold); }
.landing-top__demo { display: flex; align-items: center; justify-content: center; gap: 24px; min-height: 44px; padding: 8px 18px; border: 1px solid #e8cda04d; border-radius: 5px; color: var(--gold) !important; font-size: 13px; transition: background .2s; }
.landing-top__demo:hover { background: #e8cda014; }

/* Первый экран: цель слева, связанный контекст в глубине справа. */
.landing-hero { position: relative; min-height: min(780px, calc(100svh - 88px)); }
.landing-hero__inner { position: relative; z-index: 1; min-height: inherit; display: flex; flex-direction: column; justify-content: center; padding-top: 76px; }
.landing-hero__copy { width: 57%; padding-bottom: 88px; }
.landing-eyebrow { display: flex; align-items: center; gap: 11px; font: 400 10px/1.6 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin: 0 0 28px; }
.landing-eyebrow > span { flex: none; width: 5px; height: 5px; border-radius: 50%; background: var(--gold); }
.landing-hero h1 { font-size: clamp(54px, 6.5vw, 96px); line-height: 1.02; margin: 0 0 28px; }
.landing-hero h1 > span { display: block; }
.landing-hero h1 > span:last-child { color: var(--gold); }
.landing-hero__description { max-width: 430px; color: var(--ink-soft); font-size: 17px; line-height: 1.75; margin-bottom: 30px; }
.landing-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; }
.landing-button { min-height: 54px; padding: 15px 21px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; font-size: 13px; font-weight: 500; line-height: 1.4; border: 1px solid transparent; border-radius: 5px; transition: background .2s, border-color .2s, transform .2s; }
.landing-button .ui-icon { width: 18px; height: 18px; }
.landing-button--gold { background: var(--gold); color: #15141a !important; border-color: var(--gold); }
.landing-button--gold:hover { background: #f2ddbc; border-color: #f2ddbc; transform: translateY(-2px); }
.landing-button--text { padding-inline: 0; color: var(--ink-soft) !important; }
.landing-button--text:hover { color: var(--gold) !important; }
.landing-button--outline { border-color: #e8cda045; color: var(--gold) !important; }
.landing-button--outline:hover { border-color: var(--gold); background: #e8cda009; }
.landing-hero__note { max-width: 420px; font-size: 11px; color: var(--ink-dim); margin-top: 22px; }
.landing-hero__scene { position: absolute; left: calc(50% - 130px); width: min(1060px, 75%); top: 0; bottom: 45px; pointer-events: none; }
.landing-hero__galaxy { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; mask-image: radial-gradient(ellipse 65% 58% at 50% 48%, #000 21%, #000c 43%, transparent 78%); opacity: .88; }
.landing-hero__coordinate { position: absolute; display: flex; align-items: center; gap: 10px; padding: 10px 14px; font-size: 11px; color: var(--ink-soft); border: 1px solid #ffffff1a; border-radius: 5px; background: #090d17de; box-shadow: 0 10px 40px #0004; }
.landing-hero__coordinate i { width: 5px; height: 5px; background: var(--lav); border-radius: 50%; box-shadow: 0 0 10px #c1acf570; }
.landing-hero__coordinate--goal { top: 20%; left: 25%; }
.landing-hero__coordinate--context { top: 48%; left: 56%; }
.landing-hero__coordinate--context i { background: var(--mint); }
.landing-hero__coordinate--step { top: 73%; left: 23%; border-color: #e8cda04a; color: var(--gold); }
.landing-hero__coordinate--step i { background: var(--gold); }
.landing-hero__coordinate--step .ui-icon { width: 16px; height: 16px; margin-left: 8px; }
.landing-hero__caption { position: absolute; bottom: 7%; left: 26%; font: 400 9px/1.5 var(--mono); letter-spacing: .13em; text-transform: uppercase; color: var(--ink-dim); }
.landing-hero__bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 25px; border-top: 1px solid var(--line); color: var(--ink-dim); font-size: 12px; margin-top: auto; }
.landing-hero__bottom a { display: flex; align-items: center; gap: 26px; min-height: 44px; min-width: 44px; justify-content: end; }
.landing-scroll-arrow { display: grid; place-items: center; width: 30px; height: 30px; color: var(--gold); border: 1px solid #e8cda033; border-radius: 50%; }

/* Ритм страницы: самостоятельные широкие разделы с различной композицией. */
.landing-section { padding-block: clamp(76px, 8vw, 124px); }
.landing-section__head { display: flex; align-items: end; justify-content: space-between; gap: 60px; margin-bottom: 50px; }
.landing-section__head > div { flex: 1; }
.landing-section__head h2 > span { color: var(--gold); }
.landing-section__intro { color: var(--ink-soft); font-size: 16px; line-height: 1.8; }
.landing-section__head > p { max-width: 370px; }
.landing-caption { font: 400 10px/1.6 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-dim); }
.landing-p { color: var(--ink-soft); font-size: 15px; line-height: 1.85; margin: 0; }
.landing-p strong { font-weight: 500; color: var(--ink); }
.landing-p em { color: var(--ink-soft); }
.landing-lead { display: grid; gap: 16px; }
.landing-more { border-top: 1px solid var(--line); }
.landing-more > summary { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 20px; list-style: none; cursor: pointer; color: var(--gold); font-size: 12px; }
.landing-more > summary::-webkit-details-marker, .landing-pain > summary::-webkit-details-marker, .landing-case > summary::-webkit-details-marker { display: none; }
.landing-more > summary .ui-icon { width: 17px; height: 17px; transition: transform .2s; }
.landing-more[open] > summary .ui-icon { transform: rotate(90deg); }
.landing-more__body { display: grid; gap: 18px; padding-block: 8px 26px; }
.landing-more__body h3 { font-size: 24px; }
.landing-more__body .landing-p { font-size: 14px; }
.landing-plus { display: inline-grid; place-items: center; flex: none; width: 24px; height: 24px; font-size: 20px; font-weight: 300; color: var(--gold); transition: transform .2s; }
:is(.landing-pain, .landing-case)[open] > summary .landing-plus { transform: rotate(45deg); }

/* Перегруз: визуальная сеть и интерактивные жизненные вопросы. */
.landing-problem { display: grid; grid-template-columns: 1fr 1fr; gap: 9%; }
.landing-problem h2 { max-width: 490px; margin-bottom: 24px; }
.landing-problem__intro > p.landing-section__intro { max-width: 360px; }
.landing-problem__questions { padding-top: 12px; }
.landing-problem__questions > .landing-caption { margin-bottom: 16px; }
.landing-pain { border-bottom: 1px solid var(--line); }
.landing-pain summary { min-height: 104px; display: flex; align-items: center; gap: 24px; justify-content: space-between; list-style: none; cursor: pointer; padding: 18px 0; color: var(--ink); font-size: 19px; font-weight: 400; line-height: 1.5; letter-spacing: -.016em; }
.landing-pain summary:hover { color: var(--gold); }
.landing-pain__answer { display: grid; gap: 18px; padding: 0 26px 24px 0; font-size: 14px; line-height: 1.8; color: var(--ink-soft); }
.landing-pain__answer strong { color: var(--mint); font-weight: 500; }
.landing-pain__answer a { display: inline-flex; align-items: center; gap: 12px; color: var(--gold); font-size: 12px; width: fit-content; min-height: 44px; }
.landing-problem__questions > .landing-more:first-of-type { border-top: 0; }
.landing-signals { height: 280px; max-width: 490px; position: relative; margin-top: 18px; }
.landing-signals > svg { position: absolute; width: 100%; height: 100%; stroke: #c1acf53d; stroke-width: 1; }
.landing-signal { position: absolute; display: flex; align-items: center; gap: 10px; background: linear-gradient(130deg, #15192b, #0b101a); border: 1px solid #b9bcc825; border-radius: 7px; padding: 12px 16px; color: var(--ink-soft); font-size: 12px; box-shadow: 0 14px 26px #0005; }
.landing-signal .ui-icon { width: 17px; height: 17px; color: var(--lav); }
.landing-signal i { width: 4px; height: 4px; margin-left: 10px; border-radius: 50%; background: var(--coral); }
.landing-signal:nth-of-type(1) { top: 23px; left: 0; transform: rotate(-6deg); }
.landing-signal:nth-of-type(2) { top: 64px; right: 0; transform: rotate(5deg); }
.landing-signal:nth-of-type(3) { bottom: 54px; left: 8px; transform: rotate(-3deg); }
.landing-signal:nth-of-type(4) { bottom: 25px; right: 7%; transform: rotate(8deg); }
.landing-signals__center { position: absolute; left: 48%; top: 42%; display: grid; place-items: center; width: 47px; height: 47px; border: 1px solid #e8cda040; border-radius: 50%; background: #15141d; color: var(--gold); box-shadow: 0 0 65px #e8cda021; }
.landing-signals__question { position: absolute; left: 33%; top: 66%; font-size: 10px; color: var(--ink-dim); }

/* Сетка смысловых объектов. Размер и свет подчинены содержанию каждой карточки. */
.landing-mechanics { background: linear-gradient(160deg, #0b1020, #080c16 40%, #0a0d17); border-block: 1px solid #ffffff0a; }
.landing-features { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.landing-feature { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 34px; border: 1px solid #ffffff16; border-radius: 14px; background: linear-gradient(135deg, #151a2880, #0a0e18b0); overflow: hidden; }
.landing-feature[data-feature="orbits"], .landing-feature[data-feature="rhythms"] { grid-column: span 3; }
.landing-feature[data-feature="focus"], .landing-feature[data-feature="reflection"] { grid-column: span 2; }
.landing-feature[data-feature="orbits"] { background: radial-gradient(ellipse at 50% 65%, #e8cda00c, transparent 65%), linear-gradient(140deg, #1d2030a0, #0b101b); }
.landing-feature[data-feature="focus"] { background: radial-gradient(ellipse at 50% 40%, #e8cda00c, transparent 70%), #0e111b; }
.landing-feature__top { display: flex; align-items: center; gap: 11px; margin-bottom: 26px; }
.landing-feature__top > .ui-icon { color: var(--gold); width: 18px; height: 18px; }
.landing-feature h3 { font-size: clamp(21px, 2vw, 28px); max-width: 500px; }
.landing-feature__summary { font-size: 14px; color: var(--ink-soft); line-height: 1.8; margin-block: auto 20px; max-width: 480px; }
.landing-feature .landing-more { margin-top: 4px; }
.landing-feature .landing-more > summary { min-height: 44px; padding-top: 12px; }
.landing-mechanics .landing-wrap > .landing-more { margin-top: 26px; }
.landing-orbits { display: grid; gap: 0; margin: 20px -8px 30px; justify-items: center; }
.landing-orbits svg { width: 100%; max-width: 520px; height: 222px; overflow: visible; }
.landing-orbit__path { stroke: #e8cda043; stroke-width: .15; }
.landing-orbit[data-shell="1"] .landing-orbit__path { stroke: #93dec53b; }
.landing-orbit[data-shell="2"] .landing-orbit__path { stroke: #c1acf542; }
.landing-orbit[data-shell="3"] .landing-orbit__path { stroke: #c1acf524; }
.landing-orbit__dot { fill: var(--gold); }
.landing-orbit[data-shell="1"] .landing-orbit__dot { fill: var(--mint); }
.landing-orbit[data-shell="2"] .landing-orbit__dot { fill: var(--lav); }
.landing-orbit[data-shell="3"] .landing-orbit__dot { fill: #aab0c1; }
.landing-orbits__halo { fill: #e8cda00e; stroke: #e8cda018; stroke-width: .2; }
.landing-orbits__core { fill: #1b1a20; stroke: #e8cda096; stroke-width: .22; }
.landing-orbits__you { fill: var(--gold); font: 400 1.9px var(--mono); text-anchor: middle; letter-spacing: .15px; }
.landing-orbits__legend { display: flex; gap: 12px 20px; flex-wrap: wrap; justify-content: center; font-size: 10px; color: var(--ink-dim); }
.landing-orbits__legend > span { display: inline-flex; align-items: center; gap: 6px; }
.landing-orbits__legend i { width: 4px; height: 4px; background: var(--gold); border-radius: 50%; }
.landing-orbits__legend span[data-shell="1"] i { background: var(--mint); }
.landing-orbits__legend span[data-shell="2"] i { background: var(--lav); }
.landing-orbits__legend span[data-shell="3"] i { background: #aab0c1; }
.landing-focus { position: relative; min-height: 250px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 27px; padding: 30px 0; overflow: hidden; margin-bottom: 26px; }
.landing-focus__beam { position: absolute; width: 90%; height: 205px; top: -12px; left: 5%; background: linear-gradient(#e8cda000, #e8cda01a 85%, #e8cda000); clip-path: polygon(48% 0, 52% 0, 100% 100%, 0 100%); }
.landing-focus__pick { z-index: 1; margin-top: 14px; padding: 13px 25px; border: 1px solid #e8cda073; border-radius: 6px; color: var(--gold); background: #1e1b20; font-size: 15px; box-shadow: 0 0 35px #e8cda015; }
.landing-focus__near { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; padding: 0; gap: 7px; }
.landing-focus__near li { border: 1px solid #ffffff12; border-radius: 4px; padding: 5px 9px; font-size: 10px; color: var(--ink-dim); }
.landing-reflection { position: relative; display: flex; align-items: center; justify-content: center; gap: 24px; height: 168px; margin-block: 8px 12px; }
.landing-reflection__line { position: absolute; width: 80%; height: 1px; background: linear-gradient(90deg, transparent, #c1acf558, transparent); }
.landing-reflection__thought { z-index: 1; display: grid; place-items: center; height: 54px; width: 54px; border: 1px solid #c1acf544; border-radius: 50%; background: #171627; color: var(--lav); box-shadow: 0 0 40px #c1acf50a; }
.landing-reflection__dot { height: 5px; width: 5px; background: #c1acf588; border-radius: 50%; z-index: 1; }
.landing-rhythm { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 166px; margin-block: 8px 22px; }
.landing-rhythm > div { flex: 1; display: grid; place-items: center; gap: 14px; color: var(--ink-dim); font-size: 10px; }
.landing-rhythm i { display: block; width: calc(38px + var(--i) * 13px); height: calc(38px + var(--i) * 13px); border: 1px solid #c1acf52f; border-radius: 50%; position: relative; }
.landing-rhythm i::after { content: ""; width: 6px; height: 6px; position: absolute; top: 13%; left: 10%; border-radius: 50%; background: var(--lav); }
.landing-rhythm > div:first-child i { border-color: #e8cda09c; box-shadow: 0 0 26px #e8cda010; }
.landing-rhythm > div:first-child i::after { background: var(--gold); }

/* Ситуации: тема слева, связная история и её примеры справа. */
.landing-stories__layout { display: grid; grid-template-columns: 258px minmax(0, 1fr); gap: 56px; align-items: start; }
.landing-topics { display: grid; gap: 4px; position: sticky; top: 112px; }
.landing-topic { border: 1px solid transparent; border-radius: 5px; background: transparent; color: var(--ink-dim); min-height: 46px; display: grid; grid-template-columns: 22px 1fr 18px; text-align: left; align-items: center; gap: 12px; padding: 10px 13px; font-size: 13px; line-height: 1.4; transition: color .2s, background .2s; }
.landing-topic__number { font: 400 10px var(--mono); color: #8d877b; }
.landing-topic .ui-icon { width: 16px; height: 16px; opacity: 0; }
.landing-topic:hover { color: var(--ink); background: #ffffff04; }
.landing-topic[aria-selected="true"] { color: var(--gold); border-color: #e8cda033; background: linear-gradient(100deg, #e8cda00d, #e8cda003); }
.landing-topic[aria-selected="true"] .ui-icon { opacity: 1; }
.landing-topic[aria-selected="true"] .landing-topic__number { color: var(--gold); }
.landing-story-panel { border: 1px solid #ffffff1a; border-radius: 14px; padding: clamp(26px, 3vw, 44px); background: radial-gradient(ellipse at 100% 0, #c1acf50b, transparent 55%), linear-gradient(140deg, #101521, #0b101a); }
.landing-story-panel__heading { display: flex; gap: 14px; align-items: center; margin-bottom: 22px; }
.landing-story-panel__number { font: 400 10px/1.4 var(--mono); color: var(--gold); padding-right: 14px; border-right: 1px solid #e8cda038; }
.landing-story-panel .landing-story-panel__title { font-size: clamp(25px, 2.65vw, 38px); margin-bottom: 24px; max-width: 650px; }
.landing-story-panel .landing-p { font-size: 14px; line-height: 1.85; }
.landing-say { position: relative; margin-block: 28px; padding: 23px 26px; border: 1px solid #93dec52a; border-radius: 8px; background: linear-gradient(115deg, #93dec508, #93dec502); }
.landing-say__signature { display: flex; align-items: center; gap: 11px; font-size: 12px; color: var(--mint); margin-bottom: 14px; }
.landing-say__signature small { display: block; font: 400 9px/1.8 var(--mono); color: var(--ink-dim); letter-spacing: .05em; }
.landing-say__mark { display: grid; place-items: center; width: 33px; height: 33px; border: 1px solid #93dec527; border-radius: 50%; }
.landing-say__mark .ui-icon { height: 18px; width: 18px; }
.landing-say__body { display: grid; gap: 8px; font-size: 15px; line-height: 1.75; color: #d6e6e1; }
.landing-say__body strong { color: var(--mint); font-weight: 500; }
.landing-cases { margin-top: 28px; }
.landing-cases > .landing-caption { margin-bottom: 14px; }
.landing-case { border-top: 1px solid #ffffff14; }
.landing-case:last-child { border-bottom: 1px solid #ffffff14; }
.landing-case > summary { min-height: 80px; display: flex; align-items: center; gap: 14px; list-style: none; cursor: pointer; padding: 16px 0; }
.landing-case > summary h4 { flex: 1; font-size: 14px; font-weight: 400; letter-spacing: -.01em; line-height: 1.6; }
.landing-case > summary:hover h4 { color: var(--gold); }
.landing-case__avatar { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #c1acf52b; border-radius: 50%; color: var(--lav); background: #c1acf509; font-size: 14px; }
.landing-case:nth-child(3n) .landing-case__avatar { color: var(--mint); border-color: #93dec530; background: #93dec509; }
.landing-case:nth-child(3n + 1) .landing-case__avatar { color: var(--gold); border-color: #e8cda030; background: #e8cda009; }
.landing-case__body { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 4px 0 24px 52px; }
.landing-case__body p { font-size: 13px; line-height: 1.8; color: var(--ink-soft); }
.landing-case__label { display: block; font: 400 9px/1.6 var(--mono); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 10px; }
.landing-case__pain .landing-case__label { color: var(--coral); }
.landing-case__solution .landing-case__label { color: var(--mint); }
.landing-outcome { display: flex; align-items: start; gap: 13px; font-size: 12px; line-height: 1.85; color: var(--ink-dim); padding-top: 24px; }
.landing-outcome .ui-icon { width: 16px; height: 16px; color: var(--gold); margin-top: 3px; }
.landing-feature--detail { border: 0; border-radius: 0; background: none; padding: 0; margin-top: 18px; }
.landing-circles { max-width: 410px; margin: 24px auto; }
.landing-circles svg { width: 100%; height: auto; stroke-width: .6; }
.landing-circles__personal { stroke: var(--lav); fill: #c1acf505; }
.landing-circles__interactions { stroke: var(--mint); fill: #93dec505; }
.landing-circles circle { fill: var(--gold); }
.landing-circles ul { display: flex; justify-content: space-around; list-style: none; padding: 0; font-size: 12px; }
.landing-circles [data-circle="personal"] { color: var(--lav); }
.landing-circles [data-circle="interactions"] { color: var(--mint); }
.landing-table__wrap { overflow-x: auto; }
.landing-table { border-collapse: collapse; width: 100%; font-size: 13px; }
.landing-table :is(th, td) { text-align: left; padding: 14px 12px; vertical-align: top; border-bottom: 1px solid var(--line); color: var(--ink-soft); line-height: 1.8; }
.landing-table th { font-weight: 500; color: var(--gold); }
.landing-table td:first-child { color: var(--ink); }
.landing-quote-block { margin: 0; padding: 18px 22px; border-left: 1px solid var(--lav); font-size: 14px; color: var(--ink-soft); }
.landing-quote-block p + p { margin-top: 14px; }

/* Контроль доступа: тихая композиция с одним тёплым центром. */
.landing-trust { background: linear-gradient(120deg, #0d131d, #080c16 70%); border-block: 1px solid #ffffff0b; }
.landing-trust__layout { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 10%; }
.landing-trust__copy h2 { max-width: 510px; margin-bottom: 26px; }
.landing-trust__copy > .landing-p { max-width: 540px; }
.landing-trust__art { position: relative; min-height: 430px; display: grid; place-items: center; background: radial-gradient(ellipse at 50% 45%, #e8cda00b, transparent 65%); }
.landing-trust__orbit { position: absolute; top: 43%; left: 50%; border: 1px solid #e8cda01c; border-radius: 50%; transform: translate(-50%, -50%); }
.landing-trust__orbit--outer { width: 85%; aspect-ratio: 1; }
.landing-trust__orbit--inner { width: 60%; aspect-ratio: 1; border-color: #e8cda038; }
.landing-trust__orbit--outer::after { content: ""; width: 5px; height: 5px; position: absolute; top: 17%; left: 12%; background: var(--mint); border-radius: 50%; }
.landing-trust__orbit--inner::after { content: ""; width: 6px; height: 6px; position: absolute; bottom: 12%; right: 15%; background: var(--gold); border-radius: 50%; box-shadow: 0 0 14px #e8cda060; }
.landing-trust__core { position: absolute; left: 50%; top: 43%; transform: translate(-50%, -50%); width: 110px; height: 110px; border: 1px solid #e8cda057; background: radial-gradient(circle at 30% 10%, #e8cda014, #0d121d); border-radius: 28px; display: grid; place-items: center; box-shadow: 0 0 65px #e8cda006; }
.landing-trust__core svg { width: 38px; height: 38px; stroke: var(--gold); stroke-width: 1.4; }
.landing-trust__label { display: flex; align-items: center; gap: 10px; position: absolute; bottom: 9%; font: 400 10px/1.6 var(--mono); color: var(--ink-dim); }
.landing-trust__label i { height: 4px; width: 4px; border-radius: 50%; background: var(--mint); }
.landing-trust__principles { list-style: none; padding: 0; margin-block: 26px; display: grid; gap: 16px; }
.landing-trust__principles li { display: flex; align-items: start; gap: 13px; font-size: 14px; color: var(--ink); }
.landing-trust__principles .ui-icon { color: var(--mint); height: 17px; width: 17px; margin-top: 3px; }

/* Знакомство: три коротких шага и подробный пример по запросу. */
.landing-start .landing-section__head { align-items: start; }
.landing-start h2 { max-width: 630px; }
.landing-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 55px 0 30px; }
.landing-step { padding: 0 36px; border-left: 1px solid var(--line); }
.landing-step:first-child { border: 0; padding-left: 0; }
.landing-step:last-child { padding-right: 0; }
.landing-step__top { display: flex; align-items: center; justify-content: space-between; color: var(--gold); margin-bottom: 32px; }
.landing-step__top > span { font: 400 11px var(--mono); letter-spacing: .1em; }
.landing-step__top .ui-icon { color: var(--ink-dim); }
.landing-step h3 { font-size: 25px; margin-bottom: 22px; max-width: 270px; }
.landing-step .landing-p { font-size: 13px; }

/* Финальный кадр использует тот же материал галактики, завершая визуальную историю. */
.landing-finale { position: relative; border-block: 1px solid #e8cda024; overflow: hidden; background: #080d17; }
.landing-finale__art { position: absolute; inset: 0; pointer-events: none; }
.landing-finale__art img { width: 100%; height: 100%; object-fit: cover; opacity: .16; mask-image: linear-gradient(90deg, transparent, #000 65%); }
.landing-finale__inner { position: relative; padding-block: 100px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.landing-finale .landing-eyebrow { justify-content: center; }
.landing-finale h2 { font-size: clamp(40px, 5.6vw, 78px); line-height: 1.14; margin-bottom: 28px; }
.landing-finale h2 > span { color: var(--gold); }
.landing-finale__inner > p:not(.landing-eyebrow, .landing-finale__note) { color: var(--ink-soft); font-size: 15px; line-height: 1.85; max-width: 555px; margin-bottom: 30px; }
.landing-finale .landing-actions { justify-content: center; }
.landing-finale__note { font-size: 11px; color: var(--ink-dim); margin-top: 25px; }
.landing-finale .landing-more { max-width: 640px; width: 100%; text-align: left; margin-top: 36px; }
.landing-finale .landing-more > summary { justify-content: center; color: var(--ink-dim); }
.landing-foot { min-height: 122px; padding-block: 30px; display: flex; align-items: center; gap: 40px; }
.landing-foot .landing-brand { width: 188px; height: 24px; }
.landing-foot > a:first-child { display: flex; align-items: center; min-height: 44px; }
.landing-foot > p { color: var(--ink-dim); font-size: 11px; max-width: 340px; }
.landing-foot__top { margin-left: auto; display: flex; align-items: center; gap: 20px; font-size: 12px; min-height: 44px; }
.landing-foot__top span { color: var(--gold); }

/* Движение только при входе визуала и в коротких ответах на действие. */
@media (prefers-reduced-motion: no-preference) {
  .landing-hero__scene { animation: landing-scene-in 1.2s cubic-bezier(.2,.8,.2,1) both; }
}
@keyframes landing-scene-in { from { opacity: 0; } to { opacity: 1; } }
html[data-motion="reduced"] .landing *, html[data-motion="reduced"] .landing *::before, html[data-motion="reduced"] .landing *::after { animation: none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) {
  .landing *, .landing *::before, .landing *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* На малых экранах композиции перестраиваются, изображения не уменьшают текст. */
@media (max-width: 1150px) {
  .landing-top__sections { gap: 22px; }
  .landing-top__actions { gap: 12px; margin-left: 0; }
  .landing-brand { width: 185px; height: 24px; }
  .landing-hero { min-height: 720px; }
  .landing-hero__copy { width: 62%; }
  .landing-hero h1 { font-size: clamp(62px, 7.5vw, 82px); }
  .landing-hero__scene { width: auto; left: 38%; right: -25%; }
  .landing-hero__coordinate--context { left: 55%; }
  .landing-hero__coordinate--goal { left: 35%; }
  .landing-hero__coordinate--step { left: 32%; }
  .landing-hero__caption { left: 32%; }
  .landing-problem { gap: 6%; }
  .landing-feature { padding: 26px; }
  .landing-stories__layout { grid-template-columns: 220px minmax(0, 1fr); gap: 28px; }
  .landing-trust__layout { gap: 6%; }
  .landing-step { padding-inline: 24px; }
  .landing-case__body { padding-left: 0; }
}
@media (max-width: 900px) {
  .landing-top__sections { display: none; }
  .landing-top__inner { min-height: 76px; }
  .landing-top__demo { min-width: 126px; }
  .landing-hero h1 { font-size: 65px; }
  .landing-hero__description { font-size: 15px; max-width: 350px; }
  .landing-hero__copy { width: 65%; }
  .landing-hero__scene { left: 35%; right: -40%; }
  .landing-hero__coordinate--goal { left: 39%; }
  .landing-hero__coordinate--context { left: 45%; }
  .landing-hero__coordinate--step { left: 38%; }
  .landing-hero__caption { display: none; }
  .landing-section__head { gap: 32px; }
  .landing-section__head > p { max-width: 275px; font-size: 14px; }
  .landing-problem { grid-template-columns: .95fr 1.05fr; gap: 5%; }
  .landing-pain summary { font-size: 16px; min-height: 98px; }
  .landing-signal { padding: 10px; font-size: 10px; gap: 6px; }
  .landing-signal i { display: none; }
  .landing-signals { height: 260px; }
  .landing-features { grid-template-columns: 1fr 1fr; }
  .landing-feature[data-feature] { grid-column: span 1; }
  .landing-feature h3 { font-size: 23px; }
  .landing-orbits svg { height: 220px; }
  .landing-orbits__legend { gap: 8px 12px; }
  .landing-focus { min-height: 242px; }
  .landing-rhythm { gap: 8px; }
  .landing-rhythm i { width: calc(26px + var(--i) * 8px); height: calc(26px + var(--i) * 8px); }
  .landing-stories__layout { grid-template-columns: 190px minmax(0, 1fr); gap: 20px; }
  .landing-topic { gap: 6px; padding-inline: 9px; font-size: 12px; }
  .landing-story-panel { padding: 24px; }
  .landing-case__body { grid-template-columns: 1fr; gap: 20px; }
  .landing-trust__layout { grid-template-columns: .75fr 1.25fr; gap: 5%; }
  .landing-trust__art { min-height: 320px; }
  .landing-trust__core { width: 80px; height: 80px; border-radius: 20px; }
  .landing-trust__label { font-size: 9px; }
  .landing-steps { gap: 22px; }
  .landing-step { padding-inline: 0; border: 0; }
  .landing-step h3 { font-size: 21px; }
}
@media (max-width: 640px) {
  .landing { --landing-gutter: 22px; }
  .landing-brand { width: 158px; height: 20.5px; }
  .landing-top__inner { min-height: 70px; gap: 8px; }
  .landing-top__actions { gap: 2px; }
  .landing-top__demo { display: none; }
  .landing .locale-switch__option { min-width: 44px; }
  .landing :is(section[id], main[id]) { scroll-margin-top: 92px; }
  .landing-hero { min-height: 0; }
  .landing-hero__inner { padding-top: 44px; }
  .landing-hero__copy { width: 100%; padding-bottom: 296px; }
  .landing-eyebrow { font-size: 9px; letter-spacing: .1em; margin-bottom: 23px; gap: 8px; }
  .landing-hero h1 { font-size: clamp(49px, 12.4vw, 72px); letter-spacing: -.055em; margin-bottom: 23px; }
  .landing-hero__description { font-size: 15px; line-height: 1.8; max-width: 420px; margin-bottom: 25px; }
  .landing-actions { gap: 8px 18px; }
  .landing-button { font-size: 12px; min-height: 51px; padding-inline: 16px; gap: 15px; }
  .landing-button--text { padding-inline: 0; }
  .landing-hero .landing-actions { flex-direction: column; align-items: start; }
  .landing-hero .landing-button--text { min-height: 44px; padding-block: 9px; }
  .landing-hero__note { font-size: 10px; max-width: 305px; margin-top: 12px; }
  .landing-hero__scene { top: auto; left: -13%; right: -13%; height: 315px; bottom: 69px; }
  .landing-hero__galaxy { object-fit: cover; mask-image: radial-gradient(ellipse 68% 65% at 50% 48%, #000 20%, #000b 48%, transparent 78%); }
  .landing-hero__coordinate { padding: 7px 10px; font-size: 9px; gap: 7px; }
  .landing-hero__coordinate--goal { top: 8%; left: 16%; }
  .landing-hero__coordinate--context { top: 45%; left: 60%; }
  .landing-hero__coordinate--step { top: 73%; left: 24%; }
  .landing-hero__bottom { padding-block: 18px; font-size: 10px; gap: 18px; }
  .landing-hero__bottom > span { max-width: 210px; }
  .landing-hero__bottom a > span:first-child { display: none; }
  .landing-section { padding-block: 70px; }
  .landing h2 { font-size: 36px; line-height: 1.15; }
  .landing-section__head { display: block; margin-bottom: 32px; }
  .landing-section__head > p { margin-top: 24px; max-width: 100%; font-size: 14px; }
  .landing-problem { display: block; }
  .landing-problem h2 { max-width: 400px; }
  .landing-problem .landing-section__intro { font-size: 14px; max-width: 300px; }
  .landing-problem__questions { padding-top: 12px; }
  .landing-signals { height: 252px; margin-top: 18px; }
  .landing-signal { padding: 10px 14px; font-size: 11px; }
  .landing-pain summary { font-size: 17px; min-height: 90px; gap: 18px; }
  .landing-features { grid-template-columns: 1fr; gap: 14px; }
  .landing-feature { padding: 26px 22px 17px; border-radius: 10px; }
  .landing-feature h3 { font-size: 25px; }
  .landing-feature__top { margin-bottom: 20px; }
  .landing-feature__summary { font-size: 13px; }
  .landing-orbits { margin-bottom: 24px; }
  .landing-orbits svg { height: 184px; }
  .landing-orbits__legend { gap: 9px 14px; }
  .landing-focus { min-height: 220px; margin-bottom: 20px; }
  .landing-reflection { height: 150px; }
  .landing-rhythm { min-height: 158px; }
  .landing-rhythm i { width: calc(32px + var(--i) * 10px); height: calc(32px + var(--i) * 10px); }
  .landing-stories__layout { display: block; }
  .landing-topics { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; position: static; margin: 0 0 25px; }
  .landing-topic { font-size: 11px; min-height: 44px; grid-template-columns: 19px 1fr; gap: 5px; padding: 9px 8px; }
  .landing-topic > .ui-icon { display: none; }
  .landing-story-panel { padding: 25px 20px; border-radius: 10px; }
  .landing-story-panel .landing-story-panel__title { font-size: 27px; margin-bottom: 20px; }
  .landing-story-panel .landing-p { font-size: 13px; }
  .landing-say { padding: 19px 17px; margin-block: 24px; }
  .landing-say__body { font-size: 13px; }
  .landing-case > summary { gap: 10px; }
  .landing-case > summary h4 { font-size: 12px; }
  .landing-case__avatar { width: 31px; height: 31px; font-size: 12px; }
  .landing-case__body { font-size: 12px; padding: 2px 0 22px; }
  .landing-outcome { font-size: 11px; }
  .landing-trust__layout { display: flex; flex-direction: column; gap: 30px; }
  .landing-trust__art { width: 280px; min-height: 280px; order: 2; }
  .landing-trust__copy h2 { max-width: 350px; }
  .landing-trust__copy > .landing-p { font-size: 14px; }
  .landing-trust__principles li { font-size: 13px; }
  .landing-trust__label { bottom: 0; }
  .landing-steps { grid-template-columns: 1fr; gap: 30px; margin: 38px 0 24px; }
  .landing-step { padding-bottom: 30px; border-bottom: 1px solid var(--line); }
  .landing-step:first-child { border-bottom: 1px solid var(--line); }
  .landing-step:last-child { border-bottom: 0; padding-bottom: 0; }
  .landing-step__top { margin-bottom: 20px; }
  .landing-step h3 { font-size: 26px; margin-bottom: 16px; max-width: 100%; }
  .landing-finale__inner { padding-block: 72px 46px; }
  .landing-finale h2 { font-size: clamp(32px, 8.1vw, 52px); margin-bottom: 25px; }
  .landing-finale__inner > p:not(.landing-eyebrow, .landing-finale__note) { font-size: 14px; }
  .landing-finale .landing-actions { flex-direction: column; align-items: stretch; width: 100%; }
  .landing-finale__note { max-width: 300px; font-size: 10px; }
  .landing-finale__art img { object-position: 50% 50%; opacity: .13; mask-image: linear-gradient(transparent, #000); }
  .landing-foot { flex-wrap: wrap; gap: 20px; padding-block: 32px; }
  .landing-foot .landing-brand { width: 158px; height: 20.5px; }
  .landing-foot > p { order: 3; width: 100%; max-width: 290px; font-size: 10px; }
  .landing-foot__top { font-size: 11px; }
}
@media (max-width: 360px) {
  .landing { --landing-gutter: 18px; }
  .landing-brand { width: 146px; height: 19px; }
  .landing-hero h1 { font-size: 45px; }
  .landing-topic { font-size: 10px; }
}