/* Лендинг СИГМАКОД. Подключается после assets/brand/tokens.css и components.css.
   Здесь только раскладка страниц: все цвета, кегли, отступы и движение — токены брендбука.
   Компоненты (.sc-*) не переопределяем; своё — без префикса. Проверка: python3 tools/check.py */

/* ── База ───────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(72px + var(--sc-space-4));-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;padding-top:72px;overflow-x:clip}
h1,h2,h3,h4,p,dl,dd,figure,blockquote{margin:0}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
[hidden]{display:none!important}
/* Переходы включаются после первой отрисовки (site.js ставит .is-ready): состояние шапки при загрузке не анимируется */
html:not(.is-ready) *,html:not(.is-ready) *::before,html:not(.is-ready) *::after{transition:none!important}
.symbols{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:fixed;left:var(--sc-space-4);top:calc(-1 * var(--sc-space-24));z-index:var(--sc-z-toast);padding:var(--sc-space-3) var(--sc-space-4);background:var(--sc-ink);color:var(--sc-text-inverse)}
.skip-link:focus{top:var(--sc-space-4)}
.stack{display:grid;gap:var(--sc-space-6);align-content:start}
.stack--s{gap:var(--sc-space-3)}
.stack--l{gap:var(--sc-space-10)}
.measure{max-width:var(--sc-layout-measure)}

/* ── Шапка: всегда на экране ───────────────────────────────
   Высота 72, логотип и меню не меняются. Над первым экраном фон прозрачный на любой ширине;
   при прокрутке или открытом мобильном меню появляется бумага и тонкая черта. */
.site-header{--fade:var(--sc-motion-duration-slow) var(--sc-motion-easing-standard);position:fixed;inset:0 0 auto;z-index:var(--sc-z-header);background-color:var(--sc-bg);border-bottom:var(--sc-border-width-hairline) solid transparent;transition:background-color var(--fade),border-color var(--fade)}
.site-header .sc-header{gap:var(--sc-space-6)}
.site-header.is-compact{border-bottom-color:var(--sc-border)}
.site-header.is-over-hero{background-color:transparent}
/* Над тёмной секцией (data-dark) шапка плавно темнеет: те же роли цвета, что в самой секции */
.site-header{color:var(--sc-text);transition:background-color var(--fade),border-color var(--fade),color var(--fade)}
.sc-header__logo{transition:color var(--fade)}
.site-header.is-dark,.section--dark{--sc-bg:var(--sc-color-neutral-ink);--sc-text:var(--sc-color-neutral-paper);--sc-text-secondary:var(--sc-color-neutral-300);--sc-text-tertiary:var(--sc-color-neutral-400);--sc-border:var(--sc-color-neutral-800);--sc-paper:var(--sc-color-neutral-ink)}
.site-header.is-dark .site-cta .sc-icon{color:var(--sc-color-brand-red)}
.sc-header__nav{margin-left:var(--sc-space-16)}
/* Кнопка в шапке — «облако» с созвона: полупрозрачная бумажная подложка, как у кнопки виджета, красная стрелка. Статичная, не мигает */
.site-cta{margin-left:auto;background-color:color-mix(in srgb,var(--sc-paper) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--sc-text)}
.site-cta:hover,.site-cta:active{background-color:var(--sc-highlight-soft)}
.site-cta .sc-icon{color:var(--sc-text-accent)}
@media(min-width:1100px){.site-cta{padding:0 var(--sc-space-5)}.site-cta .sc-icon{width:var(--sc-dimension-icon-l);height:var(--sc-dimension-icon-l)}}
/* На главной кнопка не дублирует кнопку первого экрана: пока видна хоть часть той, место в шапке пустое.
   Первая кнопка целиком ушла под шапку — эта проявляется и поднимается на 8 px, как каналы виджета; обратно — так же.
   Место зарезервировано: логотип и пункты не сдвигаются. Скрытая кнопка не ловит фокус и клики */
