:root {
  --s-h1: clamp(34px, 4.4vw, 52px); --s-h1-lh: 1.05; --s-h1-ls: -.04em;
  --s-h2: clamp(30px, 3.4vw, 40px); --s-h2-lh: 1.1; --s-h2-ls: -.04em;
  --s-band: clamp(32px, 3.8vw, 52px); --s-band-lh: 1.02;
  --s-h3l: clamp(22px, 2.2vw, 28px); --s-h3l-lh: 1.2; --s-h3l-ls: -.025em;
  --s-h3: 20px; --s-h3-lh: 1.25; --s-h3-ls: -.015em;
  --s-h4: 18px; --s-h4-lh: 1.3;
  --s-fw-head: 650;
  --s-lead: 18px; --s-lead-lh: 1.55;
  --s-small: 14px; --s-small-lh: 1.45;
  --s-btn-gap: 16px;
}
@media (max-width: 760px) { :root { --s-h3: 19px; --s-lead: 17px; --s-btn-gap: 12px; } }

.ft-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 28px; font-size: 14px; color: var(--ink-3); }
.ft-crumbs a { color: var(--ink-3); text-decoration: underline; text-decoration-color: rgba(95, 102, 127, .3); text-underline-offset: 3px; }
.ft-crumbs a:hover { color: var(--ink); }

#main :is(.kj-title, .us-title) { font-size: var(--s-h1); line-height: var(--s-h1-lh); letter-spacing: var(--s-h1-ls); }

