.demo-preview{background:var(--surface-soft);min-height:100vh;padding:0 28px 48px}.demo-preview__header,.demo-preview__intro,.demo-preview__workspace,.demo-preview__cta{width:min(1400px,100%);margin-inline:auto}.demo-preview__header{border-bottom:1px solid var(--hairline);background:var(--surface-soft);justify-content:space-between;align-items:center;min-height:72px;display:flex}.demo-preview__brand{color:var(--ink);letter-spacing:-.3px;font-size:17px;font-weight:700;text-decoration:none}.demo-preview__brand b{color:var(--accent-deep)}.demo-preview__nav{align-items:center;gap:12px;display:flex}.demo-preview__nav .primary-button,.demo-preview__nav .outline-button{text-decoration:none}.demo-preview__status{color:var(--steel);align-items:center;gap:7px;font-size:12px;display:inline-flex}.demo-preview__status span{background:var(--accent-deep);border-radius:50%;width:7px;height:7px}.demo-preview__intro{justify-content:space-between;gap:32px;padding:58px 0 34px;display:flex}.demo-preview__intro>div:first-child{max-width:700px}.demo-preview__kicker{color:var(--accent-deep);letter-spacing:.12em;margin-bottom:12px;font-size:11px;font-weight:700}.demo-preview__intro h1{letter-spacing:-1.4px;max-width:680px;font-size:clamp(32px,5vw,54px)}.demo-preview__intro p:last-child{max-width:650px;color:var(--steel);margin-top:16px;font-size:16px;line-height:1.6}.demo-preview__intro-mark{border:1px solid var(--hairline);width:82px;height:82px;color:var(--accent-deep);background:var(--canvas);border-radius:50%;place-items:center;display:grid}.demo-preview__workspace{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--canvas);padding:22px;box-shadow:0 16px 45px #0a0a0a0d}.demo-preview__workspace-bar{justify-content:space-between;align-items:center;gap:16px;padding:2px 0 20px;display:flex}.demo-preview__workspace-bar strong,.demo-preview__workspace-bar span{display:block}.demo-preview__workspace-bar strong{font-size:18px}.demo-preview__workspace-bar span:not(.role-badge){color:var(--muted);margin-top:5px;font-size:12px}.demo-preview__workspace-bar .role-badge{align-items:center;gap:6px;display:inline-flex}.demo-preview__metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.demo-preview__metric-detail{color:var(--stone);font-size:11px}.demo-preview__metric-detail--positive{color:var(--brand-annotate)}.demo-preview__grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:14px;margin-top:14px;display:grid}.demo-preview__grid .panel{min-width:0}.demo-preview__grid table{width:100%}.demo-preview__activity .panel-heading svg{color:var(--accent-deep)}.demo-preview__events{gap:2px;padding:8px 20px 14px;display:grid}.demo-preview__events>div{border-bottom:1px solid var(--hairline-soft);gap:10px;padding:13px 0;display:flex}.demo-preview__events>div:last-child{border-bottom:0}.demo-preview__events p{gap:4px;display:grid}.demo-preview__events strong{font-size:12px;font-weight:600}.demo-preview__events small{color:var(--muted);font-size:10px}.demo-preview__cta{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--canvas);justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:24px 26px;display:flex}.demo-preview__cta h2{font-size:19px}.demo-preview__cta p{max-width:720px;color:var(--steel);margin-top:6px;line-height:1.5}.demo-preview__cta .primary-button{white-space:nowrap;text-decoration:none}@media (max-width:900px){.demo-preview__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-preview__grid{grid-template-columns:1fr}}@media (max-width:640px){.demo-preview{padding:0 16px 32px}.demo-preview__header{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 0}.demo-preview__nav{flex-wrap:wrap;width:100%}.demo-preview__status{width:100%}.demo-preview__intro{padding:40px 0 24px}.demo-preview__intro-mark{display:none}.demo-preview__intro h1{font-size:34px}.demo-preview__intro p:last-child{font-size:14px}.demo-preview__workspace{padding:14px}.demo-preview__workspace-bar,.demo-preview__cta{flex-direction:column;align-items:flex-start}.demo-preview__metrics{grid-template-columns:1fr}.demo-preview__cta .primary-button{width:100%}}