.site-cta{transition:background-color var(--sc-motion-duration-fast) ease-out,opacity var(--sc-motion-duration-slow) var(--sc-motion-easing-out),translate var(--sc-motion-duration-slow) var(--sc-motion-easing-out),visibility 0s}
.site-header.is-cta-away .site-cta{opacity:0;translate:0 8px;visibility:hidden;pointer-events:none;transition-delay:0s,0s,0s,var(--sc-motion-duration-slow)}
.site-menu{display:none;position:static}
.site-menu summary{display:flex;align-items:center;gap:var(--sc-space-2);min-height:var(--sc-dimension-control-s);cursor:pointer;list-style:none;font-size:var(--sc-size-s)}
.site-menu summary::-webkit-details-marker{display:none}
.site-menu nav{position:absolute;left:0;right:0;top:100%;display:grid;background:var(--sc-bg);border-bottom:var(--sc-border-width-hairline) solid var(--sc-border);padding:var(--sc-space-2) var(--sc-layout-margin) var(--sc-space-6)}
.site-menu nav a{display:flex;align-items:center;min-height:var(--sc-dimension-control-m);border-bottom:var(--sc-border-width-hairline) solid var(--sc-border);text-decoration:none;font-size:var(--sc-size-s)}
@media(max-width:1099px){.site-menu{display:block}}
/* Пять пунктов с логотипом и кнопкой помещаются в строку только с 1280 px — уже прячем их в «Меню» */
@media(min-width:1100px) and (max-width:1279px){.sc-header__nav{display:none}.site-menu{display:block}}
@media(max-width:479px){
  .site-header .sc-header{gap:var(--sc-space-4)}
  .site-cta{padding-inline:var(--sc-space-3)}
  .site-cta .sc-icon{display:none}
}
/* Уже 360 px кнопка не помещается рядом с логотипом и «Меню»: связь — кнопка первого экрана, виджет и «Контакты» в меню */
@media(max-width:359px){.site-cta{display:none}.site-menu{margin-left:auto}}

/* ── Секции ─────────────────────────────────────────────── */
/* Один заголовок на секцию, без метки над ним */
/* Шапка секции — один язык на всей странице: название кеглем 40, под ним фраза секции текстом 18, ссылка — справа по нижней линии */
.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--sc-space-4) var(--sc-space-6);margin-bottom:var(--sc-space-10)}
.section-head>*{grid-column:1}
.section-head__title{max-width:52ch}
.section-head__link{grid-column:2;grid-row:2;justify-self:end;min-height:0}
@media(max-width:699px){.section-head__link{grid-column:1;grid-row:auto;justify-self:start}}
.section-note{margin-top:var(--sc-space-8)}

/* ── Первый экран ───────────────────────────────────────────
   Сжатый заголовок XL может лежать на плоскостях; мелкий текст и кнопка — на одном цвете.
   Плоскости следуют за прокруткой, без самостоятельного движения. */
.hero{
  --M:max(var(--sc-layout-margin),(100cqw - var(--sc-layout-max-width)) / 2);
  container-type:inline-size;view-timeline:--sc-hero block;margin-top:-72px;min-height:max(100svh,640px);
}
.hero>.sc-geo__plane{z-index:0}
.hero__body{position:relative;z-index:1;min-height:inherit}
.hero__title span{display:block}
/* Мелкий текст и ссылка — тушью на красной плоскости: контраст 5,57 : 1. Подводка полужирная, чтобы не тонула в красном;
   белый на фирменном красном — 3,4 : 1, для 18 px мало. */
.hero__offer{display:grid;gap:var(--sc-space-6);align-content:start;color:var(--sc-text)}
.hero__offer .sc-body{font-weight:var(--sc-font-weight-semibold)}
/* Сжатие даёт −0,04em и слипание соседних букв — возвращаем обычный трекинг дисплея */
@media(min-width:569px){.hero__title{letter-spacing:var(--sc-typography-display-tracking)}}
/* Заголовок кеглем xl без сжатия шире телефона: пока он не сжат (до 569 px), он идёт кеглем l */
@media(max-width:568px){.hero__title{font-size:var(--sc-size-l)}}
.hero__offer :focus-visible{outline-color:var(--sc-ink)}
.hero__actions{display:grid;justify-items:start;gap:var(--sc-space-4)}
.hero__red-m{display:none}

