body.mts{
  --page:#F2F3F7;
  --mts-r:clamp(1.5rem,2.6vw,2.5rem);
  --mts-gap:clamp(.5rem,1vw,1rem);
  --mts-pad:clamp(3.5rem,6vw,6rem);
  --t-h2:clamp(2rem,1.4rem + 1.6vw,2.625rem);
  background:var(--page);
}

body.mts main > .band,
body.mts .ftr{
  margin:var(--mts-gap) var(--mts-gap) 0;
  border-radius:var(--mts-r);
  overflow:clip;
}
body.mts main > .band.section{padding-block:var(--mts-pad)}

body.mts .hdr{margin:var(--mts-gap) var(--mts-gap) 0;top:0;border-radius:var(--mts-r) var(--mts-r) 0 0;overflow:clip;
  transition:border-radius .3s,box-shadow .3s}
body.mts .hdr.hdr--stuck{border-radius:0 0 var(--mts-r) var(--mts-r)}
body.mts .hdr__in{transition:padding .3s}
body.mts .hdr--stuck .hdr__in{padding-block:.85rem}

body.mts .hero.band{margin-top:calc(-1 * var(--mts-r));border-top:var(--mts-r) solid transparent}
body.mts .ftr{margin-bottom:var(--mts-gap)}

body.mts #services,
body.mts #reviews,
body.mts #quiz,
body.mts #audit{background:transparent;padding-block:clamp(2.5rem,4.5vw,4.5rem)}

body.mts .label{background:var(--page);color:var(--mute-l)}
body.mts #services .label,
body.mts #reviews .label,
body.mts #quiz .label,
body.mts #audit .label{background:#fff}
body.mts .band--dark .label{background:rgba(255,255,255,.08);color:var(--mute-d)}

body.mts #services .svc__it{background:#fff}
body.mts #services .svc__ico,
body.mts #services .svc__arrow{background:var(--page)}
body.mts #services .svc__it:hover .svc__arrow{background:#fff}

body.mts #services .svc__it p:not(.svc__term):not(.svc__foot){font-size:1.0625rem;line-height:1.5}
body.mts #services .svc__list{margin-top:.55rem}
body.mts #services .svc__list li{font-size:.9375rem}
body.mts #services .svc-nav__btn,
body.mts #reviews .svc-nav__btn{background:#fff;color:var(--ink)}
body.mts #services .svc-nav__btn:hover,
body.mts #reviews .svc-nav__btn:hover{background:var(--indigo);color:#fff}

body.mts #reviews .rv{background:#fff}
body.mts #reviews .rv--video{border-color:transparent}

body.mts #quiz .qz{background:#fff}
body.mts #quiz .quiz{background:var(--page);box-shadow:none}
body.mts #quiz .quiz__bar i{background:#fff}
body.mts #quiz .quiz__bar i.is-on{background:var(--indigo)}

body.mts #audit .audit__free,
body.mts #audit .audit__f{background:#fff}
body.mts #audit .form--light .fld input{background:var(--page)}

