.demo{padding:120px var(--gutter) 80px;min-height:100vh;background:radial-gradient(90% 70% at 92% 8%,rgba(125,211,252,.08),transparent 58%),radial-gradient(70% 60% at 18% 18%,rgba(167,139,250,.08),transparent 58%),linear-gradient(180deg,var(--ink-1),#06060a);color:var(--t-80)}.demo__head{max-width:var(--maxw);margin:0 auto 22px;justify-content:space-between;gap:24px;flex-wrap:wrap}.demo__eyebrow,.demo__head{display:flex;align-items:center}.demo__eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--t-40);gap:8px}.demo__title{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.025em;font-weight:500;margin:6px 0 0;color:var(--t-100)}.demo__lede{color:var(--t-60);font-size:14px;max-width:520px;margin:0}.demo__stage{max-width:var(--maxw);margin:0 auto}.demo__snapshot{max-width:var(--maxw);margin:0 auto 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.demo__snapshotCard{position:relative;min-width:0;overflow:hidden;border:1px solid var(--dx-border-soft,var(--ink-4));border-radius:12px;padding:16px;background:var(--dx-gradient-ambient),color-mix(in srgb,var(--dx-surface-base,var(--ink-2)) 92%,transparent);box-shadow:var(--dx-shadow-card)}.demo__snapshotCard:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--dx-gradient-accent);opacity:.8}.demo__snapshotLabel,.demo__snapshotMeta{display:block;font-family:var(--f-mono);font-size:10px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--t-40)}.demo__snapshotValue{display:block;margin:7px 0 6px;font-family:var(--f-display);font-size:clamp(26px,3vw,38px);line-height:.95;font-weight:500;color:var(--t-100);letter-spacing:0}.demo .dash__app{grid-template-columns:minmax(176px,220px) minmax(0,1fr);border-color:var(--dx-border-soft,var(--ink-4));box-shadow:var(--dx-shadow-card)}.demo .dash__main{min-width:0}.demo .dash__topbar{gap:16px;flex-wrap:wrap}.demo .dash__topActions{flex-wrap:wrap;justify-content:flex-start;min-width:0}.demo .dash__topActions .btn,.demo .dash__topActions .chip{max-width:100%}.demo .dx__panel{overflow:hidden}.demo .dx__mentionsGrid>.dx__panel{overflow:visible}@media (max-width:1200px){.demo .dash__app{grid-template-columns:minmax(0,1fr)}.demo .dash__sidebar{display:none}.demo .dash__main{width:100%}.demo__snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo__placeholder{background:var(--ink-2);border:1px solid var(--ink-4);border-radius:16px;padding:48px 32px;text-align:center;color:var(--t-40)}.demo__placeholder h3{font-size:22px;color:var(--t-100);margin:0 0 12px;font-weight:500}.demo__placeholder p{font-size:14px;color:var(--t-60);max-width:420px;margin:0 auto}.demo__panels{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:20px}@media (max-width:900px){.demo__panels{grid-template-columns:1fr}}.demo__panel{background:var(--dx-gradient-ambient),var(--dx-surface-base,var(--ink-2));border:1px solid var(--dx-border-soft,var(--ink-4));border-radius:16px;padding:22px;box-shadow:var(--dx-shadow-card)}.demo__panelHead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.demo__panelTitle{font-size:14px;color:var(--t-100);font-weight:500}.demo__panelSub{font-family:var(--f-mono);font-size:10px;color:var(--t-40);text-transform:uppercase;letter-spacing:.1em}.demo__findings{gap:10px;max-height:360px;overflow-y:auto}.demo__finding,.demo__findings{display:flex;flex-direction:column}.demo__finding{padding:12px 14px;border-radius:10px;background:var(--dx-surface-lifted,var(--ink-3));border:1px solid var(--dx-border-soft,var(--ink-4));gap:6px}.demo__findingHead{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--t-100)}.demo__sev{font-family:var(--f-mono);font-size:9px;padding:2px 8px;border-radius:999px;letter-spacing:.1em;text-transform:uppercase}.demo__sev--critical{background:rgba(220,60,80,.15);color:#ff6b7e}.demo__sev--high{background:rgba(235,130,60,.15);color:#ffa566}.demo__sev--medium{background:rgba(220,180,60,.15);color:#ffd466}.demo__sev--low{background:rgba(120,160,200,.15);color:#8cc0ff}.demo__findingDesc{font-size:12px;color:var(--t-60);line-height:1.5}.demo__engines{display:flex;flex-direction:column;gap:12px}.demo__engine{display:grid;grid-template-columns:1fr auto auto;grid-gap:10px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--dx-border-soft,var(--ink-4))}.demo__engine:last-child{border-bottom:none}.demo__engineCount,.demo__engineName{font-size:13px;color:var(--t-100)}.demo__engineCount{font-family:var(--f-mono);letter-spacing:.02em}.demo__engineStatus{font-family:var(--f-mono);font-size:10px;color:var(--t-40);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.demo__readiness{margin-top:14px;padding-top:14px;border-top:1px solid var(--dx-border-soft,var(--ink-4))}.demo__readinessLabel{display:block;margin-bottom:10px;font-family:var(--f-mono);font-size:10px;color:var(--t-40);text-transform:uppercase;letter-spacing:.1em}.demo__readinessList{display:flex;flex-wrap:wrap;gap:8px}.demo__readinessItem{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--dx-border-soft,var(--ink-4));background:var(--dx-surface-lifted,var(--ink-3));font-size:12px;color:var(--t-60)}.demo__readinessItem strong{font-family:var(--f-mono);font-size:11px;color:var(--t-100)}@media (max-width:640px){.demo{padding-top:96px}.demo__snapshot{grid-template-columns:1fr}.demo__engine{grid-template-columns:1fr auto}.demo__engineStatus{grid-column:1/-1}}