.pg-demo .demo-badge{font-family:var(--font-code);color:var(--copper);border:1px solid var(--copper-border);border-radius:999px;padding:4px 12px;font-size:11px}.pg-demo .demo-hero{text-align:center;border-bottom:1px solid var(--cream-border);padding:48px 48px 32px}.pg-demo .demo-title{font-family:var(--font-display);margin-bottom:12px;font-size:32px;font-weight:700}.pg-demo .demo-subtitle{color:var(--muted);max-width:600px;margin:0 auto 24px;font-size:15px;line-height:1.6}.pg-demo .demo-notice{font-family:var(--font-code);color:var(--dim);letter-spacing:.06em;font-size:11px}.pg-demo .capsule-strip{border-bottom:1px solid var(--cream-border);background:var(--surface);justify-content:center;gap:16px;padding:16px 48px;display:flex}.pg-demo .capsule-chip{font-family:var(--font-code);color:var(--cream);align-items:center;gap:8px;font-size:12px;display:flex}.pg-demo .capsule-dot{border-radius:50%;width:8px;height:8px}.pg-demo .dot-active{background:var(--sage);box-shadow:0 0 6px rgba(107,142,107,.4)}.pg-demo .dot-halted{background:var(--terra);box-shadow:0 0 6px rgba(184,76,62,.4)}.pg-demo .demo-split{grid-template-columns:1fr 1fr;min-height:500px;display:grid}.pg-demo .panel{padding:24px}.pg-demo .panel-left{border-right:1px solid var(--cream-border)}.pg-demo .panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pg-demo .panel-title{font-family:var(--font-code);letter-spacing:.1em;text-transform:uppercase;color:var(--copper);font-size:11px;font-weight:500}.pg-demo .panel-status{font-family:var(--font-code);font-size:11px}.pg-demo .status-running{color:var(--sage)}.pg-demo .status-halted{color:var(--terra)}.pg-demo .activity-feed{flex-direction:column;gap:0;display:flex}.pg-demo .activity-event{border-bottom:1px solid rgba(245,240,232,.06);align-items:flex-start;gap:12px;padding:10px 0;font-size:13px;animation:.3s pg-demo-fadeIn;display:flex}@keyframes pg-demo-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pg-demo .activity-time{font-family:var(--font-code);color:var(--dim);flex-shrink:0;width:60px;font-size:11px}.pg-demo .activity-text{color:var(--cream);line-height:1.4}.pg-demo .activity-text .capsule-ref{color:var(--copper);font-family:var(--font-code);font-size:12px}.pg-demo .activity-text .action-type{color:var(--muted)}.pg-demo .audit-trail{flex-direction:column;gap:0;display:flex}.pg-demo .audit-entry{font-family:var(--font-code);border-bottom:1px solid rgba(245,240,232,.06);padding:10px 0;font-size:12px;animation:.3s pg-demo-fadeIn}.pg-demo .audit-entry .audit-time{color:var(--dim);font-size:11px}.pg-demo .audit-entry .audit-capsule{color:var(--copper)}.pg-demo .audit-entry .audit-action{color:var(--cream);margin:2px 0}.pg-demo .audit-entry .audit-result{border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.pg-demo .result-allowed{color:var(--cream);background:rgba(107,142,107,.2);border:1px solid rgba(107,142,107,.4)}.pg-demo .result-blocked{color:var(--cream);background:rgba(194,113,79,.25);border:1px solid rgba(194,113,79,.5)}.pg-demo .result-halted{color:var(--cream);background:rgba(184,76,62,.25);border:1px solid rgba(184,76,62,.5)}.pg-demo .audit-entry .audit-hash{color:var(--dim);margin-top:2px;font-size:10px}.pg-demo .demo-controls{border-top:1px solid var(--cream-border);background:var(--deep);justify-content:center;gap:16px;padding:24px 48px;display:flex}.pg-demo .btn-halt{font-family:var(--font-body);color:var(--cream);background:var(--copper);border:1px solid var(--copper);cursor:pointer;border-radius:8px;padding:12px 32px;font-size:15px;font-weight:500;transition:box-shadow .15s,opacity .15s}.pg-demo .btn-halt:hover{box-shadow:0 0 24px var(--copper-glow)}.pg-demo .btn-halt:disabled{opacity:.4;cursor:default;box-shadow:none}.pg-demo .btn-halt.halted{background:var(--terra);border-color:var(--terra)}.pg-demo .btn-download{font-family:var(--font-body);color:var(--cream);border:1px solid var(--cream-border);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;text-decoration:none;display:inline-flex}.pg-demo .btn-download:hover{border-color:var(--copper)}.pg-demo .btn-restart{font-family:var(--font-body);color:var(--muted);border:1px solid var(--cream-border);cursor:pointer;background:0 0;border-radius:8px;padding:12px 24px;font-size:14px}.pg-demo .btn-restart:hover{color:var(--cream);border-color:var(--copper)}.pg-demo .demo-footer{text-align:center;font-family:var(--font-code);color:var(--dim);border-top:1px solid var(--cream-border);padding:24px 48px;font-size:11px}@media (max-width:768px){.pg-demo .demo-hero{padding:32px 16px 24px}.pg-demo .demo-title{overflow-wrap:anywhere;font-size:22px}.pg-demo .demo-subtitle{overflow-wrap:anywhere;max-width:calc(100vw - 32px);font-size:13px}.pg-demo .demo-notice{overflow-wrap:anywhere;font-size:10px}.pg-demo .capsule-strip{flex-wrap:wrap;gap:8px;padding:12px 16px}.pg-demo .capsule-chip{font-size:11px}.pg-demo .demo-split{grid-template-columns:1fr}.pg-demo .panel{padding:12px 16px}.pg-demo .panel-left{border-right:none;border-bottom:1px solid var(--cream-border)}.pg-demo .activity-event{font-size:12px}.pg-demo .activity-time{width:50px;font-size:10px}.pg-demo .audit-entry{font-size:11px}.pg-demo .demo-controls{flex-wrap:wrap;gap:10px;padding:16px}.pg-demo .btn-halt,.pg-demo .btn-download,.pg-demo .btn-restart{text-align:center;justify-content:center;width:100%;font-size:14px}.pg-demo .demo-footer{overflow-wrap:anywhere;padding:16px;font-size:10px}}