/* MediaLead — итоговая главная · блок 15 «Изучить подробнее». Три варианта на выбор (временно). */
.b15{background:var(--paper)}
.b15v{display:none}
.b15[data-v="1"] .b15v--1,.b15[data-v="2"] .b15v--2,.b15[data-v="3"] .b15v--3{display:block}
.b15g{color:var(--ink-3)}
.b15__go{display:flex;justify-content:flex-end;margin-top:22px}
.b15__next{font-size:15px;font-weight:500;color:var(--ink-2);text-decoration:none}
.b15__next:hover{color:var(--accent)}
.b15a{width:18px;height:18px;flex:none;color:var(--ink-3);transition:transform .3s var(--ease),color .2s}

/* 1 · Разделы */
.b15t{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.b15i{position:relative;display:flex;flex-direction:column;gap:5px;min-height:176px;padding:22px;border-radius:24px;background:#fff;color:var(--ink);text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s}
.b15i:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(13,13,15,.35)}
.b15i__ic{display:grid;place-items:center;width:44px;height:44px;margin-bottom:auto;border-radius:13px;background:var(--paper)}
.b15i__ic svg{width:21px;height:21px}
.b15i__ic--ai{background:var(--ink);color:#fff;font-size:12px;font-weight:700}
.b15i b{margin-top:18px;font-size:19px;font-weight:500;letter-spacing:-.01em;line-height:1.2}
.b15i small{font-size:14px;line-height:1.4;color:var(--ink-3)}
.b15i .b15a{position:absolute;top:22px;right:22px}
.b15i:hover .b15a,.b15d a:hover .b15a{transform:translate(2px,-2px);color:var(--accent)}

/* Сферы — общая строка */
.b15s{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding:18px 20px;border-radius:22px;background:#fff}
.b15s span{margin-right:8px;font-size:14px;font-weight:500;color:var(--ink-3)}
.b15s a{height:38px;display:inline-flex;align-items:center;padding:0 14px;border-radius:12px;background:var(--paper);font-size:14.5px;font-weight:500;color:var(--ink);text-decoration:none;transition:background .2s,color .2s}
.b15s a:hover{background:var(--ink);color:#fff}
.b15s .b15s__all{background:none;color:var(--ink-2)}
.b15s .b15s__all:hover{background:none;color:var(--accent)}

/* 2 · Три сценария */
.b15dd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.b15d{display:flex;flex-direction:column;padding:26px 26px 14px;border-radius:26px;background:#fff}
.b15d__k{font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}
.b15d h3{margin:6px 0 14px;font-size:26px;font-weight:500;letter-spacing:-.02em;line-height:1.15}
.b15d ul{margin:0;padding:0;list-style:none}
.b15d li+li{border-top:1px solid var(--line)}
.b15d a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;font-size:16px;font-weight:500;color:var(--ink);text-decoration:none}
.b15d--dk{background:var(--dark);color:#fff}
.b15d--dk .b15d__k{color:#ff8a78}
.b15d--dk li+li{border-color:var(--dark-3)}
.b15d--dk a{color:#fff}
.b15d--dk .b15a{color:var(--dark-ink-2)}

/* 3 · Своя сфера */
.b15f{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:12px}
.b15f__pk{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:26px;background:#fff}
.b15p{display:flex;align-items:center;min-height:46px;padding:0 16px;border:0;border-radius:14px;background:none;font:inherit;font-size:15.5px;font-weight:500;color:var(--ink-2);text-align:left;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}
.b15p:hover{background:var(--paper);color:var(--ink)}
.b15p[aria-pressed="true"]{background:var(--ink);color:#fff}
.b15p--all{margin-top:auto;color:var(--ink-3)}
.b15f__card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px;border-radius:26px;background:#fff}
.b15f__card.is-swap{animation:b15in .45s var(--ease)}
@keyframes b15in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
.b15c{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:400px;padding:22px;border-radius:18px;overflow:hidden;color:#fff;text-decoration:none;background:#222 0% 50%/cover}
.b15c::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.78))}
.b15c>*{position:relative}
.b15c em{font-style:normal;font-size:13px;font-weight:500;opacity:.8}
.b15c b{font-size:56px;font-weight:500;letter-spacing:-.03em;line-height:1}
.b15c span{font-size:15px;opacity:.9}
.b15c small{margin-top:12px;font-size:14px;font-weight:500}
.b15f__in{display:flex;flex-direction:column;padding:16px 14px 6px}
.b15f__in h3{margin:0;font-size:28px;font-weight:500;letter-spacing:-.02em;line-height:1.15}
.b15f__in p{margin:12px 0 0;font-size:16px;line-height:1.5;color:var(--ink-2)}
.b15f__in ul{margin:auto 0 0;padding:18px 0 0;list-style:none}
.b15f__in li+li{border-top:1px solid var(--line)}
.b15f__in a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;font-size:16px;font-weight:500;color:var(--ink);text-decoration:none}
.b15f__in a:hover .b15a{transform:translate(2px,-2px);color:var(--accent)}
.b15f__in li:first-child a{color:var(--accent)}

@media (max-width:1100px){
  .b15t{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b15dd{grid-template-columns:1fr}
  .b15f{grid-template-columns:1fr}
  .b15f__pk{flex-direction:row;flex-wrap:wrap}
  .b15p--all{margin-top:0}
}
@media (max-width:720px){
  .b15t{gap:8px}
  .b15i{min-height:150px;padding:16px;border-radius:20px}
  .b15i b{font-size:16.5px}
  .b15i small{font-size:13px}
  .b15i .b15a{top:16px;right:16px}
  .b15s{padding:14px}
  .b15s span{width:100%}
  .b15d{padding:20px 18px 8px}
  .b15d h3{font-size:22px}
  .b15f__pk{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:8px}
  .b15f__pk::-webkit-scrollbar{display:none}
  .b15p{flex:none;min-height:40px;padding:0 14px;font-size:14.5px;white-space:nowrap}
  .b15f__card{grid-template-columns:1fr;padding:8px}
  .b15c{min-height:280px}
  .b15c b{font-size:44px}
  .b15f__in{padding:12px 10px 0}
  .b15f__in h3{font-size:23px}
}