/* =========================================================
   Block 8 — head + proof panel
   ========================================================= */

.lp-b8-title-panel,
.lp-b8-proof-panel{
  align-items:flex-start;
  justify-content:flex-start;
}

.lp-b8-title-inner,
.lp-b8-proof-inner{
  width:100%;
  height:100%;
  min-width:0;
  overflow:hidden;
}

.lp-b8-title-inner{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  text-align:left;
}

.lp-b8-head-stack{
  width:100%;
  align-items:flex-start;
  gap:6px;
}

.lp-b8-head-line1,
.lp-b8-head-line2{
  font-size:28px;
  line-height:1.1;
  letter-spacing:-0.02em;
  text-align:left;
}

.lp-b8-head-line1{
  color:var(--text);
  font-weight:850;
}

.lp-b8-head-line2{
  color:var(--text-2);
  font-weight:800;
}

.lp-b8-proof-inner{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  text-align:left;
}

.lp-b8-proof-count{
  color:var(--text);
  font-size:18px;
  line-height:1.2;
  font-weight:700;
}

.lp-b8-proof-delta{
  color:var(--primary);
  font-size:16px;
  line-height:1.2;
  font-weight:750;
}

@media (max-width: 980px){
  .lp-b8-head-line1,
  .lp-b8-head-line2{
    font-size:24px;
  }

  .lp-b8-proof-count{
    font-size:16px;
  }

  .lp-b8-proof-delta{
    font-size:15px;
  }
}

/* =========================================================
   Block 8 — intro copy panel
   ========================================================= */

.lp-b8-copy-panel{
  align-items:flex-start;
  justify-content:flex-start;
  overflow:hidden;
}

.lp-b8-copy-inner{
  width:100%;
  height:100%;
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:0;
  padding:0;
  max-width:760px;
}

.lp-b8-copy-pack{
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.lp-b8-copy-pack--lead{
  gap:4px;
}

.lp-b8-copy-pack--body{
  gap:10px;
  padding-top:18px;
}

.lp-b8-copy-pack--final{
  gap:4px;
  margin-top:auto;
  padding-top:24px;
}

.lp-b8-copy-line{
  min-width:0;
  text-align:left;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.lp-b8-copy-pack--lead .lp-b8-copy-line{
  color:var(--text);
  font-size:28px;
  line-height:1.1;
  font-weight:850;
  letter-spacing:-0.02em;
}

.lp-b8-copy-pack--body .lp-b8-copy-line{
  color:var(--text-2);
  font-size:28px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-0.02em;
}

.lp-b8-copy-pack--final .lp-b8-copy-line{
  color:var(--text-2);
  font-size:22px;
  line-height:1.18;
  font-weight:750;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

@media (max-width: 980px){
  .lp-b8-copy-inner{
    max-width:100%;
  }

  .lp-b8-copy-pack--body{
    padding-top:16px;
    gap:10px;
  }

  .lp-b8-copy-pack--final{
    padding-top:18px;
  }

  .lp-b8-copy-pack--lead .lp-b8-copy-line,
  .lp-b8-copy-pack--body .lp-b8-copy-line{
    font-size:24px;
    line-height:1.1;
  }

  .lp-b8-copy-pack--final .lp-b8-copy-line{
    font-size:18px;
    line-height:1.18;
    letter-spacing:0.06em;
  }
}

/* =========================================================
   Block 8 — bars panel (scoped copy from block 9)
   ========================================================= */

.lp-b8-bars-panel{
  align-items:flex-start;
  justify-content:flex-start;
  overflow:hidden;
}

.lp-b8-bars-inner{
  width:100%;
  height:100%;
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:0;
}

.lp-b8-bars-title{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  text-align:left;
  font-weight:750;
  letter-spacing:-0.01em;
  line-height:1.08;
  font-size:24px;
  padding-bottom:10px;
}

.lp-b8-bars-title-line{
  min-width:0;
}

.lp-b8-bars{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}

.lp-b8-bars-row{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:12px;
}

.lp-b8-bars-label,
.lp-b8-bars-right{
  min-width:0;
}

.lp-b8-bars-label{
  display:flex;
  align-items:center;
  gap:10px;
}

.lp-b8-bars-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  flex:0 0 auto;
  background:rgba(255,255,255,.22);
}

.lp-b8-bars-text{
  font-size:12px;
  font-weight:650;
  line-height:1.2;
  letter-spacing:-0.01em;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
  max-width:100%;
  min-width:0;
  color:var(--text);
}

.lp-b8-bars-right{
  display:flex;
  align-items:center;
  gap:10px;
}

.lp-b8-bars-track{
  width:120px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}

html[data-theme="light"] .lp-b8-bars-track{
  background:rgba(15,23,42,.06);
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.10);
}

.lp-b8-bars-fill{
  display:block;
  height:100%;
  border-radius:999px;
  background:var(--primary);
  width:var(--lp-fill, 0%);
}

.lp-b8-bars-pct{
  width:34px;
  text-align:right;
  color:var(--text-2);
  font-weight:700;
  font-size:13px;
}

.lp-b8-bars-row[data-tone="ifstop-unknown"] .lp-b8-bars-dot{ background: rgba(148,163,184,.75); }
.lp-b8-bars-row[data-tone="ifstop-critical"] .lp-b8-bars-dot{ background: rgba(239,68,68,.90); }
.lp-b8-bars-row[data-tone="ifstop-conflict"] .lp-b8-bars-dot{ background: rgba(244,63,94,.90); }
.lp-b8-bars-row[data-tone="ifstop-money"] .lp-b8-bars-dot{ background: rgba(251,146,60,.90); }
.lp-b8-bars-row[data-tone="ifstop-unpleasant"] .lp-b8-bars-dot{ background: rgba(245,158,11,.90); }
.lp-b8-bars-row[data-tone="ifstop-self"] .lp-b8-bars-dot{ background: rgba(34,197,94,.85); }

.lp-b8-bars-fill[data-fill="100"]{ width:100%; }
.lp-b8-bars-fill[data-fill="85"]{ width:85%; }
.lp-b8-bars-fill[data-fill="65"]{ width:65%; }
.lp-b8-bars-fill[data-fill="35"]{ width:35%; }

.lp-b8-bars-divider{
  width:100%;
  height:1px;
  background:rgba(255,255,255,.06);
  margin-top:auto;
}

html[data-theme="light"] .lp-b8-bars-divider{
  background:rgba(15,23,42,.08);
}

.lp-b8-bars-footer{
  color:var(--text-2);
  font-weight:650;
  font-size:15px;
  line-height:1.2;
  text-align:left;
}

@media (max-width:980px){
  .lp-b8-bars-title{
    font-size:18px;
    padding-bottom:8px;
  }

  .lp-b8-bars{
    gap:10px;
  }

  .lp-b8-bars-row{
    gap:10px;
  }

  .lp-b8-bars-text{
    font-size:12px;
  }

  .lp-b8-bars-track{
    width:108px;
  }

  .lp-b8-bars-pct{
    font-size:12px;
  }

  .lp-b8-bars-footer{
    font-size:13px;
  }
}

/* =========================================================
   Block 8 — weekly filter engine
   ========================================================= */
.lp-b8-weeks-panel{
  align-items:flex-start;
  justify-content:flex-start;
  overflow:hidden;
}

.lp-b8-weeks-inner{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  overflow:visible;
  display:flex;
  padding:0;
}

.lp-b8-weeks-list{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:18px;
  overflow:visible;
}

.lp-b8-week-item{
  width:100%;
  min-width:0;
  min-height:92px;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:16px;
  align-items:start;
  cursor:pointer;
  position:relative;
}

.lp-b8-week-rail{
  position:relative;
  width:28px;
  min-height:92px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}

.lp-b8-week-dot{
  width:12px;
  height:12px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,.16);
  background:transparent;
  box-shadow:none;
  margin-top:4px;
  z-index:2;
}

.lp-b8-week-line{
  position:absolute;
  top:15px;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:2px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
}

.lp-b8-week-body{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding-top:0;
}

.lp-b8-week-row1{
  color:var(--text-2);
  font-weight:800;
  font-size:12px;
  line-height:1.2;
  letter-spacing:-0.01em;
}

.lp-b8-week-row2{
  color:var(--text);
  font-weight:500;
  font-size:15px;
  line-height:1.25;
}

.lp-b8-week-row2 b{
  font-weight:800;
}

.lp-b8-week-item.is-active{
  min-height:110px;
  border-radius:18px;
  background:rgba(58,167,226,.14);
  position:relative;
  overflow:hidden;
}

.lp-b8-week-item.is-active::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  border-radius:999px;
  background:var(--primary);
}

.lp-b8-week-item.is-active .lp-b8-week-rail{
  min-height:110px;
}

.lp-b8-week-item.is-active .lp-b8-week-dot{
  width:18px;
  height:18px;
  margin-top:0;
  border:0;
  background:var(--primary);
  box-shadow:0 0 0 6px rgba(58,167,226,.18);
}

.lp-b8-week-item.is-active .lp-b8-week-body{
  padding:22px 20px 18px 18px;
  gap:10px;
}

.lp-b8-week-item.is-active .lp-b8-week-row1{
  color:var(--text-2);
}

.lp-b8-week-item.is-active .lp-b8-week-row2{
  color:var(--text);
  font-weight:800;
}

html[data-theme="light"] .lp-b8-week-dot{
  border-color:rgba(15,23,42,.14);
  background:transparent;
}

html[data-theme="light"] .lp-b8-week-line{
  background:rgba(15,23,42,.10);
}

html[data-theme="light"] .lp-b8-week-item.is-active{
  background:rgba(58,167,226,.10);
}

