/* Start:/local/templates/digital/components/bitrix/news.detail/shop-page/style.css?17873226645867*/
@media (prefers-reduced-motion: reduce) {
  .web_tree__wire { stroke-dashoffset: 0; transition: none; }
}

.web_tree { margin: var(--web-gap) 0 0; background: #fff; border: 1px solid var(--web-ink-09); border-radius: var(--web-r-card); padding: 34px 30px 26px; display: flex; flex-direction: column; gap: 18px; }
.web_tree__svg { display: block; width: 100%; height: auto; font-family: inherit; }
.web_tree__box { fill: var(--web-lav); }
.web_tree__box--root { fill: var(--web-ink); }
.web_tree__box--leaf { fill: #fff; stroke: var(--web-ink-12); }
.web_tree__t { fill: var(--web-ink); font-size: 15px; font-weight: 600; text-anchor: middle; }
.web_tree__t--root { fill: #fff; font-size: 17px; font-weight: 700; }
.web_tree__t--sm { font-size: 13px; font-weight: 500; }
.web_tree__wire { fill: none; stroke: rgba(80,17,212,.42); stroke-width: 2; stroke-dasharray: 1; transition: stroke-dashoffset 1.3s var(--web-ease); }
.web_tree.is-armed .web_tree__wire { stroke-dashoffset: 1; }
.web_tree.is-armed.is-in .web_tree__wire { stroke-dashoffset: 0; }
.web_tree__cap { font-size: 13px; line-height: 18px; color: var(--web-ink-50); text-wrap: pretty; }
@media (max-width: 700px) {
  .web_tree { display: none; }
}

.shop_packs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--web-gap); }
.shop_pack { display: flex; flex-direction: column; gap: 14px; padding: 38px 34px; border-radius: var(--web-r-card); background: #fff; border: 1px solid var(--web-ink-09); }
.shop_pack--lav { background: var(--web-lav); border-color: transparent; }
.shop_pack--dark { background: var(--web-ink); border-color: var(--web-ink); }
.shop_pack__h { font-size: 24px; line-height: 28px; font-weight: 600; letter-spacing: -1px; color: var(--web-ink); text-wrap: pretty; }
.shop_pack__price { font-size: 16px; font-weight: 600; letter-spacing: -.3px; color: var(--web-accent); }
.shop_pack__big { font-size: 38px; line-height: 40px; font-weight: 700; letter-spacing: -1.8px; color: var(--web-ink); font-variant-numeric: tabular-nums; }
.shop_pack--dark .shop_pack__h { color: #fff; }
.shop_pack--dark .shop_pack__price { color: var(--web-pink); }
.shop_pack--dark .web_text { color: var(--web-light-75); }
.shop_pack__rows { display: flex; flex-direction: column; gap: 12px; }
.shop_pack__row { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 16px; padding-top: 12px; border-top: 1px solid var(--web-ink-09); }
.shop_pack__k { font-size: 13px; font-weight: 600; letter-spacing: .3px; color: var(--web-ink-50); }
.shop_pack__v { font-size: 15px; line-height: 21px; color: var(--web-ink-74); text-wrap: pretty; }
.shop_pack__btn, .button.shop_pack__btn { align-self: flex-start; margin-top: auto; width: auto; }
.shop_pack .web_list { margin-bottom: 4px; }

.shop_kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 18px 20px; background: var(--web-lav); border-radius: 20px; transition: background var(--web-hover); }
.web_case:hover .shop_kpis { background: rgba(80,17,212,.1); }
.shop_kpi { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.shop_kpi__v { font-size: 19px; line-height: 23px; font-weight: 700; letter-spacing: -.7px; color: var(--web-accent); font-variant-numeric: tabular-nums; text-wrap: pretty; }
.shop_kpi__l { font-size: 12px; line-height: 16px; color: var(--web-ink-60); text-wrap: pretty; }

.shop_pay__title, .web_h3.shop_pay__title { margin: 40px 0 18px; }
.shop_pay { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--web-gap); align-items: stretch; }
.shop_pay__ready { display: flex; flex-direction: column; gap: 10px; padding: 34px 30px; border-radius: var(--web-r-card); background: var(--web-ink); }
.shop_pay__ready .shop_pay__k { color: var(--web-light-60); }
.shop_pay__ready .shop_pay__v { color: #fff; }
.shop_pay__ready .shop_pay__l { color: var(--web-light-75); }
.shop_pay__custom { display: flex; flex-direction: column; gap: 14px; justify-content: space-between; }
.shop_pay__k { font-size: 13px; font-weight: 600; letter-spacing: .3px; color: var(--web-ink-50); }
.shop_pay__v { font-size: 46px; line-height: 46px; font-weight: 700; letter-spacing: -2.2px; font-variant-numeric: tabular-nums; }
.shop_pay__l { font-size: 15px; line-height: 21px; text-wrap: pretty; }
.shop_pay .web_pay { margin-bottom: 0; }

@media (max-width: 1279px) {
  .shop_pack { padding: 30px 26px; }
  .shop_pack__row { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}
@media (max-width: 1100px) {
  .shop_packs, .shop_pay { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .shop_pack, .shop_pay__ready { padding: 26px 22px; }
  .shop_pay__v { font-size: 36px; line-height: 36px; }
  .shop_pay__title, .web_h3.shop_pay__title { margin: 28px 0 14px; }
  .shop_pack__h { font-size: 21px; line-height: 25px; }
  .shop_pack__big { font-size: 30px; line-height: 32px; }
  .shop_kpis { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 18px; }
  .shop_kpi { flex-direction: row; align-items: baseline; gap: 10px; }
  .shop_kpi__v { font-size: 17px; line-height: 21px; }
}
@media (max-width: 420px) {
  .shop_pack__btn, .button.shop_pack__btn { width: 100%; display: flex; align-items: center; justify-content: center; height: auto; min-height: 58px; padding: 15px 20px; white-space: normal; text-align: center; line-height: 1.25; }
}
@media (max-width: 350px) {
  .shop_pack, .shop_pay__ready { padding: 20px 18px; }
  .shop_pack__h { font-size: 19px; line-height: 23px; letter-spacing: -.7px; }
  .shop_pack__big { font-size: 25px; line-height: 28px; letter-spacing: -1.1px; }
  .shop_pack__price { font-size: 15px; }
  .shop_pay__v { font-size: 28px; line-height: 30px; letter-spacing: -1.2px; }
  .shop_pay__title, .web_h3.shop_pay__title { margin: 30px 0 12px; }
  .shop_kpis { padding: 14px; gap: 10px; }
}

/* End */


/* Start:/local/templates/digital/css/topman-web.css?178732265738908*/
:root {
  --web-ink: #1E005D;
  --web-accent: #5011D4;
  --web-pink: #B860BA;
  --web-lav: #F4F1FB;
  --web-ink-78: rgba(30, 0, 93, .78);
  --web-ink-74: rgba(30, 0, 93, .74);
  --web-ink-70: rgba(30, 0, 93, .7);
  --web-ink-66: rgba(30, 0, 93, .66);
  --web-ink-60: rgba(30, 0, 93, .6);
  --web-ink-50: rgba(30, 0, 93, .5);
  --web-ink-38: rgba(30, 0, 93, .38);
  --web-ink-12: rgba(30, 0, 93, .12);
  --web-ink-09: rgba(30, 0, 93, .09);
  --web-light-82: rgba(255, 255, 255, .82);
  --web-light-75: rgba(255, 255, 255, .75);
  --web-light-72: rgba(255, 255, 255, .72);
  --web-light-60: rgba(255, 255, 255, .6);
  --web-light-45: rgba(255, 255, 255, .45);
  --web-light-16: rgba(255, 255, 255, .16);
  --web-light-08: rgba(255, 255, 255, .08);
  --web-grad: linear-gradient(90deg, #1E005D 0%, #5011D4 100%);
  --web-rhythm: 130px;
  --web-gap: 10px;
  --web-r-card: 32px;
  --web-r-panel: 40px;
  --web-r-pill: 100px;
  --web-ease: cubic-bezier(.22, 1, .36, 1);
  --web-hover: .5s cubic-bezier(.22, 1, .36, 1);
}

.web_section { padding: 0; margin: 0 0 var(--web-rhythm); }
.web_section--hero { background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(80,17,212,.1) 93.09%), #fff; padding: 180px 0 var(--web-rhythm); margin: 0; }
.web_section--dark { background: var(--web-ink); padding: 110px 0; margin: 0 0 var(--web-rhythm); position: relative; overflow: hidden; }
.web_section__glow { position: absolute; top: -220px; right: -160px; width: 720px; height: 720px; border-radius: 720px; background: radial-gradient(circle, rgba(80,17,212,.5) 0%, rgba(80,17,212,0) 70%); pointer-events: none; }
.web_section__inner { position: relative; }

.web_eyebrow { margin: 0 0 22px; font-size: 13px; font-weight: 600; letter-spacing: 1.4px; color: var(--web-accent); }
.web_eyebrow--light { color: #fff; opacity: .55; }
.web_caption { margin: 0 0 22px; font-size: 13px; font-weight: 600; letter-spacing: .4px; color: var(--web-ink-50); }
.web_caption--light { color: var(--web-light-45); }
.web_h1 { margin: 0 0 26px; font-size: 62px; line-height: 62px; font-weight: 600; letter-spacing: -3px; color: var(--web-ink); text-wrap: pretty; }
.web_h2 { margin: 0 0 20px; font-size: 40px; line-height: 44px; font-weight: 600; letter-spacing: -2px; color: var(--web-ink); max-width: 1100px; text-wrap: pretty; }
.web_h2--light { color: #fff; }
.web_h3 { margin: 0; font-size: 20px; line-height: 24px; font-weight: 600; letter-spacing: -.8px; color: var(--web-ink); text-wrap: pretty; }
.web_h3--light { color: #fff; }
.web_h3--sm { font-size: 18px; line-height: 22px; letter-spacing: -.6px; }
.web_lead { margin: 0 0 48px; font-size: 18px; line-height: 26px; letter-spacing: -.36px; color: rgba(30,0,93,.65); max-width: 900px; text-wrap: pretty; }
.web_lead--light { color: var(--web-light-72); max-width: 960px; }
.web_lead--flow { margin-bottom: 18px; }
.web_text { margin: 0; font-size: 16px; line-height: 23px; color: var(--web-ink-66); text-wrap: pretty; }
.web_text--light { color: var(--web-light-75); }
.web_text--sm { font-size: 14px; line-height: 20px; }
.web_text--fine { font-size: 14px; line-height: 20px; color: var(--web-ink-50); max-width: 900px; }
.web_paras { display: flex; flex-direction: column; gap: 18px; max-width: 960px; margin: 0 0 48px; }
.web_paras--after { margin: 34px 0 24px; }
.web_paras--tight { margin-bottom: 34px; }
.web_paras > .web_text { font-size: 18px; line-height: 26px; letter-spacing: -.36px; }

.web_link { font-size: 16px; font-weight: 500; color: var(--web-accent); }
.web_link--light { color: #fff; text-decoration: underline; }
.web_links { display: flex; gap: 26px; flex-wrap: wrap; }
.web_links--mt { margin-top: 34px; }
.web_btn_row { display: flex; gap: var(--web-gap); flex-wrap: wrap; align-items: center; }
.web_btn_row--mb { margin-bottom: 26px; }
.web_btn--fill { background: var(--web-ink); color: #fff; border-color: var(--web-ink); }
.web_btn--inv { background: #fff; color: var(--web-ink); border-color: #fff; white-space: nowrap; }
a.button.web_btn--fill:hover { background: var(--web-accent); border-color: var(--web-accent); color: #fff; }

.web_grid { display: grid; gap: var(--web-gap); }
.web_grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.web_grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.web_grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.web_grid--mb { margin-bottom: var(--web-gap); }
.web_grid--mt { margin-top: 48px; }
.web_row { display: flex; gap: 60px; align-items: flex-start; }
.web_row--hero { gap: 70px; justify-content: space-between; }
.web_row__main { flex: 1; min-width: 0; }
.web_row__aside { flex-shrink: 0; }
.web_row__aside--mid { padding-top: 20px; }
.web_cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--web-gap); align-items: start; }
.web_cols--wide { gap: 60px; }

.web_hero__lead { margin: 0 0 38px; font-size: 19px; line-height: 27px; letter-spacing: -.38px; color: var(--web-ink-70); max-width: 660px; text-wrap: pretty; }
.web_hero__facts { margin: 60px 0 0; }
.web_hero__fact { background: #fff; border-radius: var(--web-r-card); padding: 26px 24px; display: flex; flex-direction: column; gap: 8px; }
.web_hero__fact:first-child { border-radius: 0 var(--web-r-card) var(--web-r-card) var(--web-r-card); }
.web_hero__fact:last-child { border-radius: var(--web-r-card) var(--web-r-card) 0 var(--web-r-card); }
.web_hero__fact-v { font-size: 26px; line-height: 28px; font-weight: 700; letter-spacing: -1.1px; color: var(--web-ink); font-variant-numeric: tabular-nums; }
.web_hero__fact-l { font-size: 14px; line-height: 19px; color: var(--web-ink-60); }
.web_hero__note { margin: 0; font-size: 15px; line-height: 21px; color: var(--web-ink-60); max-width: 600px; text-wrap: pretty; }
.web_hero__aside { display: flex; flex-direction: column; gap: 18px; width: 480px; padding-top: 6px; }
.web_hero__foot { display: flex; align-items: flex-end; gap: 20px; }
.web_hero__foot .web_proto__cap { padding-bottom: 4px; }

.web_card { background: #fff; border: 1px solid var(--web-ink-09); border-radius: var(--web-r-card); padding: 32px 28px; display: flex; flex-direction: column; gap: 12px; }
.web_card--lav { background: var(--web-lav); border-color: transparent; }
.web_card--dark { background: var(--web-ink); border-color: var(--web-ink); }
.web_card--accent { background: var(--web-accent); border-color: var(--web-accent); }
.web_card--glass { background: var(--web-light-08); border-color: var(--web-light-16); }
.web_card--compact { border-radius: 28px; padding: 28px 24px; gap: 10px; }
.web_card--dark .web_h3, .web_card--accent .web_h3, .web_card--glass .web_h3 { color: #fff; }
.web_card--dark .web_text, .web_card--accent .web_text, .web_card--glass .web_text { color: var(--web-light-75); }
.web_card__n { font-size: 30px; line-height: 30px; font-weight: 700; letter-spacing: -1.4px; color: rgba(80,17,212,.35); }
.web_card__price { font-size: 15px; font-weight: 600; letter-spacing: -.4px; color: var(--web-accent); }
.web_card__link { margin-top: auto; padding-top: 6px; font-size: 14px; font-weight: 500; color: var(--web-accent); }
.web_card--link { text-decoration: none; transition: transform .35s var(--web-ease), box-shadow .35s ease; }
.web_card--link:hover { transform: translateY(-5px); box-shadow: 0 24px 50px -30px rgba(30,0,93,.4); }

.web_note { background: var(--web-lav); border-radius: 28px; padding: 30px 34px; display: flex; gap: 18px; align-items: flex-start; }
.web_note--light { background: var(--web-light-08); }
.web_note--mt { margin-top: var(--web-gap); }
.web_note__dash { width: 22px; height: 2px; background: var(--web-accent); margin-top: 12px; flex-shrink: 0; }
.web_note--light .web_note__dash { background: var(--web-pink); }
.web_note__text { margin: 0; font-size: 17px; line-height: 25px; letter-spacing: -.4px; color: var(--web-ink-78); text-wrap: pretty; }
.web_note--light .web_note__text { color: var(--web-light-82); }

.web_plate { background: var(--web-ink); border-radius: var(--web-r-card); padding: 48px; display: flex; gap: 44px; align-items: center; flex-wrap: wrap; }
.web_plate--mt { margin-top: 48px; }
.web_plate__main { flex: 1; min-width: 320px; }
.web_plate__h { margin: 0 0 12px; font-size: 30px; line-height: 34px; font-weight: 600; letter-spacing: -1.3px; color: #fff; text-wrap: pretty; }
.web_plate__d { margin: 0; font-size: 16px; line-height: 23px; color: rgba(255,255,255,.66); max-width: 680px; text-wrap: pretty; }
.web_plate__actions { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.web_plate__second { font-size: 15px; font-weight: 500; color: #fff; text-decoration: underline; }

.web_case { background: #fff; border: 1px solid var(--web-ink-09); border-radius: var(--web-r-card); padding: 22px 22px 32px; display: flex; flex-direction: column; gap: 18px; text-decoration: none; }
.web_case > .web_frame { margin-bottom: 8px; }
.web_case--row { padding: 28px 30px; }
.web_case:hover { transform: translateY(-5px); border-color: var(--web-ink-12); box-shadow: 0 26px 54px -32px rgba(30,0,93,.42); }
.web_case__top { display: flex; flex-direction: column; gap: 6px; }
.web_case__n { font-size: 28px; line-height: 30px; font-weight: 700; letter-spacing: -1.2px; color: var(--web-ink); }
.web_case__m { font-size: 14px; line-height: 19px; color: var(--web-ink-50); }
.web_case__metric { display: flex; align-items: baseline; gap: 12px; padding: 16px 20px; background: var(--web-lav); border-radius: 20px; }
.web_case__metric-v { font-size: 19px; line-height: 25px; font-weight: 700; letter-spacing: -.7px; color: var(--web-accent); text-wrap: pretty; }
.web_case__d { margin: 0; font-size: 15px; line-height: 22px; color: var(--web-ink-66); text-wrap: pretty; }
.web_case__link { margin-top: auto; padding-top: 4px; font-size: 15px; font-weight: 500; color: var(--web-accent); }
.web_case:hover .web_case__metric { background: rgba(80,17,212,.1); }
.web_case__arrow { display: inline-block; margin-left: 8px; transition: transform .3s var(--web-ease); }
.web_case:hover .web_case__arrow { transform: translateX(7px); }
.web_case--row { gap: 16px; padding: 28px 30px; }
.web_case--row .web_case__row-main { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; }
.web_case--row .web_case__n { font-size: 21px; line-height: 24px; letter-spacing: -.8px; }
.web_case--row .web_case__d { flex: 1; }
.web_case--row .web_case__link { margin-top: 0; padding-top: 0; white-space: nowrap; }
.web_case__badge { align-self: flex-start; padding: 6px 14px; border-radius: var(--web-r-pill); background: var(--web-lav); font-size: 13px; font-weight: 600; color: var(--web-accent); }

.web_kpi { background: var(--web-lav); border-radius: var(--web-r-card); padding: 34px 30px; display: flex; flex-direction: column; gap: 8px; transition: transform .35s var(--web-ease), box-shadow .35s ease; }
.web_kpi:hover { transform: translateY(-4px); box-shadow: 0 22px 46px -32px rgba(30,0,93,.45); }
.web_kpi--dark { background: var(--web-light-08); }
.web_kpi__v { font-size: 34px; line-height: 36px; font-weight: 700; letter-spacing: -1.6px; color: var(--web-ink); font-variant-numeric: tabular-nums; }
.web_kpi__l { font-size: 15px; line-height: 21px; color: var(--web-ink-60); text-wrap: pretty; }
.web_kpi--dark .web_kpi__v { color: #fff; }
.web_kpi--dark .web_kpi__l { color: var(--web-light-60); }

.web_pay { margin-bottom: var(--web-gap); }
.web_pay__bar { display: grid; grid-template-columns: 50fr 30fr 20fr; gap: 4px; margin-bottom: var(--web-gap); }
.web_pay__seg { height: 64px; border-radius: 18px; display: flex; align-items: center; justify-content: center; transition: clip-path .9s var(--web-ease); }
.web_pay.is-armed .web_pay__seg { clip-path: inset(0 100% 0 0); }
.web_pay.is-armed.is-in .web_pay__seg { clip-path: inset(0 0 0 0); }
.web_pay.is-armed.is-in .web_pay__seg:nth-child(2) { transition-delay: .14s; }
.web_pay.is-armed.is-in .web_pay__seg:nth-child(3) { transition-delay: .28s; }
.web_pay__seg--a { background: var(--web-accent); }
.web_pay__seg--b { background: rgba(80,17,212,.62); }
.web_pay__seg--c { background: rgba(80,17,212,.34); }
.web_pay__seg-v { font-size: 18px; font-weight: 700; letter-spacing: -.5px; color: #fff; }
.web_pay__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--web-gap); }
.web_pay__item { border: 1px solid var(--web-ink-09); border-radius: var(--web-r-card); padding: 30px 28px; display: flex; flex-direction: column; gap: 10px; background: #fff; }
.web_pay__v { font-size: 40px; line-height: 40px; font-weight: 700; letter-spacing: -2px; color: var(--web-accent); font-variant-numeric: tabular-nums; }
.web_pay__l { font-size: 16px; line-height: 23px; color: var(--web-ink-66); text-wrap: pretty; }

.web_list { display: flex; flex-direction: column; gap: 9px; }
.web_list--roomy { gap: 14px; }
.web_list__item { display: flex; gap: 10px; align-items: flex-start; }
.web_list__dot { width: 5px; height: 5px; border-radius: 5px; background: var(--web-accent); margin-top: 8px; flex-shrink: 0; }
.web_list__text { font-size: 14px; line-height: 20px; color: var(--web-ink-74); text-wrap: pretty; }
.web_list__text b { font-weight: 600; color: var(--web-ink); }
.web_list--md .web_list__text { font-size: 16px; line-height: 23px; }
.web_list--light .web_list__dot { background: var(--web-pink); }
.web_list--light .web_list__text { color: var(--web-light-82); }
.web_list--light .web_list__text b { color: #fff; }
.web_list_block { background: #fff; border: 1px solid var(--web-ink-09); border-radius: var(--web-r-card); padding: 32px 28px; display: flex; flex-direction: column; gap: 16px; }
.web_list_block--lav { background: var(--web-lav); border-color: transparent; }
.web_list_block--dark { background: var(--web-ink); border-color: var(--web-ink); }
.web_list--cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 40px; }

.web_check { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 40px; }
.web_check__item { display: flex; gap: 14px; align-items: flex-start; }
.web_check__tick { flex-shrink: 0; margin-top: 3px; color: var(--web-accent); }
.web_check__text { font-size: 16px; line-height: 23px; color: var(--web-ink-74); text-wrap: pretty; }

.web_panel { position: relative; background: var(--web-lav); border-radius: var(--web-r-panel); padding: 56px 48px; overflow: hidden; }
.web_panel--dark { background: var(--web-ink); }
.web_panel__glow { position: absolute; top: -180px; right: -140px; width: 620px; height: 620px; border-radius: 620px; background: radial-gradient(circle, rgba(80,17,212,.5) 0%, rgba(80,17,212,0) 70%); pointer-events: none; }
.web_panel__inner { position: relative; }
.web_panel__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 48px; align-items: start; }

@media (min-width: 1920px) {
  body:has(.web_section--hero) .container { max-width: 1680px; }
  :root { --web-rhythm: 150px; }
  .web_h1 { font-size: 74px; line-height: 72px; letter-spacing: -3.6px; }
  .web_section--hero { padding: 210px 0 150px; }
}
@media (max-width: 1509px) {
  .web_h1 { font-size: 56px; line-height: 56px; letter-spacing: -2.7px; }
}
@media (max-width: 1439px) {
  :root { --web-rhythm: 110px; }
  .web_hero__aside { width: 420px; }
  .web_section--hero { padding: 170px 0 110px; }
  .web_section--dark { padding-top: 96px; padding-bottom: 96px; }
  .web_h1 { font-size: 50px; line-height: 52px; }
  .web_h2 { font-size: 36px; line-height: 40px; }
  .web_grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .web_panel__grid { grid-template-columns: minmax(0, 1fr); gap: 34px; }
}
@media (max-width: 1279px) {
  :root { --web-rhythm: 96px; }
  .web_hero__aside { width: 350px; }
  .web_hero__facts { margin-top: 48px; }
  .web_section--hero { padding: 150px 0 96px; }
  .web_h1 { font-size: 44px; line-height: 46px; letter-spacing: -2px; }
  .web_h2 { font-size: 32px; line-height: 36px; }
  .web_grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1100px) {
  :root { --web-rhythm: 88px; }
  .web_row { flex-direction: column; gap: 36px; }
  .web_row__aside, .web_row__aside--mid { padding-top: 0; align-self: flex-start; }
  .web_hero__aside { width: 100%; padding-top: 0; }
  .web_hero__ms { justify-content: flex-start; }
  .web_grid--2, .web_cols { grid-template-columns: minmax(0, 1fr); }
  .web_panel { padding: 40px 30px; }
  .web_plate { padding: 34px 30px; gap: 26px; }
  .web_plate__h { font-size: 25px; line-height: 29px; }
  .web_check, .web_list--cols { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 700px) {
  :root { --web-rhythm: 70px; }
  body:has(.web_section--hero) .container { padding: 0 20px; }
  .web_section--hero { padding: 120px 0 70px; }
  .web_section--dark { padding-top: 64px; padding-bottom: 70px; }
  .web_h1 { font-size: 33px; line-height: 37px; letter-spacing: -1.4px; }
  .web_h2 { font-size: 26px; line-height: 30px; letter-spacing: -1px; margin-bottom: 14px; }
  .web_h3 { font-size: 18px; line-height: 22px; }
  .web_lead, .web_paras > .web_text { font-size: 17px; line-height: 24px; }
  .web_hero__lead { font-size: 17px; line-height: 24px; }
  .web_grid--2, .web_grid--3, .web_grid--4 { grid-template-columns: minmax(0, 1fr); }
  .web_hero__fact, .web_hero__fact:first-child, .web_hero__fact:last-child { border-radius: 24px; }
  .web_panel { padding: 28px 20px; border-radius: 28px; }
  .web_card, .web_list_block, .web_case, .web_pay__item { padding: 24px 22px; }
  .web_case__n { font-size: 24px; line-height: 26px; }
  .web_kpi { padding: 26px 22px; }
  .web_kpi__v { font-size: 28px; line-height: 30px; }
  .web_pay__v { font-size: 34px; line-height: 34px; }
  .web_note { padding: 24px 22px; }
}
@media (max-width: 389px) {
  :root { --web-rhythm: 56px; }
  body:has(.web_section--hero) .container { padding: 0 16px; }
  .web_h1 { font-size: 28px; line-height: 32px; }
  .web_h2 { font-size: 23px; line-height: 27px; }
  .web_card, .web_case { border-radius: 22px; }
}

.web_proto { width: 100%; display: flex; flex-direction: column; gap: 14px; }
.web_proto__steps { display: flex; gap: 6px; }
.web_proto__step { flex: 1; text-align: center; padding: 8px 4px; font-size: 12px; font-weight: 600; letter-spacing: .2px; border-radius: var(--web-r-pill); background: var(--web-lav); color: var(--web-ink-50); transition: background .45s ease, color .45s ease; }
.web_proto[data-phase="1"] .web_proto__step:nth-child(1),
.web_proto[data-phase="2"] .web_proto__step:nth-child(2),
.web_proto[data-phase="3"] .web_proto__step:nth-child(3) { background: var(--web-accent); color: #fff; }
.web_proto__screen { position: relative; border-radius: 20px; border: 1px solid var(--web-ink-12); background: #fff; overflow: hidden; box-shadow: 0 26px 54px -34px rgba(30,0,93,.45); }
.web_proto__bar { display: flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border-bottom: 1px solid var(--web-ink-09); background: #fbfaff; }
.web_proto__dot { display: block; width: 7px; height: 7px; border-radius: 7px; background: var(--web-ink-12); flex-shrink: 0; }
.web_proto__url { display: block; flex: 1; height: 10px; border-radius: 10px; background: var(--web-ink-09); margin-left: 8px; transition: background .45s ease; }
.web_proto__body { display: flex; flex-direction: column; gap: 9px; padding: 18px; }
.web_proto__h { display: block; height: 22px; width: 78%; background: var(--web-ink-09); border-radius: 8px; transition: background .5s ease, border-radius .5s ease, border-color .5s ease, width .5s var(--web-ease); }
.web_proto__t { display: block; height: 9px; background: var(--web-ink-09); border-radius: 9px; transition: background .5s ease, border-radius .5s ease; }
.web_proto__t--short { width: 62%; }
.web_proto__btn { display: block; height: 32px; width: 116px; margin-top: 6px; background: var(--web-ink-12); border-radius: var(--web-r-pill); transition: background .5s ease, border-radius .5s ease, width .5s var(--web-ease); }
.web_proto__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.web_proto__card { display: block; height: 62px; background: var(--web-ink-09); border-radius: 14px; transition: background .5s ease, border-radius .5s ease; }
.web_proto__cap { margin: 0; font-size: 13px; line-height: 18px; color: var(--web-ink-50); }

.web_proto[data-phase="1"] .web_proto__h,
.web_proto[data-phase="1"] .web_proto__t,
.web_proto[data-phase="1"] .web_proto__btn,
.web_proto[data-phase="1"] .web_proto__card { background: transparent; border: 1px dashed rgba(30,0,93,.3); border-radius: 3px; box-sizing: border-box; }

.web_proto[data-phase="2"] .web_proto__h { background: var(--web-ink); }
.web_proto[data-phase="2"] .web_proto__btn { background: var(--web-accent); }
.web_proto[data-phase="2"] .web_proto__card { background: var(--web-lav); }

.web_proto[data-phase="3"] .web_proto__h { background: var(--web-ink); width: 68%; }
.web_proto[data-phase="3"] .web_proto__btn { background: var(--web-accent); }
.web_proto[data-phase="3"] .web_proto__card { background: var(--web-lav); position: relative; }
.web_proto[data-phase="3"] .web_proto__card::after { content: ''; position: absolute; left: 10px; right: 10px; bottom: 12px; height: 6px; border-radius: 6px; background: rgba(80,17,212,.32); }
.web_proto[data-phase="3"] .web_proto__url { background: rgba(80,17,212,.18); }
.web_proto[data-phase="3"] .web_proto__screen::after { content: ''; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(80,17,212,0) 42%, rgba(80,17,212,.09) 50%, rgba(80,17,212,0) 58%); animation: webScan 2.6s linear infinite; pointer-events: none; }
@keyframes webScan { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }

.web_chart { margin: 0 0 var(--web-gap); background: #fff; border: 1px solid var(--web-ink-09); border-radius: var(--web-r-card); padding: 32px 30px; display: flex; flex-direction: column; gap: 20px; }
.web_chart__cap { font-size: 13px; font-weight: 600; letter-spacing: .4px; color: var(--web-ink-50); }
.web_chart__rows { display: flex; flex-direction: column; gap: 14px; }
.web_chart__row { display: grid; grid-template-columns: 150px minmax(0, 1fr) 96px; gap: 20px; align-items: center; }
.web_chart__n { font-size: 16px; font-weight: 600; letter-spacing: -.4px; color: var(--web-ink); }
.web_chart__track { display: block; height: 16px; border-radius: 16px; background: var(--web-lav); overflow: hidden; }
.web_chart__fill { display: block; height: 100%; border-radius: 16px; background: var(--web-grad); transform-origin: left; transition: transform 1.1s var(--web-ease); }
.web_chart.is-armed .web_chart__fill { transform: scaleX(0); }
.web_chart.is-armed.is-in .web_chart__fill { transform: scaleX(1); }
.web_chart.is-armed.is-in .web_chart__row:nth-child(2) .web_chart__fill { transition-delay: .12s; }
.web_chart.is-armed.is-in .web_chart__row:nth-child(3) .web_chart__fill { transition-delay: .24s; }
.web_chart.is-armed.is-in .web_chart__row:nth-child(4) .web_chart__fill { transition-delay: .36s; }
.web_chart__fill--a { width: 100%; }
.web_chart__fill--b { width: 50.1%; }
.web_chart__fill--c { width: 42.9%; }
.web_chart__fill--d { width: 35.8%; }
.web_chart__v { font-size: 17px; font-weight: 700; letter-spacing: -.5px; color: var(--web-accent); text-align: right; font-variant-numeric: tabular-nums; }
.web_chart__note { margin: 0; font-size: 13px; line-height: 18px; color: var(--web-ink-50); text-wrap: pretty; }

.web_hub { margin: 0 0 var(--web-gap); background: var(--web-lav); border-radius: var(--web-r-panel); padding: 40px 36px 32px; display: flex; flex-direction: column; gap: 20px; }
.web_hub__svg { display: block; width: 100%; height: auto; font-family: inherit; }
.web_hub__box { fill: #fff; stroke: rgba(30,0,93,.12); }
.web_hub__t { fill: var(--web-ink); font-size: 17px; font-weight: 600; text-anchor: middle; }
.web_hub__core { fill: var(--web-ink); }
.web_hub__ct { fill: #fff; font-size: 23px; font-weight: 700; text-anchor: middle; }
.web_hub__cs { fill: rgba(255,255,255,.66); font-size: 14px; text-anchor: middle; }
.web_hub__wire { fill: none; stroke: rgba(80,17,212,.5); stroke-width: 2; stroke-dasharray: 7 9; animation: webWire 1.6s linear infinite; }
.web_hub__wire--out { animation-direction: reverse; }
@keyframes webWire { to { stroke-dashoffset: -16; } }
.web_hub__cap { font-size: 13px; line-height: 18px; color: var(--web-ink-50); text-wrap: pretty; }

.web_flow { display: flex; flex-direction: column; gap: 44px; }
.web_flow__row { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--web-gap); padding-top: 48px; }
.web_flow__rail { position: absolute; top: 16px; left: 12.5%; right: 12.5%; height: 3px; background: var(--web-ink-12); border-radius: 3px; overflow: hidden; }
.web_flow__fill { display: block; height: 100%; background: var(--web-grad); transform-origin: left; transition: transform 1.5s var(--web-ease) .15s; }
.web_flow__row.is-armed .web_flow__fill { transform: scaleX(0); }
.web_flow__row.is-armed.is-in .web_flow__fill { transform: scaleX(1); }
.web_flow__item { position: relative; background: var(--web-lav); border-radius: var(--web-r-card); padding: 30px 26px; display: flex; flex-direction: column; gap: 10px; }
.web_flow__n { position: absolute; top: -48px; left: 50%; margin-left: -17px; width: 34px; height: 34px; border-radius: 34px; background: #fff; border: 2px solid var(--web-accent); box-sizing: border-box; color: var(--web-accent); font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; transition: background .3s ease, color .3s ease; }
.web_flow__item:hover .web_flow__n { background: var(--web-accent); color: #fff; }

.web_case__metric { transition: background .3s ease; }
.web_link { transition: opacity .25s ease; }
.web_link:hover { opacity: .7; }

@media (max-width: 1439px) {
  .web_chart__row { grid-template-columns: 130px minmax(0, 1fr) 88px; gap: 14px; }
}
@media (max-width: 1279px) {
  .web_flow__row { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 0; }
  .web_flow__rail { display: none; }
  .web_flow__n { position: static; margin: 0 0 4px; }
  .web_pay__grid { grid-template-columns: minmax(0, 1fr); }
  .web_pay__seg { height: 56px; }
}
@media (max-width: 1100px) {
  .web_proto { max-width: 480px; }
}
@media (max-width: 700px) {
  .web_hub { display: none; }
}
@media (max-width: 700px) {
  .web_flow { gap: 24px; }
  .web_flow__row { grid-template-columns: minmax(0, 1fr); }
  .web_flow__item { padding: 24px 22px; }
  .web_chart { padding: 24px 22px; }
  .web_chart__row { grid-template-columns: minmax(0, 1fr) 78px; gap: 10px 14px; }
  .web_chart__n { grid-column: 1 / -1; }
  .web_pay__seg { height: 48px; border-radius: 14px; }
  .web_pay__seg-v { font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .web_chart__fill, .web_flow__fill { transform: scaleX(1); transition: none; }
  .web_pay__seg { clip-path: none; transition: none; }
  .web_hub__wire { animation: none; }
  .web_proto[data-phase="3"] .web_proto__screen::after { animation: none; }
}

.web_paras > .web_text--strong, .web_text--strong { font-size: 22px; line-height: 31px; letter-spacing: -.6px; font-weight: 500; color: var(--web-ink-78); }
.web_text--light.web_text--strong { color: #fff; }

.web_card--link, .web_case, .web_kpi, .web_flow__item, .web_pay__item { transition: transform var(--web-hover), box-shadow var(--web-hover), border-color var(--web-hover), background var(--web-hover); }
.web_card--link:hover, .web_case:hover, .web_kpi:hover { transform: translateY(-4px); }
.web_case__metric { transition: background var(--web-hover); }
.web_case__arrow { transition: transform var(--web-hover); }
.web_flow__n { transition: background var(--web-hover), color var(--web-hover), transform var(--web-hover); }
.web_link { transition: opacity var(--web-hover), color var(--web-hover); }
a.button { transition: background var(--web-hover), color var(--web-hover), border-color var(--web-hover), box-shadow var(--web-hover), transform var(--web-hover); }
.web_proto__step { transition: background var(--web-hover), color var(--web-hover); }
@media (max-width: 700px) {
  .web_paras > .web_text--strong, .web_text--strong { font-size: 19px; line-height: 27px; }
}

@media (max-width: 420px) {
  .fin__bottom { flex-wrap: wrap; gap: 18px; }
  .fin__stats { padding-bottom: 0; }
  .web_hero__foot { flex-wrap: wrap; gap: 14px; }
  .web_btn_row { flex-direction: column; align-items: stretch; }
  .web_btn_row .button { display: flex; align-items: center; justify-content: center; width: 100%; height: auto; min-height: 58px; padding: 15px 20px; white-space: normal; line-height: 1.25; text-align: center; }
}

.web_frame { display: block; border-radius: 20px; overflow: hidden; background: var(--web-lav); border: 1px solid var(--web-ink-09); margin-bottom: 4px; }
.web_frame__bar { display: flex; align-items: center; gap: 12px; height: 34px; padding: 0 14px; background: #fbfaff; border-bottom: 1px solid var(--web-ink-09); }
.web_frame__dots { display: flex; gap: 5px; flex-shrink: 0; }
.web_frame__dot { display: block; width: 7px; height: 7px; border-radius: 7px; background: var(--web-ink-12); }
.web_frame__url { font-size: 12px; font-weight: 500; letter-spacing: .1px; color: var(--web-ink-50); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.web_frame__media { position: relative; display: block; aspect-ratio: 1274 / 645; overflow: hidden; background: var(--web-lav); }
.web_frame__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; transition: transform 1.2s var(--web-ease); }
.web_case:hover .web_frame__img { transform: scale(1.03); }

.web_frame--wait .web_frame__media { display: flex; align-items: center; justify-content: center; padding: 22px; background: repeating-linear-gradient(135deg, #f7f5fd 0 12px, #f2effa 12px 24px); }
.web_frame__note { font-size: 13px; line-height: 18px; color: var(--web-ink-50); text-align: center; text-wrap: pretty; }

@media (max-width: 700px) {
  .web_frame { border-radius: 16px; }
  .web_frame__bar { height: 30px; padding: 0 11px; }
}

.web_accr { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 34px; align-items: center; margin-bottom: var(--web-gap); padding: 30px 34px; border-radius: var(--web-r-card); background: var(--web-lav); border: 1px solid var(--web-ink-09); }
.web_accr__mark { display: flex; align-items: center; flex-shrink: 0; padding: 20px 24px; border-radius: 20px; background: #fff; border: 1px solid var(--web-ink-09); }
.web_accr__logo { display: block; width: 186px; height: auto; aspect-ratio: 186 / 25; }
.web_accr__main { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.web_accr__h { font-size: 21px; line-height: 25px; font-weight: 600; letter-spacing: -.7px; color: var(--web-ink); text-wrap: pretty; }
.web_accr__d { font-size: 15px; line-height: 21px; color: var(--web-ink-60); text-wrap: pretty; }
.web_accr__link { flex-shrink: 0; display: inline-flex; align-items: center; gap: 10px; padding: 15px 26px; border-radius: var(--web-r-pill); background: var(--web-ink); color: #fff; font-size: 15px; font-weight: 500; white-space: nowrap; text-decoration: none; transition: background var(--web-hover), transform var(--web-hover), box-shadow var(--web-hover); }
.web_accr__link:hover { background: var(--web-accent); color: #fff; transform: translateY(-3px); box-shadow: 0 20px 40px -24px rgba(30,0,93,.55); }
.web_accr__arrow { display: inline-block; transition: transform var(--web-hover); }
.web_accr__link:hover .web_accr__arrow { transform: translateX(5px); }

@media (max-width: 1100px) {
  .web_accr { grid-template-columns: minmax(0, 1fr); gap: 20px; justify-items: start; }
}
@media (max-width: 700px) {
  .web_accr { padding: 24px 22px; }
  .web_accr__mark { padding: 16px 18px; border-radius: 16px; align-self: stretch; justify-content: center; }
  .web_accr__logo { width: 100%; max-width: 186px; }
  .web_accr__h { font-size: 19px; line-height: 23px; }
  .web_accr__link { width: 100%; justify-content: center; }
}

:root {
  --svc-ink: #1E005D;
  --svc-accent: #5011D4;
  --svc-lav: #F4F1FB;
  --svc-ink-70: rgba(30, 0, 93, .7);
  --svc-ink-12: rgba(30, 0, 93, .12);
  --svc-light-72: rgba(255, 255, 255, .72);
  --svc-light-60: rgba(255, 255, 255, .6);
  --svc-light-45: rgba(255, 255, 255, .45);
  --svc-grad: linear-gradient(90deg, #1E005D 0%, #5011D4 100%);
  --svc-r-panel: 40px;
  --svc-r-pill: 100px;
  --svc-ease: cubic-bezier(.22, 1, .36, 1);
  --svc-hover: .5s cubic-bezier(.22, 1, .36, 1);
}
.sec--final { position: relative; background: var(--svc-ink); padding: 120px 0 130px; margin: 0; overflow: hidden; }
.fin__p { margin: 0 0 18px; font-size: 18px; line-height: 26px; letter-spacing: -.36px; color: var(--svc-light-72); max-width: 620px; text-wrap: pretty; }
.fin__msg { padding: 14px 26px; border-radius: var(--svc-r-pill); border: 1px solid rgba(255,255,255,.28); font-size: 15px; font-weight: 500; color: #fff; transition: background var(--svc-hover), color var(--svc-hover), border-color var(--svc-hover); }
.fin__msg:hover { background: #fff; color: var(--svc-ink); border-color: #fff; }
.fin__bottom { display: flex; align-items: flex-end; gap: 26px; }
.fin__stats { display: flex; flex-direction: column; gap: 12px; padding-bottom: 6px; }
.fin__link { font-size: 15px; font-weight: 500; color: #fff; text-decoration: underline; transition: opacity var(--svc-hover); }
.fin__link:hover { opacity: .7; }
.svc_faq { display: flex; flex-direction: column; gap: 8px; margin-top: 48px; }
.svc_faq__item { background: #fff; border: 1px solid var(--svc-ink-12); border-radius: 24px; overflow: hidden; transition: border-color var(--svc-hover), box-shadow var(--svc-hover); }
.svc_faq__item:hover { border-color: rgba(80,17,212,.32); }
.svc_faq__item.is-open { border-color: rgba(80,17,212,.4); box-shadow: 0 24px 50px -38px rgba(30,0,93,.5); }
.svc_faq__q { width: 100%; display: flex; gap: 20px; align-items: center; padding: 26px 30px; background: none; border: 0; font: inherit; text-align: left; cursor: pointer; }
.svc_faq__q-text { flex: 1; font-size: 19px; line-height: 25px; font-weight: 600; letter-spacing: -.6px; color: var(--svc-ink); text-wrap: pretty; transition: color var(--svc-hover); }
.svc_faq__q:hover .svc_faq__q-text { color: var(--svc-accent); }
.svc_faq__ic { width: 32px; height: 32px; border-radius: 32px; background: var(--svc-lav); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 19px; color: var(--svc-accent); transition: transform var(--svc-hover), background var(--svc-hover), color var(--svc-hover); }
.svc_faq__item.is-open .svc_faq__ic { transform: rotate(45deg); background: var(--svc-accent); color: #fff; }

.svc_faq__a { display: block; max-height: 0; overflow: hidden; transition: max-height .45s var(--svc-ease); }
.svc_faq__item.is-open .svc_faq__a { max-height: 60vh; }
.svc_faq__a-text { margin: 0; padding: 0 82px 28px 30px; font-size: 16px; line-height: 23px; color: var(--svc-ink-70); text-wrap: pretty; }
.svc_ms { display: flex; flex-direction: column; flex-shrink: 0; cursor: pointer; outline: none; transform-origin: 50% 100%; animation: svcBob 3.6s ease-in-out infinite; }
.svc_ms__head { border-radius: 999px; background: var(--svc-grad); display: flex; align-items: center; justify-content: center; transform-origin: 50% 100%; transition: transform .3s var(--svc-ease); will-change: transform; }
.svc_ms__base { background: var(--svc-grad); transform-origin: 50% 100%; transition: transform .3s var(--svc-ease); }
.svc_ms__blink { display: block; flex-shrink: 0; animation: svcBlink 5.4s .2s infinite; }
.svc_ms__blink--b { animation-delay: .26s; }
.svc_ms__eye { display: block; border-radius: 999px; background: #fff; transition: transform .16s ease-out; }
.svc_ms--96 { width: 96px; height: 192px; }
.svc_ms--96 .svc_ms__head, .svc_ms--96 .svc_ms__base { width: 96px; height: 96px; }
.svc_ms--96 .svc_ms__head { gap: 15px; }
.svc_ms--96 .svc_ms__eye, .svc_ms--96 .svc_ms__blink { width: 10px; height: 10px; }
.svc_ms--84 { width: 84px; height: 168px; }
.svc_ms--84 .svc_ms__head, .svc_ms--84 .svc_ms__base { width: 84px; height: 84px; }
.svc_ms--84 .svc_ms__head { gap: 13px; }
.svc_ms--84 .svc_ms__eye, .svc_ms--84 .svc_ms__blink { width: 9px; height: 9px; }

@keyframes svcBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes svcBlink { 0%, 92%, 100% { transform: scaleY(1); } 95.5% { transform: scaleY(.06); } }

@media (max-width: 700px) {
  .svc_faq__q { padding: 20px; }
  .svc_faq__item.is-open .svc_faq__a { max-height: 1200px; }
  .svc_faq__a-text { padding: 0 20px 22px; }
}
@media (max-width: 389px) {
  .svc_faq__item { border-radius: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .svc_ms, .svc_ms__blink { animation: none; }
  .svc_faq__a { transition: none; }
}

.button.web_btn--fill { background: var(--web-ink); color: #fff; border-color: var(--web-ink); }
.index_section_row.web_section { padding: 0; margin: 0 0 var(--web-rhythm); }
.index_section_row.web_section--hero { padding: 180px 0 var(--web-rhythm); margin: 0; }
.index_section_row.web_section--dark { padding: 110px 0; margin: 0 0 var(--web-rhythm); }
.index_section_row.sec--final { padding: 120px 0 130px; margin: 0; }
@media (min-width: 1920px) {
  .index_section_row.web_section--hero { padding: 210px 0 150px; }
}
@media (max-width: 1439px) {
  .index_section_row.web_section--hero { padding: 170px 0 110px; }
  .index_section_row.web_section--dark { padding-top: 96px; padding-bottom: 96px; }
  .index_section_row.sec--final { padding: 96px 0; }
}
@media (max-width: 1279px) {
  .index_section_row.web_section--hero { padding: 150px 0 96px; }
}
@media (max-width: 700px) {
  .index_section_row.web_section--hero { padding: 120px 0 70px; }
  .index_section_row.web_section--dark { padding-top: 64px; padding-bottom: 70px; }
  .index_section_row.sec--final { padding: 64px 0 70px; }
}

.header:not(.fixed) { position: absolute; top: 0; left: 0; width: 100%; background: none; z-index: 6; }
.header { background: transparent; }
.header.fixed { mix-blend-mode: normal; filter: none; }
.header_logo a#hdr_logo { display: block; transform-origin: 0 0; transition: transform .4s cubic-bezier(.4, 0, .2, 1), opacity .3s ease, visibility .3s ease; }
.header.fixed .header_logo a#hdr_logo.is-hidden { opacity: 0; visibility: hidden; transform: translateY(-180%); }
.header_logo a#hdr_logo svg path { transition: fill .3s ease; }
.header_logo a#hdr_logo.inv svg path { fill: #fff; }
.header_menu_toggle, .header_menu_toggle span { transition: background .3s ease; }
.header_menu_toggle.inv { background: #fff; }
.header_menu_toggle.inv span { background: var(--web-ink); }

/* End */


/* Start:/bitrix/components/topman/callbackform/lib/css/bootstrap.min.css?178593003622741*/
.slam-easyform{font:normal 16px/1.4 "Arial", sans-serif}.slam-easyform .hidden{display:none!important;visibility:hidden!important}.slam-easyform .form-group{margin-bottom:15px}.slam-easyform .control-label{display:inline-block;margin-bottom:5px;font-weight:700}.slam-easyform .form-control{display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;box-sizing:border-box}.slam-easyform .form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)}.slam-easyform [class*="col-xs"]{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px;box-sizing:border-box}.slam-easyform .row{margin-left:-15px;margin-right:-15px}.slam-easyform .row:before{content:" ";display:table;clear:both}.slam-easyform .col-xs-12{width:100%}.slam-easyform .col-xs-9{width:75%}.slam-easyform .col-xs-3{width:25%}.slam-easyform .radio-inline, .slam-easyform .checkbox-inline{display:inline-block;position:relative;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.slam-easyform .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.slam-easyform .btn:active, .slam-easyform .btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)}.slam-easyform .btn:hover, .slam-easyform .btn:focus{color:#333;text-decoration:none}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open>.dropdown-toggle.btn-primary{background-image:none}.slam-easyform .btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)}.slam-easyform .pull-right{float:right}.slam-easyform .pull-right{float:right!important}.slam-easyform .btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.slam-easyform .btn-primary:active:hover, .slam-easyform .btn-primary.active:hover, .slam-easyform .open>.dropdown-toggle.btn-primary:hover, .slam-easyform .btn-primary:active:focus, .slam-easyform .btn-primary.active:focus, .slam-easyform .open>.dropdown-toggle.btn-primary:focus, .slam-easyform .btn-primary:active.focus, .slam-easyform .btn-primary.active.focus, .slam-easyform .open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#204d74;border-color:#122b40}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.slam-easyform .btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.slam-easyform .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open .dropdown-toggle.btn-primary{background-image:none}.slam-easyform .btn-primary:hover, .slam-easyform .btn-primary:focus, .slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.slam-easyform .btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slam-easyform .pull-right{float:right !important}.slam-easyform input, .slam-easyform button, .slam-easyform select, .slam-easyform textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}.slam-easyform button, .slam-easyform input[type=button], .slam-easyform input[type=reset], .slam-easyform input[type=submit]{-webkit-appearance:button;cursor:pointer}.slam-easyform button, .slam-easyform select{text-transform:none}.slam-easyform button{overflow:visible}.slam-easyform button, .slam-easyform input[type="button"], .slam-easyform input[type="reset"], .slam-easyform input[type="submit"]{-webkit-appearance:button;cursor:pointer}.slam-easyform .close:not([disabled]):not(.disabled){cursor:pointer}.slam-easyform .modal-header .close{margin-top:-2px}.slam-easyform .modal-header .close{margin-top:-2px}.slam-easyform button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.slam-easyform .close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity: .2;filter:alpha(opacity=20)}.slam-easyform .modal:before{display:inline-block;vertical-align:middle;content:" ";height:100%}.slam-easyform .close:hover, .slam-easyform .close:focus{color:#000;text-decoration:none;cursor:pointer;opacity: .5;filter:alpha(opacity=50)}.slam-easyform .fade.in{opacity:1;background:rgba(0, 0, 0, .5)}.slam-easyform .modal{text-align:center}.modal-open .slam-easyform .modal{overflow-x:hidden}.slam-easyform .modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.slam-easyform .fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;background:none}.slam-easyform .modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.slam-easyform .modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.slam-easyform .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}.slam-easyform .modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);background-clip:padding-box;outline:0}.slam-easyform .modal-content{-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5);box-shadow:0 5px 15px rgba(0, 0, 0, .5)}.slam-easyform .modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.slam-easyform .modal-body{position:relative;padding:20px}.slam-easyform .alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.slam-easyform .alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.slam-easyform .alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.slam-easyform .modal .modal-header .title{margin:0;font-size:22px;display:inline-block}.slam-easyform .has-success .help-block, .slam-easyform .has-success .control-label, .slam-easyform .has-success .radio, .slam-easyform .has-success .checkbox, .slam-easyform .has-success .radio-inline, .slam-easyform .has-success .checkbox-inline{color:#3c763d}.slam-easyform .clearfix:before, .slam-easyform .clearfix:after, .slam-easyform .container:before, .slam-easyform .container:after, .slam-easyform .container-fluid:before, .slam-easyform .container-fluid:after, .slam-easyform .row:before, .slam-easyform .row:after, .slam-easyform .form-horizontal .form-group:before, .slam-easyform .form-horizontal .form-group:after, .slam-easyform .btn-toolbar:before, .slam-easyform .btn-toolbar:after, .slam-easyform .btn-group-vertical>.btn-group:before, .slam-easyform .btn-group-vertical>.btn-group:after, .slam-easyform .nav:before, .slam-easyform .nav:after, .slam-easyform .navbar:before, .slam-easyform .navbar:after, .slam-easyform .navbar-header:before, .slam-easyform .navbar-header:after, .slam-easyform .navbar-collapse:before, .slam-easyform .navbar-collapse:after, .slam-easyform .pager:before, .slam-easyform .pager:after, .slam-easyform .panel-body:before, .slam-easyform .panel-body:after, .slam-easyform .modal-footer:before, .slam-easyform .modal-footer:after{content:" ";display:table;clear:both}@media (min-width:768px){.slam-easyform .modal-dialog{position:relative;width:auto;margin:10px}.slam-easyform .modal-dialog{width:600px;margin:30px auto}.slam-easyform .container{width:750px}.slam-easyform .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}}@media (min-width:992px){.slam-easyform .container{width:970px}}@media (min-width:1200px){.slam-easyform .container{width:1170px}}.modal-open{overflow:hidden}.slam-easyform *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.slam-easyform .has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}.slam-easyform .has-error .help-block, .slam-easyform .has-error .control-label, .slam-easyform .has-error .radio, .slam-easyform .has-error .checkbox, .slam-easyform .has-error .radio-inline, .slam-easyform .has-error .checkbox-inline{color:#a94442}.slam-easyform .has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}.slam-easyform .radio input[type=radio], .slam-easyform .radio-inline input[type=radio], .slam-easyform .checkbox input[type=checkbox], .slam-easyform .checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.slam-easyform input[type=radio], .slam-easyform input[type=checkbox]{margin:4px 0 0;margin-top:1px 9;line-height:normal}.slam-easyform input[type=checkbox], .slam-easyform input[type=radio]{box-sizing:border-box;padding:0}.slam-easyform .has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168}.slam-easyform .has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483}.slam-easyform .container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.slam-easyform .col-xs-1, .slam-easyform .col-sm-1, .slam-easyform .col-md-1, .slam-easyform .col-lg-1, .slam-easyform .col-xs-2, .slam-easyform .col-sm-2, .slam-easyform .col-md-2, .slam-easyform .col-lg-2, .slam-easyform .col-xs-3, .slam-easyform .col-sm-3, .slam-easyform .col-md-3, .slam-easyform .col-lg-3, .slam-easyform .col-xs-4, .slam-easyform .col-sm-4, .slam-easyform .col-md-4, .slam-easyform .col-lg-4, .slam-easyform .col-xs-5, .slam-easyform .col-sm-5, .slam-easyform .col-md-5, .slam-easyform .col-lg-5, .slam-easyform .col-xs-6, .slam-easyform .col-sm-6, .slam-easyform .col-md-6, .slam-easyform .col-lg-6, .slam-easyform .col-xs-7, .slam-easyform .col-sm-7, .slam-easyform .col-md-7, .slam-easyform .col-lg-7, .slam-easyform .col-xs-8, .slam-easyform .col-sm-8, .slam-easyform .col-md-8, .slam-easyform .col-lg-8, .slam-easyform .col-xs-9, .slam-easyform .col-sm-9, .slam-easyform .col-md-9, .slam-easyform .col-lg-9, .slam-easyform .col-xs-10, .slam-easyform .col-sm-10, .slam-easyform .col-md-10, .slam-easyform .col-lg-10, .slam-easyform .col-xs-11, .slam-easyform .col-sm-11, .slam-easyform .col-md-11, .slam-easyform .col-lg-11, .slam-easyform .col-xs-12, .slam-easyform .col-sm-12, .slam-easyform .col-md-12, .slam-easyform .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.slam-easyform .col-xs-1, .slam-easyform .col-xs-2, .slam-easyform .col-xs-3, .slam-easyform .col-xs-4, .slam-easyform .col-xs-5, .slam-easyform .col-xs-6, .slam-easyform .col-xs-7, .slam-easyform .col-xs-8, .slam-easyform .col-xs-9, .slam-easyform .col-xs-10, .slam-easyform .col-xs-11, .slam-easyform .col-xs-12{float:left}.slam-easyform .col-xs-12{width:100%}.slam-easyform .col-xs-11{width:91.66666667%}.slam-easyform .col-xs-10{width:83.33333333%}.slam-easyform .col-xs-9{width:75%}.slam-easyform .col-xs-8{width:66.66666667%}.slam-easyform .col-xs-7{width:58.33333333%}.slam-easyform .col-xs-6{width:50%}.slam-easyform .col-xs-5{width:41.66666667%}.slam-easyform .col-xs-4{width:33.33333333%}.slam-easyform .col-xs-3{width:25%}.slam-easyform .col-xs-2{width:16.66666667%}.slam-easyform .col-xs-1{width:8.33333333%}.slam-easyform .col-xs-pull-12{right:100%}.slam-easyform .col-xs-pull-11{right:91.66666667%}.slam-easyform .col-xs-pull-10{right:83.33333333%}.slam-easyform .col-xs-pull-9{right:75%}.slam-easyform .col-xs-pull-8{right:66.66666667%}.slam-easyform .col-xs-pull-7{right:58.33333333%}.slam-easyform .col-xs-pull-6{right:50%}.slam-easyform .col-xs-pull-5{right:41.66666667%}.slam-easyform .col-xs-pull-4{right:33.33333333%}.slam-easyform .col-xs-pull-3{right:25%}.slam-easyform .col-xs-pull-2{right:16.66666667%}.slam-easyform .col-xs-pull-1{right:8.33333333%}.slam-easyform .col-xs-pull-0{right:0}.slam-easyform .col-xs-push-12{left:100%}.slam-easyform .col-xs-push-11{left:91.66666667%}.slam-easyform .col-xs-push-10{left:83.33333333%}.slam-easyform .col-xs-push-9{left:75%}.slam-easyform .col-xs-push-8{left:66.66666667%}.slam-easyform .col-xs-push-7{left:58.33333333%}.slam-easyform .col-xs-push-6{left:50%}.slam-easyform .col-xs-push-5{left:41.66666667%}.slam-easyform .col-xs-push-4{left:33.33333333%}.slam-easyform .col-xs-push-3{left:25%}.slam-easyform .col-xs-push-2{left:16.66666667%}.slam-easyform .col-xs-push-1{left:8.33333333%}.slam-easyform .col-xs-push-0{left:0}.slam-easyform .col-xs-offset-12{margin-left:100%}.slam-easyform .col-xs-offset-11{margin-left:91.66666667%}.slam-easyform .col-xs-offset-10{margin-left:83.33333333%}.slam-easyform .col-xs-offset-9{margin-left:75%}.slam-easyform .col-xs-offset-8{margin-left:66.66666667%}.slam-easyform .col-xs-offset-7{margin-left:58.33333333%}.slam-easyform .col-xs-offset-6{margin-left:50%}.slam-easyform .col-xs-offset-5{margin-left:41.66666667%}.slam-easyform .col-xs-offset-4{margin-left:33.33333333%}.slam-easyform .col-xs-offset-3{margin-left:25%}.slam-easyform .col-xs-offset-2{margin-left:16.66666667%}.slam-easyform .col-xs-offset-1{margin-left:8.33333333%}.slam-easyform .col-xs-offset-0{margin-left:0}@media (min-width:768px){.slam-easyform .col-sm-1, .slam-easyform .col-sm-2, .slam-easyform .col-sm-3, .slam-easyform .col-sm-4, .slam-easyform .col-sm-5, .slam-easyform .col-sm-6, .slam-easyform .col-sm-7, .slam-easyform .col-sm-8, .slam-easyform .col-sm-9, .slam-easyform .col-sm-10, .slam-easyform .col-sm-11, .slam-easyform .col-sm-12{float:left}.slam-easyform .col-sm-12{width:100%}.slam-easyform .col-sm-11{width:91.66666667%}.slam-easyform .col-sm-10{width:83.33333333%}.slam-easyform .col-sm-9{width:75%}.slam-easyform .col-sm-8{width:66.66666667%}.slam-easyform .col-sm-7{width:58.33333333%}.slam-easyform .col-sm-6{width:50%}.slam-easyform .col-sm-5{width:41.66666667%}.slam-easyform .col-sm-4{width:33.33333333%}.slam-easyform .col-sm-3{width:25%}.slam-easyform .col-sm-2{width:16.66666667%}.slam-easyform .col-sm-1{width:8.33333333%}.slam-easyform .col-sm-pull-12{right:100%}.slam-easyform .col-sm-pull-11{right:91.66666667%}.slam-easyform .col-sm-pull-10{right:83.33333333%}.slam-easyform .col-sm-pull-9{right:75%}.slam-easyform .col-sm-pull-8{right:66.66666667%}.slam-easyform .col-sm-pull-7{right:58.33333333%}.slam-easyform .col-sm-pull-6{right:50%}.slam-easyform .col-sm-pull-5{right:41.66666667%}.slam-easyform .col-sm-pull-4{right:33.33333333%}.slam-easyform .col-sm-pull-3{right:25%}.slam-easyform .col-sm-pull-2{right:16.66666667%}.slam-easyform .col-sm-pull-1{right:8.33333333%}.slam-easyform .col-sm-pull-0{right:0}.slam-easyform .col-sm-push-12{left:100%}.slam-easyform .col-sm-push-11{left:91.66666667%}.slam-easyform .col-sm-push-10{left:83.33333333%}.slam-easyform .col-sm-push-9{left:75%}.slam-easyform .col-sm-push-8{left:66.66666667%}.slam-easyform .col-sm-push-7{left:58.33333333%}.slam-easyform .col-sm-push-6{left:50%}.slam-easyform .col-sm-push-5{left:41.66666667%}.slam-easyform .col-sm-push-4{left:33.33333333%}.slam-easyform .col-sm-push-3{left:25%}.slam-easyform .col-sm-push-2{left:16.66666667%}.slam-easyform .col-sm-push-1{left:8.33333333%}.slam-easyform .col-sm-push-0{left:0}.slam-easyform .col-sm-offset-12{margin-left:100%}.slam-easyform .col-sm-offset-11{margin-left:91.66666667%}.slam-easyform .col-sm-offset-10{margin-left:83.33333333%}.slam-easyform .col-sm-offset-9{margin-left:75%}.slam-easyform .col-sm-offset-8{margin-left:66.66666667%}.slam-easyform .col-sm-offset-7{margin-left:58.33333333%}.slam-easyform .col-sm-offset-6{margin-left:50%}.slam-easyform .col-sm-offset-5{margin-left:41.66666667%}.slam-easyform .col-sm-offset-4{margin-left:33.33333333%}.slam-easyform .col-sm-offset-3{margin-left:25%}.slam-easyform .col-sm-offset-2{margin-left:16.66666667%}.slam-easyform .col-sm-offset-1{margin-left:8.33333333%}.slam-easyform .col-sm-offset-0{margin-left:0}}@media (min-width:992px){.slam-easyform .col-md-1, .slam-easyform .col-md-2, .slam-easyform .col-md-3, .slam-easyform .col-md-4, .slam-easyform .col-md-5, .slam-easyform .col-md-6, .slam-easyform .col-md-7, .slam-easyform .col-md-8, .slam-easyform .col-md-9, .slam-easyform .col-md-10, .slam-easyform .col-md-11, .slam-easyform .col-md-12{float:left}.slam-easyform .col-md-12{width:100%}.slam-easyform .col-md-11{width:91.66666667%}.slam-easyform .col-md-10{width:83.33333333%}.slam-easyform .col-md-9{width:75%}.slam-easyform .col-md-8{width:66.66666667%}.slam-easyform .col-md-7{width:58.33333333%}.slam-easyform .col-md-6{width:50%}.slam-easyform .col-md-5{width:41.66666667%}.slam-easyform .col-md-4{width:33.33333333%}.slam-easyform .col-md-3{width:25%}.slam-easyform .col-md-2{width:16.66666667%}.slam-easyform .col-md-1{width:8.33333333%}.slam-easyform .col-md-pull-12{right:100%}.slam-easyform .col-md-pull-11{right:91.66666667%}.slam-easyform .col-md-pull-10{right:83.33333333%}.slam-easyform .col-md-pull-9{right:75%}.slam-easyform .col-md-pull-8{right:66.66666667%}.slam-easyform .col-md-pull-7{right:58.33333333%}.slam-easyform .col-md-pull-6{right:50%}.slam-easyform .col-md-pull-5{right:41.66666667%}.slam-easyform .col-md-pull-4{right:33.33333333%}.slam-easyform .col-md-pull-3{right:25%}.slam-easyform .col-md-pull-2{right:16.66666667%}.slam-easyform .col-md-pull-1{right:8.33333333%}.slam-easyform .col-md-pull-0{right:0}.slam-easyform .col-md-push-12{left:100%}.slam-easyform .col-md-push-11{left:91.66666667%}.slam-easyform .col-md-push-10{left:83.33333333%}.slam-easyform .col-md-push-9{left:75%}.slam-easyform .col-md-push-8{left:66.66666667%}.slam-easyform .col-md-push-7{left:58.33333333%}.slam-easyform .col-md-push-6{left:50%}.slam-easyform .col-md-push-5{left:41.66666667%}.slam-easyform .col-md-push-4{left:33.33333333%}.slam-easyform .col-md-push-3{left:25%}.slam-easyform .col-md-push-2{left:16.66666667%}.slam-easyform .col-md-push-1{left:8.33333333%}.slam-easyform .col-md-push-0{left:0}.slam-easyform .col-md-offset-12{margin-left:100%}.slam-easyform .col-md-offset-11{margin-left:91.66666667%}.slam-easyform .col-md-offset-10{margin-left:83.33333333%}.slam-easyform .col-md-offset-9{margin-left:75%}.slam-easyform .col-md-offset-8{margin-left:66.66666667%}.slam-easyform .col-md-offset-7{margin-left:58.33333333%}.slam-easyform .col-md-offset-6{margin-left:50%}.slam-easyform .col-md-offset-5{margin-left:41.66666667%}.slam-easyform .col-md-offset-4{margin-left:33.33333333%}.slam-easyform .col-md-offset-3{margin-left:25%}.slam-easyform .col-md-offset-2{margin-left:16.66666667%}.slam-easyform .col-md-offset-1{margin-left:8.33333333%}.slam-easyform .col-md-offset-0{margin-left:0}}@media (min-width:1200px){.slam-easyform .col-lg-1, .slam-easyform .col-lg-2, .slam-easyform .col-lg-3, .slam-easyform .col-lg-4, .slam-easyform .col-lg-5, .slam-easyform .col-lg-6, .slam-easyform .col-lg-7, .slam-easyform .col-lg-8, .slam-easyform .col-lg-9, .slam-easyform .col-lg-10, .slam-easyform .col-lg-11, .slam-easyform .col-lg-12{float:left}.slam-easyform .col-lg-12{width:100%}.slam-easyform .col-lg-11{width:91.66666667%}.slam-easyform .col-lg-10{width:83.33333333%}.slam-easyform .col-lg-9{width:75%}.slam-easyform .col-lg-8{width:66.66666667%}.slam-easyform .col-lg-7{width:58.33333333%}.slam-easyform .col-lg-6{width:50%}.slam-easyform .col-lg-5{width:41.66666667%}.slam-easyform .col-lg-4{width:33.33333333%}.slam-easyform .col-lg-3{width:25%}.slam-easyform .col-lg-2{width:16.66666667%}.slam-easyform .col-lg-1{width:8.33333333%}.slam-easyform .col-lg-pull-12{right:100%}.slam-easyform .col-lg-pull-11{right:91.66666667%}.slam-easyform .col-lg-pull-10{right:83.33333333%}.slam-easyform .col-lg-pull-9{right:75%}.slam-easyform .col-lg-pull-8{right:66.66666667%}.slam-easyform .col-lg-pull-7{right:58.33333333%}.slam-easyform .col-lg-pull-6{right:50%}.slam-easyform .col-lg-pull-5{right:41.66666667%}.slam-easyform .col-lg-pull-4{right:33.33333333%}.slam-easyform .col-lg-pull-3{right:25%}.slam-easyform .col-lg-pull-2{right:16.66666667%}.slam-easyform .col-lg-pull-1{right:8.33333333%}.slam-easyform .col-lg-pull-0{right:0}.slam-easyform .col-lg-push-12{left:100%}.slam-easyform .col-lg-push-11{left:91.66666667%}.slam-easyform .col-lg-push-10{left:83.33333333%}.slam-easyform .col-lg-push-9{left:75%}.slam-easyform .col-lg-push-8{left:66.66666667%}.slam-easyform .col-lg-push-7{left:58.33333333%}.slam-easyform .col-lg-push-6{left:50%}.slam-easyform .col-lg-push-5{left:41.66666667%}.slam-easyform .col-lg-push-4{left:33.33333333%}.slam-easyform .col-lg-push-3{left:25%}.slam-easyform .col-lg-push-2{left:16.66666667%}.slam-easyform .col-lg-push-1{left:8.33333333%}.slam-easyform .col-lg-push-0{left:0}.slam-easyform .col-lg-offset-12{margin-left:100%}.slam-easyform .col-lg-offset-11{margin-left:91.66666667%}.slam-easyform .col-lg-offset-10{margin-left:83.33333333%}.slam-easyform .col-lg-offset-9{margin-left:75%}.slam-easyform .col-lg-offset-8{margin-left:66.66666667%}.slam-easyform .col-lg-offset-7{margin-left:58.33333333%}.slam-easyform .col-lg-offset-6{margin-left:50%}.slam-easyform .col-lg-offset-5{margin-left:41.66666667%}.slam-easyform .col-lg-offset-4{margin-left:33.33333333%}.slam-easyform .col-lg-offset-3{margin-left:25%}.slam-easyform .col-lg-offset-2{margin-left:16.66666667%}.slam-easyform .col-lg-offset-1{margin-left:8.33333333%}.slam-easyform .col-lg-offset-0{margin-left:0}}
/* End */


/* Start:/local/templates/digital/components/topman/callbackform/tmd/style.css?17872272406937*/
.cbf__opener{display:none}
.cbf__trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.cbf__form .alert{margin:0 0 20px;padding:14px 18px;border-radius:18px;font-size:15px;line-height:21px}
.cbf__form .alert-success{background:rgba(110,211,169,.16);color:#1E7A5A}
.cbf__form .alert-danger{background:rgba(168,29,63,.12);color:#A81D3F}
.cbf__form .alert.hidden{display:none}

.cbf__eyebrow{margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#5011D4}
.cbf__lead{margin:0 0 28px;font-size:16px;line-height:23px;color:rgba(30,0,93,.65)}

.cbf__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}
.cbf__field{display:flex;flex-direction:column;gap:9px;min-width:0}
.cbf__field_wide,.cbf__field_site{grid-column:1/-1}
.cbf__label{font-size:13px;font-weight:500;letter-spacing:.2px;color:rgba(30,0,93,.62)}
.cbf__req{margin-left:5px;color:#5011D4}
.cbf__control{width:100%;height:70px;padding:0 26px;border:1px solid rgba(30,0,93,.14);border-radius:100px;background:#fff;font:inherit;font-size:17px;color:#1E005D;transition:border-color .25s ease,background .25s ease}
.cbf.topman-callbackform .cbf__control_area{height:auto;min-height:111px;padding:20px 26px;border-radius:28px;font-size:16px;line-height:23px;resize:vertical}
.cbf__control:focus{outline:none;border-color:#5011D4}
.cbf__control::placeholder{color:rgba(30,0,93,.35)}

.cbf__actions{display:flex;flex-direction:column;gap:20px;align-items:stretch}
.cbf__submit{height:80px;padding:0 26px;border:0;border-radius:100px;background:#5011D4;color:#fff;font:inherit;font-size:17px;font-weight:600;letter-spacing:-.3px;cursor:pointer;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,background .25s ease,opacity .25s ease}
.cbf__submit:hover{background:#1E005D}
.cbf__submit_off{opacity:.45;cursor:not-allowed}
.cbf__submit_off:hover{background:#5011D4;transform:none;box-shadow:none}
.cbf__accept{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:13px;line-height:18px;color:rgba(30,0,93,.6)}
.cbf__accept input{position:absolute;opacity:0;width:0;height:0}
.cbf__accept_box{position:relative;flex-shrink:0;width:22px;height:22px;margin-top:1px;border:1px solid rgba(30,0,93,.25);border-radius:6px;transition:background .2s ease,border-color .2s ease}
.cbf__accept_box::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}
.cbf__accept input:checked+.cbf__accept_box{background:#5011D4;border-color:#5011D4}
.cbf__accept input:checked+.cbf__accept_box::after{opacity:1}
.cbf__accept input:focus-visible+.cbf__accept_box{outline:2px solid #5011D4;outline-offset:2px}
.cbf__accept_text a{color:inherit;text-decoration:underline !important}

.cbf__inline .cbf__body{padding:44px;border:1px solid rgba(255,255,255,.14);border-radius:40px;background:rgba(255,255,255,.06);color:#fff}
.cbf__inline .cbf__eyebrow{color:rgba(255,255,255,.55)}
.cbf__inline .cbf__lead{color:rgba(255,255,255,.72)}
.cbf__inline .cbf__label{color:rgba(255,255,255,.62)}
.cbf__inline .cbf__control{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#fff}
.cbf__inline .cbf__control::placeholder{color:rgba(255,255,255,.34)}
.cbf__inline .cbf__control:focus{border-color:#B860BA;background:rgba(255,255,255,.1)}
.cbf__inline .cbf__submit{background:#fff;color:#1E005D}
.cbf__inline .cbf__submit:hover{background:#fff;transform:translateY(-3px);box-shadow:0 22px 44px -20px rgba(255,255,255,.5)}
.cbf__inline .cbf__submit_off:hover{background:#fff;transform:none;box-shadow:none}
.cbf__inline .cbf__accept{color:rgba(255,255,255,.6)}
.cbf__inline .cbf__accept_box{border-color:rgba(255,255,255,.3)}
.cbf__inline .cbf__accept input:focus-visible+.cbf__accept_box{outline-color:#fff}
.cbf__inline .cbf__accept_text a{color:#fff}
.cbf__inline .alert-success{background:rgba(110,211,169,.18);color:#A8F0D2}
.cbf__inline .alert-danger{background:rgba(255,155,176,.18);color:#FFB4C4}

.cbf__modal .hystmodal__window.cbf__panel{width:min(760px,92vw);margin:40px auto;padding:52px 56px;border-radius:40px;background:#fff;transform:none !important}
.cbf__modal .hystmodal__window.cbf__panel_done{width:min(680px,92vw);padding:60px 48px;background:#1E005D;text-align:center}
.cbf__done{display:flex;flex-direction:column;align-items:center;gap:26px}
.cbf__done_mark{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:112px;height:112px;border-radius:112px;background:linear-gradient(90deg,#1E005D 0%,#5011D4 100%)}
.cbf__done_title{margin:0;font-size:48px;line-height:50px;font-weight:600;letter-spacing:-2.4px;color:#fff}
.cbf__modal_done .cbf__done .ok-text{margin:0;max-width:620px;font-size:19px;line-height:27px;font-weight:400;letter-spacing:normal;text-align:center;color:rgba(255,255,255,.72)}
.cbf__done_again{margin-top:8px;padding:21px 26px;border:1px solid rgba(255,255,255,.4);border-radius:30px;background:transparent;font:inherit;font-size:16px;font-weight:500;line-height:22px;letter-spacing:-.32px;color:#fff;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}
.cbf__done_again:hover{background:#fff;border-color:#fff;color:#1E005D}

html.hystmodal__opened{scroll-behavior:auto !important}

@media (max-width:1279px){
    .cbf__inline .cbf__body{padding:36px}
}

@media (max-width:767px){
    .cbf.topman-callbackform .cbf__fields{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px}
    .cbf__actions{gap:16px}
    .cbf__submit{padding:0 16px}
    .cbf__inline .cbf__body{padding:26px;border-radius:28px}
    .cbf__modal .hystmodal__window.cbf__panel{padding:36px 24px;border-radius:32px}
    .cbf__modal .hystmodal__window.cbf__panel_done{padding:44px 24px}
    .cbf__done{gap:20px}
    .cbf__done_mark{width:88px;height:88px}
    .cbf__done_title{font-size:30px;line-height:34px;letter-spacing:-1.4px}
    .cbf__modal_done .cbf__done .ok-text{font-size:17px;line-height:25px}
    .cbf__done_again{padding:18px 22px;font-size:15px}
}

.cbf__file{position:relative;display:flex;align-items:center;gap:18px;height:70px;padding:0 26px;border:1px dashed rgba(255,255,255,.28);border-radius:100px;cursor:pointer;transition:border-color .25s ease,background .25s ease}
.cbf__file:hover{border-color:#5011D4;background:rgba(255,255,255,.06)}
.cbf__file_input{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.cbf__file_btn{font-size:15px;font-weight:600;color:#fff;white-space:nowrap}
.cbf__file_name{font-size:14px;line-height:19px;color:rgba(255,255,255,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width: 700px){.cbf__file{height:auto;padding:18px 22px;border-radius:28px;flex-direction:column;align-items:flex-start;gap:8px}}

/* End */
/* /local/templates/digital/components/bitrix/news.detail/shop-page/style.css?17873226645867 */
/* /local/templates/digital/css/topman-web.css?178732265738908 */
/* /bitrix/components/topman/callbackform/lib/css/bootstrap.min.css?178593003622741 */
/* /local/templates/digital/components/topman/callbackform/tmd/style.css?17872272406937 */