.pdx{--px-ink:#142139;--px-muted:#526079;--px-line:#d7dfe9;--px-blue:#2454ed;max-width:1200px;margin:0 auto;padding:24px;color:var(--px-ink);font:15px/1.55 Inter,system-ui,sans-serif}.pdx *{box-sizing:border-box;min-width:0}.pdx h2{font-size:clamp(26px,4vw,40px);line-height:1.15;letter-spacing:-1.2px;margin:8px 0 12px}.pdx h3{font-size:24px;line-height:1.2;margin:12px 0}.pdx h4{font-size:17px;margin:20px 0 10px}.pdx p{margin:8px 0 16px}.pdx-top,.pdx-case-head,.pdx-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.pdx-eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;color:var(--px-blue)}.pdx button{font:inherit;font-weight:650;border:1px solid var(--px-line);border-radius:9px;padding:10px 14px;background:white;color:var(--px-ink);cursor:pointer;transition:background .15s,box-shadow .15s}.pdx button:hover:not(:disabled){background:#edf2ff;box-shadow:0 3px 12px #14213915}.pdx button:disabled{opacity:.5;cursor:not-allowed}.pdx button:focus-visible,.pdx input:focus-visible,.pdx textarea:focus-visible,.pdx select:focus-visible,.pdx-drop:focus-visible{outline:3px solid #2454ed;outline-offset:3px}.pdx-disclosure{padding:12px 16px;background:#e9eef5;border-radius:8px;font-size:12px;color:#3c4b63}.pdx-folders{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.pdx-folders button{display:flex;align-items:flex-start;text-align:left;flex-direction:column;padding:18px;background:#fff;box-shadow:0 6px 22px #14213908;gap:10px;cursor:grab}.pdx-folders button[aria-pressed=true]{border:2px solid #2454ed;background:#f0f4ff;padding:17px}.pdx-folder-icon{font-size:36px;color:#2454ed;line-height:1}.pdx-folders small{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.pdx-folders b{font-size:20px}.pdx-folders span:not(.pdx-folder-icon){font-size:12px;font-weight:400;flex:1}.pdx-folders em{font-size:12px;color:#2454ed;font-style:normal}.pdx-drop{padding:18px;border:2px dashed #91a4c4;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:16px;background:#f3f6fb;cursor:pointer}.pdx-drop span{font-size:12px;color:var(--px-muted)}.pdx-over{background:#e0ebff;border-color:#2454ed}.pdx-feedback{min-height:20px;color:#2454ed;font-size:13px}.pdx-workspace{border:1px solid var(--px-line);border-radius:16px;overflow:hidden;background:white;box-shadow:0 18px 60px #12213c12}.pdx-case-head{background:#142139;color:white;padding:26px}.pdx-case-head p{color:#bac9e0;margin-bottom:0}.pdx-case-head h3{font-size:30px;margin:8px 0}.pdx-status{display:inline-block;font-size:11px;font-weight:750;padding:5px 10px;border-radius:30px;background:#e6edfc;color:#193c82}.pdx-case-head .pdx-status{background:#2b3d5a;color:#d5e1fa}.pdx-case-head progress{display:block;width:190px;height:9px;margin-top:12px;accent-color:#d6fa55}.pdx-milestones{display:flex;flex-wrap:wrap;gap:8px;padding:16px 24px;background:#f2f5fa}.pdx-milestones span{font-size:11px;padding:4px 8px;border:1px solid #d5dfeb;border-radius:5px;color:#617087}.pdx-milestones .done{background:#e9f4c5;color:#34460c;border-color:#cddf91}.pdx-tabs{display:flex;flex-wrap:wrap;padding:12px 20px;gap:6px;border-bottom:1px solid var(--px-line)}.pdx-tabs button{font-size:12px;border-color:transparent;padding:9px 11px}.pdx-tabs button[aria-pressed=true]{background:#2454ed;color:white}.pdx-view{padding:26px;min-height:420px;overflow-wrap:anywhere}.pdx-overview{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}.pdx-summary{background:#f2f5fa;border-radius:12px;padding:22px}.pdx-summary h4{margin-top:0}.pdx-summary dt{font-size:11px;text-transform:uppercase;color:#66768c;margin-top:14px}.pdx-summary dd{margin:4px 0}.pdx-summary p{font-size:12px;color:#617087}.pdx-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.pdx-task{display:flex!important;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e3e9f1}.pdx-task small{display:block;color:#6b7990;font-size:11px}.pdx input[type=checkbox]{width:19px;height:19px;flex:0 0 auto;accent-color:#2454ed}.pdx label{display:block;font-weight:650;font-size:13px}.pdx input:not([type=checkbox]),.pdx textarea,.pdx select{display:block;width:100%;font:inherit;background:#fff;border:1px solid #b8c5d9;border-radius:8px;padding:12px;margin:8px 0 14px;color:#17253c}.pdx textarea{resize:vertical}.pdx form{margin-top:18px}.pdx form>button,.pdx [data-pdx=send]{background:#2454ed;color:white}.pdx-note{border-left:3px solid #2454ed;background:#f0f4fc;padding:14px 18px;font-size:13px;margin:12px 0 20px}.pdx-note p:last-child{margin-bottom:0}.pdx-docs{display:grid;grid-template-columns:220px 1fr;gap:24px}.pdx-docs nav{display:flex;flex-direction:column;gap:8px}.pdx-docs nav button{text-align:left;display:flex;flex-direction:column;gap:4px;font-size:12px}.pdx-docs nav button b{font-size:10px;color:#2454ed}.pdx-docs nav button[aria-pressed=true]{background:#e9efff;border-color:#2454ed}.pdx-paper{padding:28px;border:1px solid #d9e1ec;box-shadow:0 7px 20px #182b4910;border-radius:3px}.pdx-paper>p{font:17px/1.85 Georgia,serif}.pdx-chat{max-height:410px;overflow:auto;margin:18px 0}.pdx-chat article,.pdx-message{padding:16px;border:1px solid #d9e1ec;border-radius:10px;margin-bottom:12px;background:#f6f8fc}.pdx-chat small,.pdx-message small{font-size:11px;color:#586e8d;font-weight:750}.pdx-cite{font-size:11px!important;color:#2454ed!important;padding:5px 8px!important}.pdx-gap{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:22px;background:#f3f6fc;border-radius:10px}.pdx-gap>div{flex:1}.pdx-portal{max-width:730px;margin:auto;border:1px solid #d4ddec;border-radius:14px;padding:26px;background:#f7f9fc}.pdx-portal header{display:flex;align-items:center;gap:16px}.pdx-avatar{width:54px;height:54px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#142139;color:white;font-weight:800}.pdx-inbound{margin-left:24px;background:#e9effe}.pdx-history{list-style:none;padding:0}.pdx-history li{display:flex;gap:18px;border-bottom:1px solid #e1e7ef;padding:14px 0}.pdx-history time{font-size:11px;color:#647690;flex-shrink:0}.pdx-complete{background:#d9f878;padding:22px 26px;color:#233809}.pdx-complete b{font-size:22px}.pdx-complete p{margin-bottom:0}@media(max-width:850px){.pdx-folders{grid-template-columns:repeat(2,1fr)}.pdx-overview{grid-template-columns:1fr}.pdx-docs{grid-template-columns:1fr}.pdx-docs nav{display:grid;grid-template-columns:repeat(2,1fr)}.pdx-top,.pdx-drop,.pdx-case-head,.pdx-toolbar,.pdx-gap{align-items:stretch;flex-direction:column}.pdx-top>button{align-self:flex-start}}@media(max-width:450px){.pdx{padding:12px}.pdx-folders{gap:8px}.pdx-folders button{padding:12px}.pdx-folders button[aria-pressed=true]{padding:11px}.pdx-folders b{font-size:16px}.pdx-folders small{font-size:9px}.pdx-case-head,.pdx-view,.pdx-paper,.pdx-portal{padding:16px}.pdx-tabs{padding:10px}.pdx-tabs button{padding:8px;font-size:11px}.pdx-milestones{padding:12px}.pdx-history li{flex-direction:column;gap:4px}.pdx-portal header{align-items:flex-start}.pdx-case-head h3{font-size:25px}}@media(prefers-reduced-motion:reduce){.pdx *{transition:none!important;scroll-behavior:auto!important}}
/* Keep marketing-wide heading/button rules from weakening workspace contrast. */
#mk-demo-mount .pdx .pdx-case-head h3{color:#fff!important}#mk-demo-mount .pdx .pdx-tabs button[aria-pressed=true]{background:#2454ed!important;color:#fff!important}#mk-demo-mount .pdx form>button,#mk-demo-mount .pdx [data-pdx=send]{background:#2454ed!important;color:#fff!important}#mk-demo-mount .pdx textarea,#mk-demo-mount .pdx input{font-weight:400}#mk-demo-mount .pdx .pdx-complete b{color:#233809}
/* Guided interaction layer: select → open → act → see the result. */
#mk-demo-mount .pdx{position:relative}
#mk-demo-mount .pdx-picker-toggle:empty{display:none}
#mk-demo-mount .pdx-picker-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;color:#617394;font-size:10px;letter-spacing:1px}
#mk-demo-mount .pdx-picker-toggle b{font-size:17px;color:#192b49;margin:0 12px;letter-spacing:-.3px}
#mk-demo-mount .pdx-picker-toggle small{font-size:11px;letter-spacing:0}
#mk-demo-mount .pdx-active:not(.pdx-picking) :is(.pdx-top,.pdx-folders,.pdx-drop){display:none}
#mk-demo-mount .pdx-active .pdx-disclosure{padding:8px 0;margin:0 0 14px;font-size:10px}
#mk-demo-mount .pdx-workspace{scroll-margin-top:126px}
#mk-demo-mount .pdx-view{scroll-margin-top:126px;animation:pdx-arrive .22s ease-out}
#mk-demo-mount .pdx-guide{display:flex;align-items:center;gap:16px;padding:18px 24px;background:#eaf0ff;border-block:1px solid #d2ddf2}
#mk-demo-mount .pdx-guide-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#315cff;color:#fff;font-size:22px;font-weight:700;flex-shrink:0}
#mk-demo-mount .pdx-guide>div:not(.pdx-guide-actions){flex:1}
#mk-demo-mount .pdx-guide small{color:#4a6395;font-size:9px;letter-spacing:1.1px;font-weight:700}
#mk-demo-mount .pdx-guide h4{color:#172338;font-size:19px;margin:4px 0 5px;letter-spacing:-.3px}
#mk-demo-mount .pdx-guide p{color:#566b8d;font-size:12px;line-height:1.6;margin:0;max-width:640px}
#mk-demo-mount .pdx-guide>button,#mk-demo-mount .pdx-guide-actions button{background:#315cff;color:white;border-color:#315cff;font-size:12px;padding:11px 15px}
#mk-demo-mount .pdx-guide-actions{display:flex;flex-direction:column;gap:7px}
#mk-demo-mount .pdx-guide-complete{background:#eef6db}
#mk-demo-mount .pdx-guide-complete .pdx-guide-symbol{background:#355b1b}
#mk-demo-mount .pdx-milestones{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:15px;background:#f3f6fc}
#mk-demo-mount .pdx-milestones button{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:9px;line-height:1.4;border:1px solid transparent;padding:9px 5px;background:transparent;color:#637596;box-shadow:none}
#mk-demo-mount .pdx-milestones button>span{width:25px;height:25px;display:grid;place-items:center;border:1px solid #c4d1e5;border-radius:50%;font-size:10px;color:#61779e;background:white}
#mk-demo-mount .pdx-milestones button.done{color:#355b1b;background:#edf4dc}
#mk-demo-mount .pdx-milestones button.done>span{background:#d4ff67;color:#243d12;border-color:#abc94f}
#mk-demo-mount .pdx-milestones button.current{border-color:#315cff;color:#244bc1;background:#e6edff}
#mk-demo-mount .pdx-milestones button.current>span{color:white;background:#315cff;border-color:#315cff}
#mk-demo-mount .pdx-feedback:not(:empty){position:fixed;right:24px;bottom:24px;z-index:80;max-width:380px;background:#142139;color:#e7efff;border:1px solid #6786b5;border-left:4px solid #d4ff67;border-radius:9px;padding:14px 18px;box-shadow:0 10px 35px #0c1b3440;font-size:12px;line-height:1.6;pointer-events:none;animation:pdx-arrive .25s ease-out}
#mk-demo-mount .pdx-feedback.pdx-feedback-away{display:none}
#mk-demo-mount .pdx-opening{position:fixed;inset:0;z-index:99;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;background:#101a2bf5;color:#fff}
#mk-demo-mount .pdx-opening strong{font-size:24px;color:#fff}
#mk-demo-mount .pdx-opening>span:last-child{color:#b0c1dc;font-size:13px}
#mk-demo-mount .pdx-opening-folder{font-size:70px;color:#d4ff67;animation:pdx-open .48s ease-in-out}
#mk-demo-mount .pdx-dragging .pdx-drop{background:#e0e9ff;border-color:#315cff;box-shadow:0 0 0 5px #315cff20;transform:scale(1.01)}
#mk-demo-mount .pdx-highlight{animation:pdx-result .8s ease-out}
@keyframes pdx-arrive{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes pdx-open{from{transform:translateY(-30px) rotate(-8deg);opacity:.2}to{transform:translateY(0) rotate(0);opacity:1}}
@keyframes pdx-result{from{box-shadow:inset 0 0 0 3px #315cff80}to{box-shadow:inset 0 0 0 0 transparent}}
@media(max-width:700px){#mk-demo-mount .pdx-guide{flex-wrap:wrap;padding:17px;gap:12px}#mk-demo-mount .pdx-guide>div:not(.pdx-guide-actions){flex-basis:70%}#mk-demo-mount .pdx-guide>button{width:100%}#mk-demo-mount .pdx-milestones{grid-template-columns:repeat(4,minmax(0,1fr));padding:10px;gap:5px}#mk-demo-mount .pdx-picker-toggle{align-items:flex-start}#mk-demo-mount .pdx-picker-toggle b,#mk-demo-mount .pdx-picker-toggle small{display:block;margin:5px 0}#mk-demo-mount .pdx-picker-toggle button{font-size:11px}#mk-demo-mount .pdx-feedback:not(:empty){right:12px;left:12px;bottom:86px;max-width:none;font-size:11px}#mk-demo-mount .pdx-opening strong{font-size:20px;text-align:center;padding:0 18px}}
@media(prefers-reduced-motion:reduce){#mk-demo-mount *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}