.live-overview-page .hero-copy,.live-preview {min-width:0}
.live-overview-page #main::before {background:none}
.live-preview-kpis {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:25px 0}
.live-preview-kpis>div {padding:14px 10px;background:#f0f7ed;border:1px solid #e0ebdd;border-radius:9px}
.live-preview-kpis small {display:block;font-size:11px;color:var(--muted)}
.live-preview-kpis strong {display:block;font-size:32px;line-height:1.2;margin-top:7px}
.live-demo-scroll {overflow-x:auto}
.live-demo-table {width:100%;min-width:365px;border-collapse:collapse;font-size:12px}
.live-demo-table th,.live-demo-table td {padding:15px 8px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.live-demo-table thead th {font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:500}
.live-demo-table tbody th {font-weight:700}
.live-state {display:inline-block;padding:4px 7px;border-radius:5px;font-size:11px;font-weight:700;white-space:nowrap}
.live-state.is-online {color:#15803d;background:#ecfdf5}
.live-state.is-offline {color:#b91c1c;background:#fef2f2}
.live-state.is-attention {color:#b91c1c;background:#fef2f2}
.live-insight {padding:16px;background:#f0f7ed;border:1px solid #dce9d8;border-radius:9px;margin-top:20px}
.live-insight strong {font-size:14px}
.live-insight p {font-size:12px;line-height:1.5;color:var(--muted);margin:5px 0 0}
.live-preview-kpis>.is-attention,
.live-insight.is-attention {color:#b91c1c;background:#fef2f2;border-color:#fecaca}
.live-preview-kpis>.is-attention small {color:#b91c1c}
.live-feature-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
.live-demo-facts {margin:22px 0 0}
.live-demo-facts>div {display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}
.live-demo-facts dt {color:var(--muted)}
.live-demo-facts dd {margin:0;max-width:55%;text-align:right;font-weight:700}
.live-text-attention {color:#b91c1c}
.live-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.live-steps article {padding:26px;border:1px solid var(--line);border-radius:12px;background:#fff}
.live-steps article>span {display:grid;place-items:center;width:38px;height:38px;margin-bottom:22px;border-radius:9px;background:#e7f5e5;color:#33964b;font-size:13px;font-weight:700}
.live-steps p {margin:0;color:var(--muted);font-size:15px}
@media(max-width:1000px) {.live-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px) {
  .live-steps {grid-template-columns:1fr}
  .live-preview-kpis {gap:6px}
  .live-preview-kpis small {font-size:10px}
  .live-demo-facts>div {font-size:12px;gap:12px}
}
@media(max-width:400px) {.live-feature-grid {grid-template-columns:1fr}}