.pd-demo{--pd-paper:#fff;--pd-soft:#f5f7fb;--pd-ink:#152640;--pd-muted:#6c7b90;--pd-line:#e6ebf3;--pd-blue:#225af2;--pd-tint:#edf3ff;--pd-green:#33786e;font-family:inherit;color:var(--pd-ink);text-align:left;width:100%;isolation:isolate}.pd-full{max-width:680px;margin-inline:auto;min-width:0}
.pd-demo *{box-sizing:border-box}.pd-demo .pd-icon{display:block;width:18px;height:18px;flex:none}.pd-window{background:var(--pd-paper);border:1px solid var(--pd-line);border-radius:13px;box-shadow:0 24px 70px -30px #2236603d,0 2px 6px #10244306;overflow:hidden;position:relative}.pd-toolbar{display:flex;height:38px;gap:12px;align-items:center;padding:0 15px;background:var(--pd-soft);border-bottom:1px solid var(--pd-line)}.pd-traffic{display:flex;gap:5px}.pd-traffic i{width:6px;height:6px;border-radius:100%;background:#c1cad8}.pd-toolbar-title{font-size:10px;color:var(--pd-muted);margin:auto}.pd-demo-label{font-size:8px;letter-spacing:1px;font-weight:700;border:1px solid var(--pd-line);padding:3px 5px;border-radius:3px;color:var(--pd-muted)}.pd-app{display:flex;min-height:415px}.pd-sidebar{width:48px;flex:none;border-right:1px solid var(--pd-line);padding:16px 8px;display:flex;align-items:center;flex-direction:column;gap:15px;background:var(--pd-paper)}.pd-brand{display:grid;place-items:center;width:29px;height:29px;font-size:13px;font-weight:800;letter-spacing:-1px;background:var(--pd-blue);color:white;border-radius:7px;margin-bottom:12px}.pd-sidebar>span:not(.pd-brand){color:var(--pd-muted);width:31px;height:30px;display:grid;place-items:center;border-radius:6px}.pd-sidebar .pd-nav-active{color:var(--pd-blue)!important;background:var(--pd-tint)}.pd-sidebar-avatar{margin-top:auto;font-size:11px;font-weight:700;background:var(--pd-soft)}.pd-body{min-width:0;flex:1;padding:21px 22px 17px}.pd-screen-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.pd-screen-heading small{font-size:7px;letter-spacing:1.4px;color:var(--pd-muted);font-weight:700}.pd-screen-heading h3{margin:4px 0 0;font-size:19px;line-height:1.3;font-weight:750;letter-spacing:-.6px;color:var(--pd-ink)}.pd-avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:100%;background:var(--pd-tint);color:var(--pd-blue);font-size:9px;font-weight:750}.pd-screen-subtitle{font-size:10px!important;line-height:1.6!important;color:var(--pd-muted)!important;margin:7px 0 20px!important;max-width:none!important}.pd-content{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(155px,1fr);gap:14px;min-height:266px}.pd-conversation{min-width:0;display:flex;flex-direction:column;gap:11px;padding-right:1px}.pd-message{border-radius:9px;padding:11px 12px;border:1px solid var(--pd-line);background:var(--pd-paper)}.pd-message-label{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700;color:var(--pd-muted);margin-bottom:6px}.pd-message p{font-size:11px!important;line-height:1.65!important;color:var(--pd-ink)!important;margin:0!important}.pd-message-agent{background:var(--pd-tint);border-color:transparent}.pd-message-agent .pd-message-label{color:var(--pd-blue)}.pd-mini-jl{display:inline-grid;place-items:center;background:var(--pd-blue);color:white;width:17px;height:17px;font-size:8px;border-radius:5px;letter-spacing:-.6px}.pd-action{display:flex;align-items:center;gap:6px;color:var(--pd-muted);font-size:8px;padding:0 4px;line-height:1.5}.pd-action>.pd-icon{width:12px;height:12px;color:var(--pd-blue)}.pd-action-tick{margin-left:auto;color:var(--pd-green)}.pd-action-tick .pd-icon{width:12px;height:12px}.pd-followup{align-self:flex-end;color:var(--pd-muted);font-size:9px;line-height:1.6;padding:6px 9px;border-left:2px solid var(--pd-line);max-width:95%}.pd-record{border:1px solid var(--pd-line);border-radius:9px;background:linear-gradient(150deg,var(--pd-paper),var(--pd-soft));padding:13px 13px 10px;min-width:0;display:flex;flex-direction:column}.pd-record-icon{display:grid;place-items:center;width:30px;height:34px;color:var(--pd-blue);background:var(--pd-tint);border:1px solid var(--pd-line);border-radius:6px;margin-bottom:11px}.pd-record-ref{font-size:7px;letter-spacing:1px;color:var(--pd-muted);font-weight:700;line-height:1.6}.pd-record h4{font-size:13px;line-height:1.4;margin:5px 0 13px;letter-spacing:-.2px;color:var(--pd-ink)}.pd-record dl{margin:0;display:grid;gap:10px}.pd-record-field dt{font-size:7px;color:var(--pd-muted);margin:0 0 3px;line-height:1.4}.pd-record-field dd{font-size:9px;line-height:1.5;font-weight:650;margin:0;color:var(--pd-ink)}.pd-result{margin-top:auto;display:flex;align-items:flex-start;gap:5px;font-size:8px;line-height:1.5;font-weight:650;padding:10px 0 0;color:var(--pd-muted);transition:color .6s}.pd-result .pd-icon{height:12px;width:12px;border:1px solid currentColor;border-radius:100%;padding:1px;margin-top:1px}.pd-record-bottom{font-size:7px;color:var(--pd-muted);margin-top:10px;padding-top:8px;border-top:1px solid var(--pd-line);display:flex;align-items:center;gap:5px}.pd-record-bottom .pd-icon{width:10px;height:10px}.pd-steps{list-style:none!important;display:flex;margin:18px 0 0!important;padding:13px 0 0!important;border-top:1px solid var(--pd-line);gap:10px}.pd-steps li{flex:1;display:flex;align-items:center;gap:6px;font-size:8px;color:var(--pd-muted);line-height:1.4}.pd-steps li span{font-size:7px;flex:none;border:1px solid var(--pd-line);border-radius:50%;width:18px;height:18px;display:grid;place-items:center}.pd-steps li strong{font-weight:500}.pd-footnote{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:13px;font-size:9px;color:var(--pd-muted);line-height:1.5}.pd-demo-dot{height:4px;width:4px;border-radius:100%;background:var(--pd-blue)}.pd-reveal{opacity:.13;filter:blur(2px);transform:translateY(4px);transition:opacity .65s,filter .65s,transform .65s;pointer-events:none}.pd-demo[data-pd-stage="1"] .pd-reveal-1,.pd-demo[data-pd-stage="2"] .pd-reveal-1,.pd-demo[data-pd-stage="2"] .pd-reveal-2,.pd-demo[data-pd-stage="3"] .pd-reveal{opacity:1;filter:none;transform:none}.pd-demo[data-pd-stage="1"] .pd-steps li:first-child,.pd-demo[data-pd-stage="2"] .pd-steps li:nth-child(-n+2),.pd-demo[data-pd-stage="3"] .pd-steps li{color:var(--pd-blue)}.pd-demo[data-pd-stage="3"] .pd-result{color:var(--pd-green)}.pd-demo[data-pd-stage="3"] .pd-record{border-color:#b9d1ec}.pd-call-strip{display:flex;align-items:center;gap:7px;border:1px solid var(--pd-line);background:var(--pd-paper);border-radius:7px;padding:8px;font-size:8px;color:var(--pd-muted)}.pd-call-strip>.pd-icon{width:13px;height:13px;color:var(--pd-blue)}.pd-wave{display:flex;gap:2px;align-items:center;margin-left:auto;height:23px}.pd-wave i{width:2px;height:calc(var(--pd-h)*.65);background:var(--pd-blue);border-radius:3px;transform-origin:center}.pd-visible .pd-wave i{animation:pd-wave 1.5s ease-in-out infinite;animation-delay:calc(var(--pd-i)*.09s)}@keyframes pd-wave{50%{transform:scaleY(.4)}}.pd-code-preview{margin-top:9px;border:1px solid var(--pd-line);border-radius:5px;overflow:hidden;background:var(--pd-paper)}.pd-code-preview>span{display:block;font-size:7px;padding:5px 7px;background:var(--pd-soft);color:var(--pd-muted)}.pd-code-preview code{display:block;font-family:ui-monospace,monospace;font-size:8px;line-height:1.9;padding:6px 7px;color:var(--pd-ink);overflow-wrap:anywhere}.pd-code-preview i{font-style:normal;color:var(--pd-green)}.pd-workspace{min-width:0;display:flex;flex-direction:column}.pd-table-heading{display:flex;justify-content:space-between;gap:8px;font-size:7px;color:var(--pd-muted);padding:0 1px 9px;line-height:1.4}.pd-data-table{display:grid;gap:7px}.pd-data-row{min-width:0;display:flex;align-items:center;gap:7px;border:1px solid var(--pd-line);padding:11px 9px;border-radius:7px;background:var(--pd-paper);transition:border-color .6s,background .6s,box-shadow .6s}.pd-row-mark{color:var(--pd-muted);border:1px solid var(--pd-line);border-radius:50%;width:16px;height:16px;display:grid;place-items:center;flex:none}.pd-row-mark .pd-icon{width:10px;height:10px}.pd-data-row>div{min-width:0}.pd-data-row strong{font-size:9px;line-height:1.4;display:block;font-weight:650}.pd-data-row small{font-size:7px;line-height:1.6;display:block;color:var(--pd-muted);margin-top:4px}.pd-row-value{font-size:7px;line-height:1.5;font-weight:600;color:var(--pd-blue);margin-left:auto;max-width:65px;text-align:right;flex-shrink:0}.pd-demo[data-pd-stage="1"] [data-pd-row="0"],.pd-demo[data-pd-stage="2"] [data-pd-row="1"],.pd-demo[data-pd-stage="3"] [data-pd-row="2"]{border-color:#a8bff6;background:var(--pd-tint);box-shadow:0 2px 8px #225af209}.pd-map{position:relative;margin-bottom:14px;background:var(--pd-soft);border:1px solid var(--pd-line);border-radius:7px;overflow:hidden}.pd-map svg{display:block;width:100%;height:auto;min-height:90px}.pd-map-road{stroke:#dce4ee;stroke-width:10;fill:none}.pd-route{stroke:var(--pd-blue);stroke-width:3;fill:none;stroke-linejoin:round;stroke-dasharray:5 3}.pd-visible .pd-route{animation:pd-route 10s linear infinite}@keyframes pd-route{to{stroke-dashoffset:-80}}.pd-map-dot{fill:var(--pd-blue);stroke:white;stroke-width:3}.pd-map-end{fill:white;stroke:var(--pd-blue);stroke-width:3}.pd-map-label{position:absolute;top:8px;left:8px;font-size:7px;padding:4px 6px;color:var(--pd-muted);background:var(--pd-paper);border-radius:4px}.pd-plot{border:1px solid var(--pd-line);border-radius:7px;margin-bottom:14px;padding:10px}.pd-plot-label{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:var(--pd-muted)}.pd-plot-label strong{font-size:18px;color:var(--pd-ink);font-weight:600}.pd-plot-label small{font-size:9px}.pd-plot svg{display:block;width:100%;height:auto}.pd-plot-grid{fill:none;stroke:var(--pd-line);stroke-width:1}.pd-plot-line{fill:none;stroke:var(--pd-blue);stroke-width:2.5}.pd-plot-area{fill:var(--pd-tint)}.pd-axis{display:flex;justify-content:space-between;font-size:6px;color:var(--pd-muted)}.pd-week{display:flex;gap:5px;margin-bottom:14px}.pd-day{flex:1;padding:9px 3px;border:1px solid var(--pd-line);border-radius:6px;text-align:center;background:var(--pd-paper)}.pd-day small{display:block;font-size:6px;color:var(--pd-muted)}.pd-day strong{display:block;font-size:15px;font-weight:600;margin-top:5px}.pd-day-selected{border-color:var(--pd-blue);background:var(--pd-tint);color:var(--pd-blue)}.pd-fields{display:flex;gap:5px;margin-bottom:14px}.pd-fields>span{flex:1;border:1px solid var(--pd-line);padding:15px 8px;font-size:7px;color:var(--pd-muted);border-radius:7px;background:linear-gradient(145deg,var(--pd-soft),var(--pd-paper))}.pd-fields strong{display:block;font-size:14px;font-weight:600;margin-top:9px;color:var(--pd-ink)}.pd-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pd-kanban-column{background:var(--pd-soft);border-radius:6px;padding:7px}.pd-kanban-column>small{font-size:7px;color:var(--pd-muted);display:block;line-height:1.4;margin:1px 0 10px}.pd-kanban-card{min-height:152px;background:var(--pd-paper);border:1px solid var(--pd-line);border-radius:5px;padding:8px 6px;display:flex;flex-direction:column;transition:.6s}.pd-task-dot{width:15px;height:3px;background:var(--pd-blue);margin-bottom:10px;border-radius:3px}.pd-kanban-card>strong{font-size:9px;line-height:1.5}.pd-kanban-card>span:not(.pd-task-dot){font-size:7px;color:var(--pd-muted);line-height:1.6;margin-top:8px}.pd-task-meta{border-top:1px solid var(--pd-line);margin-top:auto;padding-top:8px;color:var(--pd-muted);font-size:6px}.pd-task-meta>span{display:inline-grid;place-items:center;background:var(--pd-tint);color:var(--pd-blue);border-radius:50%;height:15px;width:15px;font-size:7px;margin-right:3px}.pd-creative{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.pd-product-art{position:relative;height:120px;background:linear-gradient(145deg,#1547c1,#82acff);border-radius:6px;overflow:hidden;padding:11px;isolation:isolate}.pd-product-art>span{position:absolute;bottom:10px;left:10px;font-size:7px;letter-spacing:1px;color:white;line-height:1.7}.pd-product-art strong{font-size:10px;letter-spacing:-.1px}.pd-product-shape{position:absolute;width:70px;height:110px;top:-11px;right:8px;border:16px solid #dce9ff;transform:rotate(-25deg);border-radius:14px;box-shadow:10px 12px 24px #00247055}.pd-creative-copy{display:flex;flex-direction:column;justify-content:center;padding-left:4px}.pd-creative-copy small{font-size:6px;letter-spacing:.6px;line-height:1.5;color:var(--pd-muted)}.pd-creative-copy strong{font-size:16px;line-height:1.3;letter-spacing:-.5px;margin:10px 0}.pd-creative-copy>span{font-size:7px;color:var(--pd-muted)}.pd-course{display:flex;align-items:center;gap:12px;background:linear-gradient(130deg,#122a55,#225af2);color:white;border-radius:7px;padding:16px 12px;margin-bottom:15px;min-height:102px;position:relative}.pd-course-monogram{font-size:23px;font-weight:750;letter-spacing:-2px;border:1px solid #ffffff3d;width:40px;height:48px;display:grid;place-items:center;border-radius:6px}.pd-course small{font-size:6px;letter-spacing:1px;color:#bed1ff}.pd-course strong{font-size:14px;line-height:1.5;display:block;margin-top:4px}.pd-course-index{position:absolute;bottom:8px;right:9px;font-size:6px;color:#b7cbff}
.pd-compact{pointer-events:none;overflow:hidden;aspect-ratio:1.55;border-radius:10px;background:linear-gradient(140deg,#eef3fc,#dae6fc);padding:20px 20px 0;position:relative}.pd-compact .pd-window{width:570px;position:absolute;left:50%;top:22px;transform:translateX(-50%) scale(.58);transform-origin:top center;box-shadow:0 20px 50px -10px #17376630}.pd-compact .pd-app{min-height:400px}.pd-compact .pd-toolbar{height:31px}.pd-compact .pd-record-bottom,.pd-compact .pd-screen-subtitle{display:none}.pd-compact .pd-screen-heading{margin-bottom:16px}.pd-compact .pd-screen-heading h3{font-size:22px}.pd-compact .pd-body{padding:17px}.pd-compact .pd-steps{margin-top:13px!important}.pd-compact .pd-wave i{animation:none}.pd-compact .pd-route{animation:none}
html[data-theme="dark"] .pd-demo{--pd-paper:#20242c;--pd-soft:#272c35;--pd-ink:#e7edf6;--pd-muted:#a0acbd;--pd-line:#363d48;--pd-blue:#83aaff;--pd-tint:#263753;--pd-green:#92cebd}html[data-theme="dark"] .pd-window{box-shadow:0 24px 70px -30px #0009}html[data-theme="dark"] .pd-brand,html[data-theme="dark"] .pd-mini-jl{background:#285ff0;color:white}html[data-theme="dark"] .pd-map-road{stroke:#39414d}html[data-theme="dark"] .pd-compact{background:linear-gradient(135deg,#242a34,#202b3f)}html[data-theme="dark"] .pd-demo[data-pd-stage="3"] .pd-record{border-color:#516582}
@media(min-width:1500px){.pd-full .pd-message p{font-size:12px!important}.pd-full .pd-data-row strong{font-size:10px}.pd-full .pd-record-field dd{font-size:10px}}
@media(max-width:700px){.pd-full .pd-sidebar{width:39px;padding-inline:4px}.pd-full .pd-body{padding:16px 13px}.pd-full .pd-content{gap:10px;grid-template-columns:minmax(0,1.4fr) minmax(130px,1fr)}.pd-full .pd-record{padding:11px 9px}.pd-full .pd-record-field dd{font-size:9px}.pd-full .pd-screen-heading h3{font-size:17px}.pd-full .pd-screen-subtitle{font-size:9px!important}.pd-full .pd-message{padding:10px}.pd-full .pd-message p{font-size:10px!important}.pd-full .pd-call-strip{flex-wrap:wrap}.pd-full .pd-steps{gap:5px}.pd-full .pd-steps li{font-size:7px}.pd-compact .pd-window{transform:translateX(-50%) scale(.55)}}
@media(max-width:430px){.pd-full .pd-sidebar{display:none}.pd-full .pd-body{padding:15px 12px}.pd-full .pd-content{grid-template-columns:1fr}.pd-full .pd-record{display:grid;grid-template-columns:1fr 1.2fr;gap:0 15px;padding:14px}.pd-full .pd-record-icon{display:none}.pd-full .pd-record-ref{grid-column:1;align-self:end;font-size:7px}.pd-full .pd-record h4{grid-column:1;margin:4px 0 10px;font-size:13px}.pd-full .pd-record dl{grid-column:2;grid-row:1 / 4;gap:7px;border-left:1px solid var(--pd-line);padding-left:13px}.pd-full .pd-result{grid-column:1;font-size:8px;align-self:end;padding-top:3px}.pd-full .pd-record-bottom{display:none}.pd-full .pd-message p{font-size:12px!important}.pd-full .pd-message-label{font-size:9px}.pd-full .pd-followup{font-size:10px}.pd-full .pd-action{font-size:9px}.pd-full .pd-screen-subtitle{font-size:10px!important;margin-bottom:15px!important}.pd-full .pd-data-row strong{font-size:11px}.pd-full .pd-data-row small{font-size:9px}.pd-full .pd-row-value{font-size:9px;max-width:85px}.pd-full .pd-table-heading{font-size:8px}.pd-full .pd-map svg{max-height:118px}.pd-full .pd-steps li{font-size:8px}.pd-full .pd-content{min-height:0}.pd-full .pd-app{min-height:0}.pd-full .pd-call-strip{font-size:9px}.pd-full .pd-kanban-card>strong{font-size:11px}.pd-full .pd-kanban-card>span:not(.pd-task-dot){font-size:9px}.pd-full .pd-task-meta{font-size:7px}.pd-full .pd-week{margin-bottom:12px}.pd-full .pd-creative-copy strong{font-size:20px}.pd-full .pd-kanban-column>small{font-size:9px}.pd-full .pd-plot svg{max-height:105px}.pd-full .pd-code-preview code{font-size:10px}.pd-compact{padding:18px 0 0;aspect-ratio:1.55}.pd-compact .pd-window{transform:translateX(-50%) scale(.51);top:15px}}
@media(prefers-reduced-motion:reduce){.pd-demo *{animation:none!important;transition:none!important}.pd-full .pd-reveal{opacity:1;filter:none;transform:none}.pd-full .pd-result{color:var(--pd-green)}}