/* Призыв с градиентом. Правила в два класса — иначе их перебивает шаблон landing24. */
.msc{--msc-ink:#0c111d;--msc-blue:#2970ff;--msc-deep:#155eef;
  position:relative;overflow:hidden;text-align:center;padding:88px 0 76px;color:var(--msc-ink);
  font-family:'Inter','Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6;
  background:linear-gradient(180deg,#fff 0%,#eaf1ff 26%,#a7c2ff 58%,var(--msc-blue) 88%,var(--msc-deep) 100%)}
.msc *,.msc *::before,.msc *::after{box-sizing:border-box}
.msc::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.4;
  background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1px);background-size:22px 22px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 30%,#000);
  mask-image:linear-gradient(to bottom,transparent 30%,#000)}
.msc .msc-wrap{position:relative;max-width:1140px;margin:0 auto;padding:0 24px}

.msc .msc-title{font-size:clamp(28px,4.6vw,52px);font-weight:800;line-height:1.1;letter-spacing:-.028em;margin:0 0 16px}
.msc .msc-lead{color:#33456b;font-size:17.5px;margin:0 0 36px}
.msc .msc-btn{display:inline-block;background:#fff;color:var(--msc-deep);text-decoration:none;
  padding:16px 34px;border-radius:13px;font-weight:700;font-size:15.5px;transition:.22s;
  box-shadow:0 16px 40px rgba(12,17,29,.25),inset 0 1px 0 #fff}
.msc .msc-btn:hover{color:var(--msc-deep);text-decoration:none;transform:translateY(-3px);box-shadow:0 24px 52px rgba(12,17,29,.32)}
.msc .msc-line{margin:28px 0 0;font-size:14.5px;color:#dbe7ff}
.msc .msc-phone{color:#fff;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}
.msc .msc-phone:hover{color:#fff;text-decoration:none;border-bottom-color:#fff}

@media(max-width:640px){
  .msc{padding:64px 0 54px}
  .msc .msc-lead{font-size:16px;margin-bottom:28px}
  .msc .msc-btn{padding:14px 26px;font-size:15px}
}