/* ============================================================
   База страницы «Аналитика»
   ============================================================ */
.becar-analytica-page *{box-sizing:border-box}
.becar-analytica-page{
  scroll-behavior:smooth;
  background:var(--vi-bg);color:var(--vi-ink);
  font-family:var(--vi-font);font-weight:500;font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
.becar-analytica-page img{max-width:100%;display:block}
.becar-analytica-page button{font-family:inherit}
.becar-analytica-page a{color:inherit;text-decoration:none}
.becar-analytica-page .anl-container{max-width:var(--vi-container);margin:0 auto;padding:0 20px}
/* Ритм между секциями: 80+80 давало 160px пустоты между двумя
   белыми секциями подряд. Держим 50, у цветных секций свой запас. */
.becar-analytica-page .anl-section{padding:50px 0}
.becar-analytica-page .section--soft{background:var(--vi-soft);padding:64px 0}
.becar-analytica-page .section-head{margin-bottom:38px}
.becar-analytica-page .section-head .lead{max-width:640px}
.becar-analytica-page .eyebrow{
  display:inline-block;font-size:12px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--vi-blue);margin:0 0 14px;
}
/* масштабы 1:1 с утверждённой V1.1, не крупнее */
.becar-analytica-page h1{
  font-size:clamp(30px,3.2vw,38px);line-height:1.2;font-weight:700;
  color:var(--vi-ink-2);margin:0 0 18px;letter-spacing:-.01em;
}
.becar-analytica-page h1 span{color:var(--vi-blue)}
.becar-analytica-page h2{
  font-size:clamp(24px,2.1vw,30px);line-height:1.28;font-weight:500;
  color:var(--vi-ink-2);margin:0 0 12px;letter-spacing:-.01em;
  /* «Санкт-Петербург» не должен рваться по дефису */
  overflow-wrap:normal;word-break:keep-all;
}
.becar-analytica-page h3{font-size:19px;font-weight:600;color:var(--vi-ink-2);margin:0 0 6px;line-height:1.3}
.becar-analytica-page .lead{font-size:14px;line-height:1.7;color:var(--vi-muted);margin:0;font-weight:500}
/* кнопки по дизайн-системе */
.becar-analytica-page .btn-pill{
  display:inline-flex;align-items:center;gap:14px;
  background:var(--vi-blue);color:#fff;border:0;cursor:pointer;
  border-radius:var(--vi-r-pill);padding:16.5px 22px 16.5px 32px;
  font-size:14px;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;
}
.becar-analytica-page .btn-pill:hover{transform:translateY(-2px);box-shadow:var(--vi-sh-blue)}
.becar-analytica-page .btn-pill i{
  width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
}
.becar-analytica-page .btn-white{
  display:inline-flex;align-items:center;gap:14px;
  background:#fff;color:var(--vi-blue);border:0;cursor:pointer;
  border-radius:var(--vi-r-pill);padding:16.5px 22px 16.5px 32px;
  font-size:14px;font-weight:600;transition:transform .3s ease;
}
.becar-analytica-page .btn-white:hover{transform:translateX(4px)}
.becar-analytica-page .btn-white i{
  width:22px;height:22px;border-radius:50%;background:var(--vi-blue);
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
}
/* синяя плашка с фирменным ореолом */
.becar-analytica-page .blue-plate{
  position:relative;overflow:hidden;isolation:isolate;color:#fff;
  border-radius:var(--vi-r-card);
  background:linear-gradient(320deg,var(--vi-grad-a) 0%,var(--vi-grad-b) 100%);
}
.becar-analytica-page .blue-plate::after{
  content:"";position:absolute;z-index:-1;top:0;right:-368px;
  width:580px;height:420px;border-radius:3000px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,0) 46.5%);
}
/* появление секций */
.becar-analytica-page .fade-up{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.becar-analytica-page .fade-up.in{opacity:1;transform:none}
.becar-analytica-page .fade-up-d1{transition-delay:.1s}
.becar-analytica-page .fade-up-d2{transition-delay:.2s}
@media (prefers-reduced-motion:reduce){
.becar-analytica-page .fade-up{opacity:1;transform:none;transition:none}
.becar-analytica-page *{animation-duration:.001ms!important;animation-iteration-count:1!important}
}
/* хлебные крошки */
.becar-analytica-page .crumbs{padding:22px 0 0;font-size:13px;color:var(--vi-muted);font-weight:500}
.becar-analytica-page .crumbs a:hover{color:var(--vi-blue)}
.becar-analytica-page .crumbs span{color:var(--vi-grey)}
/* служебная подсветка недостающих данных */
.becar-analytica-page .flag{
  background:var(--vi-flag);border:1px solid var(--vi-flag-line);
  border-radius:var(--vi-r-s);padding:20px 24px;
}
.becar-analytica-page .flag b{display:block;font-size:13px;font-weight:600;color:var(--vi-flag-ink);margin-bottom:6px}
.becar-analytica-page .flag span{font-size:13px;line-height:1.6;color:#6B5400;font-weight:500}
.becar-analytica-page .pending{
  background:var(--vi-flag);border-radius:8px;padding:3px 12px;
  color:var(--vi-flag-ink);font-weight:600;
}
.becar-analytica-page.clean .flag, .becar-analytica-page.clean .dev-bar{display:none}
.becar-analytica-page.clean .pending{background:transparent;padding:0;color:inherit}
/* якорный отступ: под липкой шапкой клиента и переключателем сегментов */
.becar-analytica-page section[id], .becar-analytica-page .panel{scroll-margin-top:150px}