/* ==========================================================
   inline-extracted.css
   Все inline style= и <style> блоки вынесены сюда.
   Подключать ПОСЛЕДНИМ после остальных CSS.
   ========================================================== */
/* ---------- Блоки, вынесенные из тегов <style> ---------- */
.src-link {
      display:inline-flex;align-items:center;justify-content:center;
      width:18px;height:18px;border-radius:50%;
      background:rgba(79,70,229,.13);border:1px solid rgba(79,70,229,.3);
      color:var(--accent,#4f46e5);text-decoration:none;
      font-size:11px;font-style:italic;font-weight:700;
      font-family:Georgia,serif;vertical-align:middle;
      transition:background .15s,color .15s;cursor:pointer;
      margin:0 2px;line-height:1;flex-shrink:0;
    }
    .src-link:hover{background:var(--accent,#4f46e5);color:#fff;border-color:var(--accent,#4f46e5);}
    .author-block{
      display:flex;gap:16px;align-items:flex-start;
      padding:20px 24px;border-radius:16px;margin:28px 0;
      background:linear-gradient(135deg,rgba(79,70,229,.06),rgba(99,102,241,.03));
      border:1px solid rgba(79,70,229,.15);
    }
    .author-avatar{
      flex-shrink:0;width:52px;height:52px;border-radius:50%;
      background:var(--accent,#4f46e5);color:#fff;
      display:flex;align-items:center;justify-content:center;
      font-size:17px;font-weight:800;letter-spacing:-.5px;
    }
    .author-info{flex:1;min-width:0;}
    .author-name{font-weight:700;font-size:15px;color:var(--text,#0f172a);margin:0 0 2px;}
    .author-role{font-size:12px;color:var(--accent,#4f46e5);font-weight:600;margin:0 0 6px;text-transform:uppercase;letter-spacing:.4px;}
    .author-bio{font-size:13px;color:var(--text-2,#475569);margin:0;line-height:1.55;}
    .toc-nav{
      margin:28px 0;padding:20px 24px;border-radius:16px;
      background:var(--surface,#f8faff);border:1px solid var(--border,#e2e8f0);
    }
    .toc-nav h3{font-size:13px;font-weight:700;color:var(--text-2,#475569);text-transform:uppercase;letter-spacing:.6px;margin:0 0 12px;}
    .toc-nav ol{list-style:none;margin:0;padding:0;counter-reset:toc;}
    .toc-nav ol li{counter-increment:toc;display:flex;align-items:baseline;gap:8px;padding:4px 0;}
    .toc-nav ol li::before{content:counter(toc,decimal-leading-zero);font-size:11px;font-weight:700;color:var(--accent,#4f46e5);font-family:'Roboto Mono',monospace;flex-shrink:0;width:22px;}
    .toc-nav ol li a{font-size:14px;color:var(--text,#0f172a);text-decoration:none;transition:color .15s;}
    .toc-nav ol li a:hover{color:var(--accent,#4f46e5);}
    .breadcrumbs{
      padding:10px 0 0;font-size:12.5px;
      display:flex;flex-wrap:wrap;gap:4px;align-items:center;
    }
    .breadcrumbs a{color:rgba(255,255,255,.6);text-decoration:none;transition:color .15s;}
    .breadcrumbs a:hover{color:#fff;}
    .breadcrumbs span{color:rgba(255,255,255,.35);}
    .breadcrumbs .bc-current{color:rgba(255,255,255,.85);}
    .cols-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0;}
    @media(max-width:680px){.cols-2{grid-template-columns:1fr;}}
    .attention-block{
      padding:16px 20px;border-radius:14px;margin:24px 0;
      background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(239,68,68,.06));
      border-left:4px solid #f59e0b;font-size:14.5px;font-weight:500;
      color:var(--text,#0f172a);line-height:1.6;
    }
    .attention-block strong{color:#b45309;}
    .chain-table{width:100%;border-collapse:collapse;font-size:14px;margin:20px 0;}
    .chain-table th{background:var(--accent,#4f46e5);color:#fff;padding:10px 14px;text-align:left;font-size:13px;font-weight:600;}
    .chain-table td{padding:10px 14px;border-bottom:1px solid var(--border,#e2e8f0);vertical-align:top;line-height:1.55;}
    .chain-table tr:nth-child(even) td{background:#f8faff;}
    .system-steps{list-style:none;margin:16px 0;padding:0;counter-reset:sys;}
    .system-steps li{counter-increment:sys;display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border,#e2e8f0);}
    .system-steps li:last-child{border-bottom:0;}
    .system-steps li::before{content:"#"counter(sys);display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:28px;background:var(--accent,#4f46e5);color:#fff;border-radius:8px;font-size:11px;font-weight:700;font-family:'Roboto Mono',monospace;flex-shrink:0;margin-top:2px;}
    .system-steps li div strong{display:block;font-size:15px;color:var(--text,#0f172a);margin-bottom:5px;}
    .system-steps li div p{font-size:14px;color:var(--text-2,#475569);margin:0 0 5px;line-height:1.6;}
    .art-twocol{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:24px 0;}
    @media(max-width:680px){.art-twocol{grid-template-columns:1fr;}}
    .art-twocol__card{background:var(--surface,#f8faff);border:1px solid var(--border,#e2e8f0);border-radius:14px;padding:20px 22px;}
    .art-twocol__card h4{font-size:15px;font-weight:700;color:var(--text,#0f172a);margin:0 0 8px;}
    .art-twocol__card p{font-size:14px;color:var(--text-2,#475569);margin:0;line-height:1.6;}
    .scenarios-table{width:100%;border-collapse:collapse;font-size:14px;margin:20px 0;}
    .scenarios-table th{background:#1e293b;color:#e2e8f0;padding:10px 14px;text-align:left;font-size:13px;font-weight:600;}
    .scenarios-table td{padding:10px 14px;border-bottom:1px solid var(--border,#e2e8f0);vertical-align:top;line-height:1.55;}
    .scenarios-table tr:nth-child(even) td{background:#f8faff;}
    .compare-table{width:100%;border-collapse:collapse;font-size:14px;margin:20px 0;}
    .compare-table th{background:var(--accent,#4f46e5);color:#fff;padding:10px 14px;text-align:left;font-weight:600;font-size:13px;}
    .compare-table td{padding:10px 14px;border-bottom:1px solid var(--border,#e2e8f0);vertical-align:top;line-height:1.55;}
    .compare-table tr:nth-child(even) td{background:#f8faff;}
    .compare-table tr:hover td{background:#eef2ff;}
    .steps-list{counter-reset:steps;list-style:none;margin:16px 0;padding:0;}
    .steps-list li{counter-increment:steps;display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--border,#e2e8f0);}
    .steps-list li:last-child{border-bottom:0;}
    .steps-list li::before{content:counter(steps);display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent,#4f46e5);color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0;margin-top:2px;}
    .steps-list li div strong{display:block;font-size:15px;color:var(--text,#0f172a);margin-bottom:4px;}
    .steps-list li div span{font-size:14px;color:var(--text-2,#475569);line-height:1.55;}
    .services-link-block{margin:28px 0;padding:20px 24px;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#dbeafe);border-left:4px solid var(--accent,#4f46e5);}
    .services-link-block p{margin:0 0 6px;font-size:14px;color:var(--text-2,#475569);}
    .services-link-block a{color:var(--accent,#4f46e5);font-weight:600;font-size:14px;}
/* ---------- Классы, вынесенные из атрибутов style= ---------- */
.ix01.ix01.ix01 { padding:10px 20px 0; }
.ix02.ix02.ix02 { color:rgba(255,255,255,.35); margin:0 4px; }
.ix03.ix03.ix03 { color:rgba(255,255,255,.85); }
.ix04.ix04.ix04 { border:none; display:block; width:100%; aspect-ratio:16/9; }
.ix05.ix05.ix05 { background:rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.08); }
.ix06.ix06.ix06 { padding-top:10px; padding-bottom:10px; }
.ix07.ix07.ix07 { display:flex; flex-wrap:wrap; gap:4px 6px; list-style:none; margin:0; padding:0; font-size:13px; color:rgba(255,255,255,.55); }
.ix08.ix08.ix08 { color:rgba(255,255,255,.65); text-decoration:none; }
.ix09.ix09.ix09 { opacity:.4; }
.ix10.ix10.ix10 { color:rgba(255,255,255,.9); }
.ix11.ix11.ix11 { display:none; }
.ix12.ix12.ix12 { font-size:11px; color:var(--muted); }
.ix13.ix13.ix13 { gap:8px; }
.ix14.ix14.ix14 { display:flex; gap:14px; align-items:center; margin-top:20px; padding:14px 18px; background:rgba(255,255,255,.07); border-radius:12px; border:1px solid rgba(255,255,255,.1); flex-wrap:wrap; }
.ix15.ix15.ix15 { width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,#4f46e5,#7c3aed); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ix16.ix16.ix16 { color:#fff; font-size:13px; font-weight:700; letter-spacing:-.5px; }
.ix17.ix17.ix17 { flex:1; min-width:0; }
.ix18.ix18.ix18 { display:flex; align-items:center; flex-wrap:wrap; margin-bottom:5px; }
.ix19.ix19.ix19 { font-size:14px; font-weight:700; color:#fff; }
.ix20.ix20.ix20 { opacity:.3; margin:0 7px; }
.ix21.ix21.ix21 { font-size:13px; color:rgba(255,255,255,.65); }
.ix22.ix22.ix22 { font-size:13px; color:rgba(129,140,248,.85); text-decoration:none; font-weight:500; }
.ix23.ix23.ix23 { display:flex; align-items:center; flex-wrap:wrap; }
.ix24.ix24.ix24 { display:inline-flex; align-items:center; padding:2px 9px; background:rgba(99,102,241,.18); border:1px solid rgba(99,102,241,.3); border-radius:999px; font-size:11px; font-weight:700; color:rgba(165,180,252,.95); letter-spacing:.04em; text-transform:uppercase; }
.ix25.ix25.ix25 { font-size:13px; color:rgba(255,255,255,.5); }
.ix26.ix26.ix26 { vertical-align:middle; margin-right:3px; opacity:.7; }
.ix27.ix27.ix27 { font-size:13px; color:rgba(255,255,255,.45); }
.ix28.ix28.ix28 { width:100%; height:100%; object-fit:cover; object-position:center top; display:block; }
.ix29.ix29.ix29 { display:flex; gap:12px; flex-wrap:wrap; margin-top:40px; }
.ix30.ix30.ix30 { display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:14px; background:var(--surface); border:1px solid var(--border); color:var(--text-2); font-size:14px; font-weight:500; text-decoration:none; transition:border-color 0.28s,color 0.15s; }
.ix31.ix31.ix31 { margin-top:48px; padding:24px 28px; background:var(--surface,#f8faff); border:1px solid var(--border,#e2e8f0); border-radius:16px; }
.ix32.ix32.ix32 { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--accent,#4f46e5); margin:0 0 16px; }
.ix33.ix33.ix33 { display:flex; gap:16px; align-items:flex-start; flex-wrap:wrap; }
.ix34.ix34.ix34 { width:52px; height:52px; border-radius:50%; background:linear-gradient(135deg,#4f46e5,#7c3aed); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ix35.ix35.ix35 { color:#fff; font-size:17px; font-weight:700; letter-spacing:-.5px; }
.ix36.ix36.ix36 { flex:1; min-width:200px; }
.ix37.ix37.ix37 { font-size:16px; font-weight:700; color:var(--text,#0f172a); margin:0 0 2px; }
.ix38.ix38.ix38 { font-size:13px; color:var(--accent,#4f46e5); margin:0 0 10px; font-weight:500; }
.ix39.ix39.ix39 { font-size:14px; color:var(--text-2,#475569); margin:0 0 16px; line-height:1.7; }
.ix40.ix40.ix40 { display:flex; gap:8px; flex-wrap:wrap; }
.ix41.ix41.ix41 { display:inline-flex; align-items:center; padding:7px 16px; border-radius:8px; background:var(--accent,#4f46e5); color:#fff; font-size:13px; font-weight:600; text-decoration:none; }
.ix42.ix42.ix42 { display:inline-flex; align-items:center; padding:7px 16px; border-radius:8px; background:transparent; border:1px solid var(--border,#e2e8f0); color:var(--text-2,#64748b); font-size:13px; font-weight:500; text-decoration:none; }
.ix43.ix43.ix43 { background:linear-gradient(135deg,#0b1124 0%,#1a1f4a 100%); color:#fff; padding:48px 0; }
.ix44.ix44.ix44 { max-width:880px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:1.4fr 1fr; gap:32px; align-items:center; }
.ix45.ix45.ix45 { font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#818cf8; margin-bottom:10px; }
.ix46.ix46.ix46 { font-size:clamp(22px,2.4vw,28px); font-weight:700; color:#fff; letter-spacing:-.02em; margin:0 0 10px; }
.ix47.ix47.ix47 { font-size:15px; line-height:1.7; color:rgba(255,255,255,.78); margin:0 0 4px; }
.ix48.ix48.ix48 { display:flex; flex-direction:column; gap:10px; }
.ix49.ix49.ix49 { display:inline-flex; align-items:center; justify-content:center; padding:12px 20px; background:#4f46e5; color:#fff; font-size:14px; font-weight:600; border-radius:10px; text-decoration:none; transition:background .15s; }
.ix50.ix50.ix50 { display:inline-flex; align-items:center; justify-content:center; padding:12px 20px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); color:#fff; font-size:14px; font-weight:500; border-radius:10px; text-decoration:none; transition:background .15s; }
.ix51.ix51.ix51 { font-size:12px; color:rgba(129,140,248,.9); font-weight:500; }
.ix52.ix52.ix52 { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.ix53.ix53.ix53 { overflow-x:auto; margin:20px 0; }
.ix54.ix54.ix54 { width:100%; border-collapse:collapse; font-size:13px; }
.ix55.ix55.ix55 { background:var(--accent,#4f46e5); color:#fff; }
.ix56.ix56.ix56 { padding:10px 12px; text-align:left; }
.ix57.ix57.ix57 { background:#f8faff; }
.ix58.ix58.ix58 { padding:8px 12px; border-bottom:1px solid var(--border-2,#e2e8f0); }
.ix59.ix59.ix59 { padding:8px 12px; }
.ix60.ix60.ix60 { font-size:13px; color:var(--text-2); margin-top:-8px; }
.ix61.ix61.ix61 { margin:28px 0; border-radius:14px; overflow:hidden; box-shadow:0 4px 24px rgba(0,0,0,.10); }
.ix62.ix62.ix62 { width:100%; height:auto; display:block; }
.ix63.ix63.ix63 { display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:14px; background:var(--surface); border:1px solid var(--border); color:var(--text-2); font-size:14px; font-weight:500; text-decoration:none; transition:border-color .28s,color .15s; }
.ix64.ix64.ix64 { font-size:13px; color:var(--muted); }
.ix65.ix65.ix65 { width:100%; border-collapse:collapse; font-size:14px; }
.ix66.ix66.ix66 { padding:10px 14px; text-align:left; }
.ix67.ix67.ix67 { padding:9px 14px; border-bottom:1px solid var(--border-2,#e2e8f0); }
.ix68.ix68.ix68 { padding:9px 14px; }
.ix69.ix69.ix69 { font-size:14px; color:var(--text-2,#475569); line-height:1.7; }
.ix70.ix70.ix70 { width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,#7c3aed,#0891b2); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ix71.ix71.ix71 { overflow-x:auto; }
.ix72.ix72.ix72 { float:right; width:42%; max-width:380px; margin:4px 0 20px 28px; border-radius:14px; overflow:hidden; box-shadow:0 4px 20px rgba(15,23,42,.12); border:1px solid var(--border,#e2e8f0); }
.ix73.ix73.ix73 { width:100%; display:block; }
.ix74.ix74.ix74 { clear:both; }
.ix75.ix75.ix75 { margin:24px 0; }
.ix76.ix76.ix76 { width:100%; border-radius:16px; display:block; }
.ix77.ix77.ix77 { float:right; width:42%; max-width:380px; margin:0 0 20px 28px; border-radius:14px; overflow:hidden; box-shadow:0 4px 20px rgba(15,23,42,.12); border:1px solid var(--border,#e2e8f0); }
.ix78.ix78.ix78 { color:var(--accent,#4f46e5); font-weight:500; }
.ix79.ix79.ix79 { width:52px; height:52px; border-radius:50%; background:linear-gradient(135deg,#7c3aed,#0891b2); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ix80.ix80.ix80 { font-size:15px; line-height:1.7; color:rgba(255,255,255,.78); margin:0; }
.ix81.ix81.ix81 { display:inline-flex; align-items:center; justify-content:center; padding:12px 20px; background:#4f46e5; color:#fff; font-size:14px; font-weight:600; border-radius:10px; text-decoration:none; }
.ix82.ix82.ix82 { display:inline-flex; align-items:center; justify-content:center; padding:12px 20px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); color:#fff; font-size:14px; font-weight:500; border-radius:10px; text-decoration:none; }
.ix83.ix83.ix83 { width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,#0891b2,#4f46e5); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ix84.ix84.ix84 { float:right; width:40%; max-width:360px; margin:4px 0 20px 28px; border-radius:14px; overflow:hidden; box-shadow:0 4px 20px rgba(15,23,42,.12); border:1px solid var(--border,#e2e8f0); }
.ix85.ix85.ix85 { margin:28px 0 20px; clear:both; }
.ix86.ix86.ix86 { width:100%; border-radius:14px; display:block; box-shadow:0 4px 20px rgba(15,23,42,.12); }
.ix87.ix87.ix87 { width:52px; height:52px; border-radius:50%; background:linear-gradient(135deg,#0891b2,#4f46e5); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.il-span-full { grid-column: 1 / -1; }