/* ===== Перенесённые компоненты прежней версии сайта (калькуляторы) =====
   Скоуп .po-embed задаёт палитру прежнего дизайна через переменные,
   сведённые к дизайн-системе новой страницы (светлый фон, тёмные акценты). */
.po-embed{
  --bg:#f2f2f2; --surface:#fff; --surface-2:#e9e9e9;
  --line:rgba(26,27,28,.16); --line-2:rgba(26,27,28,.09);
  --ink:#1a1b1c; --ink-2:rgba(26,27,28,.72); --ink-3:rgba(26,27,28,.46);
  --accent:#395dad; --accent-soft:rgba(57,93,173,.12);
  --display:inherit; --mono:inherit; --body:inherit;
}

/* ---------- Оценка эффективности (bcalc) ---------- */
.bcalc{display:grid;grid-template-columns:.82fr 1.18fr;gap:20px;align-items:start;margin-top:8px}
.bc-inputs{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:16px;position:sticky;top:90px}
.bc-inputs label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--ink-2);font-weight:500}
.bc-inputs label.row{flex-direction:row;align-items:center;gap:9px;font-weight:500}
.bc-inputs label[hidden]{display:none}
.bc-inputs select,.bc-inputs input[type=number]{background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:11px 13px;font:inherit;width:100%}
.bc-inputs input[type=checkbox]{width:auto}
.bc-inputs .hint{font-size:11.5px;color:var(--ink-3);font-weight:400}
.bc-result{background:var(--ink);color:#fff;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:15px}
.bc-r-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.6)}
.bc-r-big{font-weight:700;font-size:clamp(30px,4.2vw,48px);letter-spacing:-.02em;line-height:1.02;margin:5px 0 3px}
.bc-r-sub{font-size:14px;color:rgba(255,255,255,.78)}.bc-r-sub b{color:#fff}
.bc-split{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.66);margin-top:2px}
.bc-split b{color:#9fd0ff}
.bc-fin{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bc-fin>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.bc-fin span{font-size:12px;color:rgba(255,255,255,.6)}
.bc-fin b{font-size:19px;font-weight:600}
.bc-fin i{font-style:normal;font-size:11px;color:rgba(255,255,255,.5)}
.bc-norm{font-size:13px;color:rgba(255,255,255,.78);background:rgba(95,163,240,.13);border:1px solid rgba(95,163,240,.28);border-radius:10px;padding:9px 12px}
.bc-norm b{color:#9fd0ff}
.bc-comp{font-size:13px;border-radius:10px;padding:9px 12px}
.bc-comp.hi{background:rgba(232,160,114,.14);border:1px solid rgba(232,160,114,.32);color:#f0c39c}
.bc-comp.lo{background:rgba(110,231,183,.12);border:1px solid rgba(110,231,183,.3);color:#9ff0cf}
.bc-comp.eq{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.8)}
.bc-comp b{font-weight:700}
.bc-opbar{display:flex;align-items:baseline;gap:10px;border-top:1px solid rgba(255,255,255,.1);padding-top:13px}
.bc-opbar .ttl{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.5)}
.bc-time{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bc-time>div{display:flex;flex-direction:column;gap:1px}
.bc-time span{font-size:11px;color:rgba(255,255,255,.55)}
.bc-time b{font-size:22px;font-weight:600;color:#fff;line-height:1}
.bc-time i{font-style:normal;font-size:11px;color:rgba(255,255,255,.5)}
.bc-ba{width:100%;border-collapse:collapse;font-size:13px}
.bc-ba th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.5);padding:0 0 7px;border-bottom:1px solid rgba(255,255,255,.12)}
.bc-ba th:not(:first-child),.bc-ba td:not(:first-child){text-align:right}
.bc-ba td{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.85)}
.bc-ba td:first-child{color:rgba(255,255,255,.62)}
.bc-ba td:last-child{color:#6ee7b7;font-weight:600}
.bc-note{font-size:12.5px;color:rgba(255,255,255,.6);line-height:1.5}
.bc-lead-row{display:flex;gap:10px;flex-wrap:wrap}
.bc-lead input[type=email]{flex:1;min-width:180px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:10px;color:#fff;padding:12px 13px;font:inherit}
.bc-lead input[type=email]::placeholder{color:rgba(255,255,255,.5)}
.bc-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:rgba(255,255,255,.72);margin-top:11px;line-height:1.45}
.bc-consent a{color:#9fd0ff}.bc-consent input{width:auto;margin-top:2px;flex:none}
.bc-msg{margin-top:9px;font-size:13px;min-height:1.1em}.bc-msg.ok{color:#6ee7b7}.bc-msg.err{color:#fca5a5}
.bc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:860px){.bcalc{grid-template-columns:1fr}.bc-inputs{position:static}}
@media(max-width:520px){.bc-fin,.bc-time{grid-template-columns:1fr 1fr}}

/* ---------- Тарифный калькулятор (pc-*) ---------- */
.pc-modes{display:inline-flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:100px;background:var(--surface-2);margin-bottom:30px}
.pc-mode{padding:11px 24px;border-radius:100px;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);cursor:pointer;border:none;background:transparent;transition:background .2s,color .2s}
.pc-mode.is-active{background:var(--ink);color:#fff}
.pc-panel{display:none}
.pc-panel.is-active{display:block}
.pc-grid{display:flex;flex-direction:column;gap:22px}
.pc-inputs{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px 28px 36px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px 36px;align-content:space-between;align-items:end;height:100%;box-sizing:border-box}
.pc-inp-h{grid-column:1 / -1;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);padding-bottom:14px;border-bottom:1px solid var(--line)}
.pc-field label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:14px;color:var(--ink-2)}
.pc-field label .val{font-weight:600;font-size:20px;color:var(--ink);letter-spacing:-.02em}
.pc-range{width:100%;-webkit-appearance:none;appearance:none;background:transparent;height:28px;cursor:pointer;margin:0;touch-action:pan-y}
.pc-range::-webkit-slider-runnable-track{height:6px;border-radius:100px;background:linear-gradient(90deg,var(--accent) var(--fill,30%),var(--line) var(--fill,30%))}
.pc-range::-moz-range-track{height:6px;border-radius:100px;background:var(--line)}
.pc-range::-moz-range-progress{height:6px;border-radius:100px;background:var(--accent)}
.pc-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:0 4px 12px -3px rgba(31,107,211,.55);margin-top:-9px;cursor:grab;transition:transform .12s ease}
.pc-range:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.14)}
.pc-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:0 4px 12px -3px rgba(31,107,211,.55);cursor:grab}
.pc-range:focus-visible{outline:none}
.pc-lead{position:relative;background:var(--accent-soft);border:1px solid var(--accent);border-radius:16px;padding:18px 22px;margin-bottom:18px}
.pc-lead-h{font-weight:600;font-size:19px;letter-spacing:-.015em;margin-bottom:4px;color:var(--ink)}
.pc-lead-sub{font-size:13px;color:var(--ink-2);margin:0 0 13px;line-height:1.45}
.pc-lead-row{display:flex;gap:10px;flex-wrap:wrap}
.pc-lead-row input[type=email]{flex:1;min-width:180px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:11px 13px;font:inherit}
.pc-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--ink-2);margin-top:11px;line-height:1.45}
.pc-consent input{width:auto;flex:none;margin-top:2px}.pc-consent a{color:var(--accent)}
.pc-lead-msg{margin-top:8px;font-size:13px;min-height:1.1em}.pc-lead-msg.ok{color:#0d8a55}.pc-lead-msg.err{color:#c22}
.pc-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.pc-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:16px;padding:18px 16px;background:var(--surface);display:flex;flex-direction:column;gap:12px;transition:border-color .25s,transform .25s,box-shadow .25s,opacity .25s}
.pc-card.is-rec{border-color:var(--accent);box-shadow:0 24px 55px -32px var(--accent);transform:translateY(-4px)}
.pc-card.is-dim{opacity:.45}
.pc-badge{position:absolute;top:-10px;left:16px;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;background:var(--accent);color:#fff;padding:4px 9px;border-radius:100px;opacity:0;transition:opacity .25s}
.pc-card.is-rec .pc-badge{opacity:1}
.pc-card-top{display:flex;flex-direction:column;gap:3px}
.pc-card h5{font-weight:600;font-size:16px;letter-spacing:-.01em;margin:0}
.pc-tier-tag{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
.pc-price{font-weight:600;font-size:19px;letter-spacing:-.02em;color:var(--ink);line-height:1.1}
.pc-price small{display:block;font-size:10px;color:var(--ink-3);font-weight:400;margin-top:3px;letter-spacing:.02em}
.pc-lim{display:flex;flex-direction:column;gap:5px;padding:11px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.pc-lim div{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--ink-2)}
.pc-lim div b{font-size:11px;color:var(--ink)}
.pc-feat{list-style:none;display:flex;flex-direction:column;gap:6px;padding:0;margin:0}
.pc-feat li{font-size:11.5px;color:var(--ink-2);line-height:1.3;padding-left:17px;position:relative}
.pc-feat li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--accent);font-size:11px;font-weight:700}
.pc-feat li.lock{color:var(--ink-3)}
.pc-feat li.lock::before{content:"\00b7";color:var(--ink-3)}
.pc-buyer-grid{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:stretch}
.pc-objs{display:flex;flex-direction:column}
.pc-obj{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line-2)}
.pc-obj:first-child{border-top:1px solid var(--line-2)}
.pc-obj-n{font-size:14.5px;color:var(--ink);font-weight:500}
.pc-obj-p{font-size:11px;color:var(--ink-3);white-space:nowrap}
.pc-stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:100px;overflow:hidden;background:var(--surface)}
.pc-stepper button{width:32px;height:32px;border:none;background:transparent;color:var(--ink-2);font-size:17px;cursor:pointer;transition:background .15s,color .15s;display:grid;place-items:center}
.pc-stepper button:hover{background:var(--accent-soft);color:var(--accent)}
.pc-stepper .pc-count{width:36px;text-align:center;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}
.pc-result{background:var(--ink);color:#fff;border-radius:20px;padding:32px 30px;position:sticky;top:92px;display:flex;flex-direction:column;gap:22px}
.pc-result-k{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.55)}
.pc-result-big{font-weight:600;font-size:clamp(34px,4vw,46px);letter-spacing:-.03em;line-height:1}
.pc-result-big small{font-size:15px;color:rgba(255,255,255,.6);font-weight:400;margin-left:8px;letter-spacing:0}
.pc-result-year{font-size:12.5px;color:rgba(255,255,255,.7)}
.pc-result-bd{display:flex;flex-direction:column;gap:7px;padding-top:16px;border-top:1px solid rgba(255,255,255,.15)}
.pc-result-bd .r{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:rgba(255,255,255,.78)}
.pc-result-bd .r b{color:#fff;font-size:12px}
.pc-result-bd .r.empty{color:rgba(255,255,255,.4)}
.pc-perks{display:flex;flex-direction:column;gap:7px;padding-top:16px;border-top:1px solid rgba(255,255,255,.15);margin:0}
.pc-perks li{list-style:none;font-size:12.5px;color:rgba(255,255,255,.85);padding-left:20px;position:relative}
.pc-perks li::before{content:"\2713";position:absolute;left:0;color:#5fe3ad;font-weight:700}
.pc-toggle-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.pc-seg{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:100px;background:var(--surface-2)}
.pc-seg button{padding:8px 16px;border-radius:100px;border:none;background:transparent;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);cursor:pointer;transition:background .2s,color .2s}
.pc-seg button.is-active{background:var(--accent);color:#fff}
.pc-check{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink-2);cursor:pointer;user-select:none}
.pc-check input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}
@media(max-width:1100px){.pc-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.pc-buyer-grid{grid-template-columns:1fr}.pc-result{position:static}.pc-inputs{grid-template-columns:1fr}}
/* 861–1200px: колонка «Итого» была жёстко 420px и вылезала за правый край
   (проверка 2026-08-20, 1024×768) — обе колонки делают ширину по месту */
@media (min-width:861px) and (max-width:1200px){
  .pc-buyer-grid{grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:18px}
  .pc-buyer-grid>*{min-width:0}
  .pc-result{padding:22px 20px}
}
@media(max-width:560px){.pc-cards{grid-template-columns:1fr}}

