@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Open+Sans:wght@400;600;700&display=swap');
.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-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: 217 100% 93%;
  --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: 45 100% 90%;
  --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-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-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-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-root * {
  box-sizing: border-box;
}

.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-root h1, .figma-make-app-root h2, .figma-make-app-root h3, .figma-make-app-root h4, .figma-make-app-root h5, .figma-make-app-root h6 {
  font-family: var(--font-heading);
  color: var(--heading);
  margin: 0;
}

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

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

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

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

  .figma-make-app-root h2 u, .figma-make-app-root h3 u{text-decoration-color:var(--p-yellow);text-decoration-thickness:.12em;text-underline-offset:.15em;text-decoration-skip-ink:none}
  .figma-make-app-root a{color:var(--p-blue);text-decoration:underline;text-underline-offset:2px}
  .figma-make-app-root a:hover{color:var(--p-darkblue)}
  /* ==== Прокрутка: пошаговая сборка страницы ==== */
  .figma-make-app-root .rv{opacity:0;transform:translateY(40px);transition:opacity .6s cubic-bezier(0,0,.2,1),transform .6s cubic-bezier(0,0,.2,1);will-change:opacity,transform}
  /* ==== Цитата (единый стиль для всех цитат статьи) ==== */
  .figma-make-app-root .tpm-q{position:relative;border:2px solid var(--p-gray);background:var(--p-gray-light);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:9px;max-width:100%}
  .figma-make-app-root .tpm-q .qic{width:30px;height:30px;color:var(--p-gray);flex:0 0 auto}
  .figma-make-app-root .tpm-q blockquote{margin:0;font-size:16.5px;line-height:1.6;color:var(--p-darkblue)}
  .figma-make-app-root .tpm-q .sig{font-size:13px;color:#666;font-family:'Montserrat',sans-serif;font-weight:600;line-height:1.42}
  .figma-make-app-root .rv.rv-in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){.figma-make-app-root .rv, .figma-make-app-root .rv.rv-in{opacity:1 !important;transform:none !important;transition:none !important}}
  @keyframes accReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
  /* ==== Изобр. 24.2 — воронка продаж ==== */
  .figma-make-app-root .f242{border:2px solid var(--p-darkblue);border-radius:16px;background:#fff;max-width:100%;padding:14px 18px;display:flex;flex-direction:column;align-items:center;gap:0}
  .figma-make-app-root .f242 *{box-sizing:border-box}
  .figma-make-app-root .f242-head{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:9px;text-align:center}
  .figma-make-app-root .f242-title{display:flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:15px;color:var(--p-darkblue)}
  .figma-make-app-root .f242-title svg{width:17px;height:17px;flex:0 0 auto}
  .figma-make-app-root .f242-legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px}
  .figma-make-app-root .f242-legend .cap{font-size:11px;color:#5b6b7a;font-family:'Montserrat',sans-serif;font-weight:700}
  .figma-make-app-root .f242-og{display:inline-flex;align-items:center;gap:4px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:10.5px;padding:2px 8px;border-radius:999px;border:1.5px solid;white-space:nowrap}
  .figma-make-app-root .f242-og svg{width:12px;height:12px;flex:0 0 auto}
  .figma-make-app-root .f242-og.m{color:var(--p-green);border-color:var(--p-green);background:var(--p-green-light)}
  .figma-make-app-root .f242-og.i{color:var(--p-blue);border-color:var(--p-blue);background:var(--p-blue-light)}
  .figma-make-app-root .f242-og.a{color:var(--p-yellow);border-color:var(--p-yellow);background:var(--p-yellow-light)}
  .figma-make-app-root .f242-funnel{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:0}
  .figma-make-app-root .f242-stage{position:relative;color:#fff;background:var(--p-darkblue);clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);padding:8px 42px;display:flex;align-items:center;justify-content:space-between;gap:14px}
  .figma-make-app-root .f242-stage .nm{font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;line-height:1.1}
  .figma-make-app-root .f242-stage .ct{font-family:'Montserrat',sans-serif;font-weight:800;font-size:16px;line-height:1;white-space:nowrap}
  .figma-make-app-root .f242-conv{display:flex;align-items:center;justify-content:center;gap:10px;padding:4px 0;flex-wrap:wrap}
  .figma-make-app-root .f242-conv .chev{color:var(--p-darkblue);display:flex;flex:0 0 auto}
  .figma-make-app-root .f242-conv .pct{font-family:'Montserrat',sans-serif;font-weight:800;font-size:17px;color:var(--p-darkblue);line-height:1}
  .figma-make-app-root .f242-conv .lbl{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#8493a1;font-family:'Montserrat',sans-serif;font-weight:700;margin-right:2px}
  .figma-make-app-root .f242-eq{display:flex;align-items:center;gap:8px;padding:7px 0 5px}
  .figma-make-app-root .f242-eq .fx{font-family:'Montserrat',sans-serif;font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--p-green);border:1.5px solid var(--p-green);border-radius:999px;padding:3px 10px;display:inline-flex;align-items:center;gap:5px}
  .figma-make-app-root .f242-eq .fx svg{width:13px;height:13px}
  .figma-make-app-root .f242-out{width:100%;max-width:430px;border:2px solid var(--p-green);background:var(--p-green-light);border-radius:14px;padding:9px 18px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
  .figma-make-app-root .f242-out .tag{font-family:'Montserrat',sans-serif;font-weight:800;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--p-green)}
  .figma-make-app-root .f242-out .val{font-family:'Montserrat',sans-serif;font-weight:800;font-size:23px;color:var(--p-darkblue);line-height:1.05}
  .figma-make-app-root .f242-out .sub{font-size:11.5px;color:#5b6b7a;line-height:1.35}
  @media (max-width:599px){.figma-make-app-root .f242-stage{padding:8px 28px}.figma-make-app-root .f242-stage .nm{font-size:12px}.figma-make-app-root .f242-stage .ct{font-size:15px}}
  /* ==== Изобр. 24.5 — рабочее место прогноза ==== */
  .figma-make-app-root .f245{border:2px solid var(--p-darkblue);border-radius:16px;background:#fff;overflow:hidden;max-width:100%}
  .figma-make-app-root .f245 *{box-sizing:border-box}
  .figma-make-app-root .f245-tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:9px 10px;background:var(--p-darkblue-light);border-bottom:2px solid var(--p-darkblue)}
  .figma-make-app-root .f245-tab{display:inline-flex;align-items:center;gap:6px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:12.5px;border-radius:8px;padding:6px 13px;border:1.5px solid var(--p-darkblue);cursor:pointer;background:#fff;color:var(--p-darkblue);white-space:nowrap;line-height:1;transition:background .2s ease,color .2s ease}
  .figma-make-app-root .f245-tab .n{width:17px;height:17px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:10px;flex:0 0 auto}
  .figma-make-app-root .f245-views{display:grid}
  .figma-make-app-root .f245-view{grid-area:1 / 1;padding:11px;display:flex;flex-direction:column;gap:9px}
  .figma-make-app-root .f245-panel{border:2px solid var(--p-gray);border-radius:12px;background:#fff;overflow:hidden}
  .figma-make-app-root .f245-ph{display:flex;align-items:center;gap:7px;padding:6px 10px;border-bottom:2px solid var(--p-gray);font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;color:var(--p-darkblue);background:var(--p-gray-light)}
  .figma-make-app-root .f245-ph svg{width:15px;height:15px;flex:0 0 auto}
  .figma-make-app-root .f245-body{padding:7px 9px;display:flex;flex-direction:column;gap:5px}
  .figma-make-app-root .f245-row{display:grid;grid-template-columns:1fr auto;gap:2px 8px;border:1.5px solid #e5e9ee;border-radius:8px;padding:5px 8px;background:#fff}
  .figma-make-app-root .f245-row .nm{font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:var(--p-darkblue)}
  .figma-make-app-root .f245-row .vl{font-family:'Montserrat',sans-serif;font-weight:800;font-size:12.5px;text-align:right;white-space:nowrap}
  .figma-make-app-root .f245-basis{grid-column:1/-1;font-size:10.5px;color:#5b6b7a;display:flex;align-items:center;gap:5px}
  .figma-make-app-root .f245-basis b{font-weight:700;color:var(--p-purple)}
  .figma-make-app-root .f245-dot{width:7px;height:7px;border-radius:50%;background:var(--p-purple);flex:0 0 auto}
  .figma-make-app-root .f245-drv{border-color:var(--p-yellow);background:var(--p-yellow-light)}
  .figma-make-app-root .f245-drv .vl{color:var(--p-yellow)}
  .figma-make-app-root .f245-conv::after{content:"5%"}
  .figma-make-app-root .f245-slider{grid-column:1/-1;position:relative;height:5px;border-radius:3px;background:#fff;border:1.5px solid var(--p-yellow);margin-top:1px}
  .figma-make-app-root .f245-knob{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--p-yellow);border:2px solid #fff;box-shadow:0 0 0 1.5px var(--p-yellow);transform:translate(-50%,-50%);left:78%}
  .figma-make-app-root .f245-recalc{display:flex;gap:6px;padding:5px 11px 0;font-size:10.5px;color:var(--p-yellow);font-family:'Montserrat',sans-serif;font-weight:700}
  .figma-make-app-root .f245-scen{display:flex;gap:6px;padding:8px 11px;border-bottom:2px solid var(--p-gray);background:#fff}
  .figma-make-app-root .f245-seg{flex:1;text-align:center;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11.5px;padding:5px 4px;border-radius:7px;border:2px solid #e1d5e7;color:var(--p-purple);background:#fff}
  .figma-make-app-root .f245-seg.on{background:var(--p-purple);border-color:var(--p-purple);color:#fff}
  .figma-make-app-root .f245-tbl{width:100%;border-collapse:collapse;font-size:12px}
  .figma-make-app-root .f245-tbl th, .figma-make-app-root .f245-tbl td{padding:6px 9px;text-align:right;border-bottom:1px solid #eef1f4}
  .figma-make-app-root .f245-tbl th:first-child, .figma-make-app-root .f245-tbl td:first-child{text-align:left}
  .figma-make-app-root .f245-tbl thead th{font-family:'Montserrat',sans-serif;font-weight:800;font-size:11px;color:#5b6b7a;background:#fafbfc}
  .figma-make-app-root .f245-tbl td:first-child{font-family:'Montserrat',sans-serif;font-weight:700;color:var(--p-darkblue);font-size:11.5px}
  .figma-make-app-root .f245-tbl .rc td{background:var(--p-yellow-light)}
  .figma-make-app-root .f245-tbl .rc td:first-child::before{content:"↻ ";color:var(--p-yellow);font-weight:800}
  .figma-make-app-root .f245-tbl .tot td{font-family:'Montserrat',sans-serif;font-weight:800;color:var(--p-darkblue);border-top:2px solid var(--p-gray);border-bottom:none}
  .figma-make-app-root .f245-recon{border:2px solid var(--p-darkblue);border-radius:12px;background:var(--p-darkblue-light);overflow:hidden}
  .figma-make-app-root .f245-rh{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 11px;border-bottom:2px solid var(--p-darkblue)}
  .figma-make-app-root .f245-rh .t{font-family:'Montserrat',sans-serif;font-weight:800;font-size:12.5px;color:var(--p-darkblue)}
  .figma-make-app-root .f245-both{font-size:11px;font-family:'Montserrat',sans-serif;font-weight:700;color:#3d5a72;display:flex;align-items:center;gap:6px;margin-left:auto}
  .figma-make-app-root .f245-tog{width:26px;height:15px;border-radius:8px;background:var(--p-green);position:relative;flex:0 0 auto}
  .figma-make-app-root .f245-tog::after{content:"";position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;background:#fff}
  .figma-make-app-root .f245-tracks{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:9px;background:#fff}
  .figma-make-app-root .f245-track{border:2px solid var(--p-gray);border-radius:9px;padding:7px 9px;display:flex;flex-direction:column;gap:4px}
  .figma-make-app-root .f245-track.a{border-color:var(--p-blue)}
  .figma-make-app-root .f245-track.b{border-color:var(--p-green)}
  .figma-make-app-root .f245-track.g{border-color:var(--p-red);background:var(--p-red-light)}
  .figma-make-app-root .f245-tl{display:flex;align-items:center;gap:7px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;color:#3d5a72}
  .figma-make-app-root .f245-tl .tog2{width:24px;height:14px;border-radius:7px;position:relative;flex:0 0 auto}
  .figma-make-app-root .f245-tl .tog2::after{content:"";position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#fff}
  .figma-make-app-root .a .tog2{background:var(--p-blue)}.figma-make-app-root .b .tog2{background:var(--p-green)}
  .figma-make-app-root .f245-big{font-family:'Montserrat',sans-serif;font-weight:800;font-size:25px;line-height:1}
  .figma-make-app-root .a .f245-big{color:var(--p-blue)}.figma-make-app-root .b .f245-big{color:var(--p-green)}.figma-make-app-root .g .f245-big{color:var(--p-red)}
  .figma-make-app-root .f245-b .f245-big::after{content:"184"}
  .figma-make-app-root .f245-g .f245-big::after{content:"26"}
  .figma-make-app-root .f245-sub{font-size:10.5px;color:#5b6b7a}
  .figma-make-app-root .f245-bar{height:6px;border-radius:3px;background:#eef1f4;overflow:hidden}
  .figma-make-app-root .f245-bar i{display:block;height:100%;border-radius:3px}
  .figma-make-app-root .f245-b .f245-bar i{background:var(--p-green);width:88%}
  .figma-make-app-root .f245-g .f245-bar i{background:var(--p-red);width:43%}
  .figma-make-app-root .f245-flow{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--p-green);font-family:'Montserrat',sans-serif;font-weight:700;padding:0 11px 8px}
  /* ==== Изобр. 24.3 — два конца одной цифры ==== */
  .figma-make-app-root .f243{border:2px solid var(--p-darkblue);border-radius:16px;background:#fff;padding:20px 20px 18px;max-width:100%}
  .figma-make-app-root .f243 *{box-sizing:border-box}
  .figma-make-app-root .f243-cap{display:flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:12.5px;color:#5b6b7a;margin-bottom:16px}
  .figma-make-app-root .f243-cap b{color:var(--p-darkblue);font-weight:800}
  .figma-make-app-root .f243-cap svg{width:17px;height:17px;flex:0 0 auto;color:var(--p-purple)}
  .figma-make-app-root .f243-grid{display:grid;grid-template-columns:1fr 158px;column-gap:22px;align-items:center}
  .figma-make-app-root .f243-up{grid-column:1;grid-row:1}
  .figma-make-app-root .f243-down{grid-column:1;grid-row:2;margin-top:16px}
  .figma-make-app-root .f243-junc{grid-column:2;grid-row:1 / span 2;align-self:center;display:flex;flex-direction:column;align-items:center;gap:12px;border-left:2px dashed var(--p-purple);padding-left:20px;height:100%;justify-content:center}
  .figma-make-app-root .f243-dir{display:inline-flex;align-items:center;gap:6px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:.01em;margin-bottom:8px}
  .figma-make-app-root .f243-dir svg{width:15px;height:15px}
  .figma-make-app-root .f243-dir-up{color:var(--p-blue)}
  .figma-make-app-root .f243-dir-down{color:var(--p-green);margin-bottom:0;margin-top:8px}
  .figma-make-app-root .f243-flight{display:flex;align-items:flex-start;gap:10px}
  .figma-make-app-root .f243-step{flex:1 1 0;min-width:0;border:2px solid var(--p-blue);background:var(--p-blue-light);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}
  .figma-make-app-root .f243-down .f243-step{border-color:var(--p-green);background:var(--p-green-light)}
  .figma-make-app-root .f243-up .f243-step:nth-child(1){margin-top:0}
  .figma-make-app-root .f243-up .f243-step:nth-child(2){margin-top:26px}
  .figma-make-app-root .f243-up .f243-step:nth-child(3){margin-top:52px}
  .figma-make-app-root .f243-down .f243-step:nth-child(1){margin-top:64px}
  .figma-make-app-root .f243-down .f243-step:nth-child(2){margin-top:48px}
  .figma-make-app-root .f243-down .f243-step:nth-child(3){margin-top:32px}
  .figma-make-app-root .f243-down .f243-step:nth-child(4){margin-top:16px}
  .figma-make-app-root .f243-down .f243-step:nth-child(5){margin-top:0}
  .figma-make-app-root .f243-sn{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;font-family:'Montserrat',sans-serif;font-weight:800;font-size:11px;color:#fff;background:var(--p-blue);flex:0 0 auto}
  .figma-make-app-root .f243-down .f243-sn{background:var(--p-green)}
  .figma-make-app-root .f243-st{font-family:'Montserrat',sans-serif;font-weight:700;font-size:12.5px;line-height:1.2;color:var(--p-darkblue)}
  .figma-make-app-root .f243-ss{font-size:10.5px;line-height:1.3;color:#5b6b7a}
  .figma-make-app-root .f243-num{background:#fff}
  .figma-make-app-root .f243-num-up{border-color:var(--p-blue);box-shadow:inset 0 0 0 2px var(--p-blue-light)}
  .figma-make-app-root .f243-num-down{border-color:var(--p-green);box-shadow:inset 0 0 0 2px var(--p-green-light)}
  .figma-make-app-root .f243-nl{font-family:'Montserrat',sans-serif;font-weight:800;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
  .figma-make-app-root .f243-num-up .f243-nl{color:var(--p-blue)}
  .figma-make-app-root .f243-num-down .f243-nl{color:var(--p-green)}
  .figma-make-app-root .f243-nv{font-family:'Montserrat',sans-serif;font-weight:800;font-size:25px;line-height:1;color:var(--p-darkblue);display:flex;align-items:baseline;gap:4px}
  .figma-make-app-root .f243-nv i{font-style:normal;font-size:12px;font-weight:700;color:#5b6b7a}
  .figma-make-app-root .f243-seam{display:inline-flex;align-items:center;gap:7px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:14px;color:#fff;background:var(--p-purple);border-radius:20px;padding:7px 15px;white-space:nowrap}
  .figma-make-app-root .f243-seam svg{width:17px;height:17px;flex:0 0 auto}
  .figma-make-app-root .f243-gap{display:flex;flex-direction:column;align-items:center;gap:3px;border:2px solid var(--p-red);background:var(--p-red-light);border-radius:12px;padding:9px 16px;text-align:center}
  .figma-make-app-root .f243-gt{display:inline-flex;align-items:center;gap:5px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--p-red)}
  .figma-make-app-root .f243-gt svg{width:12px;height:14px;flex:0 0 auto}
  .figma-make-app-root .f243-gv{font-family:'Montserrat',sans-serif;font-weight:800;font-size:22px;line-height:1;color:var(--p-red)}
  .figma-make-app-root .f243-gp{font-size:11px;font-weight:700;color:var(--p-red)}
  @media (max-width:1023px){
    .figma-make-app-root .f243-grid{display:flex;flex-direction:column;column-gap:0}
    .figma-make-app-root .f243-up{order:1}.figma-make-app-root .f243-junc{order:2}.figma-make-app-root .f243-down{order:3;margin-top:0}
    .figma-make-app-root .f243-flight{flex-direction:column;gap:8px}
    .figma-make-app-root .f243-step{margin-top:0 !important}
    .figma-make-app-root .f243-junc{border-left:none;border-top:2px dashed var(--p-purple);padding-left:0;padding-top:14px;padding-bottom:14px;margin:12px 0;flex-direction:row;flex-wrap:wrap;justify-content:center;height:auto}
    .figma-make-app-root .f243-dir-down{margin-top:12px}
  }
  @media (max-width:599px){.figma-make-app-root .f245-tracks{grid-template-columns:1fr}.figma-make-app-root .f245-big{font-size:26px}}
  @media (prefers-reduced-motion:reduce){.figma-make-app-root .f245 *{animation:none !important}}
  @media (max-width:1023px){
    .figma-make-app-root figure img{max-width:100%;height:auto}
    .figma-make-app-root section, .figma-make-app-root figure, .figma-make-app-root [data-slot]{max-width:100%}
  }
  @media (max-width:599px){
    .figma-make-app-root [data-term-row]{flex-direction:column !important;align-items:stretch !important}
    .figma-make-app-root [data-term-icon]{margin-left:auto !important;margin-right:auto !important}
  }
  /* ==== Раздел 18 — живой инструмент «прогноз доходов» ==== */
  .figma-make-app-root .p24{position:relative;border:2px solid var(--p-blue);border-radius:16px;overflow:hidden;background:#eef4fc;max-width:100%}
  .figma-make-app-root .p24 *{box-sizing:border-box}
  .figma-make-app-root .p24-bg{position:absolute;inset:0;background:linear-gradient(135deg,#F8FBFF 0%,#DDEAFF 38%,#E1D5E7 68%,#D5E8D4 100%);background-size:220% 220%;animation:p24drift 22s ease-in-out infinite}
  .figma-make-app-root .p24-grid{position:absolute;inset:0;background-image:radial-gradient(circle,var(--p-blue) 1px,transparent 1px);background-size:30px 30px;opacity:.07}
  @keyframes p24drift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
  .figma-make-app-root .p24-in{position:relative;padding:20px;display:flex;gap:20px;flex-wrap:wrap;align-items:stretch}
  .figma-make-app-root .p24-left{flex:1 1 380px;min-width:290px;display:flex}
  .figma-make-app-root .p24-left .p24-card{flex:1;min-width:0}
  .figma-make-app-root .p24-right{flex:1 1 250px;display:flex;flex-direction:column;gap:12px;justify-content:center}
  .figma-make-app-root .p24-cta-icon{align-self:flex-start;width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,var(--p-green),var(--p-blue));display:flex;align-items:center;justify-content:center}
  .figma-make-app-root .p24-cta-icon svg{width:30px;height:30px}
  .figma-make-app-root .p24-eyebrow{font-family:'Montserrat',sans-serif;font-weight:800;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--p-blue)}
  .figma-make-app-root .p24-cta-h{font-family:'Montserrat',sans-serif;font-weight:800;font-size:23px;line-height:1.2;letter-spacing:-.02em;color:var(--p-darkblue);margin:0}
  .figma-make-app-root .p24-cta-p{margin:0;font-size:14px;line-height:1.55;color:rgba(35,68,93,.62)}
  .figma-make-app-root .p24-cta-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--p-green),var(--p-blue));color:#fff;border:none;border-radius:12px;padding:14px 30px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:14.5px;letter-spacing:.04em;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
  .figma-make-app-root .p24-cta-btn:hover{transform:scale(1.05);box-shadow:0 8px 30px rgba(108,142,191,.4);color:#fff}
  .figma-make-app-root .p24-cta-btn svg{width:17px;height:17px;flex:0 0 auto}
  .figma-make-app-root .p24-cta-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.9);border:1.5px solid var(--p-green-light);border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:700;color:var(--p-darkblue)}
  .figma-make-app-root .p24-cta-badge svg{width:13px;height:13px;flex:0 0 auto}
  .figma-make-app-root .p24-cardhead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
  .figma-make-app-root .p24-tabs{display:inline-flex;gap:4px;background:var(--p-darkblue-light);border-radius:9px;padding:3px}
  .figma-make-app-root .p24-tab{font-family:'Montserrat',sans-serif;font-weight:700;font-size:11.5px;border:none;background:transparent;color:var(--p-darkblue);border-radius:7px;padding:5px 12px;cursor:pointer;line-height:1;transition:background .15s,color .15s}
  .figma-make-app-root .p24-tab.on{background:var(--p-darkblue);color:#fff}
  .figma-make-app-root .p24-view{display:flex;flex-direction:column;gap:13px}
  .figma-make-app-root .p24-chnote{font-size:11.5px;line-height:1.5;color:#5b6b7a}
  .figma-make-app-root .p24-card{background:rgba(255,255,255,.94);border:2px solid var(--p-darkblue);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:14px;min-height:382px}
  .figma-make-app-root .p24-demo{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--p-yellow);background:var(--p-yellow-light);border:1.5px solid var(--p-yellow);border-radius:999px;padding:3px 10px}
  .figma-make-app-root .p24-demo svg{width:12px;height:12px;flex:0 0 auto}
  .figma-make-app-root .p24-chains{display:flex;flex-wrap:wrap;gap:8px}
  .figma-make-app-root .p24-chain{flex:1 1 250px;border:1.5px solid #e0e6ee;border-radius:10px;padding:9px 11px;background:#fff;display:flex;flex-direction:column;gap:4px}
  .figma-make-app-root .p24-chain .ch-h{font-family:'Montserrat',sans-serif;font-weight:800;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#5b6b7a}
  .figma-make-app-root .p24-chain .ch-b{font-size:11.5px;color:#334155;line-height:1.5}
  .figma-make-app-root .p24-chain b{color:var(--p-darkblue);font-family:'Montserrat',sans-serif;font-weight:800}
  .figma-make-app-root .p24-nums{display:grid;grid-template-columns:minmax(0,1fr) 126px minmax(0,1fr);gap:12px;align-items:stretch}
  .figma-make-app-root .p24-num{border:2px solid;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;background:#fff;min-width:0}
  .figma-make-app-root .p24-num.top{border-color:var(--p-blue)}
  .figma-make-app-root .p24-num.bot{border-color:var(--p-green)}
  .figma-make-app-root .p24-nl{font-family:'Montserrat',sans-serif;font-weight:800;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}
  .figma-make-app-root .p24-num.top .p24-nl{color:var(--p-blue)}
  .figma-make-app-root .p24-num.bot .p24-nl{color:var(--p-green)}
  .figma-make-app-root .p24-nv{font-family:'Montserrat',sans-serif;font-weight:800;font-size:19px;line-height:1;color:var(--p-darkblue);white-space:nowrap}
  .figma-make-app-root .p24-nsub{font-size:10.5px;color:#5b6b7a;line-height:1.35}
  .figma-make-app-root .p24-fixed{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:800;color:var(--p-blue);text-transform:uppercase;letter-spacing:.03em}
  .figma-make-app-root .p24-fixed svg{width:12px;height:12px;flex:0 0 auto}
  .figma-make-app-root .p24-gapcol{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:2px solid;border-radius:12px;padding:10px 8px;min-width:0;text-align:center}
  .figma-make-app-root .p24-gl{font-family:'Montserrat',sans-serif;font-weight:800;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}
  .figma-make-app-root .p24-gv{font-family:'Montserrat',sans-serif;font-weight:800;font-size:18px;line-height:1;white-space:nowrap}
  .figma-make-app-root .p24-gs{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
  .figma-make-app-root .p24-slider-wrap{display:flex;flex-direction:column;gap:8px;border-top:1.5px solid #e5e9ee;padding-top:13px}
  .figma-make-app-root .p24-slabel{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
  .figma-make-app-root .p24-slabel .t{font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:var(--p-darkblue);display:flex;align-items:center;gap:7px}
  .figma-make-app-root .p24-slabel .t svg{width:16px;height:16px;color:var(--p-yellow);flex:0 0 auto}
  .figma-make-app-root .p24-sval{font-family:'Montserrat',sans-serif;font-weight:800;font-size:18px;color:var(--p-yellow);white-space:nowrap}
  .figma-make-app-root .p24-range{-webkit-appearance:none;appearance:none;width:100%;height:22px;background-color:transparent;border-radius:3px;--p24pos:calc(10px + var(--p24frac,.4375) * (100% - 20px));background-image:linear-gradient(90deg,var(--p-yellow) 0,var(--p-yellow) var(--p24pos),#e3e8ee var(--p24pos),#e3e8ee 100%);background-repeat:no-repeat;background-size:100% 6px;background-position:center;outline:none;cursor:pointer}
  .figma-make-app-root .p24-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--p-yellow);border:3px solid #fff;box-shadow:0 0 0 1.5px var(--p-yellow),0 2px 6px rgba(0,0,0,.2);cursor:pointer}
  .figma-make-app-root .p24-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--p-yellow);border:3px solid #fff;box-shadow:0 0 0 1.5px var(--p-yellow);cursor:pointer}
  .figma-make-app-root .p24-ends{display:flex;justify-content:space-between;font-size:10.5px;font-weight:700;color:#8493a1;font-family:'Montserrat',sans-serif}
  .figma-make-app-root .p24-basis{display:flex;gap:9px;align-items:flex-start;background:var(--p-purple-light);border:1.5px solid var(--p-purple);border-radius:10px;padding:9px 12px;min-height:91px}
  .figma-make-app-root .p24-basis svg{width:15px;height:15px;color:var(--p-purple);flex:0 0 auto;margin-top:1px}
  .figma-make-app-root .p24-basis .bx{display:flex;flex-direction:column;gap:2px}
  .figma-make-app-root .p24-basis .bt{font-family:'Montserrat',sans-serif;font-weight:800;font-size:11.5px;color:var(--p-purple)}
  .figma-make-app-root .p24-basis .bd{font-size:11.5px;line-height:1.45;color:#4a5a6a}
  .figma-make-app-root .p24-links{border:2px solid var(--p-darkblue);border-radius:16px;background:#fff;padding:16px 18px;display:flex;flex-direction:column;gap:12px;max-width:100%}
  .figma-make-app-root .p24-links .lh{font-family:'Montserrat',sans-serif;font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--p-darkblue);opacity:.7}
  .figma-make-app-root .p24-links .ll{display:flex;flex-direction:column;gap:8px}
  .figma-make-app-root .p24-lnk{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--p-blue-light);background:#fff;text-decoration:none;transition:background .15s,border-color .15s}
  .figma-make-app-root .p24-lnk:hover{background:var(--p-blue-light);border-color:var(--p-blue)}
  .figma-make-app-root .p24-lnk .n{flex:0 0 auto;width:30px;height:30px;border-radius:8px;background:var(--p-darkblue);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px}
  .figma-make-app-root .p24-lnk .tx{display:flex;flex-direction:column;gap:1px;min-width:0}
  .figma-make-app-root .p24-lnk .tt{font-family:'Montserrat',sans-serif;font-weight:700;font-size:13.5px;color:var(--p-darkblue);line-height:1.25}
  .figma-make-app-root .p24-lnk .td{font-size:11.5px;color:#5b6b7a;line-height:1.35}
  .figma-make-app-root .p24-lnk .arw{margin-left:auto;color:var(--p-blue);flex:0 0 auto}
  .figma-make-app-root .p24-lnk--dead{border-style:dashed;border-color:var(--p-gray);background:var(--p-gray-light);cursor:default}
  .figma-make-app-root .p24-lnk--dead .n{background:var(--p-gray)}
  .figma-make-app-root .p24-lnk--dead .tt{color:#5b6b7a}
  .figma-make-app-root .p24-soon{margin-left:auto;flex:0 0 auto;font-family:'Montserrat',sans-serif;font-weight:800;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--p-gray);background:#fff;border:1.5px solid var(--p-gray);border-radius:999px;padding:2px 8px}
  .figma-make-app-root .p24-mtn{position:absolute;left:0;right:0;bottom:0;width:100%;height:150px;opacity:.5;pointer-events:none}
  .figma-make-app-root .p24-wm{position:absolute;padding:8px;border-radius:12px;animation:p24float 6s ease-in-out infinite;pointer-events:none;opacity:.32}
  .figma-make-app-root .p24-wm svg{width:20px;height:20px;display:block}
  @keyframes p24float{0%, 100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
  .figma-make-app-root .p24-btnwrap{position:relative;align-self:flex-start}
  .figma-make-app-root .p24-ring{position:absolute;inset:-4px;border-radius:16px;border:2px solid var(--p-green);pointer-events:none;opacity:.55}
  .figma-make-app-root .p24-reassure{display:flex;flex-wrap:wrap;gap:8px}
  .figma-make-app-root .p24-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.92);border:1.5px solid var(--p-green-light);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:700;color:var(--p-darkblue)}
  .figma-make-app-root .p24-chip svg{width:13px;height:13px;flex:0 0 auto}
  .figma-make-app-root .p24-chip.blue{border-color:var(--p-blue-light)}
  .figma-make-app-root .p24-compass{display:inline-flex;color:#8a97a8;flex:0 0 auto;margin-left:6px;vertical-align:middle}
  .figma-make-app-root .p24-compass svg{width:15px;height:15px}
  @media (max-width:1023px){.figma-make-app-root .p24 [data-watermark]{display:none}}
  @media (max-width:599px){.figma-make-app-root .p24-nums{grid-template-columns:1fr}.figma-make-app-root .p24-gapcol{min-width:0}.figma-make-app-root .p24-nv{font-size:24px}}
  @media (prefers-reduced-motion:reduce){.figma-make-app-root .p24-bg{animation:none}.figma-make-app-root .p24-wm{animation:none}}

/* ===== s117/s121 mobile laws (hooks present on this page only) ===== */
@media (max-width: 599px){
  .figma-make-app-root .figma-make-app-root div:has(> [data-m96]){flex-direction:column !important;align-items:stretch !important}
  .figma-make-app-root .figma-make-app-root [data-m96]{margin:auto !important}
  .figma-make-app-root .figma-make-app-root [data-macc]{flex-direction:column !important}
  .figma-make-app-root .figma-make-app-root [data-macc] > [data-m84]{margin:auto !important}
  .figma-make-app-root .figma-make-app-root [data-mcal]{padding-left:5px !important}
}