/* MoySells — стили лендинга. Файл собирается автоматически из канваса:
   build-static.mjs. Руками не править — правки затрёт следующая сборка. */

    .sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
      border-radius:2px;box-sizing:border-box;overflow:hidden}
    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
    html.sc-dc-streaming .sc-placeholder,
    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
      background:color-mix(in srgb,currentColor 5%,transparent);
      border-color:transparent}
    html.sc-dc-streaming .sc-placeholder::before,
    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
      position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
      background:color-mix(in srgb,currentColor 8%,transparent)}
    .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
      border-radius:2px;box-sizing:border-box;color:transparent;
      user-select:none}
    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
      color:color-mix(in srgb,currentColor 50%,transparent);
      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
      padding:0 3px}
    .sc-host.sc-has-error{position:relative}
    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
      border-radius:4px;white-space:pre-wrap;pointer-events:none}
    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
       in sync until dc-runtime regains a build step. */
    @media print {
      @page { margin: 0.5cm; }
      figure, table { break-inside: avoid; }
      #dc-root, #dc-root > .sc-host { height: auto; }
      *, *::before, *::after {
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
        animation-delay: -99s !important; animation-duration: .001s !important;
        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
        animation-play-state: running !important; transition-duration: 0s !important;
      }
    }
  
x-dc{display:none!important}
.scp0:hover { color: var(--ink,#e8ece9) !important; }
.scp1:hover { color: var(--ink,#e8ece9) !important; border-color: var(--green,#3aa877) !important; }
.scp2:hover { opacity: 0.9 !important; color: rgb(7, 16, 12) !important; }
.scp3::before { content: ""; position: absolute; inset: 0px; z-index: 0; pointer-events: none; background-image: linear-gradient(to right, color-mix(in srgb, currentcolor 6%, transparent 94%) 1px, transparent 1px), linear-gradient(color-mix(in srgb, currentcolor 6%, transparent 94%) 1px, transparent 1px); background-size: 84px 84px; mask-image: radial-gradient(130% 85% at 50% 0%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 78%); }
.scp4::before { content: ""; position: absolute; inset: 0px; z-index: 0; pointer-events: none; background-image: radial-gradient(color-mix(in srgb, currentcolor 9%, transparent 91%) 1.2px, transparent 1.2px); background-size: 26px 26px; mask-image: radial-gradient(120% 90% at 50% 100%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 76%); }
.scp5:hover { color: var(--green,#3aa877) !important; }
.scp6:focus { border-color: var(--green,#3aa877) !important; }
.scp7:hover { opacity: 0.9 !important; }
.scp8:hover { background: rgb(27, 132, 184) !important; color: rgb(255, 255, 255) !important; }
html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}

  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{background:#0d1110;}
  [data-theme="dark"]{--bg:#0d1110;--bg2:#111614;--panel:#151b18;--panel2:#1a2120;--line:rgba(232,236,233,0.10);--line2:rgba(232,236,233,0.16);--ink:#e8ece9;--muted:#939d96;--faint:#7b857e;--green:#3aa877;--greenSoft:rgba(58,168,119,0.14);--clay:#d8593c;--claySoft:rgba(216,89,60,0.14);--amber:#c9922f;--amberSoft:rgba(201,146,47,0.14);--t1:#222b25;--t2:#121815;--t3:#0d1110;--tm1:#161d19;--tm2:#0f1412;--tfar:#111614;--rimTip:#eafff5;--gWarm:rgba(216,89,60,0.42);--gCool:rgba(58,168,119,0.40);--gMid:rgba(123,47,190,0.46);--heroCore:#2b1742;--blue:#5b9bf5;--blueSoft:rgba(91,155,245,0.15);--violet:#a878e6;--violetSoft:rgba(168,120,230,0.15);--aBg:#f4f5f2;--aBg2:#ffffff;--aPanel:#ffffff;--aPanel2:#fafbf8;--aLine:rgba(13,17,16,0.11);--aLine2:rgba(13,17,16,0.20);--aInk:#101512;--aMuted:#58635c;--aFaint:#5f6a64;--aGreen:#1f7d52;--aGreenSoft:rgba(31,125,82,0.10);--aClay:#b03e26;--aClaySoft:rgba(176,62,38,0.09);--aAmber:#8f6410;--aAmberSoft:rgba(143,100,16,0.10);}
  [data-theme="light"]{--bg:#f4f5f2;--bg2:#ffffff;--panel:#ffffff;--panel2:#fafbf8;--line:rgba(13,17,16,0.11);--line2:rgba(13,17,16,0.20);--ink:#101512;--muted:#58635c;--faint:#5f6a64;--green:#1f7d52;--greenSoft:rgba(31,125,82,0.10);--clay:#b03e26;--claySoft:rgba(176,62,38,0.09);--amber:#8f6410;--amberSoft:rgba(143,100,16,0.10);--t1:#dcdfd8;--t2:#e9ebe4;--t3:#f4f5f2;--tm1:#e4e7e0;--tm2:#eff1ec;--tfar:#e7e9e3;--rimTip:#0d1110;--gWarm:rgba(176,62,38,0.16);--gCool:rgba(31,125,82,0.17);--gMid:rgba(123,47,190,0.13);--heroCore:#ece7f4;--blue:#1f5fb8;--blueSoft:rgba(31,95,184,0.11);--violet:#6b2aa8;--violetSoft:rgba(107,42,168,0.11);--aBg:#0f1412;--aBg2:#131917;--aPanel:#171e1b;--aPanel2:#1c2321;--aLine:rgba(232,236,233,0.10);--aLine2:rgba(232,236,233,0.16);--aInk:#e8ece9;--aMuted:#939d96;--aFaint:#7b857e;--aGreen:#3aa877;--aGreenSoft:rgba(58,168,119,0.14);--aClay:#d8593c;--aClaySoft:rgba(216,89,60,0.14);--aAmber:#c9922f;--aAmberSoft:rgba(201,146,47,0.14);}
  ::selection{background:rgba(58,168,119,0.28);}
  a{color:var(--green,#3aa877);text-decoration:none;}
  a:hover{color:var(--ink,#e8ece9);}

/* Дрейф свечений в первом экране. Анимируется только transform — он считается
   на видеокарте и не заставляет браузер пересчитывать раскладку. Периоды
   разные и несоизмеримые, поэтому рисунок не зацикливается на глазах.
   Виньетка не двигается: она держит контраст под заголовком. */
/* will-change не нужен: анимируемый transform поднимается в слой сам */
@keyframes ms-glow-warm{
  from{transform:translate3d(0,0,0) scale(1);}
  to  {transform:translate3d(4%,3%,0) scale(1.07);}
}
@keyframes ms-glow-cool{
  from{transform:translate3d(0,0,0) scale(1.05);}
  to  {transform:translate3d(-5%,-3%,0) scale(1);}
}
@keyframes ms-glow-mid{
  from{transform:translate3d(0,0,0) scale(1);opacity:.82;}
  to  {transform:translate3d(2%,-3%,0) scale(1.12);opacity:1;}
}
.ms-glow--warm{animation:ms-glow-warm 17s ease-in-out infinite alternate;}
.ms-glow--cool{animation:ms-glow-cool 20.5s ease-in-out infinite alternate;}
.ms-glow--mid {animation:ms-glow-mid 14.5s ease-in-out infinite alternate;}

/* Кому движение мешает — тот его не увидит. Это не украшательство,
   а системная настройка: у части людей анимация вызывает головокружение. */
@media (prefers-reduced-motion: reduce){
  .ms-glow{animation:none !important;}
}

/* --- бывшие инлайновые style="" --- */
.ms-s1{background: var(--bg,#0d1110); color: var(--ink,#e8ece9); font-family: "Golos Text", system-ui, sans-serif; -webkit-font-smoothing: antialiased; min-height: 100vh;}
.ms-s2{position: sticky; top: 0px; z-index: 50; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px clamp(16px, 4vw, 44px); background: color-mix(in srgb,var(--bg,#0d1110) 86%,transparent); backdrop-filter: blur(16px) saturate(130%); border-bottom: 1px solid var(--line,rgba(232,236,233,0.10));}
.ms-s3{flex: 0 0 auto; display: flex; align-items: center; gap: 10px; color: var(--ink,#e8ece9);}
.ms-s4{display: block; flex: 0 0 auto;}
.ms-s5{font-size: 17.5px; font-weight: 700; letter-spacing: -0.02em;}
.ms-s6{flex: 1 1 auto; min-width: 0px; display: flex; align-items: center; gap: clamp(9px, 1.5vw, 26px); font-size: 13.5px; color: var(--muted,#939d96); flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; justify-content: flex-end;}
.ms-s7{color: inherit; white-space: nowrap; flex: 0 0 auto;}
.ms-s8{flex: 0 0 auto; display: flex; align-items: center; gap: 10px;}
.ms-s9{display: flex; align-items: center; gap: 7px; padding: 8px 12px; border-radius: 9px; border: 1px solid var(--line,rgba(232,236,233,0.10)); background: var(--panel,#151b18); color: var(--muted,#939d96); font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.08em;}
.ms-s10{padding: 10px 17px; border-radius: 9px; background: var(--green,#3aa877); color: rgb(7, 16, 12); font-size: 14px; font-weight: 600; white-space: nowrap;}
.ms-s11{position: relative; overflow: hidden; padding: clamp(60px, 8vw, 124px) clamp(16px, 4vw, 44px) clamp(44px, 5vw, 76px); border-bottom: 1px solid var(--line,rgba(232,236,233,0.10));}
.ms-s12{position: absolute; left: -18%; top: -14%; width: 62%; height: 118%; z-index: 0; pointer-events: none; background: radial-gradient(closest-side,var(--gWarm,rgba(216,89,60,0.30)) 0%,transparent 100%);}
.ms-s13{position: absolute; right: -20%; top: -20%; width: 66%; height: 124%; z-index: 0; pointer-events: none; background: radial-gradient(closest-side,var(--gCool,rgba(58,168,119,0.32)) 0%,transparent 100%);}
.ms-s14{position: absolute; left: 19%; right: 19%; top: -24%; height: 132%; z-index: 0; pointer-events: none; background: radial-gradient(closest-side,var(--gMid,rgba(123,47,190,0.46)) 0%,transparent 100%);}
.ms-s15{position: absolute; left: 14%; right: 14%; top: -8%; height: 116%; z-index: 1; pointer-events: none; background: radial-gradient(58% 62% at 50% 46%,var(--heroCore,#2b1742) 0%,color-mix(in srgb,var(--heroCore,#2b1742) 66%,transparent) 46%,transparent 78%);}
.ms-s16{position: relative; z-index: 3; max-width: 1200px; margin: 0px auto;}
.ms-s17{display: inline-flex; align-items: center; gap: 9px; padding: 6px 13px; border-radius: 999px; border: 1px solid var(--line,rgba(232,236,233,0.10)); background: var(--panel,#151b18); font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.13em; color: var(--muted,#939d96); text-transform: uppercase;}
.ms-s18{width: 6px; height: 6px; border-radius: 50%; background: var(--green,#3aa877);}
.ms-s19{margin: 32px 0px 0px; font-size: clamp(33px, 5vw, 62px); line-height: 1.06; letter-spacing: -0.035em; font-weight: 700; max-width: 18ch; text-wrap: balance;}
.ms-s20{margin: 28px 0px 0px; font-size: clamp(16px, 1.6vw, 19.5px); line-height: 1.68; color: var(--ink,#e8ece9); opacity: 0.86; max-width: 56ch; text-wrap: pretty;}
.ms-s21{display: flex; align-items: center; gap: 18px; margin-top: 42px; flex-wrap: wrap;}
.ms-s22{padding: 14px 26px; border-radius: 11px; background: var(--green,#3aa877); color: rgb(7, 16, 12); font-size: 15.5px; font-weight: 600;}
.ms-s23{font-size: 13.5px; color: rgb(255, 255, 255); opacity: 0.6;}
.ms-s24{margin-top: clamp(56px, 7vw, 96px); border: 1px solid var(--line,rgba(232,236,233,0.10)); border-radius: 14px; background: var(--panel,#151b18); overflow: hidden;}
.ms-s25{display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 16px; border-bottom: 1px solid var(--line,rgba(232,236,233,0.10)); background: var(--panel2,#1a2120); flex-wrap: wrap;}
.ms-s26{display: flex; align-items: center; gap: 10px;}
.ms-s27{font-size: 14px; font-weight: 600;}
.ms-s28{font-family: "IBM Plex Mono", monospace; font-size: 11px; color: var(--faint,#6b756f); letter-spacing: 0.06em;}
.ms-s29{display: flex; align-items: center; gap: 7px;}
.ms-s30{display: inline-flex; align-items: center; gap: 6px; font-family: "IBM Plex Mono", monospace; font-size: 11px; color: var(--muted,#939d96); padding: 4px 9px; border-radius: 6px; border: 1px solid var(--line,rgba(232,236,233,0.10));}
.ms-s31{width: 6px; height: 6px; border-radius: 50%; background: rgb(47, 111, 208);}
.ms-s32{width: 6px; height: 6px; border-radius: 50%; background: var(--clay,#d8593c);}
.ms-s33{width: 6px; height: 6px; border-radius: 50%; background: rgb(123, 47, 190);}
.ms-s34{display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); border-bottom: 1px solid var(--line,rgba(232,236,233,0.10));}
.ms-s35{padding: 16px 18px; border-right: 1px solid var(--line,rgba(232,236,233,0.10)); min-width: 0px;}
.ms-s36{font-family: "IBM Plex Mono", monospace; font-size: 10.5px; letter-spacing: 0.1em; color: var(--faint,#6b756f); text-transform: uppercase;}
.ms-s37{margin-top: 9px; font-family: "IBM Plex Mono", monospace; font-size: clamp(21px, 2.3vw, 28px); font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; color: var(--amber,#c9922f);}
.ms-s38{margin-top: 5px; font-size: 12.5px; color: var(--muted,#939d96); line-height: 1.35;}
.ms-s39{margin-top: 9px; font-family: "IBM Plex Mono", monospace; font-size: clamp(21px, 2.3vw, 28px); font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; color: var(--clay,#d8593c);}
.ms-s40{margin-top: 9px; font-family: "IBM Plex Mono", monospace; font-size: clamp(21px, 2.3vw, 28px); font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; color: var(--ink,#e8ece9);}
.ms-s41{overflow-x: auto;}
.ms-s42{min-width: 700px;}
.ms-s43{display: grid; grid-template-columns: 2.2fr 1.05fr 1.2fr 0.95fr 1.1fr; gap: 14px; padding: 10px 18px; border-bottom: 1px solid var(--line,rgba(232,236,233,0.10)); font-family: "IBM Plex Mono", monospace; font-size: 10.5px; letter-spacing: 0.08em; color: var(--faint,#6b756f); text-transform: uppercase;}
.ms-s44{text-align: right;}
.ms-s45{display: grid; grid-template-columns: 2.2fr 1.05fr 1.2fr 0.95fr 1.1fr; gap: 14px; padding: 11px 18px; border-bottom: 1px solid var(--line,rgba(232,236,233,0.10)); font-size: 13.5px; align-items: center;}
.ms-s46{min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ms-s47{text-align: right; font-family: "IBM Plex Mono", monospace; font-variant-numeric: tabular-nums;}
.ms-s48{color: var(--faint,#6b756f);}
.ms-s49{color: var(--muted,#939d96);}
.ms-s50{font-size: 12.5px; color: var(--clay,#d8593c);}
.ms-s51{display: inline-block; padding: 3px 9px; border-radius: 6px; font-size: 11.5px; font-weight: 600; background: var(--claySoft,rgba(216,89,60,0.14)); color: var(--clay,#d8593c);}
.ms-s52{text-align: right; font-family: "IBM Plex Mono", monospace; font-variant-numeric: tabular-nums; color: var(--clay,#d8593c);}
.ms-s53{font-size: 12.5px; color: var(--amber,#c9922f);}
.ms-s54{display: inline-block; padding: 3px 9px; border-radius: 6px; font-size: 11.5px; font-weight: 600; background: var(--amberSoft,rgba(201,146,47,0.14)); color: var(--amber,#c9922f);}
.ms-s55{text-align: right; font-family: "IBM Plex Mono", monospace; font-variant-numeric: tabular-nums; color: var(--amber,#c9922f);}
.ms-s56{font-size: 12.5px; color: var(--muted,#939d96);}
.ms-s57{display: inline-block; padding: 3px 9px; border-radius: 6px; font-size: 11.5px; font-weight: 600; background: var(--greenSoft,rgba(58,168,119,0.14)); color: var(--green,#3aa877);}
.ms-s58{text-align: right; font-family: "IBM Plex Mono", monospace; font-variant-numeric: tabular-nums; color: var(--faint,#6b756f);}
.ms-s59{margin: 12px 0px 0px; font-size: 12px; color: var(--faint,#6b756f);}
.ms-s60{position: relative; --bg: var(--aBg,#f4f5f2); --bg2: var(--aBg2,#ffffff); --panel: var(--aPanel,#ffffff); --panel2: var(--aPanel2,#fafbf8); --line: var(--aLine,rgba(13,17,16,0.11)); --line2: var(--aLine2,rgba(13,17,16,0.20)); --ink: var(--aInk,#101512); --muted: var(--aMuted,#58635c); --faint: var(--aFaint,#7d867f); --green: var(--aGreen,#1f7d52); --greenSoft: var(--aGreenSoft,rgba(31,125,82,0.10)); --clay: var(--aClay,#b03e26); --claySoft: var(--aClaySoft,rgba(176,62,38,0.09)); --amber: var(--aAmber,#8f6410); --amberSoft: var(--aAmberSoft,rgba(143,100,16,0.10)); background: var(--aBg,#f4f5f2); color: var(--aInk,#101512); padding: clamp(56px, 7vw, 104px) clamp(16px, 4vw, 44px); border-bottom: 1px solid var(--line,rgba(232,236,233,0.10));}
.ms-s61{position: relative; max-width: 1200px; margin: 0px auto;}
.ms-s62{font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.14em; color: var(--faint,#6b756f); text-transform: uppercase;}
.ms-s63{margin: 14px 0px 0px; font-size: clamp(26px, 3.2vw, 40px); line-height: 1.14; letter-spacing: -0.028em; font-weight: 700; max-width: 26ch; text-wrap: balance;}
.ms-s64{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 1px; margin-top: clamp(30px, 3.5vw, 46px); background: var(--bg,#0d1110); border: 1px solid var(--line,rgba(232,236,233,0.10)); border-radius: 14px; overflow: hidden;}
.ms-s65{background: var(--bg,#0d1110); box-shadow: 0 0 0 1px var(--line,rgba(232,236,233,0.10)); padding: clamp(20px, 2.4vw, 30px); min-width: 0px;}
.ms-s66{margin: 22px 0px 0px; font-size: 18.5px; line-height: 1.28; font-weight: 600; letter-spacing: -0.015em;}
.ms-s67{margin: 10px 0px 0px; font-size: 14.5px; line-height: 1.58; color: var(--muted,#939d96); text-wrap: pretty;}
.ms-s68{background: rgb(58, 168, 119); box-shadow: rgb(58, 168, 119) 0px 0px 0px 1px; padding: clamp(20px, 2.4vw, 30px); display: flex; flex-direction: column; justify-content: center; min-width: 0px;}
.ms-s69{margin: 0px; font-size: 17px; line-height: 1.5; font-weight: 600; color: rgb(7, 16, 12); letter-spacing: -0.01em; text-wrap: pretty;}
.ms-s70{position: relative; padding: clamp(56px, 7vw, 104px) clamp(16px, 4vw, 44px); background: var(--bg2,#111614); border-bottom: 1px solid var(--line,rgba(232,236,233,0.10));}
.ms-s71{margin: 14px 0px 0px; font-size: clamp(26px, 3.2vw, 40px); line-height: 1.14; letter-spacing: -0.028em; font-weight: 700; max-width: 24ch; text-wrap: balance;}
.ms-s72{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr)); gap: clamp(20px, 3vw, 44px); align-items: start; margin-top: clamp(34px, 4vw, 56px);}
.ms-s73{min-width: 0px;}
.ms-s74{font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.1em; color: var(--green,#3aa877); text-transform: uppercase;}
.ms-s75{margin: 11px 0px 0px; font-size: clamp(20px, 2vw, 26px); line-height: 1.22; font-weight: 600; letter-spacing: -0.02em;}
.ms-s76{margin: 12px 0px 0px; font-size: 15px; line-height: 1.6; color: var(--muted,#939d96); text-wrap: pretty;}
.ms-s77{min-width: 0px; border: 1px solid var(--line,rgba(232,236,233,0.10)); border-radius: 12px; background: var(--panel,#151b18); overflow: hidden;}
.ms-s78{min-width: 420px;}
.ms-s79{display: grid; grid-template-columns: 2fr 1.3fr 0.8fr 1.35fr 1fr; gap: 18px; padding: 9px 11px; border-bottom: 1px solid var(--line,rgba(232,236,233,0.10)); font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.08em; color: var(--faint,#6b756f); text-transform: uppercase;}
.ms-s80{display: grid; grid-template-columns: 2fr 1.3fr 0.8fr 1.35fr 1fr; gap: 18px; padding: 9px 11px; border-bottom: 1px solid var(--line,rgba(232,236,233,0.10)); font-size: 13px; align-items: center;}
.ms-s81{min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted,#939d96);}
.ms-s82{font-size: 12.5px; font-family: "IBM Plex Mono", monospace; font-variant-numeric: tabular-nums; color: var(--clay,#d8593c);}
.ms-s83{font-size: 12.5px; font-family: "IBM Plex Mono", monospace; font-variant-numeric: tabular-nums; color: var(--amber,#c9922f);}
.ms-s84{font-size: 12.5px; font-family: "IBM Plex Mono", monospace; font-variant-numeric: tabular-nums; color: var(--muted,#939d96);}
.ms-s85{padding: 11px 14px; border-bottom: 1px solid var(--line,rgba(232,236,233,0.10)); background: var(--panel2,#1a2120); font-size: 13px; font-weight: 600;}
.ms-s86{font-family: "IBM Plex Mono", monospace; font-weight: 400; font-size: 11.5px; color: var(--faint,#6b756f);}
.ms-s87{min-width: 380px;}
.ms-s88{display: grid; grid-template-columns: 1.1fr 0.9fr 0.9fr 0.9fr 1.1fr; gap: 8px; padding: 9px 11px; border-bottom: 1px solid var(--line,rgba(232,236,233,0.10)); font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.08em; color: var(--faint,#6b756f); text-transform: uppercase;}
.ms-s89{display: grid; grid-template-columns: 1.1fr 0.9fr 0.9fr 0.9fr 1.1fr; gap: 8px; padding: 9px 11px; border-bottom: 1px solid var(--line,rgba(232,236,233,0.10)); font-size: 13px; align-items: center;}
.ms-s90{display: flex; align-items: center; gap: 8px; min-width: 0px;}
.ms-s91{flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: rgb(47, 111, 208);}
.ms-s92{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ms-s93{text-align: right; font-family: "IBM Plex Mono", monospace; font-variant-numeric: tabular-nums; color: var(--muted,#939d96);}
.ms-s94{text-align: right; font-family: "IBM Plex Mono", monospace; font-variant-numeric: tabular-nums; font-weight: 600; color: var(--clay,#d8593c);}
.ms-s95{flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: rgb(123, 47, 190);}
.ms-s96{flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--green,#3aa877);}
.ms-s97{text-align: right; font-family: "IBM Plex Mono", monospace; font-variant-numeric: tabular-nums; font-weight: 600; color: var(--green,#3aa877);}
.ms-s98{flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--clay,#d8593c);}
.ms-s99{min-width: 360px;}
.ms-s100{display: grid; grid-template-columns: 2.2fr 1fr 0.8fr 1fr; gap: 8px; padding: 9px 11px; border-bottom: 1px solid var(--line,rgba(232,236,233,0.10)); font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.08em; color: var(--faint,#6b756f); text-transform: uppercase;}
.ms-s101{display: grid; grid-template-columns: 2.2fr 1fr 0.8fr 1fr; gap: 8px; padding: 9px 11px; border-bottom: 1px solid var(--line,rgba(232,236,233,0.10)); font-size: 13px; align-items: center;}
.ms-s102{display: grid; grid-template-columns: 2.2fr 1fr 0.8fr 1fr; gap: 8px; padding: 11px; background: var(--panel2,#1a2120); font-size: 13px; font-weight: 600;}
.ms-s103{font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.14em; color: var(--faint,#7b857e); text-transform: uppercase;}
.ms-s104{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: clamp(24px, 3.5vw, 56px); align-items: start; margin-top: clamp(30px, 3.5vw, 46px);}
.ms-s105{margin: 0px; font-size: 16px; line-height: 1.62; color: var(--muted,#939d96); max-width: 52ch; text-wrap: pretty;}
.ms-s106{margin-top: 26px; display: flex; flex-direction: column; gap: 14px;}
.ms-s107{display: flex; gap: 13px; align-items: baseline; font-size: 15px; line-height: 1.5;}
.ms-s108{flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--clay,#d8593c); transform: translateY(-2px);}
.ms-s109{text-wrap: pretty;}
.ms-s110{flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--amber,#c9922f); transform: translateY(-2px);}
.ms-s111{flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--muted,#939d96); transform: translateY(-2px);}
.ms-s112{flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--green,#3aa877); transform: translateY(-2px);}
.ms-s113{margin: 26px 0px 0px; font-size: 13px; line-height: 1.55; color: var(--faint,#7b857e); max-width: 48ch; text-wrap: pretty;}
.ms-s114{border: 1px solid var(--line,rgba(232,236,233,0.10)); border-radius: 14px; background: var(--panel,#151b18); overflow: hidden;}
.ms-s115{display: flex; align-items: center; gap: 11px; padding: 13px 16px; border-bottom: 1px solid var(--line,rgba(232,236,233,0.10)); background: var(--panel2,#1a2120);}
.ms-s116{display: block; font-size: 14px; font-weight: 600;}
.ms-s117{display: block; margin-top: 2px; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted,#939d96);}
.ms-s118{background: var(--bg2,#111614); padding: 16px; display: flex; flex-direction: column; gap: 12px;}
.ms-s119{border: 1px solid var(--line,rgba(232,236,233,0.10)); border-radius: 4px 13px 13px; background: var(--panel,#151b18); padding: 13px 15px;}
.ms-s120{display: flex; align-items: center; gap: 9px; font-size: 14.5px; font-weight: 600; color: var(--clay,#d8593c);}
.ms-s121{flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--clay,#d8593c);}
.ms-s122{margin-top: 7px; font-size: 14px; line-height: 1.5; text-wrap: pretty;}
.ms-s123{margin-top: 9px; display: flex; justify-content: space-between; gap: 10px; font-family: "IBM Plex Mono", monospace; font-size: 10.5px; color: var(--faint,#7b857e);}
.ms-s124{display: flex; align-items: center; gap: 9px; font-size: 14.5px; font-weight: 600; color: var(--amber,#c9922f);}
.ms-s125{flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--amber,#c9922f);}
.ms-s126{margin: 12px 0px 0px; font-size: 12px; color: var(--faint,#7b857e);}
.ms-s127{position: relative; padding: clamp(56px, 7vw, 104px) clamp(16px, 4vw, 44px); border-bottom: 1px solid var(--line,rgba(232,236,233,0.10));}
.ms-s128{margin: 18px 0px 0px; font-size: 16px; line-height: 1.62; color: var(--muted,#939d96); max-width: 60ch; text-wrap: pretty;}
.ms-s129{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 14px; margin-top: clamp(30px, 3.5vw, 46px);}
.ms-s130{border: 1px solid var(--line,rgba(232,236,233,0.10)); border-radius: 13px; background: var(--panel,#151b18); padding: clamp(20px, 2.2vw, 26px); min-width: 0px;}
.ms-s131{display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; border-radius: 999px; background: var(--greenSoft,rgba(58,168,119,0.14)); color: var(--green,#3aa877); font-family: "IBM Plex Mono", monospace; font-size: 10.5px; letter-spacing: 0.09em; text-transform: uppercase;}
.ms-s132{width: 7px; height: 7px; border-radius: 50%; background: var(--green,#3aa877);}
.ms-s133{margin: 18px 0px 0px; font-size: 18px; font-weight: 600; letter-spacing: -0.015em;}
.ms-s134{margin: 10px 0px 0px; font-size: 14.5px; line-height: 1.56; color: var(--muted,#939d96); text-wrap: pretty;}
.ms-s135{display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; border-radius: 999px; background: var(--blueSoft,rgba(91,155,245,0.15)); color: var(--blue,#5b9bf5); font-family: "IBM Plex Mono", monospace; font-size: 10.5px; letter-spacing: 0.09em; text-transform: uppercase;}
.ms-s136{width: 7px; height: 7px; border-radius: 50%; background: var(--blue,#5b9bf5);}
.ms-s137{display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; border-radius: 999px; background: var(--violetSoft,rgba(168,120,230,0.15)); color: var(--violet,#a878e6); font-family: "IBM Plex Mono", monospace; font-size: 10.5px; letter-spacing: 0.09em; text-transform: uppercase;}
.ms-s138{width: 7px; height: 7px; border-radius: 50%; background: var(--violet,#a878e6);}
.ms-s139{margin: 20px 0px 0px; font-size: 13px; line-height: 1.55; color: var(--faint,#7b857e); max-width: 64ch; text-wrap: pretty;}
.ms-s140{margin: 14px 0px 0px; font-size: clamp(26px, 3.2vw, 40px); line-height: 1.14; letter-spacing: -0.028em; font-weight: 700; max-width: 22ch; text-wrap: balance;}
.ms-s141{margin: 18px 0px 0px; font-size: 16px; line-height: 1.62; color: var(--muted,#939d96); max-width: 56ch; text-wrap: pretty;}
.ms-s142{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 14px; margin-top: clamp(30px, 3.5vw, 46px);}
.ms-s143{background: var(--panel,#ffffff); border: 1px solid var(--line,rgba(232,236,233,0.10)); border-radius: 13px; padding: clamp(20px, 2.2vw, 26px); min-width: 0px;}
.ms-s144{font-family: "IBM Plex Mono", monospace; font-size: 26px; font-weight: 500; color: var(--green,#3aa877); letter-spacing: -0.02em;}
.ms-s145{margin: 14px 0px 0px; font-size: 17.5px; font-weight: 600; letter-spacing: -0.015em;}
.ms-s146{margin: 9px 0px 0px; font-size: 14px; line-height: 1.55; color: var(--muted,#939d96); text-wrap: pretty;}
.ms-s147{margin-top: 14px; font-family: "IBM Plex Mono", monospace; font-size: 11.5px; color: var(--faint,#6b756f);}
.ms-s148{position: relative; padding: clamp(56px, 7vw, 104px) clamp(16px, 4vw, 44px); background: var(--bg2,#111614);}
.ms-s149{position: relative; max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(24px, 3.5vw, 56px); align-items: start;}
.ms-s150{margin: 0px; font-size: clamp(26px, 3.2vw, 40px); line-height: 1.14; letter-spacing: -0.028em; font-weight: 700; max-width: 22ch; text-wrap: balance;}
.ms-s151{margin: 18px 0px 0px; font-size: 16px; line-height: 1.62; color: var(--muted,#939d96); max-width: 48ch; text-wrap: pretty;}
.ms-s152{margin-top: 26px; display: flex; flex-direction: column; gap: 11px;}
.ms-s153{display: flex; gap: 11px; align-items: baseline; font-size: 14.5px;}
.ms-s154{color: var(--green,#3aa877); font-family: "IBM Plex Mono", monospace;}
.ms-s155{margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--line,rgba(232,236,233,0.10)); font-size: 14.5px; color: var(--muted,#939d96);}
.ms-s156{color: var(--ink,#e8ece9); font-weight: 600; text-decoration-line: underline; text-decoration-thickness: 2px; text-decoration-style: initial; text-decoration-color: var(--green,#3aa877); text-underline-offset: 4px;}
.ms-s157{position: relative; min-width: 0px; border: 1px solid var(--line,rgba(232,236,233,0.10)); border-radius: 14px; background: var(--panel,#151b18); padding: clamp(20px, 2.6vw, 30px); display: flex; flex-direction: column; gap: 14px;}
.ms-s158{display: flex; flex-direction: column; gap: 7px;}
.ms-s159{width: 100%; padding: 12px 13px; border-radius: 9px; border: 1px solid var(--line2,rgba(232,236,233,0.16)); background: var(--bg,#0d1110); color: var(--ink,#e8ece9); font-family: "Golos Text", sans-serif; font-size: 14.5px; outline: none;}
.ms-s160{display: flex; flex-wrap: wrap; gap: 8px;}
.ms-s161{display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 8px; border: 1px solid var(--line2,rgba(232,236,233,0.16)); font-size: 13.5px; color: var(--muted,#939d96); cursor: pointer;}
.ms-s162{width: 7px; height: 7px; border-radius: 50%; background: rgb(47, 111, 208);}
.ms-s163{width: 7px; height: 7px; border-radius: 50%; background: var(--clay,#d8593c);}
.ms-s164{width: 7px; height: 7px; border-radius: 50%; background: rgb(123, 47, 190);}
.ms-s165{position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0;}
.ms-s166{margin-top: 4px; padding: 14px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 10px; background: var(--green,#3aa877); color: rgb(7, 16, 12); font-family: "Golos Text", sans-serif; font-size: 15px; font-weight: 600; cursor: pointer;}
.ms-s167{display: flex; align-items: center; gap: 9px; margin-top: 2px; font-size: 13px; color: var(--muted,#939d96);}
.ms-s168{flex: 1 1 0%; height: 1px; background: var(--line,rgba(232,236,233,0.10));}
.ms-s169{display: flex; align-items: center; justify-content: center; gap: 9px; padding: 13px; border-radius: 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgb(23, 118, 158); color: rgb(255, 255, 255); font-family: "Golos Text", sans-serif; font-size: 15px; font-weight: 600;}
.ms-s170{flex: 0 0 auto;}
.ms-s171{font-size: 12px; color: var(--faint,#6b756f); line-height: 1.45;}
.ms-s172{padding: 26px clamp(16px, 4vw, 44px); border-top: 1px solid var(--line,rgba(232,236,233,0.10)); background: var(--bg,#0d1110);}
.ms-s173{max-width: 1200px; margin: 0px auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 13px; color: var(--faint,#6b756f);}
.ms-s174{display: flex; align-items: center; gap: 9px; font-family: "IBM Plex Mono", monospace;}
.ms-s175{display: flex; gap: 18px; flex-wrap: wrap; align-items: center;}
.ms-s176{color: var(--ink,#e8ece9);}
.ms-s177{color: inherit;}
/* --- поведение: появление блоков и подсветка дашборда --- */
/* Появление блоков при прокрутке. Прячущий класс вешает скрипт — без JS
   страница видна целиком, а не пуста. */
.ms-rise{opacity:0;transform:translate3d(0,14px,0);
  transition:opacity .55s cubic-bezier(.2,.6,.2,1),transform .55s cubic-bezier(.2,.6,.2,1);}
.ms-rise--in{opacity:1;transform:none;}
/* Если браузер не умеет backdrop-filter, прозрачная шапка превращается
   в мутное пятно поверх контента — там делаем её полностью непрозрачной. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  nav { background: var(--bg,#0d1110) !important; }
}
/* Активный пункт меню. Подчёркивание, а не рамка или точка: не сдвигает
   соседние пункты, когда активный меняется. */
.ms-nav--active{color:var(--ink,#e8ece9);text-decoration:underline;
  text-decoration-color:var(--green,#3aa877);text-decoration-thickness:2px;text-underline-offset:6px;}
/* Фокус на блоке, который сейчас в кадре. Соседние приглушены, но остаются
   читаемыми: 0.42 — это не «выключено», а «не сейчас». */
.ms-focusable{opacity:.42;transition:opacity .45s cubic-bezier(.2,.6,.2,1);}
.ms-focus{opacity:1;}
@media (prefers-reduced-motion: reduce){ .ms-focusable{opacity:1;transition:none;} }
/* Подсветка канала и строки в момент обновления дашборда. */
.ms-chip--live{box-shadow:0 0 0 1px var(--green,#3aa877);transition:box-shadow .2s;}
.ms-row--live{background:color-mix(in srgb,var(--green,#3aa877) 9%,transparent);transition:background .25s;}
/* Заливка текста при появлении: слова стоят на месте белыми и по очереди
   перекрашиваются в свой цвет абзаца (inherit — цвет задаёт сама вёрстка). */
.ms-type__w{color:#fff;transition:color .45s cubic-bezier(.2,.6,.2,1);}
.ms-type__w--on{color:inherit;}
/* Кучка логотипов площадок справа на первом экране (hero-pile.html).
   Позиции — итоговые, падение только анимация: без JS кучка просто лежит.
   С 1280px: уже на 1180 кучка наезжает на лид. Низ — над строкой с кнопкой. */
.ms-pile{display:none;}
@media (min-width:1280px){
  .ms-pile{display:block;position:absolute;right:0;top:0;width:440px;height:330px;z-index:1;cursor:pointer;}
}
.ms-pile__list{list-style:none;margin:0;padding:0;position:absolute;inset:0;}
.ms-pile__tile{position:absolute;display:flex;align-items:center;padding:14px 16px;border-radius:14px;
  background:#fff;border:1px solid rgba(13,17,16,.08);
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 10px 24px -8px rgba(0,0,0,.45);
  transform:rotate(var(--r));transition:transform .25s cubic-bezier(.2,.6,.2,1);}
.ms-pile__tile img{display:block;height:28px;width:auto;}
.ms-pile--wait .ms-pile__tile{opacity:0;}
.ms-pile__tile:hover{transform:translateY(-6px) rotate(calc(var(--r) * .5));z-index:2;}
/* Падение: сверху с разгоном, удар, небольшой отскок, успокоение. */
.ms-pile--drop .ms-pile__tile{opacity:0;animation:ms-drop .95s cubic-bezier(.45,0,.9,.55) both;
  animation-delay:calc(var(--i) * 110ms + 150ms);}
@keyframes ms-drop{
  0%{opacity:0;transform:translate(var(--dx),-460px) rotate(var(--r0));}
  10%{opacity:1;}
  62%{opacity:1;transform:translate(0,0) rotate(var(--r));animation-timing-function:cubic-bezier(.2,.6,.3,1);}
  78%{transform:translate(0,-18px) rotate(calc(var(--r) * 1.35));animation-timing-function:cubic-bezier(.5,0,.8,.4);}
  90%{transform:translate(0,0) rotate(var(--r));}
  95%{transform:translate(0,-4px) rotate(var(--r));}
  100%{opacity:1;transform:translate(0,0) rotate(var(--r));}
}
@media (prefers-reduced-motion: reduce){ .ms-pile--drop .ms-pile__tile{animation:none;opacity:1;} }
@media (prefers-reduced-motion: reduce){
  .ms-rise{opacity:1 !important;transform:none !important;transition:none !important;}
  .ms-chip--live,.ms-row--live{box-shadow:none;background:transparent;}
}