/* Existing homepage DEMO CONCEPT card, scoped to the home addition. */
.demo-concept{padding:20px;border:1px solid var(--line);border-radius:32px;background:var(--bg-elevated);}
.demo-concept-panel{padding:24px;border:1px solid var(--line);border-radius:28px;background:var(--bg-elevated)}
.demo-concept-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.demo-concept .demo-concept-label{margin:0}
.demo-concept-heading .demo-concept-label{}
.demo-concept #demo-concept-title{margin:4px 0 0}
.demo-concept-status{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;border:1px solid var(--line);border-radius:999px;padding:4px 12px;background:transparent;}
.demo-concept-status>span{width:6px;height:6px;border-radius:50%;background:var(--text-strong)}
.demo-concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.demo-concept-card{min-width:0;padding:32px;border:1px solid var(--line);border-radius:16px;background:var(--bg-elevated)}
.demo-concept .demo-concept-value{margin:20px 0 12px}
.demo-concept-precision{}.demo-concept-latency{}
.demo-concept .demo-concept-detail{margin:0}
.demo-concept-core{grid-column:1/-1;display:flex;flex-direction:column;justify-content:center}
.demo-concept .demo-concept-core-copy{margin:8px 0 0}
@media(max-width:1023px){.demo-concept-grid{grid-template-columns:1fr 1fr}.demo-concept-core{grid-column:1/-1}}
@media(max-width:599px){.demo-concept{padding:12px;border-radius:24px}.demo-concept-panel{padding:18px;border-radius:18px}.demo-concept-heading{flex-wrap:wrap;gap:12px}.demo-concept #demo-concept-title{}.demo-concept-grid{grid-template-columns:1fr}.demo-concept-core{grid-column:auto}}

/* Product demo: pair each existing measure with its original explanation. */
.product-demo-heading { display:grid; grid-template-columns:1fr auto; align-items:center; column-gap:24px; margin-bottom:36px; }
.product-demo-heading .eyebrow { grid-column:1; }
.product-demo-heading :is(h2,:where(.visual-h2)) { grid-column:1; }
.product-demo-heading .demo-concept-status { grid-column:2; grid-row:1/span 2; margin:0; }
.product-demo-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; margin:0; }
.product-demo-card { min-width:0; padding:36px; border:1px solid var(--line); border-radius:16px; background:var(--bg-elevated); }
.product-demo-card .eyebrow { margin:0; }
.product-demo-card .spec-value { margin:20px 0 12px; }
@media(max-width:599px) {
 .demo-concept-card { padding:24px; }
 .product-demo-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
 .product-demo-card { padding:28px; }
 .product-demo-heading { display:block; margin-bottom:28px; }
 .product-demo-heading .demo-concept-status { margin-top:20px; }
}
