/* ===== посадочные страницы v2: первый экран с макетом, цифры, бенто, подробные блоки, «для кого», гиды ===== */
.mk2-hero{padding:56px 0 72px;position:relative;overflow:hidden}
.mk2-hero::before{content:"";position:absolute;inset:-30% -20% auto auto;width:900px;height:700px;background:radial-gradient(closest-side,var(--glow-a),transparent 70%);pointer-events:none}
.mk2-hero::after{content:"";position:absolute;inset:auto auto -40% -15%;width:700px;height:600px;background:radial-gradient(closest-side,var(--glow-b),transparent 70%);pointer-events:none}
.mk2-hero-in{position:relative;display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}
.mk2-hero .mk-crumbs{margin-bottom:18px}
.mk2-hero .mk-h1{text-align:left;margin:14px 0 18px}
.mk2-hero .mk-lead{margin:0;text-align:left}
.mk2-hero .mk-hero-cta{justify-content:flex-start}
.mk2-points{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--text-2);font-size:14.5px}
.mk2-points li{display:flex;gap:8px;align-items:center}
.mk2-points .ic{color:var(--ok)}

/* макет интерфейса */
.mv{position:relative;min-height:380px}
.mv-win{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden}
.mv-bar{display:flex;gap:6px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--bg-2)}
.mv-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}
.mv-bar span{margin-left:10px;font-size:12px;color:var(--muted);font-family:"JetBrains Mono",monospace}
.mv-body{padding:18px;display:flex;flex-direction:column;gap:12px;min-height:300px}
.mv-nav{display:flex;align-items:center;gap:10px;font-size:14px}
.mv-nav span{height:7px;width:44px;border-radius:4px;background:var(--line)}
.mv-nav em{margin-left:auto;font-style:normal;font-size:12.5px;padding:6px 10px;border-radius:9px;background:var(--accent);color:var(--on-accent);display:flex;gap:6px;align-items:center}
.mv-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mv-card{border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;font-size:13px}
.mv-card span{color:var(--muted)}
.mv-card em{font-style:normal;font-size:11.5px;text-align:center;padding:5px;border-radius:8px;background:var(--accent-soft);color:var(--accent);margin-top:4px}
.mv-img{display:block;border-radius:9px;aspect-ratio:1.25;background:linear-gradient(135deg,#F6D7B0,#C9895A)}
.mv-img.g2{background:linear-gradient(135deg,#C8E6D0,#5E9B7A)}
.mv-img.g3{background:linear-gradient(135deg,#D6D2F8,#7C70FF)}
.mv-img.tall{aspect-ratio:1}
.mv-chips{display:flex;gap:6px;flex-wrap:wrap}
.mv-chips span{font-size:12px;padding:5px 10px;border-radius:99px;border:1px solid var(--line);color:var(--text-2)}
.mv-chips span.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.mv-line{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;font-size:13.5px}
.mv-line .mv-img{width:46px;aspect-ratio:1}
.mv-line small{display:block;color:var(--muted);font-size:12px}
.mv-line em{font-style:normal;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent)}
.mv-line .brand-logo{width:36px;height:36px}
.mv-h{font-weight:700;font-size:15px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mv-steps{display:flex;gap:6px}
.mv-steps span{flex:1;font-size:12px;text-align:center;padding:6px;border-radius:9px;background:var(--bg-2);color:var(--muted)}
.mv-steps .done{background:var(--accent-soft);color:var(--accent)}
.mv-steps .on{background:var(--accent);color:var(--on-accent)}
.mv-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.mv-days span{display:flex;flex-direction:column;align-items:center;padding:8px 0;border-radius:10px;border:1px solid var(--line);font-size:13px}
.mv-days small{color:var(--muted);font-size:11px}
.mv-days .on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.mv-days .on small{color:inherit;opacity:.8}
.mv-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.mv-slots span{font-size:12.5px;text-align:center;padding:8px 0;border-radius:9px;border:1px solid var(--line)}
.mv-slots .on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:600}
.mv-slots .off{opacity:.35;text-decoration:line-through}
.mv-chat:not(.mv){display:flex;flex-direction:column;gap:10px}
.mv-chat p{margin:0;max-width:80%;padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.45}
.mv-chat .me{align-self:flex-end;background:var(--accent);color:var(--on-accent);border-bottom-right-radius:4px}
.mv-chat .ai{background:var(--bg-2);border-bottom-left-radius:4px}
.mv-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mv-col{background:var(--bg-2);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:8px;min-height:230px}
.mv-col small{font-weight:600;color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}
.mv-kcard{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px;font-size:12.5px}
.mv-kcard span{display:block;color:var(--muted);font-size:11.5px}
.mv-ad{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:3px;font-size:13px}
.mv-ad small{color:var(--muted)}
.mv-ad b{color:#2B55D6;font-size:14.5px}
[data-theme="dark"] .mv-ad b{color:#8FB0FF}
.mv-ad span{color:var(--text-2)}
.mv-kpis{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px}.mv-kpis div{min-width:0}
.mv-kpis div{padding:10px;border-radius:12px;background:var(--bg-2)}
.mv-kpis small{display:block;font-size:11.5px;color:var(--muted)}
.mv-kpis b{font-size:clamp(14px,4.2vw,18px);letter-spacing:-.02em;white-space:nowrap}
.mv-spark{width:100%;height:60px}
.mv-spark.big{height:110px}
.mv-pill{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--bg-2);color:var(--muted)}
.mv-pill.ok{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
.mv-editor:not(.mv){display:grid;grid-template-columns:70px 1fr;gap:10px;min-height:260px}
.mv-blocks{display:flex;flex-direction:column;gap:6px}
.mv-blocks i{height:28px;border-radius:8px;background:var(--bg-2)}
.mv-blocks i:nth-child(2){background:var(--accent-soft)}
.mv-canvas{border:1px dashed var(--line-2);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}
.mv-hero-b{height:130px;border-radius:10px;background:linear-gradient(120deg,var(--accent-soft),var(--bg-2));padding:14px;display:flex;flex-direction:column;gap:8px;outline:2px solid var(--accent);outline-offset:2px}
.mv-hero-b b{height:14px;width:70%;border-radius:4px;background:var(--text);opacity:.8}
.mv-hero-b s{height:8px;width:50%;border-radius:4px;background:var(--muted);opacity:.5}
.mv-hero-b em{height:22px;width:90px;border-radius:7px;background:var(--accent);margin-top:auto}
.mv-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mv-row3 i{height:60px;border-radius:10px;background:var(--bg-2)}
.mv-row3.soft i{height:44px}
.mv-player{height:150px;border-radius:12px;background:linear-gradient(135deg,#2B2A4A,#5B4DF5);display:grid;place-items:center;color:#fff}
.mv-player .ic{width:44px;height:44px}
.mv-progress{height:8px;border-radius:99px;background:var(--bg-2);overflow:hidden}
.mv-progress i{display:block;height:100%;background:var(--accent);border-radius:99px}
.mv-muted{color:var(--muted);font-size:12.5px}
.mv-ticket{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:16px;border-radius:14px;border:2px dashed var(--line-2)}
.mv-ticket small{color:var(--muted);display:block}
.mv-ticket b{font-size:17px;display:block;margin:4px 0}
.mv-ticket span{color:var(--text-2);font-size:13px}
.mv-qr{display:grid;grid-template-columns:repeat(4,16px);gap:3px}
.mv-qr i{width:16px;height:16px;border-radius:3px;background:var(--text)}
.mv-qr i.b{background:transparent;border:1px solid var(--line-2)}
.mv-grid2{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center}
.mv-price{display:block;margin-top:8px;font-size:18px}
.mv-price small{color:var(--muted);font-weight:400;font-size:12px}
.mv-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.mv-cal span{font-size:11.5px;text-align:center;padding:6px 0;border-radius:7px;background:var(--bg-2)}
.mv-cal .busy{background:transparent;color:var(--muted);text-decoration:line-through;opacity:.6}
.mv-cal .sel{background:var(--accent);color:var(--on-accent)}
.mv-score{display:flex;align-items:baseline;gap:6px}
.mv-score b{font-size:54px;letter-spacing:-.04em;color:var(--ok)}
.mv-score small{color:var(--muted)}
.mv-score span{margin-left:auto;font-weight:600}
.mv-check{display:flex;gap:8px;align-items:center;font-size:13.5px;padding:9px 10px;border-radius:10px;background:var(--bg-2)}
.mv-check .ic{color:var(--ok)}
.mv-brand{color:var(--accent)}
.mv-ava{width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700}
.mv-float{position:absolute;display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;box-shadow:var(--shadow-lg);font-size:13px;max-width:270px;animation:mvFloat 6s ease-in-out infinite}
.mv-float small{display:block;color:var(--muted);font-size:12px}
.mv-float.f1{left:-34px;bottom:34px}
.mv-float.f2{right:-26px;top:-18px;animation-delay:-3s}
.mv-fi{width:32px;height:32px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}
.mv-fi.ok{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
@keyframes mvFloat{50%{transform:translateY(-8px)}}
.mv-phone{width:260px;margin:0 auto;border:10px solid var(--text);border-radius:40px;background:var(--card);padding:14px 12px 10px;box-shadow:var(--shadow-lg);position:relative}
.mv-notch{width:80px;height:18px;border-radius:0 0 12px 12px;background:var(--text);margin:-14px auto 10px}
.mv-app-h{display:flex;gap:8px;align-items:center;font-size:14px;margin-bottom:10px}
.mv-logo{width:22px;height:22px;border-radius:7px;background:conic-gradient(from 210deg,var(--accent),var(--accent-2),var(--accent-3),var(--accent))}
.mv-prod-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mv-prod{border-radius:12px;background:var(--bg-2);padding:6px;display:flex;flex-direction:column;gap:5px}
.mv-prod i{display:block;aspect-ratio:1;border-radius:9px;background:linear-gradient(135deg,#F6D7B0,#C9895A)}
.mv-prod:nth-child(2n) i{background:linear-gradient(135deg,#D6D2F8,#7C70FF)}
.mv-prod b{height:7px;width:80%;border-radius:4px;background:var(--line-2)}
.mv-prod s{height:7px;width:40%;border-radius:4px;background:var(--accent);opacity:.6}
.mv-tabbar{display:flex;justify-content:space-around;margin-top:12px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted)}

/* цифры */
.mk2-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.mk2-stats div{background:var(--card);padding:26px 24px}
.mk2-stats b{display:block;font-size:clamp(28px,3.2vw,40px);letter-spacing:-.04em;line-height:1.05;margin-bottom:6px}
.mk2-stats span{color:var(--muted);font-size:14.5px;overflow-wrap:anywhere;hyphens:auto}

/* преимущества — бенто */
.mk2-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.mk2-bento .mk-card{grid-column:span 2}
.mk2-bento.n4 .mk-card,.mk2-bento.n2 .mk-card{grid-column:span 3}
.mk2-bento.n5 .mk-card:nth-child(-n+2),.mk2-bento.n7 .mk-card:nth-child(-n+4),.mk2-bento.n8 .mk-card:nth-child(-n+2),.mk2-bento.n10 .mk-card:nth-child(-n+4){grid-column:span 3}
.mk2-bento .mk-card:first-child{background:linear-gradient(160deg,var(--accent-soft),var(--card) 60%)}

/* подробно: чередование текста и макета */
.mk2-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center;padding:34px 0}
.mk2-detail+.mk2-detail{border-top:1px solid var(--line)}
.mk2-detail.rev .mk2-d-copy{order:2}
.mk2-d-copy h3{font-size:clamp(24px,2.6vw,32px);margin:10px 0 12px}
.mk2-d-copy p{color:var(--text-2);font-size:16.5px;line-height:1.65;margin:0 0 14px}
.mk2-d-copy ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.mk2-d-copy li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px}
.mk2-d-copy li .ic{color:var(--accent);margin-top:3px}
.mk2-d-vis .mv{min-height:300px}
.mk2-d-vis .mv-float.f1{left:-16px}
.mk2-d-vis .mv-float.f2{display:none}  /* в подробных блоках одна всплывашка — вторая закрывала содержимое макета */

/* для кого */
.mk2-aud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.mk2-aud span{display:flex;gap:8px;align-items:center;padding:10px 16px;border-radius:99px;background:var(--card);border:1px solid var(--line);font-size:15px}
.mk2-aud .ic{color:var(--accent)}

/* гиды */
.mk2-guide{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
.mk2-toc{position:sticky;top:90px;display:flex;flex-direction:column;gap:4px;font-size:14px}
.mk2-toc b{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}
.mk2-toc a{color:var(--text-2);padding:5px 10px;border-left:2px solid var(--line)}
.mk2-toc a:hover{color:var(--text);border-color:var(--accent)}
.mk2-tldr{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}
.mk2-tldr b{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.mk2-tldr ul{margin:0;padding-left:20px;color:var(--text-2);display:flex;flex-direction:column;gap:8px}
.mk2-callout{margin:26px 0;padding:18px 20px;border-radius:16px;background:var(--accent-soft);display:flex;gap:12px;align-items:flex-start;color:var(--text)}
.mk2-callout .ic{color:var(--accent);width:22px;height:22px;flex-shrink:0;margin-top:2px}

@media (max-width:1200px){.mv-float.f1{left:4px}.mv-float.f2{right:4px}}
@media (max-width:1000px){
  .mk2-hero-in,.mk2-detail{grid-template-columns:minmax(0,1fr);gap:36px}
  .mk2-detail.rev .mk2-d-copy{order:0}
  .mk2-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk2-bento .mk-card{grid-column:span 1 !important}
  .mk2-guide{grid-template-columns:minmax(0,1fr)}
  .mk2-toc{position:static}
  .mv-float.f1{left:4px}
  .mv-float.f2{right:4px}
}
@media (max-width:640px){
  .mk2-bento{grid-template-columns:minmax(0,1fr)}
  .mv-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mv-grid3 .mv-card:nth-child(3){display:none}
  .mv-kanban{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mv-kanban .mv-col:nth-child(3){display:none}
  .mv-float{position:static;margin-top:10px;max-width:none}
}

/* главная: новые секции (Директ, маркетплейсы, CRM, «ещё в кабинете», ниши) */
.lp-more{margin-top:26px}
.lp-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lp-more-grid .mk-card .ic,.lp-niche .ic{color:var(--accent)}
.lp-niches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lp-niche{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--text);transition:transform .25s,border-color .25s,box-shadow .25s}
.lp-niche b{flex:1;font-size:15.5px;font-weight:600}
.lp-niche .mk-card-ico{width:38px;height:38px;border-radius:11px;flex-shrink:0}
.lp-niche .arr{color:var(--muted);transition:transform .25s}
.lp-niche:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:var(--shadow)}
.lp-niche:hover .arr{transform:translateX(3px);color:var(--accent)}
@media (max-width:1000px){.lp-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-niches{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.lp-more-grid,.lp-niches{grid-template-columns:minmax(0,1fr)}}
/* шаги на посадочных: 2 или 4 шага — без пустых ячеек в сетке из трёх колонок */
.mk-steps:has(> li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
.mk-steps:has(> li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1000px){.mk-steps:has(> li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mk-steps:has(> li:nth-child(4):last-child),.mk-steps:has(> li:nth-child(2):last-child){grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.mk2-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mk2-stats div{padding:18px 16px}.mk2-stats span{font-size:13.5px}}

/* документы платформы: политика, соглашение, архив редакций */
.lg-hero{padding-bottom:28px}
.lg-meta{color:var(--muted);margin:10px 0 0;font-size:15px}
.lg-old{margin-top:16px;padding:12px 16px;border-radius:14px;background:color-mix(in srgb,#F59E0B 14%,var(--bg));border:1px solid color-mix(in srgb,#F59E0B 35%,transparent);font-weight:600}
.lg-old a{color:inherit;text-decoration:underline}
.lg-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:56px;align-items:start}
.lg-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.lg-other{font-weight:600;color:var(--accent);font-size:15px}
.lg-doc h2{font-size:22px;margin:36px 0 12px;scroll-margin-top:90px}.lg-doc h2:first-child{margin-top:0}
.lg-doc p{font-size:16.5px;line-height:1.7;color:var(--text-2);margin:0 0 12px}
.lg-versions{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:820px}
.lg-versions li{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:14px 18px}
.lg-versions li.on{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.lg-versions a{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;color:var(--text)}
.lg-versions small{color:var(--muted);margin-left:auto}
.lg-versions p{margin:6px 0 0;color:var(--text-2);font-size:15px}
.lg-cur{font-size:12px;font-weight:700;color:#12A150;background:color-mix(in srgb,#12A150 12%,transparent);padding:2px 8px;border-radius:99px}
@media (max-width:900px){.lg-layout{grid-template-columns:minmax(0,1fr);gap:24px}.lg-side{position:static}}