.mex__h{max-width:1000px}
.mex__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mg-gap)}
.mex-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:40px;background:#fff;border-radius:var(--r-card)}
.mex-card--dark{background:var(--mg-card-dark);color:#fff}
.mex-card__wb{position:absolute;right:40px;top:40px;width:52px;height:52px;border-radius:13px}
.mex-card__top{display:flex;flex-direction:column;gap:12px}
.mex-card__t{font-stretch:var(--w-hyper);font-weight:500;font-size:28px;line-height:32px}
.mex-card--dark .mex-card__top{padding-right:72px}
.mex-card__lead{max-width:520px;color:var(--ink-55)}
.mex-card--dark .mex-card__lead{color:rgba(255,255,255,.72)}
.mex-card__bot{display:flex;flex-direction:column;gap:28px}
.mex-chips{display:flex;flex-wrap:wrap;gap:8px;max-width:600px}
.mex-card--dark .mg-chip{background:rgba(255,255,255,.1)}
@media (max-width:1199px){ .mex-card{padding:32px} .mex-card__wb{right:32px;top:32px} }
@media (max-width:1023px){ .mex__grid{grid-template-columns:minmax(0,1fr)} }
@media (max-width:767px){
  .mex-card{padding:24px 20px 20px;gap:32px;border-radius:20px}
  .mex-card__wb{right:20px;top:20px;width:44px;height:44px;border-radius:11px}
  .mex-card__t{font-size:22px;line-height:26px}
  .mex-card--dark .mex-card__top{padding-right:0}
  .mex-card--dark .mex-card__t{padding-right:56px}
  .mex-card__bot{gap:24px}
  .mex-card__bot .btn{width:100%}
  .mg-chip{height:30px;padding:0 12px;font-size:13px;line-height:16px}
}