@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Open+Sans:wght@400;600;700&display=swap');
/*tp496r:start*/
/* tp496 reset: the site theme (Eduma, BetterDocs) styles bare tags; inside the article the page must look as in Claude Design.
   Prepended to app.css, so the bundle's own rules of equal weight still win; inline styles always win. */
.figma-make-app-wrapper .figma-make-app-root :is(p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,blockquote,figure,hr,menu,pre,fieldset,legend,table,caption,td,th,tr,button,input,select,textarea){margin:revert;padding:revert}
.figma-make-app-wrapper .figma-make-app-root :is(button,input,select,textarea,optgroup){color:revert;font:revert;letter-spacing:revert;text-transform:revert;border:revert;border-radius:revert;background:revert;box-shadow:revert;overflow:revert;appearance:revert;cursor:revert;transition:revert;outline:revert;min-height:revert;height:revert;width:revert}
.figma-make-app-wrapper .figma-make-app-root :is(h1,h2,h3,h4,h5,h6){line-height:revert;color:revert;font-family:revert;font-size:revert;font-weight:revert;text-transform:revert;letter-spacing:revert}
.figma-make-app-wrapper .figma-make-app-root :is(b,strong){font-weight:revert}
.figma-make-app-wrapper .figma-make-app-root figure{max-width:revert}
.figma-make-app-wrapper .figma-make-app-root :is(table,td,th,tr){border:revert;width:revert;text-align:revert;font-weight:revert;background:revert;vertical-align:revert}
.figma-make-app-wrapper .figma-make-app-root a{color:revert;text-decoration:revert;transition:revert}
.figma-make-app-wrapper .figma-make-app-root :is(ul,ol,li){list-style:revert}
.figma-make-app-wrapper .figma-make-app-root img{max-width:revert;height:revert}
/*tp496r:end*/
.figma-make-app-wrapper{isolation:isolate}
/* tokens/fonts.css */
/* TPM Article Design System — Webfonts
 * Montserrat (headings) + Open Sans (body), loaded from Google Fonts — the
 * exact families the live article repos use (src/index.css). Montserrat
 * weights 400-800; Open Sans 400-700. */


/* tokens/colors.css */
/* TPM Article Design System — Palette
 * Exactly SEVEN semantic colour pairs (draw.io / Miro sticky scheme).
 * Light = fill, dark = border / icon / accent / heading-in-block.
 * The HEX values are the source of truth. HSL mirrors are derived from them.
 * Icons are ALWAYS coloured, never grayscale. One semantic hue per category —
 * colour encodes meaning, never decoration. NO inline hex in components other
 * than these exact values. */

.figma-make-app-wrapper .figma-make-app-root {
  /* ---- Solid (border / heading / icon / accent) ---- */
  --p-gray: #666666;
  --p-blue: #6c8ebf;
  --p-green: #82b366;
  --p-red: #b85450;
  --p-yellow: #d79b00;
  --p-purple: #9673a6;
  --p-darkblue: #23445d;

  /* ---- Light (fill / tinted container background) ---- */
  --p-gray-light: #f5f5f5;
  --p-blue-light: #ddeaff;
  --p-green-light: #d5e8d4;
  --p-red-light: #f8cecc;
  --p-yellow-light: #fff2cc;
  --p-purple-light: #e1d5e7;
  --p-darkblue-light: #bac8d3;

  /* ---- HSL mirrors (for shadcn-style hsl(var(--x)) consumers) ---- */
  --palette-gray: 0 0% 40%;
  --palette-gray-light: 0 0% 96%;
  --palette-blue: 210 33% 59%;
  --palette-blue-light: 210 63% 92%;
  --palette-green: 100 33% 55%;
  --palette-green-light: 100 38% 87%;
  --palette-red: 0 38% 52%;
  --palette-red-light: 0 65% 89%;
  --palette-yellow: 40 100% 42%;
  --palette-yellow-light: 46 100% 87%;
  --palette-purple: 273 22% 55%;
  --palette-purple-light: 273 30% 87%;
  --palette-darkblue: 207 44% 25%;
  --palette-darkblue-light: 207 22% 77%;

  /* ---- Semantic aliases ---- */
  --background: #ffffff;       /* page + card surface */
  --foreground: #334155;       /* body text (slate-700-ish) */
  --heading: var(--p-darkblue);/* all headings & titles */
  --border-default: var(--p-gray); /* default 2px border colour */
  --muted-foreground: #666666;
  --accent: var(--p-blue);     /* primary concept / interactive */
}

