.demo-banner{background:var(--color-warning-bg);border-bottom:1px solid var(--color-border)}.demo-banner-inner{display:flex;align-items:flex-start;gap:var(--space-3);padding-block:var(--space-4)}.demo-tag{flex-shrink:0;font-size:.75rem;font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-warning);border:1px solid var(--color-warning);border-radius:var(--radius-sm);padding:2px var(--space-2);margin-top:2px}.demo-banner-text{margin:0;font-size:.9375rem;color:var(--color-text);max-width:60ch}.demo-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);padding-block:var(--space-5);border-bottom:1px solid var(--color-border)}.demo-nav-label{font-size:.8125rem;font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.demo-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:1rem}.demo-nav a{text-decoration:none;color:var(--color-text-muted)}.demo-nav a:hover{color:var(--color-accent-strong)}.demo-nav a[aria-current=page]{color:var(--color-text);text-decoration:underline;text-underline-offset:4px}.demo-nav-back{margin-left:auto}.demo-intro{padding-block:var(--space-10) var(--space-6)}.demo-intro .eyebrow{margin-bottom:var(--space-3)}.demo-intro p{max-width:var(--measure);color:var(--color-text-muted)}.mockup{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);padding:var(--space-6);box-shadow:0 1px 2px #1a1c1e0a}.mockup-narrow{max-width:26rem}.mockup-caption{margin-top:var(--space-3);font-size:.875rem;color:var(--color-text-muted)}.demo-grid{display:grid;gap:var(--space-8);align-items:start}@media(min-width:52rem){.demo-grid.two{grid-template-columns:26rem 1fr}}.card-label{font-size:.75rem;font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.profile-row{display:flex;align-items:center;gap:var(--space-3)}.avatar{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--color-accent-faint);color:var(--color-accent);display:grid;place-items:center;font-size:.8125rem;font-weight:var(--weight-semibold);letter-spacing:.04em}.profile-name{font-weight:var(--weight-semibold)}.profile-sub{font-size:.875rem;color:var(--color-text-muted)}.profile-row .status-pill{margin-left:auto}.status-pill{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.8125rem;font-weight:var(--weight-semibold);padding:2px var(--space-3);border-radius:999px;border:1px solid transparent}.status-pill.is-ok{background:var(--color-ok-bg);color:var(--color-ok);border-color:var(--color-ok)}.status-pill.is-wait{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning)}.status-dot{flex-shrink:0;width:.625rem;height:.625rem;border-radius:50%;display:inline-block}.status-dot.is-ok{background:var(--color-ok)}.status-dot.is-wait{background:var(--color-warning)}.status-dot.is-none{background:var(--color-text-muted)}.metric-box{margin-top:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-ok-bg)}.metric-value{font-size:1.5rem;font-weight:var(--weight-semibold);color:var(--color-text);line-height:1.1}.meter{margin-top:var(--space-3);height:.5rem;border-radius:999px;background:#fff;border:1px solid var(--color-border);overflow:hidden}.meter>span{display:block;height:100%;background:var(--color-ok)}.metric-foot{margin-top:var(--space-2);font-size:.8125rem;color:var(--color-text-muted);display:flex;justify-content:space-between;gap:var(--space-3)}.chips{list-style:none;padding:0;margin:var(--space-5) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{font-size:.8125rem;padding:var(--space-1) var(--space-3);border-radius:999px;border:1px solid var(--color-border);color:var(--color-text);background:var(--color-bg)}.chip.is-muted{color:var(--color-text-muted);border-style:dashed}.tasklist{list-style:none;padding:0;margin:var(--space-4) 0 0;display:grid;gap:var(--space-3)}.task-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.task-head{display:flex;justify-content:space-between;gap:var(--space-3);align-items:baseline}.task-title{font-weight:var(--weight-semibold)}.task-giv{flex-shrink:0;font-size:.8125rem;font-weight:var(--weight-semibold);color:var(--color-ok)}.task-org{font-size:.875rem;color:var(--color-text-muted)}.task-when{font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--space-1)}.match-reason{margin-top:var(--space-3);font-size:.8125rem;color:var(--color-text);background:var(--color-accent-faint);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.alert-card{overflow:hidden;padding:0}.alert-head{background:var(--color-alert);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:.8125rem;font-weight:var(--weight-semibold);letter-spacing:.04em}.alert-body{padding:var(--space-5)}.alert-eyebrow{font-size:.75rem;font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-alert)}.alert-title{margin-top:var(--space-2);font-size:1.375rem;font-weight:var(--weight-semibold);color:var(--color-text)}.alert-desc{margin-top:var(--space-3);color:var(--color-text)}.map{margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-accent-faint)}.map svg{display:block;width:100%;height:auto}.why-box{margin-top:var(--space-5)}.why-box p{margin-top:var(--space-2);font-size:.9375rem;color:var(--color-text);background:var(--color-accent-faint);border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.actions-stack{margin-top:var(--space-5);display:grid;gap:var(--space-3)}.actions-stack .btn{width:100%;justify-content:center}.escalation{margin-top:var(--space-4);font-size:.8125rem;color:var(--color-text-muted)}.dash-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);align-items:flex-start;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.dash-head .dpia{margin-top:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-2);font-size:.8125rem;font-weight:var(--weight-semibold);color:var(--color-warning)}.dash-head .on-duty{text-align:right;font-size:.875rem;color:var(--color-text-muted)}.scenario-switch{margin-top:var(--space-8)}.sc-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scenario-tabs{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.scenario-tabs label{cursor:pointer;font-size:.9375rem;padding:var(--space-2) var(--space-4);border-radius:999px;border:1px solid var(--color-border);color:var(--color-text);background:var(--color-bg)}.scenario-tabs label:hover{border-color:var(--color-accent);color:var(--color-accent-strong)}.scenario-panel{display:none;margin-top:var(--space-6)}#sc-ras:checked~.scenario-panels #panel-ras,#sc-straum:checked~.scenario-panels #panel-straum,#sc-sakna:checked~.scenario-panels #panel-sakna{display:block}#sc-ras:checked~.scenario-tabs label[for=sc-ras],#sc-straum:checked~.scenario-tabs label[for=sc-straum],#sc-sakna:checked~.scenario-tabs label[for=sc-sakna]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}#sc-ras:focus-visible~.scenario-tabs label[for=sc-ras],#sc-straum:focus-visible~.scenario-tabs label[for=sc-straum],#sc-sakna:focus-visible~.scenario-tabs label[for=sc-sakna]{outline:3px solid var(--color-accent);outline-offset:2px}.alert-banner{border:1px solid var(--color-alert);border-left-width:3px;background:var(--color-alert-bg);border-radius:var(--radius-md);padding:var(--space-5)}.alert-banner .alert-eyebrow{color:var(--color-alert)}.alert-banner h3{margin-top:var(--space-2);color:var(--color-text)}.alert-banner .meta{margin-top:var(--space-2);font-size:.875rem;color:var(--color-text-muted)}.integrations{list-style:none;padding:0;margin:var(--space-3) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.integrations li{font-size:.8125rem;padding:2px var(--space-3);border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-bg)}.filters{list-style:none;padding:0;margin:var(--space-5) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.filters li{font-size:.8125rem;padding:var(--space-1) var(--space-3);border-radius:999px;background:var(--color-accent-faint);color:var(--color-accent-strong);border:1px solid var(--color-border)}.stats-grid{list-style:none;padding:0;margin:var(--space-6) 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(min-width:40rem){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.stat dt{font-size:.75rem;font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.stat dd{margin:var(--space-1) 0 0;font-size:1.5rem;font-weight:var(--weight-semibold);color:var(--color-text)}.timeline{list-style:none;padding:0;margin:var(--space-4) 0 0;display:grid;gap:var(--space-2)}.timeline li{display:flex;gap:var(--space-3);font-size:.9375rem}.timeline .t{flex-shrink:0;font-weight:var(--weight-semibold);color:var(--color-accent);font-variant-numeric:tabular-nums}.timeline .e{color:var(--color-text)}.resource-list{list-style:none;padding:0;margin:var(--space-4) 0 0;display:grid;gap:var(--space-3)}.resource{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:start;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.resource .status-dot{margin-top:.4rem}.resource-id{font-weight:var(--weight-semibold)}.resource-meta{font-size:.875rem;color:var(--color-text-muted)}.resource-status{font-size:.8125rem;font-weight:var(--weight-semibold);text-align:right;white-space:nowrap}.resource-status.is-ok{color:var(--color-ok)}.resource-status.is-wait{color:var(--color-warning)}.dash-foot{margin-top:var(--space-6);border-top:1px solid var(--color-border);padding-top:var(--space-4);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.dash-foot .summary{font-size:.875rem;color:var(--color-text-muted)}.mockup-section+.mockup-section{margin-top:var(--space-6);border-top:1px solid var(--color-border);padding-top:var(--space-5)}.mockup-section h3{font-size:1rem}