/* ========= Home Compare Section ========= */
.section--highlight{
  background: radial-gradient(1200px 600px at 80% -10%, rgba(255,213,77,.08), transparent 60%), var(--cs-bg);
  border-top: 1px solid var(--cs-border);
}
.home-compare__head{ display:grid; gap: var(--s-6) }
.home-compare__header{ display:grid; gap:.6rem }
.home-compare__stats{ display:flex; gap:.9rem; flex-wrap:wrap }

.home-compare__features{ margin-top: var(--s-6) }
.feature{ display:grid; gap:.6rem }
.feature__icon{
  width:40px; height:40px; border-radius:10px;
  display:inline-grid; place-items:center;
  color:#111;
  background: linear-gradient(135deg, rgba(255,213,77,.35), rgba(56,230,182,.25));
}
.feature .icon{ width:22px; height:22px }

.home-compare__steps{ margin-top: var(--s-8) }
.home-compare__faq{ margin-top: var(--s-8) }

.home-compare__cta{ margin-top: var(--s-8) }
.cta-band{
  display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap;
  background: linear-gradient(180deg, rgba(26,32,64,.98), rgba(21,26,51,.98));
  border:1px solid var(--cs-border-2); border-radius:16px; padding: .9rem 1rem;
  box-shadow: 0 12px 36px rgba(0,0,0,.45);
}
.cta-band__txt{ display:flex; align-items:center; gap:.6rem; font-weight:800; color:var(--cs-text) }
.cta-band__txt .dot{
  width:10px; height:10px; border-radius:50%;
  background: radial-gradient(circle at 30% 30%, #ffe27a, #ffb300);
  box-shadow: 0 0 10px rgba(255,213,77,.6), 0 0 20px rgba(255,213,77,.25);
}
.cta-band__actions{ display:flex; gap:.6rem; flex-wrap:wrap }

/* Reuse existing stat-pill styles from ui.css */
.stat-pill{ min-width: 200px }