/* Компетенции плиткой. Всё под .mss; у правил по два класса, иначе сброс полей
   и правила шаблона landing24 перебивают их по специфичности. */
.mss{--mss-ink:#0c111d;--mss-gray:#667085;--mss-soft:#98a2b3;--mss-blue:#2970ff;--mss-deep:#155eef;--mss-pale:#d6e2ff;--mss-line:#eaecf0;--mss-tint:#f5f8ff;
  padding:56px 0;color:var(--mss-ink);
  font-family:'Inter','Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6}
.mss *,.mss *::before,.mss *::after{box-sizing:border-box}
.mss .mss-wrap{max-width:1140px;margin:0 auto;padding:0 24px}

/* шапка секции */
.mss .mss-head{text-align:center;max-width:660px;margin:0 auto 40px}
.mss .mss-tag{display:inline-block;font-size:13px;font-weight:600;color:var(--mss-deep);
  background:linear-gradient(180deg,#fff,var(--mss-tint));border:1px solid var(--mss-pale);
  padding:6px 16px;border-radius:99px;margin:0 0 20px;box-shadow:0 2px 8px rgba(41,112,255,.07)}
.mss .mss-title{font-size:clamp(26px,3.6vw,42px);font-weight:800;line-height:1.14;letter-spacing:-.028em;margin:0 0 16px}
.mss .mss-title b{font-weight:800;background:linear-gradient(120deg,var(--mss-blue) 20%,#6b9bff 80%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.mss .mss-lead{color:var(--mss-gray);font-size:16.5px;margin:0}

/* плитка */
.mss .mss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mss .mss-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--mss-line);
  border-radius:18px;padding:30px;transition:.28s cubic-bezier(.2,.7,.3,1)}
.mss .mss-card::after{content:'';position:absolute;inset:0;opacity:0;transition:.28s;pointer-events:none;
  background:radial-gradient(circle at 50% -30%,rgba(41,112,255,.07),transparent 60%)}
.mss .mss-card:hover{transform:translateY(-5px);border-color:var(--mss-pale);
  box-shadow:0 24px 48px rgba(16,24,40,.09),0 4px 12px rgba(16,24,40,.04)}
.mss .mss-card:hover::after{opacity:1}
.mss .mss-ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  margin:0 0 20px;background:linear-gradient(180deg,#fff,var(--mss-tint));border:1px solid var(--mss-pale);
  box-shadow:0 2px 6px rgba(41,112,255,.08)}
.mss .mss-ic img{width:22px;height:22px;display:block}
.mss .mss-card-title{position:relative;font-size:17.5px;font-weight:700;letter-spacing:-.01em;margin:0 0 9px}
.mss .mss-card-text{position:relative;font-size:14px;color:var(--mss-gray);margin:0 0 14px}
.mss .mss-chips{position:relative;display:flex;flex-wrap:wrap;gap:6px}
.mss .mss-chip{font-size:11.5px;font-weight:600;color:var(--mss-gray);background:#fafbfc;
  border:1px solid var(--mss-line);padding:4px 11px;border-radius:99px;transition:.2s}
.mss .mss-card:hover .mss-chip{border-color:var(--mss-pale);color:var(--mss-deep);background:var(--mss-tint)}

@media(max-width:900px){.mss .mss-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){
  .mss{padding:40px 0}
  .mss .mss-grid{grid-template-columns:1fr;gap:16px}
  .mss .mss-card{padding:24px}
  .mss .mss-head{margin-bottom:28px}
}