:root{
  --mtg-black:#0f1219;
  --mtg-black2:#121725;
  --mtg-white:#ffffff;
  --mtg-soft:#f6f7fb;
  --mtg-soft2:#f2f4f8;
  --mtg-line:rgba(15,18,25,.10);
  --mtg-line2:rgba(255,255,255,.12);

  --mtg-text:#0c0d10;
  --mtg-muted:#6b7280;

  --mtg-accent:#ff3b30;
  --mtg-accent2:#ff5b52;

  --mtg-radius:18px;
  --mtg-radius2:24px;

  --mtg-shadow: 0 18px 60px rgba(0,0,0,.20);
  --mtg-shadow2: 0 10px 30px rgba(0,0,0,.12);
  --mtg-shadow3: 0 14px 40px rgba(0,0,0,.18);
}

/* контейнеры mtg (у тебя в шаблоне используется mtg-container) */
.mtg-container{
  width: min(1200px, calc(100% - 40px));
  margin: 0 auto;
}

/* общие */
.mtg-section{
  padding: 72px 0;
}
.mtg-section--soft{
  background: radial-gradient(1000px 600px at 15% 0%, rgba(255,59,48,.08), transparent 60%),
              radial-gradient(900px 600px at 95% 20%, rgba(15,18,25,.06), transparent 55%),
              var(--mtg-soft);
  border-top: 1px solid rgba(15,18,25,.06);
  border-bottom: 1px solid rgba(15,18,25,.06);
}

.mtg-section__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 18px;
  margin-bottom: 26px;
}
.mtg-section__title{
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -0.2px;
  margin: 0;
}
.mtg-section__desc{
  margin-top: 8px;
  color: var(--mtg-muted);
  font-size: 14px;
  line-height: 1.5;
  max-width: 560px;
}

/* pills в секциях */
.mtg-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.mtg-pill{
  display:inline-flex;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(15,18,25,.08);
  color: rgba(15,18,25,.80);
  font-size: 12px;
  box-shadow: 0 10px 20px rgba(0,0,0,.05);
}

/* кнопки mtg (в шаблоне используются mtg-btn, не путать с .btn в header) */
.mtg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .1px;
  border: 1px solid transparent;
  cursor:pointer;
  text-decoration:none;
  white-space: nowrap;
}
.mtg-btn--primary{
  color: #fff;
  background: linear-gradient(135deg, var(--mtg-accent), var(--mtg-accent2));
  box-shadow: 0 14px 34px rgba(255,59,48,.22);
}
.mtg-btn--primary:hover{ filter: brightness(1.02); }

.mtg-btn--ghost{
  color: rgba(255,255,255,.92);
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.16);
}
.mtg-btn--ghost:hover{ background: rgba(255,255,255,.14); }

.mtg-btn--outline-dark{
  color: rgba(15,18,25,.92);
  background: rgba(255,255,255,.80);
  border-color: rgba(15,18,25,.12);
}
.mtg-btn--outline-dark:hover{ background: rgba(255,255,255,.92); }

.mtg-btn--wide{ width:100%; }

/* hero */
.mtg-hero{
  position: relative;
  min-height: 640px;
  padding: 64px 0 84px;
  background:
    radial-gradient(1200px 800px at 10% -10%, rgba(255,59,48,.22), transparent 58%),
    radial-gradient(900px 700px at 90% 0%, rgba(255,255,255,.10), transparent 55%),
    linear-gradient(180deg, rgba(18,22,30,.92), rgba(15,18,25,1)),
    var(--mtg-hero-bg, none);
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.mtg-hero__overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(10,12,16,.40), rgba(10,12,16,.68));
  pointer-events:none;
}
.mtg-hero__grid{
  position: relative;
  z-index: 1;
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 24px;
  align-items:stretch;
}

/* левая карточка */
.mtg-hero__card{
  height: 100%;
  padding: 30px 28px;
  border-radius: var(--mtg-radius2);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 26px 80px rgba(0,0,0,.34);
  backdrop-filter: blur(14px);
}
.mtg-hero__kicker{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.88);
  font-weight: 800;
  font-size: 12px;
}
.mtg-hero__title{
  margin: 16px 0 10px;
  color: #fff;
  font-size: 40px;
  line-height: 1.07;
  letter-spacing: -0.8px;
  font-weight: 950;
}
.mtg-hero__text{
  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: 15px;
  line-height: 1.55;
  max-width: 620px;
}
.mtg-hero__cta{
  display:flex;
  gap: 12px;
  margin-top: 18px;
  flex-wrap:wrap;
}

