.wes-landing-revenue { background: linear-gradient(180deg, #fff, var(--wes-bg)); }
.wes-rev-bars {  margin: 0 auto; display: flex; flex-direction: column; gap: 8px; }
.wes-rev-row {
  display: grid; grid-template-columns: 1fr 280px; align-items: center; gap: 16px;
  background: var(--wes-card); border: 1px solid var(--wes-border);
  border-radius: 12px; padding: 14px 18px; transition: transform 200ms;
}
.wes-rev-row:hover { transform: translateX(4px); border-color: var(--c); }
.wes-rev-bar {
  height: 18px; background: var(--wes-red-soft); border-radius: 999px;
  overflow: hidden; position: relative;
}
.wes-rev-fill {
  display: block; height: 100%; width: var(--pct);
  background: linear-gradient(90deg, var(--c), var(--c) 80%, transparent);
  border-radius: 999px;
  animation: wesRevGrow 1.6s cubic-bezier(.4,0,.2,1);
}
@keyframes wesRevGrow {
  from { width: 0; }
  to   { width: var(--pct); }
}
.wes-rev-meta { display: flex; flex-direction: column; gap: 2px; align-items: flex-start; }
.wes-rev-pct { font-size: 18px; font-weight: 800; color: var(--c); line-height: 1; }
.wes-rev-name { font-size: 13px; font-weight: 700; color: var(--wes-fg); }
.wes-rev-desc { font-size: 11px; color: var(--wes-fg-muted); }

@media (max-width: 720px) {
  .wes-rev-row { grid-template-columns: 1fr; gap: 8px; }
}
