.pdemo[data-pdemo=payment-chase]{--pd-t1: calc(var(--pd-k) * .28s);--pd-t2: calc(var(--pd-k) * .48s);--pd-t3: calc(var(--pd-k) * .72s)}.pc{position:absolute;inset:0;font-size:max(9.5px,2.1cqw);line-height:1.35}.pc-firm{position:absolute;top:9cqw;left:3cqw;display:grid;grid-template-columns:23% minmax(0,1fr);width:63cqw;height:72cqw;overflow:hidden;border-radius:1.1em;background:#f4f5f7;box-shadow:0 0 0 1px #0c1c3c12,0 1px 2px #0c1c3c0f,0 30px 50px -24px #016b5466;transition:opacity var(--pd-t2) var(--pd-ease),transform var(--pd-t2) var(--pd-ease)}.pc-side{display:flex;flex-direction:column;gap:.7em;min-width:0;padding:1.1em .45em;background:var(--pd-navy);color:#aab6d3}.pc-brand{width:3.4em;padding-left:.35em;color:#fff}.pc-brand svg{display:block;width:100%;height:auto}.pc-firmname{margin:0;padding-left:.45em;color:#7d8db3;font-size:.72em;line-height:1.3}.pc-nav{display:grid;gap:.1em;margin:.2em 0 0;padding:0;list-style:none;font-size:.76em}.pc-nav li{display:flex;align-items:center;gap:.55em;padding:.4em .45em;overflow:hidden;border-radius:.4em;white-space:nowrap}.pc-nav li:before{content:"";flex:none;width:.85em;height:.85em;border-radius:.22em;background:currentColor;opacity:.3}.pc-nav .is-open{color:#dbe3f5}.pc-nav .is-sub{padding-inline:1.1em 0;font-size:.94em}.pc-nav .is-sub:before{display:none}.pc-nav .is-active{background:#ffffff1a;color:#fff}.pc-main{display:flex;flex-direction:column;gap:.8em;min-width:0;padding:1em 1.05em}.pc-head{display:flex;align-items:center;justify-content:space-between;gap:.6em}.pc-title{margin:0;font-size:1.3em;font-weight:600;letter-spacing:-.015em}.pc-btn{display:inline-flex;align-items:center;gap:.45em;padding:.5em .8em;border-radius:.5em;background:var(--pd-green);color:#fff;font-size:.74em;font-weight:500;white-space:nowrap}.pc-card,.pc-table{border-radius:.85em;background:#fff;box-shadow:0 0 0 1px #0c1c3c0f}.pc-out{padding:.95em 1.05em .85em}.pc-out-head{display:flex;align-items:center;justify-content:space-between;gap:.6em}.pc-label{margin:0;color:var(--pd-muted);font-size:.76em;font-weight:500;white-space:nowrap}.pc-total{display:flex;align-items:baseline;gap:.5em;margin:.15em 0 0;font-size:1.9em;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap}.pc-delta{padding:.14em .55em;border-radius:99px;background:var(--pd-green-soft);color:var(--pd-green-deep);font-size:.4em;font-weight:600;letter-spacing:0;opacity:0;transform:translateY(.7em);transition:opacity var(--pd-t2) var(--pd-ease),transform var(--pd-t2) var(--pd-spring)}.pc-done{flex:none;margin:0;padding:.15em .65em;border-radius:99px;background:var(--pd-green-soft);color:var(--pd-green-deep);font-size:.7em;font-weight:500;white-space:nowrap}.pc-done-n{margin-left:.2em;font-weight:600;font-variant-numeric:tabular-nums}.pc-buckets{display:grid;gap:.1em;margin:.65em 0 0;padding:.55em 0 0;border-top:1px solid var(--pd-line-soft);list-style:none}.pc-bucket{display:flex;align-items:center;gap:.45em;min-width:0;margin:0 -.4em;padding:.2em .4em;border-radius:.5em;font-size:.76em;white-space:nowrap;transition:background-color var(--pd-t2) var(--pd-ease)}.pc-bucket-label{color:var(--pd-soft)}.pc-bucket-count{color:var(--pd-muted)}.pc-bucket-amount{margin-left:auto;padding:.12em .55em;border:1px solid var(--pd-line);border-radius:99px;font-weight:500;font-variant-numeric:tabular-nums;transition:background-color var(--pd-t3) var(--pd-ease),border-color var(--pd-t3) var(--pd-ease),color var(--pd-t3) var(--pd-ease)}.pc-dot{flex:none;width:.7em;height:.7em;border-radius:50%}.pc-dot--grey{background:#9aa1ab}.pc-dot--yellow{background:#f5c542}.pc-dot--orange{background:#f59e42}.pc-dot--red{background:var(--pd-red)}.pc-bucket.is-hero .pc-bucket-amount{border-color:#f2b3b5;background:#fff4f4;color:#bf2f35}.pc-table{display:flex;flex-direction:column;gap:.1em;padding:.5em .55em .55em}.pc-th,.pc-row{display:grid;grid-template-columns:minmax(0,1fr) auto 5.2em;align-items:center;column-gap:.7em}.pc-th{padding:.25em .6em .35em;color:var(--pd-muted);font-size:.62em;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.pc-row{padding:.5em .6em;border-radius:.65em;font-size:.8em;transition:background-color var(--pd-t2) var(--pd-ease),box-shadow var(--pd-t2) var(--pd-ease)}.pc-who{display:flex;align-items:center;gap:.65em;min-width:0}.pc-who b{display:block;font-weight:600;line-height:1.15;white-space:nowrap}.pc-who small{display:block;color:var(--pd-muted);font-size:.82em;line-height:1.2}.pc-avatar{display:grid;flex:none;place-items:center;width:2.4em;height:2.4em;border-radius:50%;background:var(--pd-indigo-soft);color:var(--pd-indigo);font-size:.78em;font-style:normal;font-weight:600}.pc-avatar--b{background:var(--pd-amber-soft);color:var(--pd-amber)}.pc-avatar--c{background:var(--pd-green-soft);color:var(--pd-green-deep)}.pc-amt{font-weight:500;font-variant-numeric:tabular-nums}.pc-status{display:grid}.pc-status>*{grid-area:1 / 1;justify-self:start}.pc-chip{display:inline-flex;align-items:center;gap:.35em;padding:.18em .65em;border-radius:99px;font-size:.82em;font-weight:500;line-height:1.4;white-space:nowrap}.pc-chip svg{flex:none}.pc-chip--paid{background:var(--pd-green-soft);color:var(--pd-green-deep)}.pc-chip--pending{background:var(--pd-amber-soft);color:var(--pd-amber)}.pc-chip--info{background:var(--pd-indigo-soft);color:var(--pd-indigo)}.pc-meta{display:grid;grid-column:1 / -1;gap:.5em;margin-top:.55em;padding-top:.55em;border-top:1px dashed var(--pd-line)}.pc-queue{display:flex;align-items:center;justify-content:space-between;gap:.6em}.pc-queue-label{display:grid;flex:none;color:var(--pd-muted);font-size:.84em;font-weight:500;white-space:nowrap}.pc-queue-label>*{grid-area:1 / 1;transition:opacity var(--pd-t2) var(--pd-ease)}.pc-ql-stopped{color:#a15c10;opacity:0}.pc-pips{display:flex;gap:.35em;margin:0;padding:0;list-style:none}.pc-pip{display:flex;align-items:center;gap:.28em;padding:.1em .45em .1em .32em;border-radius:99px;background:#f1f3f6;color:var(--pd-muted);font-size:.8em;font-weight:500;transition:background-color var(--pd-t2) var(--pd-ease),color var(--pd-t2) var(--pd-ease),opacity var(--pd-t2) var(--pd-ease)}.pc-pip i{display:block;width:.6em;height:.6em;border:1.5px solid #b3bcc9;border-radius:50%;transition:background-color var(--pd-t2) var(--pd-ease),border-color var(--pd-t2) var(--pd-ease)}.pc-match{display:grid;min-height:1.9em;align-items:center}.pc-match>*{grid-area:1 / 1}.pc-await{display:inline-flex;align-items:center;gap:.5em;color:var(--pd-muted);font-size:.84em;transition:opacity var(--pd-t1) var(--pd-ease)}.pc-await:before{content:"";width:.55em;height:.55em;border-radius:50%;background:#f5c542}.pc-chips{display:flex;flex-wrap:wrap;gap:.4em}.pc-chips>.pc-chip{opacity:0;transform:translateY(.4em) scale(.96);transition:opacity var(--pd-t2) var(--pd-ease),transform var(--pd-t2) var(--pd-spring)}.pc-chips>.pc-chip:nth-child(2){transition-delay:calc(var(--pd-k) * .14s)}.pc-s-paid{opacity:0;transform:scale(.8)}.pc-s-pending,.pc-s-paid{transition:opacity var(--pd-t2) var(--pd-ease),transform var(--pd-t2) var(--pd-spring)}.pc-phone{position:absolute;top:15cqw;left:68.5cqw;width:28.5cqw;opacity:0;transform:translateY(5cqw) scale(.96);transition:opacity var(--pd-t2) var(--pd-ease),transform var(--pd-t3) var(--pd-spring)}.pc-screen{position:absolute;inset:0;display:flex;flex-direction:column;font-size:5cqw}.pc-lock{transition:opacity var(--pd-t2) var(--pd-ease)}.pc-wall{position:absolute;inset:0;background:linear-gradient(170deg,#cdeee5,#e8f7f2 42%,#fdf1da)}.pc-clock{position:absolute;inset:17cqw 0 auto;margin:0;color:var(--pd-navy);font-size:22cqw;font-weight:300;letter-spacing:-.03em;text-align:center}.pc-banner{position:absolute;inset:46cqw 5cqw auto;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:3cqw;padding:4cqw;border-radius:6cqw;background:#ffffffd6;box-shadow:0 2cqw 6cqw -2cqw #0c1c3c47;opacity:0;transform:translateY(-14cqw) scale(.96);transition:opacity var(--pd-t2) var(--pd-ease),transform var(--pd-t3) var(--pd-spring)}.pc-app{display:grid;place-items:center;width:11cqw;height:11cqw;border-radius:3cqw;background:var(--pd-navy);color:#fff;font-size:6.4cqw;font-weight:600}.pc-banner-text{display:grid;gap:.8cqw;color:var(--pd-soft);font-size:5.2cqw;line-height:1.3}.pc-banner-text b{color:var(--pd-ink);font-size:5.8cqw}.pc-banner-time{color:var(--pd-muted);font-size:4.6cqw}.pc-sheet{inset:17cqw 0 0;gap:3cqw;padding:5.5cqw 5.5cqw 7cqw;border-radius:8cqw 8cqw 0 0;background:#fff;box-shadow:0 -2cqw 8cqw #0c1c3c33;transform:translateY(105%);transition:transform var(--pd-t3) var(--pd-spring),opacity var(--pd-t1) var(--pd-ease)}.pc-sheet-head{display:flex;align-items:center;gap:3cqw}.pc-mark{display:grid;flex:none;place-items:center;width:11cqw;height:11cqw;border-radius:3cqw;background:var(--pd-navy);color:#fff;font-size:4cqw;font-weight:700;letter-spacing:.02em}.pc-sheet-firm{display:grid;line-height:1.2}.pc-sheet-firm b{font-size:6cqw}.pc-sheet-firm small{color:var(--pd-muted);font-size:4.8cqw}.pc-due{margin:1.5cqw 0 0;color:var(--pd-muted);font-size:5.2cqw}.pc-due-amt{margin:-2cqw 0 0;font-size:14cqw;font-weight:600;letter-spacing:-.03em;line-height:1.1}.pc-field{display:flex;align-items:center;gap:3cqw;padding:3cqw 3.5cqw;border-radius:3cqw;background:#f3f5f8;font-size:6cqw}.pc-field-label{color:var(--pd-muted);font-size:5cqw}.pc-field-val{font-weight:600}.pc-field-ok{margin-left:auto;color:var(--pd-green);opacity:0;transition:opacity var(--pd-t2) var(--pd-ease) calc(var(--pd-k) * .7s)}.pc-pay-with{margin:.5cqw 0 -1cqw;color:var(--pd-muted);font-size:5cqw;font-weight:500}.pc-methods{display:grid;grid-template-columns:1fr 1fr;gap:2.4cqw}.pc-method{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.4cqw;padding:3cqw 1cqw;border:.5cqw solid var(--pd-line);border-radius:3cqw;background:#fff;font-size:4.8cqw;font-weight:500;white-space:nowrap;transition:opacity var(--pd-t2) var(--pd-ease),border-color var(--pd-t2) var(--pd-ease),box-shadow var(--pd-t2) var(--pd-ease),background-color var(--pd-t2) var(--pd-ease)}.pc-method svg{width:6.6cqw;height:6.6cqw}.pc-cta{display:grid;place-items:center;height:14cqw;margin-top:auto;border-radius:4cqw;background:var(--pd-navy);color:#fff;font-size:6cqw;font-weight:600}.pc-cta>span{display:inline-flex;grid-area:1 / 1;align-items:center;gap:2cqw;transition:opacity var(--pd-t1) var(--pd-ease)}.pc-cta-busy{opacity:0}.pc-spin{width:5.4cqw;height:5.4cqw;border:.8cqw solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%}.pc-paid{align-items:center;justify-content:center;gap:2.4cqw;padding:0 8cqw;background:#fff;text-align:center;opacity:0;transition:opacity var(--pd-t2) var(--pd-ease)}.pc-tick{width:24cqw;height:24cqw}.pc-tick-ring{fill:var(--pd-green-soft);stroke:var(--pd-green);stroke-width:2;transform-origin:center;transform-box:fill-box;transition:transform var(--pd-t3) var(--pd-spring)}.pc-tick-mark{stroke:var(--pd-green-deep);stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset var(--pd-t2) var(--pd-ease) calc(var(--pd-k) * .26s)}.pc-paid-title{margin:3cqw 0 0;font-size:8.4cqw;font-weight:600;letter-spacing:-.02em}.pc-paid-sub{margin:0;color:var(--pd-muted);font-size:5.4cqw}.pc-paid-ref{margin-top:1cqw;padding:1.4cqw 3.4cqw;border-radius:99px;background:var(--pd-green-soft);color:var(--pd-green-deep);font-size:5cqw;font-weight:500}.pdemo[data-s~=hot] .pc-bucket.is-hero{background:#fff6f6}.pdemo[data-s~=remind] .pc-row--hero{background:#f4fcf9;box-shadow:0 0 0 1px var(--pd-green-tint),0 12px 22px -16px #018568b3}.pdemo[data-s~=remind] .pc-pip:first-child{background:var(--pd-green-soft);color:var(--pd-green-deep)}.pdemo[data-s~=remind] .pc-pip:first-child i{border-color:var(--pd-green);background:var(--pd-green)}.pdemo[data-s~=notify] .pc-phone{opacity:1;transform:none}.pdemo[data-s~=notify] .pc-banner{opacity:1;transform:none;transition-delay:calc(var(--pd-k) * .42s)}.pdemo[data-s~=checkout] .pc-sheet{transform:none}.pdemo[data-s~=checkout] .pc-field-ok{opacity:1}.pdemo[data-s~=method] .pc-method{opacity:.5}.pdemo[data-s~=method] .pc-method--apple{border-color:var(--pd-ink);background:#f6f7f9;box-shadow:0 0 0 .7cqw #0c1c3c1a;opacity:1}.pdemo[data-s~=paying] .pc-cta-pay{opacity:0}.pdemo[data-s~=paying] .pc-cta-busy,.pdemo[data-s~=paid] .pc-paid{opacity:1}.pdemo[data-s~=paid] .pc-lock,.pdemo[data-s~=paid] .pc-sheet{opacity:0}.pdemo[data-s~=paid] .pc-tick-mark{stroke-dashoffset:0}.pdemo[data-s~=settle] .pc-s-pending{opacity:0;transform:scale(.8)}.pdemo[data-s~=settle] .pc-s-paid{opacity:1;transform:none}.pdemo[data-s~=settle] .pc-pip:not(:first-child){opacity:.55;text-decoration:line-through}.pdemo[data-s~=settle] .pc-pip:not(:first-child) i{border-style:dashed}.pdemo[data-s~=settle] .pc-ql-queued{opacity:0}.pdemo[data-s~=settle] .pc-ql-stopped{opacity:1}.pdemo[data-s~=settle] .pc-await{opacity:0}.pdemo[data-s~=match] .pc-chips>.pc-chip{opacity:1;transform:none}.pdemo[data-s~=drop] .pc-delta{opacity:1;transform:none}.pdemo[data-s~=drop] .pc-bucket.is-hero{background:transparent}.pdemo[data-s~=drop] .pc-bucket.is-hero .pc-bucket-amount{border-color:var(--pd-line);background:#fff;color:var(--pd-ink)}@media(prefers-reduced-motion:no-preference){.pdemo[data-live][data-s~=hot]:not([data-s~=drop]) .pc-bucket.is-hero .pc-bucket-amount{animation:pc-pulse 1.5s ease-out infinite}.pdemo[data-live][data-s~=remind] .pc-pip:first-child i{animation:pc-pop .55s var(--pd-spring) both}.pdemo[data-live][data-s~=method] .pc-method--apple:after{content:"";position:absolute;top:50%;left:50%;width:16cqw;height:16cqw;border-radius:50%;background:#0c1c3c29;animation:pc-tap .8s ease-out both;pointer-events:none}.pdemo[data-live][data-s~=paying]:not([data-s~=paid]) .pc-spin{animation:pc-spin .8s linear infinite}.pdemo[data-live][data-s~=paid] .pc-tick-ring{animation:pc-ring .6s var(--pd-spring) both}}@keyframes pc-pulse{0%{box-shadow:0 0 #e5484d73}70%,to{box-shadow:0 0 0 .6em #e5484d00}}@keyframes pc-pop{0%{transform:scale(.6)}55%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes pc-tap{0%{opacity:1;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}@keyframes pc-spin{to{transform:rotate(360deg)}}@keyframes pc-ring{0%{transform:scale(.7)}to{transform:scale(1)}}@container pdemo-board (max-width: 30rem){.pc{font-size:max(10px,3.1cqw)}.pc-firm{top:9cqw;left:4cqw;grid-template-columns:minmax(0,1fr);width:92cqw;height:73cqw}.pc-side,.pc-btn,.pc-th,.pc-bucket:nth-child(-n+2),.pc-row:not(.pc-row--hero){display:none}.pc-main{gap:.7em;padding:.85em .95em}.pc-phone{top:6cqw;left:20cqw;width:60cqw;aspect-ratio:1 / 1.62}.pc-sheet{gap:2.4cqw;padding-bottom:4cqw}.pc-due-amt{font-size:12cqw}.pc-method{padding-block:2.2cqw}.pdemo[data-pdemo=payment-chase] .pdemo-proof{bottom:3cqw;font-size:.92em}.pdemo[data-s~=notify]:not([data-s~=settle]) .pc-firm{opacity:.3;transform:scale(.97)}.pdemo[data-s~=settle] .pc-phone{opacity:0;transform:translateY(6cqw) scale(.97)}}