.demo{--demo-max:1240px;gap:var(--s-6);width:min(100%, var(--demo-max));padding:var(--s-4) var(--s-4) var(--s-8);flex-direction:column;margin:0 auto;display:flex}.demo-bar{top:var(--header-h,0px);z-index:2;align-items:center;gap:var(--s-3);padding:var(--s-3) 0;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex;position:sticky}.demo-brand{all:unset;cursor:pointer;letter-spacing:-.01em;font-weight:700}.demo-brand span{color:var(--text-muted);margin-left:6px;font-weight:500}.demo-synthetic{border:1px solid color-mix(in srgb, var(--warning) 60%, var(--border));color:var(--warning);font-size:var(--fs-micro);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.demo-nav{gap:var(--s-2);flex-wrap:wrap;margin-left:auto;display:flex}.demo-nav .btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.demo-count{background:var(--accent);color:var(--accent-ink);font-size:var(--fs-micro);border-radius:999px;margin-left:6px;padding:0 6px}.demo-intro{gap:var(--s-4);padding:var(--s-6) 0;display:grid}.demo-kicker{color:var(--accent);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.08em;margin:0;font-weight:600}.demo-intro h2{font-size:var(--fs-h2);max-width:22ch;margin:0;line-height:1.1}.demo-lede{max-width:72ch;color:var(--text-muted);font-size:var(--fs-body)}.demo-cards{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.demo-card{all:unset;box-sizing:border-box;gap:var(--s-2);padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-1,var(--bg-elev));cursor:pointer;transition:border-color .12s,transform .12s;display:grid}.demo-card:hover,.demo-card:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-2px)}.demo-card-n{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);border-radius:999px;place-items:center;font-weight:700;display:grid}.demo-card strong{font-size:var(--fs-h3)}.demo-card span:last-child{color:var(--text-muted)}.demo-section{gap:var(--s-4);display:grid}.demo-section h2{font-size:var(--fs-h2);margin:0;line-height:1.1}.demo-section h3{margin:var(--s-4) 0 0;font-size:var(--fs-h3)}.demo-two{gap:var(--s-5);grid-template-columns:minmax(300px,5fr) minmax(320px,7fr);align-items:start;display:grid}.demo-input{gap:var(--s-3);display:grid}.demo-chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.demo-chips .btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.demo-field{font-size:var(--fs-small);gap:6px;font-weight:600;display:grid}.demo-field textarea{width:100%;min-height:220px;padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2,var(--bg-elev));color:var(--text);font:500 var(--fs-small) / 1.5 var(--font-mono,ui-monospace, monospace);resize:vertical}.demo-actions{align-items:end;gap:var(--s-3);flex-wrap:wrap;display:flex}.demo-inline{font-size:var(--fs-small);gap:4px;font-weight:600;display:grid}.demo-inline select,.demo-lead-form input,.demo-lead-form select{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2,var(--bg-elev));min-height:40px;color:var(--text);font:inherit;font-size:var(--fs-small);padding:0 12px}.demo-policy-summary{font-size:var(--fs-small)}.demo-note{font-size:var(--fs-small);max-width:80ch}.demo-steps,.demo-graph,.demo-lifecycle{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.demo-step{padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-1,var(--bg-elev));opacity:.45;transition:opacity .24s,border-color .24s}.demo-step-active,.demo-step-done{opacity:1}.demo-step-active{border-color:var(--accent)}.demo-step-head{align-items:center;gap:var(--s-3);display:flex}.demo-step-head h3{margin:0;font-size:1.05rem}.demo-step-n{background:var(--surface-2,var(--bg));border:1px solid var(--border);width:28px;height:28px;font-size:var(--fs-small);border-radius:999px;place-items:center;font-weight:700;display:grid}.demo-step-done .demo-step-n{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.demo-step-body{gap:var(--s-2);margin-top:var(--s-3);animation:.24s demo-in;display:grid}.demo-step-body p{margin:0}@keyframes demo-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.demo-step-body,.demo-card{transition:none;animation:none}}.demo-pre{padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2,var(--bg));font-size:var(--fs-small);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.demo-placeholder{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:0 4px;font-weight:600}.demo-badge{border:1px solid var(--border);font-size:var(--fs-small);border-radius:999px;padding:2px 10px;font-weight:600;display:inline-block}.demo-badge-block{border-color:var(--critical);color:var(--critical);background:color-mix(in srgb, var(--critical) 12%, transparent)}.demo-badge-redact{border-color:var(--accent-2);color:var(--accent-2);background:var(--accent-2-soft)}.demo-badge-warn,.demo-badge-confirm,.demo-badge-flag{border-color:var(--warning);color:var(--warning);background:var(--warning-soft)}.demo-badge-allow{border-color:var(--success);color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent)}.demo-passport{gap:var(--s-2);padding:var(--s-4);border:1px solid var(--accent);border-radius:var(--r-md);background:linear-gradient(135deg, var(--accent-soft), transparent 60%);display:grid}.demo-passport-head{align-items:center;gap:var(--s-3);display:flex}.demo-passport dl{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0;display:grid}.demo-passport dt{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.demo-passport dd{margin:0;font-weight:600}.demo-digest{font-size:var(--fs-micro);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;display:flex}.demo-digest code{overflow-wrap:anywhere}.demo-ok{color:var(--success);font-weight:600}.demo-bad{color:var(--critical);font-weight:600}.demo-passports{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.demo-graph-row{gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-1,var(--bg-elev));opacity:.45;border-left-width:4px;grid-template-columns:1fr auto 1.2fr auto 1.4fr;align-items:center;transition:opacity .24s;display:grid}.demo-graph-allow,.demo-graph-confirm,.demo-graph-block{opacity:1}.demo-graph-allow{border-left-color:var(--success)}.demo-graph-confirm{border-left-color:var(--warning)}.demo-graph-block{border-left-color:var(--critical)}.demo-graph-row>div{gap:4px;min-width:0;display:grid}.demo-graph-row small{color:var(--text-muted);font-size:var(--fs-micro);overflow-wrap:anywhere}.demo-graph-row code{font-size:var(--fs-small)}.demo-graph-arrow{color:var(--text-faint)}.demo-flag{color:var(--warning)}.demo-summary{padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-1,var(--bg-elev))}.demo-matrix small{color:var(--text-faint);font-weight:400;display:block}.demo-lifecycle{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.demo-stage{padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-1,var(--bg-elev));opacity:.45;gap:4px;transition:opacity .24s,border-color .24s;display:grid}.demo-stage-active{opacity:1;border-color:var(--accent)}.demo-stage-done{opacity:1;border-color:var(--success)}.demo-stage-skipped{opacity:.7;border-style:dashed}.demo-stage small{color:var(--text-muted);font-size:var(--fs-micro);min-height:1.2em}.demo-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.demo-kpi{padding:var(--s-4);gap:2px;display:grid}.demo-kpi dt{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.demo-kpi dd{font-size:var(--fs-h2);margin:0;font-weight:700;line-height:1}.demo-kpi small{color:var(--text-muted)}.demo-sub{color:var(--text-faint);font-size:var(--fs-micro);display:block}.demo-heat .ent-heat-cell{text-align:center}.demo-lead-form{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:end;display:grid}.demo-lead-form label{font-size:var(--fs-small);gap:4px;font-weight:600;display:grid}.demo-consent{gap:var(--s-2);grid-column:1/-1;align-items:start;font-weight:400!important;display:flex!important}.demo-lead-form .demo-actions{grid-column:1/-1}.demo-foot{color:var(--text-faint);font-size:var(--fs-small)}html.kiosk .site-header,html.kiosk .site-footer,html.kiosk footer.site-footer{display:none}html.kiosk .demo{--header-h:0px;min-height:100dvh;padding-top:var(--s-5);font-size:1.1rem}html.kiosk .demo-bar{top:0}html.kiosk .demo-foot,html.kiosk .demo-lead{display:none}@media (width<=900px){.demo-two,.demo-graph-row{grid-template-columns:1fr}.demo-graph-arrow{display:none}}