/* ---------- Новости ---------- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.news-card{background:#fff;border:1px solid rgba(26,27,28,.12);border-radius:18px;padding:22px;min-height:170px;display:flex;flex-direction:column;gap:9px}
.news-card__date{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;opacity:.45}
.news-card__title{font-size:18px;font-weight:600;letter-spacing:-.01em}
.news-card__text{font-size:13.5px;opacity:.65;line-height:1.5}
@media(max-width:860px){.news-grid{grid-template-columns:1fr}}

/* «Нам доверяют» на всю ширину: панель слева свайпается, секция растёт */
@media (min-width:1025px){
  .aside{transition:transform .7s cubic-bezier(.77,0,.175,1)}
  html.po-clients-full .aside,html.po-eff-full .aside,html.po-news-full .aside{transform:translateX(-110%)}
  #clients{transition:margin-left .7s cubic-bezier(.77,0,.175,1),width .7s cubic-bezier(.77,0,.175,1)}
  html.po-clients-full #clients{margin-left:calc(-700vw/48);width:calc(100% + 700vw/48)}
  /* аналитика едет вместе с линией-разделителем: тот же сдвиг и та же анимация, что у меню */
  html.po-clients-full #ai-demo{margin-left:calc(-700vw/48);width:calc(100% + 700vw/48)}
  /* текст уходит под шапку (фон), мини-заголовок «Порядок…» скрыт */
  html.po-clients-full .header,html.po-eff-full .header,html.po-news-full .header{background:#f2f2f2}
  /* линия под шапкой продлевается влево синхронно со свайпом панели */
  .header:before{content:"";position:absolute;bottom:0;left:0;width:calc(27vw + 6px);height:1px;
    background:rgba(26,27,28,.2);transform:scaleX(0);transform-origin:right;
    transition:transform .7s cubic-bezier(.77,0,.175,1),opacity .5s ease}
  .aside-slogan.is-on{opacity:1;transform:none}
  html.po-clients-full .header:before,html.po-eff-full .header:before,html.po-news-full .header:before{transform:scaleX(1)}
  .main-screen{transition:opacity .35s ease}
  html.po-clients-full .main-screen,html.po-eff-full .main-screen{opacity:0;pointer-events:none}
}

/* ---------- «Нам доверяют»: остановка (пин) + кластер партнёров ---------- */
.trust-map{width:100%;margin-top:10px}
@media (min-width:1025px){
  #clients{min-height:128vh}
  /* всё умещается в один экран: интро компактное, кластер — остаток высоты */
  .po-clients-pin{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding:86px 0 10px;box-sizing:border-box;overflow:visible}
  #clients .stage-intro{padding:0 0 6px}
  #clients .stage-intro .section-title{margin:8px 0 6px}
  #clients .stage-intro__text{margin-top:8px}
  #clients .trust-map{flex:1 1 auto;min-height:0;margin-top:0;display:flex;align-items:center;justify-content:center;
    -webkit-mask-image:linear-gradient(to bottom,transparent 1%,#000 18%,#000 78%,transparent 99%);
    mask-image:linear-gradient(to bottom,transparent 1%,#000 18%,#000 78%,transparent 99%)}
  #clients .watch-cluster{height:calc(100% - 52px);width:100%;max-height:none;margin:0 auto}
  @media (max-height:760px){#clients .watch-cluster{height:calc(100% - 96px)}}
}
/* кластер Apple Watch (перенос из первой версии, светлая тема) */
.watch-cluster{position:relative;width:100%;max-width:none;height:min(560px,60vw);margin:10px auto 0;cursor:crosshair;
  --surface:#fff;--line:rgba(26,27,28,.16);--ink:#1a1b1c;--bg:#f2f2f2;--display:inherit;
  --accent:#395dad;--accent-2:#5fd4ff;--accent-soft:rgba(57,93,173,.12)}
.watch-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:11;width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;font-size:0;padding:0;background:#fff;border:1px solid rgba(26,27,28,.2);color:#1a1b1c;
  cursor:pointer;box-shadow:0 6px 18px -10px rgba(0,0,0,.3);transition:background .2s,transform .15s,border-color .2s,color .2s}
.watch-arrow svg{width:19px;height:19px;display:block}
.watch-arrow:hover{background:#395dad;color:#fff;border-color:#395dad;transform:translateY(-50%) scale(1.07)}
.watch-arrow-l{left:20px}.watch-arrow-r{right:20px}
.watch-dome{position:absolute;inset:0;overflow:visible;transition:transform .42s cubic-bezier(.5,0,.45,1),opacity .42s ease,filter .42s ease}
.watch-cluster.swapping .watch-dome{transform:scale(.38);opacity:0;filter:blur(7px)}
.watch-sparkle{position:absolute;inset:0;z-index:9;pointer-events:none;opacity:0;transition:opacity .25s ease}
.watch-cluster.swapping .watch-sparkle{opacity:1}
.watch-sparkle i{position:absolute;width:3px;height:3px;border-radius:50%;background:#93b5e8;
  box-shadow:0 0 7px 1px rgba(57,93,173,.6);animation:wspark 1.1s ease-in-out infinite}
@keyframes wspark{0%,100%{opacity:.15;transform:scale(.5)}50%{opacity:1;transform:scale(1.4)}}
@media (prefers-reduced-motion: reduce){.watch-sparkle i{animation:none}}
.watch-tile{--tile-size:104px;--lift:0;position:absolute;left:50%;top:50%;width:var(--tile-size);height:var(--tile-size);
  margin-left:calc(var(--tile-size)/-2);margin-top:calc(var(--tile-size)/-2);border-radius:50%;
  display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);
  font-weight:600;font-size:13px;letter-spacing:-.01em;color:var(--ink);text-align:center;padding:8px;line-height:1.1;
  white-space:normal;word-break:break-word;will-change:transform,opacity,filter;
  box-shadow:0 calc(8px + var(--lift)*30px) calc(20px + var(--lift)*46px) -10px rgba(7,23,42,calc(.26 + var(--lift)*.26)),
    inset 0 2px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(7,23,42,.05);
  pointer-events:none}
.watch-tile.is-accent{background:var(--accent);color:#fff;border-color:var(--accent)}
.watch-tile.is-dark{background:var(--ink);color:var(--bg);border-color:transparent}
.watch-tile.is-cyan{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-color:transparent}
.watch-tile.is-soft{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.watch-tile.has-logo{background:#fff;color:var(--ink);border-color:var(--line)}
.watch-tile.has-logo img{width:72%;height:72%;object-fit:contain;display:block;pointer-events:none}
@media (max-width:760px){.watch-tile{--tile-size:72px;font-size:11px;padding:6px}.watch-arrow{width:38px;height:38px}}

/* ---------- Логотип: словесная марка ProOrder AI (знак PO убран) ---------- */
.po-logo{display:inline-block;font-weight:700;font-size:27px;line-height:1;letter-spacing:-.025em;color:#1a1b1c;white-space:nowrap}
/* AI: яркий сине-голубой градиент + периодический блик (раз в ~7с) */
.po-logo-ai{
  margin-left:.14em;
  background-image:
    linear-gradient(105deg,transparent 38%,rgba(255,255,255,.98) 50%,transparent 62%),
    linear-gradient(115deg,#1533c9 5%,#2e6bff 45%,#37a5ff 80%,#5fd4ff 100%);
  background-size:260% 100%,100% 100%;
  background-position:230% 0,0 0;
  background-repeat:no-repeat;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:po-ai-blick 7s linear infinite;
}
@keyframes po-ai-blick{
  0%,68%{background-position:230% 0,0 0}
  90%,100%{background-position:-160% 0,0 0}
}
@media (prefers-reduced-motion: reduce){.po-logo-ai{animation:none}}
@media (max-width:900px){.po-logo{font-size:21px}}

/* ---------- «Единая система»: экран по референсу Control Tab ---------- */
/* старый слайдер этапов удалён с экрана (дублировал механику таймлайна);
   display:none вместо выреза из DOM — бандл инициализирует .js-slider */
#system .formula-slider{display:none!important}
#system{padding-top:0}
.po-system-hero{position:relative}
.po-sys-coin{position:relative}
/* монета — JPG на сером фоне: мягкая радиальная маска сливает края с фоном */
.po-coin-img{-webkit-mask-image:radial-gradient(circle,#000 58%,transparent 70%);mask-image:radial-gradient(circle,#000 58%,transparent 70%)}
.po-pixel-canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;-webkit-mask-image:radial-gradient(circle,#000 58%,transparent 70%);mask-image:radial-gradient(circle,#000 58%,transparent 70%)}
/* таймлайн-навигация деки: каркас внизу, подписи этапов видны сразу */
.po-timeline{position:absolute;left:0;right:0;bottom:3vh;z-index:4;height:64px;display:flex;opacity:0;
  border:1px solid rgba(26,27,28,.8);border-top:0;border-radius:0 0 24px 24px}
.po-tl-slot{flex:1;position:relative;display:flex;align-items:center;justify-content:center}
.po-tl-slot+.po-tl-slot:before{content:"";position:absolute;left:0;bottom:0;width:1px;height:18px;background:rgba(26,27,28,.8)}
.po-tl-slot span{display:inline-block;font-size:14px;transform:translateY(-60vh);opacity:0;
  transition:transform .55s cubic-bezier(.45,0,.6,1),opacity .3s ease,color .3s ease}
.po-tl-slot.is-filled span{transform:none;opacity:1}
.po-tl-slot.is-current span{color:#395dad;font-weight:700}
.po-tl-slot{cursor:pointer}
/* кружок-бейдж над правым краем таймлайна */
.po-tl-badge{position:absolute;right:1.5%;bottom:calc(3vh + 58px);z-index:6;width:118px;height:118px;
  border:1px solid #1a1b1c;border-radius:50%;background:#f2f2f2;opacity:0;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;
  padding-left:24px;font-size:12px;line-height:1.25;text-align:left}
@media (max-width:1024px){.po-tl-badge{display:none}}
.po-tl-slot:hover span{color:#395dad}
/* левый блок (меню-панель) 15% вместо 25%: сетка бандла 48 колонок,
   панель была 12 колонок — стала 7; точки пагинации и подписи следуют
   за --aside-width сами (left:calc(var(--aside-width)/2) + js-po-toc-align) */
@media (min-width:1025px){
  :root{--aside-width:calc(100%/var(--grid-columns-base)*7);--header-height:76px;--header-offset-top:56px}
  .app-content{grid-column:8/-1}
  .app-content-top{width:calc(100%/var(--grid-columns-base)*(var(--grid-columns-base) - 7))}
  .app-content-top:before{width:calc((100vw - var(--scrollbar-width, 0px))/var(--grid-columns-base)*7)}
  /* метка текущей секции: у бандла right:8.33% от панели — при панели 15% ложилась на лого,
     а за панелью пряталась под плашку шапки (z-index). Ставим строкой под логотипом. */
  .app-nav-active{right:auto;left:var(--offset-x);top:calc(var(--header-height)/2 + 26px)}
}
/* разделы таймлайна */
.po-sec-deck{position:absolute;top:calc(var(--header-height) + 10px);left:0;right:0;bottom:calc(3vh + 128px);z-index:5;opacity:0;pointer-events:none}
/* Низ деки привязан к таймлайну (3vh + его высота 64px + зазор), а не к 16vh:
   на высоких окнах 16vh съедали до 90px впустую и правая колонка не помещалась.
   ⚠️ Плюс 44px — место для строки «ProOrder AI анализирует…»: она живёт МЕЖДУ
   полосой «Эффект для бизнеса» и таймлайном, а z-index деки выше, поэтому без
   зарезервированного зазора полоса просто накрывала её собой. */
/* в фазе деки пину нужно показывать контент шире своей колонки
   (вне деки overflow:hidden остаётся — монета и сцена не вылезают) */
.po-sys-pin:has(.po-sec.is-active){overflow:visible}
.section:has(.po-sec.is-active){overflow:visible}
.po-sec{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(34px);transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s;
  display:grid;grid-template-columns:minmax(0,clamp(560px,38vw,1020px)) minmax(320px,1fr);
  grid-template-rows:auto auto auto auto minmax(0,1fr) auto;
  column-gap:clamp(40px,4.5vw,96px)}
.po-sec.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease .1s,transform .45s ease .1s}
/* тексты разделов открываются фирменным клипом, каскадом (как на старте) */
.po-sec .tags-list__item,.po-sec .section-title span,.po-sec .section-description span,.po-sec__right p{
  display:inline-block;clip-path:inset(-10% 100% -10% -10%);
  transition:clip-path .8s cubic-bezier(.77,0,.175,1)}
.po-sec.is-active .tags-list__item{clip-path:inset(-10% -10% -10% -10%);transition-delay:.1s}
.po-sec.is-active .section-title span{clip-path:inset(-10% -10% -10% -10%);transition-delay:.22s}
.po-sec.is-active .section-description span{clip-path:inset(-10% -10% -10% -10%);transition-delay:.34s}
.po-sec.is-active .po-sec__right .text-md{clip-path:inset(-10% -10% -10% -10%);transition-delay:.3s}
.po-sec.is-active .po-sec__right .po-sec__small{clip-path:inset(-10% -10% -10% -10%);transition-delay:.45s}
.po-sec__left{display:contents}
.po-sec__left .po-stage-no{grid-area:1/1}
.po-sec__left .section-tags-list{grid-area:2/1;margin-top:10px}
.po-sec__left .section-title{grid-area:3/1;margin:14px 0 10px}
.po-sec__left .section-description{grid-area:4/1}
.po-sec__right{grid-area:4/2/6/3;align-self:start;justify-self:stretch;width:100%;max-width:min(560px,100%)}
/* колонка занимает свою колонку сетки целиком: уже 560px текст на 1280px
   раскладывался в лишние строки и налезал на полосу «Эффект» */
.po-sec__right .text-md{margin-bottom:26px;font-size:max(22px,min(calc(1.5625vw + 2px),32px));line-height:1.2}
.po-sec__small{font-size:17px;line-height:1.55;opacity:.75}
/* список механик этапа (лейбл + пункты с тонкими линиями) */
.po-mech-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a8f98;font-weight:700;margin:22px 0 2px}
.po-mech{list-style:none;margin:6px 0 18px;padding:0}
.po-mech li{position:relative;padding:9px 0 9px 20px;font-size:15px;line-height:1.45;border-bottom:1px solid rgba(26,27,28,.12)}
.po-mech li:first-child{border-top:1px solid rgba(26,27,28,.12)}
.po-mech li::before{content:"";position:absolute;left:3px;top:16px;width:7px;height:7px;border-radius:2px;background:#f2994a}
.po-mech b{font-weight:600}
.po-mech-label,.po-mech{display:block;clip-path:inset(-10% 100% -10% -10%);transition:clip-path .8s cubic-bezier(.77,0,.175,1)}
.po-sec.is-active .po-mech-label{clip-path:inset(-10% -10% -10% -10%);transition-delay:.4s}
.po-sec.is-active .po-mech{clip-path:inset(-10% -10% -10% -10%);transition-delay:.5s}
@media (min-width:2100px){.po-mech li{font-size:17px}.po-mech-label{font-size:12.5px}}
/* стек шапок раздела: заголовок блока живёт слева, меняется с подпунктом */
.po-lhead{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .4s ease,transform .4s ease,visibility 0s linear .4s}
.po-lhead.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .4s ease .1s,transform .4s ease .1s}
.po-lhead .tags-list__item,.po-lhead .section-title span,.po-lhead .section-description span{
  display:inline-block;clip-path:inset(-10% 100% -10% -10%);transition:clip-path .8s cubic-bezier(.77,0,.175,1)}
.po-sec.is-active .po-lhead.is-active .tags-list__item{clip-path:inset(-10% -10% -10% -10%);transition-delay:.1s}
.po-sec.is-active .po-lhead.is-active .section-title span{clip-path:inset(-10% -10% -10% -10%);transition-delay:.22s}
.po-sec.is-active .po-lhead.is-active .section-description span{clip-path:inset(-10% -10% -10% -10%);transition-delay:.34s}
/* точки-индикаторы подпунктов раздела */
.po-sub-dots{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);display:flex;gap:12px;pointer-events:auto}
.po-sub-dots i{width:8px;height:8px;border-radius:50%;background:rgba(26,27,28,.22);transition:background .3s;cursor:pointer;padding:0}
.po-sub-dots i:hover{background:rgba(57,93,173,.6)}
.po-sub-dots i.is-on{background:#395dad}
/* маршруты согласования — строки с линиями, открываются клипом */
.po-routes{list-style:none;margin:26px 0 0;padding:0;display:block;
  clip-path:inset(-10% 100% -10% -10%);transition:clip-path .8s cubic-bezier(.77,0,.175,1)}
.po-sec.is-active .po-routes{clip-path:inset(-10% -10% -10% -10%);transition-delay:.5s}
.po-routes li{display:flex;justify-content:space-between;gap:16px;padding:10px 2px;border-bottom:1px solid rgba(26,27,28,.16);font-size:14px}
.po-routes li:first-child{border-top:1px solid rgba(26,27,28,.16)}
.po-routes li span:first-child{opacity:.55}
/* подпункты «Заказов»: сменяются как тексты стартового экрана */
.po-sub{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(30px);transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s}
.po-sub.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease .1s,transform .45s ease .1s}
.po-sub .po-rotator__label,.po-sub .po-rotator__title,.po-sub .po-rotator__subtitle,.po-sub .po-plain-list{
  display:block;clip-path:inset(-10% 100% -10% -10%);transition:clip-path .8s cubic-bezier(.77,0,.175,1)}
.po-sub.is-active .po-rotator__label{clip-path:inset(-10% -10% -10% -10%);transition-delay:.1s}
.po-sub.is-active .po-rotator__title{clip-path:inset(-10% -10% -10% -10%);transition-delay:.2s}
.po-sub.is-active .po-rotator__subtitle{clip-path:inset(-10% -10% -10% -10%);transition-delay:.3s}
.po-sub.is-active .po-plain-list{clip-path:inset(-10% -10% -10% -10%);transition-delay:.35s}
/* p внутри неактивного подпункта закрыты клипом даже при активной секции */
.po-sec.is-active .po-sub:not(.is-active) p{clip-path:inset(-10% 100% -10% -10%)!important}
.po-sec.is-active .po-sub.is-active .text-md{clip-path:inset(-10% -10% -10% -10%);transition-delay:.3s}
.po-sec.is-active .po-sub.is-active .po-sec__small{clip-path:inset(-10% -10% -10% -10%);transition-delay:.45s}
/* теги этапов: одинаковый зазор между плашками по горизонтали и вертикали */
.po-sec .section-tags-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:0}
.po-sec .section-tags-list .tags-list__item{margin:0}
/* этап 1: мок «бюджет + согласование + лимиты» (по скринам ProOrder) */
.po-bud-mock{grid-area:5/1;align-self:center;justify-self:start;position:relative;
  display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:clamp(560px,38vw,1020px);min-width:0;margin-top:clamp(14px,2.4vh,30px);
  clip-path:inset(-42% 100% -12% -10%);transition:clip-path .8s cubic-bezier(.77,0,.175,1)}
.po-sec.is-active .po-bud-mock{clip-path:inset(-42% -14% -14% -10%);transition-delay:.5s}
.po-bud-card{background:#fff;border:1px solid rgba(26,27,28,.1);border-radius:14px;box-shadow:0 10px 30px rgba(26,27,28,.08)}
.po-bud-card--table{grid-column:1/3;grid-row:1;min-width:0;padding:11px 13px 8px}
.po-bud-card__head{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8a8f98;font-weight:700;margin-bottom:6px}
.po-bud-card--table table{width:100%;border-collapse:collapse;font-size:11.5px}
.po-bud-card--table th{text-align:left;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8a8f98;font-weight:600;padding:4px 5px;border-bottom:1px solid rgba(26,27,28,.12)}
.po-bud-card--table td{padding:4px;border-bottom:1px solid rgba(26,27,28,.06);white-space:nowrap}
.po-bud-card--table td:first-child{white-space:normal}
.po-bud-card--table th:not(:first-child),.po-bud-card--table td:not(:first-child){text-align:right}
.po-bud-total td{font-weight:700;border-top:1.5px solid rgba(26,27,28,.25);border-bottom:none}
.po-bud-grp td{font-weight:600;background:rgba(57,93,173,.045)}
.po-bud-grp i{font-style:normal;color:#8a8f98;font-size:9px;margin-right:6px;vertical-align:1px}
.po-bud-sub td:first-child{padding-left:24px;color:rgba(26,27,28,.75)}
.po-bud-pct{display:inline-block;padding:1px 7px;border-radius:20px;background:rgba(46,125,50,.1);color:#2e7d32;font-weight:600;font-size:11px}
.po-bud-card--check{grid-column:2;grid-row:2;align-self:stretch;min-width:0;padding:10px 13px;border-left:3px solid #395dad}
.po-bud-card__label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#395dad;font-weight:700;margin-bottom:8px}
.po-bud-row{display:flex;flex-direction:column;margin-bottom:3px;font-size:12px}
.po-bud-row span{color:#8a8f98;font-size:11px}
.po-bud-row b{font-weight:600}
.po-bud-ok{display:inline-block;margin-top:2px;padding:2px 9px;border-radius:20px;background:rgba(46,125,50,.12);color:#2e7d32;font-size:11.5px;font-weight:600}
.po-bud-card--chain{grid-column:1;grid-row:2;align-self:stretch;min-width:0;padding:10px 13px}
.po-bud-chain{list-style:none;margin:0;padding:0}
.po-bud-chain li{display:flex;gap:9px;align-items:flex-start;position:relative;padding:1px 0 5px}
.po-bud-chain li:not(:last-child)::before{content:"";position:absolute;left:8px;top:26px;bottom:0;width:2px;background:rgba(26,27,28,.12)}
.po-bud-chain i{flex:0 0 18px;width:18px;height:18px;border-radius:50%;font-style:normal;font-size:11px;line-height:18px;text-align:center;margin-top:1px;position:relative;z-index:1}
.po-bud-chain .is-done i{background:#e2efe3;color:#2e7d32}
.po-bud-chain .is-wait i{background:#e0e7f5;color:#395dad}
.po-bud-chain b{display:block;font-size:12.5px;font-weight:600;line-height:1.25}
.po-bud-chain span{font-size:11px;color:#8a8f98}
.po-bud-limits{position:absolute;right:-56px;bottom:-34px;left:auto;top:auto;width:max-content;background:#1a1b1c;color:#fff;border-radius:12px;padding:8px 14px 9px;box-shadow:0 8px 22px rgba(26,27,28,.2);font-size:11.5px;line-height:1.5;white-space:nowrap}
.po-bud-limits b{display:block;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65);font-weight:700;margin-bottom:2px}
/* широкие мониторы: скрины продукта крупнее и по площади, и по типографике */
@media (min-width:2100px){
  .po-bud-card--table{padding:16px 20px 12px}
  .po-bud-card--check,.po-bud-card--chain{padding:16px 20px}
  .po-bud-card__head{font-size:14.5px}
  .po-bud-card--table table{font-size:15px}
  .po-bud-card--table th{font-size:13px}
  .po-bud-pct{font-size:14.5px}
  .po-bud-card__label{font-size:13px}
  .po-bud-row{font-size:16px}
  .po-bud-row span{font-size:14.5px}
  .po-bud-ok{font-size:15.5px}
  .po-bud-chain b{font-size:16.5px}
  .po-bud-chain span{font-size:14.5px}
  .po-bud-chain i{flex-basis:24px;width:24px;height:24px;font-size:14px;line-height:24px}
  .po-bud-limits{font-size:15.5px;padding:12px 18px 13px}
  .po-bud-limits b{font-size:12.5px}
}
/* этап 2: схема «источники условий → маркет-лист → подразделения» */
.po-flow{grid-area:5/1;align-self:center;justify-self:start;width:100%;max-width:clamp(560px,38vw,1020px);min-width:0;margin-top:clamp(12px,2vh,26px);
  clip-path:inset(-10% 100% -10% -10%);transition:clip-path .8s cubic-bezier(.77,0,.175,1)}
.po-sec.is-active .po-flow{clip-path:inset(-10% -6% -10% -10%);transition-delay:.5s}
/* шаги = лента-шеврон (вариант В, выбор заказчика 2026-08-17) */
.po-flow-steps{list-style:none;display:flex;gap:0;margin:0 0 14px;padding:0}
.po-flow-steps li{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;
  padding:10px 16px 10px 24px;font-size:12.5px;font-weight:600;
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%)}
.po-flow-steps li:first-child{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}
.po-flow-steps li:nth-child(1){background:#f2994a}
.po-flow-steps li:nth-child(3){background:#ee8a33}
.po-flow-steps li:nth-child(5){background:#e07a20}
.po-flow-steps li i{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.25);color:#fff;font-style:normal;font-size:11px;font-weight:700;
  display:flex;align-items:center;justify-content:center;flex:none}
.po-flow-steps li.po-flow-arr{display:none}
.po-flow-src,.po-flow-dst{list-style:none;display:grid;margin:0;padding:0;gap:8px}
.po-flow-src{grid-template-columns:repeat(5,1fr)}
.po-flow-dst{grid-template-columns:repeat(4,1fr)}
.po-flow-src li,.po-flow-dst li{background:#fff;border:1px solid rgba(26,27,28,.1);border-radius:10px;padding:8px 6px;
  font-size:11.5px;line-height:1.3;text-align:center;color:rgba(26,27,28,.8);box-shadow:0 4px 14px rgba(26,27,28,.05)}
.po-flow-dst li{border-style:dashed;background:rgba(255,255,255,.6)}
/* коннектор-шина: горизонталь + вертикаль со стрелкой вниз */
.po-flow-join{position:relative;height:22px;margin:0 9%}
.po-flow-join::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:rgba(26,27,28,.22)}
.po-flow-join::after{content:"";position:absolute;left:50%;top:6px;bottom:-2px;width:1px;background:rgba(26,27,28,.22)}
.po-flow-join i{display:none}
.po-flow-join--down{margin:0 12%}
.po-flow-join--down::before{top:auto;bottom:6px}
.po-flow-join--down::after{top:2px;bottom:6px}
/* центральная карточка: мини-версия каталога */
.po-flow-main{background:#fff;border:1px solid rgba(26,27,28,.1);border-left:3px solid #f2994a;border-radius:14px;
  box-shadow:0 10px 30px rgba(26,27,28,.08);padding:12px 16px;margin:0 auto;max-width:86%}
.po-flow-main__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.po-flow-main__head span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#f2994a;font-weight:700}
.po-flow-main__head em{font-style:normal;font-size:11px;color:#8a8f98}
.po-flow-note{text-align:center;font-size:11.5px;color:#8a8f98;margin-top:9px}
@media (min-width:2100px){.po-flow-note{font-size:13.5px}}
.po-flow-ml{list-style:none;margin:0;padding:0}
.po-flow-ml li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid rgba(26,27,28,.06);flex-wrap:wrap}
.po-flow-ml li:last-child{border-bottom:none}
.po-flow-ml .n{font-size:12.5px}
.po-flow-ml .n b{font-weight:600}
.po-flow-ml .n em{font-style:normal;color:#8a8f98;font-size:11px;margin-left:8px}
.po-flow-ml .n u{text-decoration:none;font-size:10.5px;padding:2px 9px;border-radius:20px;background:rgba(242,153,74,.13);color:#c96f16;margin-left:8px;white-space:nowrap;vertical-align:1px}
.po-flow-ml .w{color:#8a8f98;font-size:11.5px;white-space:nowrap}
.po-flow-ml .w b{color:#2e7d32;font-weight:700}
.po-flow-main table{width:100%;border-collapse:collapse;font-size:12.5px}
.po-flow-main td{padding:5px 4px;border-bottom:1px solid rgba(26,27,28,.06);white-space:nowrap}
.po-flow-main tr:last-child td{border-bottom:none}
.po-flow-main td:nth-child(2){text-align:right;font-weight:600}
.po-flow-main td:nth-child(3){text-align:right;color:#8a8f98;font-size:11.5px}
.po-flow-main td b{color:#2e7d32;font-weight:600}
@media (min-width:2100px){
  .po-flow-steps li{font-size:14.5px}
  .po-flow-src li,.po-flow-dst li{font-size:13.5px;padding:11px 8px}
  .po-flow-main table{font-size:15px}
  .po-flow-ml .n{font-size:15px}
  .po-flow-ml .n em{font-size:13px}
  .po-flow-ml .w{font-size:13.5px}
  .po-flow-ml .n u{font-size:12px}
  .po-flow-main__head span{font-size:14px}
  .po-flow-main__head em{font-size:13px}
}
/* этап 3: карточки «Автозаказ» и «Предложенный заказ (ИИ)» в середине слайда */
.po-ord{grid-area:5/1;align-self:center;justify-self:start;width:100%;max-width:clamp(560px,38vw,1020px);min-width:0;margin-top:clamp(12px,2vh,26px);
  display:grid;grid-template-columns:1fr 1.15fr;gap:14px;
  clip-path:inset(-10% 100% -10% -10%);transition:clip-path .8s cubic-bezier(.77,0,.175,1)}
.po-sec.is-active .po-ord{clip-path:inset(-10% -6% -10% -10%);transition-delay:.5s}
.po-ord-card{background:#fff;border:1px solid rgba(26,27,28,.1);border-left:3px solid #f2c94c;border-radius:14px;
  box-shadow:0 10px 30px rgba(26,27,28,.08);padding:15px 18px}
.po-ord-card__label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#b8912c;font-weight:700;margin-bottom:9px;display:flex;align-items:center;gap:8px}
.po-ord-card ul{list-style:none;margin:0;padding:0}
.po-ord-card ul li{position:relative;padding:6px 0 6px 16px;font-size:12.5px;line-height:1.45;border-bottom:1px solid rgba(26,27,28,.06)}
.po-ord-card ul li:last-child{border-bottom:none}
.po-ord-card ul li::before{content:"";position:absolute;left:1px;top:12px;width:6px;height:6px;border-radius:2px;background:#f2c94c}
.po-ord-card ul b{font-weight:600}
.po-ord-card p{margin:0 0 8px;font-size:12.5px;line-height:1.5}
.po-ord-card em{font-style:normal;font-size:12px;font-weight:600;color:#395dad}
.po-ord-card--ai{border-left:3px solid #1533c9}
.po-ord-card--ai .po-ord-card__label{color:#395dad}
.po-ord-card--ai .po-ord-card__label i{font-style:normal;font-size:10px;font-weight:800;color:#fff;padding:2px 8px;border-radius:20px;
  background:linear-gradient(120deg,#1533c9,#5fd4ff);letter-spacing:.06em}
@media (min-width:2100px){
  .po-ord-card ul li,.po-ord-card p{font-size:15px}
  .po-ord-card em{font-size:14px}
  .po-ord-card__label{font-size:14px}
}
/* галерея скринов продукта + лайтбокс */
/* веер-стопка (вариант В по выбору заказчика) */
.po-shots{grid-column:1/3;position:relative;height:clamp(175px,19vh,235px);margin-top:6px;pointer-events:auto}
.po-shot{position:absolute;margin:0;width:44%;height:92%;background:#fff;border:1px solid rgba(26,27,28,.12);border-radius:12px;overflow:hidden;
  box-shadow:0 3px 9px rgba(26,27,28,.06);cursor:zoom-in;transition:transform .28s ease,box-shadow .28s ease}
.po-shot:nth-child(1){left:0;top:8%;transform:rotate(-3deg);z-index:1}
.po-shot:nth-child(2){left:28%;top:0;transform:rotate(.5deg) scale(1.06);z-index:3;box-shadow:0 5px 12px rgba(26,27,28,.08)}
.po-shot:nth-child(3){left:56%;top:10%;transform:rotate(3deg);z-index:2}
.po-shot:hover{transform:translateY(-8px) rotate(0deg) scale(1.08);z-index:5;box-shadow:0 9px 18px rgba(26,27,28,.11)}
.po-shot img{display:block;width:100%;height:calc(100% - 28px);object-fit:cover;object-position:top left}
.po-shot figcaption{font-size:10.5px;color:#8a8f98;padding:5px 10px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#po-lb{position:fixed;inset:0;z-index:200;background:rgba(10,12,16,.82);display:none;align-items:center;justify-content:center;padding:4vh 4vw;cursor:zoom-out}
#po-lb.on{display:flex}
#po-lb img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5);background:#fff}
@media (min-width:2100px){
  .po-shots{height:clamp(210px,21vh,280px)}
  .po-shot figcaption{font-size:12.5px}
}
/* маркеры списка правой колонки — в цвет этапа 3 (жёлтый) и этапа 4 (зелёный) */
.po-sec:nth-child(1) .po-mech li::before{background:#4f74d8}
.po-sec:nth-child(3) .po-mech li::before{background:#f2c94c}
.po-sec:nth-child(4) .po-mech li::before{background:#43aa8b}
/* этап 4: карточки в зелёной гамме, таблица сверки */
.po-ord--s4{grid-template-columns:1.2fr 1fr}
.po-ord--s4 .po-ord-card{border-left-color:#43aa8b}
.po-ord--s4 .po-ord-card__label{color:#2e8266}
.po-ord--s4 .po-ord-card ul li::before{background:#43aa8b}
.po-acc{list-style:none;margin:0;padding:0}
.po-acc li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;padding:6px 0 !important;border-bottom:1px solid rgba(26,27,28,.06)}
.po-acc li::before{display:none !important}
.po-acc li:last-child{border-bottom:none}
.po-acc li span:first-child{font-weight:600;font-size:12.5px;white-space:nowrap}
.po-acc li span:nth-child(2){color:#8a8f98;font-size:11px;white-space:nowrap}
.po-acc b.ok{color:#2e7d32;font-weight:700}
.po-acc b.act{color:#b26a00;background:rgba(242,153,74,.16);border-radius:20px;padding:1px 8px;font-size:10.5px;font-weight:700}
@media (min-width:2100px){
  .po-acc li span:first-child{font-size:15px}
  .po-acc li span:nth-child(2){font-size:13px}
  .po-acc b.act{font-size:12.5px}
}

/* невысокие окна ИЛИ узкий десктоп (там правая колонка тоже сжата):
   длинные правые колонки (этап 2–3) не должны переливаться через полосу */
@media (max-height:1049px),(min-width:1025px) and (max-width:1200px){
  .po-flow-ml li{padding:4px 0}
  .po-flow-ml .n{font-size:11.5px}
  .po-flow-ml .n em{font-size:10px}
  .po-flow-ml .n u{font-size:9.5px;padding:1px 7px}
  .po-flow-ml .w{font-size:10.5px}
  .po-flow-main{padding:9px 13px}
  .po-flow-main__head{margin-bottom:5px}
  .po-sec__right .text-md{font-size:19px;margin-bottom:18px}
  .po-mech-label{margin-top:14px}
  .po-mech li{font-size:12px;padding:5px 0 5px 16px;line-height:1.4}
  .po-mech li::before{top:13px}
  .po-mech{margin-bottom:12px}
  .po-sec__small{font-size:13.5px}
}
/* Страховка без JS: грубые ступени масштаба макета продукта по высоте окна.
   Точный коэффициент считает js-po-sec-fit в index.html — он ставит inline
   transform и перебивает эти правила. Раньше здесь на max-height:829px стоял
   display:none, из-за чего на ноутбуках пропадали все макеты (2026-08-20). */
@media (max-height:969px){.po-bud-mock,.po-flow,.po-ord{transform:scale(.86);transform-origin:left center}.po-bud-limits{bottom:8px}}
@media (max-height:889px){.po-bud-mock,.po-flow,.po-ord{transform:scale(.76);transform-origin:left center}}
@media (max-height:760px){.po-bud-mock,.po-flow,.po-ord{transform:scale(.60);transform-origin:left center}}
@media (max-height:680px){.po-bud-mock,.po-flow,.po-ord{transform:scale(.46);transform-origin:left center}}

/* «Эффект для бизнеса» — горизонтальная полоса внизу слайда этапа */
.po-sec__fx{grid-area:6/1/7/3;align-self:end;margin-right:0;background:#edf1f8;border-radius:16px;padding:16px 170px 18px 28px;
  clip-path:inset(-10% 100% -10% -10%);transition:clip-path .8s cubic-bezier(.77,0,.175,1)}
.po-sec.is-active .po-sec__fx{clip-path:inset(-10% -10% -10% -10%);transition-delay:.55s}
.po-sec__fx-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#395dad;font-weight:700;margin-bottom:12px}
.po-sec__fx-list{display:flex;gap:28px;margin:0;padding:0;list-style:none}
.po-sec__fx-list li{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:600;line-height:1.35}
.po-sec__fx-list li+li{border-left:1px solid rgba(26,27,28,.12);padding-left:28px}
.po-sec__fx-ico{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#395dad;box-shadow:0 1px 3px rgba(26,27,28,.08)}
.po-sec__fx-ico svg{width:20px;height:20px}
@media (max-width:1024px){.po-timeline{display:none}.po-sec-deck{display:none}}

/* --- компактные раскладки слайда этапа для низких окон ---
   (стоят ПОСЛЕ базовых правил .po-sec__fx, иначе они бы их перебивали).
   Здесь только МЯГКОЕ сжатие — размеры остаются читаемыми; точную подгонку
   под остаток высоты делает js-po-sec-fit (масштаб макета + zoom правой
   колонки). Заказчик 2026-08-20: «текст справа и монетки слишком мелкие». */
@media (min-width:1025px) and (max-height:889px){
  /* тёмная плашка лимитов уходит из-под карточки проверки (макет ужат) */
  .po-bud-limits{right:-40px;bottom:-18px}
  .po-timeline{height:50px;bottom:2vh}
  .po-tl-slot span{font-size:13px}
  .js-po-timeline .po-tl-slot span{padding:6px 14px}
  .po-tl-badge{width:104px;height:104px;bottom:calc(2vh + 50px);padding-left:19px;font-size:11px;gap:6px}
  /* Место под строку «ProOrder AI анализирует…»: она живёт МЕЖДУ полосой
     «Эффект для бизнеса» и таймлайном. Раньше на низких окнах дека доходила до
     самого таймлайна, и строка оказывалась ПОД полосой (z-index деки выше) —
     заказчик видел её закрытой «плашкой с монетками». Резервируем 46px. */
  .po-sec-deck{bottom:calc(2vh + 104px)}
  .po-sec .po-stage-no{font-size:11px}
  .po-sec .section-tags-list{gap:7px}
  .po-sec .section-tags-list .tag{font-size:11.5px;padding:5px 12px}
  .po-sec__left .section-title{margin:10px 0 6px}
  .po-sec .section-title{font-size:34px;line-height:1.06}
  /* 2026-08-23: заказчик — «текст справа слишком мелкий». Поднято на ~2 пункта;
     если высоты не хватит, js-po-sec-fit сожмёт МАКЕТ, а не эти строки.
     Плюс правой колонке отдана строка заголовка: справа от него всё равно
     пусто, а лишние ~40px высоты снимают нужду в сжатии текста. */
  .po-sec__right{grid-area:3/2/6/3}
  .po-sec__right .text-md{font-size:19px;line-height:1.32;margin-bottom:13px}
  .po-mech-label{margin:12px 0 2px}
  .po-mech{margin:5px 0 8px}
  .po-mech li{font-size:14.5px;padding:5px 0 5px 17px;line-height:1.42}
  .po-mech li::before{top:12px;width:6px;height:6px}
  .po-sec__small{font-size:14.5px;line-height:1.45}
  .po-sec__fx{padding:11px 152px 12px 22px;border-radius:14px}
  .po-sec__fx-label{font-size:10.5px;margin-bottom:7px}
  .po-sec__fx-list{gap:18px}
  .po-sec__fx-list li{font-size:14px;gap:10px}
  .po-sec__fx-list li+li{padding-left:18px}
  .po-sec__fx-ico{width:36px;height:36px}
  .po-sec__fx-ico svg{width:18px;height:18px}
}
/* совсем низкие окна (рабочая область ~610px): ещё одна мягкая ступень */
@media (min-width:1025px) and (max-height:680px){
  .po-timeline{height:44px;bottom:1.5vh}
  .po-tl-slot span{font-size:12px}
  .js-po-timeline .po-tl-slot span{padding:5px 12px}
  .po-tl-badge{width:92px;height:92px;bottom:calc(1.5vh + 44px);padding-left:15px;font-size:10px;gap:5px}
  /* см. выше: строке нужно место между полосой и таймлайном */
  .po-sec-deck{bottom:calc(1.5vh + 92px);top:calc(var(--header-height) + 4px)}
  .po-sec .po-stage-no{font-size:10.5px}
  .po-sec .section-tags-list{gap:6px}
  .po-sec .section-tags-list .tag{font-size:11px;padding:4px 10px}
  .po-sec__left .section-title{margin:7px 0 5px}
  .po-sec .section-title{font-size:29px}
  .po-sec .section-description{font-size:13px}
  .po-sec__right .text-md{font-size:17px;margin-bottom:10px}
  .po-mech-label{margin:9px 0 1px;font-size:10.5px}
  .po-mech{margin:4px 0 5px}
  .po-mech li{font-size:13.5px;padding:4px 0 4px 16px;line-height:1.38}
  .po-mech li::before{top:11px}
  .po-sec__small{font-size:13.5px}
  .po-sec__fx{padding:9px 140px 10px 18px;border-radius:12px}
  .po-sec__fx-label{font-size:10px;margin-bottom:5px}
  .po-sec__fx-list{gap:14px}
  .po-sec__fx-list li{font-size:13px;gap:9px}
  .po-sec__fx-list li+li{padding-left:14px}
  .po-sec__fx-ico{width:32px;height:32px}
}
/* узкий десктоп (1025–1200px), любая высота: левая колонка отдаёт место правой,
   полоса «Эффект» не разрастается на три строки, кружок-бейдж меньше */
@media (min-width:1025px) and (max-width:1200px){
  .po-sec{grid-template-columns:minmax(0,clamp(430px,46vw,1020px)) minmax(300px,1fr);column-gap:32px}
  .po-bud-mock,.po-flow,.po-ord{max-width:clamp(430px,46vw,1020px)}
  .po-sec__fx{padding-right:118px}
  .po-sec__fx-list{gap:14px}
  .po-sec__fx-list li{font-size:13px;gap:9px}
  .po-sec__fx-list li+li{padding-left:14px}
  .po-sec__fx-ico{width:32px;height:32px}
  .po-tl-badge{width:92px;height:92px;font-size:10px;padding-left:15px;gap:5px}
}

@media (min-width:1025px){
  .po-system-hero{height:700vh}
  /* на широких экранах сцена не расползается по краям: кап ширины + центр */
  .po-sys-pin{position:sticky;top:0;height:100vh;overflow:hidden;max-width:1500px;margin:0 auto}
  /* левый блок — выше, сразу под линией шапки; ширина масштабируется с капом */
  .po-sys-left{position:absolute;left:0;top:clamp(92px,9vh,128px);width:min(44%,820px);z-index:2}
  .po-sys-left-head,.po-flip-row{will-change:transform}
  /* монета — под заголовком, в левой половине; растёт с экраном */
  /* монета начинается ниже подписи «Один процесс…»: на низких окнах 28% поднимали её на текст, поэтому пол в px */
  .po-sys-coin{position:absolute;left:3%;top:max(28%,268px);width:clamp(380px,34vw,640px);z-index:0;pointer-events:none}
  /* правая колонка: ширина от экрана с капами, не липнет к краю */
  .po-sys-right{position:absolute;right:2%;top:80px;bottom:0;width:clamp(340px,27vw,560px);z-index:2}
  .po-sys-how{margin-bottom:36px}
  .po-sys-how .link{font-size:14px;text-decoration:underline;text-underline-offset:3px;pointer-events:auto}
  .po-sys-scroll{position:absolute;inset:0;overflow:hidden}
  .po-sys-scroll__inner{will-change:transform}
  /* два абзаца одного блока — идут подряд с умеренным отступом,
     вертикальную центровку по прогрессу скролла считает JS */
  .po-sys-slide+.po-sys-slide{margin-top:56px}
}
@media (max-width:1024px){
  .po-sys-pin{display:flex;flex-direction:column;gap:26px;padding:20px 0 10px}
  .po-sys-coin{order:2;margin:0 auto;width:min(70vw,420px)}
  .po-sys-right{order:3}
  .po-sys-slide+.po-sys-slide{margin-top:16px}
}
.po-sys-left .section-title{margin:16px 0 10px}
/* каскадное появление текстов экрана (родной clip-reveal бандла) */
.po-sys-left .tags-list .js-reveal-on-scroll{transition-delay:.05s}
.po-sys-left .section-title .js-reveal-on-scroll{transition-delay:.18s}
.po-sys-left .section-description .js-reveal-on-scroll{transition-delay:.32s}
.po-sys-slide:nth-child(1) .js-reveal-on-scroll{transition-delay:.25s}
.po-sys-slide:nth-child(2) .js-reveal-on-scroll{transition-delay:.4s}
/* подпись «Один процесс…» — одной строкой, как в референсе */
.po-sys-left .section-description span{white-space:nowrap}
/* большие мониторы (27"+): сцена масштабируется от vw — кадр как на 14" */
@media (min-width:1900px){
  .po-sys-pin{max-width:none;margin:0;padding:0 1vw}
  .po-sys-left{width:44%;max-width:none;top:6.5vh}
  .po-sys-left .section-title{font-size:3.1vw;line-height:1.05}
  .po-sys-left .section-description{font-size:1vw}
  .po-sys-left .tag{font-size:.85vw;padding:.5vw 1vw}
  .po-flip{width:3.4vw;height:3.4vw}
  .po-flip__front svg{width:1.5vw;height:1.5vw}
  .po-flip__back{font-size:.72vw}
  .po-sys-coin{width:36vw;max-width:none;left:9%;top:24%}
  .po-sys-right{width:29vw;max-width:none}
  .po-sys-right .text-md{font-size:1.32vw;line-height:1.4}
}
/* три значка: круглые, при наведении переворачиваются и меняют цвет */
.po-flip-row{display:flex;gap:12px;margin-top:9vh;margin-left:16px;padding:0}
.po-flip{list-style:none;width:66px;height:66px;perspective:600px}
.po-flip__in{position:relative;display:block;width:100%;height:100%;transition:transform .55s cubic-bezier(.3,.7,.3,1);transform-style:preserve-3d}
.po-flip:hover .po-flip__in{transform:rotateY(180deg)}
.po-flip__front,.po-flip__back{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.po-flip__front{background:#fff;border:1px solid rgba(26,27,28,.18)}
.po-flip__back{transform:rotateY(180deg);background:#395dad;color:#fff;font-size:12px;letter-spacing:.03em}

/* мини-заголовок «Порядок создает преимущество»: бандл анимирует его сам
   (inline position:fixed + scale 1→.3) — не перебиваем, иначе пропадает
   анимация. Доусадка до эквивалента .258 — на строках заголовка, плавно */
@media (min-width:1025px){
  .main-title-row{transition:transform .6s cubic-bezier(.77,0,.175,1)}
  body.content-view .main-title-row{transform:scale(.86);transform-origin:left 60%}
}

/* ---------- Hero: мелкие правки по замечаниям ---------- */
/* отступ между вертикальным «Листайте» и иконкой мыши */
.main-scroll-indicator .scroll-indicator__icon{margin-top:46px}
/* подпись под заголовком не должна обрезаться краем экрана на мобильных;
   на десктопе остаётся родная узкая ширина — тогда в мини-виде hero она
   сжимается аналогично заголовку, а не упирается в линию */
@media (max-width:1024px){
  .main-screen__bottom-text{white-space:normal!important;max-width:calc(100vw - 60px)!important}
}
/* в мини-виде (content-view) подпись не выходит за вертикальную линию:
   ширина колонки минус отступы, перенос разрешён */
@media (min-width:1025px){
  body.content-view .main-screen__bottom-text{max-width:calc(25vw - 60px)!important;white-space:normal!important}
}
/* кнопка «Войти» в шапке — светлая пилюля рядом со «Связаться» */
.po-login-btn{background:#fff;border:1px solid rgba(26,27,28,.18)!important;color:#1a1b1c;margin-right:10px}

/* ---------- Меню секций (aside): единый ритм точек и подписей + сдвиг ниже логотипа ---------- */
@media (min-width: 1025px){
  /* оглавление: ТОЧКИ СЛЕВА от названий. Колонку точек (вместе со стрелками
     «вверх/вниз» — они в том же контейнере) переносим к левому краю, а колонку
     подписей совмещаем с ней замером в JS (см. js-po-toc-align в index.html):
     бандл раскладывает обе колонки по своим vw-формулам, поэтому любой
     фиксированный сдвиг «плывёт» по ширине экрана. Чип текущей секции
     (.app-nav-active) остаётся в шапке на уровне ProOrder */
  .app-nav{transform:translateY(48px)}
  .app-pagination{transform:translate(calc(-82px - 0.16vw),48px)}
  .nav-list,.nav-btn{text-align:left}
  /* точки и подписи — одинаковый шаг строки, контент по центру строки */
  .sections-pagination-list__item{height:25px;display:flex;align-items:center;justify-content:center;margin:0!important}
  .nav-list__item{height:25px;display:flex;align-items:center;margin:0!important}
  /* активный пункт — та же высота строки, иначе весь ритм подписей уезжает
     вверх (правило .nav-list__item.is-active в index.html снимает у него
     visually-hidden шаблона и ставит height:auto — перебиваем специфичностью) */
  .nav-list .nav-list__item.is-active{height:25px}
}

/* ---------- Финальный CTA в подвале ---------- */
.footer-cta__title{font-size:clamp(34px,5vw,64px);letter-spacing:-.03em;line-height:1;margin-bottom:14px}
.footer-cta__sub{max-width:560px;opacity:.7;margin-bottom:24px;line-height:1.5}
.footer-nav{display:flex;flex-wrap:wrap;gap:40px 70px;padding:40px 0 10px}
.footer-nav__col{display:flex;flex-direction:column;gap:9px;min-width:160px}
.footer-nav__head{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;opacity:.45;margin-bottom:4px}
.footer-nav__col a,.footer-nav__col button{font-size:14px;color:inherit;text-decoration:none;background:none;border:0;padding:0;text-align:left;cursor:pointer;opacity:.8;transition:opacity .2s}
.footer-nav__col a:hover,.footer-nav__col button:hover{opacity:1}


/* ---------- «Глазами ИИ»: интерактивный расчёт ---------- */
/* меньшие вертикальные отступы между всеми экранами */
@media (min-width:1025px){
  .app-content .section{padding-top:2vw!important;padding-bottom:2vw!important}
}
.po-embed{padding-bottom:28px}
#ai-demo{padding-top:0!important}
@media (min-width:1025px){
  #ai-demo{min-height:170vh;padding-bottom:0!important}
  .po-ai-pin{position:sticky;top:0;min-height:100vh;box-sizing:border-box;padding-top:86px;padding-bottom:20px}
  #ai-demo .stage-intro{padding-top:0}
}
/* пин аналитики: зона 340vh, экран залипает, блоки сменяются */
@media (min-width:1025px){
  .po-aib-scroll{height:580vh;position:relative}
  .aib-final{position:absolute;left:0;right:0;top:86px;opacity:0;will-change:transform;pointer-events:none}

  .aib-final .aib-head--demo{margin-top:0}
  /* ширина формы в vw — не меняется при развороте секции */
  .aib-final .ai-demo{grid-template-columns:clamp(360px,34vw,520px) minmax(0,1fr)}
  /* заголовок демо = размер секционного заголовка (он встаёт на его место) */
  .aib-final .aib-title{font-size:min(3.125vw,60px);letter-spacing:-.02em}
  .po-aib-scroll .po-ai-pin{position:sticky;top:0;height:100vh;min-height:0;box-sizing:border-box;
    padding-top:86px;padding-bottom:16px;display:flex;flex-direction:column}
  .aib-stage{position:relative;flex:1;min-height:0;margin-top:4px}
  /* лента блоков: непрерывный скролл внутри пина, как обычная страница */
  .aib-stage{overflow:hidden}
  .aib-track{height:100%;will-change:transform}
  /* блок: слева текст (паузится при скролле), справа скрины */
  .aib-stage .aib{height:auto;min-height:100%;margin:0;box-sizing:border-box;padding-bottom:14px;
    display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.5fr);
    gap:14px clamp(28px,3.5vw,72px);align-items:start;grid-auto-flow:row dense}
  .aib-stage .aib .aib-shot+.aib-shot{margin-top:4px}
  .aib-stage .aib .aib-left{grid-column:1;will-change:transform;display:flex;flex-direction:column;gap:14px}
  .aib-stage .aib .aib-shot{grid-column:2;margin:0}
  .aib-stage .aib .aib-side .aib-lead{font-size:max(16px,min(1.15vw,22px))}
  .aib-stage .aib-shot img{max-height:47vh;width:100%;object-fit:contain;object-position:top left;background:#fff}
}
/* межсекционный зазор вокруг аналитики — плотнее */
#clients{margin-bottom:0}
#ai-demo{padding-top:0!important}
/* кластер логотипов на неширcolumn экранах — крупнее */
@media (min-width:1025px) and (max-width:1500px){
  .watch-dome{transform:scale(1.12)}
}
@media (min-width:1025px) and (max-width:1350px){
  .watch-dome{transform:scale(1.16)}
}
/* блоки Аналитики в стиле продуктовых секций шаблона */
.aib{margin:38px 0 52px}
.aib-head .section-tags-list{margin-bottom:0}
.aib-title{font-size:max(28px,min(2.3vw,46px));font-weight:600;letter-spacing:-.02em;margin:12px 0 6px}
.aib-sub{font-size:15px;color:rgba(26,27,28,.6);max-width:560px}
.aib-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:clamp(24px,3vw,64px);margin-top:22px;align-items:start}
.aib-shot{margin:0;background:#fff;border:1px solid rgba(26,27,28,.1);border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(26,27,28,.07)}
.aib-shot img{display:block;width:100%}
.aib-lead{font-size:max(19px,min(1.35vw,26px));line-height:1.35;letter-spacing:-.01em;margin:0 0 16px}
.aib-note{font-size:13.5px;line-height:1.6;color:rgba(26,27,28,.65);margin:0}
.aib-head--demo{margin-top:60px;margin-bottom:6px}
@media (max-width:900px){.aib-body{grid-template-columns:1fr}}

/* блок Аналитики: возможности + как работает + пример отчёта */
.ai-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 12px}
.ai-feat{background:#fff;border:1px solid rgba(26,27,28,.12);border-radius:14px;padding:13px 16px}
.ai-feat b{display:block;font-size:14.5px;margin-bottom:3px}
.ai-feat span{font-size:12.5px;color:rgba(26,27,28,.65);line-height:1.45}
.ai-two{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin:0 0 18px}
.ai-how,.ai-report{background:#fff;border:1px solid rgba(26,27,28,.12);border-radius:14px;padding:16px 18px}
.ai-block-label{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#395dad;font-weight:700;margin-bottom:10px}
.ai-how ol{margin:0;padding:0;list-style:none;counter-reset:aihow}
.ai-how ol li{position:relative;padding:7px 0 7px 34px;font-size:13.5px;line-height:1.5;counter-increment:aihow}
.ai-how ol li::before{content:counter(aihow);position:absolute;left:0;top:8px;width:22px;height:22px;border-radius:50%;
  background:linear-gradient(120deg,#1533c9,#5fd4ff);color:#fff;font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.ai-report ul{list-style:none;margin:0;padding:0}
.ai-report li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:7px 0;border-bottom:1px solid rgba(26,27,28,.06);font-size:13px}
.ai-report li:last-child{border-bottom:none}
.ai-report b.warn{color:#b26a00}
.ai-report b.good{color:#2e7d32}
.ai-report em{display:block;font-style:normal;font-size:11.5px;color:#8a8f98;margin-top:8px}
@media (max-width:900px){.ai-feats{grid-template-columns:1fr 1fr}.ai-two{grid-template-columns:1fr}}
@media (min-width:2100px){
  .ai-feat b{font-size:17px}
  .ai-feat span{font-size:14.5px}
  .ai-how ol li{font-size:16px}
  .ai-report li{font-size:15.5px}
}
#ai-demo .stage-intro{padding-top:0}
/* заголовок «Аналитика закупок ProOrder AI» в одну строку: шире стандартных 760px */
#ai-demo .stage-intro,#ai-demo .stage-intro .section-title{max-width:900px}
/* подпись в две строки */
#ai-demo .stage-intro .section-description{max-width:37.5em}
.ai-demo{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:start;margin-top:8px}
.ai-form{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:16px}
.ai-field label{display:block;font-size:14px;color:var(--ink-2);font-weight:500;margin-bottom:8px}
.ai-hint{font-size:11.5px;color:var(--ink-3);font-weight:400}
.ai-field select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:11px 13px;font:inherit}
.ai-picker{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:6px 8px}
.ai-picker input{width:100%;border:0;background:transparent;padding:6px;font:inherit;outline:none}
.ai-chips{display:flex;flex-wrap:wrap;gap:6px}
.ai-chip{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent);border-radius:100px;padding:5px 10px;font-size:13px}
.ai-chip button{border:0;background:none;color:inherit;cursor:pointer;font-size:15px;padding:0;line-height:1}
.ai-suggest{position:absolute;left:0;right:0;top:100%;margin-top:4px;z-index:5;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px -18px rgba(7,23,42,.35);overflow:hidden}
.ai-sug{display:block;width:100%;text-align:left;border:0;background:none;padding:10px 14px;font:inherit;font-size:14px;cursor:pointer}
.ai-sug:hover{background:var(--accent-soft)}
.ai-prices{display:flex;flex-direction:column;gap:8px}
.ai-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px}
.ai-price-name{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ai-price-inp{display:inline-flex;align-items:center;gap:6px;flex:none}
.ai-price-inp input{width:110px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;font-size:13px}
.ai-price-inp input::-webkit-outer-spin-button,.ai-price-inp input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ai-price-inp em{font-style:normal;font-size:11.5px;color:var(--ink-3)}
.ai-run{margin-top:4px}
.ai-run[disabled]{opacity:.45;pointer-events:none}
.ai-output{min-height:320px}
.ai-empty{border:1px dashed rgba(26,27,28,.25);border-radius:18px;min-height:320px;display:flex;align-items:center;justify-content:center;color:rgba(26,27,28,.4);font-size:13px;letter-spacing:.04em;padding:20px;text-align:center}
.ai-think{background:var(--ink);color:#fff;border-radius:18px;padding:26px}
.ai-think__title{font-size:15px;font-weight:600;margin-bottom:16px}
.ai-think__title:after{content:"…";animation:ai-dots 1.2s steps(4,end) infinite}
@keyframes ai-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.ai-think__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ai-think__list li{position:relative;padding-left:28px;font-size:14px;color:rgba(255,255,255,.45);transition:color .3s}
.ai-think__list li:before{content:"";position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3)}
.ai-think__list li.is-active{color:#fff}
.ai-think__list li.is-active:before{border:1.5px dashed #5fd4ff;animation:ai-spin 1s linear infinite}
@keyframes ai-spin{to{transform:rotate(360deg)}}
.ai-think__list li.is-done{color:#fff}
.ai-think__list li.is-done:before{content:"✓";border-color:#5fe3ad;color:#5fe3ad;font-size:11px;line-height:16px;text-align:center}
.ai-report{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:18px}
.ai-row{display:flex;flex-direction:column;gap:7px;padding-bottom:14px;border-bottom:1px solid var(--line-2)}
.ai-row:last-of-type{border-bottom:0;padding-bottom:0}
.ai-row__head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.ai-row__head b{font-size:14.5px}
.ai-n{font-size:11.5px;color:var(--ink-3);white-space:nowrap}
.ai-badge{font-size:11.5px;color:var(--ink-3)}
.ai-scale{position:relative;height:10px;border-radius:100px;background:var(--surface-2)}
.ai-scale__band{position:absolute;top:0;bottom:0;background:rgba(57,93,173,.25);border-radius:100px}
.ai-scale__med{position:absolute;top:-3px;width:2px;height:16px;background:var(--accent)}
.ai-scale__you{position:absolute;top:-4px;width:10px;height:18px;border-radius:3px;background:#1a1b1c;transform:translateX(-5px)}
.ai-scale__you.hi{background:#bf412e}
.ai-scale__you.lo{background:#0d8a55}
.ai-scale__you.ok{background:#395dad}
.ai-row__vals{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-3)}
.ai-verdict{font-size:13px;padding:8px 12px;border-radius:10px;background:var(--surface-2)}
.ai-verdict.hi{background:rgba(191,65,46,.08);color:#a33a28}
.ai-verdict.lo{background:rgba(13,138,85,.08);color:#0d8a55}
.ai-verdict.ok{background:var(--accent-soft);color:var(--accent)}
.ai-summary{background:var(--ink);color:#fff;border-radius:12px;padding:14px 16px;font-size:14px}
.ai-summary.ok{background:#0d8a55}
.ai-note{margin-top:26px;font-size:12.5px;color:rgba(26,27,28,.45);max-width:640px}
.ai-row__meta{display:flex;gap:18px;flex-wrap:wrap;font-size:11.5px;color:var(--ink-3)}
/* спарклайн динамики */
.ai-trend{background:var(--surface-2);border:1px solid var(--line-2);border-radius:12px;padding:10px 14px 8px}
.ai-trend__head{display:flex;justify-content:space-between;align-items:baseline;font-size:11.5px;color:var(--ink-3);margin-bottom:6px}
.ai-trend__head b{font-size:12.5px}
.ai-trend__head b.hi{color:#a33a28}
.ai-trend__head b.lo{color:#0d8a55}
.ai-trend__head b.ok{color:var(--accent)}
.ai-spark{display:block;width:100%;height:44px}
.ai-trend__axis{display:flex;justify-content:space-between;font-size:10.5px;color:var(--ink-3);margin-top:2px}
/* «поставщики дешевле вас» */
.ai-cheaper{font-size:13px;padding:9px 12px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}
.ai-cheaper.hot{background:rgba(191,65,46,.08);color:#a33a28;font-weight:600}
.ai-cheaper.best{background:rgba(13,138,85,.08);color:#0d8a55}
/* лид-форма комплексной оценки */
.ai-lead{background:var(--accent-soft);border:1px solid var(--accent);border-radius:14px;padding:18px 20px}
.ai-lead__h{font-weight:600;font-size:18px;letter-spacing:-.01em}
.ai-lead__sub{font-size:13px;color:var(--ink-2);margin:6px 0 12px;line-height:1.45}
.ai-lead__row{display:flex;gap:10px;flex-wrap:wrap}
.ai-lead__row input[type=email]{flex:1;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:11px 13px;font:inherit}
.ai-lead__consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--ink-2);margin-top:10px;line-height:1.45}
.ai-lead__consent input{width:auto;flex:none;margin-top:2px}
.ai-lead__consent a{color:var(--accent)}
.ai-lead__msg{margin-top:8px;font-size:13px;min-height:1.1em}
.ai-lead__msg.ok{color:#0d8a55}.ai-lead__msg.err{color:#c22}
.ai-lead__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ai-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ai-tile{background:var(--surface-2);border:1px solid var(--line-2);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.ai-tile span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
.ai-tile b{font-size:20px;font-weight:600}
.ai-tile i{font-style:normal;font-size:11px;color:var(--ink-3)}
@media (max-width:1300px){.ai-tiles{grid-template-columns:repeat(2,1fr)}}
/* полноширинный отчёт: меню свайпается, форма на его место */
@media (min-width:1025px){
  html.po-ai-full .aside{transform:translateX(-110%)}
  html.po-ai-full .header{background:#f2f2f2}
  html.po-ai-full .main-screen{opacity:0;pointer-events:none}
  html.po-ai-full .header:before{transform:scaleX(1)}
  #ai-demo{transition:margin-left .7s cubic-bezier(.77,0,.175,1),width .7s cubic-bezier(.77,0,.175,1)}
  html.po-ai-full #ai-demo{margin-left:calc(-700vw/48);width:calc(100% + 700vw/48)}
  .ai-demo{transition:grid-template-columns .7s cubic-bezier(.77,0,.175,1)}
  html.po-ai-report .ai-demo{grid-template-columns:380px 1fr}
/* отчёт скроллится сам, заголовок и форма стоят на месте */
@media (min-width:1025px){
  html.po-ai-report .aib-final .ai-output{max-height:calc(100vh - 330px);overflow-y:auto;
    overscroll-behavior:contain;padding-right:8px}
}
}
@media (max-width:1024px){.ai-demo{grid-template-columns:1fr}}


/* ---------- Попапы описания тарифов (pcm) ---------- */
.pc-card{cursor:pointer}
.pc-card:hover{border-color:#395dad;transform:translateY(-3px)}
.pc-more{margin-top:auto;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:#395dad;display:inline-flex;align-items:center;gap:5px}
.pcm-overlay{position:fixed;inset:0;z-index:300;background:rgba(7,23,42,.55);backdrop-filter:blur(6px);display:none;place-items:center;padding:28px}
.pcm-overlay.open{display:grid;animation:pcmFade .2s ease}
@keyframes pcmFade{from{opacity:0}to{opacity:1}}
.pcm-panel{position:relative;background:#fff;border:1px solid rgba(26,27,28,.16);border-radius:22px;width:min(580px,100%);max-height:86vh;overflow:auto;box-shadow:0 50px 120px -40px rgba(7,23,42,.55);animation:pcmRise .3s cubic-bezier(.2,.7,.2,1)}
@keyframes pcmRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.pcm-head{position:sticky;top:0;z-index:2;background:#fff;padding:26px 28px 18px;border-bottom:1px solid rgba(26,27,28,.16);display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.pcm-name{font-weight:600;font-size:24px;letter-spacing:-.02em}
.pcm-tag{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:rgba(26,27,28,.46);margin-top:5px}
.pcm-price{font-weight:600;font-size:22px;letter-spacing:-.02em;text-align:right;white-space:nowrap}
.pcm-price small{display:block;font-size:10px;color:rgba(26,27,28,.46);font-weight:400;margin-top:4px;white-space:normal;max-width:200px}
.pcm-close{position:absolute;top:20px;right:20px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(26,27,28,.16);background:#fff;color:rgba(26,27,28,.72);font-size:18px;cursor:pointer;display:grid;place-items:center;z-index:3;transition:background .15s,color .15s}
.pcm-close:hover{background:rgba(57,93,173,.12);color:#395dad}
.pcm-limits{display:flex;gap:10px;padding:18px 28px}
.pcm-lim{flex:1;background:#f4f4f4;border:1px solid rgba(26,27,28,.16);border-radius:12px;padding:13px 15px}
.pcm-lim .k{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:rgba(26,27,28,.46)}
.pcm-lim .v{font-weight:600;font-size:22px;margin-top:3px;letter-spacing:-.02em}
.pcm-body{padding:4px 28px 24px}
.pcm-group{margin-top:22px}
.pcm-group h6{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#395dad;margin:0 0 6px}
.pcm-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(26,27,28,.09);font-size:14px}
.pcm-row .l{color:rgba(26,27,28,.72)}
.pcm-row.off .l{color:rgba(26,27,28,.4)}
.pcm-row .v{font-size:12.5px;text-align:right;white-space:nowrap}
.pcm-row .v.yes{color:#0d8a55}
.pcm-row .v.no{color:rgba(26,27,28,.4)}
.pcm-row .v.txt{color:#395dad}
.pcm-cta{padding:0 28px 28px}
.pcm-cta .btn{width:100%;justify-content:center}
@media (max-width:560px){.pcm-limits{flex-direction:column}.pcm-head{flex-direction:column}.pcm-price{text-align:left}}

/* ---------- «Стоимость»: расчёт покупателя компактнее, влезает в экран ---------- */
@media (min-width:1025px){
  #pricing{min-height:165vh;padding-top:0!important;padding-bottom:0!important}
  .po-price-pin{position:sticky;top:0;min-height:100vh;box-sizing:border-box;padding-top:86px;padding-bottom:16px}
}
#pricing .stage-intro{padding:0 0 14px}
@media (min-width:1025px){
  #efficiency{min-height:175vh;padding-top:0!important;padding-bottom:0!important;transition:margin-left .7s cubic-bezier(.77,0,.175,1),width .7s cubic-bezier(.77,0,.175,1)}
  .po-eff-pin{position:sticky;top:0;min-height:100vh;box-sizing:border-box;padding-top:86px;padding-bottom:16px}
  #efficiency .stage-intro{padding-top:0}
  html.po-eff-full #efficiency{margin-left:calc(-700vw/48);width:calc(100% + 700vw/48)}
}
#pricing .stage-intro .section-title{margin:10px 0 6px}
.pc-toggle-bar{margin-bottom:12px}
.pc-obj{padding:8px 0}
.pc-obj-n{font-size:13.5px}
.pc-stepper button{width:28px;height:28px}
.pc-stepper .pc-count{width:30px;font-size:14px}
.pc-result{padding:20px;gap:12px}
.pc-result-big{font-size:clamp(28px,3vw,38px)}
.pc-modes{margin-bottom:16px}


/* ---------- «Новости»: пин + форма заявки из первой версии ---------- */
@media (min-width:1025px){
  #news{min-height:170vh;padding-top:0!important;padding-bottom:0!important}
  .po-news-pin{position:sticky;top:0;min-height:100vh;box-sizing:border-box;padding-top:86px;padding-bottom:16px}
  #news .stage-intro{padding-top:0}
}
.lead-form-wrap{margin-top:22px;background:#fff;border:1px solid rgba(26,27,28,.16);border-radius:18px;padding:clamp(20px,3vw,28px);max-width:860px}
.lead-form-wrap h3{margin:0 0 16px;font-size:20px;font-weight:600}
.lead-form label{display:block;font-size:13px;color:rgba(26,27,28,.46);margin-bottom:14px}
.lf-req{color:#395dad}
.lead-form .lf-row{display:flex;gap:14px;flex-wrap:wrap}
.lead-form .lf-row label{flex:1;min-width:210px}
.lead-form input,.lead-form textarea{display:block;width:100%;margin-top:6px;background:#f2f2f2;border:1px solid rgba(26,27,28,.16);border-radius:10px;color:#1a1b1c;padding:11px 13px;font:inherit;box-sizing:border-box}
.lead-form input:focus,.lead-form textarea:focus{outline:2px solid #395dad;border-color:transparent}
.lead-form .lf-consent{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:rgba(26,27,28,.72)}
.lead-form .lf-consent input{width:auto;margin:3px 0 0}
.lead-form .lf-consent a{color:#395dad}
.lead-form .lf-submit{margin-top:4px}
.lead-form .lf-msg{margin-top:12px;font-size:14px;min-height:1.2em}
.lead-form .lf-msg.ok{color:#0d8a55}.lead-form .lf-msg.err{color:#bf412e}
.lf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}


/* ---------- Новостная лента (вёрстка первой версии) ---------- */
.news-grid2{display:grid;grid-template-columns:1.35fr 1fr;gap:44px;align-items:start}
.news-tag{display:inline-flex;align-items:center;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:5px 9px;border-radius:5px;background:#1a1b1c;color:#fff}
.news-tag.accent{background:#395dad}
.news-tag.pos{background:#0d8a55}
.news-lead{display:flex;flex-direction:column;gap:16px}
.news-lead-media{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#1c3e6c 0%,#0b1a30 100%);border:1px solid rgba(26,27,28,.16)}
.news-lead-media .news-tag{position:absolute;top:16px;left:16px;z-index:1;box-shadow:0 6px 18px -8px rgba(0,0,0,.5)}
.news-lead-title{font-weight:600;font-size:clamp(21px,2.1vw,29px);line-height:1.12;letter-spacing:-.02em;color:#1a1b1c;text-decoration:none;display:block;transition:color .2s}
.news-lead-title:hover{color:#395dad}
.news-dek{font-size:15px;line-height:1.5;color:rgba(26,27,28,.72);margin-top:10px;max-width:56ch}
.news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:11px;color:rgba(26,27,28,.46);text-transform:uppercase;letter-spacing:.04em}
.news-author{color:#395dad}
.news-dot{opacity:.45}
.news-list{display:flex;flex-direction:column}
.news-list-h{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:rgba(26,27,28,.46);padding-bottom:12px;border-bottom:1px solid rgba(26,27,28,.16)}
.news-item{display:grid;grid-template-columns:88px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid rgba(26,27,28,.16);align-items:start}
.news-item:last-child{border-bottom:0}
.news-item-media{position:relative;display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#24456f 0%,#0e2038 100%);border:1px solid rgba(26,27,28,.16)}
.news-item-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.news-item-body .news-tag{align-self:flex-start}
.news-item-title{font-weight:600;font-size:15px;line-height:1.25;letter-spacing:-.01em;color:#1a1b1c;text-decoration:none;transition:color .2s}
.news-item-title:hover{color:#395dad}
.news-time{font-size:10.5px;color:rgba(26,27,28,.46);letter-spacing:.04em}
@media (max-width:1024px){.news-grid2{grid-template-columns:1fr}}


/* ---------- F.A.Q.: вопросы на таймлайне, ответы справа, пин ---------- */
#faq .support{display:none!important}
@media (min-width:1025px){
  #faq{min-height:170vh;padding-top:0!important;padding-bottom:0!important}
  .po-faq-pin{position:sticky;top:0;height:calc(612px + 5vh);box-sizing:border-box;padding:86px 0 0;overflow:hidden}
  .po-faq-left{position:absolute;left:0;top:calc(168px + 5vh);width:46%}
  .po-faq-q{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translateY(26px);transition:opacity .4s ease,transform .4s ease,visibility 0s linear .4s}
  .po-faq-q.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .4s ease .1s,transform .4s ease .1s}
  .po-faq-num{display:block;font-size:13px;color:rgba(26,27,28,.4);margin-bottom:12px}
  .po-faq-q h3{margin:0;font-size:clamp(30px,3vw,46px);line-height:1.08;letter-spacing:-.02em;font-weight:600}
  .po-faq-right{position:absolute;right:4.5%;top:calc(168px + 5vh);width:clamp(340px,30vw,560px)}
  .po-faq-a{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translateY(26px);transition:opacity .4s ease,transform .4s ease,visibility 0s linear .4s}
  .po-faq-a.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .4s ease .15s,transform .4s ease .15s}
  .po-faq-small{font-size:14px;line-height:1.5;opacity:.7;margin-top:16px}
  .po-faq-tl{bottom:1vh}
  .po-faq-tl .po-tl-slot span{transform:none;opacity:1;transition:color .3s;font-size:13px}
}
@media (max-width:1024px){
  .po-faq-left,.po-faq-right{position:static}
  .po-faq-q,.po-faq-a{position:static;opacity:1;visibility:visible;transform:none;margin-bottom:18px}
  .po-faq-tl{display:none}
  .po-faq-num{font-size:12px;opacity:.5}
}

/* Реструктур «Единой системы»: 4 этапа + AI сквозной слой */
.po-stage-no{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#395dad;font-weight:600;margin-bottom:14px}
.po-sec__result{margin-top:20px;padding:14px 18px;border-left:3px solid #395dad;background:rgba(57,93,173,.06);border-radius:0 12px 12px 0;font-size:15px;line-height:1.4;max-width:520px}
.po-sec__result span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#395dad;font-weight:700;margin-bottom:5px}
.po-ai-layer{position:absolute;left:0;right:0;bottom:calc(3vh + 74px);z-index:4;display:flex;align-items:baseline;gap:12px;padding:0 150px 8px 2px;border-bottom:1px dashed rgba(57,93,173,.55);opacity:0;will-change:opacity;pointer-events:none}
.po-ai-layer__label{font-size:13px;font-weight:700;color:#395dad;white-space:nowrap;letter-spacing:.02em}
.po-ai-layer__text{font-size:12.5px;color:rgba(26,27,28,.62);line-height:1.35}
@media (max-width:1024px){.po-ai-layer{display:none}.po-stage-no{margin-bottom:8px}}

/* ---------- Секция «Поставщикам» ---------- */
#suppliers .po-sup-pin{padding:0 0 60px}
.po-sup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
@media (max-width:1280px){.po-sup-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.po-sup-grid{grid-template-columns:1fr}}
.po-sup-card{border:1px solid rgba(26,27,28,.14);border-radius:20px;padding:22px 20px 24px;background:#fff}
.po-sup-card__num{font-size:12px;letter-spacing:.12em;color:#395dad;font-weight:700;margin-bottom:12px}
.po-sup-card__title{font-size:19px;line-height:1.15;letter-spacing:-.01em;margin:0 0 10px;font-weight:600}
.po-sup-card p{opacity:.75;margin:0;font-size:15px;line-height:1.45}
.po-sup-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}
.po-sup-cta__note{font-size:13.5px;opacity:.6;max-width:440px}

/* ---------- Промокод в тарифах ---------- */
.pc-promo{margin:16px 0 24px}
.pc-promo-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pc-promo-row input{border:1px solid rgba(26,27,28,.25);border-radius:999px;padding:11px 18px;font:inherit;font-size:14px;text-transform:uppercase;letter-spacing:.06em;width:190px;background:#fff;transition:box-shadow .4s}
.pc-promo-row input.is-flash{box-shadow:0 0 0 3px rgba(51,209,122,.65)}
.pc-promo-get{font-size:14px;text-decoration:none;color:#395dad;border-bottom:1px dashed rgba(57,93,173,.5);padding-bottom:1px;margin-left:6px}
.pc-promo-get:hover{border-bottom-style:solid}
.pc-promo-msg{font-size:13.5px;margin-top:8px;min-height:18px}
.pc-promo-msg.ok{color:#1f8f4d}
.pc-promo-msg.err{color:#c0392b}
.pc-old{opacity:.45;font-size:.55em;margin-left:8px;font-weight:400}
#pcSupPromoNote{display:none;margin-top:12px;font-size:13.5px;color:#1f8f4d}

/* ---------- Скоринговый калькулятор покупателя (модель заказчика 2026-08-13) ---------- */
.pc-field--seg label{margin-bottom:10px}
.pc-inputs .pc-check{align-self:center;padding-top:4px}

/* шкала отчёта: подписи под краями вилки, лейбл вашей цены с отклонением */
.ai-scale{overflow:visible}
.ai-scale.has-you{margin-top:30px}
.ai-scale__you{position:relative}
.ai-scale__you em{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-style:normal;white-space:nowrap;
  font-size:11px;line-height:1;background:#fff;border:1px solid rgba(26,27,28,.2);border-radius:9px;padding:3px 8px;color:#1a1b1c}
.ai-scale__you.hi em{color:#b3261e;border-color:rgba(179,38,30,.45)}
.ai-scale__you.lo em{color:#1e7d46;border-color:rgba(30,125,70,.45)}
.ai-scale__you.edge-r em{left:auto;right:-4px;transform:none}
.ai-scale__you.edge-l em{left:-4px;transform:none}
.ai-row__vals--pos{position:relative;height:15px;display:block}
.ai-row__vals--pos span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}

/* тарифы ближе к аналитике и едут вместе с линией-разделителем */
#ai-demo{margin-bottom:0!important}
@media (min-width:1025px){
  #pricing{transition:margin-left .7s cubic-bezier(.77,0,.175,1),width .7s cubic-bezier(.77,0,.175,1)}
  html.po-ai-full #pricing{margin-left:calc(-700vw/48);width:calc(100% + 700vw/48)}
}

/* пауза секции «Поставщикам» при скролле */
@media (min-width:1025px){
  /* пауза НА ВХОДЕ: блок залипает верхом (top:0) на 50vh, затем контент скроллится;
     --po-sup-h ставит скрипт js-po-sup-pause в index.html */
  /* пауза = сколько экрана остаётся свободным под блоком; если блок выше экрана,
     паузы нет — иначе перед F.A.Q. висит пустой экран (правка 2026-08-20) */
  #suppliers{min-height:calc(100vh + var(--po-sup-scroll,0px));padding-top:0!important;padding-bottom:0!important}
  #suppliers .po-sup-pin{position:sticky;top:0;height:100vh;overflow:hidden;box-sizing:border-box;padding:86px 0 40px}
  #suppliers .po-sup-inner{will-change:transform}
  #suppliers .stage-intro{padding-top:0}
}

/* пин «Эффекта от внедрения»: пауза как у остальных секций, заголовок на стандартной высоте */
@media (min-width:1025px){
  #efficiency .po-eff-pin{position:sticky;top:0;min-height:100vh;box-sizing:border-box;padding:86px 0 24px}
  #efficiency .stage-intro{padding-top:0!important}
  #pricing .stage-intro,#suppliers .stage-intro{padding-top:0!important}
}

/* стрелки оглавления: круглые кнопки в языке карточек + отступ от точек (просьба заказчика 2026-08-20) */
@media (min-width:1025px){
  .section-pagination__nav-btn{width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid rgba(26,27,28,.16);
    align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(26,27,28,.06);color:#1a1b1c;
    transition:border-color .25s,background-color .25s,opacity .25s;align-self:center}
  .section-pagination__nav-btn svg{width:12px;height:8px;flex:none}
  .section-pagination__nav-btn svg path{stroke:currentColor}
  .section-pagination__nav-btn:hover:not([disabled]){border-color:#395dad;color:#395dad;background:#f4f7fd}
  .section-pagination__nav-btn[disabled]{opacity:.3}
  .section-pagination__nav-btn--prev{margin-bottom:18px}
  .section-pagination__nav-btn--next{margin-top:18px}
}

/* панель: подпись раздела под лого убрана, оглавление ниже, слоган внизу */
@media (min-width:1025px){
  .app-nav-active{display:none!important}
  /* оглавление строго по центру панели на любом экране */
  .aside .app-pagination{position:fixed!important;left:40px!important;top:50%!important;transform:translateY(-50%)!important;bottom:auto!important;width:max-content!important;max-width:calc(700vw/48 - 24px)!important;height:auto!important}
 /* ниже, не трогая transform-центрирование бандла */
  .aside-slogan{position:fixed;bottom:12px;left:32px;width:calc(700vw/48 - 64px);z-index:5;
    opacity:0;transform:translateY(14px);pointer-events:none;
    font-size:13.5px;font-weight:600;letter-spacing:-.015em;color:#1a1b1c;line-height:1.25;
    transition:transform .7s cubic-bezier(.77,0,.175,1)}
  html.po-clients-full .aside-slogan,html.po-eff-full .aside-slogan,html.po-ai-full .aside-slogan,html.po-news-full .aside-slogan{transform:translateX(-220%)}
}
@media (max-width:1024px){.aside-slogan{display:none}}

/* подпись под логотипом */
.logo-link{display:inline-block}
.po-logo-sub{display:block;font-size:11.5px;font-weight:500;color:rgba(26,27,28,.55);letter-spacing:.02em;margin-top:1px}

/* ---------- сборка хиро: чипы, плашка, CTA, метрики ---------- */
@media (min-width:1025px){
  .po-hero-top{position:absolute;top:calc(var(--header-height) + 24px);left:0;z-index:2}
  .po-hero-chips{display:flex;background:#fff;border-radius:12px;padding:10px 6px;width:max-content;box-shadow:0 4px 16px rgba(26,27,28,.06)}
  .po-chip{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.25;padding:0 16px;border-right:1px solid rgba(26,27,28,.12);color:#1a1b1c}
  .po-chip:last-child{border-right:none}
  .po-hero-plate{margin:0 0 14px;font-size:26px;font-weight:600;line-height:1.5}
  .po-hero-metrics{display:flex;gap:26px;margin-top:16px;background:#fff;border-radius:14px;padding:12px 18px;width:max-content;box-shadow:0 6px 18px rgba(26,27,28,.06)}
  .po-m{font-size:12px}
  .po-m b{font-size:15.5px}
}
@media (max-width:1024px){
  .po-hero-top{margin:12px 0}
  .po-hero-chips{display:flex;flex-wrap:wrap;gap:10px}
  .po-hero-plate{margin-top:10px;font-size:16px;font-weight:600}
  .po-hero-metrics{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}
  .po-m{font-size:11.5px}
  .po-m b{font-size:14px}
}
.po-chip i{width:30px;height:30px;border-radius:50%;border:1.5px solid #395dad;color:#395dad;display:flex;align-items:center;justify-content:center;flex:none}
.po-hero-plate em,.po-hero-plate span{font-style:normal;display:inline-block;background:#2f6bff;color:#fff;
  padding:3px 12px 4px;border-radius:3px}
.po-hero-plate span{margin-top:6px}
.po-hero-plate em{display:table}
.po-hero-cta .po-cta-row{display:flex;gap:12px;align-items:center}
.po-btn-light{background:#fff;color:#1a1b1c;border:1px solid rgba(26,27,28,.22);border-radius:999px;padding:12px 22px;display:inline-flex;align-items:center;font-weight:600;font-size:14px}
.po-cta-note{font-size:11.5px;color:#8a8f98;margin-top:8px}
.po-m{display:flex;gap:10px;align-items:center;color:#5d6470}
.po-m b{display:block;color:#1a1b1c}
.po-m i{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none}
.po-m i.blu{background:#e4edff;color:#2f6bff}
.po-m i.grn{background:#e2f4e6;color:#1e7d46}
.po-m i.pur{background:#efe9fb;color:#7a4fd8}

.po-hero-cta{display:block!important}

/* компактный хиро на невысоких экранах */
@media (min-width:1025px) and (max-height:880px){
  .po-hero-top{margin-bottom:10px}
  .po-hero-chips{padding:7px 4px}
  .po-chip{font-size:11px;padding:0 12px}
  .po-chip i{width:26px;height:26px}
  .po-hero-plate{margin-top:8px;padding:7px 12px;font-size:16px}
  .po-cta-note{margin-top:5px;font-size:10.5px}
  .po-hero-metrics{margin-top:10px;padding:8px 14px;gap:18px}
  .po-m{font-size:11px}
  .po-m b{font-size:13.5px}
  .po-m i{width:28px;height:28px}
}

/* CTA и метрики в одну строку — низ хиро компактный */
.po-hero-bottomrow{display:flex;gap:14px;align-items:stretch;flex-wrap:wrap}
.po-hero-cta{background:#fff;border-radius:14px;padding:12px 16px;margin:0}

@media (max-width:1024px){.po-hero-top{position:static;margin:12px 0}}

/* агрессивный компакт хиро на невысоких экранах: низ не поднимает заголовок */
@media (min-width:1025px) and (max-height:880px){
  .po-cta-note{display:none}
  .po-hero-cta{padding:8px 12px}
  .po-hero-cta .btn{padding:9px 16px;font-size:12.5px}
  .po-btn-light{padding:9px 16px;font-size:12.5px}
  .po-hero-metrics{background:transparent;box-shadow:none;padding:4px 0;margin-top:6px;gap:16px}
  .po-m i{width:24px;height:24px;border-radius:7px}
  .po-m{font-size:10.5px}
  .po-m b{font-size:12.5px}
  .po-hero-top{top:calc(var(--header-height) + 12px)}
}

/* очень низкие экраны: сжимаем тетрис и заголовок, чтобы всё поместилось */
@media (min-width:1025px) and (max-height:800px){
  .po-hero-slot .pot{transform:scale(.8);transform-origin:top right}
  .main-screen .main-title{font-size:86px!important;line-height:1.02!important}
  .po-hero-plate{font-size:15px;padding:6px 10px}
  .po-hero-chips{transform:scale(.92);transform-origin:top left}
}

@media (min-width:1025px) and (max-height:880px){
  .po-hero-plate{font-size:21px;margin-bottom:10px}
}

/* теги хиро убраны по заданию */
.main-screen .main-tags{display:none!important}

/* на самых низких экранах чипы прячем — заголовку нужно место */
@media (min-width:1025px) and (max-height:800px){.po-hero-chips{display:none}}

/* подзаголовок объединён с плашкой наверху; оригинал под заголовком скрыт */
.po-hero-sub{max-width:440px;font-size:15px;line-height:1.45;color:#5d6470;margin:12px 0 14px}
.main-screen__bottom-text-container{visibility:hidden!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
@media (min-width:1025px) and (max-height:880px){.po-hero-sub{font-size:13.5px;margin:8px 0 10px;max-width:400px}}

/* кнопки и метрики в одну строку, метрики крупнее (перекрывает компакт-правила) */
.po-hero-bottomrow{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap}
.po-hero-cta{background:#fff;border-radius:14px;padding:12px 16px;margin:0}
.po-hero-metrics{background:#fff!important;box-shadow:0 6px 18px rgba(26,27,28,.06)!important;
  border-radius:14px;padding:10px 22px!important;margin:0!important;gap:28px!important;align-self:stretch;align-items:center;display:flex}
.po-m{font-size:12.5px!important}
.po-m b{font-size:17px!important}
.po-m i{width:38px!important;height:38px!important;border-radius:10px!important}

.po-btn-light.main-screen__cta-link{text-decoration:none;border-bottom:1px solid rgba(26,27,28,.22)}

/* правки 19.08: хайлайтер выше и крупнее, заголовок выше, метрики шире и правее */
@media (min-width:1025px){
  .po-hero-top{top:calc(var(--header-height) + 6px)!important}
  .po-hero-plate{font-size:30px}
  .js-main-title-container{margin-bottom:86px}
  .po-hero-bottomrow{width:100%}
  .po-hero-metrics{flex:1 1 auto;justify-content:space-between;padding:12px 30px!important}
  .po-m b{font-size:18px!important}
  .po-m{font-size:13px!important}
  .po-m i{width:42px!important;height:42px!important;border-radius:11px!important}
}
@media (min-width:1025px) and (max-height:880px){
  .po-hero-plate{font-size:24px}
  .js-main-title-container{margin-bottom:24px}
}

/* чипы — правой колонкой верхнего блока, на уровне хайлайтера; при нехватке места переносятся вниз */
@media (min-width:1025px){
  .po-hero-top{display:flex;flex-direction:column;align-items:flex-start;gap:14px;right:calc(min(700px,53vw) + 88px)}
  .po-hero-chips{order:-1}
  .po-hero-chips{padding:12px 8px}
  .po-chip{font-size:13px;padding:0 18px}
  .po-chip i{width:34px;height:34px}
}

@media (min-width:1900px){.po-hero-top{right:828px}}
@media (min-width:2200px){.po-hero-top{right:calc(740px*1.35 + 88px)}}
@media (min-width:3200px){.po-hero-top{right:calc(740px*1.9 + 88px)}}
@media (min-width:4400px){.po-hero-top{right:calc(740px*2.5 + 88px)}}

/* чипы: в 2 раза крупнее и вплотную к линии шапки */
@media (min-width:1025px){
  .po-hero-top{top:-20px!important}
  .po-hero-chips{padding:16px 10px}
  .po-chip{font-size:12.5px;padding:0 14px;line-height:1.3}
  .po-chip i{width:32px;height:32px}
  .po-chip i svg{width:16px;height:16px}
}
@media (min-width:1025px) and (max-height:880px){
  .po-chip{font-size:15px;padding:0 18px}
  .po-chip i{width:40px;height:40px}
  .po-chip i svg{width:19px;height:19px}
}

@media (min-width:1900px){
  .po-chip{font-size:16px;padding:0 22px}
  .po-chip i{width:46px;height:46px}
  .po-chip i svg{width:21px;height:21px}
}

/* метрики чуть меньше */
@media (min-width:1025px){
  .po-hero-metrics{padding:10px 24px!important}
  .po-m b{font-size:16px!important}
  .po-m{font-size:12px!important}
  .po-m i{width:36px!important;height:36px!important}
}

/* плашка метрик не касается правой линии */
@media (min-width:1025px){.po-hero-metrics{margin-right:28px!important}}

/* лид крупно + подпись; чипы — голубая полоса в стиле «Эффекта для бизнеса» */
@media (min-width:1025px){
  .po-hero-lead{font-size:30px;font-weight:700;line-height:1.15;letter-spacing:-.015em;max-width:700px;color:#1a1b1c;margin-top:clamp(32px,5.5vh,64px)}
  .po-hero-sub{font-size:15px}
  .po-hero-chips{background:#edf1f8!important;border-radius:0!important;box-shadow:none!important;
    display:flex;justify-content:space-between;align-items:center;padding-top:13px!important;padding-bottom:13px!important;box-sizing:border-box}
  .po-chip{border-right:none;position:relative}
  .po-chip+.po-chip{border-left:1px solid rgba(26,27,28,.12)}
  .po-chip i{background:#fff;border:none;box-shadow:0 1px 3px rgba(26,27,28,.08)}
}
@media (min-width:1900px) and (min-height:1200px){
  .po-hero-lead{font-size:35px;max-width:800px}
}
@media (min-width:1025px) and (max-height:880px){
  .po-hero-lead{font-size:23px;max-width:560px;margin-top:14px}
}

/* 27"+: CTA без подложки, шире и выше; метрики компактнее по ширине. Малые экраны не трогаем */
@media (min-width:1900px){
  .po-hero-cta{background:transparent!important;box-shadow:none!important;padding:0!important}
  .po-hero-cta .btn{padding:16px 34px;font-size:15px}
  .po-btn-light{padding:16px 34px;font-size:15px}
  .po-hero-bottomrow{margin-bottom:44px;align-items:center}
  .po-hero-metrics{flex:1 1 auto!important;justify-content:space-between!important;margin-left:clamp(100px,24vw,640px)!important}
}

@media (min-width:1900px) and (min-height:1200px){
  .po-hero-lead{margin-top:clamp(84px,10.5vh,140px)!important}
  .po-hero-cta{transform:translateY(-26px)}
}

/* чипы: без подложки, иконки крупнее, равномерно по зоне до тетриса */
@media (min-width:1025px){
  .po-hero-chips{background:transparent!important;box-shadow:none!important;padding-top:6px!important;padding-bottom:6px!important}
  .po-chip{flex:1 1 0;justify-content:center}
  .po-chip i{width:40px;height:40px}
  .po-chip i svg{width:19px;height:19px}
}
@media (min-width:1900px){
  .po-chip i{width:54px;height:54px}
  .po-chip i svg{width:25px;height:25px}
  .po-chip{font-size:17px}
}

/* CTA без подложки на всех десктопных ширинах; ховер-заливка не выступает */
@media (min-width:1025px){
  .po-hero-cta{background:transparent!important;box-shadow:none!important;padding:0!important}
  .po-hero-cta .btn{overflow:hidden;border-radius:999px}
}

/* low-poly стиль иконок чипов и метрик */
@media (min-width:1025px){
  .po-chip i{border:none!important;background-color:transparent!important;background-size:cover;box-shadow:0 1px 4px rgba(26,27,28,.14)!important;color:#1a1b1c}
  .po-chip:nth-child(1) i{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%3E%3Cpolygon%20points%3D%220%2C0%2014.2%2C0%200%2C17.5%22%20fill%3D%22%23dde4f2%22/%3E%3Cpolygon%20points%3D%2214.2%2C0%2011.7%2C16.4%200%2C17.5%22%20fill%3D%22%23b4c5e2%22/%3E%3Cpolygon%20points%3D%2214.2%2C0%2028.5%2C0%2030.7%2C11.6%22%20fill%3D%22%239aa2d9%22/%3E%3Cpolygon%20points%3D%2214.2%2C0%2030.7%2C11.6%2011.7%2C16.4%22%20fill%3D%22%23acb6df%22/%3E%3Cpolygon%20points%3D%2228.5%2C0%2048%2C0%2030.7%2C11.6%22%20fill%3D%22%23a0c4db%22/%3E%3Cpolygon%20points%3D%2248%2C0%2048%2C16.1%2030.7%2C11.6%22%20fill%3D%22%23d3e1ee%22/%3E%3Cpolygon%20points%3D%220%2C17.5%2011.7%2C16.4%2015.3%2C27.7%22%20fill%3D%22%23c2d8e8%22/%3E%3Cpolygon%20points%3D%220%2C17.5%2015.3%2C27.7%200%2C27.4%22%20fill%3D%22%23b3c1e2%22/%3E%3Cpolygon%20points%3D%2211.7%2C16.4%2030.7%2C11.6%2015.3%2C27.7%22%20fill%3D%22%239cb2d9%22/%3E%3Cpolygon%20points%3D%2230.7%2C11.6%2027.9%2C31.2%2015.3%2C27.7%22%20fill%3D%22%23a6cbdd%22/%3E%3Cpolygon%20points%3D%2230.7%2C11.6%2048%2C16.1%2048%2C35.3%22%20fill%3D%22%23b7c4e3%22/%3E%3Cpolygon%20points%3D%2230.7%2C11.6%2048%2C35.3%2027.9%2C31.2%22%20fill%3D%22%23c2d5e8%22/%3E%3Cpolygon%20points%3D%220%2C27.4%2015.3%2C27.7%200%2C48%22%20fill%3D%22%23adc3e0%22/%3E%3Cpolygon%20points%3D%2215.3%2C27.7%2012.2%2C48%200%2C48%22%20fill%3D%22%23cbd2eb%22/%3E%3Cpolygon%20points%3D%2215.3%2C27.7%2027.9%2C31.2%2029.2%2C48%22%20fill%3D%22%23c1d6e7%22/%3E%3Cpolygon%20points%3D%2215.3%2C27.7%2029.2%2C48%2012.2%2C48%22%20fill%3D%22%23d8e1f0%22/%3E%3Cpolygon%20points%3D%2227.9%2C31.2%2048%2C35.3%2029.2%2C48%22%20fill%3D%22%23acbadf%22/%3E%3Cpolygon%20points%3D%2248%2C35.3%2048%2C48%2029.2%2C48%22%20fill%3D%22%23a0a6db%22/%3E%3Cpolygon%20points%3D%220%2C0%2014.2%2C0%200%2C17.5%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2214.2%2C0%2011.7%2C16.4%200%2C17.5%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2214.2%2C0%2028.5%2C0%2030.7%2C11.6%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2214.2%2C0%2030.7%2C11.6%2011.7%2C16.4%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2228.5%2C0%2048%2C0%2030.7%2C11.6%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2248%2C0%2048%2C16.1%2030.7%2C11.6%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C17.5%2011.7%2C16.4%2015.3%2C27.7%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C17.5%2015.3%2C27.7%200%2C27.4%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2211.7%2C16.4%2030.7%2C11.6%2015.3%2C27.7%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2230.7%2C11.6%2027.9%2C31.2%2015.3%2C27.7%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2230.7%2C11.6%2048%2C16.1%2048%2C35.3%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2230.7%2C11.6%2048%2C35.3%2027.9%2C31.2%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C27.4%2015.3%2C27.7%200%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2215.3%2C27.7%2012.2%2C48%200%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2215.3%2C27.7%2027.9%2C31.2%2029.2%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2215.3%2C27.7%2029.2%2C48%2012.2%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2227.9%2C31.2%2048%2C35.3%2029.2%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2248%2C35.3%2048%2C48%2029.2%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3C/g%3E%3C/svg%3E")}
  .po-chip:nth-child(2) i{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%3E%3Cpolygon%20points%3D%220%2C0%2015.2%2C0%200%2C12.5%22%20fill%3D%22%23c8eadf%22/%3E%3Cpolygon%20points%3D%2215.2%2C0%2015.9%2C11.4%200%2C12.5%22%20fill%3D%22%23cbebd9%22/%3E%3Cpolygon%20points%3D%2215.2%2C0%2034.6%2C0%2033.7%2C18.6%22%20fill%3D%22%23e0f3ef%22/%3E%3Cpolygon%20points%3D%2215.2%2C0%2033.7%2C18.6%2015.9%2C11.4%22%20fill%3D%22%23acdfda%22/%3E%3Cpolygon%20points%3D%2234.6%2C0%2048%2C0%2033.7%2C18.6%22%20fill%3D%22%23c8eade%22/%3E%3Cpolygon%20points%3D%2248%2C0%2048%2C16.7%2033.7%2C18.6%22%20fill%3D%22%23b9e4cb%22/%3E%3Cpolygon%20points%3D%220%2C12.5%2015.9%2C11.4%2014.1%2C34.0%22%20fill%3D%22%23a0dbbd%22/%3E%3Cpolygon%20points%3D%220%2C12.5%2014.1%2C34.0%200%2C35.8%22%20fill%3D%22%23d0eddc%22/%3E%3Cpolygon%20points%3D%2215.9%2C11.4%2033.7%2C18.6%2014.1%2C34.0%22%20fill%3D%22%23a9dec3%22/%3E%3Cpolygon%20points%3D%2233.7%2C18.6%2032.9%2C32.8%2014.1%2C34.0%22%20fill%3D%22%23d7f0e7%22/%3E%3Cpolygon%20points%3D%2233.7%2C18.6%2048%2C16.7%2048%2C31.6%22%20fill%3D%22%23b8e4cc%22/%3E%3Cpolygon%20points%3D%2233.7%2C18.6%2048%2C31.6%2032.9%2C32.8%22%20fill%3D%22%23d8f0ea%22/%3E%3Cpolygon%20points%3D%220%2C35.8%2014.1%2C34.0%200%2C48%22%20fill%3D%22%23d7efed%22/%3E%3Cpolygon%20points%3D%2214.1%2C34.0%2019.4%2C48%200%2C48%22%20fill%3D%22%23b6e3cf%22/%3E%3Cpolygon%20points%3D%2214.1%2C34.0%2032.9%2C32.8%2036.4%2C48%22%20fill%3D%22%23d8f0e7%22/%3E%3Cpolygon%20points%3D%2214.1%2C34.0%2036.4%2C48%2019.4%2C48%22%20fill%3D%22%23a2dbda%22/%3E%3Cpolygon%20points%3D%2232.9%2C32.8%2048%2C31.6%2036.4%2C48%22%20fill%3D%22%23a8dec3%22/%3E%3Cpolygon%20points%3D%2248%2C31.6%2048%2C48%2036.4%2C48%22%20fill%3D%22%23bbe5d2%22/%3E%3Cpolygon%20points%3D%220%2C0%2015.2%2C0%200%2C12.5%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2215.2%2C0%2015.9%2C11.4%200%2C12.5%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2215.2%2C0%2034.6%2C0%2033.7%2C18.6%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2215.2%2C0%2033.7%2C18.6%2015.9%2C11.4%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2234.6%2C0%2048%2C0%2033.7%2C18.6%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2248%2C0%2048%2C16.7%2033.7%2C18.6%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C12.5%2015.9%2C11.4%2014.1%2C34.0%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C12.5%2014.1%2C34.0%200%2C35.8%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2215.9%2C11.4%2033.7%2C18.6%2014.1%2C34.0%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2233.7%2C18.6%2032.9%2C32.8%2014.1%2C34.0%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2233.7%2C18.6%2048%2C16.7%2048%2C31.6%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2233.7%2C18.6%2048%2C31.6%2032.9%2C32.8%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C35.8%2014.1%2C34.0%200%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2214.1%2C34.0%2019.4%2C48%200%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2214.1%2C34.0%2032.9%2C32.8%2036.4%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2214.1%2C34.0%2036.4%2C48%2019.4%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2232.9%2C32.8%2048%2C31.6%2036.4%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2248%2C31.6%2048%2C48%2036.4%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3C/g%3E%3C/svg%3E")}
  .po-chip:nth-child(3) i{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%3E%3Cpolygon%20points%3D%220%2C0%2016.9%2C0%200%2C11.0%22%20fill%3D%22%23e2c8b4%22/%3E%3Cpolygon%20points%3D%2216.9%2C0%2015.2%2C14.7%200%2C11.0%22%20fill%3D%22%23e9cec6%22/%3E%3Cpolygon%20points%3D%2216.9%2C0%2029.6%2C0%2032.7%2C20.5%22%20fill%3D%22%23d9a99c%22/%3E%3Cpolygon%20points%3D%2216.9%2C0%2032.7%2C20.5%2015.2%2C14.7%22%20fill%3D%22%23dcb4a3%22/%3E%3Cpolygon%20points%3D%2229.6%2C0%2048%2C0%2032.7%2C20.5%22%20fill%3D%22%23d9b39b%22/%3E%3Cpolygon%20points%3D%2248%2C0%2048%2C17.9%2032.7%2C20.5%22%20fill%3D%22%23dbaca2%22/%3E%3Cpolygon%20points%3D%220%2C11.0%2015.2%2C14.7%2017.2%2C33.8%22%20fill%3D%22%23e1bdb2%22/%3E%3Cpolygon%20points%3D%220%2C11.0%2017.2%2C33.8%200%2C32.2%22%20fill%3D%22%23f0dcd8%22/%3E%3Cpolygon%20points%3D%2215.2%2C14.7%2032.7%2C20.5%2017.2%2C33.8%22%20fill%3D%22%23dbc1a2%22/%3E%3Cpolygon%20points%3D%2232.7%2C20.5%2027.5%2C36.0%2017.2%2C33.8%22%20fill%3D%22%23e1c1b1%22/%3E%3Cpolygon%20points%3D%2232.7%2C20.5%2048%2C17.9%2048%2C34.8%22%20fill%3D%22%23dbb7a0%22/%3E%3Cpolygon%20points%3D%2232.7%2C20.5%2048%2C34.8%2027.5%2C36.0%22%20fill%3D%22%23f3ede0%22/%3E%3Cpolygon%20points%3D%220%2C32.2%2017.2%2C33.8%200%2C48%22%20fill%3D%22%23e5cebb%22/%3E%3Cpolygon%20points%3D%2217.2%2C33.8%2019.7%2C48%200%2C48%22%20fill%3D%22%23daac9f%22/%3E%3Cpolygon%20points%3D%2217.2%2C33.8%2027.5%2C36.0%2035.0%2C48%22%20fill%3D%22%23dfbfab%22/%3E%3Cpolygon%20points%3D%2217.2%2C33.8%2035.0%2C48%2019.7%2C48%22%20fill%3D%22%23dcc9a3%22/%3E%3Cpolygon%20points%3D%2227.5%2C36.0%2048%2C34.8%2035.0%2C48%22%20fill%3D%22%23f2e1dd%22/%3E%3Cpolygon%20points%3D%2248%2C34.8%2048%2C48%2035.0%2C48%22%20fill%3D%22%23dbbea2%22/%3E%3Cpolygon%20points%3D%220%2C0%2016.9%2C0%200%2C11.0%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2216.9%2C0%2015.2%2C14.7%200%2C11.0%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2216.9%2C0%2029.6%2C0%2032.7%2C20.5%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2216.9%2C0%2032.7%2C20.5%2015.2%2C14.7%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2229.6%2C0%2048%2C0%2032.7%2C20.5%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2248%2C0%2048%2C17.9%2032.7%2C20.5%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C11.0%2015.2%2C14.7%2017.2%2C33.8%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C11.0%2017.2%2C33.8%200%2C32.2%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2215.2%2C14.7%2032.7%2C20.5%2017.2%2C33.8%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2232.7%2C20.5%2027.5%2C36.0%2017.2%2C33.8%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2232.7%2C20.5%2048%2C17.9%2048%2C34.8%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2232.7%2C20.5%2048%2C34.8%2027.5%2C36.0%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C32.2%2017.2%2C33.8%200%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2217.2%2C33.8%2019.7%2C48%200%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2217.2%2C33.8%2027.5%2C36.0%2035.0%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2217.2%2C33.8%2035.0%2C48%2019.7%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2227.5%2C36.0%2048%2C34.8%2035.0%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2248%2C34.8%2048%2C48%2035.0%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3C/g%3E%3C/svg%3E")}
  .po-m i{background-color:transparent!important;background-size:cover;box-shadow:0 1px 4px rgba(26,27,28,.14);color:#1a1b1c!important}
  .po-m:nth-child(1) i{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%3E%3Cpolygon%20points%3D%220%2C0%2016.4%2C0%200%2C16.3%22%20fill%3D%22%23d3d4ee%22/%3E%3Cpolygon%20points%3D%2216.4%2C0%2020.8%2C19.6%200%2C16.3%22%20fill%3D%22%23ced0ec%22/%3E%3Cpolygon%20points%3D%2216.4%2C0%2027.3%2C0%2034.0%2C13.6%22%20fill%3D%22%23bdcfe6%22/%3E%3Cpolygon%20points%3D%2216.4%2C0%2034.0%2C13.6%2020.8%2C19.6%22%20fill%3D%22%2399b0d8%22/%3E%3Cpolygon%20points%3D%2227.3%2C0%2048%2C0%2034.0%2C13.6%22%20fill%3D%22%23acc9df%22/%3E%3Cpolygon%20points%3D%2248%2C0%2048%2C14.7%2034.0%2C13.6%22%20fill%3D%22%23cad8eb%22/%3E%3Cpolygon%20points%3D%220%2C16.3%2020.8%2C19.6%2018.7%2C32.3%22%20fill%3D%22%23b8b8e4%22/%3E%3Cpolygon%20points%3D%220%2C16.3%2018.7%2C32.3%200%2C28.7%22%20fill%3D%22%23e0e0f3%22/%3E%3Cpolygon%20points%3D%2220.8%2C19.6%2034.0%2C13.6%2018.7%2C32.3%22%20fill%3D%22%23b2b2e1%22/%3E%3Cpolygon%20points%3D%2234.0%2C13.6%2034.8%2C30.3%2018.7%2C32.3%22%20fill%3D%22%23a8c0de%22/%3E%3Cpolygon%20points%3D%2234.0%2C13.6%2048%2C14.7%2048%2C29.2%22%20fill%3D%22%23a6bfdd%22/%3E%3Cpolygon%20points%3D%2234.0%2C13.6%2048%2C29.2%2034.8%2C30.3%22%20fill%3D%22%23dadef0%22/%3E%3Cpolygon%20points%3D%220%2C28.7%2018.7%2C32.3%200%2C48%22%20fill%3D%22%23babee5%22/%3E%3Cpolygon%20points%3D%2218.7%2C32.3%2019.1%2C48%200%2C48%22%20fill%3D%22%23d2d7ee%22/%3E%3Cpolygon%20points%3D%2218.7%2C32.3%2034.8%2C30.3%2036.8%2C48%22%20fill%3D%22%23c8daea%22/%3E%3Cpolygon%20points%3D%2218.7%2C32.3%2036.8%2C48%2019.1%2C48%22%20fill%3D%22%23d1d2ed%22/%3E%3Cpolygon%20points%3D%2234.8%2C30.3%2048%2C29.2%2036.8%2C48%22%20fill%3D%22%23bac0e5%22/%3E%3Cpolygon%20points%3D%2248%2C29.2%2048%2C48%2036.8%2C48%22%20fill%3D%22%23d1dfed%22/%3E%3Cpolygon%20points%3D%220%2C0%2016.4%2C0%200%2C16.3%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2216.4%2C0%2020.8%2C19.6%200%2C16.3%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2216.4%2C0%2027.3%2C0%2034.0%2C13.6%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2216.4%2C0%2034.0%2C13.6%2020.8%2C19.6%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2227.3%2C0%2048%2C0%2034.0%2C13.6%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2248%2C0%2048%2C14.7%2034.0%2C13.6%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C16.3%2020.8%2C19.6%2018.7%2C32.3%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C16.3%2018.7%2C32.3%200%2C28.7%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2220.8%2C19.6%2034.0%2C13.6%2018.7%2C32.3%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2234.0%2C13.6%2034.8%2C30.3%2018.7%2C32.3%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2234.0%2C13.6%2048%2C14.7%2048%2C29.2%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2234.0%2C13.6%2048%2C29.2%2034.8%2C30.3%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C28.7%2018.7%2C32.3%200%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2218.7%2C32.3%2019.1%2C48%200%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2218.7%2C32.3%2034.8%2C30.3%2036.8%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2218.7%2C32.3%2036.8%2C48%2019.1%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2234.8%2C30.3%2048%2C29.2%2036.8%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2248%2C29.2%2048%2C48%2036.8%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3C/g%3E%3C/svg%3E")}
  .po-m:nth-child(2) i{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%3E%3Cpolygon%20points%3D%220%2C0%2014.3%2C0%200%2C20.7%22%20fill%3D%22%23c0e7c7%22/%3E%3Cpolygon%20points%3D%2214.3%2C0%2015.0%2C15.0%200%2C20.7%22%20fill%3D%22%2398d89c%22/%3E%3Cpolygon%20points%3D%2214.3%2C0%2035.0%2C0%2036.5%2C18.2%22%20fill%3D%22%23c7e9da%22/%3E%3Cpolygon%20points%3D%2214.3%2C0%2036.5%2C18.2%2015.0%2C15.0%22%20fill%3D%22%23dcf1e2%22/%3E%3Cpolygon%20points%3D%2235.0%2C0%2048%2C0%2036.5%2C18.2%22%20fill%3D%22%23d7f0dd%22/%3E%3Cpolygon%20points%3D%2248%2C0%2048%2C12.7%2036.5%2C18.2%22%20fill%3D%22%23a7ddc1%22/%3E%3Cpolygon%20points%3D%220%2C20.7%2015.0%2C15.0%2012.5%2C36.0%22%20fill%3D%22%23addfb3%22/%3E%3Cpolygon%20points%3D%220%2C20.7%2012.5%2C36.0%200%2C28.3%22%20fill%3D%22%23c2e8c7%22/%3E%3Cpolygon%20points%3D%2215.0%2C15.0%2036.5%2C18.2%2012.5%2C36.0%22%20fill%3D%22%23b6e3bc%22/%3E%3Cpolygon%20points%3D%2236.5%2C18.2%2035.1%2C28.5%2012.5%2C36.0%22%20fill%3D%22%23daf1dc%22/%3E%3Cpolygon%20points%3D%2236.5%2C18.2%2048%2C12.7%2048%2C35.3%22%20fill%3D%22%23b9e4c1%22/%3E%3Cpolygon%20points%3D%2236.5%2C18.2%2048%2C35.3%2035.1%2C28.5%22%20fill%3D%22%23daf1e1%22/%3E%3Cpolygon%20points%3D%220%2C28.3%2012.5%2C36.0%200%2C48%22%20fill%3D%22%23dbf1e0%22/%3E%3Cpolygon%20points%3D%2212.5%2C36.0%2020.8%2C48%200%2C48%22%20fill%3D%22%23bee6c9%22/%3E%3Cpolygon%20points%3D%2212.5%2C36.0%2035.1%2C28.5%2033.6%2C48%22%20fill%3D%22%2398d8ab%22/%3E%3Cpolygon%20points%3D%2212.5%2C36.0%2033.6%2C48%2020.8%2C48%22%20fill%3D%22%23a5dcb2%22/%3E%3Cpolygon%20points%3D%2235.1%2C28.5%2048%2C35.3%2033.6%2C48%22%20fill%3D%22%23d3eed2%22/%3E%3Cpolygon%20points%3D%2248%2C35.3%2048%2C48%2033.6%2C48%22%20fill%3D%22%23bae5be%22/%3E%3Cpolygon%20points%3D%220%2C0%2014.3%2C0%200%2C20.7%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2214.3%2C0%2015.0%2C15.0%200%2C20.7%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2214.3%2C0%2035.0%2C0%2036.5%2C18.2%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2214.3%2C0%2036.5%2C18.2%2015.0%2C15.0%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2235.0%2C0%2048%2C0%2036.5%2C18.2%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2248%2C0%2048%2C12.7%2036.5%2C18.2%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C20.7%2015.0%2C15.0%2012.5%2C36.0%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C20.7%2012.5%2C36.0%200%2C28.3%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2215.0%2C15.0%2036.5%2C18.2%2012.5%2C36.0%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2236.5%2C18.2%2035.1%2C28.5%2012.5%2C36.0%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2236.5%2C18.2%2048%2C12.7%2048%2C35.3%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2236.5%2C18.2%2048%2C35.3%2035.1%2C28.5%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C28.3%2012.5%2C36.0%200%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2212.5%2C36.0%2020.8%2C48%200%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2212.5%2C36.0%2035.1%2C28.5%2033.6%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2212.5%2C36.0%2033.6%2C48%2020.8%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2235.1%2C28.5%2048%2C35.3%2033.6%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2248%2C35.3%2048%2C48%2033.6%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3C/g%3E%3C/svg%3E")}
  .po-m:nth-child(3) i{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%3E%3Cpolygon%20points%3D%220%2C0%2018.3%2C0%200%2C14.3%22%20fill%3D%22%23d4bce5%22/%3E%3Cpolygon%20points%3D%2218.3%2C0%2016.2%2C16.6%200%2C14.3%22%20fill%3D%22%23dbcaeb%22/%3E%3Cpolygon%20points%3D%2218.3%2C0%2032.6%2C0%2034.8%2C12.1%22%20fill%3D%22%23d1bee6%22/%3E%3Cpolygon%20points%3D%2218.3%2C0%2034.8%2C12.1%2016.2%2C16.6%22%20fill%3D%22%23e7ddf2%22/%3E%3Cpolygon%20points%3D%2232.6%2C0%2048%2C0%2034.8%2C12.1%22%20fill%3D%22%23e7d8f0%22/%3E%3Cpolygon%20points%3D%2248%2C0%2048%2C16.6%2034.8%2C12.1%22%20fill%3D%22%23d2aadf%22/%3E%3Cpolygon%20points%3D%220%2C14.3%2016.2%2C16.6%2013.8%2C34.7%22%20fill%3D%22%23e8ddf2%22/%3E%3Cpolygon%20points%3D%220%2C14.3%2013.8%2C34.7%200%2C29.5%22%20fill%3D%22%23caa1db%22/%3E%3Cpolygon%20points%3D%2216.2%2C16.6%2034.8%2C12.1%2013.8%2C34.7%22%20fill%3D%22%23c4b8e4%22/%3E%3Cpolygon%20points%3D%2234.8%2C12.1%2032.1%2C32.6%2013.8%2C34.7%22%20fill%3D%22%23b6a9de%22/%3E%3Cpolygon%20points%3D%2234.8%2C12.1%2048%2C16.6%2048%2C34.6%22%20fill%3D%22%23d1c8ea%22/%3E%3Cpolygon%20points%3D%2234.8%2C12.1%2048%2C34.6%2032.1%2C32.6%22%20fill%3D%22%23e9d9f0%22/%3E%3Cpolygon%20points%3D%220%2C29.5%2013.8%2C34.7%200%2C48%22%20fill%3D%22%23d5cceb%22/%3E%3Cpolygon%20points%3D%2213.8%2C34.7%2020.1%2C48%200%2C48%22%20fill%3D%22%23c4a2db%22/%3E%3Cpolygon%20points%3D%2213.8%2C34.7%2032.1%2C32.6%2031.4%2C48%22%20fill%3D%22%23eddff2%22/%3E%3Cpolygon%20points%3D%2213.8%2C34.7%2031.4%2C48%2020.1%2C48%22%20fill%3D%22%23e4ddf2%22/%3E%3Cpolygon%20points%3D%2232.1%2C32.6%2048%2C34.6%2031.4%2C48%22%20fill%3D%22%23cdbbe5%22/%3E%3Cpolygon%20points%3D%2248%2C34.6%2048%2C48%2031.4%2C48%22%20fill%3D%22%23e9d5ef%22/%3E%3Cpolygon%20points%3D%220%2C0%2018.3%2C0%200%2C14.3%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2218.3%2C0%2016.2%2C16.6%200%2C14.3%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2218.3%2C0%2032.6%2C0%2034.8%2C12.1%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2218.3%2C0%2034.8%2C12.1%2016.2%2C16.6%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2232.6%2C0%2048%2C0%2034.8%2C12.1%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2248%2C0%2048%2C16.6%2034.8%2C12.1%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C14.3%2016.2%2C16.6%2013.8%2C34.7%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C14.3%2013.8%2C34.7%200%2C29.5%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2216.2%2C16.6%2034.8%2C12.1%2013.8%2C34.7%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2234.8%2C12.1%2032.1%2C32.6%2013.8%2C34.7%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2234.8%2C12.1%2048%2C16.6%2048%2C34.6%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2234.8%2C12.1%2048%2C34.6%2032.1%2C32.6%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C29.5%2013.8%2C34.7%200%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2213.8%2C34.7%2020.1%2C48%200%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2213.8%2C34.7%2032.1%2C32.6%2031.4%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2213.8%2C34.7%2031.4%2C48%2020.1%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2232.1%2C32.6%2048%2C34.6%2031.4%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2248%2C34.6%2048%2C48%2031.4%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3C/g%3E%3C/svg%3E")}
  .po-m:nth-child(4) i{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%3E%3Cpolygon%20points%3D%220%2C0%2012.6%2C0%200%2C16.2%22%20fill%3D%22%23f2dff1%22/%3E%3Cpolygon%20points%3D%2212.6%2C0%2014.4%2C13.0%200%2C16.2%22%20fill%3D%22%23ceabdf%22/%3E%3Cpolygon%20points%3D%2212.6%2C0%2031.3%2C0%2030.2%2C18.2%22%20fill%3D%22%23e3d1ed%22/%3E%3Cpolygon%20points%3D%2212.6%2C0%2030.2%2C18.2%2014.4%2C13.0%22%20fill%3D%22%23cea1db%22/%3E%3Cpolygon%20points%3D%2231.3%2C0%2048%2C0%2030.2%2C18.2%22%20fill%3D%22%23eedaf1%22/%3E%3Cpolygon%20points%3D%2248%2C0%2048%2C11.2%2030.2%2C18.2%22%20fill%3D%22%23deaad9%22/%3E%3Cpolygon%20points%3D%220%2C16.2%2014.4%2C13.0%2015.4%2C27.2%22%20fill%3D%22%23ebdbf1%22/%3E%3Cpolygon%20points%3D%220%2C16.2%2015.4%2C27.2%200%2C32.5%22%20fill%3D%22%23eacbeb%22/%3E%3Cpolygon%20points%3D%2214.4%2C13.0%2030.2%2C18.2%2015.4%2C27.2%22%20fill%3D%22%23c59bd9%22/%3E%3Cpolygon%20points%3D%2230.2%2C18.2%2030.3%2C33.2%2015.4%2C27.2%22%20fill%3D%22%23e3b6e2%22/%3E%3Cpolygon%20points%3D%2230.2%2C18.2%2048%2C11.2%2048%2C32.1%22%20fill%3D%22%23eadcf2%22/%3E%3Cpolygon%20points%3D%2230.2%2C18.2%2048%2C32.1%2030.3%2C33.2%22%20fill%3D%22%23eed2ee%22/%3E%3Cpolygon%20points%3D%220%2C32.5%2015.4%2C27.2%200%2C48%22%20fill%3D%22%23e7d6ef%22/%3E%3Cpolygon%20points%3D%2215.4%2C27.2%2011.6%2C48%200%2C48%22%20fill%3D%22%23e7d7ef%22/%3E%3Cpolygon%20points%3D%2215.4%2C27.2%2030.3%2C33.2%2036.9%2C48%22%20fill%3D%22%23dbb0e1%22/%3E%3Cpolygon%20points%3D%2215.4%2C27.2%2036.9%2C48%2011.6%2C48%22%20fill%3D%22%23f0dbf1%22/%3E%3Cpolygon%20points%3D%2230.3%2C33.2%2048%2C32.1%2036.9%2C48%22%20fill%3D%22%23cea1db%22/%3E%3Cpolygon%20points%3D%2248%2C32.1%2048%2C48%2036.9%2C48%22%20fill%3D%22%23dba9de%22/%3E%3Cpolygon%20points%3D%220%2C0%2012.6%2C0%200%2C16.2%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2212.6%2C0%2014.4%2C13.0%200%2C16.2%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2212.6%2C0%2031.3%2C0%2030.2%2C18.2%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2212.6%2C0%2030.2%2C18.2%2014.4%2C13.0%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2231.3%2C0%2048%2C0%2030.2%2C18.2%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2248%2C0%2048%2C11.2%2030.2%2C18.2%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C16.2%2014.4%2C13.0%2015.4%2C27.2%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C16.2%2015.4%2C27.2%200%2C32.5%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2214.4%2C13.0%2030.2%2C18.2%2015.4%2C27.2%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2230.2%2C18.2%2030.3%2C33.2%2015.4%2C27.2%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2230.2%2C18.2%2048%2C11.2%2048%2C32.1%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2230.2%2C18.2%2048%2C32.1%2030.3%2C33.2%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%220%2C32.5%2015.4%2C27.2%200%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2215.4%2C27.2%2011.6%2C48%200%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2215.4%2C27.2%2030.3%2C33.2%2036.9%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2215.4%2C27.2%2036.9%2C48%2011.6%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2230.3%2C33.2%2048%2C32.1%2036.9%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3Cpolygon%20points%3D%2248%2C32.1%2048%2C48%2036.9%2C48%22%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C35%2C50%2C0.35%29%22%20stroke-width%3D%220.5%22/%3E%3C/g%3E%3C/svg%3E")}
  .po-m i{border-radius:50%!important}
}

/* метрики без подложки; иконки верха и низа одного размера */
@media (min-width:1025px){
  .po-hero-metrics{background:transparent!important;box-shadow:none!important}
  .po-m i{width:40px!important;height:40px!important}
  .po-chip i{width:40px;height:40px}
}
@media (min-width:1900px){
  .po-m i{width:54px!important;height:54px!important}
  .po-m i svg{width:25px;height:25px}
  .po-chip i{width:54px;height:54px}
}

/* иконки крупнее (оба ряда) */
@media (min-width:1025px){
  .po-chip i,.po-m i{width:48px!important;height:48px!important}
  .po-chip i svg,.po-m i svg{width:22px!important;height:22px!important}
}
@media (min-width:1900px){
  .po-chip i,.po-m i{width:64px!important;height:64px!important}
  .po-chip i svg,.po-m i svg{width:30px!important;height:30px!important}
}

/* нижние иконки в полтора раза крупнее верхних */
@media (min-width:1025px){
  .po-m i{width:72px!important;height:72px!important}
  .po-m i svg{width:33px!important;height:33px!important}
}
@media (min-width:1900px){
  .po-m i{width:96px!important;height:96px!important}
  .po-m i svg{width:45px!important;height:45px!important}
}

/* нижние ещё крупнее — только большие экраны */
@media (min-width:1900px){
  .po-m i{width:120px!important;height:120px!important}
  .po-m i svg{width:54px!important;height:54px!important}
}

/* кнопки и подпись крупнее на 40% — большие экраны */
@media (min-width:1900px){
  .po-hero-cta .btn{padding:22px 48px;font-size:21px}
  .po-btn-light{padding:22px 48px;font-size:21px}
  .po-cta-note{font-size:16px;margin-top:12px}
}

/* заголовок на шаг ниже без смещения соседних блоков (transform вне потока) */
@media (min-width:1900px){
  .js-main-title-container{transform:translateY(40px)}
}

/* метрики: тонкие вертикальные разделители между блоками; цифры крупнее на больших экранах */
@media (min-width:1025px){
  .po-m+.po-m{border-left:1px solid rgba(26,27,28,.16);padding-left:30px}
}
@media (min-width:1900px){
  .po-m+.po-m{padding-left:46px}
  .po-m b{font-size:22px!important}
  .po-m{font-size:15px!important}
}

/* уход с первого экрана: сжатие заголовка в угол делает САМ бандл (fixed-мини + scale).
   Снимаем inline-прижатие сторожа, чтобы fixed-мини позиционировался от окна, а не от transform-предка */
@media (min-width:1025px){
  body.po-hero-leaving .js-main-title-container,
  body.po-past-hero .js-main-title-container{transform:none!important}
}

/* метрики: равные ячейки, блок по центру ячейки — разделители на равном удалении */
@media (min-width:1025px){
  .po-m{flex:1 1 0;justify-content:center}
  .po-m+.po-m{padding-left:0}
}


/* меньше зазор иконка-текст внутри блока метрики */
@media (min-width:1025px){
  .po-m{gap:6px}
}

/* широкий, но невысокий экран (1900+ x <1200): компактный верхний стек,
   иначе vw-заголовок бандла наезжает на лид */
@media (min-width:1900px) and (max-height:1199px){
  .po-hero-lead{font-size:27px;max-width:680px;margin-top:8px!important}
  .po-hero-chips{padding:12px 8px}
  .po-chip{font-size:13px;padding:0 16px}
  .po-chip i{width:36px!important;height:36px!important}
  .po-chip i svg{width:17px!important;height:17px!important}
}

/* 1900+: кнопки и метрики всегда одной строкой, как на малых экранах;
   метрики сжимаемые, отступ умеренный */
@media (min-width:1900px){
  .po-hero-bottomrow{flex-wrap:nowrap}
  .po-hero-metrics{flex:1 1 auto!important;min-width:0;margin-left:clamp(60px,6vw,300px)!important}
}

/* слоган панели убран: его роль выполняет родной мини-заголовок бандла */
.aside-slogan{display:none!important}

/* бейдж «Единый контур управления» ниже линии шапки на больших экранах */
@media (min-width:1900px){
  .po-sys-left-head{padding-top:30px}
}
/* оглавление правее — только большие экраны, малые не трогаем */
@media (min-width:1900px){
  .aside .app-pagination{left:56px!important}
}

/* новая цветная монета самодостаточна: радиальное затухание бандла отключено */
.po-coin-img{-webkit-mask-image:none!important;mask-image:none!important}

/* бейдж «Единый контур управления» — пилюля как теги других разделов */
.po-sys-left-head .tag{border-radius:999px!important}
@media (min-width:1900px){
  .po-sys-left-head .tag{padding:5px 16px!important;font-size:16px!important}
}

/* иконки в стиле low-poly монеты (Higgsfield) */
@media (min-width:1025px){
  .po-chip i{background-color:transparent!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border:none!important;box-shadow:none!important}
  .po-chip:nth-child(1) i{background-image:url("/assets/ic5-person.webp?v=2")!important}
  .po-chip:nth-child(2) i{background-image:url("/assets/ic1-shield.webp?v=2")!important}
  .po-chip:nth-child(3) i{background-image:url("/assets/ic6-chart.webp?v=2")!important}
  .po-chip i svg{display:none!important}
  .po-m i{background-color:transparent!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:none!important}
  .po-m:nth-child(1) i{background-image:url("/assets/ic9-bars.webp?v=2")!important}
  .po-m:nth-child(2) i{background-image:url("/assets/ic7-basket.webp?v=2")!important}
  .po-m:nth-child(3) i{background-image:url("/assets/ic8-people.webp?v=2")!important}
  .po-m:nth-child(4) i{background-image:url("/assets/ic4-cube.webp?v=2")!important}
  .po-m i svg{display:none!important}
}
/* кнопки «Единого контура» — те же медальоны */
.po-flip__front{background:url("/assets/ic0-database.webp") center/cover no-repeat!important}
.po-flip:nth-child(2) .po-flip__front{background-image:url("/assets/ic1-shield.webp?v=2")!important}
.po-flip:nth-child(3) .po-flip__front{background-image:url("/assets/ic2-sync.webp?v=2")!important}
.po-flip__front svg{display:none!important}


/* fx-иконки «Эффект для бизнеса» — медальоны */
.po-sec__fx-ico{background-size:cover;background-position:center;background-repeat:no-repeat}
.po-sec__fx-ico svg{display:none}

/* медиа «Приёмки и учёта» — крупные, как мокап «Планирования» */
.po-ord--s4 .po-shots{height:clamp(280px,32vh,430px)}

/* «Нам доверяют»: убран вертикальный блюр-фейд краёв облака логотипов */
.trust-map{-webkit-mask-image:none!important;mask-image:none!important}

/* «Нам доверяют»: после reveal снимаем clip-path — увеличенные при наведении тайлы не режутся */
.trust-map.is-scroll-revealed{-webkit-clip-path:none!important;clip-path:none!important}

/* воздух между «Нам доверяют» и аналитикой — увеличенным плиткам есть место */
.trust-section{margin-bottom:56px}

/* плитки клиентов: внешняя тень убрана (по просьбе заказчика), объём только инсетами */
.watch-tile{box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(7,23,42,.05)!important}

/* аналитика: оформление «терминал» (вариант В) */
.aib-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.aib-tags span{background:#fff;border:1px solid rgba(26,27,28,.14);border-radius:999px;padding:5px 15px;font-size:13.5px;font-weight:600}
.aib-mech{list-style:none;padding:0;margin:12px 0 0;max-width:460px}
.aib-mech li{position:relative;padding:10px 0 10px 21px;border-bottom:1px solid rgba(26,27,28,.09);font-size:15.5px;line-height:1.45;color:#3c4048}
.aib-mech li::before{content:"";position:absolute;left:0;top:17px;width:8px;height:8px;border-radius:2px;background:#2f6bff}
.aib-mech li:nth-child(2)::before{background:#43aa8b}
.aib-shot{background:#101216!important;border:none!important;border-radius:16px;padding:32px 12px 28px;box-shadow:0 10px 26px rgba(16,18,22,.25);position:relative}
.aib-shot::before{content:"";position:absolute;top:11px;left:16px;width:10px;height:10px;border-radius:50%;background:#e2574c;box-shadow:16px 0 0 #e8b93c,32px 0 0 #4fbf67}
.aib-shot::after{content:"proorder.ai · аналитика закупок";position:absolute;left:16px;bottom:8px;font:11px/1 Consolas,monospace;color:#8f96a3}
.aib-shot img{border-radius:8px;display:block}

/* FAQ: 15 вопросов — таймлайн компактный в два ряда */
.po-faq-tl{width:100%;padding:0 22px;box-sizing:border-box}
/* ⚠️ Ширина слота — ПО СОДЕРЖИМОМУ, а не поровну. При равных долях длинная
   подпись («Российское ПО») не помещалась, переносилась на вторую строку и
   выходила за линию ленты (замечание заказчика 22.08). Подписи разной длины —
   значит и место им нужно разное; суммарно все двенадцать укладываются в ряд
   с запасом, поэтому распределяем остаток между ними. */
/* flex:1 1 auto — слот шире своей подписи ровно на равную долю свободного
   места, поэтому подпись остаётся ПО ЦЕНТРУ своего отрезка (просьба заказчика),
   а длинной хватает ширины и она не переносится. flex:1 1 0 (поровну на всех)
   не годится: длинной не хватало, flex:0 1 auto — прижимает к краям. */
.po-faq-tl .po-tl-slot{flex:1 1 auto;min-width:0}
.po-faq-tl .po-tl-slot span{font-size:12px!important;white-space:nowrap}
@media (min-width:1025px) and (max-width:1200px){
  .po-faq-tl{padding:0 12px}
  .po-faq-tl .po-tl-slot span{font-size:11px!important}
}

/* модалка чтения новостей */
.nwm{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:4vh 20px}
.nwm[hidden]{display:none}
.nwm-bg{position:absolute;inset:0;background:rgba(16,18,22,.55);backdrop-filter:blur(4px)}
.nwm-card{position:relative;background:#f7f7f7;border-radius:18px;max-width:820px;width:100%;max-height:92vh;
  box-shadow:0 24px 70px rgba(16,18,22,.35);overflow:hidden;display:flex}
.nwm-scroll{overflow-y:auto;padding:44px 48px 52px;width:100%}
.nwm-x{position:absolute;top:14px;right:16px;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid rgba(26,27,28,.16);
  background:#fff;font-size:24px;line-height:1;cursor:pointer;color:#1a1b1c}
.nwm-x:hover{background:#1a1b1c;color:#fff}
.nwm-tag{display:inline-block;background:#fff;border:1px solid rgba(26,27,28,.14);border-radius:999px;padding:4px 14px;font-size:12.5px;font-weight:700;margin-bottom:16px}
.nwm-title{font-size:clamp(24px,2.6vw,36px);line-height:1.14;letter-spacing:-.02em;margin:0 0 10px}
.nwm-meta{color:#8a8f98;font-size:13.5px;margin-bottom:20px}
.nwm-img{width:100%;border-radius:14px;margin-bottom:26px;display:block}
.nwm-body p{margin-bottom:16px;font-size:16px;line-height:1.6}
.nwm-body h2{font-size:20px;margin:26px 0 10px;letter-spacing:-.01em}
html.nwm-open,html.nwm-open body{overflow:hidden!important}
@media (max-width:760px){.nwm-scroll{padding:30px 20px 40px}}

/* FAQ: наполнение — счётчик, watermark-цифра, смотрите также, CTA */
@media (min-width:1025px){
  .po-faq-num::after{content:" / 15";color:rgba(26,27,28,.35);font-weight:400}
  .po-faq-wm{position:absolute;left:3%;top:calc(84px + 4vh);font-size:min(24vw,340px);font-weight:800;line-height:1;
    color:rgba(26,27,28,.045);letter-spacing:-.04em;pointer-events:none;user-select:none;z-index:0}
  .po-faq-left,.po-faq-right{z-index:1}
  .po-faq-also{position:absolute;left:0;top:calc(168px + 5vh + 232px);display:flex;gap:16px;align-items:center;z-index:1}
  .po-faq-med{width:76px;height:76px;border-radius:50%;flex:none;background-size:cover;background-position:center}
  .po-faq-also-lbl{font-size:11.5px;color:#8a8f98;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px}
  .po-faq-also-links a{display:inline-block;background:#fff;border:1px solid rgba(26,27,28,.16);border-radius:999px;
    padding:7px 16px;font-size:13.5px;font-weight:600;color:#1a1b1c;text-decoration:none;margin-right:8px;transition:background .2s,color .2s}
  .po-faq-also-links a:hover{background:#1a1b1c;color:#fff}
  .po-faq-cta{position:absolute;right:4.5%;top:auto;bottom:86px;width:clamp(360px,32vw,600px);background:#edf1f8;border-radius:14px;padding:12px 18px;z-index:1;display:flex;align-items:center;gap:16px}
.po-faq-cta>div{flex:1 1 auto}
  .po-faq-cta b{display:block;font-size:14.5px;margin-bottom:2px}
  .po-faq-cta span{font-size:12px;color:#5d6470;display:block;line-height:1.35}
  .po-faq-cta-btn{display:inline-block;flex:none;margin-top:0;background:#1a1b1c;color:#fff!important;border-radius:999px;
    padding:10px 22px;font-size:13.5px;font-weight:600;text-decoration:none}
}
@media (max-width:1024px){.po-faq-wm,.po-faq-also,.po-faq-cta{display:none}}

/* стык «Поставщикам» -> FAQ компактный */
#faq .stage-intro{padding:14px 0 16px!important}

/* футер: копирайт без лишних пустот */
.footer-row.footer-bottom{margin-top:22px!important;padding-bottom:18px!important}

/* мобильная страховка: зона аналитики статикой, без десктопных маргинов-полок */
@media (max-width:1024px){
  .aib-shot{margin-top:14px!important;margin-bottom:0!important}
  .po-aib-scroll{height:auto!important}
}

/* мобильный FAQ: аккордеон */
@media (max-width:1024px){
  .po-faq-left,.po-faq-right{display:none!important}
  .po-faq-acc{padding:6px 0 24px}
  .po-faq-acc-item{background:#fff;border:1px solid rgba(26,27,28,.12);border-radius:14px;margin-bottom:10px;overflow:hidden}
  .po-faq-acc-q{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
    background:none;border:0;text-align:left;padding:15px 16px;font-size:15.5px;font-weight:600;color:#1a1b1c;line-height:1.3;cursor:pointer}
  .po-faq-acc-q i{flex:none;width:22px;height:22px;position:relative}
  .po-faq-acc-q i::before,.po-faq-acc-q i::after{content:"";position:absolute;left:50%;top:50%;background:#1a1b1c;transition:transform .25s}
  .po-faq-acc-q i::before{width:12px;height:2px;transform:translate(-50%,-50%)}
  .po-faq-acc-q i::after{width:2px;height:12px;transform:translate(-50%,-50%)}
  .po-faq-acc-item.is-open .po-faq-acc-q i::after{transform:translate(-50%,-50%) rotate(90deg)}
  .po-faq-acc-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
  .po-faq-acc-item.is-open .po-faq-acc-a{grid-template-rows:1fr}
  .po-faq-acc-in{overflow:hidden;padding:0 16px}
  .po-faq-acc-item.is-open .po-faq-acc-in{padding-bottom:14px}
  .po-faq-acc-in .text-md{font-size:14.5px;line-height:1.5;margin:0 0 8px}
  .po-faq-acc-in .po-faq-small{font-size:12.5px;color:#8a8f98;margin:0}
}
@media (max-width:1024px){.po-faq-pin{height:auto!important;overflow:visible!important;padding-top:24px!important}#faq{min-height:0!important}}

/* мобильные чипы и метрики — те же медальоны, что на десктопе */
@media (max-width:1024px){
  .po-chip i,.po-m i{background-color:transparent!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border:none!important;box-shadow:none!important}
  .po-chip:nth-child(1) i{background-image:url("/assets/ic5-person.webp?v=2")!important}
  .po-chip:nth-child(2) i{background-image:url("/assets/ic1-shield.webp?v=2")!important}
  .po-chip:nth-child(3) i{background-image:url("/assets/ic6-chart.webp?v=2")!important}
  .po-m:nth-child(1) i{background-image:url("/assets/ic9-bars.webp?v=2")!important}
  .po-m:nth-child(2) i{background-image:url("/assets/ic7-basket.webp?v=2")!important}
  .po-m:nth-child(3) i{background-image:url("/assets/ic8-people.webp?v=2")!important}
  .po-m:nth-child(4) i{background-image:url("/assets/ic4-cube.webp?v=2")!important}
  .po-chip i svg,.po-m i svg{display:none!important}
}

/* мобильный стык hero -> «Единый контур» компактнее */
@media (max-width:1024px){
  #product.main-screen{padding-bottom:6px!important;min-height:0!important}
  #system .stage-intro{padding-top:6px!important}
  #system{margin-top:-67px!important}
}

/* мобиле: hero-элементы не прячутся при скролле (leaving-механика — только десктоп) */
@media (max-width:1024px){
  body.po-hero-leaving .po-hero-slot,body.po-hero-leaving .po-hero-top,body.po-hero-leaving .po-hero-bottomrow,
  body.po-past-hero .po-hero-slot,body.po-past-hero .po-hero-top,body.po-past-hero .po-hero-bottomrow{
    opacity:1!important;transform:none!important;visibility:visible!important}
}

/* мобиле: одинаковые расстояния между секциями (~70px по контенту) */
@media (max-width:1024px){
  #clients{margin-top:-76px!important}
  #ai-demo{margin-top:23px!important}
  #pricing{margin-top:11px!important}
  #efficiency{margin-top:-158px!important}
  #news{margin-top:-153px!important}
  #suppliers{margin-top:-143px!important}
  #faq{margin-top:-167px!important}
}

/* при уходе с hero анимация появления не должна возвращаться */
body.po-hero-leaving .po-hero-chips,body.po-past-hero .po-hero-chips,
body.po-hero-leaving .po-hero-main,body.po-past-hero .po-hero-main,
body.po-hero-leaving .po-hero-slot,body.po-past-hero .po-hero-slot,
body.po-hero-leaving .po-hero-cta,body.po-past-hero .po-hero-cta,
body.po-hero-leaving .po-hero-metrics,body.po-past-hero .po-hero-metrics{animation:none}



/* «Новости» на всю ширину при развороте */
@media (min-width:1025px){
  #news{transition:margin-left .7s cubic-bezier(.77,0,.175,1),width .7s cubic-bezier(.77,0,.175,1)}
  html.po-news-full #news{margin-left:calc(-700vw/48);width:calc(100% + 700vw/48)}
}

/* мини-титул уходит вместе с панелью при разворотах секций */
html.po-news-full .js-main-title,html.po-clients-full .js-main-title,html.po-eff-full .js-main-title,html.po-ai-full .js-main-title{opacity:0!important;transition:opacity .4s ease}

/* оглавление: правее (точки+тексты вместе); «О продукте» невидим с сохранением сетки */
@media (min-width:1025px){
  .aside .app-pagination{left:44px!important}
  .aside .nav{margin-left:4px}
  .nav-list .nav-list__item:first-child{visibility:hidden!important;pointer-events:none;margin-top:-12px!important;height:14px!important}
  .sections-pagination-list .sections-pagination-list__item:first-child{visibility:hidden!important;pointer-events:none;margin-top:-12px!important;height:14px!important}
}
@media (min-width:1900px){
  .aside .app-pagination{left:68px!important}
  .aside .nav{margin-left:26px}
}

/* мобиле: карусель скринов аналитики (свайп с подглядыванием следующего) */
@media (max-width:1024px){
  .aib-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    margin:14px -20px 0;padding:0 20px 10px;scrollbar-width:none}
  .aib-strip::-webkit-scrollbar{display:none}
  .aib-strip .aib-shot{flex:0 0 86%;margin:0!important;scroll-snap-align:center}
}

/* соцсети: плашка в «Новостях» и колонка в футере */
.po-soc{margin-top:26px;background:#edf1f8;border-radius:14px;padding:16px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.po-soc-t{flex:1 1 220px}
.po-soc-t b{display:block;font-size:15px;margin-bottom:3px}
.po-soc-t span{font-size:12.5px;color:#5d6470;line-height:1.4;display:block}
.po-soc-r{display:flex;gap:10px}
.po-soc-a{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s}
.po-soc-a:hover{transform:translateY(-3px)}
.s-tg{background:#2AABEE}.s-vk{background:#0077FF}.s-yt{background:#FF0000}
.po-soc-f{display:flex!important;align-items:center;gap:8px}
.po-soc-f svg{width:15px;height:15px;flex:none;background:#1a1b1c;color:#fff;border-radius:50%;padding:3px}
.po-soc-cta{font-size:11.5px;color:#8a8f98;margin-top:6px;line-height:1.4}


/* «Поставщикам» — путь поставщика (вариант 4) */
.po-sup-lead{max-width:760px}
.po-sup-lead b{color:#1a1b1c}
.po-sup-path{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 20px}
.po-sup-path::before{content:"";position:absolute;left:6%;right:6%;top:44px;height:2px;
  background:repeating-linear-gradient(90deg,rgba(26,27,28,.25) 0 10px,transparent 10px 18px)}
.po-sup-step{position:relative;text-align:center;padding:0 10px}
.po-sup-med{width:88px;height:88px;border-radius:50%;margin:0 auto 12px;position:relative;z-index:1;
  background-size:cover;background-position:center;box-shadow:0 6px 16px rgba(26,27,28,.12)}
.po-sup-step__n{font-size:11px;color:#395dad;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}
.po-sup-step__t{font-size:16px;letter-spacing:-.01em;margin:0 0 6px}
.po-sup-step p{font-size:12.5px;line-height:1.45;color:#5d6470;margin:0}
.po-sup-res{background:#edf1f8;border-radius:16px;padding:18px 26px;display:flex;gap:18px;align-items:center;margin-bottom:20px}
.po-sup-res--auto{margin-bottom:10px}
.po-sup-grid--3{grid-template-columns:repeat(3,1fr);margin-top:14px;gap:14px}
.po-sup-grid--3 .po-sup-card{padding:16px 18px 18px}
.po-sup-grid--3 .po-sup-card__num{margin-bottom:8px}
.po-sup-grid--3 .po-sup-card__title{font-size:17px;margin-bottom:7px}
.po-sup-grid--3 .po-sup-card p{font-size:13.5px;line-height:1.4}
@media (max-width:640px){.po-sup-grid--3{grid-template-columns:1fr}}
#suppliers .stage-intro{max-width:1240px}
#suppliers .po-sup-lead{max-width:1240px}
.po-sup-autorow{margin:6px 0 12px}
.po-sup-autorow__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.po-sup-autorow__it{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid rgba(26,27,28,.14);border-radius:16px;padding:16px 18px}
.po-sup-autorow__it .po-sup-med--sm{width:52px;height:52px;flex:none;margin:0}
.po-sup-autorow__it b{display:block;font-size:13.5px;line-height:1.25;margin-bottom:4px}
.po-sup-autorow__it p{font-size:12px;line-height:1.45;color:#5d6470;margin:0}
@media (max-width:1024px){.po-sup-autorow__grid{grid-template-columns:1fr;gap:14px}}
.po-sup-resrow{margin:20px 0 22px}
.po-sup-resrow__k{font-size:11px;color:#395dad;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.po-sup-resrow__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.po-sup-resrow__it{text-align:center;background:#fff;border:1px solid rgba(26,27,28,.14);border-radius:16px;padding:16px 10px 14px}
.po-sup-resrow__it span{display:block;font-size:12.5px;line-height:1.35;color:#3c4048;margin-top:8px}
.po-sup-med--sm{width:64px;height:64px;margin:0 auto}
@media (max-width:1024px){.po-sup-resrow__grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}}
@media (max-width:640px){.po-sup-resrow__grid{grid-template-columns:1fr}}
.po-sup-an__ai{background:linear-gradient(90deg,#1533c9,#5fd4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.po-sup-an{margin:24px 0 8px}
.po-sup-an__k{font-size:13px;color:#395dad;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.po-sup-an__t{font-size:27px;letter-spacing:-.01em;margin:0 0 18px;max-width:1100px}
.po-sup-an__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.po-sup-an__card{background:#fff;border:1px solid #e3e8f2;border-radius:18px;padding:26px 28px}
.po-sup-an__card b{display:block;font-size:18px;margin-bottom:9px}
.po-sup-an__card p{font-size:15px;line-height:1.5;color:#5d6470;margin:0 0 11px}
.po-sup-an__why{font-size:14px;line-height:1.45;color:#395dad}
.po-sup-an__card p.po-sup-an__why{color:#395dad;margin-bottom:0}
@media (max-width:1024px){.po-sup-an__grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.po-sup-an__grid{grid-template-columns:1fr}}
@media (min-width:1025px) and (max-height:800px){
  .po-sup-res{padding:10px 18px;gap:12px;margin-bottom:10px}
  .po-sup-res--auto{margin-bottom:6px}
  .po-sup-res b{font-size:14px}
  .po-sup-res span{font-size:12.5px;line-height:1.4}
  #suppliers .po-sup-pin{padding-top:56px}
  .po-sup-autorow{margin:14px 0 10px}
  .po-sup-autorow__it{padding:10px 14px}
  .po-sup-autorow__it .po-sup-med--sm{width:44px;height:44px}
  .po-sup-resrow__it{padding:10px 8px}
  .po-sup-path{margin:16px 0 14px}
  .po-sup-med{width:60px;height:60px;margin-bottom:8px}
  .po-sup-path::before{top:30px}
  .po-sup-an{margin-top:14px}
  .po-sup-an__t{font-size:15px;margin-bottom:10px}
  .po-sup-an__card{padding:10px 14px}
  .po-sup-an__card p{font-size:11.5px;margin-bottom:5px}
  .po-sup-an__why{font-size:11px}
  .po-sup-cta{margin-top:16px}
}
.po-sup-res b{font-size:15.5px;flex:none}
.po-sup-res span{font-size:13.5px;color:#3c4048;line-height:1.5}
@media (max-width:1024px){
  .po-sup-path{grid-template-columns:1fr 1fr;gap:20px 12px}
  .po-sup-path::before{display:none}
  .po-sup-res{flex-direction:column;align-items:flex-start;gap:6px}
}

/* «Тетрис закупок» в герое: поле 240px + колонка статусов не помещаются
   в 360–390px, из-за чего вся страница ехала вбок. Ужимаем блок целиком
   (zoom меняет и раскладку, в отличие от transform) */
@media (max-width:480px){.pot-screen{zoom:.8}}
@media (max-width:400px){.pot-screen{zoom:.72}}
/* узкие телефоны (≤480px): нижний ряд героя не должен раздвигать страницу —
   на 360–390px метрики и кнопки не помещались в строку и появлялась
   горизонтальная прокрутка всей страницы (проверка 2026-08-20) */
@media (max-width:480px){
  .po-hero-bottomrow,.po-hero-cta,.po-hero-metrics,.main-screen__cta,.po-cta-row{min-width:0;max-width:100%}
  .po-hero-metrics{flex-wrap:wrap;gap:10px 18px!important;padding:10px 14px!important}
  .po-hero-cta{padding:12px 14px}
  .po-hero-cta .po-cta-row{flex-wrap:wrap;gap:10px}
  .po-cta-note{max-width:100%}
}

/* строка «ProOrder AI анализирует…» держится за низ деки этапов; на низких
   окнах дека поднята, поэтому и строку двигаем (иначе она уезжает в полосу
   «Эффект для бизнеса»). Правила стоят в конце файла — базовое .po-ai-layer
   объявлено ниже ступеней и иначе бы их перебило. */
@media (min-width:1025px) and (max-height:889px){
  .po-ai-layer{bottom:calc(2vh + 56px);padding-right:124px;padding-bottom:6px}
  .po-ai-layer__label{font-size:12px}
  .po-ai-layer__text{font-size:11.5px;line-height:1.3}
}
@media (min-width:1025px) and (max-height:680px){
  .po-ai-layer{bottom:calc(1.5vh + 48px);padding-right:112px;padding-bottom:5px}
  .po-ai-layer__label{font-size:11px}
  .po-ai-layer__text{font-size:11px;line-height:1.25}
}

/* Первый экран на низких окнах: большой заголовок «Порядок создает преимущество»
   наезжал на «Тетрис» и на лид (заказчик прислал видео 2026-08-21, ноут с рабочей
   областью ~610px). Ужимаем заголовок, «Тетрис» и плашку метрик — блок снова
   собирается в один экран. Правила в конце файла: базовые .main-title и метрики
   объявлены выше и иначе бы их перебили. */
@media (min-width:1025px) and (max-height:700px){
  .js-main-title-container{margin-bottom:16px!important}
  .pot-screen{zoom:.86}
  .po-hero-cta{padding:10px 14px}
  .po-hero-metrics{padding:8px 18px!important;gap:18px!important}
  .po-m i{width:32px!important;height:32px!important;border-radius:9px!important}
  .po-m b{font-size:15px!important}
  .po-m{font-size:11.5px!important}
}
@media (min-width:1025px) and (max-height:620px){
  .js-main-title-container{margin-bottom:12px!important}
  .pot-screen{zoom:.76}
  .po-hero-lead{font-size:16px!important}
  .po-hero-metrics{padding:7px 14px!important;gap:14px!important}
  .po-m i{width:28px!important;height:28px!important}
  .po-m b{font-size:14px!important}
  .po-m{font-size:11px!important}
}

/* Оглавление слева: длинные пункты («Окупаемость проекта») выходили за линию
   панели на экранах уже 1440px. Ширину колонки ограничивает js-po-toc-align,
   здесь разрешаем перенос внутри той же строки в 25px (заказчик 2026-08-21) */
@media (min-width:1025px){
  .nav-btn{white-space:normal;line-height:1.04;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
  .nav-list__item{align-items:center;overflow:visible}
}
@media (min-width:1025px) and (max-width:1500px){
  .nav-btn{font-size:11.5px}
}

/* Заголовок первого экрана на невысоких окнах: на 1920–2560×900 строка
   «создает преимущество» уезжала под «Тетрис». Кап по высоте окна */
@media (min-width:1025px) and (max-height:1000px){
  .main-screen .main-title{font-size:min(86px,6.8vw)!important;line-height:1.02!important}
}

/* Совсем низкое окно (≤580px): у первого экрана уже нет запаса — заголовок
   начинал перекрывать подпись слева. Ужимаем заголовок и нижний ряд ещё раз;
   это край диапазона, дальше блок просто не помещается по высоте. */
@media (min-width:1025px) and (max-height:580px){
  .main-screen .main-title{font-size:min(48px,4.6vw)!important;line-height:1.02!important}
  .js-main-title-container{margin-bottom:10px!important}
  .po-hero-sub{font-size:13px;margin:6px 0 8px}
  .po-hero-lead{font-size:15px!important}
  .po-hero-metrics{padding:6px 12px!important;gap:12px!important}
  .po-m i{width:26px!important;height:26px!important}
  .po-m b{font-size:13px!important}
  .po-m{font-size:10.5px!important}
}

/* Сверхширокий монитор с низким окном (например, 3440×560): плашка метрик
   тянется во всю ширину (flex:1) и заезжает под «Тетрис». Перестаём растягивать —
   ряд собирается слева, «Тетрис» остаётся справа. На высоких окнах растяжение
   сохраняется: там оно и задумано. */
@media (min-width:2200px) and (max-height:700px){
  /* margin-left в vw отодвигал плашку на 200px вправо — на низком окне это
     ровно та ширина, из-за которой она заезжала под «Тетрис». */
  .po-hero-metrics{flex:0 1 auto!important;margin-left:0!important}
}

/* подзаголовок «Новости» — одной строкой (325px бандла рвали его надвое) */
@media (min-width:769px){
  #news .stage-intro .section-description{max-width:none;white-space:nowrap}
}

/* первый экран: оглавление разделов строкой в шапке (со второго экрана — снова слева).
   NB: у .aside стоит will-change:transform — он становится containing block даже для
   position:fixed внутри, поэтому растягиваем сам .aside, а меню внутри позиционируем absolute */
@media (min-width:1025px){
  body.first-screen-view .aside{top:0!important;left:0!important;right:0!important;width:100%!important;
    height:76px!important;padding:0!important;box-sizing:border-box!important;clip-path:none!important;
    background:transparent!important;will-change:auto!important;pointer-events:none;z-index:3}
  body.first-screen-view .aside .app-pagination{display:none!important}
  body.first-screen-view .app-nav{position:absolute!important;inset:0!important;transform:none!important}
  body.first-screen-view .app-nav .nav{position:absolute;inset:0}
  body.first-screen-view .nav-list{position:absolute;inset:0;display:flex!important;align-items:center;justify-content:center;
    gap:clamp(9px,1.4vw,24px);transform:none!important;max-width:none!important;width:auto!important;
    margin:0;padding:0 clamp(150px,12vw,220px) 0 clamp(160px,13vw,210px);pointer-events:auto}
  body.first-screen-view .nav-list__item{visibility:visible!important;white-space:nowrap;margin:0;opacity:1}
  /* текущий раздел в строке не показываем: на первом экране это «О продукте» — сам первый экран */
  body.first-screen-view .nav-list .nav-list__item.is-active{display:none!important}
  body.first-screen-view .nav-list__item .nav-btn{font-size:clamp(10.5px,.95vw,12.5px);opacity:.72;transition:opacity .2s}
  body.first-screen-view .nav-list__item.is-active .nav-btn,
  body.first-screen-view .nav-list__item .nav-btn:hover{opacity:1}
}

/* «Поставщикам» едет вместе с сайдбаром: когда движок прячет левую панель
   (режимы *-full у соседних секций), блок выравнивается по той же линии,
   что и содержимое полноширинной секции — иначе заголовок висит с отступом
   под несуществующий разделитель */
@media (min-width:1025px){
  html.po-news-full #suppliers,html.po-clients-full #suppliers,
  html.po-eff-full #suppliers,html.po-ai-full #suppliers{
    margin-left:calc(-700vw/48);width:calc(100% + 700vw/48)}
}

/* правая колонка этапов — на 50 точек правее (просьба владельца 24.08):
   визуально она прижималась к левой половине; ширину ужимаем на ту же
   величину, чтобы текст не выходил за правое поле секции */
@media (min-width:1025px){
  .po-sec__right{margin-left:50px;max-width:min(560px,calc(100% - 50px))}
}