/* trust */
.mtg-hero__trust{
  margin-top: 22px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.mtg-trust{
  padding: 14px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}
.mtg-trust__num{
  color:#fff;
  font-weight: 950;
  letter-spacing: -.2px;
}
.mtg-trust__txt{
  margin-top: 4px;
  color: rgba(255,255,255,.68);
  font-size: 12px;
  line-height: 1.35;
}

/* правая панель — делаем по высоте как левая, но уже */
.mtg-hero__panel{
  height: 100%;
  padding: 26px 22px;
  border-radius: var(--mtg-radius2);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 26px 80px rgba(0,0,0,.30);
  backdrop-filter: blur(16px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap: 18px;
}
.mtg-hero__panel-title{
  color:#fff;
  font-weight: 950;
  letter-spacing: -0.2px;
  font-size: 18px;
  line-height: 1.25;
}
.mtg-hero__panel-sub{
  margin-top: 8px;
  color: rgba(255,255,255,.70);
  font-size: 13px;
  line-height: 1.5;
}
.mtg-hero__panel-actions{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  align-items:center;
}
.mtg-iconbtn{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(135deg, rgba(255,59,48,.95), rgba(255,91,82,.95));
  color:#fff;
  box-shadow: 0 12px 26px rgba(255,59,48,.22);
}
.mtg-iconchip{
  display:inline-flex;
  align-items:center;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.86);
  font-weight: 800;
  font-size: 12px;
}
.mtg-iconchip:hover{ background: rgba(255,255,255,.14); }

/* services grid */
.mtg-services{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.mtg-service{
  position: relative;
  border-radius: var(--mtg-radius2);
  overflow:hidden;
  min-height: 170px;
  border: 1px solid rgba(15,18,25,.10);
  box-shadow: var(--mtg-shadow2);
  background: #fff;
  transition: transform .2s ease, box-shadow .2s ease;
}
.mtg-service:hover{
  transform: translateY(-2px);
  box-shadow: var(--mtg-shadow3);
}
.mtg-service__img{
  position:absolute;
  inset:0;
  background-size: cover;
  background-position: center;
  filter: saturate(1.05) contrast(1.05);
}
.mtg-service__img::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(15,18,25,.10), rgba(15,18,25,.74));
}
.mtg-service__content{
  position: relative;
  z-index: 1;
  padding: 18px 18px;
  height: 100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap: 10px;
}
.mtg-service__title{
  color:#fff;
  font-weight: 950;
  letter-spacing: -0.2px;
  line-height: 1.2;
  font-size: 15px;
}
.mtg-service__btn{
  display:inline-flex;
  width: fit-content;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
  color: rgba(255,255,255,.92);
  font-weight: 900;
  font-size: 12px;
}

/* popular categories */
.mtg-popcats{
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
}
.mtg-popcat{
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(15,18,25,.10);
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  background:#fff;
  transition: transform .2s ease, box-shadow .2s ease;
  text-decoration:none;
  color: inherit;
}
.mtg-popcat:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 46px rgba(0,0,0,.12);
}

/* важно: картинка без обрезки */
.mtg-popcat__img{
  height: 96px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(15,18,25,.03);
  padding: 10px;
}
.mtg-popcat__name{
  padding: 10px 12px 12px;
  font-weight: 950;
  font-size: 12.5px;
  letter-spacing: -0.1px;
  color: rgba(15,18,25,.92);
  line-height: 1.25;
}

/* lead form */
.mtg-lead{
  margin-top: 22px;
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  padding: 26px 22px;
  border-radius: var(--mtg-radius2);
  background: linear-gradient(135deg, rgba(255,59,48,.10), rgba(255,255,255,.92));
  border: 1px solid rgba(15,18,25,.10);
  box-shadow: var(--mtg-shadow2);
}
.mtg-lead__title{
  font-weight: 950;
  font-size: 22px;
  letter-spacing: -0.2px;
}
.mtg-lead__sub{
  margin-top: 6px;
  color: rgba(15,18,25,.70);
  font-size: 13px;
  line-height: 1.5;
}
.mtg-checks{
  margin-top: 14px;
  display:grid;
  gap: 10px;
}
.mtg-check{
  padding-left: 22px;
  position: relative;
  color: rgba(15,18,25,.78);
  font-size: 13px;
  line-height: 1.45;
}
.mtg-check::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background: linear-gradient(135deg, var(--mtg-accent), var(--mtg-accent2));
  box-shadow: 0 10px 18px rgba(255,59,48,.18);
}
.mtg-lead__form{
  display:grid;
  gap: 10px;
}
.mtg-input{
  width:100%;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(15,18,25,.12);
  background: rgba(255,255,255,.92);
  outline:none;
}
.mtg-input:focus{
  border-color: rgba(255,59,48,.35);
  box-shadow: 0 0 0 4px rgba(255,59,48,.10);
}
.mtg-lead__note{
  color: rgba(15,18,25,.62);
  font-size: 11px;
  line-height: 1.4;
}

