html body .pf-swap::after{transform:translateX(var(--pf-swap-dx,102%)) !important}
html body .pf-swap:hover>*{transform:translateX(calc(-1 * var(--pf-swap-dx,102%)))}
html body .pf-swap:hover::after{transform:translateX(0) !important}
@media (hover:none),(prefers-reduced-motion:reduce){html body .pf-swap:hover>*{transform:none}}
html body .pf-ind-tech__chip:hover,
html body .pf-ind-tech__chip:focus-visible{background:#e4f7f6 !important;color:#06b2af !important;
border-color:#06b2af !important}
html body .internal-page--projects .ip-filters button:hover:not(.is-active):not([aria-selected="true"]):not([aria-pressed="true"]){
background:#e4f7f6 !important;color:#06b2af !important;border-color:#06b2af !important}
html body .internal-page:not(.internal-page--projects) .ip-filters button:hover:not(.is-active):not([aria-selected="true"]):not([aria-pressed="true"]){
background:rgba(137,78,153,.1) !important;color:#894e99 !important;border-color:#894e99 !important}
html body .internal-page--services .pf-svc-shot img{object-fit:contain !important;background:#eef0f2 !important}
html body .internal-page--services .pf-svc-shot{background:#eef0f2 !important}
html body .internal-page--services .pf-svc-shot img{padding:26px 40px !important;box-sizing:border-box !important}
html body .pf-do-title{background:0 0 !important;-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;color:#06b2af !important;padding:0 !important}
html body .pf-lic-card .pf-lic-bg{object-fit:contain !important;object-position:center !important;
padding:14px !important;box-sizing:border-box !important;background:#fff !important}
html body .pf-lic-card .pf-lic-go{bottom:56px !important}
/* 16.09.2026 владелец: кружок с иконкой - в правый верхний угол, белая иконка на акцентном кружке
(как значок в «Почему выбирают»); под курсором инверсия - светлый кружок и акцентная иконка.
При наведении иконка остаётся на месте, а не гаснет */
.pf-lic-card .pf-lic-ico{position:absolute;right:20px;top:20px;width:40px;height:40px;
border-radius:50%;background:#06b2af;color:#fff;display:grid;place-items:center;
z-index:5;transition:background-color .18s linear,color .18s linear}
.pf-lic-card .pf-lic-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;
stroke-linecap:round;stroke-linejoin:round}
/* 16.09.2026 владелец уточнил: под курсором - бирюзовая иконка на белом кружке.
~22:40 владелец: при инверсии окантовку убрать, белый фон кружка заменить светлой бирюзой (#e4f7f6 - как у кнопки
«развернуть» в покое); иконка остаётся бирюзовой */
.pf-lic-card:hover .pf-lic-ico{background:#e4f7f6;color:#06b2af;box-shadow:none}
.figma-canvas [data-node-id="249:107"]{top:5822px !important;gap:14px !important}
html body .pf-do-shot{transition:transform .3s cubic-bezier(0,0,.5,1),filter .35s cubic-bezier(0,0,.5,1);
filter:grayscale(1)} /* 15:05 владелец: до наведения чёрно-белый, под курсором цветной */
html body .pf-cd-plate.pf-cd-on .pf-do-shot{transform:scale(1.03) !important;filter:none}
html body .pf-cd-plate:has(>.pf-do-shot){transition:background-color .25s linear}
html body .pf-cd-plate.pf-cd-on:has(>.pf-do-shot){background:rgba(255,255,255,.55) !important;
-webkit-backdrop-filter:blur(18px) !important;backdrop-filter:blur(18px) !important}
html body .pf-do-title{transition:background-color .18s linear,transform .18s cubic-bezier(0,0,.5,1),
padding .18s linear;border-radius:8px !important;transform-origin:left center}
/* вес селектора выше правил сборки (.pf-do-title.pf-lift-title.pf-cd-on и вариант row2), иначе scale не доезжает */
html body .pf-do-title.pf-do-title.pf-cd-on,
html body .pf-do-title.pf-do-title.pf-do-row2.pf-cd-on{background:#e4f7f6 !important;padding:6px 11px !important;
transform:translateY(var(--pf-do-up,0px)) scale(1.04) !important}
.figma-canvas [data-node-id="245:12"]{top:3256px !important}
.figma-canvas [data-node-id="245:13"]{top:3256px !important}
.figma-canvas [data-node-id="245:14"]{top:3256px !important}
.figma-canvas [data-node-id="245:15"]{top:3609px !important}
.figma-canvas [data-node-id="245:16"]{top:3609px !important}
.figma-canvas [data-node-id="245:17"]{top:3410px !important}
.figma-canvas [data-node-id="245:18"]{top:3464px !important}
.figma-canvas [data-node-id="245:19"]{top:3410px !important}
.figma-canvas [data-node-id="245:20"]{top:3464px !important}
.figma-canvas [data-node-id="245:21"]{top:3376px !important}
.figma-canvas [data-node-id="245:22"]{top:3464px !important}
.figma-canvas [data-node-id="245:23"]{top:3729px !important}
.figma-canvas [data-node-id="245:24"]{top:3783px !important}
.figma-canvas [data-node-id="245:25"]{top:3729px !important}
.figma-canvas [data-node-id="245:26"]{top:3783px !important}
.figma-canvas [data-node-id="245:27"]{top:3276px !important}
.figma-canvas [data-node-id="245:28"]{top:3276px !important}
.figma-canvas [data-node-id="245:29"]{top:3276px !important}
.figma-canvas [data-node-id="245:30"]{top:3629px !important}
.figma-canvas [data-node-id="245:31"]{top:3629px !important}
/* .pf-swap задаёт position:relative - у заголовков канвы это выбивает их из абсолютных координат */
html body .pf-do-title.pf-swap,html body .pf-exp-title.pf-swap{overflow:hidden;position:absolute !important}
html body .pf-do-title.pf-swap::after,html body .pf-exp-title.pf-swap::after{transform:translateX(var(--pf-swap-dx,102%)) !important}
html body .pf-do-title.pf-swap.pf-cd-on>*,html body .pf-exp-title.pf-swap.pf-cd-on>*{transform:translateX(calc(-1 * var(--pf-swap-dx,102%)))}
html body .pf-do-title.pf-swap.pf-cd-on::after,html body .pf-exp-title.pf-swap.pf-cd-on::after{transform:translateX(0) !important}
html body .pf-do-title.pf-do-title,
html body .pf-do-title.pf-do-title.pf-do-row2{padding:6px 11px !important;transform-origin:0 50% !important}
/* свой текст заголовка лежит в строчном span - transform к нему не применялся, уходящий текст стоял на месте
и двойник въезжал поверх него */
html body .pf-do-title.pf-swap>*,html body .pf-exp-title.pf-swap>*{display:inline-block !important}
html body .pf-cd-plate:has(>.pf-do-shot){background:rgba(255,255,255,.55) !important;
-webkit-backdrop-filter:blur(18px) !important;backdrop-filter:blur(18px) !important;
border-color:transparent !important}
html body .pf-do-text.pf-do-text{color:#16161d !important;background:rgba(255,255,255,.62) !important;
-webkit-backdrop-filter:blur(6px) saturate(110%) !important;backdrop-filter:blur(6px) saturate(110%) !important;
border-radius:14px !important}
html body .pf-do-text.pf-do-text *{color:#16161d !important}
html body .pf-cd-plate.pf-cd-plate:has(>.pf-do-shot),
html body .pf-cd-plate.pf-cd-plate.pf-cd-on:has(>.pf-do-shot),
html body .pf-cd-plate.pf-exp-card.pf-exp-card,
html body .pf-cd-plate.pf-exp-card.pf-exp-card.pf-cd-on{
background:
linear-gradient(rgba(255,255,255,.25),rgba(255,255,255,.25)),
radial-gradient(58% 64% at 16% 24%,rgba(217,221,225,1) 0%,rgba(217,221,225,.36) 48%,rgba(217,221,225,0) 76%),
radial-gradient(64% 52% at 76% 10%,rgba(217,221,225,.81) 0%,rgba(217,221,225,0) 70%),
radial-gradient(70% 62% at 48% 92%,rgba(217,221,225,.76) 0%,rgba(217,221,225,0) 74%),
radial-gradient(38% 46% at 97% 72%,rgba(217,221,225,.62) 0%,rgba(217,221,225,0) 72%),
#fff !important;
background-size:100% 100%,378.38% 291.41%,378.38% 291.41%,378.38% 291.41%,378.38% 291.41% !important;
background-position:0 0,87.64% 74.87%,87.64% 74.87%,87.64% 74.87%,87.64% 74.87% !important;
background-repeat:no-repeat !important;
-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
/* 16.09.2026 13:15 владелец: кнопка «Подробнее о каждом направлении» упала - от нижнего ряда карточек до неё
101 px экрана (1440), а эталон «Возьмёмся и за один этап» - 31.6 px (32 px макета). Поднимаем на 70:
поле сборки 32px -> -38px */
html body .pf-do-cta.pf-do-cta{margin-top:-38px !important}
/* 16.09.2026 13:35 владелец: кружку со стрелкой в карточках - подсвечивающий контур акцентным бирюзовым, как галочка.
Внутренней тенью, чтобы кружок не менял размер; под курсором он заливается тем же цветом */
/* 13:58 владелец: контур приглушить в половину - бирюзовый .5 */
html body .pf-cd-plate>.pf-do-go.pf-do-go,html body .pf-cd-plate>.pf-exp-go.pf-exp-go{box-shadow:inset 0 0 0 1.5px rgba(6,178,175,.5) !important}
/* 16.09.2026 ~22:00 владелец: в «Покажем опыт» окантовку кружка со стрелкой - прозрачнее наполовину (.5 -> .25);
в «Что мы делаем» остаётся .5 */
html body .pf-cd-plate>.pf-exp-go.pf-exp-go.pf-exp-go{box-shadow:inset 0 0 0 1.5px rgba(6,178,175,.25) !important}
/* 16.09.2026 14:40 владелец: карточки «Покажем опыт вашей отрасли» - в формат «Что мы делаем»: серая подложка
(правило выше), кружок с приглушённым контуром (выше), заголовок и его перемотка (правила .pf-swap выше, скрипт
doSwap), кадр - целиком в карточке, в цвете и без наезда. Кадры - свои копии industries-card (фон прозрачный,
сцена вписана в 92% x 86% карточки, бирюза к #06b2af -28%), страница «Отрасли» и телефон берут прежние файлы */
/* 15:05 владелец: кадр до наведения чёрно-белый, под курсором цветной; карточка и кадр не растут, тени нет */
html body .pf-exp-card>.pf-exp-shot.pf-exp-shot{left:0 !important;top:0 !important;width:100% !important;
height:100% !important;object-fit:contain !important;border-radius:0 !important;filter:grayscale(1) !important;
transform:none !important;transition:filter .35s cubic-bezier(0,0,.5,1) !important}
html body .pf-cd-plate.pf-exp-card.pf-cd-on>.pf-exp-shot.pf-exp-shot{filter:none !important;transform:none !important}
/* заголовок - как .pf-do-title: бирюзовый текст без плашки, под курсором светлая плашка и +4% от левого края.
Сдвиг заголовка к верху карточки стоит в style.transform (expCards сборки), поэтому рост - свойством scale */
html body .pf-exp-title.pf-exp-title{color:#06b2af !important;background:0 0 !important;
-webkit-backdrop-filter:none !important;backdrop-filter:none !important;
font-weight:600 !important;line-height:1.25 !important;letter-spacing:-.78px !important;z-index:4 !important;
transform-origin:0 50% !important;
transition:background-color .18s linear,transform .18s cubic-bezier(0,0,.5,1) !important}
html body .pf-exp-title.pf-exp-title.pf-cd-on{background:#e4f7f6 !important}
/* рост - одним transform «сдвиг, потом +4%»: свойство scale применяется раньше transform и растягивало сам сдвиг
(-108px -> -112px, заголовок уезжал вверх на 5px). Сдвиг сборки копирует в --pf-exp-tf скрипт ниже */
html body .pf-exp-title.pf-exp-title[data-pf-tf].pf-cd-on{transform:var(--pf-exp-tf) scale(1.04) !important}
@media (min-width:901px){
/* 15:05 владелец: последняя «Карточка компании» - слева, а не посередине */
:is(.internal-page--about,.internal-page--media) #docs .ip-grid--4{display:flex !important;flex-wrap:wrap;justify-content:flex-start;gap:20px}
:is(.internal-page--about,.internal-page--media) #docs .ip-license{flex:0 1 calc((100% - 20px)/2);max-width:calc((100% - 20px)/2);
display:grid !important;grid-template-columns:1fr 200px;align-items:center;column-gap:24px;
min-height:0 !important;padding:26px 28px !important}
:is(.internal-page--about,.internal-page--media) #docs .ip-license h3{grid-column:1;margin:0 0 10px !important}
:is(.internal-page--about,.internal-page--media) #docs .ip-license>p{grid-column:1;margin:0 !important}
:is(.internal-page--about,.internal-page--media) #docs .ip-license .pf-lic-row{grid-column:2;grid-row:1 / span 4;
margin:0 !important;justify-content:flex-end}
:is(.internal-page--about,.internal-page--media) #docs .ip-license .pf-lic-thumb{width:100% !important}
}
:is(.internal-page--about,.internal-page--media) #docs .pf-lic-item{position:relative}
.pf-lic-zoom-b{position:absolute;right:8px;bottom:8px;width:36px;height:36px;border-radius:50%;
background:#06b2af;color:#fff;display:grid;place-items:center;border:0;padding:0;cursor:pointer;z-index:3;
box-shadow:0 2px 8px rgba(22,22,29,.18);transition:background-color .18s linear,color .18s linear}
.pf-lic-zoom-b:hover{background:#e4f7f6;color:#06b2af}
/* 17:35 владелец: до наведения кнопка была прозрачной (стили кнопок раздела перебивали фон) - в покое как под курсором */
html body :is(.internal-page--about,.internal-page--media) #docs .pf-lic-zoom-b,
html body :is(.internal-page--about,.internal-page--media) #docs .pf-lic-zoom-b:hover{background:#e4f7f6 !important;color:#06b2af !important}
.pf-lic-zoom-b svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;
stroke-linecap:round;stroke-linejoin:round}
/* 16.09.2026 ~21:30 владелец, «Допуски, лицензии, сертификаты»: под курсором квадратик - акцентный бирюзовый, стрелки
белые и расходятся в противоположные углы: верхняя - вправо вверх, нижняя - влево вниз. Сдвиг 3 из 24 единиц
значка (2,25px на 18px); overflow:visible - чтобы скругления стрелок у края не обрезались. Реагирует наведение на сам
квадратик. Наведение - только на устройствах с мышью (после касания на телефоне квадратик не остаётся бирюзовым),
клавиатурный фокус - везде */
@media (hover:hover){
html body :is(.internal-page--about,.internal-page--media) #docs .pf-lic-item .pf-lic-zoom-b:hover{background:#06b2af !important;color:#fff !important}
.pf-lic-zoom-b:hover .pf-zoom-ne{transform:translate(3px,-3px)}
.pf-lic-zoom-b:hover .pf-zoom-sw{transform:translate(-3px,3px)}
}
html body :is(.internal-page--about,.internal-page--media) #docs .pf-lic-item .pf-lic-zoom-b:focus-visible{background:#06b2af !important;color:#fff !important}
.pf-lic-zoom-b:focus-visible .pf-zoom-ne{transform:translate(3px,-3px)}
.pf-lic-zoom-b:focus-visible .pf-zoom-sw{transform:translate(-3px,3px)}
.pf-lic-zoom-b svg{overflow:visible}
.pf-lic-zoom-b svg g{transition:transform .22s cubic-bezier(0,0,.5,1)}
@media (prefers-reduced-motion:reduce){.pf-lic-zoom-b svg g{transition:none}}
html body .internal-page--services .ids2-lifecycle-card,
html body .internal-page--services .ids2-lifecycle-card:hover,
html body .internal-page--industries .ids2-icon-card,
html body .internal-page--industries .ids2-icon-card:hover{transform:none !important;box-shadow:none !important}
html body .internal-page--services .pf-svc-shot img{filter:grayscale(1);transition:filter .35s cubic-bezier(0,0,.5,1)}
html body .internal-page--services .ids2-lifecycle-card:hover .pf-svc-shot img{filter:none}
html body .pf-lic-card .pf-lic-ico{width:76px !important;height:76px !important}
html body .pf-lic-card .pf-lic-ico svg{width:40px !important;height:40px !important}
html body .pf-lic-card .pf-lic-go{right:20px !important;bottom:20px !important;top:auto !important}
html body .pf-lic-card .pf-lic-go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;
stroke-linecap:round;stroke-linejoin:round}
button.pf-lic-go.pf-lic-go{border:0;padding:0;cursor:pointer;font:inherit;border-radius:13px !important} /* у кнопок сайта общее скругление 10px */
/* 16.09.2026 ~22:10 владелец: кнопка «развернуть» в карточках «Допуски и лицензии» на главной - как квадратик на
«Компании»: скруглённый квадрат (там 36px и скругление 10px, здесь 48px - скругление 13px в той же пропорции),
в покое светлая бирюза #e4f7f6 и бирюзовые стрелки, при наведении на карточку - акцентная бирюза #06b2af, стрелки
белые (цвета уже стояли так) и расходятся в свои углы на 3 из 24 единиц значка. Размер 48px не менялся */
.pf-lic-go svg{overflow:visible}
.pf-lic-go svg g{transition:transform .22s cubic-bezier(0,0,.5,1)}
@media (hover:hover){
.pf-lic-card:hover .pf-lic-go .pf-zoom-ne{transform:translate(3px,-3px)}
.pf-lic-card:hover .pf-lic-go .pf-zoom-sw{transform:translate(-3px,3px)}
}
.pf-lic-go:focus-visible .pf-zoom-ne{transform:translate(3px,-3px)}
.pf-lic-go:focus-visible .pf-zoom-sw{transform:translate(-3px,3px)}
@media (prefers-reduced-motion:reduce){.pf-lic-go svg g{transition:none}}
@media (min-width:768px) and (max-width:1183px){
html body .ip-header .ip-header__phone{font-size:0 !important;color:transparent !important;width:40px !important;
height:40px !important;min-width:40px;padding:0 !important;border-radius:50% !important;overflow:hidden;
display:inline-block !important;flex:none;background:#e4f7f6 no-repeat center / 20px 20px !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306b2af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2'/%3E%3C/svg%3E") !important}
}
html body .ids2-breadcrumbs{position:relative;z-index:3}
html body .internal-page--technologies .ip-grid--3{pointer-events:none}
html body .internal-page--technologies .ip-grid--3>*{pointer-events:auto}
@media (min-width:768px) and (max-width:1100px){
html body .pf-deck-btn.pf-deck-btn--prev{left:12px !important;right:auto !important}
html body .pf-deck-btn.pf-deck-btn--next{right:12px !important;left:auto !important}
}
@media (min-width:768px){ html body .internal-page--about .ip-metrics strong{white-space:nowrap} }
@media (min-width:768px) and (max-width:1180px){ html body .internal-page--about .ip-metrics strong{font-size:30px !important} }
/* 19:40 владелец: карточки «Цифры» на «Компании» под курсором подрастают - как плашки под шапкой главной (6%) */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
html body .internal-page--about .ip-metrics article{transition:transform .3s cubic-bezier(0,0,.5,1)}
html body .internal-page--about .ip-metrics article:hover{transform:scale3d(1.06,1.06,1.06)}
}
html body .internal-page--services .ids2-lifecycle-card{grid-column:1 / -1 !important}
html body .pf-exp-card,html body .pf-exp-title{cursor:pointer}
.mobile-why-card h3{white-space:pre-line}
.pf-lic-dot,.pf-lic-zoom{display:none !important}
.pf-lic-card .pf-lic-go{position:absolute;top:20px;right:20px;z-index:4}
.pf-lic-card:hover .pf-lic-go,.pf-lic-go:focus-visible{background:#06b2af !important;color:#fff !important}
.pf-lic-card:hover .pf-lic-go .pf-arw::after{transform:translate(2px,-50%) rotate(45deg)}
.pf-lic-card:hover .pf-lic-go .pf-arw::before{width:11px;opacity:1}
.pf-lic-go .pf-arw{margin:0}
.mobile-license-card{position:relative}
.mobile-license-card .pf-lic-go-m{position:absolute;top:16px;right:16px}
.pf-lic-card .pf-lic-go{top:auto !important;bottom:20px !important}
.mobile-license-card{padding-bottom:80px !important}
.mobile-license-card .pf-lic-go-m{top:auto !important;bottom:16px !important}
:is(.internal-page--about,.internal-page--media) #docs .ip-license .ip-glyph{display:none !important}
/* раскладка карточек документов задаётся ниже: с 16.09 они горизонтальные, по две в ряд */
.figma-canvas [data-node-id="260:15"]{top:6289px !important}
.figma-canvas [data-node-id="260:26"]{top:6289px !important}
.figma-canvas [data-node-id="260:34"]{top:6449px !important}
.figma-canvas [data-node-id="260:23"]{top:6449px !important}
.figma-canvas [data-node-id="260:32"]{top:6565px !important}
.figma-canvas [data-node-id="260:35"]{top:6625px !important}
.figma-canvas [data-node-id="260:36"]{top:6625px !important}
.figma-canvas [data-node-id="260:22"]{width:100px !important}
.figma-canvas [data-node-id="260:32"]{width:170px !important}
.figma-canvas [data-node-id="245:38"],.figma-canvas [data-node-id="245:39"],.figma-canvas [data-node-id="245:40"],.figma-canvas [data-node-id="245:50"],.figma-canvas [data-node-id="245:51"],.figma-canvas [data-node-id="245:52"],.figma-canvas [data-node-id="246:101"],.figma-canvas [data-node-id="246:102"],.figma-canvas [data-node-id="246:103"],.figma-canvas [data-node-id="246:104"],.figma-canvas [data-node-id="246:105"],.figma-canvas [data-node-id="260:21"],.figma-canvas [data-node-id="260:37"],.figma-canvas [data-node-id="260:24"],.figma-canvas [data-node-id="260:38"],.figma-canvas [data-node-id="260:27"],.figma-canvas [data-node-id="260:39"]{pointer-events:none !important}
.internal-page--tasks .ip-section-conclusion{white-space:pre-line}
html body .pf-why-card.pf-why-card{outline:1px solid rgba(22,22,29,.05);outline-offset:-1px;
transition:background-color .3s cubic-bezier(0,0,.5,1),outline-color .3s cubic-bezier(0,0,.5,1)}
html body .pf-why-card.pf-why-card.pf-why-hot{outline-color:rgba(22,22,29,0)}
/* до наведения - тот же значок, что в кружке, светло-серым контуром без кружка и заливки; под курсором его сменяет
кружок со значком (.pf-why-on). Значок-двойник стоит в тех же координатах, что и кружок (стиль копирует скрипт) */
.pf-why-ghost{position:absolute;display:grid;place-items:center;pointer-events:none;background:0 0;
transition:opacity .28s cubic-bezier(0,0,.5,1)}
.pf-why-ghost svg{fill:none !important;stroke:#c3c7cc !important;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pf-why-ico.pf-why-on+.pf-why-ghost{opacity:0}
@media (prefers-reduced-motion:reduce){.pf-why-ghost{transition:none}}
html body .pf-adv-card.pf-cd-on,html body .pf-adv-card.pf-cd-on.pf-adv-on{box-shadow:none !important}
.pf-wswap{position:relative;display:inline-block;overflow:hidden;vertical-align:top;white-space:nowrap;
padding-bottom:.14em;margin-bottom:-.14em}
.pf-wswap>span{display:inline-block;transition:transform .34s cubic-bezier(.4,0,.2,1)}
.pf-wswap::after{content:attr(data-pf-swap);position:absolute;left:0;top:0;white-space:nowrap;color:#06b2af;
pointer-events:none;transform:translateX(var(--pf-swap-dx,102%));transition:transform .34s cubic-bezier(.4,0,.2,1)}
.pf-wswap.pf-ws-on>span{transform:translateX(calc(-1 * var(--pf-swap-dx,102%)))}
.pf-wswap.pf-ws-on::after{transform:translateX(0)}
@media (hover:none),(prefers-reduced-motion:reduce){.pf-wswap::after{display:none}.pf-wswap.pf-ws-on>span{transform:none}}
/* подвал внутренних страниц: у ссылки-логотипа «На главную» под курсором появлялась стрелка «→» - правило сборки
.ids2-footer a::after (у нижней строки подвала его уже сняли, у логотипа - нет) */
html body .ids2-footer .pf-foot2__brand>a::after{content:none !important;display:none !important}
/* «Отрасли»: в карточках без технологий («Серверы и СХД», «Сетевое оборудование»...) и их подписей */
html body .internal-page--industries .pf-ind-tech{display:none !important}
/* «Компания» → «Допуски, лицензии, сертификаты»: карточка под курсором без тени и без увеличения */
html body :is(.internal-page--about,.internal-page--media) #docs .ip-license,
html body :is(.internal-page--about,.internal-page--media) #docs .ip-license:hover{transform:none !important;box-shadow:none !important}
/* меню: пункт текущей страницы (обычная шапка .ip-nav и липкая) под курсором не перематывается, без плашки и без руки -
он не ссылка. pointer-events:none снимает и наведение, и щелчок; остальные пункты работают как раньше */
html body a.pf-swap.is-active,html body a.pf-swap[aria-current="page"]{pointer-events:none !important;cursor:default !important}
html body a.pf-swap.is-active::after,html body a.pf-swap[aria-current="page"]::after{display:none !important}
.pf-step-card::before{transition:background-color .3s cubic-bezier(0,0,.5,1),border-color .3s cubic-bezier(0,0,.5,1)}
html body .pf-step-card.pf-step-sel::before{background:rgba(6,178,175,.1) !important;border-color:transparent !important}
html body .projects-showcase__grid .project-card__media img{position:absolute !important;inset:0 !important;
left:0 !important;top:0 !important;width:100% !important;height:100% !important;padding:0 !important;margin:0 !important;
object-fit:cover !important;object-position:center !important;transform:none !important;translate:none !important}
html body .projects-showcase__grid .project-card,
html body .projects-showcase__grid .project-card__media{background:#fff !important}
html body #pf-bar nav a.pf-swap:not(.is-active):not([aria-current="page"]):hover{background:#e4f7f6 !important}
html body a.pf-swap.pf-support-link::after{font-weight:inherit !important}
.mobile-stats>div:nth-child(4) dt{color:#894e99 !important}
html body .ip-license.ip-license:hover{border-color:rgba(6,178,175,.4) !important}
html body .pf-cd-plate>.pf-do-go.pf-do-go.pf-do-go{box-shadow:inset 0 0 0 1.5px rgba(6,178,175,.25) !important}
html body .internal-page--media #docs .pf-lic-thumb img{box-shadow:0 0 0 1px rgba(22,22,29,.12);border-radius:inherit}
html body .internal-page--about .pf-lead__head>.pf-lead__title:not(.pf-ct-title),
html body .internal-page--about .pf-lead__head>.pf-lead__sub,
html body .internal-page--about .pf-lead__form,
html body .internal-page--about .pf-lead__side>:not(.pf-lead__map){display:none !important}
html body .internal-page--about .pf-ct{margin-top:40px}
html body .internal-page--about .pf-ct .pf-lead__h--office{margin-top:40px}
html body .internal-page--about .pf-ct .pf-lead__addr{margin:10px 0 0}
html body .internal-page--about .pf-ct .pf-lead__addr.pf-ct-office{margin-top:25px}
/* ~12:55 владелец: «расстояние между строчками чуть больше во всём блоке, а то текст сливается» - 1.2/1.3 -> 1.5 */
html body .internal-page--about .pf-ct .pf-lead__line,
html body .internal-page--about .pf-ct .pf-lead__addr{line-height:1.5 !important}
html body .internal-page--about .pf-ct .pf-lead__addr.pf-ct-org{margin-top:40px}
html body .internal-page--about .pf-ct .pf-ct-org+.pf-lead__addr{margin-top:0}
@media (min-width:901px){
html body .internal-page--about .pf-lead__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
grid-template-areas:"head side" !important;grid-template-rows:auto !important;align-items:stretch !important}
html body .internal-page--about .pf-lead__side{display:flex !important;flex-direction:column}
html body .internal-page--about .pf-lead__side>.pf-lead__map{flex:1 1 auto;height:auto !important;min-height:480px;margin:0 !important}
}
@media (max-width:900px){
html body .internal-page--about .pf-lead__side>.pf-lead__map{margin-top:0 !important;height:360px !important}
}
@media (min-width:1184px){
html body .ip-header a.ip-header__phone{flex-direction:column !important;align-items:center !important;justify-content:center !important}
html body .ip-header a.ip-header__phone::after{content:"+7 (495) 988-95-56";display:block;height:0;overflow:hidden;
visibility:hidden;pointer-events:none;font-weight:700;white-space:nowrap}
}
html body .internal-page--services .ids2-lifecycle-card{position:relative}
.figma-canvas [data-node-id="245:35"]{top:4292px !important;height:300px !important}
.figma-canvas [data-node-id="245:41"]{top:4434px !important}
.figma-canvas [data-node-id="245:42"]{top:4510px !important;width:367px !important}
.figma-canvas [data-node-id="245:36"]{top:4292px !important;height:300px !important}
.figma-canvas [data-node-id="245:43"]{top:4413px !important}
.figma-canvas [data-node-id="245:44"]{top:4489px !important;width:367px !important}
.figma-canvas [data-node-id="245:37"]{top:4292px !important;height:300px !important}
.figma-canvas [data-node-id="245:45"]{top:4413px !important}
.figma-canvas [data-node-id="245:46"]{top:4489px !important;width:367px !important}
.figma-canvas [data-node-id="245:47"]{top:4612px !important;height:300px !important}
.figma-canvas [data-node-id="245:53"]{top:4754px !important}
.figma-canvas [data-node-id="245:56"]{top:4830px !important;width:367px !important}
.figma-canvas [data-node-id="245:48"]{top:4612px !important;height:300px !important}
.figma-canvas [data-node-id="245:54"]{top:4754px !important}
.figma-canvas [data-node-id="245:57"]{top:4830px !important;width:367px !important}
.figma-canvas [data-node-id="245:49"]{top:4612px !important;height:300px !important}
.figma-canvas [data-node-id="245:55"]{top:4754px !important}
.figma-canvas [data-node-id="245:58"]{top:4830px !important;width:367px !important}
html body .pf-exp-card>.pf-exp-shot.pf-exp-shot.pf-exp-shot{transform-origin:50% 50% !important;
transition:filter .35s cubic-bezier(0,0,.5,1),transform .35s cubic-bezier(0,0,.5,1) !important}
html body .pf-cd-plate.pf-exp-card.pf-cd-on>.pf-exp-shot.pf-exp-shot.pf-exp-shot{transform:scale(1.06) !important}
@media (prefers-reduced-motion:reduce){
html body .pf-cd-plate.pf-exp-card.pf-cd-on>.pf-exp-shot.pf-exp-shot.pf-exp-shot{transform:none !important}
}
html body .stack-switcher__logo-slot:not(:hover) .official-company-logo[src*="veeam.svg"]{filter:grayscale(1) brightness(.75) contrast(2.35) !important}
html body .stack-switcher__logo-slot:not(:hover) .official-company-logo[src*="logos-complete/f5.svg"]{filter:grayscale(1) brightness(2.06) contrast(1.2) !important}
.figma-canvas img[data-pf-ctr-art="workplace"]{position:absolute;left:256px;top:4308px;width:225px;height:159px;object-fit:contain;object-position:right top;pointer-events:none;z-index:2}
.figma-canvas img[data-pf-ctr-art="network"]{position:absolute;left:661px;top:4308px;width:246px;height:159px;object-fit:contain;object-position:right top;pointer-events:none;z-index:2}
.figma-canvas img[data-pf-ctr-art="datacenter"]{position:absolute;left:1122px;top:4308px;width:212px;height:159px;object-fit:contain;object-position:right top;pointer-events:none;z-index:2}
.figma-canvas img[data-pf-ctr-art="compute"]{position:absolute;left:253px;top:4628px;width:228px;height:159px;object-fit:contain;object-position:right top;pointer-events:none;z-index:2}
.figma-canvas img[data-pf-ctr-art="security"]{position:absolute;left:682px;top:4628px;width:225px;height:159px;object-fit:contain;object-position:right top;pointer-events:none;z-index:2}
.figma-canvas img[data-pf-ctr-art="ops"]{position:absolute;left:1101px;top:4628px;width:233px;height:159px;object-fit:contain;object-position:right top;pointer-events:none;z-index:2}
html body .figma-canvas [data-node-id="260:31"]{width:100px !important}
html body .figma-canvas [data-node-id="260:22"]{width:170px !important}
html body .figma-canvas [data-node-id="260:32"]{width:262px !important}
html body .figma-canvas [data-node-id="260:33"]{width:207px !important}
html body .figma-canvas [data-node-id="260:34"]{width:347px !important}
html body .figma-canvas [data-node-id="260:23"]{width:347px !important}
html body .figma-canvas [data-node-id="260:35"]{width:240px !important}
html body .figma-canvas [data-node-id="260:36"]{width:280px !important}
html body .figma-canvas [data-node-id="260:29"],html body .figma-canvas [data-node-id="260:30"]{height:156px !important}
@media (max-width:767px){
/* ---- первый экран: строка этапов и кнопка паузы - как на десктопе (15.09-16.09) ---- */
html body .p2h-m .p2h-steps{box-shadow:none;gap:4px;margin-left:-10px;min-width:calc(100% + 10px);max-width:calc(100% + 10px)}
html body .p2h-m .p2h-step{position:relative;overflow:hidden;padding:6px 10px;border-radius:8px;color:#06b2af;font-weight:400;
transition:background-color .2s ease}
html body .p2h-m .p2h-step:hover,html body .p2h-m .p2h-step.is-on{color:#06b2af;background:none}
html body .p2h-m .p2h-step::before{content:attr(data-t);display:block;height:0;overflow:hidden;visibility:hidden;font-weight:700}
html body .p2h-m .p2h-step-t{display:inline-block;transition:transform .34s cubic-bezier(.4,0,.2,1)}
html body .p2h-m .p2h-step::after{content:attr(data-t);display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:auto;
padding:inherit;box-sizing:border-box;white-space:nowrap;text-align:left;font-weight:700;color:#06b2af;background:none;
border-radius:0;pointer-events:none;transform:translateX(100%);transition:transform .34s cubic-bezier(.4,0,.2,1)}
html body .p2h-m .p2h-step.is-on .p2h-step-t{transform:translateX(calc(-100% - 24px))}
html body .p2h-m .p2h-step.is-on::after{transform:translateX(0)}
html body .p2h-m .p2h-play,html body .p2h-m .p2h-play:hover{background:#e8eaed;color:#06b2af;border-radius:50% !important}
/* ---- кнопки, которых не было на телефоне ---- */
html body .mobile-home .pf-m-cta{margin-top:18px}
html body .mobile-home .mobile-button .pf-arw{margin-left:2px}
html body .mobile-home a.mobile-button.pf-m-btn-gray{background:#f2f2f4 !important;color:#5d5b65 !important;border-color:transparent !important;
font-weight:600}
/* ---- «Возьмёмся»: плашка с клиентами ---- */
html body .mobile-home .pf-m-trust-plate{margin-top:14px;padding:20px;border-radius:10px;background:#fafafa}
html body .mobile-home .pf-m-trust-plate>p{margin:0;font-size:17px;font-weight:500;line-height:1.35;letter-spacing:-.3px;color:#16161d}
html body .mobile-home .pf-m-trust-logos{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:18px}
html body .mobile-home .pf-m-logo{position:relative;display:block;height:19px;overflow:hidden}
html body .mobile-home .pf-m-logo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
html body .mobile-home .pf-m-logo--sber{width:122px}
html body .mobile-home .pf-m-logo--rtk{width:70px}
html body .mobile-home .pf-m-logo--rtk img{inset:auto;left:-7.41%;top:-24%;width:114.82%;height:148%}
html body .mobile-home .pf-m-logo--ozon{width:84px}
/* ---- «Что мы делаем»: изометрия, бирюзовый заголовок и кружок на кадре; в полосе экрана кадр цветной ---- */
html body .mobile-home .mobile-icon-grid{grid-template-columns:minmax(0,1fr) !important}
html body .mobile-home a.mobile-icon-card.pf-m-do{display:block !important;min-height:0 !important;padding:0 !important;
border:1px solid rgba(22,22,29,.08) !important;border-radius:10px !important;overflow:hidden;background:#fff !important;
color:inherit;text-decoration:none}
html body .mobile-home .pf-m-do__shot{position:relative;display:block;height:236px;
background:linear-gradient(160deg,#fefefe 30%,#f1f3f4 100%)}
html body .mobile-home .pf-m-do__shot img{position:absolute;inset:0;width:100%;height:100%;padding:44px 24px 8px;object-fit:contain;
filter:grayscale(1);transition:filter .35s cubic-bezier(0,0,.5,1),transform .3s cubic-bezier(0,0,.5,1)}
html body .mobile-home .pf-m-do__shot h3{position:absolute;left:12px;top:12px;margin:0;padding:6px 11px;border-radius:8px;
font-size:18px;font-weight:600;line-height:1.25;color:#06b2af;background:transparent;transition:background-color .18s linear}
html body .mobile-home .pf-m-do .pf-card-arw{right:14px;bottom:14px}
html body .mobile-home .pf-m-do>p{margin:0;padding:16px 18px 20px;font-size:16px;line-height:1.4;color:#16161d}
html body .mobile-home .pf-m-do.pf-m-hot .pf-m-do__shot img{filter:none;transform:scale(1.03)}
html body .mobile-home .pf-m-do.pf-m-hot .pf-m-do__shot h3{background:#e4f7f6}
/* ---- «Работаем со всем контуром»: сцена справа вверху, заголовок и текст снизу; в полосе экрана - подъём и засвет ---- */
html body .mobile-home .mobile-infrastructure-grid{grid-template-columns:minmax(0,1fr) !important}
html body .mobile-home .mobile-infrastructure-card{position:relative;min-height:0 !important;padding:150px 20px 20px !important;
border-radius:10px !important;background:linear-gradient(150deg,#fcfefe 25%,#eaf8f8 100%) !important;
transition:transform .3s cubic-bezier(0,0,.5,1),box-shadow .3s cubic-bezier(0,0,.5,1),background .3s linear}
html body .mobile-home .pf-m-ctr-art{position:absolute;right:14px;top:14px;width:auto;max-width:64%;height:126px;object-fit:contain;
object-position:right top;pointer-events:none}
html body .mobile-home .mobile-infrastructure-card h3{margin:0 !important;font-size:22px !important;font-weight:600 !important;
line-height:1.3 !important;color:#16161d}
html body .mobile-home .mobile-infrastructure-card p{margin:8px 0 0 !important;font-size:16px !important;line-height:1.35 !important;color:#16161d !important}
html body .mobile-home .mobile-infrastructure-card.pf-m-hot{transform:translateY(-4px);box-shadow:0 12px 30px rgba(6,178,175,.14);
background:linear-gradient(150deg,#fbfefe 20%,#d7f3f3 100%) !important}
/* ---- «Почему выбирают»: серая окантовка, значок-контур справа; в полосе экрана - белая карточка и бирюзовый кружок ---- */
html body .mobile-home .mobile-why-card{position:relative;border-radius:10px !important;outline:1px solid rgba(22,22,29,.05);outline-offset:-1px;
transition:background-color .3s cubic-bezier(0,0,.5,1),box-shadow .3s cubic-bezier(0,0,.5,1),outline-color .3s cubic-bezier(0,0,.5,1)}
html body .mobile-home .mobile-why-card h3{padding-right:52px;font-size:22px !important;font-weight:700 !important;line-height:1.1 !important}
html body .mobile-home .mobile-why-card p{color:#505050 !important;font-size:15px !important}
html body .mobile-home .pf-m-why-ico{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;display:grid;
place-items:center;background:transparent;color:#c3c7cc;transition:background-color .28s cubic-bezier(0,0,.5,1),color .28s cubic-bezier(0,0,.5,1)}
html body .mobile-home .pf-m-why-ico svg,html body .mobile-home .pf-m-lic-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;
stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body .mobile-home .mobile-why-card.pf-m-hot{background:#fff !important;box-shadow:0 10px 28px rgba(22,22,29,.08);outline-color:transparent}
html body .mobile-home .mobile-why-card.pf-m-hot .pf-m-why-ico{background:#06b2af;color:#fff}
/* ---- «Иногда советуем»: бирюзовая подложка, бирюзовый заголовок, без значков; слово перематывается ---- */
html body .mobile-home .mobile-advice-card{min-height:0 !important;padding:20px !important;border:0 !important;border-radius:10px !important;
background:rgba(6,178,175,.1) !important;box-shadow:none !important}
html body .mobile-home .mobile-advice-card h3{color:#06b2af !important;font-size:20px !important;font-weight:600 !important;line-height:1.3 !important}
html body .mobile-home .mobile-advice-card p{color:#16161d !important;font-size:15px !important}
/* ---- «Единый стек»: вкладки полными названиями переносятся, а не уходят за край; белые буквы Veeam и F5 ---- */
html body .mobile-home .mobile-stack__tabs{flex-wrap:wrap;overflow:visible;margin:0 0 22px;padding:2px 0 0}
html body .mobile-home .mobile-logo img[src*="veeam.svg"]{filter:grayscale(1) brightness(.75) contrast(2.35) !important}
html body .mobile-home .mobile-logo img[src*="logos-complete/f5.svg"]{filter:grayscale(1) brightness(2.06) contrast(1.2) !important}
/* ---- «Покажем опыт»: кадр целиком на светлой подложке, бирюзовое название без плашки; в полосе экрана - цвет и +6% ---- */
html body .mobile-home .mobile-industry-card.pf-m-ind{min-height:0 !important;aspect-ratio:300/248;padding:0 !important;border-radius:10px !important;
background:linear-gradient(160deg,#fefefe 30%,#f1f3f4 100%) !important}
html body .mobile-home .mobile-industry-card.pf-m-ind .pf-m-ind-shot{object-fit:contain !important;filter:grayscale(1);transform-origin:50% 50%;
transition:filter .35s cubic-bezier(0,0,.5,1),transform .35s cubic-bezier(0,0,.5,1)}
html body .mobile-home .mobile-industry-card.pf-m-ind>h3.pf-m-ind-title{left:6px !important;top:6px !important;padding:4px 7px !important;
border-radius:8px !important;background:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;
box-shadow:none !important;color:#06b2af !important;font-size:15px !important;font-weight:600 !important;line-height:1.25 !important;
transition:background-color .18s linear}
html body .mobile-home .mobile-industry-card.pf-m-ind>.pf-m-ind-go{width:40px !important;height:40px !important;right:8px !important;bottom:8px !important}
html body .mobile-home .mobile-industry-card.pf-m-ind.pf-m-hot .pf-m-ind-shot{filter:none;transform:scale(1.06)}
html body .mobile-home .mobile-industry-card.pf-m-ind.pf-m-hot>h3.pf-m-ind-title{background:#e4f7f6 !important}
/* ---- «Что мы уже сделали»: фото на всю ширину до верха, белые карточки, кружок справа внизу ---- */
html body .mobile-home .mobile-project-card{position:relative;border:0 !important;border-radius:20px !important;background:#fff !important;
box-shadow:2px 4px 12px rgba(0,0,0,.08);transition:box-shadow .3s cubic-bezier(0,0,.5,1)}
html body .mobile-home .mobile-project-card__visual{height:172px !important;padding:0 !important;background:none !important}
html body .mobile-home .mobile-project-card__visual img{width:100% !important;height:100% !important;padding:0 !important;object-fit:cover !important}
html body .mobile-home .mobile-project-card__content{padding:18px 20px 84px !important}
html body .mobile-home .mobile-project-card h3{font-size:20px !important;font-weight:600 !important;line-height:1.25 !important}
html body .mobile-home .mobile-project-card__content>p:not(.mobile-project-card__eyebrow){color:rgba(22,22,29,.72) !important;line-height:1.4 !important}
html body .mobile-home .mobile-project-card .pf-card-arw{right:20px;bottom:20px}
html body .mobile-home .mobile-project-card.pf-m-hot{box-shadow:2px 10px 28px rgba(0,0,0,.14)}
/* ---- «Допуски и лицензии»: одна колонка, значок в кружке справа вверху, квадрат «развернуть» справа внизу ---- */
html body .mobile-home .mobile-licenses__grid{grid-template-columns:minmax(0,1fr) !important}
html body .mobile-home .mobile-license-card{position:relative;min-height:0 !important;padding:22px 20px 80px !important;border:1px solid rgba(22,22,29,.1);
border-radius:10px !important;background:#fff !important;transition:box-shadow .3s cubic-bezier(0,0,.5,1)}
html body .mobile-home .mobile-license-card h3{padding-right:70px;min-height:56px;font-size:22px !important;font-weight:700 !important;line-height:1.2 !important;color:#16161d}
html body .mobile-home .mobile-license-card p{color:#16161d !important;font-size:16px !important;line-height:1.35 !important}
html body .mobile-home .pf-m-lic-ico{position:absolute;right:16px;top:16px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
background:#06b2af;color:#fff;transition:background-color .18s linear,color .18s linear}
html body .mobile-home .pf-m-lic-ico svg{width:28px;height:28px}
html body .mobile-home .mobile-license-card a.pf-lic-go-m.pf-m-sq{position:absolute;right:16px;bottom:16px;top:auto;width:44px;height:44px;
border-radius:12px;display:grid;place-items:center;background:#e4f7f6;color:#06b2af;transition:background-color .18s linear,color .18s linear}
html body .mobile-home .pf-m-sq svg{width:18px;height:18px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body .mobile-home .pf-m-sq svg g{transition:transform .22s cubic-bezier(0,0,.5,1)}
html body .mobile-home .mobile-license-card.pf-m-hot{box-shadow:0 10px 28px rgba(22,22,29,.1)}
html body .mobile-home .mobile-license-card.pf-m-hot .pf-m-lic-ico{background:#e4f7f6;color:#06b2af}
html body .mobile-home .mobile-license-card.pf-m-hot a.pf-lic-go-m.pf-m-sq{background:#06b2af;color:#fff}
html body .mobile-home .mobile-license-card.pf-m-hot .pf-zoom-ne{transform:translate(3px,-3px)}
html body .mobile-home .mobile-license-card.pf-m-hot .pf-zoom-sw{transform:translate(-3px,3px)}
/* ---- кружок со стрелкой в полосе экрана: заливка и ножка стрелки, как под курсором ---- */
html body .pf-m-hot .pf-card-arw{background:#06b2af !important;color:#fff !important}
html body .pf-m-hot .pf-card-arw .pf-arw::after,html body .pf-m-hot .pf-sit-case__c .pf-arw::after{transform:translate(2px,-50%) rotate(45deg)}
html body .pf-m-hot .pf-card-arw .pf-arw::before,html body .pf-m-hot .pf-sit-case__c .pf-arw::before{width:11px;opacity:1}
html body .pf-m-hot .pf-sit-case__c{background:#06b2af;border-color:#06b2af;color:#fff}
/* ---- перемотка слова (.pf-wswap): на сенсорных экранах общее правило её выключает - на телефоне включаем ---- */
html body .mobile-home .pf-wswap::after{display:block}
html body .mobile-home .pf-wswap.pf-ws-on>span{transform:translateX(calc(-1 * var(--pf-swap-dx,102%)))}
/* ---- подвал: колонки Решения / Компания / Клиентам ---- */
html body .mobile-footer nav{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:22px 14px !important;align-items:start}
html body .mobile-footer nav .pf-mf-col{display:grid;align-content:start}
html body .mobile-footer nav .pf-mf-col:first-child{grid-row:span 2}
html body .mobile-footer nav .pf-mf-h{margin:0 0 2px;font-size:14px;font-weight:600;line-height:1.3;color:#6f6f74}
/* ---- «Компания»: вместо формы - «Контактная информация», как на десктопе (блок .pf-ct строит скрипт слоя) ---- */
html body .internal-page--about .pf-lead>.pf-lead__surface{display:block !important}
html body .internal-page--about .pf-lead>.pf-lead-m{display:none !important}
/* ---- «Компания» и «Медиацентр», документы: превью крупнее, без пустого низа карточки ---- */
html body :is(.internal-page--about,.internal-page--media) #docs .ip-license{min-height:0 !important}
html body :is(.internal-page--about,.internal-page--media) #docs .pf-lic-row,
html body :is(.internal-page--about,.internal-page--media) #docs .pf-lic-item{width:100%}
html body :is(.internal-page--about,.internal-page--media) #docs .pf-lic-thumb{width:min(100%,260px)}
html body :is(.internal-page--about,.internal-page--media) #docs .pf-lic-thumb img{width:100% !important;height:auto !important;max-height:260px;
object-fit:contain;object-position:left top}
/* ---- ~20:40 после критика: графика, которая расходилась с десктопом ---- */
/* строка этапов первого экрана - вровень с текстом, без выступа влево (обрезалось крайнее слово) */
html body .p2h-m .p2h-steps{margin-left:0;min-width:100%;max-width:100%}
html body .p2h-m .p2h-steps li:first-child .p2h-step{padding-left:0}
/* плашки под первым экраном - светло-бирюзовые, в полосе экрана +6%, как под курсором */
html body .mobile-home .mobile-stats>div{background:#e6f7f7 !important;-webkit-backdrop-filter:none;backdrop-filter:none;
transition:transform .3s cubic-bezier(0,0,.5,1)}
/* 18.09 владелец: «карточки под хироблоком при скролле увеличиваются - на телефоне не должно быть, статичные» */
/* «Цифры» на «Компании» - так же */
html body .internal-page--about .ip-metrics article{transition:transform .3s cubic-bezier(0,0,.5,1)}
html body .internal-page--about .ip-metrics article.pf-m-hot{transform:scale3d(1.06,1.06,1.06)}
/* «Возьмёмся» - белые карточки с тонкой рамкой, без тени */
html body .mobile-home .mobile-mode-card{background:#fff !important;border:1px solid rgba(22,22,29,.1) !important;
box-shadow:none !important;border-radius:10px !important}
/* 18.09 владелец: «карточки Возьмёмся смещены влево, не на всю ширину». Десктопный shotFit() считает ширину слота
картинки по соседней плашке с рамкой; на телефоне слотом оказывается вся карточка, а соседи с рамкой - «плашкой»:
карточке ставилась ширина 265px и сдвиг -8px (.pf-shot-card). На телефоне - во всю колонку, без сдвига */
html body .mobile-home .mobile-mode-card.pf-shot-card{width:auto !important;max-width:none !important;margin:0 !important;
transform:none !important;border-radius:10px !important}
/* «Единый стек» - белые ячейки логотипов с рамкой; подпись - белая с бирюзовой рамкой, кружок светлый */
html body .mobile-home .mobile-stack__logos .mobile-logo{background:#fff !important;border:1px solid rgba(22,22,29,.1);border-radius:10px !important}
html body .mobile-home .mobile-stack__note{background:#fff !important;border:1px solid #06b2af !important;color:#06b2af !important}
html body .mobile-home .mobile-stack__note .mobile-glyph{background:#e4f7f6 !important;color:#06b2af !important}
/* ТЗ - серая плашка, строка «ТЗ не обязательно. Расскажите…» обычным шрифтом, как на десктопе */
html body .mobile-home .mobile-technical{margin:0 16px;padding:28px 20px !important;border-radius:10px;background:#fafafa !important}
html body .mobile-home .mobile-technical h2{font:500 22px/1.3 Manrope,Arial,sans-serif !important;text-transform:none !important;
letter-spacing:-.4px !important;color:#16161d}
html body .mobile-home .mobile-technical p:not(.mobile-eyebrow){margin-top:12px !important;font-size:16px !important;color:#16161d !important}
html body .mobile-home .mobile-technical>img{width:180px !important;height:180px !important;justify-self:center !important;
margin:0 auto !important;display:block} /* 18.09 владелец: шарик над кнопкой - посередине */
html body .mobile-home .mobile-technical>canvas.pf-orb{justify-self:center !important;margin:0 auto !important} /* шарик - анимация canvas, не img */
/* подпись отрасли и заказчика в карточке проекта - в одну строку даже у «Промышленность · Распределённое производство» */
html body .mobile-home .mobile-project-card__eyebrow{font-size:12px !important;padding:6px 10px !important;white-space:nowrap;max-width:100%;letter-spacing:-.2px !important}
/* «Путь к стабильности»: шаг в полосе экрана - бирюзовая подложка, как выбранная карточка на десктопе */
html body .mobile-home .mobile-path-step{border-radius:10px;transition:background-color .3s cubic-bezier(0,0,.5,1),opacity .24s}
html body .mobile-home .mobile-path-step[data-pf-hot]{background:rgba(6,178,175,.1)}
html body .mobile-home .mobile-path-step[data-pf-hot] h3{color:#06b2af}
/* ---- «Делаем»: в полосе экрана кадр карточки цветной, как под курсором ---- */
html body .internal-page--services .ids2-lifecycle-card.pf-m-hot .pf-svc-shot img{filter:none}
}
@media (max-width:900px){
/* «Делаем»: подпись «Кейсы» с кружком уходила за правый край карточки - поля как у текста карточки */
html body .internal-page--services .ids2-lifecycle-card>a.pf-svc-go{margin:4px 24px 24px !important}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){
html body .mobile-home .pf-wswap::after{display:none}
html body .mobile-home .pf-wswap.pf-ws-on>span{transform:none}
html body .mobile-home .mobile-infrastructure-card.pf-m-hot{transform:none}
html body .mobile-home .pf-m-hot img{transform:none !important}
}
html body .figma-canvas .why-profit-visual{width:840px !important;height:1001px !important;left:540px !important;top:-171px !important;
object-fit:contain !important;object-position:right center !important;opacity:1 !important;transform:scaleX(-1) !important}
@media (max-width:767px){
/* 18.09 владелец: «картинка в мобильной версии должна быть растянута по всему блоку и быть сзади фоном; пропали
засветы с левой стороны - должны быть побольше». Рисунок - на весь блок под карточками; засвет слева -
бирюзово-фиолетовый, как .why-profit-accent десктопа, но крупнее */
html body .mobile-home .mobile-why__art{top:0 !important;right:0 !important;left:0 !important;bottom:0 !important;
width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;
opacity:.6 !important;transform:scale(-1.2,1.2) !important;z-index:0 !important} /* 18.09 владелец: «увеличь зумом на 20%» (отражение сохранено) */
html body .mobile-home .mobile-why::before{content:"";position:absolute;z-index:1;pointer-events:none;left:-90px;top:12%;
width:230px;height:70%;border-radius:999px;background:linear-gradient(rgba(6,178,175,.58) 4%,rgba(137,78,153,.52) 96%);
filter:blur(56px);opacity:.55}
}
@media (max-width:767px){
/* ---- меню главной: при открытии сборка фиксирует body со сдвигом, и липкая шапка вместе с меню уезжала
за верхний край - страница «замирала» без видимого меню. На время открытого меню шапка фиксированная ---- */
html body .mobile-topbar:has(nav.mobile-navigation.is-open),
html.pf-m-menu body .mobile-topbar{position:fixed !important;top:0 !important;left:0;right:0;z-index:300}
html body .mobile-topbar:has(nav.mobile-navigation.is-open) nav.mobile-navigation,
html.pf-m-menu body nav.mobile-navigation.is-open{max-height:calc(100vh - 88px);overflow:auto}
/* ---- кнопка «Наверх» перекрывала правый край полей формы и кнопку «Отправить» ---- */
html.pf-m-form body #pf-top{opacity:0 !important;visibility:hidden !important;pointer-events:none !important}
/* поле с ошибкой больше не уезжает под липкую шапку */
html body .mobile-contact-form input,html body .mobile-contact-form textarea,
html body .pf-lead-m__form input,html body .pf-lead-m__form textarea,
html body .pf-lead__form input,html body .pf-lead__form textarea{scroll-margin-top:88px}
/* ---- «Путь к стабильности»: липкая карточка с фото закрывала заголовки шагов.
18.09 владелец: «перед карточкой Консультации пустой белый блок, сзади появляются картинки - убрать; иконок в
карточках нет на десктопе - убрать». Без липкости фото этапов теряли рамку и вставали за карточки шагов - карточка
с фото снята целиком (на десктопе её нет), значки шагов тоже ---- */
html body .mobile-home .mobile-path__visual{display:none !important}
html body .mobile-home .mobile-path__list{margin-top:0 !important}
html body .mobile-home .mobile-path-step__head{grid-template-columns:34px minmax(0,1fr) !important}
html body .mobile-home .mobile-path-step__head .mobile-glyph{display:none !important}
/* ---- плашка cookie на узких экранах закрывала обе кнопки первого экрана ---- */
html body #pf-cookie .pf-cookie__box{padding:12px 14px !important;font-size:13px !important;line-height:1.4 !important}
html body #pf-cookie p{margin:0 0 10px !important}
html body #pf-cookie a{display:inline-block;padding:6px 0}
html body #pf-cookie button{height:44px}
/* ---- карта перехватывала вертикальный свайп: поверх неё прозрачный слой, он снимается первым касанием ---- */
html body .pf-m-mapguard{position:absolute;inset:0;z-index:5;display:grid;align-items:end;justify-items:center;
padding-bottom:10px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body .pf-m-mapguard span{background:rgba(255,255,255,.92);color:#16161d;border-radius:999px;padding:7px 12px;
font:600 12px/1.2 Manrope,Arial,sans-serif;box-shadow:0 2px 10px rgba(22,22,29,.14)}
/* ---- цели нажатия меньше 44px ---- */
html body .p2h-m .p2h-step{padding-top:13px !important;padding-bottom:13px !important}
html body .p2h-m .p2h-play{width:44px !important;height:44px !important;margin-top:-22px !important}
html body .mobile-home .mobile-topbar__request{min-height:44px !important;font-size:13px !important}
html body .mobile-home a.pf-phone,html body .ip-header a.pf-phone{min-height:44px !important;flex:0 0 auto}
html body .mobile-home .mobile-menu-button,html body .ip-menu-button{flex:0 0 auto}
html body .mobile-footer__legal a[data-t]{display:inline-flex;align-items:center;min-height:40px;margin-right:6px}
html body a.pf-map-open,html body .pf-map-open{min-height:44px !important}
html body .pf-ind-tech__chip{min-height:36px;display:inline-flex;align-items:center}
html body button.pf-lic-zoom-b{width:44px !important;height:44px !important}
html body .pf-doc-modal__x{width:44px !important;height:44px !important;display:grid;place-items:center}
html body .ids2-sitemap a,html body .pf-404 a,html body .wrap li a{display:inline-block;padding:6px 0}
/* ---- контраст ---- */
/* телефон, почта, адрес и строка реквизитов светло-серые и на десктопе (решение владельца) - цвет не трогаем,
контраст 2,5 вынесен вопросом в отчёт */
/* мелкий бирюзовый текст - затемнённый фирменный #058e8c, как в мелком тексте десктопа */
html body .mobile-home .mobile-card-link,html body .mobile-home .mobile-stack__note,
html body .mobile-home .mobile-industry-card .pf-m-ind-title,html body .pf-sit-case__t{color:#058e8c !important}
/* ---- мелкий текст ---- */
html body .mobile-home .mobile-eyebrow{font-size:13px !important}
html body .mobile-home .mobile-brand small{font-size:11px !important}
/* ---- скачки вёрстки при загрузке: место под превью документов и кадр карточки «Делаем» ---- */
html body :is(.internal-page--about,.internal-page--media) #docs .pf-lic-thumb{min-height:120px}
html body .internal-page--services .pf-svc-shot{aspect-ratio:1/1}
/* ---- бургер на внутренних страницах - бирюзовый, как на главной ---- */
html body .ip-menu-button{background:#06b2af !important}
/* маркеры списков на правовых страницах уходили за край */
html body .wrap ul,html body .wrap ol{padding-left:22px}
}
@media (max-width:390px){
/* логотипы в плашке «Мы делали проекты» не помещались в строку на 360 и 375 */
html body .mobile-home .pf-m-trust-logos{gap:10px 12px}
html body .mobile-home .pf-m-logo{height:17px}
html body .mobile-home .pf-m-logo--sber{width:109px}
html body .mobile-home .pf-m-logo--rtk{width:63px}
html body .mobile-home .pf-m-logo--ozon{width:75px}
}
@media (max-width:340px){
/* на 320 логотипы не помещались даже уменьшенными */
html body .mobile-home .pf-m-trust-logos{gap:8px 10px}
html body .mobile-home .pf-m-logo{height:14px}
html body .mobile-home .pf-m-logo--sber{width:90px}
html body .mobile-home .pf-m-logo--rtk{width:52px}
html body .mobile-home .pf-m-logo--ozon{width:62px}
}
@media (max-width:360px){
/* на 320 шапка не помещалась: бургер сплющивался, кнопка ломалась на три строки */
html body .mobile-home .mobile-topbar__request,html body .ip-header__cta-mobile{padding:8px 10px !important;font-size:12px !important}
html body .mobile-home .mobile-menu-button{width:44px !important;height:44px !important}
html body .mobile-home .mobile-industry-card .pf-m-ind-title{font-size:14px !important}
html body .mobile-home .mobile-project-card__eyebrow{font-size:11px !important}
}
html body .figma-canvas .pf-adv-card{transition:transform .3s cubic-bezier(0,0,.5,1) !important}
html body .figma-canvas .pf-adv-card.pf-cd-on{transform:scale3d(1.03,1.03,1.03) !important}
html body .figma-canvas .pf-adv-txt{transition:transform .3s cubic-bezier(0,0,.5,1) !important}
html body .figma-canvas .pf-adv-txt.pf-adv-grow{transform:scale3d(1.03,1.03,1.03) !important}
@media (max-width:767px){
html body .mobile-home .mobile-advice-card{transition:transform .3s cubic-bezier(0,0,.5,1) !important}
html body .mobile-home .mobile-advice-card.pf-m-hot{transform:scale3d(1.03,1.03,1.03) !important}
}
@media (prefers-reduced-motion:reduce){
html body .figma-canvas .pf-adv-card.pf-cd-on,html body .figma-canvas .pf-adv-txt.pf-adv-grow,
html body .mobile-home .mobile-advice-card.pf-m-hot{transform:none !important}
}
@media (max-width:767px){
/* первый экран - до строки этапов: высота по содержимому, снизу обычное поле */
html body .mobile-home .mobile-hero{min-height:0 !important;padding-bottom:28px !important}
html body .mobile-home .pf-m-stats-wrap{background:#fff;padding:24px 16px 8px}
html body .mobile-home .pf-m-stats-wrap .mobile-stats{margin:0}
/* лента логотипов: два ряда навстречу, медленнее */
html body .mobile-home .pf-m-trust-row .mobile-trust__track{animation-duration:44s !important}
html body .mobile-home .pf-m-trust-row.is-rev{margin-top:12px}
html body .mobile-home .pf-m-trust-row.is-rev .mobile-trust__track{animation-direction:reverse !important}
}
html body .ip-menu-button{position:relative !important;display:grid !important;place-items:center !important;padding:0 !important}
html body .ip-menu-button>span{position:absolute !important;left:50% !important;top:50% !important;width:20px !important;height:2px !important;
margin:-1px 0 0 -10px !important;border-radius:2px !important;background:currentColor !important;transition:transform .18s !important}
html body .ip-menu-button>span:nth-child(1){transform:translateY(-4px) !important}
html body .ip-menu-button>span:nth-child(2){transform:translateY(4px) !important}
html body .ip-menu-button>span:nth-child(3){display:none !important}
html body .ip-menu-button[aria-expanded="true"]>span:nth-child(1){transform:rotate(45deg) !important}
html body .ip-menu-button[aria-expanded="true"]>span:nth-child(2){transform:rotate(-45deg) !important}
/* 19.09.2026 владелец: «на внутренних страницах справа появился гамбургер, его не должно быть - как изначально на стенде».
Правило 18.09 выше включало кнопку на любой ширине; изначально она только до 900 px (InternalPages: width<=900px) */
@media not all and (max-width:900px){html body .ip-menu-button{display:none !important}}
@media (max-width:767px){
html body .ids2-situations__mobile summary>span:first-child{display:none !important}
html body .ids2-situations__mobile summary{grid-template-columns:minmax(0,1fr) 24px !important}
html body .ids2-situations__mobile summary>i{background:#06b2af !important}
html body .internal-page .ids2-section-heading__action,html body .internal-page .pf-svc-cta,html body .internal-page .pf-case-cta{
display:block !important;width:100% !important;margin-left:0 !important;margin-right:0 !important}
/* только эти три: общее правило по .ip-section показывало скрытые кнопки «Запросить документ» на «Компании» */
html body .internal-page .ids2-section-heading__action>a,html body .internal-page .pf-svc-cta>a,html body .internal-page .pf-case-cta>a{
display:flex !important;width:100% !important;box-sizing:border-box !important;justify-content:center !important;text-align:center !important}
}
@media (max-width:767px){
html body .mobile-home .mobile-project-card__visual img{filter:grayscale(1);transition:filter .35s cubic-bezier(0,0,.5,1) !important}
html body .mobile-home .mobile-project-card.pf-m-hot .mobile-project-card__visual img{filter:none}
html body .mobile-home .pf-m-lic-ico{transition:background-color .18s linear,color .18s linear,transform .3s cubic-bezier(0,0,.5,1) !important}
html body .mobile-home .mobile-license-card.pf-m-hot .pf-m-lic-ico{transform:scale3d(1.15,1.15,1.15)}
html body .mobile-home .mobile-hero .mobile-actions{display:none !important}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){
html body .mobile-home .mobile-license-card.pf-m-hot .pf-m-lic-ico{transform:none}
}
@media (max-width:767px){
html body .p2h-m .p2h-steps{flex-wrap:wrap !important;overflow:visible !important;width:auto !important;min-width:0 !important;
max-width:100% !important;row-gap:0 !important;column-gap:0 !important}
html body .p2h-m .p2h-steps li{display:flex !important;align-items:center}
html body .p2h-m .p2h-steps li:not(:last-child)::after{content:"";flex:none;width:6px;height:6px;margin:0 8px 0 2px;
border-right:1.7px solid currentColor;border-top:1.7px solid currentColor;transform:rotate(45deg);color:#e1e3e6;
transition:color .3s ease}
html body .p2h-m .p2h-steps li:has(.p2h-step.is-on):not(:last-child)::after{color:#8a8d94}
html body .p2h-m .p2h-steps li .p2h-step{padding-left:0 !important;padding-right:0 !important}
}
@media (max-width:360px){
/* на узких телефонах три пункта в строку не помещались - строк выходило три */
html body .p2h-m .p2h-step{font-size:13px !important}
html body .p2h-m .p2h-steps li:not(:last-child)::after{margin:0 6px 0 1px}
}
@media (max-width:767px){
html body .mobile-home .mobile-hero h1,html body .mobile-home .mobile-section-heading h2{line-height:1.06 !important}
html body .mobile-home .mobile-path__list{gap:10px !important}
}
@media (max-width:767px){
html body .mobile-home .mobile-path-step{border:1px solid rgba(22,22,29,.1) !important;
transition:background-color .3s cubic-bezier(0,0,.5,1),border-color .3s cubic-bezier(0,0,.5,1),opacity .24s !important}
html body .mobile-home .mobile-path-step[data-pf-hot]{border-color:transparent !important}
}
@media (max-width:767px){
html body .mobile-home .mobile-path__list::before{top:var(--pf-l-top,28px) !important;bottom:var(--pf-l-bot,28px) !important}
html body .mobile-home .mobile-path__list::after{top:var(--pf-l-top,28px) !important;bottom:auto !important;
height:var(--pf-l-fill,0px) !important;max-height:none !important}
}
@media (max-width:767px){
html body .mobile-home .mobile-why__art{top:calc(50% + 40px) !important;bottom:auto !important;left:32% !important;right:auto !important;
width:auto !important;height:75% !important;max-width:none !important;object-fit:contain !important;
transform:translateY(-50%) scaleX(-1) !important}
}
@media (max-width:767px){
html body .mobile-home .mobile-why-card{background:rgba(255,255,255,.55) !important;
-webkit-backdrop-filter:blur(6px) !important;backdrop-filter:blur(6px) !important}
html body .mobile-home .mobile-why-card.pf-m-hot{background:rgba(255,255,255,.78) !important}
}
@media (min-width:768px){
/* 19.09.2026 владелец: засвет не выходит за левый и нижний край блока, бирюзовый начинается под заголовком,
фиолетовый - фирменный и заметный (раньше размазывался в серое). В px макета: блок 9102-9762, край 90,
заголовок до 9206; коробка засвета 9276-9720 (было 9142-9762), размытие 48 (было 72). clip-path режет
размытое свечение сверху по низу заголовка (-70), слева по краю блока (30), снизу по низу блока (-42) */
html body .figma-canvas .why-profit-accent{width:200px !important;height:448px !important;left:60px !important;top:6239px !important;
filter:blur(42px) !important;opacity:.8 !important;
/* фиолетовый: 19.09 вечером владелец - «уменьши в два раза и сдвинь вниз чуть-чуть». Было: переход с 34 %, сплошной
с 58 % (коробка 9276-9720, ~290 px фиолетового); стало: переход 62-74 %, сплошной с 74 % (коробка 9276-9724),
~170 px, середина ниже на ~35 px. Бирюзовый ослаблен до .7/.55 при общей .8 - по итогу как прежние .62×.9 */
background:linear-gradient(180deg,rgba(6,178,175,.7) 0%,rgba(6,178,175,.55) 48%,rgba(6,178,175,.3) 62%,rgba(137,78,153,1) 74%,rgba(137,78,153,1) 100%) !important;
clip-path:inset(-70px -400px -38px 30px) !important}
}