.pp-demo-modal{position:fixed;inset:0;z-index:999999;background:rgba(10,18,40,.72);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:22px}.pp-demo-modal.is-open{display:flex}.pp-demo-shell{width:min(980px,96vw);max-height:94vh;overflow:hidden;background:linear-gradient(145deg,#fff,#f6f8ff 60%,#effcf8);border-radius:28px;box-shadow:0 35px 100px rgba(10,18,40,.35);position:relative;padding:22px 26px}.pp-demo-close{position:absolute;right:18px;top:15px;border:0;background:#eef2ff;border-radius:999px;width:38px;height:38px;font-size:28px;cursor:pointer}.pp-demo-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:#4f46e5}.pp-demo-shell header h2{font-size:clamp(26px,3vw,36px);margin:6px 0}.pp-demo-shell header p{color:#667085}.pp-demo-scenes{margin:14px 0}.pp-demo-scene{display:none}.pp-demo-scene.is-active{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;gap:24px;align-items:center;min-height:242px}.pp-demo-visual{min-height:205px;border-radius:24px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(135deg,#4f46e5,#2563eb)}.pp-demo-visual span{font-size:13px;letter-spacing:.08em;font-weight:800;text-transform:uppercase}.pp-demo-visual strong{font-size:clamp(25px,3vw,38px);line-height:1.05;margin-top:8px}.pp-demo-donation{background:linear-gradient(135deg,#059669,#0d9488)}.pp-demo-volunteer{background:linear-gradient(135deg,#ea580c,#f59e0b)}.pp-demo-qr{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.pp-demo-member,.pp-demo-supporter{background:linear-gradient(135deg,#0891b2,#0d9488)}.pp-demo-analytics,.pp-demo-impact{background:linear-gradient(135deg,#4338ca,#7c3aed)}.pp-demo-ticket{background:linear-gradient(135deg,#2563eb,#0891b2)}.pp-demo-sponsor{background:linear-gradient(135deg,#b45309,#ea580c)}.pp-demo-agreement{background:linear-gradient(135deg,#334155,#4f46e5)}.pp-demo-ledger{background:linear-gradient(135deg,#0f766e,#0369a1)}.pp-demo-billing{background:linear-gradient(135deg,#0f172a,#475569)}.pp-demo-invoice,.pp-demo-revenue{background:linear-gradient(135deg,#166534,#0f766e)}.pp-demo-risk{background:linear-gradient(135deg,#991b1b,#c2410c)}.pp-demo-readiness{background:linear-gradient(135deg,#7c2d12,#a16207)}.pp-demo-safety{background:linear-gradient(135deg,#115e59,#1d4ed8)}.pp-demo-step{grid-column:2;font-weight:800;color:#667085;display:flex;gap:10px;align-items:center}.pp-demo-scene h3{grid-column:2;margin:0;font-size:25px;line-height:1.15}.pp-demo-scene>p{grid-column:2;color:#475467;font-size:14.5px;line-height:1.48;margin:0}.pp-demo-scene .pp-demo-visual{grid-row:1/5}.pp-demo-shell footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #e4e7ec;padding-top:12px}.pp-demo-control,.pp-demo-secondary,.pp-demo-primary{border:1px solid #d0d5dd;background:#fff;border-radius:12px;padding:11px 16px;font-weight:750;cursor:pointer;text-decoration:none}.pp-demo-primary{background:#4f46e5;color:#fff;border-color:#4f46e5}.pp-demo-progress{display:flex;gap:14px;align-items:center;color:#667085}.pp-demo-progress input{width:15px!important;height:15px!important}.pp-demo-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:10px}@media(max-width:720px){.pp-demo-modal{padding:8px}.pp-demo-shell{padding:22px 16px}.pp-demo-scene.is-active{display:block;min-height:0}.pp-demo-visual{min-height:190px;margin:20px 0}.pp-demo-scene h3{font-size:25px}.pp-demo-step{margin-top:14px}.pp-demo-shell footer{align-items:stretch;flex-wrap:wrap}.pp-demo-progress{order:-1;width:100%;justify-content:center}.pp-demo-control{flex:1}.pp-demo-actions>*{flex:1;text-align:center}}
.pp-demo-close-action{display:inline-flex;align-items:center;justify-content:center;min-width:116px;border:2px solid #cbd5e1;background:#f8fafc;color:#172033}.pp-demo-close-action:before{content:"×";font-size:18px;line-height:1;margin-right:7px}
/* 2.8.2: speed control reuses the existing Guided Demo visual system. */
.pp-demo-speed-label{display:inline-flex;align-items:center;gap:6px}.pp-demo-speed-label select{font:inherit;color:#475467;background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:5px 24px 5px 8px}.pp-demo-speed-label select:disabled{opacity:.55;cursor:not-allowed}

/* 2.8.2: control-only polish. Same modal structure, same scenes and card gradients. */
.pp-demo-control,.pp-demo-secondary,.pp-demo-primary{border-radius:999px!important;border-color:transparent!important;color:#fff!important;min-height:42px;display:inline-flex;align-items:center;justify-content:center;line-height:1.15}
.pp-demo-control[data-pp-prev],.pp-demo-secondary[href*="customer-demo"]{background:linear-gradient(135deg,#087f8c,#18a89a)!important}
.pp-demo-control[data-pp-next],.pp-demo-primary{background:linear-gradient(135deg,#3156d8,#4a66df)!important}
.pp-demo-close-action{background:linear-gradient(135deg,#7a45d8,#b245bd)!important;color:#fff!important;border-color:transparent!important}
.pp-demo-shell header p{font-size:14px;line-height:1.45;margin:4px 0 0}.pp-demo-step{font-size:13px}.pp-demo-actions{margin-top:10px}
.pp-demo-control:focus-visible,.pp-demo-secondary:focus-visible,.pp-demo-primary:focus-visible,.pp-demo-close-action:focus-visible{outline:3px solid #111827;outline-offset:3px}
@media(max-width:720px){.pp-demo-shell{overflow:auto!important;max-height:94vh}.pp-demo-shell header h2{font-size:28px}.pp-demo-scene>p{font-size:15px;line-height:1.55}}