/* MediaLead — итоговая главная · блок 7 «Отличия от рынка». Пять вариантов на выбор (временно). */
.b7{padding-top:110px;padding-bottom:110px}
.b7var{display:none}
.b7[data-v="1"] .b7var--1,.b7[data-v="2"] .b7var--2,.b7[data-v="3"] .b7var--3,.b7[data-v="4"] .b7var--4,.b7[data-v="5"] .b7var--5{display:block}
.b7[data-v="1"],.b7[data-v="2"]{background:var(--dark);color:#fff}
.b7 .h2{margin:0;font-size:var(--h2m);max-width:900px}
.b7 .h2 span{color:var(--ink-3)}
.b7[data-v="1"] .h2 span,.b7[data-v="2"] .h2 span{color:#8c8c94}
.b7h{margin-bottom:40px}
.b7h--row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.b7x,.b7v{width:20px;height:20px;flex:none}
.b7x{color:#9a9aa2}
.b7v{color:var(--good)}
.b7f{display:flex;align-items:center;gap:20px;margin-top:36px;padding-top:26px;border-top:1px solid var(--line)}
.b7f p{margin:0;font-size:15.5px;color:var(--ink-3)}
.b7[data-v="1"] .b7f,.b7[data-v="2"] .b7f{border-color:var(--dark-3)}
.b7[data-v="1"] .b7f p,.b7[data-v="2"] .b7f p{color:var(--dark-ink-2)}

/* ===== 1 · Таблица (D) ===== */
.b7t{display:grid}
.b7t__r{display:grid;grid-template-columns:200px 1fr 1fr;gap:24px;align-items:center;padding:20px 0;border-top:1px solid var(--dark-3)}
.b7t__r--h{padding:0 0 14px;border-top:0;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#75757d}
.b7t__r--h span:last-child{color:#ff8a78}
.b7t__k{font-size:19px;font-weight:500}
.b7t__o{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.45;color:#8c8c94}
.b7t__n{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#fff}
.b7t__n b{font-weight:500}
.b7t__n .b7v{color:#5ed38f}

/* ===== 2 · Переключатель (D2) ===== */
.b7sw{position:relative;display:inline-flex;flex:none;padding:5px;border-radius:999px;background:var(--dark-3)}
.b7sw button{position:relative;z-index:1;height:46px;padding:0 20px;border:0;border-radius:999px;background:none;font:inherit;font-size:15px;font-weight:500;color:#a7a7ad;cursor:pointer;transition:color .3s}
.b7sw button[aria-pressed="true"]{color:var(--ink)}
.b7sw__th{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:#fff;transition:transform .45s var(--ease),width .45s var(--ease)}
.b7sw[data-m="ml"] .b7sw__th{background:var(--accent)}
.b7sw[data-m="ml"] button[aria-pressed="true"]{color:#fff}
.b7s{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.b7s__i{position:relative;min-height:170px;padding:22px;border-radius:22px;background:var(--dark-2);overflow:hidden;transition:background .5s var(--k)}
.b7s__k{display:block;margin-bottom:14px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#75757d}
.b7s__o,.b7s__n{display:flex;gap:10px;margin:0;font-size:16px;line-height:1.45;transition:opacity .4s var(--k),transform .5s var(--ease) var(--k)}
.b7s__o{color:#a7a7ad}
.b7s__n{position:absolute;left:22px;right:22px;top:58px;color:#fff;opacity:0;transform:translateY(12px)}
.b7s__n b{font-weight:500}
.b7s__n .b7v{color:#5ed38f}
.b7s[data-m="ml"] .b7s__i{background:#232328;box-shadow:inset 0 0 0 1px rgba(94,211,143,.25)}
.b7s[data-m="ml"] .b7s__o{opacity:0;transform:translateY(-12px)}
.b7s[data-m="ml"] .b7s__n{opacity:1;transform:none}
.b7s__sum{display:flex;align-items:baseline;gap:14px;margin-top:22px}
.b7s__sum b{font-size:40px;font-weight:500;letter-spacing:-.02em}
.b7s__sum span{font-size:16px;color:var(--dark-ink-2)}
.b7s[data-m="ml"] ~ .b7s__sum b{color:#5ed38f}

/* ===== 3 · Шторка ===== */
.b7c{position:relative;height:560px;border-radius:30px;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.b7c__l{position:absolute;inset:0;padding:30px 40px}
.b7c__l--o{background:#e9e9ec}
.b7c__l--n{background:var(--dark);color:#fff;clip-path:inset(0 0 0 var(--x))}
.b7c__tag{display:inline-block;margin-bottom:18px;padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:600}
.b7c__l--o .b7c__tag{background:#fff;color:var(--ink-2)}
.b7c__l--n .b7c__tag{position:absolute;right:40px;top:30px;background:var(--accent);color:#fff}
.b7c__l--n ul{padding-top:54px}
.b7c__l ul{display:grid;margin:0;padding:0;list-style:none}
.b7c__l li{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;height:62px;border-bottom:1px solid rgba(13,13,15,.08)}
.b7c__l--n li{border-color:rgba(255,255,255,.08)}
.b7c__l li > span:last-child{display:flex;gap:10px;align-items:center;font-size:16.5px;line-height:1.35}
.b7c__l--o li > span:last-child{color:#77777e}
.b7c__l--n .b7v{color:#5ed38f}
.b7c__l--n b{font-weight:500}
.b7k{font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#9a9aa2}
.b7c__l--o ul{padding-top:0}
.b7c__h{position:absolute;top:0;bottom:0;left:var(--x);z-index:3;width:2px;margin-left:-1px;background:#fff;cursor:ew-resize;outline:none}
.b7c__h span{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}
.b7c__h span svg{width:24px;height:24px}
.b7c__h:focus-visible span{box-shadow:0 0 0 3px var(--accent)}

/* ===== 4 · Карточки «обычно → у нас» ===== */
.b7g{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.b7k4{position:relative;height:220px;padding:22px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden;cursor:default;outline:none}
.b7k4__n{position:relative;z-index:2;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--ink-3)}
.b7k4__f{position:absolute;left:22px;right:22px;bottom:22px;display:flex;flex-direction:column;gap:8px;transition:opacity .45s,transform .55s var(--ease)}
.b7k4__f span{align-self:flex-start;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600}
.b7k4__f p{margin:0;font-size:17px;line-height:1.4}
.b7k4__f--o span{background:var(--paper);color:var(--ink-3)}
.b7k4__f--o p{color:var(--ink-3);text-decoration:line-through;text-decoration-color:rgba(226,65,46,.6);text-decoration-thickness:1.5px}
.b7k4__f--n{opacity:0;transform:translateY(16px)}
.b7k4__f--n span{background:var(--accent);color:#fff}
.b7k4__f--n p{color:var(--ink)}
.b7k4__f--n b{font-weight:500}
.b7k4::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(226,65,46,.08),rgba(226,65,46,0) 60%);opacity:0;transition:opacity .5s}
.b7k4.is-ml::before{opacity:1}
.b7k4.is-ml{box-shadow:0 0 0 1.5px rgba(226,65,46,.35)}
.b7k4.is-ml .b7k4__f--o{opacity:0;transform:translateY(-16px)}
.b7k4.is-ml .b7k4__f--n{opacity:1;transform:none}
.b7g.is-done .b7k4:hover:not(.is-hold) .b7k4__f--o{opacity:1;transform:none}
.b7g.is-done .b7k4:hover:not(.is-hold) .b7k4__f--n{opacity:0;transform:translateY(16px)}
.b7g.is-done .b7k4:hover::before{opacity:0}
.b7g__end{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;height:220px;padding:22px;border-radius:24px;background:var(--dark);color:#fff}
.b7g__end b{font-size:48px;font-weight:500;letter-spacing:-.03em;line-height:1;color:#5ed38f}
.b7g__end span{font-size:14.5px;line-height:1.4;color:var(--dark-ink-2)}

/* ===== 5 · 7 вопросов подрядчику ===== */
.b7q{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.b7q__side{position:sticky;top:110px}
.b7q__side .lead{margin-top:18px;max-width:420px}
.b7q__side .b7f{flex-direction:column;align-items:flex-start;gap:12px}
.b7q__list{display:grid;gap:10px}
.b7q__i{border-radius:20px;background:var(--paper);transition:background .25s}
.b7q__i[open]{background:#fff;box-shadow:0 0 0 1px var(--line),0 24px 50px -36px rgba(13,13,15,.35)}
.b7q__i summary{display:flex;align-items:center;gap:16px;padding:20px 22px;cursor:pointer;list-style:none}
.b7q__i summary::-webkit-details-marker{display:none}
.b7q__n{flex:none;font-size:13px;font-weight:600;color:var(--ink-3)}
.b7q__t{flex:1;font-size:19px;font-weight:500;line-height:1.3;letter-spacing:-.01em}
.b7q__p{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:#fff;transition:transform .3s,background .3s}
.b7q__p::before,.b7q__p::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--ink)}
.b7q__p::after{transform:rotate(90deg)}
.b7q__i[open] .b7q__p{transform:rotate(45deg);background:var(--paper)}
.b7q__a{display:grid;gap:10px;padding:0 22px 22px 52px}
.b7q__a p{display:flex;gap:10px;margin:0;font-size:15.5px;line-height:1.5}
.b7q__bad{color:var(--ink-3)}
.b7q__good{color:var(--ink)}
.b7q__a b{font-weight:600}

@media (max-width:1100px){
  .b7s,.b7g{grid-template-columns:repeat(2,1fr)}
  .b7q{grid-template-columns:1fr;gap:32px}
  .b7q__side{position:static}
}
@media (max-width:720px){
  .b7{padding-top:72px;padding-bottom:72px}
  .b7h{margin-bottom:24px}
  .b7h--row{flex-direction:column;align-items:flex-start;gap:18px}
  .b7f{flex-direction:column;align-items:stretch;gap:12px}
  .b7f .btn{justify-content:space-between}
  .b7t__r{grid-template-columns:1fr;gap:8px;padding:16px 0}
  .b7t__r--h{display:none}
  .b7sw button{padding:0 14px;font-size:14px}
  .b7s,.b7g{grid-template-columns:1fr}
  .b7s__i{min-height:140px}
  .b7c{height:auto;min-height:620px}
  .b7c__l{padding:22px 16px}
  .b7c__l li{grid-template-columns:1fr;gap:4px;height:auto;padding:10px 0}
  .b7c__l li > span:last-child{font-size:14.5px}
  .b7c__l--n .b7c__tag{right:16px;top:22px}
  .b7c__l--n ul{padding-top:50px}
  .b7k4,.b7g__end{height:190px}
  .b7q__t{font-size:17px}
  .b7q__a{padding:0 18px 18px}
}
@media (prefers-reduced-motion:reduce){.b7s *,.b7k4 *{transition:none !important}}
.b7[data-v="1"] .h2,.b7[data-v="2"] .h2,.b7[data-v="1"] .label,.b7[data-v="2"] .label{color:#fff}
/* шторка — вертикальная */
.b7c{height:auto;touch-action:auto}
.b7c__l--o{position:relative}
.b7c__l--n{clip-path:inset(0 0 calc(100% - var(--y)) 0)}
.b7c__l--n .b7c__tag{position:static}
.b7c__l--n ul{padding-top:0}
.b7c__h{top:var(--y);bottom:auto;left:0;right:0;width:auto;height:3px;margin:-1.5px 0 0;background:var(--accent);cursor:ns-resize;touch-action:none}
.b7c__h span{left:auto;right:40px;background:var(--accent);color:#fff}
@media (max-width:720px){.b7c{min-height:0}.b7c__h span{right:16px;width:48px;height:48px;margin:-24px 0 0}}