:is(#main, #cases) :is(.h2, .kj-h2, .vz2-h, .vz-tour__h, .vz-case__t) { font-size: var(--s-h2); line-height: var(--s-h2-lh); letter-spacing: var(--s-h2-ls); }
:is(#main, #cases) .final .h2 { font-size: var(--s-band); line-height: var(--s-band-lh); max-width: 22ch; }

:is(#main, #cases) :is(.vz-h3, .kj-h3) { font-size: var(--s-h3l); line-height: var(--s-h3l-lh); letter-spacing: var(--s-h3l-ls); }
:is(#main, #cases) h3:not([class]) { font-size: var(--s-h3); line-height: var(--s-h3-lh); letter-spacing: var(--s-h3-ls); }
:is(#main, #cases) h4:not([class]) { font-size: var(--s-h4); line-height: var(--s-h4-lh); }
:is(#main, #cases) :is(h1, h2, h3, h4, h5, h6) { font-weight: var(--s-fw-head) !important; }

:is(#main, #cases) :is(.h2, .kj-h2, .vz2-h, .vz-tour__h) + p, :is(#main, #cases) .sec-h .sub { font-size: var(--s-lead); line-height: var(--s-lead-lh); }

:is(#main, #cases) .ctas { gap: var(--s-btn-gap); }

:is(#main, #cases) :is(.sn-by, .kj-fig figcaption, .ft-final__note, .ft-mock__note, .pr-note, .us-tags > span, .tc-c .vh) { font-size: var(--s-small); line-height: var(--s-small-lh); }

.story.sn { aspect-ratio: auto; }
.story.sn::before { content: ""; display: block; padding-top: 125%; }
.stories--n { align-items: start; }

@media (max-width: 480px) {
  :is(#main, #cases) :is(h1, h2, h3, h4, .k) { overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; min-width: 0; }
}

@media (min-width: 761px) and (max-width: 1020px) {
  .stories--n { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; scrollbar-width: none; padding-bottom: 4px; }
  .stories--n::-webkit-scrollbar { display: none; }
  .stories--n .story.sn { flex: 0 0 min(360px, 46%); scroll-snap-align: start; }
}

@media (max-width: 389.98px) {
  .sj-header .sj-header__in { gap: 8px; }
  .sj-header .sj-logo img { height: 24px; }
  .sj-header .sj-actions .ft-btn.sj-try { padding-inline: 10px; font-size: 13px; }
  .sj-header .sj-burger { width: 38px; height: 38px; }
  #main .tabs { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
  #main .tabs::-webkit-scrollbar { display: none; }
}

#rec470668988 [data-elem-id="1637017974577"] .tn-atom { line-height: 1.1 !important; }
@media (max-width: 479px) { #rec1496076501 [data-elem-id="1697798250206"] { top: 214px !important; width: 300px !important; } }
#rec1496076501 .t-submit { background-color: #fff !important; color: #091A4E !important; }
#rec1496076501 .t-submit * { color: #091A4E !important; }
#rec1496076501 .t-submit:hover { background-color: #EDF2FE !important; }

.ft-final .ft-final__list { margin: 20px 0 4px; gap: 12px; font-size: 17px; line-height: 1.45; color: #fff; }
@media (max-width: 760px) { .ft-final .ft-final__list { font-size: 16px; } }
:root { --s-sec: 96px; }
@media (max-width: 760px) { :root { --s-sec: 80px; } }
:is(#main, #cases) .sec { padding-top: var(--s-sec); }
#main .vz-zag + .sec { padding-top: 40px; }
#main :is(.vz-hero, .kj-hero, .ck-hero):has(+ :is(.sec, .kj-body, .final)) { padding-bottom: 0; }
#main .vz-hero:has(+ .logos) { padding-bottom: 16px; }
#main .kj-body { padding-top: var(--s-sec); }
@media (max-width: 1020px) { #main .kj-side:not(:has(.kj-sticky > :not(.kj-card--cta))) { display: none; } }
.t-rec.ft-polosa { margin-top: var(--s-sec); }
#main:has(+ #allrecords .ft-polosa) > :last-child { padding-bottom: 0; }
#main .in > div.vz-items:first-of-type { margin-top: 0; }
#main .kj-main > :first-child { margin-top: 0; }
@media (max-width: 389.98px) { :is(#main, #cases) .btn { white-space: normal; max-width: 100%; text-align: center; justify-content: center; } }
:is(#main, #cases) .sf { grid-template-columns: 40px minmax(0, 1fr); }
@media (max-width: 480px) { :is(#main, #cases) .sf p { overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; } }
.t396 .t396__artboard { overflow-x: clip !important; }
:is(#main, #cases) .sec.band { padding-bottom: var(--s-sec); }
.story.sn.sn--blue { background: radial-gradient(120% 70% at 50% 32%, #325CBE 0%, #1B3788 55%, #11245E 100%); }
.story.sn .sn-ph { object-fit: cover; object-position: 50% 0; }
.story.sn::after { background: linear-gradient(180deg, rgba(0, 0, 0, .28) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .3) 100%); }
.story.sn .sn-txt::before { content: ""; position: absolute; z-index: -1; left: -22px; right: -22px; top: -72px; bottom: -22px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 72px, rgba(0, 0, 0, .6) 100%); pointer-events: none; }
.story.sn .sn-ph { -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent 100%); mask-image: linear-gradient(180deg, #000 72%, transparent 100%); }
@media (max-width: 1020px) { .story.sn::before { padding-top: 150%; } .story.sn .sn-ph { scale: .9; transform-origin: 50% 0; } }
.story.sn .sn-q { font-size: 16px; line-height: 1.55; text-indent: -.55em; }
@media (max-width: 760px) { .story.sn .sn-q { font-size: 14px; line-height: 1.5; } }
@media (max-width: 360px) { .stories--n .story.sn { flex-basis: 90%; } .story.sn::before { padding-top: 170%; } }
.story.sn .sn-txt > .sn-by { margin-top: auto; }
.sj-foot .sj-foot__slogan { font-size: clamp(34px, 4.2vw, 64px); line-height: 1.04; }
@media (min-width: 761px) { .sj-foot .sj-foot__slogan { white-space: nowrap; } }
.sj-foot .sj-foot__act { gap: 16px; }
.sj-foot .sj-foot__act .ft-btn { order: -1; }
.sj-foot .sj-foot__lead { font-size: 16px; line-height: 1.5; letter-spacing: 0; }
#main section.vz-ist, #main section.vz-ist:hover { background: transparent; }
.kp-ryad { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.kp { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(24px, 4vw, 64px); padding: clamp(24px, 3vw, 40px); border-radius: 24px; background: var(--soft); color: var(--ink); text-decoration: none; transition: box-shadow .2s ease; }
.kp:hover { box-shadow: 0 18px 40px -26px rgba(9, 26, 78, .4); }
.kp--bez { grid-template-columns: minmax(0, 1fr); }
.kp__txt { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; min-width: 0; }
.kp, .kp__fig { min-width: 0; }
.kp__k { font: 500 12px/1.4 var(--num); letter-spacing: .08em; text-transform: uppercase; color: var(--blue); }
#main .kp__t { margin: 0; font-size: var(--s-h3l); line-height: var(--s-h3l-lh); letter-spacing: var(--s-h3l-ls); color: var(--ink); text-wrap: balance; }
.kp__d { font-size: 16px; line-height: 1.5; color: var(--ink-2); }
.kp__kto { display: flex; align-items: center; gap: 12px; margin-top: 4px; font-size: 14px; line-height: 1.4; color: var(--ink-3); }
.kp__ava { flex: none; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #fff; }
.kp__go { margin-top: 8px; font-size: 16px; font-weight: 600; color: var(--blue); }
.kp:hover .kp__go { text-decoration: underline; text-underline-offset: 4px; }
.kp__fig { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden; background: #fff; }
.kp__fig img { display: block; width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 760px) { .kp { grid-template-columns: minmax(0, 1fr); } .kp__fig { order: -1; } }
:root { --s-card-r: 16px; --s-card-pad: 24px; --s-card-pad-ramka: 28px; }
#main :is(.vz-item, .vz-prob, .vz-feat, .kj-card--cta) { padding: var(--s-card-pad); border-radius: var(--s-card-r); border: 0; background: var(--soft); }
#main .kj-main > .kj-note { padding: var(--s-card-pad); border-radius: var(--s-card-r); background: var(--soft); }
#main :is(.vz-opt, .kt-quotes .q, .kj-card:not(.kj-card--cta), .vz-fmt) { padding: var(--s-card-pad-ramka); border-radius: var(--s-card-r); }
.ftf-sek { background: var(--soft); }
#main .sec.ftf-sek { margin-top: var(--s-sec); padding-block: var(--s-sec); }
.ftf-sek__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 480px); gap: clamp(32px, 5vw, 80px); align-items: start; }
.ftf-sek__txt { min-width: 0; }
#main .ftf-sek__txt .h2 { margin: 0 0 16px; }
.ftf-sek__txt .sub { margin: 0 0 12px; font-size: var(--s-lead); line-height: var(--s-lead-lh); color: var(--ink-2); }
.ftf-sek__k { margin: 28px 0 12px; font-size: 16px; font-weight: 600; color: var(--ink); }
.ftf-sek__list { margin: 0; }
.ftf.ftf--v { padding: 28px; border-radius: 20px; background: #fff; box-shadow: 0 20px 48px -32px rgba(9, 26, 78, .35); }
@media (max-width: 900px) { .ftf-sek__in { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) { .ftf.ftf--v { padding: 22px 18px; } }
.ftf-sek--stolbik .ftf-sek__in { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 32px; }
.ftf-sek--stolbik .ftf-sek__txt { max-width: 760px; text-align: center; }
.ftf-sek--stolbik .ftf.ftf--v { width: 100%; max-width: 560px; }
.ftf-sek__fig { margin: 28px 0 0; }
.ftf-sek__fig img { display: block; width: 100%; height: auto; border-radius: 16px; }
.ftf-sek--stolbik .ftf-sek__fig img { margin-inline: auto; }
.ftf-sek__ps { margin-top: 16px; }