@media(min-width:1100px){
  /* Мятная: крутой край проходит правее меню шапки, угол внизу; голубая — в правом верхнем углу */
  /* край проходит на высоте шапки посередине между концом меню (≈M+858) и началом кнопки (≈ширина − M − 228) */
  .hero__mint{--x:calc((100cqw + 630px) / 2 - 388px);--y:820px;--w:200%;--h:200%}
  .hero__blue{--x:calc(100cqw - 372px);--y:820px;--w:200%;--h:200%}
  /* Красная: левый угол внизу слева, верхний — справа, правый край уходит за экран */
  .hero__red{--x:27.8%;--y:82.8%;--w:72%;--h:100%}
  .hero__title{position:absolute;left:0;top:max(176px,calc(50% - 270px))}
  /* верх подписи — на 63% высоты, как в старом варианте, но не выше чем 32 px под пологим краем красной плоскости */
  .hero__offer{position:absolute;left:calc(71cqw - var(--M));top:max(63%,calc(82.8% - 0.51 * (71cqw - 27.8cqw) + var(--sc-space-8)));width:min(340px,26cqw)}
}
@media(min-width:1100px) and (max-height:800px){
  .hero__title{top:128px}
}
@media(min-width:1100px) and (max-height:690px){
  /* Узкие по высоте окна: подводка из четырёх строк и ссылка должны оставаться внутри hero. */
  .hero__offer{top:max(56%,calc(82.8% - 0.51 * (71cqw - 27.8cqw) + var(--sc-space-8)))}
}


@media(max-width:1099px){
  /* Телефон и планшет: заголовок сверху, подпись под ним на красной плоскости.
     Красная плоскость привязана к блоку подписи: её пологий край проходит над левым верхним углом блока
     и справа заходит под последние строки заголовка (заголовку 144 можно лежать на плоскостях) */
  .hero__red{display:none}
  .hero__red-m{display:block;--x:calc(-1 * var(--M) - 180px);--y:calc(0.51 * (var(--M) + 180px) - var(--sc-space-6));--w:calc((88cqw + 180px) / 0.891);--h:1600px}
  .hero__mint{--x:calc(var(--M) - 157px);--y:900px;--w:300%;--h:300%}
  .hero__blue{--x:calc(100cqw - 383px);--y:900px;--w:300%;--h:300%}
  .hero__body{display:flex;flex-direction:column;padding-block:88px var(--sc-space-6)}
  .hero__title{margin-top:var(--sc-space-4)}
  .hero__offer{position:relative;z-index:0;margin-top:var(--sc-space-12);padding-top:var(--sc-space-2)}
  .hero__offer .sc-body{max-width:34ch}
  .hero__title{position:relative;z-index:1}
}
/* Глубина: у каждой плоскости своя скорость. Голубая дальше всех и отстаёт сильнее, мятная — меньше,
   красная ближе всех и уходит вверх быстрее страницы. Наверху страницы все на своих местах */
@supports (animation-timeline:view()) and (animation-range:entry 0% cover 50%){
  @media(prefers-reduced-motion:no-preference){
    .hero .sc-geo__plane{animation:hero-plane-follow linear both;animation-timeline:--sc-hero;animation-range:exit-crossing 0% exit-crossing 100%}
    .hero__mint{--depth:var(--sc-space-16)}
    .hero__blue{--depth:var(--sc-space-32)}
    .hero__red,.hero__red-m{--depth:calc(-1 * var(--sc-space-20))}
  }
}
@keyframes hero-plane-follow{from{translate:0 0}to{translate:0 var(--depth,0px)}}


@keyframes cover-in{from{translate:0 clamp(28px,4vw,64px)}to{translate:0 0}}
/* Главная: обложка проекта всплывает на место целиком */
@supports (animation-timeline:view()) and (animation-range:entry 0% cover 50%){
  @media(prefers-reduced-motion:no-preference){
    .project{view-timeline:--project block}
    .project__cover{animation:cover-in linear both;animation-timeline:--project;animation-range:entry 0% entry 60%}
  }
}

/* ── Тёмная секция: фон — тушь, текст — бумага. Линейка сверху не нужна: край секции сам граница ── */
.section--dark{background:var(--sc-bg);color:var(--sc-text)}
.section--dark::before{display:none}
.section--dark+.sc-section::before{display:none}
/* ── Проекты: второе громкое место страницы ─────────────
   Два продукта, каждый крупно: обложка на половину ширины, рядом название, строка и две цифры.
   Обложки — в пропорции экрана (.sc-case__visual--fit) прямо на туши, экран целиком */