@media (max-width:980px){
  .lp-b8-weeks-list{
    gap:10px;
  }

  .lp-b8-week-item{
    min-height:84px;
    grid-template-columns:24px minmax(0,1fr);
    gap:10px;
  }

  .lp-b8-week-rail{
    width:24px;
    min-height:84px;
  }

  .lp-b8-week-row1{
    font-size:11px;
  }

  .lp-b8-week-row2{
    font-size:14px;
  }

  .lp-b8-week-item.is-active{
    min-height:100px;
  }

  .lp-b8-week-item.is-active .lp-b8-week-rail{
    min-height:100px;
  }

  .lp-b8-week-item.is-active .lp-b8-week-body{
    padding:18px 16px 16px 16px;
    gap:8px;
  }
}

/* ===== Block 8 weeks — FINAL STABLE ACTIVE STATE ===== */
.lp-b8-week-item{
  min-height:92px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:transparent;
  box-shadow:none;
  grid-template-columns:28px minmax(0,1fr);
  gap:16px;
  align-items:start;
}

.lp-b8-week-rail{
  width:28px;
  min-height:92px;
}

.lp-b8-week-body{
  padding:0;
  padding-top:0;
  gap:6px;
}

.lp-b8-week-row1{
  font-weight:800;
}

.lp-b8-week-row2,
.lp-b8-week-row2 b{
  font-weight:500;
}

.lp-b8-week-dot{
  width:12px;
  height:12px;
  margin-top:4px;
  border:2px solid rgba(255,255,255,.16);
  background:transparent;
  box-shadow:none;
}

.lp-b8-week-item:hover{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.03);
}

.lp-b8-week-item.is-active,
.lp-b8-week-item--active{
  min-height:92px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(58,167,226,.10);
  box-shadow:none;
  position:relative;
  overflow:hidden;
}

.lp-b8-week-item.is-active::before,
.lp-b8-week-item--active::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:999px;
  background:var(--primary);
}

.lp-b8-week-item.is-active .lp-b8-week-rail,
.lp-b8-week-item--active .lp-b8-week-rail{
  width:28px;
  min-height:92px;
}

.lp-b8-week-item.is-active .lp-b8-week-body,
.lp-b8-week-item--active .lp-b8-week-body{
  padding:0;
  padding-top:0;
  gap:6px;
}

.lp-b8-week-item.is-active .lp-b8-week-row1,
.lp-b8-week-item.is-active .lp-b8-week-row2,
.lp-b8-week-item.is-active .lp-b8-week-row2 b,
.lp-b8-week-item--active .lp-b8-week-row1,
.lp-b8-week-item--active .lp-b8-week-row2,
.lp-b8-week-item--active .lp-b8-week-row2 b{
  font-weight:inherit;
}

.lp-b8-week-item.is-active .lp-b8-week-row1,
.lp-b8-week-item--active .lp-b8-week-row1{
  font-weight:800;
}

.lp-b8-week-item.is-active .lp-b8-week-row2,
.lp-b8-week-item.is-active .lp-b8-week-row2 b,
.lp-b8-week-item--active .lp-b8-week-row2,
.lp-b8-week-item--active .lp-b8-week-row2 b{
  font-weight:500;
}

.lp-b8-week-item.is-active .lp-b8-week-dot,
.lp-b8-week-item--active .lp-b8-week-dot{
  width:12px;
  height:12px;
  margin-top:4px;
  border:0;
  background:var(--primary);
  box-shadow:none;
}

.lp-b8-week-item.is-active .lp-b8-week-line,
.lp-b8-week-item--active .lp-b8-week-line{
  display:none;
}

html[data-theme="light"] .lp-b8-week-item{
  border-color:rgba(15,23,42,.10);
}
html[data-theme="light"] .lp-b8-week-item:hover{
  border-color:rgba(15,23,42,.14);
  background:rgba(15,23,42,.03);
}
html[data-theme="light"] .lp-b8-week-dot{
  border-color:rgba(15,23,42,.14);
}
html[data-theme="light"] .lp-b8-week-item.is-active,
html[data-theme="light"] .lp-b8-week-item--active{
  border-color:rgba(15,23,42,.12);
  background:rgba(58,167,226,.10);
}

@media (max-width:980px){
  .lp-b8-week-item,
  .lp-b8-week-item.is-active,
  .lp-b8-week-item--active{
    min-height:84px;
    grid-template-columns:24px minmax(0,1fr);
    gap:10px;
    padding:12px 14px;
  }

  .lp-b8-week-rail,
  .lp-b8-week-item.is-active .lp-b8-week-rail,
  .lp-b8-week-item--active .lp-b8-week-rail{
    width:24px;
    min-height:84px;
  }

  .lp-b8-week-body,
  .lp-b8-week-item.is-active .lp-b8-week-body,
  .lp-b8-week-item--active .lp-b8-week-body{
    padding:0;
    gap:6px;
  }
}

/* ===== Block 8 patterns ===== */
.lp-b8-patterns-panel{
  align-items:flex-start;
  justify-content:flex-start;
  overflow:hidden;
}

.lp-b8-patterns-inner{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:18px;
  overflow:hidden;
}

