.product-demo-inner{padding-block:5rem;min-width:0}
.product-demo-inner [hidden]{display:none!important}
.pd-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}
.pd-heading h2{font-size:clamp(2rem,3.45vw,3rem);line-height:1.12;letter-spacing:-.05em}
.pd-heading>p{max-width:25rem;color:var(--muted);font-size:1rem}
.pd-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,7vw,7rem);max-width:54rem;margin-inline:auto;padding-block:1.25rem 2rem;min-width:0;scroll-margin-top:6rem}
.pd-business,.pd-customer{min-width:0;display:flex;flex-direction:column;align-items:center}
.pd-device-label{font-size:.8rem;font-weight:550;color:var(--muted);margin-bottom:1rem;text-align:center}
.pd-phone{width:min(100%,18.5rem);padding:.45rem;border:1px solid #1F29372B;border-radius:2.7rem;background:#1F2937;box-shadow:0 24px 50px #1F293714;position:relative}
.pd-phone::before{content:"";position:absolute;z-index:1;top:1rem;left:50%;width:5.5rem;height:1.1rem;border-radius:1rem;transform:translateX(-50%);background:#1F2937}
.pd-app{overflow:hidden;min-height:31rem;padding:2.8rem 1rem 1.3rem;background:#FFFFFF;border-radius:2.25rem;display:flex;flex-direction:column}
.pd-app-header{display:flex;align-items:center;gap:.65rem;padding-bottom:1.1rem;border-bottom:1px solid #1F293712}
.pd-app-header>img{width:1.8rem;height:auto}
.pd-app-header strong{display:block;font-size:.85rem;letter-spacing:-.02em}
.pd-app-header span{display:block;font-size:.66rem;color:var(--muted);margin-top:.1rem}
.pd-app-window{position:relative;height:14.5rem;flex:none;margin-block:.8rem}
.pd-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.55rem;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity 240ms var(--press),transform 240ms var(--press)}
.pd-scene.is-current{opacity:1;visibility:visible;transform:translateY(0)}
.pd-scene h3{font-size:1.05rem;letter-spacing:-.025em;line-height:1.3}
.pd-scene>p{max-width:13rem;font-size:.72rem;line-height:1.6;color:var(--muted)}
.pd-scan-frame{position:relative;width:8rem;height:8rem;display:grid;place-items:center;border:1px solid #0057FF40;border-radius:1.25rem;background:#FFF4F3;overflow:hidden;margin-bottom:.2rem}
.pd-scan-frame>.emblem{width:3.3rem;height:3.3rem;fill:#0057FF;opacity:.8}
.pd-scan-line{position:absolute;left:.75rem;right:.75rem;height:2px;background:#0057FF;opacity:0;transform:translateY(-3rem);transition:transform 800ms var(--press),opacity 240ms var(--press)}
[data-demo-running="true"][data-demo-step="0"] .pd-scan-line{opacity:1;transform:translateY(3rem)}
[data-demo-running="false"] .pd-scan-line{transition:none}
.pd-result-symbol{display:grid;place-items:center;width:4rem;height:4rem;background:#0057FF0C;color:#0057FF;border-radius:50%;margin-bottom:.45rem}
.pd-result-symbol>.icon{width:1.8rem;height:1.8rem}
.pd-scene>.pd-change{font-size:2.5rem;letter-spacing:-.055em;line-height:1.1;font-weight:650;color:#1F2937;font-variant-numeric:tabular-nums}
.pd-change>small{font-size:.8rem;letter-spacing:0;font-weight:500}
.pd-app-customer{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.95rem 0;border-top:1px solid #1F293712;margin-top:auto}
.pd-app-customer strong{font-size:.72rem;display:block}
.pd-app-customer span{font-size:.65rem;display:block;color:var(--muted)}
.pd-app-balance{font-size:1.55rem;letter-spacing:-.04em;font-weight:650;font-variant-numeric:tabular-nums;min-width:3ch;text-align:right}
.pd-app-controls{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;border:1px solid #0057FF14;border-radius:.8rem;background:#FFFFFFD9;color:#0057FF;font-size:.72rem;font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.pd-app-controls>.icon{width:1rem;height:1rem}
.pd-customer-card{width:min(100%,21.5rem);background:#FFFFFF;border:1px solid #1F293712;border-radius:1.2rem;overflow:hidden;box-shadow:0 18px 48px #1F29370B}
.pd-card-brand{display:flex;align-items:center;gap:.6rem;background:#1F2937;color:#FFFFFF;padding:1.2rem 1.4rem}
.pd-card-brand>.emblem{width:1.65rem;height:1.65rem;fill:currentColor}
.pd-card-brand strong{font-size:1.15rem;font-weight:600;letter-spacing:-.04em}
.pd-card-body{padding:1.4rem;background:#FFFFFF}
.pd-card-body>p{font-size:.75rem;color:var(--muted)}
.pd-card-balance{display:flex;align-items:baseline;gap:.45rem;margin-top:.35rem;min-height:4.5rem}
.pd-card-balance strong{font-size:3.6rem;line-height:1.1;letter-spacing:-.06em;font-weight:650;font-variant-numeric:tabular-nums;min-width:3ch}
.pd-card-balance>span{font-size:.8rem;color:var(--muted)}
.pd-card-reward{display:flex;align-items:center;gap:.65rem;border-block:1px solid #1F293712;padding:.9rem 0;margin-top:.7rem}
.pd-card-reward>.icon{width:1.4rem;height:1.4rem;color:#1F2937}
.pd-card-reward strong{font-size:.8rem;display:block}
.pd-card-reward span{font-size:.7rem;color:var(--muted);display:block}
.pd-illustrative-code{display:block;width:5.2rem;height:5.2rem;margin:1rem auto .5rem;fill:#1F2937}
.pd-code-caption{text-align:center;font-size:.65rem!important}
.pd-value{display:inline-block;transition:opacity 240ms var(--press),transform 240ms var(--press)}
.pd-value.is-changing{opacity:0;transform:translateY(4px)}
.pd-controls{display:flex;align-items:stretch;gap:1.5rem;border-top:1px solid #1F29371A;padding-top:1.5rem}
.pd-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:.35rem;flex:1;min-width:0}
.pd-steps>li{min-width:0}
.pd-step{display:flex;gap:.65rem;align-items:flex-start;width:100%;min-height:4.8rem;padding:.7rem .8rem;border:1px solid transparent;border-radius:.8rem;background:transparent;color:#1F2937;font:inherit;text-align:left;cursor:pointer}
.pd-step-index{font-size:.75rem;font-weight:600;color:var(--muted);padding-top:.12rem}
.pd-step strong{display:block;font-size:.84rem;font-weight:600;line-height:1.45}
.pd-step small{display:block;font-size:.7rem;line-height:1.5;color:var(--muted);margin-top:.25rem}
.pd-step[aria-current="step"]{background:#FFFFFF;border-color:#1F29370D}
.pd-step[aria-current="step"] .pd-step-index{color:#0057FF}
.pd-playback{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:2.75rem;min-width:9rem;padding:.7rem .95rem;border:1px solid #1F293726;border-radius:100px;background:transparent;color:#1F2937;font:inherit;font-size:.8rem;font-weight:550;cursor:pointer}
.pd-playback .icon{width:1rem;height:1rem}
.pd-static-playback{align-self:center;min-width:9rem;max-width:9rem;font-size:.75rem;color:var(--muted)}
.pd-playback .pd-pause-icon,[data-demo-running="true"] .pd-play-icon{display:none}
[data-demo-running="true"] .pd-pause-icon{display:block}
.pd-step:not(button){cursor:default}
.pd-step:focus-visible,.pd-playback:focus-visible{outline:3px solid #0057FF;outline-offset:3px}
.pd-disclosure{margin-top:1rem;font-size:.75rem;line-height:1.7;color:var(--muted)}
.pd-disclosure>span{display:block}
.pd-setup{margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid #1F293712;font-size:.82rem;color:var(--muted);max-width:50rem;line-height:1.7}
[data-demo-transition="instant"] .pd-scene,[data-demo-transition="instant"] .pd-value{transition:none;transform:none}
@media(hover:hover) and (pointer:fine){.pd-step:not(:disabled):hover{background:#FFFFFF8C}.pd-playback:not(:disabled):hover{background:#FFFFFF}}
@media(max-width:850px){.product-demo-inner{padding-block:4rem}.pd-heading{display:block}.pd-heading>p{margin-top:1.3rem;max-width:33rem}.pd-stage{gap:1.5rem}.pd-controls{flex-direction:column;gap:1rem}.pd-playback{align-self:flex-start}.pd-step{padding:.65rem}.pd-step strong{font-size:.79rem}}
@media(max-width:560px){.product-demo-inner{padding-block:3.5rem}.pd-heading h2{font-size:clamp(1.9rem,8vw,2.6rem);letter-spacing:-.045em}.pd-heading>p{font-size:.95rem}.pd-stage{grid-template-columns:1fr;gap:1.8rem;padding-top:.5rem;padding-bottom:1.5rem}.pd-phone{width:min(100%,16.75rem)}.pd-app{min-height:28rem;padding-top:2.5rem}.pd-app-window{height:12.5rem}.pd-customer-card{width:min(100%,19rem)}.pd-card-body{padding:1.1rem 1.3rem}.pd-card-balance strong{font-size:3rem}.pd-card-balance{min-height:3.5rem}.pd-card-reward{margin-top:.35rem;padding:.7rem 0}.pd-illustrative-code{width:3.6rem;height:3.6rem;margin:.8rem auto .35rem}.pd-card-brand{padding:1rem 1.3rem}.pd-device-label{margin-bottom:.75rem}.pd-steps{grid-template-columns:1fr;gap:.2rem;width:100%}.pd-step{min-height:4.3rem;padding:.7rem .8rem}.pd-step>span:last-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .65rem}.pd-step strong{font-size:.84rem}.pd-step small{margin-top:0;font-size:.72rem}.pd-controls{padding-top:1rem;gap:.9rem}.pd-playback{min-width:9.5rem}.pd-disclosure{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.pd-scene,.pd-value,.pd-scan-line{transition:none;transform:none}.pd-scan-line{display:none}}
@media(prefers-reduced-transparency:reduce){.pd-app-controls{background:#FFFFFF;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){.pd-step[aria-current="step"],.pd-playback,.pd-customer-card,.pd-app-customer,.pd-controls{border-color:#1F2937B3}.pd-disclosure,.pd-device-label,.pd-step small{color:#1F2937B3}}