.section--dark .sc-case__visual{background:none}
.projects{display:grid;gap:var(--sc-space-16)}
.project{display:grid;gap:var(--sc-space-6)}
.project__text{display:grid;gap:var(--sc-space-3);align-content:start}
/* Цифры проекта — как были у 1MICE: две в ряд, без линеек, их держит выравнивание.
   Колонка по ширине цифры: «1,8 МЛН ₽» шире половины текстовой колонки; не влезают рядом — вторая уходит строкой ниже */
.project__metrics{display:flex;flex-wrap:wrap;align-items:start;gap:var(--sc-space-4) var(--sc-space-10);margin-top:var(--sc-space-3)}
.project__metrics dd{max-width:24ch}
.project__metrics .sc-metric{padding-left:0;border-left:0}
.project__metrics dd{margin-top:var(--sc-space-1);font-size:var(--sc-size-xs);line-height:var(--sc-typography-small-line)}
@media(min-width:1100px){
  /* Секция выше экрана — единственное место страницы, где размах важнее «влезает целиком» */
  .project{grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:0;align-items:center}
  .project__text{padding-left:var(--sc-space-12)}
}

/* ── Что будет через 3 месяца ──────────────────────────── */
/* Слово с дефисом не рвём: «веб-/сервисы» */
.nowrap{white-space:nowrap}

/* ── Как работаем: якорь — номера этапов кеглем 72 над названием ── */
.steps{display:grid;gap:var(--sc-space-12) var(--sc-layout-gutter-desktop);margin:0;padding:0;list-style:none}
@media(min-width:700px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.steps li{display:grid;gap:var(--sc-space-3);align-content:start}
.steps .sc-display-s{justify-self:start;margin-bottom:var(--sc-space-3);padding-bottom:.12em}
/* Красная черта под первым номером — как под главной цифрой */
.steps li:first-child .sc-display-s{position:relative}
.steps li:first-child .sc-display-s::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--sc-border-width-accent);background:var(--sc-red)}
.steps li p{max-width:30ch}
/* Пять этапов в ряд; пятый — наше отличие: мятная плашка (фон блока по брендбуку, текст тушью) */
@media(min-width:1100px){.steps--five{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--sc-space-8)}}
/* На десктопе плашка выступает за колонку отрицательным отступом, чтобы номер 05 стоял в линию с остальными */
.steps__usp{background:var(--sc-color-brand-mint);padding:var(--sc-space-5)}
@media(min-width:1100px){.steps__usp{margin:calc(-1 * var(--sc-space-5))}}
.steps__usp .sc-body{color:var(--sc-color-neutral-ink)}
@media(max-width:699px){
  .steps{gap:var(--sc-space-8)}
  .steps li{grid-template-columns:4.5rem minmax(0,1fr);column-gap:var(--sc-space-4);row-gap:var(--sc-space-2)}
  .steps .sc-display-s{grid-row:1/3;align-self:start;margin-bottom:0}
}

/* ── «ТЗ бесплатно»: в потоке на телефоне и планшете, на десктопе — всплывающее окно ── */
.tz-inline .sc-form--panel{max-width:none;grid-template-columns:minmax(0,1fr)}
.tz-inline .sc-form--panel>*{max-width:560px}
/* Длинное слово в названии («Предварительная») шире колонки на телефоне: переносим, иначе страница шире окна */
.tz-inline .sc-heading{overflow-wrap:break-word;hyphens:auto}
@media(hover:hover) and (pointer:fine) and (min-width:1100px){.tz-inline{display:none}}

.tz-dialog{width:min(560px,calc(100% - 2 * var(--sc-layout-margin)));max-width:none;max-height:calc(100svh - 2 * var(--sc-space-6));padding:0;border:0;background:var(--sc-info-surface);color:var(--sc-text);box-shadow:var(--sc-shadow-overlay);overflow:auto}
.tz-dialog::backdrop{background:color-mix(in srgb,var(--sc-ink) 45%,transparent)}
.tz-dialog .sc-form--panel{max-width:none;padding-right:var(--sc-space-16)}
.tz-dialog__close{position:absolute;right:var(--sc-space-3);top:var(--sc-space-3);width:var(--sc-dimension-control-s);height:var(--sc-dimension-control-s);display:grid;place-items:center;padding:0;background:var(--sc-paper);color:var(--sc-text);border:var(--sc-border-width-hairline) solid var(--sc-border-strong);cursor:pointer}
.tz-dialog__close:hover{background:var(--sc-highlight-soft)}
@media(prefers-reduced-motion:no-preference){
  .tz-dialog[open]{animation:dialog-in var(--sc-motion-duration-slow) var(--sc-motion-easing-out)}
  .tz-dialog[open]::backdrop{animation:backdrop-in var(--sc-motion-duration-slow) var(--sc-motion-easing-out)}
}
@keyframes dialog-in{from{opacity:0;translate:0 var(--sc-space-3)}}
@keyframes backdrop-in{from{opacity:0}}