body.mts .why{border:0;gap:clamp(.5rem,1vw,.75rem);background:transparent}
body.mts .why li{background:var(--page);border:0!important;border-radius:var(--r)}
body.mts .why li:hover{background:#E9EBF1}
body.mts .faq__it{background:var(--page)}
body.mts .faq__it[open]{background:var(--page);box-shadow:none}

body.mts .band--dark,
body.mts .ftr{background:#12141C}

@media (max-width:767px){
  body.mts{--mts-gap:.5rem;--mts-r:1.5rem}
}

.mts-switch{
  position:fixed;left:12px;bottom:12px;z-index:150;
  display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:999px;
  background:#0B1120;color:#fff;font-size:.8125rem;text-decoration:none;
  box-shadow:0 8px 24px -10px rgba(11,17,32,.5);
}
.mts-switch:hover{background:var(--indigo)}

body.mts{
  --indigo:#E8492A;
  --indigo-hi:#FF5A36;
  --indigo-lo:#FF8F70;
  --indigo-dim:rgba(255,90,54,.10);
  --indigo-dim2:rgba(255,90,54,.18);
}

body.mts .btn--primary{background:var(--ink);color:#fff}
body.mts .band--dark .btn--primary{background:#fff;color:var(--ink)}

body.mts .svc__it::before{background:linear-gradient(135deg,#12141C 0%,#22252F 100%)}
body.mts .svc__it:hover,body.mts .svc__it:focus-visible{box-shadow:0 22px 50px -20px rgba(18,20,28,.45)}
body.mts #services .svc__it:hover .svc__arrow{background:var(--indigo);color:#fff}
body.mts .svc__it:hover .svc__list li::before{background:var(--indigo-hi)}
body.mts .svc__it:hover .svc__ico{color:var(--indigo-lo)}
body.mts .svc-nav__btn:hover{box-shadow:0 10px 24px -10px rgba(232,73,42,.55)}

body.mts .opt:hover{border-color:rgba(232,73,42,.45)}
body.mts .opt--on{background:rgba(232,73,42,.05)}
body.mts .fld input:focus,body.mts .fld textarea:focus{background:rgba(232,73,42,.06)}
body.mts .faq__it summary::after{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8492A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
}
body.mts .quick__fab{box-shadow:0 10px 28px -8px rgba(232,73,42,.8)}
body.mts .quick__i--form{background:rgba(232,73,42,.16)}
body.mts .quick__i--form:hover{background:rgba(232,73,42,.28)}

.wordmark{
  font-family:var(--f-display);font-weight:600;letter-spacing:-.045em;line-height:1;
  font-size:clamp(1.5rem,1.1rem + .9vw,2rem);color:var(--ink);white-space:nowrap;
}
.wordmark::after{content:"";display:inline-block;width:.2em;height:.2em;margin-left:.06em;border-radius:50%;background:var(--indigo);vertical-align:baseline}
.ftr .wordmark{color:#fff;font-size:2rem}

body.mts .btn--primary{border:0;transition:background-color .35s ease,color .35s ease}
body.mts .btn--primary::before{content:none}
body.mts .btn--primary:hover,body.mts .band--dark .btn--primary:hover{background:var(--indigo);color:#fff}

body.mts #contact{background:#1D2030}
body.mts #contact .cta__f .fld input,body.mts #contact .cta__f .fld textarea{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}

body.mts .cta__tg{color:#fff}
body.mts .cta__tg > svg:first-child,body.mts .cta__tg .cta__arr{color:var(--indigo-lo)}
body.mts .cta__tg:hover{color:var(--indigo-lo)}

body.mts .ftr__req{display:grid;gap:.2rem;margin-top:1rem}

body.mts .pf__it--cta{border:0;border-radius:calc(var(--mts-r) * .8);overflow:hidden;margin:clamp(.75rem,1.4vw,1.25rem)}
@media (min-width:900px){
  body.mts .pf__it--cta.pf__it--wide{margin:clamp(1.25rem,2.4vw,2.5rem) var(--gut) 0}
}

body.mts .pf__it--cta{background:#D44D1D}
body.mts .pf__it--cta::before{content:"";position:absolute;left:0;right:0;bottom:0;aspect-ratio:1227/1281;pointer-events:none;
  background:url(../img/cta/cta-tall.webp) center / 100% 100% no-repeat;
  -webkit-mask-image:linear-gradient(to top,#000 70%,transparent);mask-image:linear-gradient(to top,#000 70%,transparent)}
body.mts .pf__it--cta .pf__art{display:none}
body.mts .pf__it--cta .pf__body{justify-content:flex-start;gap:.9rem;padding:clamp(2rem,6vw,3.5rem) clamp(1.5rem,5vw,3.25rem) 58%}
body.mts .pf__it--cta .pf__btn{align-self:stretch;justify-content:center;margin-top:1rem}
@media (min-width:900px){

  body.mts .pf__it--cta.pf__it--wide{background:#D35125 url(../img/cta/cta-wide.webp) right center / cover no-repeat;min-height:0;
    aspect-ratio:3/1}
  body.mts .pf__it--cta.pf__it--wide::before{content:none}

  body.mts .pf__it--wide .pf__body{display:flex;flex-direction:column;justify-content:center;gap:clamp(1.1rem,1.6vw,1.75rem);
    padding:clamp(2rem,3.5vw,4.5rem) 50% clamp(2rem,3.5vw,4.5rem) clamp(3rem,9vw,10rem)}
  body.mts .pf__it--wide .pf__n,body.mts .pf__it--wide .pf__d{margin:0}
  body.mts .pf__it--wide .pf__n{font-size:clamp(2.2rem,1rem + 2.2vw,4rem);max-width:8em;align-self:flex-start}
  body.mts .pf__it--wide .pf__d{font-size:clamp(1rem,.8rem + .5vw,1.5rem);align-self:flex-start}
  body.mts .pf__it--wide .pf__btn{align-self:flex-start;transform:none;margin-top:0}
}

body.svc-icons .svc__it::before,body.svc-banners .svc__it::before{content:none}
body.svc-icons .svc__it:hover,body.svc-banners .svc__it:hover{color:var(--ink);box-shadow:0 22px 50px -24px rgba(18,20,28,.28)}
body.svc-icons .svc__it:hover p,body.svc-banners .svc__it:hover p,
body.svc-icons .svc__it:hover .svc__list li,body.svc-banners .svc__it:hover .svc__list li,
body.svc-icons .svc__it:hover .svc__term span,body.svc-banners .svc__it:hover .svc__term span{color:var(--mute-l)}
body.svc-icons .svc__it:hover .svc__term b,body.svc-banners .svc__it:hover .svc__term b{color:var(--ink)}
body.svc-icons .svc__it:hover .svc__price,body.svc-banners .svc__it:hover .svc__price{color:var(--ink)!important}
body.svc-icons .svc__it:hover .svc__list li::before,body.svc-banners .svc__it:hover .svc__list li::before{background:var(--indigo)}

body.svc-icons .svc__ico--3d{width:5rem;height:5rem;padding:.3rem;border-radius:1.2rem;background:var(--page)}
body.svc-icons .svc__ico--3d img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform var(--svc-t)}
body.svc-icons .svc__it:hover .svc__ico--3d{background:var(--page)}
body.svc-icons .svc__it:hover .svc__ico--3d img{transform:scale(1.08) rotate(-3deg)}

body.svc-banners .svc__pic{position:relative;display:block;margin:-2rem -2rem -.25rem;aspect-ratio:3/1;overflow:hidden;background:#E9EBF4}
body.svc-banners .svc__pic img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.19,1,.22,1)}

body.svc-banners .svc__body{position:relative;z-index:2;display:flex;flex-direction:column;gap:.7rem;flex:1;
  margin:calc(-.7rem - .7rem) -2rem -1.75rem;padding:1.6rem 2rem 1.75rem;background:#fff;border-radius:1rem 1rem 0 0}

body.svc-banners .svc__body > *{position:relative}
body.svc-banners .svc__pic{margin-bottom:0}

body.svc-banners .svc__it,body.svc-icons .svc__it{will-change:transform;backface-visibility:hidden}
body.svc-banners .svc__pic img{will-change:transform;backface-visibility:hidden}

body.svc-banners .svc__it:hover .svc__pic img{transform:scale(1.02)}

body.svc-banners .svc__tags{position:absolute;right:1rem;top:.85rem;display:flex;gap:.35rem}
body.svc-banners .svc__tags i{font-style:normal;font-size:.75rem;font-weight:600;line-height:1;padding:.4rem .6rem;border-radius:.5rem;background:var(--indigo);color:#fff}
body.svc-banners .svc__tags i + i{background:var(--ink)}

body.svc-icons .svc__it:focus-visible,body.svc-banners .svc__it:focus-visible{
  color:var(--ink);outline:2px solid var(--indigo);outline-offset:3px;border-radius:var(--r)}
body.svc-icons .svc__it:focus-visible::before,body.svc-banners .svc__it:focus-visible::before{content:none}

.logo-svg{display:block;height:clamp(1.6rem,1.2rem + .6vw,2.1rem);width:auto;color:var(--ink)}
.ftr .logo-svg{height:2.2rem;color:#fff}

.logo-svg--creatora_ru{height:calc(clamp(1.6rem,1.2rem + .6vw,2.1rem) * 1.15)}
.ftr .logo-svg--creatora_ru{height:calc(2.2rem * 1.15)}

body.mts #process{background:transparent;overflow:clip;padding-block:clamp(2.5rem,4.5vw,4.5rem)}
body.mts #process .label{background:#fff}
body.mts #process .hd{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;align-content:start}

body.mts #process .hd > *{grid-column:1;grid-row:auto;align-self:start}
body.mts #process .hd__sub{max-width:24rem;margin:0}
body.mts #process .proc__cta{justify-self:start;margin-top:1rem}
@media (min-width:1000px){
  body.mts #process .grid-hd{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:start}
  body.mts #process .hd{position:sticky;top:calc(var(--hdr-h,5.5rem) + 2rem);margin-bottom:0}
}
body.mts .proc{display:grid;gap:0;margin:0;padding:0;list-style:none;background:#fff;border-radius:var(--r);overflow:hidden}
body.mts .proc__it{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"n h t" "p p p" "o o o";
  align-items:center;gap:.9rem 1.1rem;padding:clamp(1.4rem,2.2vw,2rem) clamp(1.25rem,2.4vw,2.25rem);
  border-radius:0;background:#fff;border-bottom:1px solid var(--line-l);transform:none}
body.mts .proc__it:last-child{border-bottom:0}
body.mts .proc__it:hover{transform:none;background:#FBFBFD}

body.mts .proc__it.reveal{transform:translateY(28px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.3,1),background-color .3s}
body.mts .proc__it.reveal.in{transform:none}
body.mts .proc__it > div{display:contents}
body.mts .proc__n{grid-area:n;font-size:clamp(1.6rem,1.2rem + 1vw,2.1rem);font-weight:600;color:var(--indigo)!important;-webkit-text-stroke:0!important;min-width:2.2ch}
body.mts .proc__it h3{grid-area:h;margin:0;font-size:clamp(1.3rem,1.05rem + .8vw,1.75rem);font-weight:600;letter-spacing:-.015em}
body.mts .proc__t{grid-area:t;margin:0;padding:.5rem .95rem;background:var(--page);color:var(--ink);font-size:var(--t-sm);white-space:nowrap}
body.mts .proc__it p{grid-area:p;margin:0;color:var(--mute-l);font-size:1.0625rem;line-height:1.5}
body.mts .proc__out{grid-area:o;display:flex;align-items:baseline;gap:1rem;margin:0;font-size:1.0625rem;line-height:1.45;color:var(--ink)}
body.mts .proc__out::before{content:none}
body.mts .proc__out b{flex:none;padding-right:1rem;border-right:1px solid var(--line-l);color:var(--indigo);font-weight:600}
@media (max-width:520px){
  body.mts .proc__it{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"n h" "t t" "p p" "o o"}
  body.mts .proc__t{justify-self:start}
  body.mts .proc__out{flex-direction:column;gap:.3rem}
  body.mts .proc__out b{padding-right:0;border-right:0}
}