/* Isolated local product walkthrough. No styles escape the dialog. */
.pdemo{--d-bg:#f7f8f7;--d-card:#fff;--d-ink:#202522;--d-muted:#68726c;--d-line:#e2e6e3;--d-green:#087e58;--d-tint:#e8f5ee;--d-warn:#a85d11;width:min(1120px,calc(100vw - 48px));max-width:none;height:min(800px,calc(100dvh - 48px));max-height:none;margin:auto;padding:0;border:1px solid var(--d-line);border-radius:16px;background:var(--d-bg);color:var(--d-ink);box-shadow:0 32px 110px #0005;font:14px/1.5 InterVariable,Inter,Arial,sans-serif;overflow:hidden}
.dark .pdemo{--d-bg:#0d0f0e;--d-card:#181b19;--d-ink:#edf1ee;--d-muted:#a5b0a9;--d-line:#2c322e;--d-green:#65dca7;--d-tint:#173629;--d-warn:#efbc78;color-scheme:dark}
.pdemo::backdrop{background:#06130db3;backdrop-filter:blur(7px)}
.pdemo *{box-sizing:border-box}.pdemo button,.pdemo input{font:inherit}.pdemo button{cursor:pointer}.pdemo button:disabled{cursor:default;opacity:.5}.pdemo button:focus-visible,.pdemo input:focus-visible,.pdemo summary:focus-visible{outline:2px solid var(--d-green);outline-offset:4px}.pdemo [hidden]{display:none!important}
.pdemo-shell{height:100%;display:flex;flex-direction:column}.pdemo-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:var(--d-card);border-bottom:1px solid var(--d-line)}.pdemo-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:550}.pdemo-brand img{height:26px;width:21px;object-fit:contain}.dark .pdemo-brand img{filter:invert(1)}.pdemo-tag{font-size:11px;font-weight:450;color:var(--d-muted);border:1px solid var(--d-line);padding:3px 8px;border-radius:5px;margin-left:6px}.pdemo-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--d-line);border-radius:7px;background:transparent;color:var(--d-ink);font-size:23px!important}.pdemo-body{display:grid;grid-template-columns:210px 1fr;flex:1;min-height:0}.pdemo-rail{padding:25px 16px;border-right:1px solid var(--d-line);background:var(--d-card);display:flex;flex-direction:column;gap:24px}.pdemo-project{padding:0 10px}.pdemo-label{color:var(--d-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.pdemo-project strong{display:block;margin:7px 0 2px;font-weight:550}.pdemo-project small{color:var(--d-muted)}.pdemo-steps{display:grid;gap:6px}.pdemo-steps button{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--d-muted);padding:11px 10px}.pdemo-steps button[aria-current=step]{background:var(--d-tint);color:var(--d-green);border-color:color-mix(in srgb,var(--d-green) 18%,transparent)}.pdemo-num{font-size:11px;border:1px solid var(--d-line);border-radius:50%;height:22px;width:22px;display:grid;place-items:center}.pdemo-reset{margin-top:auto;border:0;background:transparent;text-align:left;color:var(--d-muted);padding:10px;font-size:12px!important}.pdemo-main{overflow-y:auto;overscroll-behavior:contain;padding:32px 36px}.pdemo h2{font:500 clamp(24px,2.6vw,32px)/1.2 InterVariable,Inter,Arial,sans-serif;letter-spacing:-.04em;margin:10px 0 12px;color:var(--d-ink)}.pdemo h3{font-size:14px;font-weight:550;margin:0;color:var(--d-ink)}.pdemo p{margin:0;color:var(--d-muted)}.pdemo-intro{max-width:580px;margin-bottom:26px}.pdemo-intro p{line-height:1.7}.pdemo-card{background:var(--d-card);border:1px solid var(--d-line);border-radius:10px;overflow:hidden}.pdemo-card-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--d-line);gap:12px}.pdemo-pill{color:var(--d-green);background:var(--d-tint);font-size:11px;padding:4px 8px;border-radius:5px;white-space:nowrap}.pdemo-table{width:100%;border-collapse:collapse;font-size:13px}.pdemo-table th{text-align:left;font-size:11px;color:var(--d-muted);font-weight:450;background:var(--d-bg)}.pdemo-table th,.pdemo-table td{padding:14px 20px;border-bottom:1px solid var(--d-line)}.pdemo-table th:last-child,.pdemo-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.pdemo-table td small{display:block;color:var(--d-muted);font-size:11px}.pdemo-total{display:flex;justify-content:space-between;padding:20px;gap:20px;font-size:14px}.pdemo-total strong{font-size:22px;letter-spacing:-.03em}.pdemo-hint{border-left:2px solid var(--d-green);padding:5px 0 5px 14px;margin:23px 0;color:var(--d-muted);font-size:13px}.pdemo-actions{display:flex;align-items:center;gap:12px;margin-top:25px;flex-wrap:wrap}.pdemo-primary,.pdemo-secondary{border-radius:7px;padding:10px 16px;min-height:42px;font-weight:500!important;border:1px solid var(--d-line)}.pdemo-primary{background:var(--d-green);color:#fff;border-color:var(--d-green)}.dark .pdemo-primary{color:#072419}.pdemo-secondary{background:var(--d-card);color:var(--d-ink)}.pdemo-form{padding:20px;display:grid;gap:18px}.pdemo-field{display:grid;gap:7px}.pdemo-field label{font-size:12px;color:var(--d-muted)}.pdemo-static{padding:12px;border:1px solid var(--d-line);border-radius:6px}.pdemo-static small{display:block;color:var(--d-muted);font-size:11px}.pdemo-hours{display:flex;align-items:center;gap:9px}.pdemo-hours input{min-width:0;width:130px;padding:13px;background:var(--d-bg);border:1px solid var(--d-line);border-radius:6px;color:var(--d-ink);font-size:24px}.pdemo-status{font-size:13px;color:var(--d-green);min-height:20px;margin-top:14px}.pdemo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.pdemo-metric{border:1px solid var(--d-line);background:var(--d-card);padding:18px;border-radius:8px}.pdemo-metric span{display:block;font-size:11px;color:var(--d-muted);margin-bottom:8px}.pdemo-metric strong{font-weight:500;font-size:24px;letter-spacing:-.04em}.pdemo-budget{padding:22px}.pdemo-budget-row{display:flex;justify-content:space-between;gap:16px;margin-bottom:13px}.pdemo-progress{height:9px;background:var(--d-line);border-radius:8px;overflow:hidden;margin-bottom:15px}.pdemo-progress span{display:block;height:100%;background:var(--d-green);border-radius:8px;transition:width .35s ease}.pdemo-ledger{padding:15px 20px;border-top:1px solid var(--d-line);display:flex;justify-content:space-between;gap:20px;font-size:12px}.pdemo-ledger span{color:var(--d-muted)}.pdemo-doc{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--d-line);cursor:pointer}.pdemo-doc:last-child{border:0}.pdemo-doc input{accent-color:var(--d-green);height:18px;width:18px;flex-shrink:0}.pdemo-doc strong{font-size:13px;font-weight:500}.pdemo-doc small{display:block;color:var(--d-muted);font-size:11px}.pdemo-package{margin-top:18px}.pdemo-package details{padding:16px 20px;border-top:1px solid var(--d-line)}.pdemo-package summary{cursor:pointer;font-weight:500}.pdemo-package details p{margin:10px 0 0;font-size:13px;line-height:1.7}.pdemo-footer{border-top:1px solid var(--d-line);padding:12px 24px;display:flex;justify-content:space-between;gap:12px;background:var(--d-card);color:var(--d-muted);font-size:11px}.pdemo-foot-progress{display:flex;gap:5px;align-items:center}.pdemo-foot-progress i{width:20px;height:3px;border-radius:2px;background:var(--d-line)}.pdemo-foot-progress i.active{background:var(--d-green)}
@media(max-width:700px){.pdemo{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:12px}.pdemo-body{display:flex;flex-direction:column}.pdemo-rail{padding:12px;border-right:0;border-bottom:1px solid var(--d-line);gap:12px}.pdemo-project{display:none}.pdemo-steps{grid-template-columns:repeat(4,1fr);gap:3px}.pdemo-steps button{flex-direction:column;gap:6px;padding:8px 3px;font-size:10px}.pdemo-num{height:19px;width:19px}.pdemo-reset{position:absolute;right:64px;top:19px;font-size:11px!important;padding:6px}.pdemo-main{padding:24px 18px;flex:1}.pdemo-top{padding:14px 18px}.pdemo-tag{display:none}.pdemo-table th,.pdemo-table td{padding:12px 10px;font-size:12px}.pdemo-metrics{gap:7px}.pdemo-metric{padding:12px 8px}.pdemo-metric strong{font-size:18px}.pdemo-metric span{font-size:10px}.pdemo-footer{padding:11px 18px}.pdemo-card-head{padding:15px}.pdemo-total{padding:15px}.pdemo-total strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.pdemo *{transition:none!important;animation:none!important}}