/* ── О компании: якорь — цифра 58 кеглем 144 ──────────── */
.about>.section-head{grid-column:1/-1;margin-bottom:0}
.about{display:grid;gap:var(--sc-space-10) var(--sc-layout-gutter-desktop);align-items:start}
@media(min-width:1100px){.about{grid-template-columns:3fr 5fr 4fr}}
@media(min-width:700px) and (max-width:1099px){.about{grid-template-columns:4fr 8fr}.about__photo{grid-column:1/-1}}
.about__number{display:grid;gap:var(--sc-space-2);align-content:start}
.about__number .sc-display{margin-bottom:var(--sc-space-4)}
.about__text{display:grid;gap:var(--sc-space-6);align-content:start}
.about__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sc-space-6);margin-top:var(--sc-space-4)}
.about__facts>div{display:grid;gap:var(--sc-space-1);align-content:start}
.about__facts dd{margin:0}
.about__photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
/* На телефоне якорь секции — цифра; иллюстрация только удлиняет страницу */
@media(max-width:699px){.about__photo{display:none}}

/* ── Контакт: одна голубая плоскость, форма на ней («Партнёрам») ── */
.contact{border-top:var(--sc-border-width-hairline) solid var(--sc-border)}
.contact>.sc-geo__plane{z-index:0}
.contact__plane{--x:30%;--y:100%;--w:160%;--h:160%}
.contact__grid{position:relative;z-index:1;display:grid;gap:var(--sc-space-10) var(--sc-layout-gutter-desktop);padding-block:var(--sc-layout-section-y)}
.contact__intro{display:grid;gap:var(--sc-space-6);align-content:start}
.contact__intro .sc-body{max-width:30ch}
@media(min-width:1100px){
  .contact__grid{grid-template-columns:5fr 7fr}
  .contact .sc-form{justify-self:end;width:100%;max-width:560px}
}
/* Уже 1100 px плоскость не помещается рядом с формой: остаётся голубая панель формы */
@media(max-width:1099px){.contact__plane{display:none}}

/* ── Контакт на главной: раскладка старого лендинга ─────── */
/* Голубая плоскость привязана к блоку заголовка: её крутой край проходит на --m правее его нижнего правого угла,
   поэтому заголовок и подводка целиком на голубом, а форма справа (или ниже) — целиком на бумаге.
   --k опускает угол плоскости вдоль крутого края: на десктопе пологий край уходит за низ секции */
.contact--classic{--M:max(var(--sc-layout-margin),(100% - var(--sc-layout-max-width)) / 2)}
.contact--classic .contact__intro{position:relative;--m:var(--sc-space-6);--k:0px}
.contact--classic .contact__intro .sc-body{max-width:26ch}
.contact__title span{display:block}
/* Правки текста 25.09 удлинили заголовок и подводку: блок вырос, и крутой край плоскости заходил
   на форму — отодвигаем плоскость влево ещё на шаг шкалы, край остаётся правее блока */
.contact--classic .contact__plane{display:block;--w:3000px;--h:3000px;--x:calc(100% + var(--m) - .5095 * var(--k) - 2673px - var(--sc-space-12));--y:calc(100% + var(--k) - 1362px)}
.contact__art{display:none}
/* Телефон и планшет: голубое сверху с пологим краем снизу, форма ниже на бумаге */
@media(max-width:1099px){
  .contact--classic .contact__intro{width:min(100%,22rem);padding-bottom:calc(.51 * min(100%,22rem) + .51 * var(--m) + var(--sc-space-6))}
  .contact--classic .contact__grid{padding-top:var(--sc-space-10)}
}
@media(min-width:1100px){
  .contact--classic .contact__grid{align-items:start}
  .contact--classic .contact__intro{--k:1000px;width:max-content;max-width:100%;align-self:start}
  .contact--classic .sc-form{max-width:480px}
}
/* Фото справа, как на старом лендинге: во всю высоту секции и до края окна — масса финала, а не миниатюра */
@media(min-width:1280px){
  .contact--classic .contact__grid{grid-template-columns:5fr 4fr 3fr}
  .contact--classic .sc-form{grid-column:2;justify-self:stretch;max-width:none;align-self:start}
  .contact__art{display:block;position:absolute;z-index:1;top:0;bottom:0;right:0;width:calc((100% - 2 * var(--M)) * 3 / 12 + var(--M))}
  .contact__art img{width:100%;height:100%;object-fit:cover;object-position:60% center}
}