.lp-b8-patterns-content{
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.lp-b8-week-switch-area{
  flex:0 0 auto;
  width:100%;
  margin-top:auto;
}

.lp-b8-patterns-section{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.lp-b8-patterns-title{
  color:var(--text-2);
  font-weight:800;
  font-size:15px;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.lp-b8-patterns-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}

.lp-b8-patterns-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-width:0;
}

.lp-b8-patterns-label{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.lp-b8-patterns-dot{
  width:10px;
  height:10px;
  flex:0 0 auto;
  border-radius:3px;
  transform:rotate(45deg);
  background:rgba(255,255,255,.22);
}

.lp-b8-patterns-row[data-tone="owner"] .lp-b8-patterns-dot{
  background:#F07A24;
}

.lp-b8-patterns-row[data-tone="team"] .lp-b8-patterns-dot{
  background:#8B5CF6;
}

.lp-b8-patterns-text{
  min-width:0;
  max-width:100%;
  color:var(--text);
  font-size:12px;
  font-weight:650;
  line-height:1.2;
  letter-spacing:-0.01em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.lp-b8-patterns-right{
  display:flex;
  align-items:center;
  gap:10px;
}

.lp-b8-patterns-track{
  width:120px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}

.lp-b8-patterns-fill{
  display:block;
  height:100%;
  border-radius:999px;
  background:var(--primary);
  width:0;
}

.lp-b8-patterns-pct{
  width:34px;
  text-align:right;
  color:var(--text-2);
  font-weight:700;
  font-size:13px;
}

.lp-b8-patterns-divider{
  width:100%;
  height:1px;
  background:rgba(255,255,255,.06);
}

html[data-theme="light"] .lp-b8-patterns-track{
  background:rgba(15,23,42,.06);
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.10);
}

html[data-theme="light"] .lp-b8-patterns-divider{
  background:rgba(15,23,42,.08);
}

@media (max-width:980px){
  .lp-b8-patterns-inner{
    gap:16px;
  }

  .lp-b8-patterns-content{
    gap:16px;
  }

  .lp-b8-patterns-title{
    font-size:13px;
  }

  .lp-b8-patterns-row{
    gap:10px;
  }

  .lp-b8-patterns-track{
    width:108px;
  }

  .lp-b8-patterns-pct{
    font-size:12px;
  }
}

/* =========================================================
   Block 8 — local week switchers (bars + patterns only)
   ========================================================= */

.lp-b8-week-switch{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:12px;
  min-height:32px;
}

.lp-b8-week-switch-label{
  min-width:0;
  color:var(--text-2);
  font-weight:700;
  font-size:13px;
  line-height:1.2;
  letter-spacing:-0.01em;
  text-align:center;
}

.lp-b8-week-nav{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border:0;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background:transparent;
  color:var(--text-2);
  font-size:16px;
  line-height:1;
  cursor:pointer;
  transition:background-color .18s ease, color .18s ease, opacity .18s ease, transform .18s ease;
}

.lp-b8-week-nav:hover:not(:disabled){
  background:rgba(255,255,255,.06);
  color:var(--text);
}

.lp-b8-week-nav:active:not(:disabled){
  transform:translateY(1px);
}

.lp-b8-week-nav:disabled{
  opacity:.4;
  cursor:default;
}

html[data-theme="light"] .lp-b8-week-nav:hover:not(:disabled){
  background:rgba(15,23,42,.06);
}

@media (max-width:980px){
  .lp-b8-week-switch{
    gap:12px;
    margin-top:10px;
  }

  .lp-b8-week-switch-label{
    font-size:12px;
  }

  .lp-b8-week-nav{
    width:26px;
    height:26px;
    flex-basis:26px;
    font-size:15px;
  }
}

/* =========================================================
   Block 8 — gaps panel
   ========================================================= */

.lp-b8-gaps-panel{
  align-items:flex-start;
  justify-content:flex-start;
  overflow:hidden;
}

.lp-b8-gaps-inner{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:18px;
  overflow:hidden;
}

.lp-b8-gaps-content{
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.lp-b8-gaps-week-switch-area{
  flex:0 0 auto;
  width:100%;
  margin-top:auto;
}

.lp-b8-week-switch--gaps{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:12px;
  min-height:32px;
}

.lp-b8-gaps-title{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  text-align:center;
  padding-top:2px;
}

.lp-b8-gaps-title-line{
  color:var(--text);
  font-size:17px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
}

.lp-b8-gaps-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}

.lp-b8-gaps-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-width:0;
}

.lp-b8-gaps-label,
.lp-b8-gaps-right{
  min-width:0;
}

.lp-b8-gaps-label{
  display:flex;
  align-items:center;
  gap:10px;
}

.lp-b8-gaps-mark{
  width:10px;
  height:10px;
  flex:0 0 auto;
  clip-path:polygon(0 0, 100% 50%, 0 100%);
  background:rgba(255,255,255,.22);
}

.lp-b8-gaps-row[data-tone="norma"] .lp-b8-gaps-mark,
.lp-b8-gaps-weakest-value[data-tone="norma"] .lp-b8-gaps-mark{ background:#22c55e; }
.lp-b8-gaps-row[data-tone="standart"] .lp-b8-gaps-mark,
.lp-b8-gaps-weakest-value[data-tone="standart"] .lp-b8-gaps-mark{ background:#3b82f6; }
.lp-b8-gaps-row[data-tone="role"] .lp-b8-gaps-mark,
.lp-b8-gaps-weakest-value[data-tone="role"] .lp-b8-gaps-mark{ background:#a855f7; }
.lp-b8-gaps-row[data-tone="boundary"] .lp-b8-gaps-mark,
.lp-b8-gaps-weakest-value[data-tone="boundary"] .lp-b8-gaps-mark{ background:#f97316; }
.lp-b8-gaps-row[data-tone="communication"] .lp-b8-gaps-mark,
.lp-b8-gaps-weakest-value[data-tone="communication"] .lp-b8-gaps-mark{ background:#06b6d4; }
.lp-b8-gaps-row[data-tone="rhythm"] .lp-b8-gaps-mark,
.lp-b8-gaps-weakest-value[data-tone="rhythm"] .lp-b8-gaps-mark{ background:#eab308; }
.lp-b8-gaps-row[data-tone="strategy"] .lp-b8-gaps-mark,
.lp-b8-gaps-weakest-value[data-tone="strategy"] .lp-b8-gaps-mark{ background:#ef4444; }

.lp-b8-gaps-text{
  min-width:0;
  color:var(--text);
  font-size:12px;
  font-weight:650;
  line-height:1.2;
  letter-spacing:-0.01em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.lp-b8-gaps-right{
  display:flex;
  align-items:center;
  gap:10px;
}

.lp-b8-gaps-track{
  width:120px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}

.lp-b8-gaps-fill{
  display:block;
  height:100%;
  border-radius:999px;
  background:var(--primary);
  width:0;
}

.lp-b8-gaps-pct{
  width:34px;
  text-align:right;
  color:var(--text-2);
  font-weight:700;
  font-size:13px;
}

.lp-b8-gaps-weakest{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.lp-b8-gaps-weakest-label{
  color:var(--text-2);
  font-size:12px;
  font-weight:700;
}

.lp-b8-gaps-weakest-value{
  display:flex;
  align-items:center;
  gap:10px;
}

.lp-b8-gaps-weakest-text{
  color:var(--text);
  font-size:12px;
  font-weight:800;
}

.lp-b8-gaps-weakest-pct{
  margin-left:auto;
  color:var(--text-2);
  font-size:13px;
  font-weight:700;
}

.lp-b8-gaps-divider{
  width:100%;
  height:1px;
  background:rgba(255,255,255,.06);
}

html[data-theme="light"] .lp-b8-gaps-track{
  background:rgba(15,23,42,.06);
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.10);
}

html[data-theme="light"] .lp-b8-gaps-divider{
  background:rgba(15,23,42,.08);
}

@media (max-width:980px){
  .lp-b8-week-switch--gaps{
    gap:12px;
    margin-top:10px;
  }

  .lp-b8-gaps-inner{
    gap:16px;
  }

  .lp-b8-gaps-content{
    gap:14px;
  }

  .lp-b8-gaps-title-line{
    font-size:15px;
  }

  .lp-b8-gaps-row{
    gap:10px;
  }

  .lp-b8-gaps-text{
    font-size:13px;
  }

  .lp-b8-gaps-track{
    width:108px;
  }

  .lp-b8-gaps-pct{
    width:36px;
    font-size:12px;
  }
}

/* =========================================================
   Block 8 — Разбор 2 / decision panel
   Updated to flow layout
   ========================================================= */

.lp-b8-decision{
  position:relative;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  overflow:hidden;
  isolation:isolate;

  --b8-d-line: rgba(120,170,255,0.34);
  --b8-d-line-strong: rgba(120,170,255,0.58);
  --b8-d-line-soft: rgba(120,170,255,0.26);
  --b8-d-node-bg: rgba(255,255,255,0.04);
  --b8-d-node-stroke: rgba(120,170,255,0.25);
  --b8-d-ai-bg: rgba(60,110,220,0.20);
  --b8-d-ai-stroke: rgba(120,170,255,0.38);
  --b8-d-glow: rgba(80,140,255,0.18);
}

.lp-b8-decision::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(560px 240px at 50% 30%, rgba(88,162,228,.06) 0%, rgba(88,162,228,0) 68%),
    radial-gradient(360px 180px at 14% 12%, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 70%),
    radial-gradient(360px 180px at 88% 20%, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 70%);
  opacity:.95;
}

.lp-b8-decision-counter{
  position:absolute;
  top:0;
  left:0;
  z-index:4;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}

.lp-b8-decision-counter-label{
  color:var(--text-2);
  font-size:13px;
  line-height:1.2;
  font-weight:750;
  letter-spacing:-0.01em;
}

.lp-b8-decision-counter-value{
  color:var(--text);
  font-size:28px;
  line-height:1;
  font-weight:900;
  letter-spacing:-0.03em;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum";
}

.lp-b8-decision-counter-badge{
  position:absolute;
  top:54px;
  left:0;
  z-index:5;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:var(--primary);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
  opacity:0;
  transform:translateY(6px);
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}

.lp-b8-decision-counter-badge.is-visible{
  opacity:1;
  transform:translateY(0);
}

.lp-b8-decision-left{
  position:absolute;
  left:0;
  top:31%;
  z-index:3;
  width:1666px;
  max-width:24%;
}

.lp-b8-decision-left-card{
  position:relative;
  width:100%;
  min-height:96px;
  padding:14px 14px;
  border-radius:20px;
  background:var(--b8-d-node-bg);
  border:1px solid var(--b8-d-node-stroke);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 28px rgba(0,0,0,.12);
}

.lp-b8-decision-left-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(140% 120% at 0% 0%, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 58%);
  pointer-events:none;
}

.lp-b8-decision-left-line{
  position:relative;
  z-index:1;
  color:var(--text);
  font-size:13px;
  line-height:1.24;
  font-weight:700;
  letter-spacing:-0.01em;
  white-space:normal;
}

.lp-b8-decision-left-line + .lp-b8-decision-left-line{
  margin-top:6px;
  color:var(--text-2);
  font-weight:650;
}

.lp-b8-decision-center{
  position:absolute;
  left:50%;
  top:18%;
  transform:translateX(-50%);
  z-index:4;
  width:242px;
  max-width:30%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  text-align:center;
}

.lp-b8-decision-ai{
  position:relative;
  width:100%;
  min-height:110px;
  border-radius:28px;
  background:var(--b8-d-ai-bg);
  border:1px solid var(--b8-d-ai-stroke);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 44px var(--b8-d-glow);
}

.lp-b8-decision-ai-title{
  color:var(--text);
  font-size:32px;
  line-height:1;
  font-weight:700;
  letter-spacing:-0.02em;
}

.lp-b8-decision-ai-sub{
  margin-top:10px;
  color:var(--text-2);
  font-size:14px;
  line-height:1.2;
  font-weight:650;
  letter-spacing:-0.01em;
}

.lp-b8-decision-question{
  color:var(--text-2);
  font-size:18px;
  line-height:1.16;
  font-weight:750;
  letter-spacing:-0.01em;
  max-width:220px;
}

.lp-b8-decision-targets{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
}

.lp-b8-decision-targets-bottom{
  position:absolute;
  left:51%;
  bottom:0;
  transform:translateX(-50%);
  width:56%;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.lp-b8-decision-pill{
  position:relative;
  height:40px;
  padding:0 14px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  background:var(--b8-d-node-bg);
  border:1px solid var(--b8-d-node-stroke);
  color:var(--text-2);
  font-size:13px;
  line-height:1;
  font-weight:750;
  letter-spacing:-0.01em;
  transition:
    background .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    transform .28s ease,
    color .28s ease;
}

.lp-b8-decision-pill::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 100%);
  pointer-events:none;
}

.lp-b8-decision-pill-keep{
  position:absolute;
  right:0;
  top:42%;
  width:190px;
  max-width:24%;
}

.lp-b8-decision-pill.is-active{
  color:var(--text);
  background:rgba(120,170,255,0.12);
  border-color:rgba(120,170,255,0.52);
  box-shadow:0 0 14px rgba(120,170,255,0.12);
}

.lp-b8-decision-pill.is-pulse{
  animation:lpB8DecisionPillPulse 1.1s ease-in-out infinite;
}

.lp-b8-decision-ai.is-thinking{
  animation:lpB8DecisionAiPulse 0.9s ease-in-out infinite;
}

.lp-b8-decision-flow{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}

.lp-b8-decision-path{
  fill:none;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.lp-b8-decision-path-in{
  stroke:var(--b8-d-line);
  stroke-width:1.2;
}

.lp-b8-decision-path-out-team,
.lp-b8-decision-path-out-contractor{
  stroke:var(--b8-d-line-strong);
  stroke-width:1.2;
}

.lp-b8-decision-path-out-nothing,
.lp-b8-decision-path-out-keep{
  stroke:var(--b8-d-line-soft);
  stroke-width:1.1;
}

.lp-b8-decision-dot{
  opacity:0;
  pointer-events:none;
  fill:rgba(255,255,255,0.98);
  stroke:rgba(120,170,255,0.55);
  stroke-width:1.5;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 10px rgba(120,170,255,0.32));
}

.lp-b8-decision-dot.is-active{
  opacity:1;
}

.lp-b8-decision-dot--out{
  fill:rgba(255,255,255,1);
  stroke:rgba(120,170,255,0.7);
  filter:drop-shadow(0 0 12px rgba(120,170,255,0.42));
}

html[data-theme="light"] .lp-b8-decision{
  --b8-d-line: rgba(96,165,250,0.42);
  --b8-d-line-strong: rgba(59,130,246,0.56);
  --b8-d-line-soft: rgba(96,165,250,0.40);
  --b8-d-node-bg: rgba(255,255,255,0.42);
  --b8-d-node-stroke: rgba(96,165,250,0.42);
  --b8-d-ai-bg: rgba(191,219,254,0.72);
  --b8-d-ai-stroke: rgba(96,165,250,0.52);
  --b8-d-glow: rgba(59,130,246,0.14);
}

html[data-theme="light"] .lp-b8-decision::before{
  background:
    radial-gradient(560px 240px at 50% 30%, rgba(58,167,226,.05) 0%, rgba(58,167,226,0) 68%),
    radial-gradient(360px 180px at 14% 12%, rgba(15,23,42,.03) 0%, rgba(15,23,42,0) 70%),
    radial-gradient(360px 180px at 88% 20%, rgba(15,23,42,.02) 0%, rgba(15,23,42,0) 70%);
}

html[data-theme="light"] .lp-b8-decision-left-card{
  background:rgba(255,255,255,0.52);
  border-color:rgba(148,163,184,0.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    0 8px 22px rgba(15,23,42,.06);
}

html[data-theme="light"] .lp-b8-decision-ai{
  box-shadow:0 10px 28px rgba(59,130,246,0.14);
}

html[data-theme="light"] .lp-b8-decision-pill{
  background:rgba(255,255,255,0.42);
  border-color:rgba(96,165,250,0.42);
}

html[data-theme="light"] .lp-b8-decision-pill.is-active{
  background:rgba(191,219,254,0.58);
  border-color:rgba(59,130,246,0.58);
  box-shadow:0 0 10px rgba(59,130,246,0.10);
}

html[data-theme="light"] .lp-b8-decision-dot{
  fill:rgba(255,255,255,0.98);
  stroke:rgba(59,130,246,0.55);
  filter:drop-shadow(0 0 10px rgba(59,130,246,0.22));
}

html[data-theme="light"] .lp-b8-decision-dot--out{
  stroke:rgba(59,130,246,0.68);
  filter:drop-shadow(0 0 12px rgba(59,130,246,0.28));
}

@keyframes lpB8DecisionAiPulse{
  0%{
    box-shadow:0 12px 44px rgba(80,140,255,0.14);
  }
  50%{
    box-shadow:0 14px 52px rgba(80,140,255,0.24);
  }
  100%{
    box-shadow:0 12px 44px rgba(80,140,255,0.14);
  }
}

@keyframes lpB8DecisionPillPulse{
  0%{
    transform:translateY(0);
    box-shadow:0 0 0 0 rgba(120,170,255,0);
  }
  50%{
    transform:translateY(-1px);
    box-shadow:0 0 0 6px rgba(120,170,255,0.08);
  }
  100%{
    transform:translateY(0);
    box-shadow:0 0 0 0 rgba(120,170,255,0);
  }
}

@media (max-width: 1180px){
  .lp-b8-decision-counter-value{
    font-size:24px;
  }

  .lp-b8-decision-left{
    width:166px;
    max-width:24%;
    left:0;
  }

  .lp-b8-decision-left-card{
    min-height:82px;
    padding:14px 16px;
  }

  .lp-b8-decision-left-line{
    font-size:13px;
  }

  .lp-b8-decision-center{
    width:220px;
    max-width:29%;
  }

  .lp-b8-decision-ai{
    min-height:102px;
  }

  .lp-b8-decision-ai-title{
    font-size:29px;
  }

  .lp-b8-decision-question{
    font-size:16px;
  }

  .lp-b8-decision-targets-bottom{
    width:58%;
  }

  .lp-b8-decision-pill{
    font-size:12px;
  }

  .lp-b8-decision-pill-keep{
    width:176px;
  }
}

@media (max-width: 980px){
  .lp-b8-decision-counter-label{
    font-size:12px;
  }

  .lp-b8-decision-counter-value{
    font-size:22px;
  }

  .lp-b8-decision-counter-badge{
    top:50px;
    height:26px;
    font-size:11px;
  }

  .lp-b8-decision-left{
    top:31%;
    width:166px;
    max-width:24%;
  }

  .lp-b8-decision-left-card{
    min-height:78px;
    padding:14px 14px;
    border-radius:18px;
  }

  .lp-b8-decision-left-line{
    font-size:12px;
    line-height:1.24;
  }

  .lp-b8-decision-center{
    top:18%;
    width:196px;
    max-width:30%;
    gap:10px;
  }

  .lp-b8-decision-ai{
    min-height:92px;
    border-radius:24px;
  }

  .lp-b8-decision-ai-title{
    font-size:25px;
  }

  .lp-b8-decision-ai-sub{
    margin-top:8px;
    font-size:13px;
  }

  .lp-b8-decision-question{
    font-size:15px;
    max-width:190px;
  }

  .lp-b8-decision-targets-bottom{
    width:60%;
    gap:8px;
  }

  .lp-b8-decision-pill{
    height:36px;
    padding:0 10px;
    font-size:11px;
  }

  .lp-b8-decision-pill-keep{
    width:160px;
    max-width:23%;
  }
}

.lp-b8-decision-counter-period{
  color:var(--text-2);
  font-size:13px;
  line-height:1.1;
  font-weight:650;
  letter-spacing:-0.01em;
  margin-top:2px;
}
/* =========================================================
   Block 8 — Patterns 2 / compare panel
   Updated after latest HTML fixes
   ========================================================= */

.lp-b8-patterns-compare{
  position:relative;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  overflow:hidden;
  isolation:isolate;

  --b8-p-line: rgba(120,170,255,0.34);
  --b8-p-line-strong: rgba(120,170,255,0.58);
  --b8-p-line-soft: rgba(120,170,255,0.26);
  --b8-p-node-bg: rgba(255,255,255,0.04);
  --b8-p-node-stroke: rgba(120,170,255,0.25);
  --b8-p-ai-bg: rgba(60,110,220,0.20);
  --b8-p-ai-stroke: rgba(120,170,255,0.38);
  --b8-p-glow: rgba(80,140,255,0.18);

  --b8-p-owner-top: #22c55e;
  --b8-p-owner-bottom: #f07a24;
  --b8-p-team-top: #60a5fa;
  --b8-p-team-bottom: #8b5cf6;
}

.lp-b8-patterns-compare::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(560px 240px at 52% 24%, rgba(88,162,228,.06) 0%, rgba(88,162,228,0) 68%),
    radial-gradient(360px 180px at 14% 16%, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 70%),
    radial-gradient(360px 180px at 88% 24%, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 70%);
  opacity:.95;
}

/* left case */
.lp-b8-patterns-compare-left{
  position:absolute;
  left:0;
  top:31%;
  z-index:3;
  width:166px;
  max-width:24%;
}

.lp-b8-patterns-compare-left-card{
  position:relative;
  width:100%;
  min-height:96px;
  padding:14px 14px;
  border-radius:20px;
  background:var(--b8-p-node-bg);
  border:1px solid var(--b8-p-node-stroke);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 28px rgba(0,0,0,.12);
}

.lp-b8-patterns-compare-left-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(140% 120% at 0% 0%, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 58%);
  pointer-events:none;
}

.lp-b8-patterns-compare-left-line{
  position:relative;
  z-index:1;
  color:var(--text);
  font-size:13px;
  line-height:1.24;
  font-weight:700;
  letter-spacing:-0.01em;
  white-space:normal;
}

.lp-b8-patterns-compare-left-line + .lp-b8-patterns-compare-left-line{
  margin-top:6px;
  color:var(--text-2);
  font-weight:650;
}

/* center radar */
.lp-b8-patterns-compare-center{
  position:absolute;
  left:50%;
  top:10%;
  transform:translateX(-50%);
  z-index:4;
  width:242px;
  max-width:30%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  text-align:center;
}

.lp-b8-patterns-compare-ai{
  position:relative;
  width:100%;
  min-height:110px;
  border-radius:28px;
  background:var(--b8-p-ai-bg);
  border:1px solid var(--b8-p-ai-stroke);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 44px var(--b8-p-glow);
}

.lp-b8-patterns-compare-ai-title{
  color:var(--text);
  font-size:32px;
  line-height:1;
  font-weight:700;
  letter-spacing:-0.02em;
}

.lp-b8-patterns-compare-ai-sub{
  margin-top:10px;
  color:var(--text-2);
  font-size:14px;
  line-height:1.2;
  font-weight:650;
  letter-spacing:-0.01em;
}

/* owner + team columns */
.lp-b8-patterns-compare-owner{
  position:absolute;
  left:56%;
  top:0;
  bottom:0;
  transform:translateX(-50%);
  z-index:4;
  width:132px;
  max-width:16%;
}

.lp-b8-patterns-compare-team{
  position:absolute;
  left:86%;
  top:0;
  bottom:0;
  transform:translateX(-50%);
  z-index:4;
  width:132px;
  max-width:16%;
}

.lp-b8-patterns-compare-pill{
  position:absolute;
  width:100%;
  min-height:40px;
  height:40px;
  padding:0 14px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:var(--b8-p-node-bg);
  border:1px solid var(--b8-p-node-stroke);
  color:var(--text);
  font-size:13px;
  line-height:1.1;
  font-weight:750;
  letter-spacing:-0.01em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(0,0,0,.10);
  overflow:hidden;
}

.lp-b8-patterns-compare-pill::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 100%);
  pointer-events:none;
}

.lp-b8-patterns-compare-pill--owner-top{
  top:176px;
  border-color:rgba(34,197,94,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(34,197,94,.08);
}

.lp-b8-patterns-compare-pill--owner-bottom{
  top:292px;
  border-color:rgba(240,122,36,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(240,122,36,.08);
}

.lp-b8-patterns-compare-pill--team-top{
  top:176px;
  border-color:rgba(96,165,250,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(96,165,250,.08);
}

.lp-b8-patterns-compare-pill--team-bottom{
  top:292px;
  border-color:rgba(139,92,246,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(139,92,246,.08);
}

/* new middle labels */
.lp-b8-patterns-owner-label,
.lp-b8-patterns-team-label{
  position:absolute;
  z-index:4;
  width:132px;
  max-width:16%;
  text-align:left;
  padding-left:4px;
  color:var(--text-2);
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.82;
}

.lp-b8-patterns-owner-label{
  left:56.8%;
  top:298px;
  transform:translateX(-50%);
}

.lp-b8-patterns-team-label{
  left:86.8%;
  top:298px;
  transform:translateX(-50%);
}

.lp-b8-patterns-compare-pill.is-active{
  color:var(--text);
  background:rgba(120,170,255,0.12);
  border-color:rgba(120,170,255,0.52);
  box-shadow:0 0 14px rgba(120,170,255,0.12);
}

.lp-b8-patterns-compare-pill.is-pulse{
  animation:lpB8PatternsComparePillPulse 1.1s ease-in-out infinite;
}

/* flow */
.lp-b8-patterns-compare-flow{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}

.lp-b8-patterns-compare-path{
  fill:none;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.lp-b8-patterns-compare-path-in{
  stroke:var(--b8-p-line);
  stroke-width:1.2;
}

.lp-b8-patterns-compare-path-top-in,
.lp-b8-patterns-compare-path-top-out{
  stroke:var(--b8-p-line-strong);
  stroke-width:1.2;
}

.lp-b8-patterns-compare-path-bottom-in,
.lp-b8-patterns-compare-path-bottom-out{
  stroke:var(--b8-p-line-soft);
  stroke-width:1.1;
}

.lp-b8-patterns-compare-dot{
  opacity:0;
  pointer-events:none;
  fill:rgba(255,255,255,0.98);
  stroke:rgba(120,170,255,0.55);
  stroke-width:1.5;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 10px rgba(120,170,255,0.32));
}

.lp-b8-patterns-compare-dot.is-active{
  opacity:1;
}

.lp-b8-patterns-compare-dot--top{
  stroke:rgba(34,197,94,.72);
  filter:drop-shadow(0 0 12px rgba(34,197,94,.22));
}

.lp-b8-patterns-compare-dot--bottom{
  stroke:rgba(240,122,36,.72);
  filter:drop-shadow(0 0 12px rgba(240,122,36,.22));
}

/* light theme */
html[data-theme="light"] .lp-b8-patterns-compare{
  --b8-p-line: rgba(96,165,250,0.42);
  --b8-p-line-strong: rgba(59,130,246,0.56);
  --b8-p-line-soft: rgba(96,165,250,0.40);
  --b8-p-node-bg: rgba(255,255,255,0.42);
  --b8-p-node-stroke: rgba(96,165,250,0.42);
  --b8-p-ai-bg: rgba(191,219,254,0.72);
  --b8-p-ai-stroke: rgba(96,165,250,0.52);
  --b8-p-glow: rgba(59,130,246,0.14);
}

html[data-theme="light"] .lp-b8-patterns-compare::before{
  background:
    radial-gradient(560px 240px at 52% 24%, rgba(58,167,226,.05) 0%, rgba(58,167,226,0) 68%),
    radial-gradient(360px 180px at 14% 16%, rgba(15,23,42,.03) 0%, rgba(15,23,42,0) 70%),
    radial-gradient(360px 180px at 88% 24%, rgba(15,23,42,.02) 0%, rgba(15,23,42,0) 70%);
}

html[data-theme="light"] .lp-b8-patterns-compare-left-card{
  background:rgba(255,255,255,0.52);
  border-color:rgba(148,163,184,0.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    0 8px 22px rgba(15,23,42,.06);
}

html[data-theme="light"] .lp-b8-patterns-compare-ai{
  box-shadow:0 10px 28px rgba(59,130,246,0.14);
}

html[data-theme="light"] .lp-b8-patterns-compare-pill{
  background:rgba(255,255,255,0.42);
}

html[data-theme="light"] .lp-b8-patterns-compare-dot{
  fill:rgba(255,255,255,0.98);
  stroke:rgba(59,130,246,0.55);
  filter:drop-shadow(0 0 10px rgba(59,130,246,0.22));
}

html[data-theme="light"] .lp-b8-patterns-compare-dot--top{
  stroke:rgba(34,197,94,.72);
  filter:drop-shadow(0 0 12px rgba(34,197,94,.16));
}

html[data-theme="light"] .lp-b8-patterns-compare-dot--bottom{
  stroke:rgba(240,122,36,.72);
  filter:drop-shadow(0 0 12px rgba(240,122,36,.16));
}

@keyframes lpB8PatternsComparePillPulse{
  0%{
    transform:translateY(0);
    box-shadow:0 0 0 0 rgba(120,170,255,0);
  }
  50%{
    transform:translateY(-1px);
    box-shadow:0 0 0 6px rgba(120,170,255,0.08);
  }
  100%{
    transform:translateY(0);
    box-shadow:0 0 0 0 rgba(120,170,255,0);
  }
}

@media (max-width: 1180px){
  .lp-b8-patterns-compare-left{
    width:166px;
    max-width:24%;
    left:0;
  }

  .lp-b8-patterns-compare-left-card{
    min-height:82px;
    padding:14px 16px;
  }

  .lp-b8-patterns-compare-left-line{
    font-size:13px;
  }

  .lp-b8-patterns-compare-center{
    width:220px;
    max-width:29%;
  }

  .lp-b8-patterns-compare-ai{
    min-height:102px;
  }

  .lp-b8-patterns-compare-ai-title{
    font-size:29px;
  }

  .lp-b8-patterns-compare-ai-sub{
    font-size:13px;
  }

  .lp-b8-patterns-compare-owner{
    left:61%;
    width:124px;
  }

  .lp-b8-patterns-compare-team{
    left:85%;
    width:124px;
  }

  .lp-b8-patterns-owner-label{
    left:61%;
    width:124px;
    top:242px;
  }

  .lp-b8-patterns-team-label{
    left:85%;
    width:124px;
    top:242px;
  }

  .lp-b8-patterns-compare-pill{
    font-size:12px;
  }

  .lp-b8-patterns-compare-pill--owner-bottom,
  .lp-b8-patterns-compare-pill--team-bottom{
    top:286px;
  }
}

@media (max-width: 980px){
  .lp-b8-patterns-compare-left{
    top:31%;
    width:166px;
    max-width:24%;
  }

  .lp-b8-patterns-compare-left-card{
    min-height:78px;
    padding:14px 14px;
    border-radius:18px;
  }

  .lp-b8-patterns-compare-left-line{
    font-size:12px;
    line-height:1.24;
  }

  .lp-b8-patterns-compare-center{
    top:10%;
    width:196px;
    max-width:30%;
    gap:10px;
  }

  .lp-b8-patterns-compare-ai{
    min-height:92px;
    border-radius:24px;
  }

  .lp-b8-patterns-compare-ai-title{
    font-size:25px;
  }

  .lp-b8-patterns-compare-ai-sub{
    margin-top:8px;
    font-size:13px;
  }

  .lp-b8-patterns-compare-owner{
    left:60%;
    width:112px;
  }

  .lp-b8-patterns-compare-team{
    left:84%;
    width:112px;
  }

  .lp-b8-patterns-owner-label,
  .lp-b8-patterns-team-label{
    width:112px;
    font-size:10px;
  }

  .lp-b8-patterns-owner-label{
    left:60%;
    top:236px;
  }

  .lp-b8-patterns-team-label{
    left:84%;
    top:236px;
  }

  .lp-b8-patterns-compare-pill{
    min-height:36px;
    height:36px;
    padding:0 10px;
    font-size:11px;
  }

  .lp-b8-patterns-compare-pill--owner-top,
  .lp-b8-patterns-compare-pill--team-top{
    top:168px;
  }

  .lp-b8-patterns-compare-pill--owner-bottom,
  .lp-b8-patterns-compare-pill--team-bottom{
    top:274px;
  }
}
.lp-b8-patterns-compare-pill.is-active{
  background: var(--b8-p-node-bg);
  color: var(--text);
  box-shadow: inherit;
}

.lp-b8-patterns-compare-pill--owner-top.is-active{
  border-color: rgba(34,197,94,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(34,197,94,.08);
}

.lp-b8-patterns-compare-pill--owner-bottom.is-active{
  border-color: rgba(240,122,36,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(240,122,36,.08);
}

.lp-b8-patterns-compare-pill--team-top.is-active{
  border-color: rgba(96,165,250,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(96,165,250,.08);
}

.lp-b8-patterns-compare-pill--team-bottom.is-active{
  border-color: rgba(139,92,246,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(139,92,246,.08);
}
/* =========================================================
   Block 8 — Patterns Compare Copy
   ========================================================= */

.lp-b8-patterns-compare-copy-top {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 240px;

  display: flex;
  flex-direction: column;
  gap: 4px;

  pointer-events: none;
}

.lp-b8-patterns-compare-copy-top-line {
  font-size: 16px;
  line-height: 1.1;
  font-weight: 800;
  color: var(--text-1);
}


/* bottom text */

.lp-b8-patterns-compare-copy-bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 260px;

  display: flex;
  flex-direction: column;
  gap: 4px;

  pointer-events: none;
}

.lp-b8-patterns-compare-copy-bottom-line {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--text-2);
}

.lp-b8-patterns-compare-copy-accent {
  font-weight: 800;
  color: var(--text-1);
}
/* =========================================================
   BLOCK 8 PATCH — new grouping only
   Goal:
   - keep system paddings / inner spacings untouched
   - keep global vertical rhythm untouched
   - only regroup panels:
     1) 3 wide panels full width
     2) duplicated heading
     3) 3 squares in one row
   ========================================================= */

/* 1) safety: full-width rows stay full width */
[data-b8-root] > .lp-row > .lp-panel.lp-span-12{
  grid-column: span 12;
}

/* 2) three bottom squares should behave as equal cards in one row */
[data-b8-root] > .lp-row:last-child > .lp-panel.lp-span-4{
  grid-column: span 4;
  min-width: 0;
}

/* 3) hide the fake right placeholder in the duplicated heading row */
[data-b8-root] > .lp-row:nth-last-child(2) > .lp-b8-weeks-panel[aria-hidden="true"]{
  display: none !important;
}

/* 4) duplicated heading should visually remain just a heading block,
      not a heading + empty right square row */
[data-b8-root] > .lp-row:nth-last-child(2){
  align-items: stretch;
}

[data-b8-root] > .lp-row:nth-last-child(2) > .lp-b8-copy-panel{
  grid-column: span 8;
}

/* 5) keep first heading row behavior intact */
[data-b8-root] > .lp-row:first-child{
  align-items: stretch;
}

/* 6) wide panels — only increase visual canvas,
      without touching internal system paddings */
[data-b8-root] .lp-b8-decision,
[data-b8-root] .lp-b8-patterns-compare{
  min-height: clamp(420px, 52vw, 640px);
}

/* if later "gap legend" becomes real content, it already has full-width canvas */
[data-b8-root] > .lp-row:nth-child(4) .lp-panel--legend{
  min-height: clamp(320px, 38vw, 520px);
}

/* 7) ensure bottom row cards have equal height feeling */
[data-b8-root] > .lp-row:last-child{
  align-items: stretch;
}

[data-b8-root] > .lp-row:last-child > .lp-panel{
  height: 100%;
}

/* 8) if any panel content tries to overflow because of wider layout */
[data-b8-root] .lp-panel{
  min-width: 0;
}

/* 9) tablet */
@media (max-width: 1100px){
  [data-b8-root] > .lp-row:last-child > .lp-panel.lp-span-4{
    grid-column: span 12;
  }

  [data-b8-root] .lp-b8-decision,
  [data-b8-root] .lp-b8-patterns-compare{
    min-height: clamp(380px, 62vw, 560px);
  }

  [data-b8-root] > .lp-row:nth-child(4) .lp-panel--legend{
    min-height: clamp(260px, 42vw, 420px);
  }
}

/* 10) mobile */
@media (max-width: 767px){
  [data-b8-root] > .lp-row > .lp-panel.lp-span-12,
  [data-b8-root] > .lp-row > .lp-panel.lp-span-8,
  [data-b8-root] > .lp-row > .lp-panel.lp-span-4{
    grid-column: span 12;
  }

  [data-b8-root] .lp-b8-decision,
  [data-b8-root] .lp-b8-patterns-compare{
    min-height: clamp(320px, 92vw, 480px);
  }

  [data-b8-root] > .lp-row:nth-child(4) .lp-panel--legend{
    min-height: clamp(220px, 64vw, 360px);
  }
}
/* ======================================================
   BLOCK 8 — decision panel micro polish
   ====================================================== */

.lp-b8-decision{
  position:relative;
  min-height:560px;
}

/* left text blocks */

.lp-b8-decision-copy{
  position:absolute;
  z-index:4;
  max-width:260px;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.lp-b8-decision-copy--top{
  top:0;
  left:0;
}

.lp-b8-decision-copy--bottom{
  left:0;
  bottom:12px;
}

.lp-b8-decision-copy-line{
  font-size:26px;
  line-height:1.06;
  font-weight:820;
  letter-spacing:-0.02em;
}

.lp-b8-decision-copy-line--accent{
  font-weight:860;
}

/* counter */

.lp-b8-decision-counter{
  position:absolute;
  top:0;
  right:0;
  left:auto;
  text-align:right;
  align-items:flex-end;
}

.lp-b8-decision-counter-label{
  font-size:13px;
}

.lp-b8-decision-counter-value{
  font-size:44px;
  line-height:.95;
  letter-spacing:-0.04em;
}

.lp-b8-decision-counter-period{
  font-size:14px;
}

/* minutes badge */

.lp-b8-decision-counter-badge{
  top:92px;
  right:0;
  left:auto;
  height:34px;
  padding:0 16px;
  font-size:13px;
  font-weight:800;
}

/* AI block */

.lp-b8-decision-ai{
  min-height:138px;
  border-radius:32px;
}

.lp-b8-decision-ai-title{
  font-size:38px;
}

.lp-b8-decision-ai-sub{
  font-size:15px;
  margin-top:12px;
}

/* question */

.lp-b8-decision-question{
  font-size:22px;
  line-height:1.12;
  font-weight:780;
}

/* bottom pills */

.lp-b8-decision-targets-bottom{
  gap:16px;
}

.lp-b8-decision-pill{
  height:52px;
  padding:0 22px;
  font-size:15px;
  font-weight:760;
  border-radius:999px;
}

.lp-b8-decision-pill-keep{
  width:220px;
}

/* strengthen lines */

.lp-b8-decision-path-in{
  stroke-width:2;
}

.lp-b8-decision-path-out{
  stroke-width:2.2;
}

.lp-b8-decision-dot{
  r:5.5;
}

/* responsive */

@media (max-width:1100px){

  .lp-b8-decision-copy-line{
    font-size:22px;
  }

  .lp-b8-decision-counter-value{
    font-size:36px;
  }

  .lp-b8-decision-ai-title{
    font-size:32px;
  }

  .lp-b8-decision-pill{
    height:46px;
    font-size:14px;
  }

}
/* =========================================
   Block 8 — decision text hierarchy
   ========================================= */

/* приглушенные строки */

.lp-b8-decision-copy-line{
  opacity:.55;
  font-weight:700;
}

/* ключевые строки */

.lp-b8-decision-copy-line--accent{
  opacity:1;
  font-weight:860;
}

/* небольшой визуальный акцент AI блока */

.lp-b8-decision-ai{
  box-shadow:
  0 0 0 1px rgba(120,170,255,.12) inset,
  0 10px 40px rgba(70,120,255,.18);
}

/* чуть глубже линии */

.lp-b8-decision-path{
  opacity:.9;
}

.lp-b8-decision-dot{
  filter:drop-shadow(0 0 14px rgba(120,170,255,.45));
}
/* ======================================================
   BLOCK 8 — patterns panel visual polish
   only second wide panel
   ====================================================== */

.lp-b8-patterns-compare{
  min-height:560px;
}

/* left copy — same visual system as decision panel */

.lp-b8-patterns-compare-copy-top,
.lp-b8-patterns-compare-copy-bottom{
  z-index:4;
  max-width:260px;
}

.lp-b8-patterns-compare-copy-top-line,
.lp-b8-patterns-compare-copy-bottom-line{
  font-size:26px;
  line-height:1.06;
  letter-spacing:-0.02em;
  font-weight:700;
  opacity:.55;
}

.lp-b8-patterns-compare-copy-accent,
.lp-b8-patterns-compare-copy-bottom .lp-b8-patterns-compare-copy-bottom-line:nth-child(2){
  opacity:1;
  font-weight:860;
  color:var(--text);
}

/* top block: first line softer, key lines stronger */
.lp-b8-patterns-compare-copy-top .lp-b8-patterns-compare-copy-top-line:nth-child(2),
.lp-b8-patterns-compare-copy-top .lp-b8-patterns-compare-copy-top-line:nth-child(3){
  opacity:1;
  font-weight:860;
  color:var(--text);
}

/* bottom block hierarchy */
.lp-b8-patterns-compare-copy-bottom .lp-b8-patterns-compare-copy-bottom-line:nth-child(1),
.lp-b8-patterns-compare-copy-bottom .lp-b8-patterns-compare-copy-bottom-line:nth-child(3),
.lp-b8-patterns-compare-copy-bottom .lp-b8-patterns-compare-copy-bottom-line:nth-child(4){
  opacity:.55;
  font-weight:700;
}

/* left static card */

.lp-b8-patterns-compare-left{
  width:280px;
  max-width:24%;
}

.lp-b8-patterns-compare-left-card{
  min-height:108px;
  padding:18px 18px;
  border-radius:22px;
}

.lp-b8-patterns-compare-left-line{
  font-size:15px;
  line-height:1.24;
}

.lp-b8-patterns-compare-left-line + .lp-b8-patterns-compare-left-line{
  margin-top:8px;
}

/* AI block */

.lp-b8-patterns-compare-center{
  width:290px;
  max-width:30%;
}

.lp-b8-patterns-compare-ai{
  min-height:132px;
  border-radius:30px;
  box-shadow:
    0 0 0 1px rgba(120,170,255,.12) inset,
    0 10px 40px rgba(70,120,255,.18);
}

.lp-b8-patterns-compare-ai-title{
  font-size:36px;
  font-weight:760;
}

.lp-b8-patterns-compare-ai-sub{
  margin-top:12px;
  font-size:15px;
}

/* owner / team columns */

.lp-b8-patterns-compare-owner,
.lp-b8-patterns-compare-team{
  gap:18px;
}

/* pills */

.lp-b8-patterns-compare-pill{
  min-height:52px;
  padding:0 26px;
  font-size:15px;
  font-weight:760;
  border-radius:999px;
}

/* labels between columns */

.lp-b8-patterns-owner-label,
.lp-b8-patterns-team-label{
  font-size:12px;
  line-height:1.12;
  letter-spacing:.16em;
  font-weight:780;
  opacity:.72;
}

/* lines / dots stronger, coordinates you tune manually */
.lp-b8-patterns-compare-path{
  stroke-width:2;
  opacity:.9;
}

.lp-b8-patterns-compare-dot{
  filter:drop-shadow(0 0 14px rgba(120,170,255,.45));
}

/* responsive */

@media (max-width:1100px){

  .lp-b8-patterns-compare{
    min-height:520px;
  }

  .lp-b8-patterns-compare-copy-top,
  .lp-b8-patterns-compare-copy-bottom{
    max-width:220px;
  }

  .lp-b8-patterns-compare-copy-top-line,
  .lp-b8-patterns-compare-copy-bottom-line{
    font-size:22px;
  }

  .lp-b8-patterns-compare-ai-title{
    font-size:32px;
  }

  .lp-b8-patterns-compare-pill{
    min-height:46px;
    padding:0 20px;
    font-size:14px;
  }

  .lp-b8-patterns-owner-label,
  .lp-b8-patterns-team-label{
    font-size:11px;
  }
}
/* =========================================
   Block 8 — patterns text hierarchy
   ========================================= */

/* верхний левый текст */
.lp-b8-patterns-compare-copy-top .lp-b8-patterns-compare-copy-top-line:nth-child(1){
  opacity:.55;
  font-weight:700;
}

.lp-b8-patterns-compare-copy-top .lp-b8-patterns-compare-copy-top-line:nth-child(2),
.lp-b8-patterns-compare-copy-top .lp-b8-patterns-compare-copy-top-line:nth-child(3){
  opacity:1;
  font-weight:860;
  color:var(--text);
}

/* нижний левый текст */
.lp-b8-patterns-compare-copy-bottom .lp-b8-patterns-compare-copy-bottom-line:nth-child(1),
.lp-b8-patterns-compare-copy-bottom .lp-b8-patterns-compare-copy-bottom-line:nth-child(3){
  opacity:.55;
  font-weight:700;
}

.lp-b8-patterns-compare-copy-bottom .lp-b8-patterns-compare-copy-bottom-line:nth-child(2),
.lp-b8-patterns-compare-copy-bottom .lp-b8-patterns-compare-copy-bottom-line:nth-child(4){
  opacity:1;
  font-weight:860;
  color:var(--text);
}
/* ======================================================
   BLOCK 8 — patterns buttons alignment
   ====================================================== */

/* опускаем блоки привычек и реакции ниже */

.lp-b8-patterns-compare-owner,
.lp-b8-patterns-compare-team{
  margin-top:160px;
}

/* увеличиваем кнопки */

.lp-b8-patterns-compare-pill{
  height:56px;
  padding:0 30px;
  font-size:16px;
  border-radius:999px;
}

/* увеличиваем расстояние между верхней и нижней кнопкой */

.lp-b8-patterns-compare-owner,
.lp-b8-patterns-compare-team{
  gap:34px;
}

/* подписи колонок чуть ниже AI */

.lp-b8-patterns-owner-label,
.lp-b8-patterns-team-label{
  margin-top:110px;
}

/* линии будут визуально попадать в центр кнопок */

.lp-b8-patterns-compare-path-top-out,
.lp-b8-patterns-compare-path-bottom-out{
  stroke-width:2.2;
}
/* =========================================================
   Block 8 — Gaps flow panel
   ========================================================= */

.lp-b8-gaps-flow{
  position:relative;
  width:100%;
  height:100%;
  min-width:0;
  min-height:520px;
  overflow:hidden;
  isolation:isolate;

  --b8-gf-line: rgba(120,170,255,0.34);
  --b8-gf-node-bg: rgba(255,255,255,0.04);
  --b8-gf-node-stroke: rgba(120,170,255,0.25);
  --b8-gf-ai-bg: rgba(60,110,220,0.20);
  --b8-gf-ai-stroke: rgba(120,170,255,0.38);
  --b8-gf-glow: rgba(80,140,255,0.18);
  --b8-gf-gap-stroke: rgba(240,122,36,.34);
  --b8-gf-tool-stroke: rgba(96,165,250,.26);
}

.lp-b8-gaps-flow::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(560px 240px at 48% 26%, rgba(88,162,228,.06) 0%, rgba(88,162,228,0) 68%),
    radial-gradient(360px 180px at 14% 16%, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 70%),
    radial-gradient(360px 180px at 88% 24%, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 70%);
  opacity:.95;
}

/* left case */
.lp-b8-gaps-left{
  position:absolute;
  left:0;
  top:31%;
  z-index:3;
  width:166px;
  max-width:18%;
}

.lp-b8-gaps-left-card{
  position:relative;
  width:100%;
  min-height:96px;
  padding:14px 14px;
  border-radius:20px;
  background:var(--b8-gf-node-bg);
  border:1px solid var(--b8-gf-node-stroke);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 28px rgba(0,0,0,.12);
}

.lp-b8-gaps-left-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(140% 120% at 0% 0%, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 58%);
  pointer-events:none;
}

.lp-b8-gaps-left-line{
  position:relative;
  z-index:1;
  color:var(--text);
  font-size:13px;
  line-height:1.24;
  font-weight:700;
  letter-spacing:-0.01em;
  white-space:normal;
}

.lp-b8-gaps-left-line + .lp-b8-gaps-left-line{
  margin-top:6px;
  color:var(--text-2);
  font-weight:650;
}

/* radar */
.lp-b8-gaps-center{
  position:absolute;
  left:34%;
  top:10%;
  transform:translateX(-50%);
  z-index:4;
  width:242px;
  max-width:24%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  text-align:center;
}

.lp-b8-gaps-ai{
  position:relative;
  width:100%;
  min-height:110px;
  border-radius:28px;
  background:var(--b8-gf-ai-bg);
  border:1px solid var(--b8-gf-ai-stroke);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 44px var(--b8-gf-glow);
}

.lp-b8-gaps-ai-title{
  color:var(--text);
  font-size:32px;
  line-height:1;
  font-weight:700;
  letter-spacing:-0.02em;
}

.lp-b8-gaps-ai-sub{
  margin-top:10px;
  color:var(--text-2);
  font-size:14px;
  line-height:1.2;
  font-weight:650;
  letter-spacing:-0.01em;
}

/* gap pill */
.lp-b8-gaps-gap{
  position:absolute;
  left:58%;
  top:42%;
  transform:translateX(-50%);
  z-index:4;
  width:240px;
  max-width:22%;
}

.lp-b8-gaps-pill{
  position:relative;
  width:100%;
  min-height:40px;
  padding:10px 14px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:var(--b8-gf-node-bg);
  border:1px solid var(--b8-gf-node-stroke);
  color:var(--text);
  font-size:13px;
  line-height:1.15;
  font-weight:750;
  letter-spacing:-0.01em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(0,0,0,.10);
  overflow:hidden;
}

.lp-b8-gaps-pill::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 100%);
  pointer-events:none;
}

.lp-b8-gaps-pill-gap{
  border-color:var(--b8-gf-gap-stroke);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(240,122,36,.08);
}

/* tools */
.lp-b8-gaps-tools{
  position:absolute;
  left:84%;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:4;
  width:220px;
  max-width:20%;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.lp-b8-gaps-pill-tool{
  min-height:38px;
  padding:8px 14px;
  border-color:var(--b8-gf-tool-stroke);
  color:var(--text-2);
  opacity:.55;
  transition:
    opacity .24s ease,
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    color .24s ease;
}

.lp-b8-gaps-pill-tool.is-active{
  opacity:1;
  color:var(--text);
  border-color:rgba(96,165,250,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(96,165,250,.10);
}

.lp-b8-gaps-pill-gap.is-active{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(240,122,36,.12);
}

.lp-b8-gaps-pill.is-pulse{
  animation:lpB8GapsPillPulse 1.1s ease-in-out infinite;
}

/* flow */
.lp-b8-gaps-flow-svg{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}

.lp-b8-gaps-path{
  fill:none;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke:var(--b8-gf-line);
  stroke-width:1.2;
}

.lp-b8-gaps-dot{
  opacity:0;
  pointer-events:none;
  fill:rgba(255,255,255,0.98);
  stroke:rgba(120,170,255,0.55);
  stroke-width:1.5;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 10px rgba(120,170,255,0.32));
}

.lp-b8-gaps-dot.is-active{
  opacity:1;
}

@keyframes lpB8GapsPillPulse{
  0%{
    transform:translateY(0);
    box-shadow:0 0 0 0 rgba(120,170,255,0);
  }
  50%{
    transform:translateY(-1px);
    box-shadow:0 0 0 6px rgba(120,170,255,0.08);
  }
  100%{
    transform:translateY(0);
    box-shadow:0 0 0 0 rgba(120,170,255,0);
  }
}

/* light theme */
html[data-theme="light"] .lp-b8-gaps-flow{
  --b8-gf-line: rgba(96,165,250,0.42);
  --b8-gf-node-bg: rgba(255,255,255,0.42);
  --b8-gf-node-stroke: rgba(96,165,250,0.42);
  --b8-gf-ai-bg: rgba(191,219,254,0.72);
  --b8-gf-ai-stroke: rgba(96,165,250,0.52);
  --b8-gf-glow: rgba(59,130,246,0.14);
  --b8-gf-gap-stroke: rgba(240,122,36,.38);
  --b8-gf-tool-stroke: rgba(96,165,250,.30);
}

html[data-theme="light"] .lp-b8-gaps-flow::before{
  background:
    radial-gradient(560px 240px at 48% 26%, rgba(58,167,226,.05) 0%, rgba(58,167,226,0) 68%),
    radial-gradient(360px 180px at 14% 16%, rgba(15,23,42,.03) 0%, rgba(15,23,42,0) 70%),
    radial-gradient(360px 180px at 88% 24%, rgba(15,23,42,.02) 0%, rgba(15,23,42,0) 70%);
}

html[data-theme="light"] .lp-b8-gaps-left-card,
html[data-theme="light"] .lp-b8-gaps-pill{
  background:rgba(255,255,255,0.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    0 8px 22px rgba(15,23,42,.06);
}

html[data-theme="light"] .lp-b8-gaps-ai{
  box-shadow:0 10px 28px rgba(59,130,246,0.14);
}

html[data-theme="light"] .lp-b8-gaps-dot{
  fill:rgba(255,255,255,0.98);
  stroke:rgba(59,130,246,0.55);
  filter:drop-shadow(0 0 10px rgba(59,130,246,0.22));
}

/* responsive */
@media (max-width: 1180px){
  .lp-b8-gaps-left{
    width:160px;
  }

  .lp-b8-gaps-center{
    width:220px;
  }

  .lp-b8-gaps-ai{
    min-height:102px;
  }

  .lp-b8-gaps-ai-title{
    font-size:29px;
  }

  .lp-b8-gaps-gap{
    width:220px;
  }

  .lp-b8-gaps-tools{
    width:200px;
    gap:10px;
  }

  .lp-b8-gaps-pill{
    font-size:12px;
  }
}

@media (max-width: 980px){
  .lp-b8-gaps-left{
    top:31%;
    width:154px;
  }

  .lp-b8-gaps-left-card{
    min-height:78px;
    padding:14px 14px;
    border-radius:18px;
  }

  .lp-b8-gaps-left-line{
    font-size:12px;
    line-height:1.24;
  }

  .lp-b8-gaps-center{
    top:10%;
    width:196px;
    gap:10px;
  }

  .lp-b8-gaps-ai{
    min-height:92px;
    border-radius:24px;
  }

  .lp-b8-gaps-ai-title{
    font-size:25px;
  }

  .lp-b8-gaps-ai-sub{
    margin-top:8px;
    font-size:13px;
  }

  .lp-b8-gaps-gap{
    width:200px;
  }

  .lp-b8-gaps-tools{
    width:176px;
    gap:8px;
  }

  .lp-b8-gaps-pill{
    min-height:36px;
    padding:8px 10px;
    font-size:11px;
  }
}
/* =========================================================
   B8 PATCH — унификация кейс-плашек и Radar AI
   ========================================================= */

/* --- LEFT CASE CARD SIZE -------------------------------- */

/* единый контейнер кейса */
.lp-b8-decision-left,
.lp-b8-patterns-compare-left,
.lp-b8-gaps-left{
  width:166px;
  max-width:24%;
  top:31%;
}

/* единая карточка кейса */
.lp-b8-decision-left-card,
.lp-b8-patterns-compare-left-card,
.lp-b8-gaps-left-card{
  min-height:108px;
  padding:16px 16px;
  border-radius:20px;
}

/* текст кейса — чуть крупнее */
.lp-b8-decision-left-line,
.lp-b8-patterns-compare-left-line,
.lp-b8-gaps-left-line{
  font-size:14px;
  line-height:1.28;
}


/* --- RADAR AI SIZE -------------------------------------- */

/* выравниваем вертикаль Radar AI */
.lp-b8-decision-center,
.lp-b8-patterns-compare-center,
.lp-b8-gaps-center{
  top:12%;
}

/* фиксируем одинаковую ширину */
.lp-b8-decision-center,
.lp-b8-patterns-compare-center,
.lp-b8-gaps-center{
  width:242px;
}


/* --- FIX BUG WIDTH -------------------------------------- */

/* убираем случайный width:1666px */
.lp-b8-decision-left{
  width:166px !important;
}
/* =========================================================
   B8 PATCH FINAL — alignment for case cards and Radar AI
   ========================================================= */

/* left case cards */
.lp-b8-decision-left,
.lp-b8-patterns-compare-left,
.lp-b8-gaps-left{
  top: 31%;
  width: 166px;
  max-width: 24%;
}

.lp-b8-decision-left-card,
.lp-b8-patterns-compare-left-card,
.lp-b8-gaps-left-card{
  min-height: 108px;
  padding: 16px 16px;
  border-radius: 20px;
}

.lp-b8-decision-left-line,
.lp-b8-patterns-compare-left-line,
.lp-b8-gaps-left-line{
  font-size: 14px;
  line-height: 1.28;
}

/* radar ai — first and second panels */
.lp-b8-decision-center,
.lp-b8-patterns-compare-center{
  left: 50%;
  top: 12%;
  width: 242px;
  max-width: 30%;
}

/* radar ai — third panel shifted right */
.lp-b8-gaps-center{
  left: 42%;
  top: 12%;
  width: 242px;
  max-width: 24%;
}

/* hard fix for broken old width */
.lp-b8-decision-left{
  width: 166px !important;
}
/* =========================================================
   B8 PATCH FINAL 2 — force same Radar AI in lower panel
   ========================================================= */

.lp-b8-gaps-center{
  left: 50% !important;
  top: 12% !important;
  width: 242px !important;
  max-width: 30% !important;
  transform: translateX(-50%) !important;
}

.lp-b8-gaps-ai{
  width: 100% !important;
  min-height: 110px !important;
  border-radius: 28px !important;
}

.lp-b8-gaps-ai-title{
  font-size: 32px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

.lp-b8-gaps-ai-sub{
  margin-top: 10px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
}
/* B8 PATCH FINAL 3 — lower Radar AI height */
.lp-b8-gaps-ai{
  min-height: 132px !important;
  height: 132px !important;
}
/* =========================================================
   B8 PATCH FINAL 4 — lower gaps panel composition
   ========================================================= */

.lp-b8-gaps-gap{
  left:50% !important;
  top:58% !important;
  width:220px !important;
  max-width:20% !important;
  transform:translateX(-50%) !important;
}

.lp-b8-gaps-tools{
  gap:24px !important;
}
/* ======================================================
   BLOCK 8 — gaps flow copy
   ====================================================== */

.lp-b8-gaps-copy-top,
.lp-b8-gaps-copy-bottom{
  position:absolute;
  z-index:4;
  max-width:260px;
  display:flex;
  flex-direction:column;
  gap:4px;
  pointer-events:none;
}

.lp-b8-gaps-copy-top{
  top:0;
  left:0;
}

.lp-b8-gaps-copy-bottom{
  left:0;
  bottom:12px;
}

.lp-b8-gaps-copy-top-line,
.lp-b8-gaps-copy-bottom-line{
  font-size:26px;
  line-height:1.06;
  letter-spacing:-0.02em;
  font-weight:700;
  opacity:.55;
  color:var(--text);
}

.lp-b8-gaps-copy-accent{
  opacity:1;
  font-weight:860;
  color:var(--text);
}

/* верхний блок: акцент на 2 и 3 строку */
.lp-b8-gaps-copy-top .lp-b8-gaps-copy-top-line:nth-child(2),
.lp-b8-gaps-copy-top .lp-b8-gaps-copy-top-line:nth-child(3){
  opacity:1;
  font-weight:860;
  color:var(--text);
}

/* нижний блок:
   1 строка приглушенная
   2 строка приглушенная
   3 строка акцент
   4 строка акцент */
.lp-b8-gaps-copy-bottom .lp-b8-gaps-copy-bottom-line:nth-child(1),
.lp-b8-gaps-copy-bottom .lp-b8-gaps-copy-bottom-line:nth-child(2){
  opacity:.55;
  font-weight:700;
}

.lp-b8-gaps-copy-bottom .lp-b8-gaps-copy-bottom-line:nth-child(3),
.lp-b8-gaps-copy-bottom .lp-b8-gaps-copy-bottom-line:nth-child(4){
  opacity:1;
  font-weight:860;
  color:var(--text);
}

@media (max-width:1100px){
  .lp-b8-gaps-copy-top,
  .lp-b8-gaps-copy-bottom{
    max-width:220px;
  }

  .lp-b8-gaps-copy-top-line,
  .lp-b8-gaps-copy-bottom-line{
    font-size:22px;
  }
}
/* ======================================================
   B8 PATCH — widen left copy only for panels 2 and 3
   ====================================================== */

/* panel 2 */
.lp-b8-patterns-compare-copy-top,
.lp-b8-patterns-compare-copy-bottom{
  max-width: 340px;
  width: 340px;
}

/* panel 3 */
.lp-b8-gaps-copy-top,
.lp-b8-gaps-copy-bottom{
  max-width: 340px;
  width: 340px;
}

@media (max-width: 1100px){
  .lp-b8-patterns-compare-copy-top,
  .lp-b8-patterns-compare-copy-bottom,
  .lp-b8-gaps-copy-top,
  .lp-b8-gaps-copy-bottom{
    max-width: 300px;
    width: 300px;
  }
}
/* =========================================
   BLOCK 8 PATCH — text hierarchy updates
   вставить в самый конец файла
   ========================================= */

/* DECISION — верхний левый текст:
   акцент на "не требуют" + "вашего участия" */

.lp-b8-decision-copy--top .lp-b8-decision-copy-line{
  opacity:.55;
  font-weight:700;
}

.lp-b8-decision-copy--top .lp-b8-decision-copy-line.lp-b8-decision-copy-line--accent{
  opacity:1;
  font-weight:860;
  color:var(--text);
}

/* DECISION — нижний левый текст:
   акцент на "передать команде" + "и освободить свое время" */

.lp-b8-decision-copy--bottom .lp-b8-decision-copy-line{
  opacity:.55;
  font-weight:700;
}

.lp-b8-decision-copy--bottom .lp-b8-decision-copy-line.lp-b8-decision-copy-line--accent{
  opacity:1;
  font-weight:860;
  color:var(--text);
}

/* PATTERNS — теперь 5 строк:
   1-3 тускло, 4-5 ярко */

.lp-b8-patterns-compare-copy-bottom .lp-b8-patterns-compare-copy-bottom-line{
  opacity:.55;
  font-weight:700;
  color:var(--text);
}

.lp-b8-patterns-compare-copy-bottom .lp-b8-patterns-compare-copy-bottom-line:nth-child(4),
.lp-b8-patterns-compare-copy-bottom .lp-b8-patterns-compare-copy-bottom-line:nth-child(5){
  opacity:1;
  font-weight:860;
  color:var(--text);
}

/* GAPS — теперь 6 строк:
   1-2 тускло
   3-4 ярко
   5 тускло
   6 ярко */

.lp-b8-gaps-copy-bottom .lp-b8-gaps-copy-bottom-line{
  opacity:.55;
  font-weight:700;
  color:var(--text);
}

.lp-b8-gaps-copy-bottom .lp-b8-gaps-copy-bottom-line:nth-child(3),
.lp-b8-gaps-copy-bottom .lp-b8-gaps-copy-bottom-line:nth-child(4),
.lp-b8-gaps-copy-bottom .lp-b8-gaps-copy-bottom-line:nth-child(6){
  opacity:1;
  font-weight:860;
  color:var(--text);
}