.compare-section { padding: 108px 0; }
.compare-grid { 
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  gap: 60px; align-items: center; 
}
.compare-copy h2 { 
  font-family: var(--chola-font-head); 
  font-size: 32px; font-weight: 600; 
  line-height: 1.2; 
  margin-bottom: 18px; 
}
.compare-copy p { 
  font-size: 15px; 
  color: var(--chola-text-secondary); 
  line-height: 1.7; margin-bottom: 26px; 
}
.compare-list { 
  display: flex; gap: 14px; 
  flex-direction: column; 
}
.compare-list li {
  display: flex; gap: 12px; 
  align-items: flex-start;
  font-size: 14px; list-style: none; 
  color: var(--chola-ink);
}
.compare-list i { color: var(--chola-accent); margin-top: 3px; }
.compare-visual {
  background: var(--chola-surface); 
  border: 1px solid var(--chola-border); 
  border-radius: 16px;  padding: 28px;
  box-shadow: 0 16px 50px rgba(0,0,0,0.06);
}
.cv-row { 
  display: flex; align-items: center; 
  gap: 14px; margin-bottom: 18px; 
}
.cv-label { 
  width: 90px; font-size: 12px; 
  color: var(--chola-text-secondary); 
  flex-shrink: 0; 
}
.cv-bars { 
  flex: 1; display: flex; 
  flex-direction: column; gap: 6px; 
}
.cv-bar-track { 
  height: 20px; background: var(--chola-bg); 
  border-radius: 5px; overflow: hidden; 
}
.cv-bar-fill { height: 100%; border-radius: 5px; }
.cv-bar-fill.planned { background: var(--chola-primary); width: 100%; }
.cv-bar-fill.actual { background: var(--chola-accent); }
.cv-legend { 
  display: flex; gap: 18px; 
  margin-top: 22px; padding-top: 18px; 
  border-top: 1px solid var(--chola-border); 
  font-size: 11.5px; 
  color: var(--chola-text-secondary); 
}
.cv-legend span { display: inline-flex; align-items: center; gap: 6px; }
.cv-dot { width: 9px; height: 9px; border-radius: 3px; }