/* Экран «Доверие» (.p0-stage--trust). Подключается после frontend-demo/styles/presentation0.css.
   Пять панелей, кольцо ключей согласий (стекло .p0-team-glass из «Команды»)
   и лента истории. Базовые стили — законченный бит «Рекомендации»
   (его же показывает reduced motion), ранние биты — .p0-stage--trust[data-beat="N"]. */

.p0-trust-ledger {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 88% 24%, #e6cd9a14, transparent 30%),
    repeating-linear-gradient(180deg, transparent 0 6vh, #b9c7c20b 6vh calc(6vh + 1px));
}
.p0-trust-scene { position: absolute; inset: 0; }

/* --- Панели битов --------------------------------------------------------------- */

.p0-trust-panel {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  translate: 0 calc(1.2 * var(--su));
  transition: opacity .5s var(--ease), translate .8s var(--ease-out), visibility 0s linear .5s;
}
.p0-trust-panel[data-panel="4"],
.p0-stage--trust[data-beat="0"] .p0-trust-panel[data-panel="0"],
.p0-stage--trust[data-beat="1"] .p0-trust-panel[data-panel="1"],
.p0-stage--trust[data-beat="2"] .p0-trust-panel[data-panel="2"],
.p0-stage--trust[data-beat="3"] .p0-trust-panel[data-panel="3"] {
  opacity: 1;
  visibility: visible;
  translate: none;
  transition-delay: .3s, .3s, 0s;
}
.p0-stage--trust:not([data-beat="4"]) .p0-trust-panel[data-panel="4"] {
  opacity: 0;
  visibility: hidden;
  translate: 0 calc(1.2 * var(--su));
  transition-delay: 0s, 0s, .5s;
}

@keyframes p0-trust-rise { from { opacity: 0; translate: 0 calc(1.2 * var(--su)); } }
@keyframes p0-trust-fade { from { opacity: 0; } }
@keyframes p0-trust-press { 45% { scale: .94; box-shadow: 0 0 0 calc(.8 * var(--su)) #e6cd9a33; } }
@keyframes p0-trust-strike { from { text-decoration-color: transparent; } }

/* --- Общие элементы -------------------------------------------------------------- */

.p0-trust-eyebrow {
  position: absolute;
  left: calc(3 * var(--su));
  top: calc(4.3 * var(--su));
  width: calc(74 * var(--su));
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(.4 * var(--su)) calc(.9 * var(--su));
  font: 500 calc(.85 * var(--su))/1.2 var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #cdb88c;
}
.p0-trust-mark { display: inline-flex; align-items: center; gap: .5em; letter-spacing: .04em; }
.p0-trust-mark small { font-size: calc(.8 * var(--su)); text-transform: none; color: #a9b5b1; }
.p0-trust-kind {
  margin: 0;
  display: flex;
  align-items: center;
  gap: .5em;
  font: 500 calc(.8 * var(--su))/1.2 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #dcc699;
}
.p0-trust-kind .entity-icon { font-size: calc(1.3 * var(--su)); }
.p0-trust-kind .ui-icon { width: 1.25em; height: 1.25em; }
.p0-trust-card {
  position: absolute;
  box-sizing: border-box;
  display: grid;
  align-content: start;
  gap: calc(.7 * var(--su));
  padding: calc(1.1 * var(--su)) calc(1.4 * var(--su));
  border: 1px solid #e6cd9a33;
  border-radius: calc(1.2 * var(--su));
  background: linear-gradient(135deg, #1d2928f0, #0f1716f5 60%);
  box-shadow: inset 0 1px #f3e6c91c;
}
.p0-trust-mock-btn {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: .45em;
  padding: .4em .95em;
  border: 1px solid #e6cd9a55;
  border-radius: 999px;
  background: #e6cd9a14;
  font-size: calc(1 * var(--su));
  color: #efe6d2;
  white-space: nowrap;
}
.p0-trust-mock-btn .ui-icon { width: 1.1em; height: 1.1em; }
.p0-trust-mock-btn--primary { border-color: #e6cd9a; background: #e6cd9a; color: #1c2a29; font-weight: 600; }
.p0-trust-mock-btn--danger { border-color: #f0926e88; background: #f0926e1a; color: #ffd9c9; }
/* Действие-концепт: пунктир и лавандовый тон бейджа «Концепт». */
.p0-trust-mock-btn[data-demo="false"] { border-style: dashed; border-color: #b7a2f577; background: #b7a2f512; color: #e3d9ff; }
.p0-trust-switch { position: relative; flex: none; width: calc(2.6 * var(--su)); height: calc(1.4 * var(--su)); border-radius: 999px; background: #e6cd9a44; }
.p0-trust-switch::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #f5e6c4;
}
.p0-trust-switch[data-on="true"] { background: #7ee1c866; }
.p0-trust-switch[data-on="true"]::after { left: auto; right: 2px; background: #d9f5ec; }

/* --- Ключи согласий (эстафета lens) -------------------------------------------------- */

.p0-trust-keys-host { position: absolute; left: calc(79 * var(--su)); top: calc(4.6 * var(--su)); width: calc(17 * var(--su)); }
.p0-trust-keys { position: relative; width: calc(17 * var(--su)); height: calc(17 * var(--su)); }
.p0-trust-keys__label {
  position: absolute;
  left: 50%;
  top: 60%;
  width: 36%;
  translate: -50% -50%;
  text-align: center;
  font: 500 calc(.68 * var(--su))/1.3 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #cdb88c;
}
.p0-trust-keys__list { margin: 0; padding: 0; list-style: none; }
.p0-trust-key {
  position: absolute;
  translate: -50% -50%;
  display: grid;
  justify-items: center;
  gap: calc(.15 * var(--su));
  opacity: .6;
  transition: opacity .5s;
}
.p0-trust-key__icon {
  display: grid;
  place-items: center;
  width: calc(2.6 * var(--su));
  height: calc(2.6 * var(--su));
  border: 1px solid #e6cd9a55;
  border-radius: 50%;
  background: #101817f0;
  color: #e6cd9a;
  transition: background .5s, color .5s, box-shadow .5s;
}
.p0-trust-key__icon .ui-icon { width: 55%; height: 55%; }
.p0-trust-key small { font-size: calc(.72 * var(--su)); color: #d8dedb; white-space: nowrap; }
.p0-trust-key[data-k="4"],
.p0-stage--trust[data-beat="0"] .p0-trust-key[data-k="0"],
.p0-stage--trust[data-beat="1"] .p0-trust-key[data-k="1"],
.p0-stage--trust[data-beat="2"] .p0-trust-key[data-k="2"],
.p0-stage--trust[data-beat="3"] .p0-trust-key[data-k="3"] { opacity: 1; }
.p0-trust-key[data-k="4"] .p0-trust-key__icon,
.p0-stage--trust[data-beat="0"] .p0-trust-key[data-k="0"] .p0-trust-key__icon,
.p0-stage--trust[data-beat="1"] .p0-trust-key[data-k="1"] .p0-trust-key__icon,
.p0-stage--trust[data-beat="2"] .p0-trust-key[data-k="2"] .p0-trust-key__icon,
.p0-stage--trust[data-beat="3"] .p0-trust-key[data-k="3"] .p0-trust-key__icon {
  background: #e6cd9a;
  color: #1c2a29;
  box-shadow: 0 0 calc(1.6 * var(--su)) #e6cd9a99;
}
.p0-stage--trust:not([data-beat="4"]) .p0-trust-key[data-k="4"] { opacity: .6; }
.p0-stage--trust:not([data-beat="4"]) .p0-trust-key[data-k="4"] .p0-trust-key__icon { background: #101817f0; color: #e6cd9a; box-shadow: none; }
.p0-trust-keys__hints { position: relative; margin-top: calc(1.2 * var(--su)); min-height: calc(4 * var(--su)); }
.p0-trust-keys__hints p {
  position: absolute;
  inset: 0 0 auto;
  margin: 0;
  text-align: center;
  font-size: calc(.95 * var(--su));
  line-height: 1.3;
  color: #c9d0cd;
  opacity: 0;
  transition: opacity .5s;
}
.p0-trust-keys__hints b { display: block; font-size: calc(1.15 * var(--su)); color: #f1d9a3; }
.p0-trust-keys__hints p[data-k="4"],
.p0-stage--trust[data-beat="0"] .p0-trust-keys__hints p[data-k="0"],
.p0-stage--trust[data-beat="1"] .p0-trust-keys__hints p[data-k="1"],
.p0-stage--trust[data-beat="2"] .p0-trust-keys__hints p[data-k="2"],
.p0-stage--trust[data-beat="3"] .p0-trust-keys__hints p[data-k="3"] { opacity: 1; }
.p0-stage--trust:not([data-beat="4"]) .p0-trust-keys__hints p[data-k="4"] { opacity: 0; }

/* --- Лента истории (эстафета history) --------------------------------------------------- */

.p0-trust-history {
  position: absolute;
  left: calc(3 * var(--su));
  top: calc(31.2 * var(--su));
  width: calc(94 * var(--su));
  box-sizing: border-box;
  padding: calc(.6 * var(--su)) calc(1.2 * var(--su)) calc(.7 * var(--su));
  border: 1px solid #e6cd9a33;
  border-radius: calc(1.1 * var(--su));
  background: linear-gradient(90deg, #1b2625e6, #0f1716f0);
}
.p0-trust-history__label { margin: 0 0 calc(.4 * var(--su)); font: 500 calc(.72 * var(--su)) var(--mono); letter-spacing: .14em; text-transform: uppercase; color: #bfae8a; }
.p0-trust-history__list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: calc(.6 * var(--su));
}
.p0-trust-history__list::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(.45 * var(--su));
  height: 1px;
  background: linear-gradient(90deg, #b7a2f566, #e6cd9a88);
}
.p0-trust-entry { position: relative; display: grid; align-content: start; gap: calc(.15 * var(--su)); padding-top: calc(1.2 * var(--su)); transition: opacity .6s; }
.p0-trust-entry__dot {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(.9 * var(--su));
  height: calc(.9 * var(--su));
  border-radius: 50%;
  background: rgb(var(--entity-rgb));
  box-shadow: 0 0 calc(.8 * var(--su)) rgba(var(--entity-rgb), .8);
}
.p0-trust-entry small { font: 500 calc(.66 * var(--su)) var(--mono); letter-spacing: .08em; text-transform: uppercase; color: #a9b5b1; }
.p0-trust-entry b { font-size: calc(.85 * var(--su)); font-weight: 540; line-height: 1.2; color: #efe9dc; }
/* Записи будущих битов — тусклые метки без текста. */
.p0-stage--trust[data-beat="0"] .p0-trust-entry:not([data-b="0"]),
.p0-stage--trust[data-beat="1"] .p0-trust-entry:is([data-b="2"], [data-b="3"], [data-b="4"]),
.p0-stage--trust[data-beat="2"] .p0-trust-entry:is([data-b="3"], [data-b="4"]),
.p0-stage--trust[data-beat="3"] .p0-trust-entry[data-b="4"] { opacity: .25; }
.p0-stage--trust[data-beat="0"] .p0-trust-entry:not([data-b="0"]) :is(small, b),
.p0-stage--trust[data-beat="1"] .p0-trust-entry:is([data-b="2"], [data-b="3"], [data-b="4"]) :is(small, b),
.p0-stage--trust[data-beat="2"] .p0-trust-entry:is([data-b="3"], [data-b="4"]) :is(small, b),
.p0-stage--trust[data-beat="3"] .p0-trust-entry[data-b="4"] :is(small, b) { visibility: hidden; }
@keyframes p0-trust-entry-in { from { opacity: 0; translate: 0 calc(.8 * var(--su)); } }
.p0-stage--trust[data-beat="0"] .p0-trust-entry[data-b="0"] { animation: p0-trust-entry-in .7s var(--ease-out) calc(1.4s + var(--n) * 2.3s) both; }
.p0-stage--trust[data-beat="1"] .p0-trust-entry[data-b="1"] { animation: p0-trust-entry-in .7s var(--ease-out) 3.6s both; }
.p0-stage--trust[data-beat="2"] .p0-trust-entry[data-b="2"] { animation: p0-trust-entry-in .7s var(--ease-out) 3.8s both; }
.p0-stage--trust[data-beat="3"] .p0-trust-entry[data-b="3"] { animation: p0-trust-entry-in .7s var(--ease-out) calc(1.4s + var(--n) * 1.6s) both; }
.p0-stage--trust[data-beat="4"] .p0-trust-entry[data-b="4"] { animation: p0-trust-entry-in .7s var(--ease-out) calc(2.2s + var(--n) * 1.4s) both; }

/* --- Бит 0 «Машина времени» ------------------------------------------------------------- */

.p0-trust-tm__links path { stroke: #e6cd9a66; stroke-width: .1; stroke-dasharray: .4 .3; }
.p0-trust-link {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: .4em;
  padding: .3em .8em;
  border: 1px solid rgba(var(--entity-rgb), .5);
  border-radius: 999px;
  background: #0f1716f0;
  font-size: calc(.95 * var(--su));
  color: #f2eee6;
  white-space: nowrap;
}
.p0-trust-link .entity-icon { font-size: 1.2em; }
.p0-trust-link[data-i="0"] { right: calc(83 * var(--su)); top: calc(10 * var(--su)); }
.p0-trust-link[data-i="1"] { left: calc(58.5 * var(--su)); top: calc(8.5 * var(--su)); }
.p0-trust-link[data-i="2"] { left: calc(58.5 * var(--su)); top: calc(12.7 * var(--su)); }
.p0-trust-decision {
  position: absolute;
  left: calc(21 * var(--su));
  top: calc(6.8 * var(--su));
  width: calc(33.5 * var(--su));
  box-sizing: border-box;
  display: grid;
  gap: calc(.5 * var(--su));
  padding: calc(1.1 * var(--su)) calc(1.5 * var(--su));
  border: 1px solid rgba(var(--entity-rgb), .6);
  border-radius: calc(1.2 * var(--su));
  background: linear-gradient(140deg, rgba(var(--entity-rgb), .18), #111918f4 55%);
  box-shadow: 0 0 calc(3.5 * var(--su)) rgba(var(--entity-rgb), .16);
}
.p0-trust-decision__title { margin: 0; display: grid; }
.p0-trust-decision__title > * { grid-area: 1 / 1; font-size: calc(1.7 * var(--su)); line-height: 1.2; }
.p0-trust-decision__old { color: #9aa6a3; opacity: 0; text-decoration-color: #f0a27e; }
.p0-trust-decision__new { font-weight: 600; color: #f7f2e8; }
.p0-trust-decision small { font-size: calc(1 * var(--su)); color: #c9c0a8; }
.p0-trust-slider { position: absolute; left: calc(6 * var(--su)); top: calc(18.6 * var(--su)); width: calc(64 * var(--su)); }
.p0-trust-slider__label {
  position: absolute;
  left: 0;
  bottom: calc(100% + .8 * var(--su));
  font: 500 calc(.72 * var(--su)) var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #bfae8a;
}
.p0-trust-slider__track { position: relative; height: calc(.5 * var(--su)); border-radius: 999px; background: #ffffff14; }
.p0-trust-slider__fill {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #b7a2f5, #e6cd9a);
  transform: scaleX(.88);
  transform-origin: left;
}
.p0-trust-slider__notch {
  position: absolute;
  top: 50%;
  width: calc(.9 * var(--su));
  height: calc(.9 * var(--su));
  translate: -50% -50%;
  box-sizing: border-box;
  border: 2px solid #e6cd9a;
  border-radius: 50%;
  background: #0f1716;
}
.p0-trust-slider__thumb {
  position: absolute;
  left: 88%;
  top: 50%;
  width: calc(1.8 * var(--su));
  height: calc(1.8 * var(--su));
  translate: -50% -50%;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff1cf, #e6cd9a 50%, #8a6d34);
  box-shadow: 0 0 calc(1.4 * var(--su)) #e6cd9aaa;
}
.p0-trust-versions { position: relative; height: calc(8 * var(--su)); margin: calc(1.3 * var(--su)) 0 0; padding: 0; list-style: none; }
.p0-trust-version {
  position: absolute;
  top: 0;
  width: calc(19 * var(--su));
  translate: -50% 0;
  box-sizing: border-box;
  display: grid;
  gap: calc(.3 * var(--su));
  padding: calc(.8 * var(--su)) calc(1 * var(--su));
  border: 1px solid #e6cd9a33;
  border-radius: calc(.9 * var(--su));
  background: #101817ee;
  opacity: .72;
}
.p0-trust-version[data-i="2"] { opacity: 1; border-color: #e6cd9a99; box-shadow: 0 0 calc(2 * var(--su)) #e6cd9a22; }
.p0-trust-version__when { font: 500 calc(.75 * var(--su)) var(--mono); color: #a9b5b1; }
.p0-trust-version__when b { margin-right: .5em; color: #f1d9a3; }
.p0-trust-version__what { font-size: calc(1.05 * var(--su)); font-weight: 540; line-height: 1.2; color: #f2eee6; }
.p0-trust-version small { font-size: calc(.82 * var(--su)); color: #b8a980; }
@keyframes p0-trust-thumb {
  0% { left: 0%; }
  12%, 40% { left: 12%; }
  55%, 72% { left: 50%; }
  86%, 100% { left: 88%; }
}
@keyframes p0-trust-fill {
  0% { transform: scaleX(0); }
  12%, 40% { transform: scaleX(.12); }
  55%, 72% { transform: scaleX(.5); }
  86%, 100% { transform: scaleX(.88); }
}
@keyframes p0-trust-old {
  0%, 55% { opacity: 1; text-decoration-color: transparent; }
  75% { opacity: 1; text-decoration-color: #f0a27e; }
  100% { opacity: 0; }
}
.p0-stage--trust[data-beat="0"] .p0-trust-slider__thumb { animation: p0-trust-thumb 6.4s var(--ease) .6s both; }
.p0-stage--trust[data-beat="0"] .p0-trust-slider__fill { animation: p0-trust-fill 6.4s var(--ease) .6s both; }
.p0-stage--trust[data-beat="0"] .p0-trust-version { animation: p0-trust-rise .6s var(--ease-out) both; }
.p0-stage--trust[data-beat="0"] .p0-trust-version[data-i="0"] { animation-delay: 1.3s; }
.p0-stage--trust[data-beat="0"] .p0-trust-version[data-i="1"] { animation-delay: 4.1s; }
.p0-stage--trust[data-beat="0"] .p0-trust-version[data-i="2"] { animation-delay: 6.1s; }
.p0-stage--trust[data-beat="0"] .p0-trust-decision__old { animation: p0-trust-old 4.4s linear both; }
.p0-stage--trust[data-beat="0"] .p0-trust-decision__new { animation: p0-trust-fade .7s 4.2s both; }
.p0-stage--trust[data-beat="0"] .p0-trust-decision small { animation: p0-trust-fade .7s 4.5s both; }

/* --- Бит 1 «Источник вывода» ---------------------------------------------------------- */

.p0-trust-journal { left: calc(3 * var(--su)); top: calc(7.4 * var(--su)); width: calc(34 * var(--su)); }
.p0-trust-journal ol { margin: 0; padding: 0; list-style: none; display: grid; gap: calc(.3 * var(--su)); }
.p0-trust-journal li {
  display: grid;
  grid-template-columns: calc(7.4 * var(--su)) 1fr;
  column-gap: calc(.8 * var(--su));
  padding: calc(.55 * var(--su)) 0;
  border-top: 1px solid #ffffff12;
}
.p0-trust-journal time { grid-row: span 2; font: 500 calc(.8 * var(--su)) var(--mono); color: #a9b5b1; }
.p0-trust-journal b { font-size: calc(.85 * var(--su)); font-weight: 500; color: #cdb88c; }
.p0-trust-journal li span { font-size: calc(1.05 * var(--su)); color: #efe9dc; }
.p0-trust-conclusion { left: calc(40 * var(--su)); top: calc(7.4 * var(--su)); width: calc(34 * var(--su)); gap: calc(.5 * var(--su)); border-color: rgba(var(--entity-rgb), .5); }
.p0-trust-conclusion__title { margin: 0; font-size: calc(1.8 * var(--su)); font-weight: 600; color: #f7f2e8; }
.p0-trust-sources { left: calc(40 * var(--su)); top: calc(16.8 * var(--su)); width: calc(34 * var(--su)); border-color: #7ee1c844; }
.p0-trust-sources__quote { margin: 0; font-size: calc(1.05 * var(--su)); line-height: 1.35; color: #e9e3d4; }
.p0-trust-sources__chips { margin: 0; display: flex; flex-wrap: wrap; gap: calc(.5 * var(--su)); }
.p0-trust-sources__chips span {
  padding: .25em .8em;
  border: 1px solid #e6cd9a66;
  border-radius: 999px;
  background: #e6cd9a14;
  font-size: calc(.9 * var(--su));
  color: #f1d9a3;
}
.p0-trust-sources__interp { margin: 0; font-size: calc(.9 * var(--su)); color: #b7a2f5; }
.p0-stage--trust[data-beat="1"] .p0-trust-journal li { animation: p0-trust-rise .6s var(--ease-out) calc(.5s + var(--i) * .45s) both; }
.p0-stage--trust[data-beat="1"] .p0-trust-conclusion { animation: p0-trust-rise .7s var(--ease-out) .8s both; }
.p0-stage--trust[data-beat="1"] .p0-trust-conclusion .p0-trust-mock-btn { animation: p0-trust-press .8s ease-in-out 2.2s both; }
.p0-stage--trust[data-beat="1"] .p0-trust-sources { animation: p0-trust-unfold .9s var(--ease-out) 2.8s both; }
@keyframes p0-trust-unfold { from { opacity: .2; clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } }
.p0-stage--trust[data-beat="1"] .p0-trust-sources__chips span { animation: p0-trust-rise .5s var(--ease-out) calc(3.5s + var(--i) * .25s) both; }

/* --- Бит 2 «Исправления» ---------------------------------------------------------------- */

.p0-trust-fix-source { left: calc(3 * var(--su)); top: calc(7.4 * var(--su)); width: calc(27 * var(--su)); }
.p0-trust-fix-source__quote { margin: 0; font-size: calc(1.4 * var(--su)); line-height: 1.25; color: #f2eee6; }
.p0-trust-fix-source small { display: flex; align-items: center; gap: .4em; font-size: calc(.85 * var(--su)); color: #a9b5b1; }
.p0-trust-fix-source small .ui-icon { width: 1.1em; height: 1.1em; }
.p0-trust-alert {
  position: absolute;
  left: calc(3 * var(--su));
  top: calc(17.4 * var(--su));
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: .5em;
  padding: .35em .9em;
  border: 1px solid #f0c06e88;
  border-radius: 999px;
  background: #f0c06e14;
  font-size: calc(1 * var(--su));
  color: #f7dcaa;
}
.p0-trust-alert .ui-icon { width: 1.1em; height: 1.1em; }
.p0-trust-fix-log { left: calc(3 * var(--su)); top: calc(21 * var(--su)); width: calc(27 * var(--su)); border-color: #7ee1c855; }
.p0-trust-fix-log b { font-size: calc(1.05 * var(--su)); font-weight: 540; line-height: 1.3; color: #d6f3ea; }
.p0-trust-fix-log small { font-size: calc(.85 * var(--su)); color: #a9b5b1; }
.p0-trust-form { left: calc(33 * var(--su)); top: calc(7.4 * var(--su)); width: calc(40 * var(--su)); }
.p0-trust-form dl { margin: 0; display: grid; gap: calc(.5 * var(--su)); }
.p0-trust-form__row {
  display: grid;
  grid-template-columns: calc(9 * var(--su)) 1fr;
  align-items: center;
  padding: calc(.7 * var(--su)) calc(1 * var(--su));
  border: 1px dashed #b7a2f555;
  border-radius: calc(.7 * var(--su));
  background: #b7a2f50a;
}
.p0-trust-form__row[data-demo="true"] { border: 1px solid #7ee1c888; background: #7ee1c812; }
.p0-trust-form dt { font: 500 calc(.8 * var(--su)) var(--mono); letter-spacing: .1em; text-transform: uppercase; color: #a9b5b1; }
.p0-trust-form dd { margin: 0; display: flex; align-items: center; gap: calc(.6 * var(--su)); font-size: calc(1.15 * var(--su)); color: #efe9dc; }
.p0-trust-form__before { color: #9aa6a3; text-decoration-color: #f0a27e; }
.p0-trust-form__arrow { color: #e6cd9a; }
.p0-trust-form__after { font-weight: 600; color: #8fe0b5; }
.p0-stage--trust[data-beat="2"] .p0-trust-alert { animation: p0-trust-rise .6s var(--ease-out) .8s both; }
.p0-stage--trust[data-beat="2"] .p0-trust-form__row { animation: p0-trust-rise .5s var(--ease-out) calc(1.3s + var(--i) * .2s) both; }
.p0-stage--trust[data-beat="2"] .p0-trust-form__before { animation: p0-trust-strike .5s 2.6s both; }
.p0-stage--trust[data-beat="2"] :is(.p0-trust-form__arrow, .p0-trust-form__after) { animation: p0-trust-fade .5s 3s both; }
.p0-stage--trust[data-beat="2"] .p0-trust-fix-log { animation: p0-trust-rise .7s var(--ease-out) 3.6s both; }

/* --- Бит 3 «Отзыв и удаление» ------------------------------------------------------------ */

.p0-trust-source { left: calc(3 * var(--su)); top: calc(7.4 * var(--su)); width: calc(30 * var(--su)); }
.p0-trust-source__row { display: flex; flex-wrap: wrap; align-items: center; gap: calc(.5 * var(--su)) calc(.9 * var(--su)); padding: calc(.8 * var(--su)) 0 0; border-top: 1px solid #ffffff12; }
.p0-trust-source__row > span:not([class]) { display: grid; }
.p0-trust-source__row b { font-size: calc(1.1 * var(--su)); color: #f1d9a3; }
.p0-trust-source__row small { font-size: calc(.85 * var(--su)); color: #a9b5b1; }
.p0-trust-erase { position: absolute; left: calc(37 * var(--su)); top: calc(7.4 * var(--su)); width: calc(37 * var(--su)); height: calc(22 * var(--su)); }
.p0-trust-erase__node {
  position: absolute;
  left: calc(4 * var(--su));
  top: calc(1.5 * var(--su));
  width: calc(29 * var(--su));
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: calc(.7 * var(--su));
  padding: calc(1 * var(--su)) calc(1.3 * var(--su));
  border: 1px solid rgba(var(--entity-rgb), .6);
  border-radius: calc(1 * var(--su));
  background: rgba(var(--entity-rgb), .14);
  font-size: calc(1.15 * var(--su));
  color: #f2eee6;
  opacity: 0;
}
.p0-trust-erase__node .ui-icon { width: 1.3em; height: 1.3em; }
.p0-trust-erase__shards span {
  position: absolute;
  left: calc(18.5 * var(--su));
  top: calc(3.2 * var(--su));
  width: calc(1.1 * var(--su));
  height: calc(.7 * var(--su));
  border-radius: 2px;
  background: #c9b8f0;
  opacity: 0;
}
.p0-trust-receipt {
  position: absolute;
  left: calc(5 * var(--su));
  top: calc(6.5 * var(--su));
  width: calc(28 * var(--su));
  box-sizing: border-box;
  display: grid;
  gap: calc(.7 * var(--su));
  padding: calc(1.1 * var(--su)) calc(1.4 * var(--su));
  border: 1px dashed #e6cd9a88;
  border-radius: calc(1 * var(--su));
  background: repeating-linear-gradient(180deg, #f3e6c908 0 calc(1.6 * var(--su)), transparent calc(1.6 * var(--su)) calc(3.2 * var(--su))), #121a19f5;
}
.p0-trust-receipt dl { margin: 0; display: grid; gap: calc(.4 * var(--su)); }
.p0-trust-receipt dl div { display: grid; grid-template-columns: calc(6.4 * var(--su)) 1fr; }
.p0-trust-receipt dt { font: 500 calc(.78 * var(--su)) var(--mono); letter-spacing: .08em; text-transform: uppercase; color: #a9b5b1; }
.p0-trust-receipt dd { margin: 0; font-size: calc(1 * var(--su)); line-height: 1.3; color: #efe9dc; }
@keyframes p0-trust-node-life { 0% { opacity: 0; } 8%, 78% { opacity: 1; } 100% { opacity: 0; } }
@keyframes p0-trust-shard {
  0% { opacity: 0; }
  2% { opacity: 1; translate: 0 0; rotate: 0deg; }
  100% { opacity: 0; translate: var(--dx) var(--dy); rotate: 160deg; }
}
.p0-stage--trust[data-beat="3"] .p0-trust-source__row { animation: p0-trust-rise .6s var(--ease-out) calc(.6s + var(--r, 0) * 1s) both; }
.p0-stage--trust[data-beat="3"] .p0-trust-source__row[data-row="revoke"] { --r: 1.1; }
.p0-stage--trust[data-beat="3"] .p0-trust-source__row[data-row="delete"] { --r: 2.2; }
.p0-stage--trust[data-beat="3"] .p0-trust-source__row[data-row="delete"] .p0-trust-mock-btn { animation: p0-trust-press .8s ease-in-out 3s both; }
.p0-stage--trust[data-beat="3"] .p0-trust-erase__node { animation: p0-trust-node-life 4.2s linear both; }
.p0-stage--trust[data-beat="3"] .p0-trust-erase__shards span { animation: p0-trust-shard 1.3s cubic-bezier(.2, .7, .3, 1) calc(3.4s + var(--k) * 20ms) both; }
.p0-stage--trust[data-beat="3"] .p0-trust-receipt { animation: p0-trust-rise .8s var(--ease-out) 4.4s both; }

/* --- Бит 4 «Рекомендации под контролем» ----------------------------------------------------- */

.p0-trust-advice { left: calc(3 * var(--su)); top: calc(7.4 * var(--su)); width: calc(38 * var(--su)); border-color: rgba(var(--entity-rgb), .45); }
.p0-trust-budget {
  margin-left: auto;
  padding: .15em .7em;
  border: 1px solid #7ee1c866;
  border-radius: 999px;
  letter-spacing: 0;
  text-transform: none;
  color: #b8e9da;
}
.p0-trust-advice__title { margin: 0; font-size: calc(1.8 * var(--su)); font-weight: 600; color: #f7f2e8; }
.p0-trust-advice__why { margin: 0; font-size: calc(1.1 * var(--su)); color: #c9d0cd; }
.p0-trust-advice__actions,
.p0-trust-advice__feedback { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: calc(.5 * var(--su)); }
.p0-trust-advice__feedback small { margin-right: calc(.3 * var(--su)); font-size: calc(.85 * var(--su)); color: #a9b5b1; }
.p0-trust-quiet { left: calc(45 * var(--su)); top: calc(7.4 * var(--su)); width: calc(28 * var(--su)); display: flex; align-items: center; gap: calc(1 * var(--su)); }
.p0-trust-quiet b { display: block; font-size: calc(1.05 * var(--su)); font-weight: 540; color: #f2eee6; }
.p0-trust-quiet small { font-size: calc(.85 * var(--su)); color: #a9b5b1; }
.p0-trust-types { left: calc(45 * var(--su)); top: calc(14.8 * var(--su)); width: calc(28 * var(--su)); border-style: dashed; border-color: #b7a2f555; }
.p0-trust-types ul { margin: 0; padding: 0; list-style: none; display: grid; gap: calc(.6 * var(--su)); }
.p0-trust-types li { display: flex; align-items: center; gap: calc(.8 * var(--su)); font-size: calc(1.05 * var(--su)); color: #efe9dc; }
.p0-trust-types li[data-on="false"] { color: #8e9a97; text-decoration: line-through; text-decoration-color: #b7a2f5aa; }
.p0-stage--trust[data-beat="4"] .p0-trust-advice { animation: p0-trust-rise .7s var(--ease-out) .3s both; }
.p0-stage--trust[data-beat="4"] .p0-trust-advice__actions .p0-trust-mock-btn { animation: p0-trust-rise .5s var(--ease-out) calc(1s + var(--i) * .2s) both; }
.p0-stage--trust[data-beat="4"] .p0-trust-advice__actions .p0-trust-mock-btn:first-child { animation: p0-trust-rise .5s var(--ease-out) 1s both, p0-trust-press .8s ease-in-out 2.1s both; }
.p0-stage--trust[data-beat="4"] .p0-trust-quiet { animation: p0-trust-rise .7s var(--ease-out) 1.6s both; }
.p0-stage--trust[data-beat="4"] .p0-trust-types { animation: p0-trust-rise .7s var(--ease-out) 2.4s both; }
.p0-stage--trust[data-beat="4"] .p0-trust-types li[data-on="false"] { animation: p0-trust-strike .5s 3.6s both; }