/* ── Форма: состояния ───────────────────────────────────── */
.sc-field__hint:empty{display:none}
/* В брендбуке надпись кнопки в одну строку, но на телефоне «Получить предварительную оценку»
   шире колонки формы и растягивала страницу: разрешаем перенос только на телефоне */
@media(max-width:699px){.sc-button{white-space:normal;text-wrap:balance}}
.form-error{color:var(--sc-color-status-error)}
.form-done{display:grid;gap:var(--sc-space-3);align-content:start;max-width:520px}
.sc-form--panel+.form-done,.form-done--panel{padding:var(--sc-space-8);background:var(--sc-info-surface)}
.contact .form-done{padding:var(--sc-space-8);background:var(--sc-info-surface)}

/* ── Страница партнёров ─────────────────────────────────── */
.page-intro{padding-block:var(--sc-space-16) var(--sc-space-12);display:grid;gap:var(--sc-space-6)}
.page-intro .sc-body{max-width:56ch}
/* Документ (политика, согласие): одна секция-пауза — ссылка на главную, заголовок и текст колонкой */
.page-intro--doc{padding-bottom:var(--sc-layout-section-y)}
.page-intro--doc .sc-doc{margin-top:var(--sc-space-4)}

/* ── Подвал ─────────────────────────────────────────────── */
.site-footer{border-top:var(--sc-border-width-hairline) solid var(--sc-border);padding-block:var(--sc-space-16) var(--sc-space-10)}
.site-footer__main{display:grid;gap:var(--sc-space-10) var(--sc-layout-gutter-desktop)}
@media(min-width:700px){.site-footer__main{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.site-footer__main{grid-template-columns:5fr 3fr 4fr}}
.site-footer__logo{display:block;width:200px;color:var(--sc-text)}
.site-footer__logo svg{display:block;width:100%;height:auto}
/* Ссылки уже высотой с кнопку S — зазор между ними не нужен */
.site-footer nav,.site-footer address{display:grid;gap:0;align-content:start;justify-items:start;font-style:normal}
.site-footer__main .stack{gap:var(--sc-space-6)}
.site-footer__main .sc-body.sc-secondary{max-width:32ch}
/* «Наверх» — рядом с копирайтом, а не справа: там его закрывает виджет */
.site-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sc-space-4) var(--sc-space-10);margin-top:var(--sc-space-12);padding-top:var(--sc-space-6);border-top:var(--sc-border-width-hairline) solid var(--sc-border)}

/* ── Виджет мессенджеров ────────────────────────────────── */
.sc-widget{transition:opacity var(--sc-motion-duration-base) var(--sc-motion-easing-out),visibility 0s linear var(--sc-motion-duration-base)}
.sc-widget.is-away{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:699px){
  .sc-widget{right:var(--sc-space-4);bottom:var(--sc-space-4)}
  .site-footer{padding-bottom:var(--sc-space-24)}
}

/* ── Уменьшение движения: эффектов нет совсем ───────────── */
@media(prefers-reduced-motion:reduce){
  .site-header,.site-cta,.sc-widget{transition:none}
}

/* ── «Партнёрам» ────────────────────────────────────────── */
/* Невысокий экран (1100–1366 × 720–768): ужимаем воздух секций, чтобы каждая влезала под шапку.
   Правки текста 25.09 удлинили абзацы — без этого секции выходили за нижний край */
@media(min-width:1100px) and (max-height:800px){
  .sc-section,.contact__grid{padding-block:var(--sc-space-8)}
  #process .steps__usp{padding:var(--sc-space-4);margin:calc(-1 * var(--sc-space-4))}
  #process .section-head{margin-bottom:var(--sc-space-6)}
  #process .steps .sc-display-s{margin-bottom:0}
}