@font-face{font-family:ICSupplierUbuntu;src:url('assets/ubuntu-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:ICSupplierUbuntu;src:url('assets/ubuntu-medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:ICSupplierUbuntu;src:url('assets/ubuntu-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}

/* Стили содержимого изолированы внутри .ic-sp. Обертки, левое меню,
   заголовок и хлебные крошки выводит штатный шаблон сайта. */
.ic-sp{
  --ic-purple:#4a008d;
  --ic-lilac:#f4e9fb;
  --ic-border:#f0e3fb;
  --ic-card:#f6f6f6;
  --ic-field:#f9f9f9;
  --ic-field-error:#ff3b3b;
  --ic-text:#111;
  --ic-muted:#808080;
  --ic-radius:6px;
  --ic-anchor-offset:100px;
  box-sizing:border-box;
  width:100%;max-width:none;min-width:0;margin:0 0 96px;
  color:var(--ic-text);font:400 16px/1.25 ICSupplierUbuntu,Ubuntu,Arial,sans-serif;
  text-align:left;text-transform:none;letter-spacing:normal;
}
.ic-sp *,.ic-sp *::before,.ic-sp *::after{box-sizing:border-box}
.ic-sp [hidden]{display:none!important}
.ic-sp h1,.ic-sp h2,.ic-sp h3,.ic-sp p{margin:0;padding:0;font-family:inherit;color:inherit;letter-spacing:normal}
.ic-sp h1,.ic-sp h2,.ic-sp h3{font-weight:400;text-transform:none}
.ic-sp p{font-size:inherit;line-height:inherit}
.ic-sp img{display:block;max-width:100%;border:0}
.ic-sp a{color:inherit}
.ic-sp button,.ic-sp input,.ic-sp select{font-family:inherit;letter-spacing:normal;text-transform:none}
.ic-sp button{cursor:pointer}
/* Явные начертания не наследуют утолщение из шаблона сайта.
   Сглаживание на macOS приближает отображение к экспорту макета из Figma. */
#ic-supplier-page{font-family:ICSupplierUbuntu,Ubuntu,Arial,sans-serif;font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#ic-supplier-page :is(h1,h2,h3,p,summary,span,a,label,input,select,button){font-family:inherit;font-weight:400;font-style:normal}
#ic-supplier-page .ic-sp-stat strong,#ic-supplier-page .ic-sp-step>span,#ic-supplier-page .ic-sp-form-section h2{font-weight:500}
#ic-supplier-page input::placeholder{font-family:inherit;font-weight:400}
.ic-sp :is(button,a,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--ic-purple);outline-offset:4px}
.ic-sp :is(.ic-sp-partner a):focus-visible{outline-color:#fff}
.ic-sp-capabilities,.ic-sp-form-section{scroll-margin-top:var(--ic-anchor-offset)}
.ic-sp-capabilities:focus,.ic-sp-form-section:focus{outline:none}
.ic-sp-sr,.ic-sp-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.ic-sp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.075fr);gap:16px;align-items:end}
.ic-sp .ic-sp-hero-image{width:100%;height:auto;aspect-ratio:1268/1240;object-fit:cover;border-radius:var(--ic-radius)}
.ic-sp-hero-copy{min-width:0}
.ic-sp .ic-sp-hero h2{font-size:28px;line-height:1.12}
.ic-sp .ic-sp-hero h2 strong{display:block;font-size:32px;line-height:1.2;font-weight:700;color:var(--ic-purple);margin-bottom:10px}
.ic-sp .ic-sp-hero h2 strong .ic-sp-reg-mark{position:relative;top:.14em;margin-left:.08em;font-size:.38em;line-height:1;vertical-align:top}
.ic-sp .ic-sp-hero h2>span{display:block}
.ic-sp .ic-sp-hero-copy>p{font-size:16px;line-height:1.15;color:var(--ic-muted);margin-top:10px;max-width:570px}
.ic-sp-hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}
.ic-sp .ic-sp-btn{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;
  width:auto;min-width:0;min-height:44px;height:auto;padding:10px 18px;
  margin:0;border:1px solid transparent;border-radius:var(--ic-radius);
  background:var(--ic-purple);color:#fff;box-shadow:none;
  font:400 14px/20px ICSupplierUbuntu,Ubuntu,Arial,sans-serif;
  text-align:center;text-decoration:none;vertical-align:middle;white-space:normal;
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.ic-sp .ic-sp-btn>span{display:block;padding:0;margin:0;line-height:20px}
.ic-sp .ic-sp-btn>img{flex:0 0 24px;width:24px;height:24px;max-width:none;object-fit:contain;margin:0}
.ic-sp .ic-sp-btn:hover{background:#5b12a0;color:#fff;text-decoration:none}
.ic-sp .ic-sp-btn:active{background:#39006d}
.ic-sp .ic-sp-btn--light{background:var(--ic-lilac);color:var(--ic-purple)}
.ic-sp .ic-sp-btn--light:hover{background:#ead8f8;color:var(--ic-purple)}
.ic-sp .ic-sp-btn--white{background:#fff;color:var(--ic-purple)}
.ic-sp .ic-sp-btn--white:hover{background:var(--ic-lilac);color:var(--ic-purple)}
.ic-sp .ic-sp-btn:disabled{cursor:wait;opacity:.65}

.ic-sp-stats{--ic-sp-stats-gap:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ic-sp-stats-gap);margin:30px 0 40px}
.ic-sp-stat{position:relative;display:flex;align-items:center;min-width:0;aspect-ratio:1;border-radius:var(--ic-radius);overflow:hidden;padding:16px;isolation:isolate;background:#e6ede2}
.ic-sp .ic-sp-stat>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:10% 5%;z-index:-1}
.ic-sp .ic-sp-stat:nth-child(2)>img{object-position:40% 35%;transform:scale(1.2)}
.ic-sp .ic-sp-stat:nth-child(3)>img{object-position:70% 75%;transform:scale(1.35)}
.ic-sp .ic-sp-stat:nth-child(4)>img{object-position:90% 15%}
.ic-sp .ic-sp-stat>div{width:100%;margin-top:18px}
.ic-sp .ic-sp-stat strong{display:block;color:var(--ic-purple);font-size:24px;font-weight:500;line-height:1.2;white-space:nowrap;margin-bottom:10px}
.ic-sp .ic-sp-stat p{height:2.3em;color:var(--ic-muted);font-size:16px;line-height:1.15;max-width:210px}

/* На десктопе четыре карточки — окна в одно общее изображение.
   Его ширина равна всей строке вместе с тремя промежутками. Смещение каждого
   окна учитывает эти промежутки, поэтому рисунок не начинается заново. */
@media (min-width:768px){
  #ic-supplier-page .ic-sp-stat>img{
    inset:0 auto auto 0;
    width:calc(400% + var(--ic-sp-stats-gap) * 3);height:100%;
    max-width:none;max-height:none;margin:0;padding:0;
    object-fit:cover;object-position:center top;transform:none;
  }
  #ic-supplier-page .ic-sp-stat:nth-child(2)>img{left:calc(-100% - var(--ic-sp-stats-gap))}
  #ic-supplier-page .ic-sp-stat:nth-child(3)>img{left:calc(-200% - var(--ic-sp-stats-gap) * 2)}
  #ic-supplier-page .ic-sp-stat:nth-child(4)>img{left:calc(-300% - var(--ic-sp-stats-gap) * 3)}
}

.ic-sp-capabilities{display:flex;flex-direction:column;gap:16px}
.ic-sp .ic-sp-accordion{border:1px solid var(--ic-border);border-radius:var(--ic-radius);background:#fff;padding:0;margin:0;min-width:0;overflow:clip}
.ic-sp-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;list-style:none;padding:16px;cursor:pointer;border-radius:var(--ic-radius);-webkit-tap-highlight-color:transparent}
.ic-sp-summary::-webkit-details-marker{display:none}
.ic-sp-summary::marker{content:''}
.ic-sp-summary::before,.ic-sp-summary::after{display:none!important}
.ic-sp-summary-copy{display:block;min-width:0;flex:1}
.ic-sp-section-title{display:block;font-size:24px;line-height:1.2;color:var(--ic-text)}
.ic-sp-section-description{display:block;margin-top:8px;color:var(--ic-muted);font-size:16px;line-height:1.15}
.ic-sp-chevron{position:relative;display:block;flex:0 0 28px;width:28px;height:28px;margin-top:-2px}
.ic-sp .ic-sp-chevron img{position:absolute;inset:0;width:28px;height:28px;transition:opacity .22s ease,transform .28s ease}
.ic-sp-chevron-open{opacity:1;transform:rotate(0)}
.ic-sp-chevron-closed{opacity:0;transform:rotate(-180deg)}
.ic-sp-summary[aria-expanded="false"] .ic-sp-chevron-open{opacity:0;transform:rotate(180deg)}
.ic-sp-summary[aria-expanded="false"] .ic-sp-chevron-closed{opacity:1;transform:rotate(0)}
.ic-sp-accordion:not([open]) .ic-sp-chevron-open{opacity:0}
.ic-sp-accordion:not([open]) .ic-sp-chevron-closed{opacity:1;transform:rotate(0)}
.ic-sp-accordion-body{height:auto;overflow:hidden}
.ic-sp-accordion-inner{padding:16px 16px 16px;display:flow-root}
.ic-sp-card-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;scrollbar-width:thin;scrollbar-color:#dcc5ee transparent}
.ic-sp-card-track--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.ic-sp .ic-sp-card{display:flex;flex-direction:column;justify-content:space-between;gap:44px;min-width:0;min-height:224px;background:var(--ic-card);border-radius:var(--ic-radius);padding:16px}
.ic-sp .ic-sp-card h3{font-size:20px;line-height:1.12;color:var(--ic-text);overflow-wrap:normal}
.ic-sp .ic-sp-card p{font-size:14px;line-height:1.18;color:var(--ic-muted)}
.ic-sp .ic-sp-panel-cta{margin-top:28px}

.ic-sp-onboarding{display:grid;grid-template-columns:minmax(0,.655fr) minmax(0,1fr);gap:8px;margin-top:52px;align-items:stretch}
/* Высоту фотографии задает правая колонка целиком, включая кнопку.
   Исходное фото кадрируется внутри рамки, не растягивая строку сетки. */
.ic-sp-onboarding-media{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:var(--ic-radius)}
.ic-sp .ic-sp-onboarding-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;border-radius:var(--ic-radius)}
.ic-sp-onboarding-content{min-width:0}
.ic-sp .ic-sp-onboarding h2{font-size:26px;line-height:1.2;margin-bottom:14px}
.ic-sp-steps{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:8px;min-width:0}
.ic-sp-step{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;min-height:84px;padding:16px;background:var(--ic-card);border-radius:var(--ic-radius);min-width:0}
.ic-sp-step>span{color:var(--ic-purple);font-size:24px;line-height:1.2;font-weight:500}
.ic-sp .ic-sp-step p{font-size:16px;line-height:1.15;color:var(--ic-muted)}
.ic-sp-onboarding-action{display:flex;justify-content:flex-end;margin-top:16px}

.ic-sp-partner{margin-top:52px;padding:48px 40px;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);align-items:center;gap:36px;min-height:344px;background:var(--ic-purple);color:#fff;border-radius:var(--ic-radius);overflow:hidden}
.ic-sp-partner-copy{min-width:0}
.ic-sp .ic-sp-partner h2{font-size:26px;line-height:1.15;margin:0 0 10px}
.ic-sp .ic-sp-partner p{font-size:18px;line-height:1.15;color:#dac5ed;max-width:530px}
.ic-sp .ic-sp-partner .ic-sp-btn{margin-top:32px}
.ic-sp-tags{
  --ic-sp-tag-gap:10px;
  --ic-sp-tag-edge:32px;
  --ic-sp-tag-edge-blur:2px;
  /* Зеркальные переходы: у обоих краев одинаковые ширина и прозрачность. */
  --ic-sp-tag-edge-mask:linear-gradient(to right,
    transparent 0,
    rgba(0,0,0,.16) calc(var(--ic-sp-tag-edge) * .25),
    rgba(0,0,0,.5) calc(var(--ic-sp-tag-edge) * .5),
    rgba(0,0,0,.84) calc(var(--ic-sp-tag-edge) * .75),
    #000 var(--ic-sp-tag-edge),
    #000 calc(100% - var(--ic-sp-tag-edge)),
    rgba(0,0,0,.84) calc(100% - var(--ic-sp-tag-edge) * .75),
    rgba(0,0,0,.5) calc(100% - var(--ic-sp-tag-edge) * .5),
    rgba(0,0,0,.16) calc(100% - var(--ic-sp-tag-edge) * .25),
    transparent 100%);
  position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0;align-self:stretch;margin-right:-4px;pointer-events:none;
  -webkit-mask-image:var(--ic-sp-tag-edge-mask);mask-image:var(--ic-sp-tag-edge-mask);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
}
/* Размываются только две краевые полосы; в центре текст остается четким.
   Маска плавно ослабляет размытие внутрь, без видимой границы наложения. */
.ic-sp-tags::before,.ic-sp-tags::after{
  --ic-sp-tag-blur-mask:linear-gradient(var(--ic-sp-tag-edge-direction),#000 0,rgba(0,0,0,.84) 25%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.16) 75%,transparent 100%);
  content:"";position:absolute;top:0;bottom:0;width:var(--ic-sp-tag-edge);z-index:2;pointer-events:none;background:transparent;
  -webkit-backdrop-filter:blur(var(--ic-sp-tag-edge-blur));backdrop-filter:blur(var(--ic-sp-tag-edge-blur));
  -webkit-mask-image:var(--ic-sp-tag-blur-mask);mask-image:var(--ic-sp-tag-blur-mask);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
}
.ic-sp-tags::before{left:0;--ic-sp-tag-edge-direction:to right}
.ic-sp-tags::after{right:0;--ic-sp-tag-edge-direction:to left}
.ic-sp-tags>div{display:flex;flex-wrap:nowrap;gap:var(--ic-sp-tag-gap);width:max-content;max-width:none}
.ic-sp-tags>div:not(.ic-sp-tag-row):nth-child(2){margin-left:-48px}
.ic-sp-tags>div:not(.ic-sp-tag-row):nth-child(3){margin-left:-24px}
.ic-sp-tags>div:not(.ic-sp-tag-row):nth-child(4){margin-left:-42px}
.ic-sp-tags>div:not(.ic-sp-tag-row):nth-child(5){margin-left:-18px}
.ic-sp-tags span{display:block;flex:0 0 auto;margin:0;font-size:14px;font-weight:400;line-height:18px;color:#d8bce9;border:1px solid #9966bc;border-radius:24px;padding:4px 16px;white-space:nowrap}
/* Две одинаковые группы образуют бесшовную дорожку. Расстояние задается
   скриптом по фактической ширине группы, включая завершающий промежуток. */
.ic-sp-tags>.ic-sp-tag-row{display:block;width:100%;min-width:0;margin:0;overflow:hidden}
.ic-sp-tags .ic-sp-tag-track{display:flex;flex-wrap:nowrap;gap:0;width:max-content;max-width:none;margin:0;padding:0;transform:translate3d(0,0,0)}
.ic-sp-tags .ic-sp-tag-set{display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:var(--ic-sp-tag-gap);width:max-content;margin:0;padding:0 var(--ic-sp-tag-gap) 0 0}
.ic-sp-tags .ic-sp-tag-row.is-ready>.ic-sp-tag-track{animation:ic-sp-tags-scroll var(--ic-sp-tag-duration,40s) linear infinite;animation-delay:var(--ic-sp-tag-delay,0s);will-change:transform}
.ic-sp-tags .ic-sp-tag-row:nth-child(even)>.ic-sp-tag-track{animation-direction:reverse}
.ic-sp-tags.is-paused .ic-sp-tag-row.is-ready>.ic-sp-tag-track{animation-play-state:paused;will-change:auto}
@keyframes ic-sp-tags-scroll{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(0px - var(--ic-sp-tag-distance)),0,0)}
}

.ic-sp-form-section{--ic-sp-field-height:48px;--ic-sp-form-gap:8px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:stretch;margin:52px 16px 0;min-width:0}
.ic-sp-form-column{padding-top:8px;min-width:0}
.ic-sp .ic-sp-form-section h2{color:var(--ic-purple);font-size:24px;font-weight:500;line-height:1.18;margin:0 0 10px}
.ic-sp .ic-sp-form-intro{font-size:16px;line-height:1.2;margin:0 0 18px;max-width:500px}
.ic-sp .ic-sp-form-intro--stable{display:grid;grid-template-columns:minmax(0,1fr)}
.ic-sp .ic-sp-form-intro--stable>span{grid-area:1/1;min-width:0;margin:0;padding:0;line-height:inherit}
.ic-sp .ic-sp-form-intro--stable>.ic-sp-intro-measure{visibility:hidden;pointer-events:none;user-select:none}
.ic-sp-tabs{display:flex;gap:8px;max-width:100%;overflow-x:auto;scrollbar-width:none;align-items:stretch;margin:0 0 16px;padding:2px 0}
.ic-sp-tabs::-webkit-scrollbar{display:none}
.ic-sp .ic-sp-tab{appearance:none;flex:0 0 auto;padding:12px 14px;min-height:42px;border:0;background:transparent;border-radius:var(--ic-radius);color:var(--ic-purple);font-size:13px;line-height:18px;text-align:center;white-space:nowrap;box-shadow:none}
.ic-sp .ic-sp-tab.is-active{background:var(--ic-purple);color:#fff}
/* У формы нет внешних колец фокуса: ни наших, ни браузерных/шаблонных.
   Фон текстовых полей не меняется. У кнопок остается внутреннее подчеркивание
   при навигации с клавиатуры, без изменения размеров элемента. */
#ic-supplier-page .ic-sp-form-section :is(input,select,button),
#ic-supplier-page .ic-sp-form-section :is(input,select,button):focus,
#ic-supplier-page .ic-sp-form-section :is(input,select,button):focus-visible{
  outline:none!important;outline-offset:0!important;box-shadow:none!important;
  -webkit-tap-highlight-color:transparent;
}
#ic-supplier-page .ic-sp-form-section :is(.ic-sp-tab,.ic-sp-submit):focus-visible{
  text-decoration:underline;text-underline-offset:3px;
}
.ic-sp-form{
  --ic-sp-field-height:48px;--ic-sp-form-gap:8px;--ic-sp-consents-top:18px;
  position:relative;display:flex;flex-direction:column;gap:var(--ic-sp-form-gap);margin:0;padding:0;
}
.ic-sp-field{position:relative;width:100%;min-width:0}
.ic-sp-direction{
  z-index:1;height:var(--ic-sp-field-height);min-height:0;margin-bottom:0;opacity:1;visibility:visible;transform:translateY(0);
  transition:height .48s cubic-bezier(.22,.61,.36,1),margin-bottom .48s cubic-bezier(.22,.61,.36,1),opacity .33s ease .12s,transform .48s cubic-bezier(.22,.61,.36,1),visibility 0s linear 0s;
}
.ic-sp-form[data-ic-sp-mode="new"] .ic-sp-direction{
  height:0;margin-bottom:calc(-1 * var(--ic-sp-form-gap));opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;
  transition:height .48s cubic-bezier(.22,.61,.36,1),margin-bottom .48s cubic-bezier(.22,.61,.36,1),opacity .24s ease,transform .48s cubic-bezier(.22,.61,.36,1),visibility 0s linear .48s;
}
.ic-sp .ic-sp-field>input,.ic-sp .ic-sp-field>select,.ic-sp .ic-sp-select-trigger{
  appearance:none;display:block;width:100%;height:var(--ic-sp-field-height);min-height:var(--ic-sp-field-height);max-width:none;margin:0;
  padding:12px 14px;border:1px solid transparent;border-radius:var(--ic-radius);box-shadow:none;
  background:var(--ic-field);color:#333;font-size:14px;line-height:22px;font-weight:400;
  text-align:left;outline-offset:2px;
}
.ic-sp .ic-sp-field>input::placeholder{opacity:1;color:var(--ic-muted)}
#ic-supplier-page .ic-sp-field>input:focus,#ic-supplier-page .ic-sp-select-trigger:focus,#ic-supplier-page .ic-sp-field>select:focus{border-color:transparent!important;background:var(--ic-field)!important}
#ic-supplier-page .ic-sp-field>input:focus-visible,#ic-supplier-page .ic-sp-select-trigger:focus-visible,#ic-supplier-page .ic-sp-field>select:focus-visible{background:var(--ic-field)!important}
#ic-supplier-page .ic-sp-field>input[aria-invalid="true"],#ic-supplier-page .ic-sp-select-trigger[aria-invalid="true"]{border-color:var(--ic-field-error)!important}
.ic-sp .ic-sp-select-trigger{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:0;padding-right:48px!important;color:var(--ic-muted);cursor:pointer}
.ic-sp .ic-sp-select-trigger::before,.ic-sp .ic-sp-select-trigger::after{content:none!important;display:none!important}
.ic-sp .ic-sp-select-trigger>[data-ic-sp-direction-label]{display:block;min-width:0;max-width:100%;margin:0;padding:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.ic-sp .ic-sp-select-trigger.has-value{color:#333}
#ic-supplier-page .ic-sp-select-trigger>img{position:absolute;inset:auto;top:50%;right:14px;left:auto;display:block;width:20px;height:20px;max-width:none;margin:0!important;padding:0;float:none;filter:grayscale(1);opacity:.55;transform:translateY(-50%);transform-origin:center;pointer-events:none;transition:transform .2s ease}
#ic-supplier-page .ic-sp-select-trigger[aria-expanded="true"]>img{transform:translateY(-50%) rotate(180deg)}
.ic-sp .ic-sp-select-options{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:#fff;padding:8px;border:1px solid #dedede;border-radius:var(--ic-radius);box-shadow:0 4px 12px #0000000a;max-height:240px;overflow-y:auto}
.ic-sp-select-options [role="option"]{padding:8px 10px;margin:0;border-radius:5px;font-size:16px;line-height:1.3;cursor:pointer;color:#333;min-height:36px}
.ic-sp-select-options [role="option"]:hover,.ic-sp-select-options [role="option"].is-highlighted{background:#f7f7f7}
.ic-sp-select-options [role="option"][aria-selected="true"]{color:var(--ic-purple)}
.ic-sp-consents{display:flex;flex-direction:column;gap:12px;margin:var(--ic-sp-consents-top) 0 12px}
.ic-sp-consent{display:flex;align-items:flex-start;gap:10px;min-width:0}
.ic-sp .ic-sp-consent input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;flex:0 0 18px;position:relative;display:block;width:18px;height:18px;min-height:18px;margin:0;padding:0;border:1px solid #d4d4d4;border-radius:3px;background:#fff;cursor:pointer;opacity:1;overflow:hidden}
/* Галочка — фон самого квадрата. Псевдоэлементы шаблона не создают второй контур. */
#ic-supplier-page .ic-sp-consent input[type="checkbox"]::before,#ic-supplier-page .ic-sp-consent input[type="checkbox"]::after{content:none!important;display:none!important}
.ic-sp .ic-sp-consent input[type="checkbox"]:checked{background-color:var(--ic-purple);border-color:var(--ic-purple);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 6 4.5 8.5 10 3' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px 12px}
#ic-supplier-page .ic-sp-consent input[type="checkbox"]:focus-visible{border-color:var(--ic-purple);background-color:var(--ic-lilac)}
#ic-supplier-page .ic-sp-consent input[type="checkbox"]:checked:focus-visible{border-color:#6c2da5;background-color:#6c2da5}
#ic-supplier-page .ic-sp-consent input[aria-invalid="true"]{border-color:var(--ic-field-error)!important}
.ic-sp .ic-sp-consent label{font-size:12px;line-height:1.3;color:var(--ic-muted);font-weight:400;margin:0;padding:0;cursor:pointer;min-width:0}
.ic-sp .ic-sp-consent label::before,.ic-sp .ic-sp-consent label::after{display:none!important}
.ic-sp .ic-sp-consent a,.ic-sp-document-pending{text-decoration:underline;text-underline-offset:2px;color:inherit}
.ic-sp .ic-sp-consent a:hover{color:var(--ic-purple)}
.ic-sp .ic-sp-submit{width:100%}
.ic-sp .ic-sp-form-status{padding:12px 14px;font-size:14px;line-height:1.35;border-radius:var(--ic-radius);color:#9a1b16;background:#fff1f0;overflow-wrap:anywhere}
.ic-sp .ic-sp-form-status[data-state="success"]{color:#275a36;background:#eff8f1}
.ic-sp .ic-sp-form-art{position:relative;min-width:0;min-height:490px;border-radius:var(--ic-radius);overflow:hidden;align-self:stretch;background:#f5f3ef}
.ic-sp .ic-sp-form-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Исходник — приложенный макет 1526×696. Фото занимает x696 y20 w810 h656.
   Нижние 20 px прозрачны: они, как и верхний отступ, остаются за границей блока.
   Отдельную фотографию можно подключить в config.php. */
.ic-sp .ic-sp-form-art--reference{aspect-ratio:810/656;min-height:0;align-self:start;background:transparent}
.ic-sp .ic-sp-form-art--reference>img{inset:auto;left:-85.925926%;top:-3.04878049%;width:188.395062%;height:106.09756098%;max-width:none;max-height:none;margin:0;padding:0;object-fit:fill}

@media (max-width:1100px) and (min-width:768px){
  .ic-sp .ic-sp-hero h2{font-size:25px}
  .ic-sp .ic-sp-hero h2 strong{font-size:30px}
  .ic-sp-hero-actions{gap:8px;margin-top:24px}
  .ic-sp .ic-sp-btn{padding-inline:14px;font-size:13px;gap:8px}
  .ic-sp .ic-sp-card{padding:14px;min-height:250px;gap:28px}
  .ic-sp .ic-sp-card h3{font-size:18px}
  .ic-sp-partner{padding:36px 28px;gap:24px}
  .ic-sp-form-section{grid-template-columns:1fr 1fr;margin-inline:0}
}

/* На десктопе высоту строки задает полностью раскрытый второй таб. При
   переключении поле и невидимый нижний компенсатор меняют высоту синхронно:
   элементы формы двигаются, а высота иллюстрации остается постоянной. */
@media (min-width:768px){
  .ic-sp-form-section{width:100%;margin-inline:0}
  .ic-sp-form-column{display:flex;flex-direction:column;min-width:0;padding:0}
  .ic-sp-form-column::after{
    content:"";display:block;flex:0 0 auto;height:0;min-height:0;
    transition:height .48s cubic-bezier(.22,.61,.36,1);
  }
  .ic-sp-form-section:has(.ic-sp-form[data-ic-sp-mode="new"]) .ic-sp-form-column::after{height:calc(var(--ic-sp-field-height) + var(--ic-sp-form-gap))}
  .ic-sp .ic-sp-form-section h2{flex:none;margin-bottom:8px}
  .ic-sp .ic-sp-form-intro{flex:none;margin-bottom:12px}
  .ic-sp .ic-sp-tabs{flex:none;margin-bottom:12px}
  .ic-sp-form-column>[role="tabpanel"]{display:flex;flex-direction:column;flex:1 0 auto;width:100%;min-width:0;margin:0;padding:0}
  .ic-sp .ic-sp-form{--ic-sp-consents-top:12px;flex:1 0 auto;width:100%;min-width:0}
  .ic-sp .ic-sp-form>:not([hidden]){flex-shrink:0}
  .ic-sp .ic-sp-consents{gap:8px;margin:0 0 8px;padding-top:var(--ic-sp-consents-top)}
  .ic-sp .ic-sp-form-art,.ic-sp .ic-sp-form-art--reference{min-height:0;aspect-ratio:auto;align-self:stretch}

  /* Фото заполняет высоту строки без искажения своих пропорций. Пересчет
     относится только к фотообласти исходного макета x696 y20 810x656. */
  @supports (container-type:size){
    .ic-sp .ic-sp-form-art--reference{container-type:size}
    .ic-sp .ic-sp-form-art--reference>img{
      --ic-sp-art-pixel:max(calc(100cqw / 810),calc(100cqh / 656));
      width:calc(var(--ic-sp-art-pixel) * 1526);height:calc(var(--ic-sp-art-pixel) * 696);
      left:calc((100cqw - var(--ic-sp-art-pixel) * 810) / 2 - var(--ic-sp-art-pixel) * 696);
      top:calc((100cqh - var(--ic-sp-art-pixel) * 656) / 2 - var(--ic-sp-art-pixel) * 20);
    }
  }
}

@media (max-width:767px){
  .ic-sp{--ic-anchor-offset:82px;margin-bottom:48px;padding:10px 6px 0}
  .ic-sp-hero{display:flex;flex-direction:column;gap:20px;align-items:stretch}
  .ic-sp-hero-copy{order:0}
  .ic-sp .ic-sp-hero-image{order:1;aspect-ratio:1268/1020;object-fit:cover;object-position:center 41%;width:100%;height:auto}
  .ic-sp .ic-sp-hero h2{font-size:22px;line-height:1.07}
  .ic-sp .ic-sp-hero h2 strong{font-size:35px;line-height:1.1;margin-bottom:12px}
  .ic-sp .ic-sp-hero-copy>p{font-size:18px;line-height:1.08;margin-top:12px;max-width:100%}
  .ic-sp-desktop-break{display:none}
  .ic-sp-hero-actions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px}
  .ic-sp .ic-sp-btn{min-height:52px;padding:13px 20px;gap:16px;font-size:14px}
  .ic-sp .ic-sp-hero-actions .ic-sp-btn{padding:15px;gap:0;font-size:16px}
  .ic-sp .ic-sp-hero-actions .ic-sp-btn>img{display:none}
  .ic-sp-stats{--ic-sp-stats-gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ic-sp-stats-gap);margin:20px 0}
  .ic-sp-stat{min-height:188px;aspect-ratio:1;align-items:stretch;padding:18px 16px}
  #ic-supplier-page .ic-sp-stat>img{
    inset:0 auto auto 0;width:calc(200% + var(--ic-sp-stats-gap));height:calc(200% + var(--ic-sp-stats-gap));
    max-width:none;max-height:none;margin:0;padding:0;object-fit:cover;object-position:center;transform:none;
  }
  #ic-supplier-page .ic-sp-stat:nth-child(2)>img{left:calc(-100% - var(--ic-sp-stats-gap));top:0}
  #ic-supplier-page .ic-sp-stat:nth-child(3)>img{left:0;top:calc(-100% - var(--ic-sp-stats-gap))}
  #ic-supplier-page .ic-sp-stat:nth-child(4)>img{left:calc(-100% - var(--ic-sp-stats-gap));top:calc(-100% - var(--ic-sp-stats-gap))}
  .ic-sp .ic-sp-stat>div{display:flex;flex-direction:column;justify-content:space-between;margin:0}
  .ic-sp .ic-sp-stat strong{font-size:20px;margin:0}
  .ic-sp .ic-sp-stat p{height:2.36em;font-size:14px;line-height:1.18;max-width:100%;hyphens:auto}
  .ic-sp-capabilities{gap:14px}
  .ic-sp-summary{padding:24px 16px 20px;gap:12px}
  .ic-sp-section-title{font-size:20px;line-height:1.16}
  .ic-sp-section-description{font-size:14px;line-height:1.2;margin-top:8px}
  .ic-sp-chevron{flex-basis:28px;margin-top:-4px}
  .ic-sp-accordion-inner{padding:12px 16px 16px}
  .ic-sp-card-track,.ic-sp-card-track--four{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(64vw,250px);gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-left:0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:4px}
  .ic-sp .ic-sp-card{padding:12px;gap:28px;min-height:244px;scroll-snap-align:start;justify-content:space-between}
  .ic-sp .ic-sp-card h3{font-size:16px;line-height:1.12}
  .ic-sp .ic-sp-card p{font-size:14px;line-height:1.12}
  .ic-sp .ic-sp-panel-cta{margin-top:12px;min-height:50px;padding-inline:14px}
  .ic-sp .ic-sp-panel-cta>img,.ic-sp .ic-sp-steps-cta>img,.ic-sp .ic-sp-partner .ic-sp-btn>img,.ic-sp .ic-sp-submit>img{display:none}
  .ic-sp-onboarding{display:block;margin:44px 10px 0}
  .ic-sp-onboarding-media{display:none}
  .ic-sp .ic-sp-onboarding h2{font-size:22px;line-height:1.15;margin-bottom:20px}
  .ic-sp-steps{gap:12px}
  /* Скрываем только полосы прокрутки; свайп, клавиатура и соседние карточки сохраняются. */
  .ic-sp-card-track,.ic-sp-tabs{scrollbar-width:none;-ms-overflow-style:none}
  .ic-sp-card-track::-webkit-scrollbar,.ic-sp-tabs::-webkit-scrollbar{display:none;width:0;height:0}
  .ic-sp-step{min-height:115px;padding:20px;gap:8px;border-radius:10px}
  .ic-sp-step>span{font-size:22px}
  .ic-sp .ic-sp-step p{font-size:18px;line-height:1.15;hyphens:none}
  .ic-sp-onboarding-action{justify-content:flex-start;margin-top:20px}
  .ic-sp .ic-sp-steps-cta{min-height:56px;font-size:18px;border-radius:10px}
  .ic-sp-partner{display:block;min-height:350px;margin:38px 10px 0;padding:24px 12px;border-radius:var(--ic-radius)}
  .ic-sp-partner-copy{min-height:302px;display:flex;flex-direction:column;align-items:flex-start}
  .ic-sp .ic-sp-partner h2{font-size:24px;line-height:1.12;margin-bottom:12px}
  .ic-sp .ic-sp-partner p{font-size:18px;line-height:1.12}
  .ic-sp .ic-sp-partner .ic-sp-btn{margin-top:auto;min-height:52px;padding:13px 16px}
  .ic-sp-tags{display:none}
  .ic-sp-form-section{display:block;margin:28px 10px 0}
  .ic-sp-form-column{padding:0}
  .ic-sp .ic-sp-form-section h2{font-size:24px;line-height:1.05;margin:0 0 14px}
  .ic-sp .ic-sp-form-intro{font-size:18px;line-height:1.14;margin-bottom:24px}
  .ic-sp-tabs{gap:8px;margin-bottom:20px;overflow-x:auto;padding:2px 0 4px}
  .ic-sp .ic-sp-tab{font-size:14px;line-height:20px;padding:14px 16px;min-height:52px}
  .ic-sp .ic-sp-field>input,.ic-sp .ic-sp-field>select,.ic-sp .ic-sp-select-trigger{font-size:16px;padding:18px 14px}
  .ic-sp-form{--ic-sp-field-height:60px;--ic-sp-form-gap:10px;--ic-sp-consents-top:22px}
  .ic-sp .ic-sp-select-options{max-height:260px}
  .ic-sp-select-options [role="option"]{font-size:16px;min-height:44px;padding:12px}
  .ic-sp-consents{gap:18px;margin-bottom:18px}
  .ic-sp .ic-sp-consent label{font-size:14px;line-height:1.2}
  .ic-sp .ic-sp-consent input[type="checkbox"]{width:20px;height:20px;min-height:20px;flex-basis:20px}
  .ic-sp .ic-sp-form-art{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ic-sp *,.ic-sp *::before,.ic-sp *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
  .ic-sp .ic-sp-tag-track{animation:none!important;transform:none!important;will-change:auto}
}