/* guarantees */
.mtg-mini{
  display:flex;
  gap: 12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.mtg-mini__item{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  background:#fff;
  border: 1px solid rgba(15,18,25,.10);
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
}
.mtg-mini__num{
  width: 26px;
  height: 26px;
  border-radius: 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight: 950;
  background: linear-gradient(135deg, var(--mtg-accent), var(--mtg-accent2));
}
.mtg-mini__txt{
  font-weight: 900;
  font-size: 12px;
  color: rgba(15,18,25,.82);
}

.mtg-guarantees{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.mtg-gcard{
  border-radius: var(--mtg-radius2);
  padding: 18px 16px;
  background: #fff;
  border: 1px solid rgba(15,18,25,.10);
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.mtg-gcard__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}
.mtg-gcard__icon{
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight: 950;
  background: linear-gradient(135deg, rgba(15,18,25,.85), rgba(15,18,25,.65));
  box-shadow: 0 12px 26px rgba(0,0,0,.15);
}
.mtg-gcard__badge{
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(15,18,25,.06);
  border: 1px solid rgba(15,18,25,.08);
  color: rgba(15,18,25,.75);
  font-weight: 900;
  font-size: 12px;
}
.mtg-gcard__title{
  font-weight: 950;
  letter-spacing: -0.15px;
  font-size: 15px;
}
.mtg-gcard__text{
  color: rgba(15,18,25,.70);
  font-size: 13px;
  line-height: 1.5;
}
.mtg-gcard__bottom{ margin-top:auto; }

/* cases */
.mtg-cases{
  display:grid;
  gap: 16px;
}
.mtg-case{
  display:grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 16px;
  border-radius: var(--mtg-radius2);
  overflow:hidden;
  border: 1px solid rgba(15,18,25,.10);
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  background:#fff;
}
.mtg-case__img{
  min-height: 280px;
  background-size: cover;
  background-position: center;
}
.mtg-case__body{
  padding: 18px 18px;
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.mtg-case__tag{
  width: fit-content;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,59,48,.10);
  border: 1px solid rgba(255,59,48,.18);
  color: rgba(15,18,25,.86);
  font-weight: 950;
  font-size: 12px;
}
.mtg-case__title{
  font-weight: 950;
  font-size: 18px;
  letter-spacing: -0.2px;
  line-height: 1.2;
}
.mtg-case__text{
  color: rgba(15,18,25,.70);
  font-size: 13px;
  line-height: 1.55;
}
.mtg-case__list{
  margin: 0;
  padding-left: 18px;
  color: rgba(15,18,25,.76);
  font-size: 13px;
  line-height: 1.5;
}
.mtg-case__actions{
  margin-top: auto;
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}

/* cases meta */
.mtg-cases__meta{
  display:flex;
  gap: 10px;
  align-items:flex-end;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.mtg-cases__meta-item{
  padding: 10px 12px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(15,18,25,.10);
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
  text-align:center;
  min-width: 84px;
}
.mtg-cases__meta-num{ font-weight: 950; }
.mtg-cases__meta-txt{ color: rgba(15,18,25,.60); font-size: 12px; margin-top: 2px; }

/* b2b block */
.mtg-b2b{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 16px;
  padding: 22px 18px;
  border-radius: var(--mtg-radius2);
  background: radial-gradient(900px 500px at 15% 0%, rgba(255,59,48,.10), transparent 60%),
              #fff;
  border: 1px solid rgba(15,18,25,.10);
  box-shadow: var(--mtg-shadow2);
}
.mtg-b2b__kicker{
  display:inline-flex;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(15,18,25,.06);
  border: 1px solid rgba(15,18,25,.08);
  color: rgba(15,18,25,.78);
  font-weight: 950;
  font-size: 12px;
}
.mtg-b2b__title{
  margin-top: 10px;
  font-weight: 950;
  font-size: 22px;
  letter-spacing: -0.25px;
  line-height: 1.2;
}
.mtg-b2b__text{
  margin-top: 8px;
  color: rgba(15,18,25,.72);
  font-size: 13px;
  line-height: 1.55;
}
.mtg-b2b__chips{
  margin-top: 12px;
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
}
.mtg-b2bchip{
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(15,18,25,.06);
  border: 1px solid rgba(15,18,25,.08);
  color: rgba(15,18,25,.78);
  font-weight: 900;
  font-size: 12px;
}
.mtg-b2b__cta{
  margin-top: 14px;
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}
.mtg-b2b__right{
  display:grid;
  gap: 12px;
}
.mtg-b2bcard{
  padding: 14px 14px;
  border-radius: 18px;
  background: rgba(15,18,25,.03);
  border: 1px solid rgba(15,18,25,.08);
}
.mtg-b2bcard__title{ font-weight: 950; }
.mtg-b2bcard__text{
  margin-top: 6px;
  color: rgba(15,18,25,.70);
  font-size: 13px;
  line-height: 1.5;
}
.mtg-b2bcard__meta{
  margin-top: 10px;
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  color: rgba(15,18,25,.68);
  font-size: 12px;
}
.mtg-b2bcard--accent{
  background: radial-gradient(700px 300px at 10% 0%, rgba(255,59,48,.18), transparent 60%),
              rgba(255,255,255,.95);
}

/* map */
.mtg-map{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 16px;
  border-radius: var(--mtg-radius2);
  overflow:hidden;
  border: 1px solid rgba(15,18,25,.10);
  box-shadow: var(--mtg-shadow2);
  background:#fff;
}
.mtg-map__img{
  min-height: 320px;
  background-size: cover;
  background-position: center;
}
.mtg-map__info{
  padding: 18px 18px;
}
.mtg-map__chips{
  margin-top: 12px;
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
}
.mtg-chip{
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(15,18,25,.06);
  border: 1px solid rgba(15,18,25,.08);
  color: rgba(15,18,25,.78);
  font-weight: 900;
  font-size: 12px;
}

/* principles */
.mtg-principles{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.mtg-principle{
  padding: 18px 16px;
  border-radius: var(--mtg-radius2);
  background:#fff;
  border: 1px solid rgba(15,18,25,.10);
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
}
.mtg-principle__icon{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight: 950;
  background: linear-gradient(135deg, rgba(15,18,25,.85), rgba(15,18,25,.65));
  box-shadow: 0 12px 26px rgba(0,0,0,.15);
}
.mtg-principle__title{
  margin-top: 12px;
  font-weight: 950;
  letter-spacing: -0.1px;
}
.mtg-principle__text{
  margin-top: 8px;
  color: rgba(15,18,25,.70);
  font-size: 13px;
  line-height: 1.5;
}

/* bottom lead */
.mtg-bottomlead{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 14px;
  padding: 18px 16px;
  border-radius: var(--mtg-radius2);
  background: linear-gradient(135deg, rgba(15,18,25,.92), rgba(15,18,25,.82));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 60px rgba(0,0,0,.18);
}
.mtg-bottomlead__title{
  color:#fff;
  font-weight: 950;
  letter-spacing: -0.2px;
  font-size: 18px;
}
.mtg-bottomlead__text{
  margin-top: 6px;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  line-height: 1.55;
}
.mtg-bottomlead__form{
  display:grid;
  gap: 10px;
  align-content:center;
}
.mtg-input--dark{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.14);
  color:#fff;
}
.mtg-input--dark::placeholder{ color: rgba(255,255,255,.60); }

/* адаптив главной */
@media (max-width: 1100px){
  .mtg-hero__grid{ grid-template-columns: 1fr; }
  .mtg-hero{ min-height: unset; padding: 54px 0 70px; }
  .mtg-services{ grid-template-columns: repeat(2, 1fr); }
  .mtg-popcats{ grid-template-columns: repeat(3, 1fr); }
  .mtg-guarantees{ grid-template-columns: repeat(2, 1fr); }
  .mtg-principles{ grid-template-columns: repeat(2, 1fr); }
  .mtg-map{ grid-template-columns: 1fr; }
  .mtg-lead{ grid-template-columns: 1fr; }
  .mtg-b2b{ grid-template-columns: 1fr; }
}
@media (max-width: 600px){
  .mtg-hero__title{ font-size: 30px; }
  .mtg-hero__trust{ grid-template-columns: 1fr; }
  .mtg-services{ grid-template-columns: 1fr; }
  .mtg-popcats{ grid-template-columns: repeat(2, 1fr); }
  .mtg-guarantees{ grid-template-columns: 1fr; }
  .mtg-principles{ grid-template-columns: 1fr; }
  .mtg-case{ grid-template-columns: 1fr; }
  .mtg-case__img{ min-height: 220px; }
  .mtg-bottomlead{ grid-template-columns: 1fr; }
}