/* tokens/typography.css */
/* TPM Article Design System — Typography
 * Headings: Montserrat (font-heading). Titles font-extrabold, p-darkblue,
 *   with a single accent <u> underline on ONE key word.
 * Body: Open Sans (font-body / font-sans), 16px / leading-relaxed. */

.figma-make-app-wrapper .figma-make-app-root {
  --font-heading: 'Montserrat', system-ui, sans-serif;
  --font-body: 'Open Sans', system-ui, sans-serif;

  /* Type scale (px) — editorial long-form */
  --text-h1: 36px;   /* article title  (text-4xl, extrabold) */
  --text-h2: 24px;   /* section title  (text-2xl, bold) */
  --text-h3: 18px;   /* diagram / block title (text-lg, bold) */
  --text-h4: 16px;   /* card title (text-base, bold) */
  --text-body: 16px; /* body copy (text-base) */
  --text-sm: 14px;   /* secondary / card body / captions */
  --text-xs: 12px;   /* diagram labels */

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  /* Line heights */
  --leading-tight: 1.2;
  --leading-relaxed: 1.65;
}

/* tokens/spacing.css */
/* TPM Article Design System — Layout, spacing, surfaces (HARD rules)
 * Single centred column, fixed 893px. Flat design: NO shadows, NO decorative
 * gradients. 2px borders. Outer containers rounded-2xl, inner blocks rounded-xl.
 * NO internal scroll anywhere. */

.figma-make-app-wrapper .figma-make-app-root {
  /* Container */
  --article-max-width: 893px;   /* HARD — never 4xl, never 1400px */
  --article-padding-x: 16px;    /* px-4 */
  --article-padding-y: 40px;    /* py-10 */
  --section-gap: 32px;          /* gap-8 between sections */
  --block-gap: 16px;            /* gap-4 within a section */

  /* Spacing scale (Tailwind-aligned, px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* Borders & radii */
  --border-width: 2px;          /* HARD — all borders 2px */
  --radius-outer: 16px;         /* rounded-2xl — outer containers */
  --radius-inner: 12px;         /* rounded-xl — inner blocks */
  --radius-sm: 8px;             /* rounded-lg — icon squares, chips */

  /* Flat — no shadow tokens by design. The only sanctioned depth is a subtle
   * lift on a floating/overlay element inside a diagram (see DESIGN_SYSTEM §3.4). */
  --lens-shadow: 0 8px 24px rgba(35, 68, 93, 0.12);
}

/* Article shell helper — single centred column, natural page scroll only. */
.figma-make-app-wrapper .figma-make-app-root .tpm-article {
  width: 100%;
  max-width: var(--article-max-width);
  margin-inline: auto;
  padding-inline: var(--article-padding-x);
  padding-block: var(--article-padding-y);
  display: flex;
  flex-direction: column;
  gap: var(--section-gap);
  font-family: var(--font-body);
  color: var(--foreground);
}

/* tokens/base.css */
/* TPM Article Design System — base element defaults.
 * Minimal resets so specimen cards and components paint correctly. */

.figma-make-app-wrapper .figma-make-app-root * {
  box-sizing: border-box;
}

.figma-make-app-wrapper .figma-make-app-root .body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-body);
  font-size: var(--text-body);
  line-height: var(--leading-relaxed);
  -webkit-font-smoothing: antialiased;
}

.figma-make-app-wrapper .figma-make-app-root h1, .figma-make-app-wrapper .figma-make-app-root h2, .figma-make-app-wrapper .figma-make-app-root h3, .figma-make-app-wrapper .figma-make-app-root h4, .figma-make-app-wrapper .figma-make-app-root h5, .figma-make-app-wrapper .figma-make-app-root h6 {
  font-family: var(--font-heading);
  color: var(--heading);
  margin: 0;
}

.figma-make-app-wrapper .figma-make-app-root p {
  margin: 0;
}

/* Article titles carry a single accent underline on one key word. */
.figma-make-app-wrapper .figma-make-app-root h1 u, .figma-make-app-wrapper .figma-make-app-root h2 u {
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
}

.figma-make-app-wrapper .figma-make-app-root a {
  color: var(--accent);
}

