.home-demo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 320px); align-items: center; gap: 12px 24px; margin-top: 24px; }
.home-demo-lead { color: var(--muted); margin: 8px 0 12px; font-size: .875rem; }
.home-demo-inputs { margin: 0; font-size: .875rem; }
.home-demo-inputs div { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 6px; }
.home-demo-inputs dt { color: var(--muted); }
.home-demo-inputs dd { margin: 0; font-weight: 650; }
.home-demo-result { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 14px 0 0; font-size: .875rem; }
.home-demo-result .badge { font-size: .875rem; }
.home-demo-result strong { color: var(--accent); font-size: 1.375rem; }
.home-demo-plan { display: block; width: 100%; max-width: 300px; height: auto; aspect-ratio: 300 / 220; margin: auto; color: var(--accent); }
.home-demo-plan text { fill: var(--text); font: 18px system-ui, sans-serif; }
.home-demo-plan .home-demo-gap { fill: var(--accent); font-weight: 750; }
.home-demo-footer { grid-column: 1 / -1; }
.home-demo-cta { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; margin: 0; border-radius: 8px; font-weight: 700; text-decoration: none; }
.home-demo-note { margin: 8px 0 0; color: var(--muted); font-size: .75rem; line-height: 1.6; }
@media(max-width:600px) {
  .home-demo { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .home-demo .eyebrow, .home-demo-lead { display: none; }
  .home-demo-plan { max-width: 240px; }
}