/* Вводный блок секции «Единая система» + служебные стили новых секций */
.stage-intro{padding:60px 0 30px;max-width:760px}
.stage-intro .section-title{margin:18px 0 10px}
.stage-intro__text{margin-top:22px;opacity:.85}
.stage-intro__text p+p{margin-top:14px}
/* Слот под визуальную схему модуля (по ТЗ — место оставить) */
.scheme-slot{display:flex;align-items:center;justify-content:center;width:100%;min-height:320px;border:1px dashed rgba(26,27,28,.25);border-radius:20px;color:rgba(26,27,28,.4);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
/* Ротация текстов внутри блока: текст уходит, появляется новый */
.po-rotator{position:relative}
.po-rotator__item{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.po-rotator__item.is-active{position:relative;opacity:1;visibility:visible;transition:opacity .6s ease .1s}
.po-rotator__label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.5;margin-bottom:10px}
.po-rotator__title{font-size:28px;line-height:1.05;letter-spacing:-.02em;margin-bottom:8px}
.po-rotator__subtitle{opacity:.6;margin-bottom:16px}
.po-rotator__dots{display:flex;gap:8px;position:absolute;bottom:0;left:0}
.po-rotator__dot{width:8px;height:8px;border-radius:50%;background:rgba(26,27,28,.2);border:0;padding:0;cursor:pointer;transition:background .3s}
.po-rotator__dot.is-active{background:#1a1b1c}
.po-plain-list{list-style:none;margin:0;padding:0}
.po-plain-list li{position:relative;padding-left:18px;margin-bottom:6px}
.po-plain-list li:before{content:"—";position:absolute;left:0;opacity:.45}
/* Активный пункт оглавления не прячем (шаблон скрывал его visually-hidden),
   иначе подписи съезжают на позицию относительно точек пагинации */
.nav-list__item.is-active{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
.nav-list__item.is-active .nav-btn{opacity:1;font-weight:500}
/* CTA на первом экране (hero) */
.main-screen__cta{display:flex;align-items:center;gap:22px;margin-top:26px;flex-wrap:wrap}
.main-screen__cta .btn-lg{padding-left:34px;padding-right:34px}
.main-screen__cta-link{font-size:14px;opacity:.6;text-decoration:none;border-bottom:1px solid rgba(26,27,28,.3);padding-bottom:1px;transition:opacity .25s}
.main-screen__cta-link:hover{opacity:1}
@media (max-width:1024px){.main-screen__cta{margin-top:20px;gap:16px}}
/* Карта процессов в hero (вместо текста-описания) */
.hero-flow__lead{font-size:19px;line-height:1.25;margin-bottom:18px;max-width:560px;font-weight:700}
/* «Слияние заявок» в hero: монеты-ступени закупки (тёмный экран, сканлайны) */
.main-screen__content .js-main-text-block{width:min(660px,47vw) !important}
@media (max-width:1024px){.main-screen__content .js-main-text-block{width:auto !important}}
.pot{max-width:640px}
.pot-screen{position:relative;background:#0a0a10;border-radius:12px;padding:9px 16px 5px;display:flex;gap:16px;overflow:hidden;font-family:Consolas,"Courier New",monospace;font-weight:700;box-shadow:inset 0 0 40px rgba(109,91,225,.08),0 3px 18px rgba(26,27,28,.22)}
.pot-screen::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:12px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
/* блоки слева, стакан по центру, рейтинг справа */
.pot-stats{order:1}
.pot-fieldbox{order:2}
.pot-side{order:3}
.pot-side{flex:0 0 132px;min-width:0;font-size:11px;color:#e8e8e8;position:relative;z-index:1}
.pot-side .pot-tt{color:#f2c94c;letter-spacing:.12em;margin-bottom:4px}
.pot-you--link{background:none;border:0;padding:7px 0 0;cursor:pointer;font-family:inherit;font-weight:700;text-align:left;width:100%;border-top:1px solid rgba(255,255,255,.2);margin-top:7px;color:#FE3C00;font-size:10.5px}
.pot-you--link:hover{color:#FE3C00;text-decoration:underline}
.pot-rtag{font-size:8px;font-weight:700;border-radius:2px;padding:0 3px;margin-left:5px;vertical-align:1px}
.pot-rtag--b{background:rgba(75,56,245,.45);color:#C1B9F2}
.pot-rtag--s{background:rgba(51,209,122,.3);color:#8fdcae}
/* таблица рейтинга (оверлей) */
.pot-rmodal{position:fixed;inset:0;z-index:99991;display:none;align-items:center;justify-content:center;background:rgba(6,6,12,.85);backdrop-filter:blur(4px)}
.pot-rmodal.on{display:flex}
.pot-rmodal__box{width:min(640px,94vw);max-height:88vh;overflow:auto;background:#0a0a10;border-radius:14px;padding:26px 30px;font-family:Consolas,"Courier New",monospace;font-weight:700;color:#e8e8e8;position:relative;box-shadow:0 18px 60px rgba(0,0,0,.55)}
.pot-rmodal__title{color:#f2c94c;font-size:15px;letter-spacing:.14em;margin-bottom:16px}
.pot-rmodal__row{display:flex;gap:10px;align-items:baseline;font-size:13px;line-height:2;border-bottom:1px solid rgba(255,255,255,.09)}
.pot-rmodal__row .rp{color:#f2c94c;min-width:26px}
.pot-rmodal__row .rn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pot-rmodal__row .rn small{display:block;font-size:10px;opacity:.55;line-height:1;margin-top:-4px;padding-bottom:4px}
.pot-rmodal__row .rs{color:#33d17a}
.pot-rmodal__close{position:absolute;top:12px;right:14px;background:none;border:1px solid rgba(255,255,255,.3);color:#e8e8e8;width:30px;height:30px;border-radius:50%;font-size:15px;cursor:pointer;font-family:inherit}
.pot-rmodal__close:hover{background:#fff;color:#0a0a10}
.pot-rmodal__play{display:block;margin:18px auto 0;background:linear-gradient(120deg,#4B38F5,#FE3C00);color:#fff;border:0;border-radius:999px;padding:11px 30px;font-family:inherit;font-weight:700;font-size:13px;letter-spacing:.1em;cursor:pointer}
.pot-rrow{display:flex;gap:5px;line-height:1.65;align-items:baseline}
.pot-rrow .rp{color:#f2c94c;min-width:14px}
.pot-rrow .rn{flex:1;color:#e8e8e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pot-rrow .rs{color:#33d17a}
.pot-you{margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.2);color:#FE3C00;font-size:10.5px;line-height:1.5}
.pot-fieldbox{display:grid;grid-template-columns:14px 240px 14px;justify-items:center;position:relative;flex:0 0 auto;padding-top:16px}
.pot-cross{color:#6D5BE1;font-size:11px;line-height:20px;white-space:pre;user-select:none}
.pot-bt{grid-area:1/2;letter-spacing:8.2px;height:20px}
.pot-bl{grid-area:2/1}.pot-fld{grid-area:2/2}.pot-br{grid-area:2/3}
.pot-bb{grid-area:3/2;letter-spacing:8.2px;height:20px}
.pot-field{position:relative;width:240px;height:100px;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 19px,rgba(255,255,255,.05) 19px 20px),repeating-linear-gradient(0deg,transparent 0 19px,rgba(255,255,255,.05) 19px 20px)}
.pot-msg{grid-area:4/2;color:#e86fd8;font-size:10.5px;letter-spacing:.16em;margin-top:2px;animation:pot-blink 1.1s steps(2) infinite;white-space:nowrap}
@keyframes pot-blink{50%{opacity:.15}}
.pot-cap{position:absolute;top:2px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.09em;z-index:3;
  width:max-content;max-width:100%;white-space:normal;text-align:center;line-height:1.25;
  text-shadow:0 0 6px rgba(0,0,0,.9);transition:font-size .3s ease}
/* финал сборки: подпись крупнее и пульсирует */
.pot-cap--done{font-size:14px;font-weight:700;animation:pot-cap-pulse 1.5s ease-in-out infinite}
.pot--xl .pot-cap--done{font-size:15px}
.pot--xxl .pot-cap--done{font-size:16px}
@keyframes pot-cap-pulse{
  0%,100%{opacity:1;text-shadow:0 0 6px rgba(51,209,122,.4)}
  50%{opacity:.55;text-shadow:0 0 14px rgba(51,209,122,.9)}
}
@media (prefers-reduced-motion: reduce){.pot-cap--done{animation:none}}
.pot-piece{position:absolute;opacity:0}
.pot-piece.go{animation:pot-fall 1.3s cubic-bezier(.35,0,.35,1) forwards}
@keyframes pot-fall{0%{opacity:0;transform:translateY(var(--pot-fall,-190px))}10%{opacity:1}75%{transform:translateY(0)}87%{transform:translateY(-5px)}100%{opacity:1;transform:translateY(0)}}
.pot-cell{position:absolute;width:20px;height:20px;box-shadow:inset 2px 2px 0 rgba(255,255,255,.35),inset -2px -2px 0 rgba(0,0,0,.35);outline:1px solid rgba(0,0,0,.55);outline-offset:-1px;transition:top .22s ease-in}
.pot-frame{position:absolute;left:20px;top:20px;width:200px;height:80px;border:2px solid #33d17a;border-radius:2px;opacity:0;transition:opacity .5s,top .35s ease,height .35s ease;box-shadow:0 0 14px rgba(51,209,122,.5);z-index:3;pointer-events:none}
.pot-frame.on{opacity:1}
/* сжигание строки: 1 сожжённая строка = 1 закрытая боль */
.pot-cell--burn{background:#fff!important;outline-color:rgba(255,255,255,.85)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 14px rgba(255,255,255,.75)!important;animation:pot-burn-blink .26s steps(2) infinite}
@keyframes pot-burn-blink{50%{opacity:.55}}
.pot-burn{position:absolute;left:0;width:100%;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#0b1020;font-weight:700;font-size:9.5px;letter-spacing:.08em;white-space:nowrap;text-transform:uppercase}
.pot--xl .pot-burn{font-size:11px;letter-spacing:.1em}
.pot--xxl .pot-burn{font-size:12px}
@media (prefers-reduced-motion: reduce){.pot-cell--burn{animation:none}}
/* свой слой: кнопки и подписи игры не перекрывают выезжающую форму «Связаться» */
.pot{isolation:isolate}
/* пульсирующая кнопка «Играть» после сборки платформы */
.pot-playbtn{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);z-index:6;
  background:linear-gradient(120deg,#4B38F5,#FE3C00);color:#fff;border:0;border-radius:999px;
  padding:11px 26px;font-family:inherit;font-weight:700;font-size:13px;letter-spacing:.12em;
  cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;
  white-space:nowrap;
}
.pot-playbtn.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);animation:pot-pulse 1.6s ease-in-out infinite}
@keyframes pot-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,124,95,.55);transform:translate(-50%,-50%) scale(1)}
  50%{box-shadow:0 0 0 12px rgba(255,124,95,0);transform:translate(-50%,-50%) scale(1.07)}
}
.pot-playbtn:hover{background:linear-gradient(120deg,#4B38F5,#FE3C00)}
.pot-stats{flex:1;min-width:150px;font-size:10.5px;color:#e8e8e8;position:relative;z-index:1}
.pot-stats .pot-tt{color:#f2c94c;letter-spacing:.12em;margin-bottom:3px}
.pot-row{display:flex;align-items:center;gap:6px;opacity:.35;transition:opacity .3s;padding:0 4px;margin:0;line-height:1.45}
.pot-row.hot{opacity:1;background:rgba(255,255,255,.12);border-radius:2px;color:#fff}
.pot-row.done{opacity:.85}
.pot-row .pot-sq{width:8px;height:8px;flex:0 0 auto}
.pot-row .pot-nm{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:700px){.pot-side{display:none}}
.pot-sum{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.25);margin-top:5px;padding:4px 4px 0;color:#e8e8e8}
/* позиции правой колонки этапов задаёт сетка в po-custom.css */
/* мини-карточки этапов: сразу после текста, весь экран читается целиком */
ul.po-stage-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0 0;padding:0;width:100%}
.po-stage-mini li{position:relative;list-style:none;border:1px solid rgba(26,27,28,.8);border-radius:14px;
  padding:12px 15px 13px;cursor:pointer;pointer-events:auto;transition:border-color .25s ease,transform .25s ease}
.po-stage-mini li:hover{border-color:#4B38F5;transform:translateY(-2px)}
.po-stage-mini li:nth-child(1){--tcol:#4B38F5}
.po-stage-mini li:nth-child(2){--tcol:#f2994a}
.po-stage-mini li:nth-child(3){--tcol:#f2c94c}
.po-stage-mini li:nth-child(4){--tcol:#43aa8b}
.po-stage-mini__no{display:flex;align-items:center;gap:7px;font-size:10.5px;letter-spacing:.05em;
  text-transform:uppercase;color:rgba(26,27,28,.48);margin-bottom:7px}
.po-stage-mini__no i{width:9px;height:9px;border-radius:2.5px;background:var(--tcol);box-shadow:inset 0 0 0 1px rgba(26,27,28,.12)}
.po-stage-mini__name{display:block;font-size:15px;font-weight:600;line-height:1.2;letter-spacing:-.01em}
.po-stage-mini__desc{display:block;font-size:12.5px;line-height:1.4;color:rgba(26,27,28,.62);margin-top:3px}
@media (min-width:1025px) and (max-height:760px){
  ul.po-stage-mini{margin-top:20px;gap:8px}
  .po-stage-mini li{padding:9px 12px 10px}
}
@media (min-width:1900px){
  ul.po-stage-mini{gap:.6vw;margin-top:1.6vw}
  .po-stage-mini li{padding:.7vw .85vw;border-radius:.8vw}
  .po-stage-mini__no{font-size:.6vw;margin-bottom:.4vw}
  .po-stage-mini__no i{width:.5vw;height:.5vw}
  .po-stage-mini__name{font-size:.85vw}
  .po-stage-mini__desc{font-size:.7vw;margin-top:.2vw}
}
@media (max-width:420px){ul.po-stage-mini{grid-template-columns:1fr}}
/* появление мини-карточек: мягкое, без горизонтального клипа — на широких
   раскладках кадр анимации показывал карточки с обрезанным правым краем
   (замечание заказчика 2026-08-20) */
ul.po-stage-mini.js-reveal-on-scroll{clip-path:none;-webkit-clip-path:none;opacity:0;transform:translateY(14px);
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
ul.po-stage-mini.js-reveal-on-scroll.is-scroll-revealed{opacity:1;transform:none}
/* слоты таймлайна деки: названия-пилюли, активный — заливка цветом этапа */
.js-po-timeline .po-tl-slot:nth-child(1){--tcol:#4B38F5;--tbg:rgba(97,79,216,.10)}
.js-po-timeline .po-tl-slot:nth-child(2){--tcol:#f2994a;--tbg:rgba(242,153,74,.12)}
.js-po-timeline .po-tl-slot:nth-child(3){--tcol:#f2c94c;--tbg:rgba(242,201,76,.16)}
.js-po-timeline .po-tl-slot:nth-child(4){--tcol:#43aa8b;--tbg:rgba(67,170,139,.12)}
.js-po-timeline .po-tl-slot span{position:relative;padding:7px 16px;border:1px solid rgba(26,27,28,.16);border-radius:999px;background:#fff;
  transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
.js-po-timeline .po-tl-slot.is-current span{border-color:var(--tcol);background:var(--tbg);font-weight:600;box-shadow:inset 0 0 0 1px var(--tcol)}
/* Слот hero-блока — ВНЕ анимаций движка (его reveal зависает при reduce-motion).
   Absolute на десктопе (морф-глюк прикрыт сторожем po-past-hero), своё появление. */
.po-hero-slot,.po-hero-top,.po-hero-bottomrow{opacity:0;transition:opacity .7s ease .35s,transform .5s ease}
body.is-revealed .po-hero-slot,body.is-revealed .po-hero-top,body.is-revealed .po-hero-bottomrow{opacity:1}
/* плавный уход блока: старт по самому жесту скролла (po-hero-leaving),
   глубокое состояние — по сторожу (po-past-hero) */
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:0;transform:translateY(-46px);transition:opacity .3s ease,transform .3s ease}
@media (min-width:1025px){
.main-screen__content{position:relative}
/* 2026-08-23: блок уже на ~20% левой колонки — сужение забирает именно
   легенда ступеней (.pot-stats с flex:1), поле и рейтинг фиксированы */
.main-screen__content .po-hero-slot{position:absolute;top:6px;right:24px;width:min(645px,49vw)}
.pot{max-width:700px}
.pot--xl .pot-screen{padding:13px 17px 9px;gap:17px}
.pot--xl .pot-side{flex-basis:148px;font-size:11.5px}
.pot--xl .pot-rrow{line-height:1.9}
.pot--xl .pot-you{font-size:11px;margin-top:9px;padding-top:8px}
.pot--xl .pot-cross{font-size:11.5px;line-height:22px}
.pot--xl .pot-bt,.pot--xl .pot-bb{letter-spacing:9.7px;height:22px}
.pot--xl .pot-fieldbox{grid-template-columns:15px 264px 15px;padding-top:17px}
.pot--xl .pot-cap{font-size:10.5px}
.pot--xl .pot-msg{font-size:11px;margin-top:4px}
.pot--xl .pot-stats{font-size:11px}
.pot--xl .pot-row{margin:2px 0;line-height:1.6;padding:1px 4px}
.pot--xl .pot-row .pot-sq{width:9px;height:9px}
.pot--xl .hero-flow__lead{font-size:20px}
}
/* ещё крупнее на широких экранах */
@media (min-width:1560px){
.main-screen__content .po-hero-slot{width:685px}
.pot{max-width:740px}
.pot--xxl .pot-cross{font-size:12px;line-height:24px}
.pot--xxl .pot-bt,.pot--xxl .pot-bb{letter-spacing:11.1px;height:24px}
.pot--xxl .pot-fieldbox{grid-template-columns:16px 288px 16px;padding-top:18px}
.pot--xxl .pot-side{flex-basis:154px;font-size:12px}
.pot--xxl .pot-stats{font-size:11.5px}
.pot--xxl .pot-row{margin:2.5px 0}
.pot--xxl .hero-flow__lead{font-size:21px}
}
/* апскейл на 2K/4K/5K: слот вне потока — zoom безопасен для движка */
@media (min-width:2200px){.main-screen__content .po-hero-slot{zoom:1.35}}
@media (min-width:3200px){.main-screen__content .po-hero-slot{zoom:1.9}}
@media (min-width:4400px){.main-screen__content .po-hero-slot{zoom:2.5}}
/* Мини-заголовок движка (fixed) не должен висеть поверх следующих секций:
   класс po-past-hero ставит сторож в конце файла, когда первая секция ушла */
body.po-past-hero .js-main-screen-bottom-text-container{opacity:0 !important;visibility:hidden !important;transition:opacity .25s}
/* мини-заголовок бандла живёт в углу постоянно, как в оригинале Chipsa.
   Поправка позиции/масштаба — через независимые свойства translate/scale,
   привязана к прогрессу бандловской анимации (кадр в кадр, без своих transition) */
.pot-play{display:inline-flex;align-items:center;gap:6px;margin-top:5px;font-size:13.5px;color:#4B38F5;text-decoration:none;border-bottom:1px solid rgba(75,56,245,.4);padding-bottom:1px;font-weight:600;cursor:pointer}
.pot-play:hover{border-color:#4B38F5}
@media (max-width:1024px){.pot,.hero-flow__lead{max-width:none}}
/* модалка с игрой */
/* мини-демо «Слияние заявок» в hero: монеты в стиле сайта */
.pot-fieldbox--coins{display:block;padding-top:24px;padding-bottom:56px;position:relative}
.pot-fieldbox--coins .pot-playbtn{top:auto;bottom:-50px;transform:translate(-50%,0) scale(.85)}
.pot-fieldbox--coins .pot-playbtn.on{transform:translate(-50%,0) scale(1);animation:pmc-pulse 1.6s ease-in-out infinite}
@keyframes pmc-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,124,95,.55);transform:translate(-50%,0) scale(1)}50%{box-shadow:0 0 0 12px rgba(255,124,95,0);transform:translate(-50%,0) scale(1.07)}}
.pot-fieldbox--coins .pot-field{overflow:visible;background:none!important;margin:0 auto}
.pmc{position:absolute;left:0;top:0;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:#16233a;font-size:9px;font-weight:700;line-height:1.1;padding:3px;transition:transform .28s ease-out;background-size:100% 100%;background-position:center;background-repeat:no-repeat;box-shadow:0 4px 10px rgba(0,0,0,.38)}
.pmc span{text-shadow:0 1px 0 rgba(255,255,255,.8)}
.pmc span{position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.45)}
/* фишки этапов (23.09): кольцо бренда, внутри «Этап N» и название цветом этапа */
.pmc{background-size:100% 100%;background-repeat:no-repeat;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.pmc span{text-shadow:none;color:var(--pc,#1a1b1c);font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.pmc span i{display:block;font-style:normal;font-weight:600;font-size:.78em;opacity:.7;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1px}
.pmc[data-v="1"]{--pc:#434b5c}.pmc[data-v="2"]{--pc:#2a58b8}.pmc[data-v="3"]{--pc:#4B38F5}.pmc[data-v="4"]{--pc:#d0691b}
.pmc[data-v="5"]{--pc:#23835f}.pmc[data-v="6"]{--pc:#1c6f78}.pmc[data-v="7"]{--pc:#b0820e}
.pmc--pop{animation:pmc-pop .22s ease-out}
.pmc--mrg{animation:pmc-mrg .3s ease-out}
.pmc--flash{background:#fff!important;color:#0b1020!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.9),0 0 14px rgba(255,255,255,.7)}
@keyframes pmc-pop{from{opacity:0;transform:var(--tp) scale(.5)}to{opacity:1;transform:var(--tp) scale(1)}}
@keyframes pmc-mrg{0%{transform:var(--tp) scale(.7)}60%{transform:var(--tp) scale(1.14)}100%{transform:var(--tp) scale(1)}}
.pmc-pain{position:absolute;left:50%;transform:translateX(-50%);bottom:-22px;color:#EDEAFF;font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-weight:700;z-index:4}
.pot--xl .pmc{font-size:10px}
.pot--xxl .pmc{font-size:11px}
.pot--xl .pmc-pain{font-size:11px}
@media (prefers-reduced-motion: reduce){.pmc{transition:none}}
.pot-modal{position:fixed;inset:0;z-index:99990;display:none;align-items:center;justify-content:center;background:rgba(6,6,12,.82);backdrop-filter:blur(4px)}
.pot-modal.on{display:flex}
.pot-modal__box{position:relative;width:min(96vw,max(1120px,58vw));height:min(94vh,max(660px,34.5vw));background:#0a0a10;border-radius:16px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.5)}
.pot-modal__box iframe{width:100%;height:100%;border:0;display:block}
.pot-modal__close{position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid rgba(26,27,28,.2);background:#fff;color:#1a1b1c;font-size:20px;line-height:1;cursor:pointer;font-family:inherit}
.pot-modal__close:hover{background:#1a1b1c;color:#fff}