/* ---- article <style> block ---- */

  .figma-make-app-wrapper .figma-make-app-root h2 u{ text-decoration-color:#D79B00; text-decoration-thickness:.12em; text-underline-offset:.15em; text-decoration-skip-ink:none }
  .figma-make-app-wrapper .figma-make-app-root a{ color:var(--p-blue) } .figma-make-app-wrapper .figma-make-app-root a:hover{ color:var(--p-darkblue) }
  @keyframes accReveal { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:none} }
  @keyframes introReveal { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:none} }
  /* ==== Глобальный вход по прокрутке: текст/карточки всплывают снизу, рамки фигур — мягким проявлением ==== */
  @keyframes revUp { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:none} }
  @keyframes revFade { from{opacity:0} to{opacity:1} }
  /* ==== Изобр.0 — небрендированная полоса пути: вход по приказу (фазы слева-направо, ворота попом после соседей) ==== */
  @keyframes stripSlideIn { from{opacity:0;transform:translateX(-20px)} to{opacity:1;transform:translateX(0)} }
  @keyframes gatePop { from{opacity:0;transform:rotate(-15deg) scale(.85)} to{opacity:1;transform:rotate(0deg) scale(1)} }
  @keyframes f11pop { from{opacity:0;transform:scale(.8)} to{opacity:1;transform:scale(1)} }
  @keyframes f11draw { from{stroke-dashoffset:24} to{stroke-dashoffset:0} }
  /* ==== Изобр.1 — «Где стоит этот шаг»: цепочка шагов фазы (§8), активный шаг красный и пульсирует ==== */
  @keyframes chipPop { from{opacity:0;transform:scale(.8)} to{opacity:1;transform:scale(1)} }
  @keyframes fadeUp16 { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:none} }
  @keyframes p1draw { from{stroke-dashoffset:1} to{stroke-dashoffset:0} }
  @keyframes p1fade { from{opacity:0} to{opacity:1} }
  @keyframes p1pulse { 0%, 100%{box-shadow:0 0 0 0 rgba(184,84,80,.5)} 50%{box-shadow:0 0 0 8px rgba(184,84,80,0)} }
  @keyframes popIn90Up { from{opacity:0;transform:translateY(16px) scale(.9)} to{opacity:1;transform:none} }
  /* ==== Изобр.5 — точка против диапазона: число первым, полоса растёт из числа в обе стороны, отметка вероятности попом, поля стаггером ==== */
  @keyframes numPopF5 { from{opacity:0;transform:scale(.8)} to{opacity:1;transform:scale(1)} }
  @keyframes bandGrowXF5 { from{transform:translateY(-50%) scaleX(0)} to{transform:translateY(-50%) scaleX(1)} }
  @keyframes probPopF5 { from{opacity:0;transform:translateX(-50%) scale(.5)} to{opacity:1;transform:translateX(-50%) scale(1)} }
  .figma-make-app-wrapper .figma-make-app-root [data-fig5band]{transform-origin:center center}
  @media (max-width:599px){ .figma-make-app-wrapper .figma-make-app-root [data-fig5halves]{grid-template-columns:1fr !important} .figma-make-app-wrapper .figma-make-app-root [data-fig5half="l"]{border-right:none !important;border-bottom:2px dashed var(--p-darkblue-light);padding:0 0 16px !important} .figma-make-app-wrapper .figma-make-app-root [data-fig5half="r"]{padding:16px 0 0 !important} .figma-make-app-wrapper .figma-make-app-root [data-fig5field]{grid-template-columns:1fr !important;gap:4px !important} }
  /* ==== Изобр.2 — как собирается бизнес-кейс: поток-схема в табуляторе (ветвление · финансовая сборка) ==== */
  @keyframes bcpRise{ from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none} }
  .figma-make-app-wrapper .figma-make-app-root [data-bcpw] [data-bctab]{transition:background .2s ease,color .2s ease}
  .figma-make-app-wrapper .figma-make-app-root [data-bcpw] [data-bctab]:hover{filter:brightness(.97)}
  .figma-make-app-wrapper .figma-make-app-root [data-bcpw] [data-panel]{transition:opacity .25s}
  .figma-make-app-wrapper .figma-make-app-root [data-bcpw] [data-panel][data-active="0"]{opacity:0;visibility:hidden;pointer-events:none}
  .figma-make-app-wrapper .figma-make-app-root [data-bcpw] [data-panel][data-active="1"]{opacity:1;visibility:visible}
  .figma-make-app-wrapper .figma-make-app-root .bcpfig [data-bcpnode]{opacity:1}
  .figma-make-app-wrapper .figma-make-app-root .bcpfig [data-bcpbox]{transition:transform .18s ease}
  .figma-make-app-wrapper .figma-make-app-root .bcpfig [data-bcpbox]:hover{transform:translateY(-2px)}
  .figma-make-app-wrapper .figma-make-app-root .bcpfig.armed [data-bcpnode]{opacity:0}
  .figma-make-app-wrapper .figma-make-app-root .bcpfig.armed.go [data-bcpnode]{animation:bcpRise .5s cubic-bezier(.22,1,.36,1) both}
  .figma-make-app-wrapper .figma-make-app-root .bcpfig.done [data-bcpnode]{animation:none !important;opacity:1}
  /* ==== Изобр.10 — рабочее место бизнес-кейса (табулятор из трёх вкладок) ==== */
  .figma-make-app-wrapper .figma-make-app-root [data-bcw] [data-bctab]{transition:background .2s ease,color .2s ease}
  .figma-make-app-wrapper .figma-make-app-root [data-bcw] [data-bctab]:hover{filter:brightness(.97)}
  .figma-make-app-wrapper .figma-make-app-root [data-bcw] [data-panel]{transition:opacity .2s}
  .figma-make-app-wrapper .figma-make-app-root [data-bcw] [data-panel][data-active="0"]{opacity:0;visibility:hidden;pointer-events:none}
  .figma-make-app-wrapper .figma-make-app-root [data-bcw] [data-panel][data-active="1"]{opacity:1;visibility:visible}
  /* ==== Изобр.7 — панель сводки: вход по приказу (шасси → полоса → плитки → полосы → подвал) ==== */
  @keyframes f7chassis { from{opacity:0;transform:scale(.96)} to{opacity:1;transform:none} }
  .figma-make-app-wrapper .figma-make-app-root [data-f7tiles]:hover [data-f7tile]{opacity:.85}
  .figma-make-app-wrapper .figma-make-app-root [data-f7tiles] [data-f7tile]:hover{opacity:1}
  /* ==== Изобр.9 — три дороги в бизнес-кейс: три равновесные плашки-источника, один узел, три одинаковые стрелки ==== */
  .figma-make-app-wrapper .figma-make-app-root [data-fig9comp] [data-f9src]{transition:opacity .18s ease}
  .figma-make-app-wrapper .figma-make-app-root [data-fig9comp].f9dim [data-f9src]:not(.f9on){opacity:.85}
  .figma-make-app-wrapper .figma-make-app-root [data-fig9hint]{display:none;align-items:center;justify-content:center;gap:6px;font-family:'Open Sans',sans-serif;font-size:12px;color:var(--p-gray);margin-top:8px}
  @media (max-width:599px){ .figma-make-app-wrapper .figma-make-app-root [data-f7body]{grid-template-columns:1fr !important} }
  /* ==== Изобр.4 — реестр показателей: 4 колонки × 5 строк; вход «скелет → строки» ==== */
  .figma-make-app-wrapper .figma-make-app-root [data-fig4wrap]{overflow:hidden;max-width:100%}
  .figma-make-app-wrapper .figma-make-app-root [data-t4]{min-width:560px;display:grid;grid-template-columns:1.5fr 2fr 1.35fr 1.5fr;border:2px solid var(--p-darkblue);border-radius:14px;overflow:hidden}
  .figma-make-app-wrapper .figma-make-app-root [data-t4] [data-t4head]{background:var(--p-darkblue);color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11.5px;line-height:1.25;padding:7px 10px;border-right:1px solid rgba(255,255,255,.18)}
  .figma-make-app-wrapper .figma-make-app-root [data-t4] [data-t4head]:nth-child(4){border-right:none}
  .figma-make-app-wrapper .figma-make-app-root [data-t4] [data-t4cell]{padding:8px 10px;font-size:12.5px;line-height:1.35;color:#334155;border-top:1px solid #ececec;border-right:1px solid #ececec}
  .figma-make-app-wrapper .figma-make-app-root [data-t4] [data-t4cell][data-lc]{border-right:none}
  .figma-make-app-wrapper .figma-make-app-root [data-t4] [data-t4ed]{border:1px dashed var(--p-yellow);border-radius:5px;background:#fff;padding:1px 6px;min-width:88px;display:inline-block;color:#334155;outline:none;font-family:'Open Sans',sans-serif;font-size:11.5px;line-height:1.35}
  .figma-make-app-wrapper .figma-make-app-root [data-t4] [data-t4ed]:focus{border-style:solid;box-shadow:0 0 0 2px rgba(215,155,0,.18)}
  .figma-make-app-wrapper .figma-make-app-root [data-t4] [data-t4ed]:empty:before{content:attr(data-ph);color:#b08900;opacity:.7}
  .figma-make-app-wrapper .figma-make-app-root [data-fig4hint]{display:none;align-items:center;justify-content:center;gap:6px;font-family:'Open Sans',sans-serif;font-size:12px;color:var(--p-gray);margin-top:2px}
  @media (max-width:599px){ .figma-make-app-wrapper .figma-make-app-root [data-fig4wrap]{overflow-x:auto;-webkit-overflow-scrolling:touch} .figma-make-app-wrapper .figma-make-app-root [data-t4]{min-width:640px} .figma-make-app-wrapper .figma-make-app-root [data-fig4hint]{display:flex} }
  @media (max-width:599px){ .figma-make-app-wrapper .figma-make-app-root [data-bcgrid]{grid-template-columns:1fr !important} }
  /* ==== Изобр.6 — схема состояний рекомендации: наведение приглушает соседей до 0,85; подсказка прокрутки ==== */
  .figma-make-app-wrapper .figma-make-app-root [data-fig6comp].f6hover [data-fig6state]{transition:opacity .2s ease}
  .figma-make-app-wrapper .figma-make-app-root [data-fig6comp].f6hover:has([data-fig6state]:hover) [data-fig6state]{opacity:.85}
  .figma-make-app-wrapper .figma-make-app-root [data-fig6comp].f6hover [data-fig6state]:hover{opacity:1}
  .figma-make-app-wrapper .figma-make-app-root [data-fig6hint]{display:none;align-items:center;justify-content:center;gap:6px;font-family:'Open Sans',sans-serif;font-size:12px;color:var(--p-gray);margin-top:8px}
  /* ==== Плашки полей (§12): пять поверхностей, 31 строка ==== */
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flgrid{display:flex;flex-direction:column;gap:10px}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flcard{border:2px solid var(--c);border-radius:12px;background:#fff;overflow:hidden;display:flex;flex-direction:column;max-width:100%}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flhead{display:flex;align-items:center;gap:9px;padding:10px 12px;background:var(--cl);width:100%;border:0;appearance:none;font-family:inherit;text-align:left;cursor:pointer;transition:filter .15s ease}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flhead:hover{filter:brightness(.96)}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flchev{flex:0 0 auto;transition:transform .25s ease}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flchev[data-active="0"]{transform:rotate(-90deg)}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flrows[data-active="0"]{display:none}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .fltile{flex:0 0 auto;width:30px;height:30px;border-radius:8px;background:#fff;border:1.5px solid var(--c);color:var(--c);display:flex;align-items:center;justify-content:center}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flname{font-family:'Montserrat',sans-serif;font-weight:800;font-size:12.5px;line-height:1.15;color:var(--p-darkblue)}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flen{font-family:'Montserrat',sans-serif;font-weight:700;font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--c);margin-top:1px}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flcnt{flex:0 0 auto;margin-left:auto;font-family:'Montserrat',sans-serif;font-weight:700;font-size:9.5px;color:var(--c);background:#fff;border:1px solid var(--c);border-radius:5px;padding:1px 6px;white-space:nowrap}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flrows{display:flex;flex-direction:column;padding:2px 11px 8px}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flrow{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #eef1f4}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flrow:first-child{border-top:none}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flnum{flex:0 0 auto;width:17px;height:17px;border-radius:50%;border:1.5px solid var(--c);color:var(--c);font-family:'Montserrat',sans-serif;font-weight:700;font-size:9.5px;display:flex;align-items:center;justify-content:center;line-height:1}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .fllbl{flex:1;min-width:0;font-size:12px;line-height:1.3;color:#334155}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flsrc{display:block;font-size:9.5px;color:var(--p-gray);margin-top:1px}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flchip{flex:0 0 auto;font-family:'Montserrat',sans-serif;font-weight:700;font-size:8.5px;letter-spacing:.04em;text-transform:uppercase;border-radius:5px;padding:2px 6px;white-space:nowrap;line-height:1.25}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .flbox{flex:0 0 auto;width:54px;height:19px;border:1.5px solid #cbd5e1;border-radius:6px;background:#fff}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .c-req{background:var(--p-red-light);border:1px solid var(--p-red);color:#8f312d}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .c-comp{background:var(--p-green-light);border:1px solid var(--p-green);color:#4d7a33}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .c-cond{background:var(--p-yellow-light);border:1px solid var(--p-yellow);color:#8a6a00}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .c-pull{background:var(--p-blue-light);border:1px solid var(--p-blue);color:#35597f}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .c-ro{background:var(--p-gray-light);border:1px solid #c9c9c9;color:#666}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .fllegend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px;padding-top:12px;border-top:2px solid var(--p-darkblue-light)}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .fllg{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#475569}
  .figma-make-app-wrapper .figma-make-app-root [data-fields] .fllgdot{width:12px;height:12px;border-radius:3px;flex:0 0 auto}
  @media (max-width:599px){ .figma-make-app-wrapper .figma-make-app-root [data-fields] .flcard{max-width:100%} }
  @media (prefers-reduced-motion: reduce){ .figma-make-app-wrapper .figma-make-app-root *{animation:none !important;transition:none !important} }
  /* ===== Адаптив-канон: два брейкпоинта — ≤1023 (планшет), ≤599 (телефон); десктоп ≥1024 не меняется ===== */
  @media (max-width: 1023px){
    .figma-make-app-wrapper .figma-make-app-root [data-screen-label]{max-width:100%}
    .figma-make-app-wrapper .figma-make-app-root figure img{max-width:100%;height:auto}
    .figma-make-app-wrapper .figma-make-app-root [data-watermark]{display:none !important}
  }
  @media (max-width: 599px){
    /* Аккордеон ключевых терминов: раскрытая строка (иконка 84px + текст) → иконка по центру сверху, текст на всю ширину */
    .figma-make-app-wrapper .figma-make-app-root [style*="width: 84px"][style*="height: 84px"]{margin-left:auto !important;margin-right:auto !important}
    .figma-make-app-wrapper .figma-make-app-root [data-acc="body"]{flex-direction:column !important;align-items:stretch !important}
    /* Карточки заключения: ряд → колонка */
    .figma-make-app-wrapper .figma-make-app-root [data-cards="concl"]{flex-direction:column !important}
    /* Callout-цитаты: левый padding не режем, рамка остаётся */
    .figma-make-app-wrapper .figma-make-app-root [data-quote="frame"]{padding:14px 16px !important}
    /* Карточки терминов (айконбоксы): иконка+текст → колонка, тайл по центру */
    .figma-make-app-wrapper .figma-make-app-root [data-term]{flex-direction:column !important;align-items:stretch !important}
    .figma-make-app-wrapper .figma-make-app-root [data-term-tile]{margin-left:auto !important;margin-right:auto !important}
  }
  .figma-make-app-wrapper .figma-make-app-root [data-bandhint]{display:none;align-items:center;justify-content:center;gap:6px;font-family:'Open Sans',sans-serif;font-size:12px;color:var(--p-gray);margin-top:8px}
  @media (max-width:599px){
    .figma-make-app-wrapper .figma-make-app-root [data-bandscroll]{overflow-x:auto !important;-webkit-overflow-scrolling:touch}
    .figma-make-app-wrapper .figma-make-app-root [data-bandscroll]>[data-strip]{min-width:825px}
    .figma-make-app-wrapper .figma-make-app-root [data-bandhint]{display:flex !important}
    .figma-make-app-wrapper .figma-make-app-root [data-band-badge]{display:none !important}
    .figma-make-app-wrapper .figma-make-app-root [data-f11pos]{padding-bottom:0 !important}
  }
  /* ==== Микро-блок 1 (§7) «решение × уверенность» и микро-блок 2 (§8) «где живёт / где видно» ==== */
  @keyframes mbPop9{ from{opacity:0;transform:scale(.9)} to{opacity:1;transform:none} }
  @keyframes mbPop95{ from{opacity:0;transform:scale(.95)} to{opacity:1;transform:none} }
  .figma-make-app-wrapper .figma-make-app-root [data-mb1grid]{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:8px;min-width:520px}
  .figma-make-app-wrapper .figma-make-app-root [data-mb2grid]{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
  .figma-make-app-wrapper .figma-make-app-root [data-mbhint]{display:none;align-items:center;justify-content:center;gap:6px;font-family:'Open Sans',sans-serif;font-size:12px;color:var(--p-gray);margin-top:2px}
  @media (max-width:599px){
    .figma-make-app-wrapper .figma-make-app-root [data-mb1scroll]{overflow-x:auto !important;-webkit-overflow-scrolling:touch}
    .figma-make-app-wrapper .figma-make-app-root [data-mbhint]{display:flex !important}
    .figma-make-app-wrapper .figma-make-app-root [data-mb2grid]{grid-template-columns:1fr !important}
  }
  /* ==== Раздел 13 — Тейлоринг (канонический блок профиля) ==== */
  @keyframes softIn { from{opacity:0} to{opacity:1} }
  @keyframes fadeUp10 { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }
  @keyframes cardUp24 { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:none} }
  @keyframes tailPop { from{opacity:0;transform:scale(.95)} to{opacity:1;transform:none} }
  .figma-make-app-wrapper .figma-make-app-root [data-tailcard]{transition:transform .25s ease,border-color .25s ease}
  @media (max-width:1023px){ .figma-make-app-wrapper .figma-make-app-root [data-tailoring="root"] [data-techgroup]{max-width:100%} }
  @media (max-width:599px){ .figma-make-app-wrapper .figma-make-app-root [data-tailoring="root"] [data-tail="grid"]{grid-template-columns:1fr !important} }
  /* ==== Раздел 14 — Практика: живой инструмент бизнес-кейса ==== */
  @keyframes ctaFloat{0%{transform:translate(0,0) rotate(0deg) scale(1)}25%{transform:translate(0,-10px) rotate(5deg) scale(1.08)}50%{transform:translate(0,0) rotate(-4deg) scale(1)}75%{transform:translate(0,7px) rotate(3deg) scale(1.04)}100%{transform:translate(0,0) rotate(0deg) scale(1)}}
  @keyframes ctaRing{0%{transform:scale(1);opacity:.55}50%{transform:scale(1.14);opacity:0}100%{transform:scale(1);opacity:.55}}
  @keyframes ctaSlideX{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}
  @keyframes ctaUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  @keyframes ctaPop{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
  .figma-make-app-wrapper .figma-make-app-root .cta-go-btn{transition:transform .3s ease,box-shadow .3s ease}
  .figma-make-app-wrapper .figma-make-app-root .cta-go-btn:hover{transform:scale(1.06);box-shadow:0 10px 34px rgba(130,179,102,.5)}
  .figma-make-app-wrapper .figma-make-app-root .cta-go-btn:active{transform:scale(.97)}
  .figma-make-app-wrapper .figma-make-app-root .cta-track{position:relative;height:16px;display:flex;align-items:center;cursor:pointer;touch-action:none;outline:none;user-select:none}
  .figma-make-app-wrapper .figma-make-app-root .cta-track::before{content:'';position:absolute;left:0;right:0;height:6px;border-radius:999px;background:var(--p-blue-light)}
  .figma-make-app-wrapper .figma-make-app-root .cta-trk-fill{position:absolute;left:0;height:6px;border-radius:999px;background:var(--p-blue);width:0%}
  .figma-make-app-wrapper .figma-make-app-root .cta-thumb{position:absolute;left:0;width:15px;height:15px;border-radius:50%;background:var(--p-darkblue);border:2px solid #fff;box-shadow:0 1px 3px rgba(35,68,93,.45);transform:translateX(-50%)}
  .figma-make-app-wrapper .figma-make-app-root .cta-track:hover .cta-thumb, .figma-make-app-wrapper .figma-make-app-root .cta-track:active .cta-thumb{transform:translateX(-50%) scale(1.12)}
  .figma-make-app-wrapper .figma-make-app-root .cta-track:focus-visible .cta-thumb{box-shadow:0 0 0 3px rgba(35,68,93,.3)}
  .figma-make-app-wrapper .figma-make-app-root [data-cta-verdict]{transition:opacity .25s ease}
  .figma-make-app-wrapper .figma-make-app-root [data-cta-conf]{transition:opacity .25s ease}
  @media (max-width:1023px){ .figma-make-app-wrapper .figma-make-app-root [data-cta-banner]{max-width:100%} .figma-make-app-wrapper .figma-make-app-root [data-cta-deco]{display:none !important} }
  @media (max-width:599px){ .figma-make-app-wrapper .figma-make-app-root [data-cta-banner]{height:auto !important} .figma-make-app-wrapper .figma-make-app-root [data-cta-flex]{flex-direction:column !important;height:auto !important;overflow:visible !important} .figma-make-app-wrapper .figma-make-app-root [data-cta-panel]{min-width:0 !important} .figma-make-app-wrapper .figma-make-app-root [data-cta-lower]{grid-template-columns:1fr !important} .figma-make-app-wrapper .figma-make-app-root [data-cta-sliders]{grid-template-columns:1fr !important} .figma-make-app-wrapper .figma-make-app-root [data-cta-nums]{grid-template-columns:1fr 1fr !important} }

/* ===== s117/s121 mobile laws (hooks present on this page only) ===== */
@media (max-width: 599px){
  .figma-make-app-wrapper .figma-make-app-root .figma-make-app-wrapper .figma-make-app-root [data-macc]{flex-direction:column !important}
  .figma-make-app-wrapper .figma-make-app-root .figma-make-app-wrapper .figma-make-app-root [data-macc] > [data-m84]{margin:auto !important}
}
/*tp496:start*/
.figma-make-app-wrapper .figma-make-app-root{--tp-d0:1028px}
/* TPM transport layer s496 — site column fit (rules: BUILD_RULES_s496_ru.md) */
/* figures lay out at the design width from the first frame (before their own scripts measure); the scale comes from JS */
@media (min-width:760px){
.figma-make-app-wrapper .figma-make-app-root{container-type:inline-size;overflow-x:clip}
@container (max-width:1020px){
.figma-make-app-wrapper .figma-make-app-root figure:not(figure figure):not([class*="quote"]){width:var(--tp-d0,1028px)!important;min-width:var(--tp-d0,1028px)!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
}
}
.figma-make-app-root[data-tp-fit]{overflow-x:clip}
.figma-make-app-root[data-tp-fit] figure[data-tp-fit]{width:var(--tp-d)!important;min-width:var(--tp-d)!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.figma-make-app-root[data-tp-fit] figure[data-tp-fit][data-tp-scaled]{transform:scale(var(--tp-z))!important;transform-origin:0 0!important}
.figma-make-app-root[data-tp-fit] figure[data-tp-fit][data-tp-scaled]>figcaption{transform:scale(var(--tp-zi))!important;transform-origin:0 0!important;width:calc(var(--tp-d) * var(--tp-z))!important;max-width:none!important;box-sizing:border-box}
.figma-make-app-root h2:not(figure h2){font-size:22px!important;line-height:1.25!important}
.figma-make-app-root h3:not(figure h3){font-size:18px!important;line-height:1.3!important}
.figma-make-app-root h4:not(figure h4),.figma-make-app-root h5:not(figure h5){font-size:16px!important;line-height:1.3!important}
.figma-make-app-root [data-tp-term]{padding:10px 14px!important;gap:14px!important;min-height:0!important}
.figma-make-app-root [data-tp-term] [data-tp-ticon]{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;flex:0 0 52px!important;border-radius:10px!important}
.figma-make-app-root [data-tp-term] [data-tp-ticon] svg{width:26px!important;height:26px!important}
.figma-make-app-root [data-tp-term] [data-tp-ttitle]{font-size:17px!important;line-height:1.25!important}
.figma-make-app-root [data-tp-term] p{font-size:14.5px!important;line-height:1.45!important;margin-top:4px!important;margin-bottom:4px!important}
.figma-make-app-root [data-tp-term] [data-tp-tfoot]{padding-top:6px!important;margin-top:6px!important}
.figma-make-app-root [data-tp-tabbtn]{font-size:14px!important;padding-top:6px!important;padding-bottom:6px!important;min-height:0!important}
svg[data-tp-ring] [data-tp-ringline]{pointer-events:none}
/*tp496:end*/