@font-face{font-family:Demos Mono;src:url(../media/jetbrains-mono.37baup9wa8gsy.woff2)format("woff2");font-weight:400;font-display:swap}:root{--demos-mono:"Demos Mono", var(--tds-font-family-mono);--demos-font-mono:var(--tds-font-weight-regular) var(--tds-type-mono-size) / var(--tds-type-mono-line-height) var(--demos-mono)}.passkey-demo,.step-demo{--demo-accent-blue:var(--tds-accent-blue);--demo-positive-inverse:var(--tds-accent-green-inverse)}.passkey-demo{margin-block:var(--tds-spacing-40);--corner-radius:var(--tds-radius-sm);border-radius:var(--corner-radius);background:var(--tds-color-background-secondary);color:var(--tds-color-content-primary);font:var(--tds-font-b1);letter-spacing:0;outline:none;overflow:hidden}.passkey-demo:focus-visible{outline:2px solid var(--tds-color-content-primary);outline-offset:3px}.passkey-demo__header{justify-content:space-between;align-items:center;gap:var(--tds-spacing-16);min-block-size:var(--tds-spacing-32);padding:var(--tds-spacing-24);border-block-end:1px solid var(--tds-color-line-secondary);display:flex}.passkey-demo__label{color:var(--tds-color-content-tertiary);font:var(--tds-font-eyebrow);letter-spacing:var(--tds-tracking-eyebrow);text-transform:uppercase}.passkey-demo__body{padding:var(--tds-spacing-24);flex-direction:column;gap:0;display:flex}.passkey-demo__step-row{gap:var(--tds-spacing-16);padding-block:var(--tds-spacing-16);border-block-end:1px solid var(--tds-color-line-secondary);opacity:.4;transition:opacity .2s;display:flex}.passkey-demo__step-row:first-child{padding-block-start:0}.passkey-demo__step-row:last-child{border-block-end:none;padding-block-end:0}.passkey-demo__step-row--active{opacity:1}.passkey-demo__step-row--done{opacity:.72;padding-block:var(--tds-spacing-8)}.passkey-demo__step-row--done:first-child{padding-block-start:0}.passkey-demo__step-number{border-radius:var(--tds-radius-full);background:var(--tds-color-container-control);block-size:32px;inline-size:32px;color:var(--tds-color-content-secondary);font:var(--demos-font-mono);letter-spacing:var(--tds-tracking-mono);flex-shrink:0;justify-content:center;align-items:center;display:flex}.passkey-demo__step-row--active .passkey-demo__step-number{background:var(--tds-color-content-primary);color:var(--tds-color-inverse-content-primary)}.passkey-demo__step-row--done .passkey-demo__step-number{background:0 0}.passkey-demo__step-content{gap:var(--tds-spacing-12);flex-direction:column;flex:1;min-inline-size:0;display:flex}.passkey-demo__step-title{min-block-size:32px;color:var(--tds-color-content-primary);font:var(--tds-font-b1);letter-spacing:0;align-items:center;display:flex}.passkey-demo__step-actions,.passkey-demo__step-detail{align-items:flex-start;gap:var(--tds-spacing-12);flex-direction:column;display:flex}.passkey-demo__step-detail{gap:var(--tds-spacing-8)}.passkey-demo__inline{align-items:center;gap:var(--tds-spacing-12);flex-wrap:wrap;display:flex}.passkey-demo__hint{color:var(--tds-color-content-tertiary);font:var(--tds-font-b2);letter-spacing:0}.passkey-demo__address,.passkey-demo__balance,.passkey-demo__voucher-stats,.passkey-demo__field-value,.passkey-demo__zone-error{font:var(--tds-font-weight-regular) var(--tds-type-b3-size) / var(--tds-type-b3-line-height) var(--demos-mono);letter-spacing:0}.passkey-demo__address,.passkey-demo__balance{color:var(--tds-color-content-secondary)}.passkey-demo .passkey-demo__address,.passkey-demo .passkey-demo__zone-error{background:0 0;padding:0}.passkey-demo__balance--faded{opacity:.6}.passkey-demo__tx-link{color:var(--tds-color-content-secondary);font:var(--tds-font-b2);letter-spacing:0}.passkey-demo__description{max-inline-size:var(--tds-max-600);color:var(--tds-color-content-secondary);font:var(--tds-font-b2);letter-spacing:0;margin:0}.passkey-demo__field{gap:var(--tds-spacing-8);flex-direction:column;align-self:stretch;min-inline-size:0;display:flex}.passkey-demo__field-label{color:var(--tds-color-content-tertiary);font:var(--demos-font-mono);letter-spacing:var(--tds-tracking-mono);text-transform:uppercase}.passkey-demo__field-value{padding:var(--tds-spacing-12);--corner-radius:var(--tds-radius-2xs);border-radius:var(--corner-radius);background:var(--tds-color-container-surface);color:var(--tds-color-content-primary);word-break:break-all;margin:0}.passkey-demo__field-value--truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.passkey-demo__error{color:var(--tds-color-content-negative);font:var(--tds-font-b2);letter-spacing:0;overflow-wrap:anywhere;margin:0}.passkey-demo__spinner{color:var(--tds-color-content-primary);flex-shrink:0;animation:.8s linear infinite passkey-spin}@keyframes passkey-spin{to{transform:rotate(360deg)}}.passkey-demo__zone-result,.passkey-demo__summary,.passkey-demo__stream-output{padding:var(--tds-spacing-16);--corner-radius:var(--tds-radius-xs);border-radius:var(--corner-radius);background:var(--tds-color-container-surface);align-self:stretch}.passkey-demo__zone-result{align-items:flex-start;gap:var(--tds-spacing-12);display:flex}.passkey-demo__zone-icon{flex-shrink:0;display:inline-flex}.passkey-demo__zone-label{color:var(--tds-color-content-primary);font:var(--tds-font-b2);letter-spacing:0;display:block}.passkey-demo__zone-label+.passkey-demo__zone-error{margin-block-start:var(--tds-spacing-8)}.passkey-demo__zone-error{color:var(--tds-color-content-tertiary);word-break:break-all;display:block}.passkey-demo__summary{margin-block-start:var(--tds-spacing-16)}.passkey-demo__summary p{color:var(--tds-color-content-secondary);font:var(--tds-font-b2);letter-spacing:0;margin:0}.passkey-demo__summary strong{color:var(--tds-color-content-primary);font-weight:inherit}.passkey-demo__stream-output{color:var(--tds-color-content-secondary);font:var(--tds-font-b2);letter-spacing:0;white-space:pre-wrap;word-break:break-word}.passkey-demo__voucher-stats{align-items:center;gap:var(--tds-spacing-8);color:var(--tds-color-content-tertiary);display:flex}.passkey-demo--flow{--flow-demo-canvas-height:clamp(420px, min(52vw, calc(100svh - 320px)), 640px);--corner-radius:0px;margin-block:var(--tds-section-sm);border-radius:var(--corner-radius);background:0 0;overflow:visible}.passkey-demo--flow .passkey-demo__header{padding:0 0 var(--tds-spacing-40);border-block-end:1px solid var(--tds-color-line-secondary);background:0 0;align-items:flex-end}@media (min-width:1024px){.passkey-demo--flow .passkey-demo__header{padding-block-end:var(--tds-spacing-48)}}@media (max-width:767px){.passkey-demo--flow .passkey-demo__header{flex-direction:column;align-items:flex-start}}.passkey-demo .passkey-demo__title{max-inline-size:var(--tds-max-720);color:var(--tds-color-content-primary);font:var(--tds-font-h2);letter-spacing:var(--tds-tracking-h2);text-box:normal;text-wrap:balance;margin:0}.pf-header-actions{align-items:center;gap:var(--tds-spacing-8);flex-shrink:0;display:flex}.pf-header-actions:empty{display:none}.pf-step-bar{--pf-step-counter-min:40px;justify-content:space-between;align-items:flex-start;gap:var(--tds-spacing-16);margin-block-end:var(--tds-spacing-24);padding-block-start:var(--tds-spacing-24);display:flex}@media (min-width:1024px){.pf-step-bar{margin-block-end:var(--tds-spacing-32);padding-block-start:var(--tds-spacing-32)}}.pf-step-bar__info{flex:1;min-inline-size:0}.pf-step-bar__header{align-items:baseline;gap:var(--tds-spacing-8);margin-block-end:var(--tds-spacing-8);display:flex}.pf-step-bar__counter{box-sizing:border-box;min-inline-size:var(--pf-step-counter-min);color:var(--tds-color-content-tertiary);font:var(--demos-font-mono);letter-spacing:var(--tds-tracking-mono);flex-shrink:0}.pf-step-bar__label{color:var(--tds-color-content-primary);font:var(--tds-font-h4);letter-spacing:var(--tds-tracking-h4);margin:0}.pf-step-bar__desc{max-inline-size:var(--tds-max-720);color:var(--tds-color-content-secondary);font:var(--tds-font-b1);letter-spacing:0;text-wrap:pretty;margin:0;padding-inline-start:calc(var(--pf-step-counter-min) + var(--tds-spacing-8))}.pf-step-bar__desc a{color:inherit;text-underline-offset:2px;text-decoration:underline}.pf-step-bar__desc a:hover{color:var(--tds-color-content-primary)}.pf-step-bar__desc--initial{margin-block-start:var(--tds-spacing-12);padding-inline-start:0}.pf-step-bar__controls{flex-shrink:0}@media (max-width:767px){.pf-step-bar{flex-direction:column}.pf-step-bar__desc,.pf-step-bar__desc--initial{padding-inline-start:0}.pf-step-bar__controls{inline-size:100%}}.pf-kbd-hint{align-items:center;gap:var(--tds-spacing-8);pointer-events:none;flex-wrap:wrap;display:flex}.pf-kbd-hint--static{pointer-events:auto}.pf-kbd-hint kbd{block-size:32px;min-inline-size:32px;padding-inline:var(--tds-spacing-8);box-sizing:border-box;--corner-radius:var(--tds-radius-2xs);border-radius:var(--corner-radius);background:var(--tds-color-container-control);color:var(--tds-color-content-secondary);font:var(--tds-font-b3);letter-spacing:0;justify-content:center;align-items:center;transition:background .3s,color .3s;display:inline-flex}.pf-kbd-hint span{margin-inline:0 var(--tds-spacing-4);color:var(--tds-color-content-tertiary);font:var(--tds-font-b3);letter-spacing:0}.pf-kbd--pressed{background:var(--tds-color-content-primary)!important;color:var(--tds-color-inverse-content-primary)!important;transition:none!important}.pf-canvas-wrap{height:var(--flow-demo-canvas-height);--corner-radius:var(--tds-radius-sm);border-radius:var(--corner-radius);background:linear-gradient(#00000012,#00000005);min-height:0;position:relative;overflow:hidden}@media (max-width:767px){.pf-canvas-wrap{height:min(680px,92svh);min-height:560px}}.pf-canvas-wrap .react-flow{border:none;background-color:#0000!important;background-image:repeating-linear-gradient(0deg,#ffffffa3 0 1px,#0000 1px 24px),repeating-linear-gradient(90deg,#ffffffa3 0 1px,#0000 1px 24px)!important;background-size:24px 24px!important}.pf-canvas-wrap .react-flow__viewport{overflow:visible}.pf-canvas-wrap .react-flow__pane{touch-action:pan-y}.pf-canvas-wrap .react-flow svg{max-width:none;overflow:visible}.pf-canvas-wrap .react-flow__edges>svg{min-width:300px;height:150px}.pf-canvas-wrap .react-flow__controls,.pf-canvas-wrap .react-flow__minimap,.pf-canvas-wrap .react-flow__attribution{display:none!important}.pf-canvas-badge{z-index:5;align-items:center;gap:var(--tds-spacing-8);color:var(--tds-color-content-tertiary);font:var(--tds-font-b3);letter-spacing:0;pointer-events:none;display:flex;position:absolute;inset-block-end:var(--tds-spacing-16);inset-inline-start:var(--tds-spacing-16)}.pf-canvas-badge svg{flex-shrink:0}.pf-complete-btn{z-index:5;margin:0;position:absolute;inset-block-end:var(--tds-spacing-16);inset-inline-end:var(--tds-spacing-16)}@media (max-width:767px){.pf-complete-btn{inset-block-end:var(--tds-spacing-48)}}.pf-handle{background:0 0!important;border:none!important;width:1px!important;min-width:0!important;height:1px!important;min-height:0!important}.pf-handle--right-top{top:20%!important}.pf-handle--right-mid{top:50%!important}.pf-handle--right-bot{top:85%!important}.pf-handle--top-left{left:30%!important}.pf-handle--top-right{left:70%!important}.pf-handle--bottom-left{left:30%!important}.pf-handle--bottom-right{left:70%!important}.pf-handle--bottom-center{left:50%!important}.pf-handle--top-far-left{left:20%!important}.pf-handle--top-far-right{left:80%!important}.pf-handle--left-top{top:20%!important}.pf-handle--left-bot{top:80%!important}.pf-handle--left-upper{top:35%!important}.pf-handle--left-lower{top:65%!important}.pf-handle--right-upper{top:35%!important}.pf-handle--right-lower{top:65%!important}.pf-card{--corner-radius:var(--tds-radius-xs);border-radius:var(--corner-radius);background:var(--tds-color-background-secondary);width:clamp(190px,17vw,230px);color:var(--tds-color-content-primary);font:var(--tds-font-b2);letter-spacing:0;outline:none;flex-direction:column;transition:opacity .4s;display:inline-flex;overflow:hidden}.pf-card[data-status=idle]{opacity:.3}.pf-card[data-status=active]{opacity:1}.pf-card[data-status=done]{opacity:.65}.pf-card__head{justify-content:center;align-items:flex-start;gap:var(--tds-spacing-2);padding:var(--tds-spacing-12) var(--tds-spacing-16);flex-direction:column;display:flex;position:relative}.pf-card__name{align-items:center;gap:var(--tds-spacing-8);color:var(--tds-color-content-primary);font:var(--tds-font-b1);letter-spacing:0;display:flex}.pf-card__icon{color:var(--tds-color-content-secondary);flex-shrink:0;align-items:center;display:inline-flex}.pf-card__subtitle{color:var(--tds-color-content-tertiary);font:var(--tds-font-b2);letter-spacing:0}.pf-card__footer{flex-direction:column;display:flex}.pf-card__metric{justify-content:space-between;align-items:center;gap:var(--tds-spacing-8);padding:var(--tds-spacing-8) var(--tds-spacing-16);border-block-start:1px solid var(--tds-color-line-secondary);display:inline-flex}.pf-card__metric-label{color:var(--tds-color-content-tertiary);font:var(--tds-font-b2);letter-spacing:0}.pf-card__metric-value{color:var(--tds-color-content-primary);font:var(--tds-font-b2);letter-spacing:0;font-variant-numeric:tabular-nums;transition:color .4s}.pf-card__metric-value--balance{color:var(--tds-color-content-positive)}.pf-card__metric-value--balance[data-empty=true]{color:var(--tds-color-content-tertiary)}.pf-card--payroll,.pf-card--scheme,.pf-card--bank,.pf-card--issuer{background:var(--tds-color-inverse-background-primary);color:var(--tds-color-inverse-content-primary)}.pf-card--payroll .pf-card__name,.pf-card--scheme .pf-card__name,.pf-card--bank .pf-card__name,.pf-card--issuer .pf-card__name,.pf-card--payroll .pf-card__metric-value,.pf-card--scheme .pf-card__metric-value,.pf-card--bank .pf-card__metric-value,.pf-card--issuer .pf-card__metric-value{color:var(--tds-color-inverse-content-primary)}.pf-card--payroll .pf-card__subtitle,.pf-card--scheme .pf-card__subtitle,.pf-card--bank .pf-card__subtitle,.pf-card--issuer .pf-card__subtitle,.pf-card--payroll .pf-card__metric-label,.pf-card--scheme .pf-card__metric-label,.pf-card--bank .pf-card__metric-label,.pf-card--issuer .pf-card__metric-label{color:var(--tds-color-inverse-content-secondary)}.pf-card--payroll .pf-card__metric,.pf-card--scheme .pf-card__metric,.pf-card--bank .pf-card__metric,.pf-card--issuer .pf-card__metric{border-block-start-color:var(--tds-color-inverse-line-secondary)}.pf-card--payroll .pf-card__metric-value--balance,.pf-card--scheme .pf-card__metric-value--balance,.pf-card--bank .pf-card__metric-value--balance,.pf-card--issuer .pf-card__metric-value--balance{color:var(--demo-positive-inverse)}.pf-card--payroll .pf-card__metric-value--balance[data-empty=true],.pf-card--scheme .pf-card__metric-value--balance[data-empty=true],.pf-card--bank .pf-card__metric-value--balance[data-empty=true],.pf-card--issuer .pf-card__metric-value--balance[data-empty=true]{color:var(--tds-color-inverse-content-tertiary)}.pf-card--payroll{width:clamp(240px,22vw,280px);position:relative}.pf-card--payroll .pf-card__head,.pf-card--scheme .pf-card__head,.pf-card--bank .pf-card__head,.pf-card--issuer .pf-card__head{padding:var(--tds-spacing-16) var(--tds-spacing-20)}.pf-card--payroll .pf-card__metric,.pf-card--scheme .pf-card__metric,.pf-card--bank .pf-card__metric,.pf-card--issuer .pf-card__metric{padding-inline:var(--tds-spacing-20)}.pf-card--payroll__lock{z-index:2;border-radius:var(--tds-radius-full);background:var(--tds-color-inverse-background-primary);width:32px;height:32px;color:var(--demo-positive-inverse);justify-content:center;align-items:center;display:flex;position:absolute;top:-20px;left:-20px}.pf-card--scheme{width:240px}.pf-card--bank,.pf-card--issuer{width:220px}.pf-card--issuer{background:color-mix(in srgb, var(--tds-color-content-positive) 16%, var(--tds-color-inverse-background-primary))}.pf-card--merchant{background:color-mix(in srgb, var(--demo-accent-blue) 8%, var(--tds-neutral-white))}.pf-card--merchant .pf-card__metric{border-block-start-color:color-mix(in srgb, var(--demo-accent-blue) 16%, transparent)}.pf-card--merchant .pf-card__icon{color:var(--demo-accent-blue)}.pf-card--agent,.pf-card--wallet,.pf-card--api-server,.pf-card--mcp-server{width:220px}.pf-card--agent .pf-card__icon{color:var(--tds-color-content-warning)}.pf-card--wallet .pf-card__icon{color:var(--tds-color-content-positive)}.pf-card--api-server .pf-card__icon,.pf-card--mcp-server .pf-card__icon{color:var(--demo-accent-blue)}.pf-tooltip-wrap{position:relative}.pf-tooltip{bottom:calc(100% + var(--tds-spacing-8));z-index:10;padding:var(--tds-spacing-4) var(--tds-spacing-12);--corner-radius:var(--tds-radius-2xs);border-radius:var(--corner-radius);background:var(--tds-color-inverse-background-primary);color:var(--tds-color-inverse-content-primary);font:var(--tds-font-b3);letter-spacing:0;white-space:nowrap;pointer-events:none;animation:.15s pf-tooltip-in;position:absolute;left:50%;transform:translate(-50%)}@keyframes pf-tooltip-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.pf-sending-dot{width:8px;height:8px;border-radius:var(--tds-radius-full);background:var(--tds-color-content-positive);vertical-align:middle;margin-inline-start:var(--tds-spacing-8);animation:1s infinite pf-sending-pulse;display:inline-block}@keyframes pf-sending-pulse{0%,to{opacity:.3}50%{opacity:1}}.pf-edge-label-bg,.pf-edge-label-bg--clickable{fill:var(--tds-neutral-black)}.pf-edge-label-bg--clickable{cursor:pointer}.pf-edge-label-bg--traditional{fill:color-mix(in srgb, var(--tds-neutral-black) 56%, var(--tds-neutral-white))}.pf-edge-label-bg--done{fill:var(--tds-accent-green)}.pf-pill-glow-border{animation:2s ease-in-out infinite pf-border-pulse}@keyframes pf-border-pulse{0%,to{opacity:.3}50%{opacity:1}}.pf-edge-label{fill:var(--tds-neutral-white);font:var(--tds-font-b3);letter-spacing:0;text-transform:capitalize}.pf-edge-label-icon{fill:var(--tds-neutral-white);opacity:.6}.pf-edge-subtitle-bg{fill:color-mix(in srgb, var(--tds-neutral-black) 8%, var(--tds-neutral-white))}.pf-edge-subtitle-bg--sending{fill:color-mix(in srgb, var(--tds-neutral-black) 4%, var(--tds-neutral-white))}.pf-edge-progress{fill:color-mix(in srgb, var(--tds-neutral-black) 16%, var(--tds-neutral-white));animation:5s linear forwards pf-progress-sweep}@keyframes pf-progress-sweep{0%{width:0}to{width:var(--pf-pill-w)}}.pf-edge-subtitle{fill:var(--tds-color-content-secondary);font:var(--demos-font-mono);letter-spacing:0}.pf-edge-subtitle--link{cursor:pointer;text-decoration:underline}.pf-edge-subtitle--link:hover{fill:var(--tds-accent-green)}.pf-edge-route-icon{color:var(--tds-color-content-secondary)}.step-demo{margin-block:var(--tds-spacing-40);--corner-radius:var(--tds-radius-sm);border-radius:var(--corner-radius);background:var(--tds-color-background-secondary);color:var(--tds-color-content-primary);font:var(--tds-font-b1);letter-spacing:0;overflow-wrap:anywhere;overflow:hidden}.step-demo .step-demo__title{padding:var(--tds-spacing-24);border-block-end:1px solid var(--tds-color-line-secondary);color:var(--tds-color-content-tertiary);font:var(--tds-font-eyebrow);letter-spacing:var(--tds-tracking-eyebrow);text-box:normal;text-transform:uppercase;margin:0}.step-demo__body{padding:var(--tds-spacing-24);flex-direction:column;align-items:flex-start;display:flex}.step-demo__progress{block-size:4px;inline-size:100%;border-radius:var(--tds-radius-full);background:var(--tds-color-container-marker);appearance:none;border:0;margin-block-end:var(--tds-spacing-24);overflow:hidden}.step-demo__progress::-webkit-progress-bar{border-radius:var(--tds-radius-full);background:var(--tds-color-container-marker)}.step-demo__progress::-webkit-progress-value{border-radius:var(--tds-radius-full);background:var(--tds-color-content-primary);transition:inline-size .3s}.step-demo__progress::-moz-progress-bar{border-radius:var(--tds-radius-full);background:var(--tds-color-content-primary)}.step-demo .step-demo__label{color:var(--tds-color-content-primary);font:var(--tds-font-h4);letter-spacing:var(--tds-tracking-h4);text-box:normal;margin:0}.step-demo .step-demo__description{max-inline-size:var(--tds-max-600);margin:var(--tds-spacing-8) 0 0;color:var(--tds-color-content-secondary);font:var(--tds-font-b1);letter-spacing:0}.step-demo__status{color:var(--tds-color-content-tertiary);font:var(--tds-font-b2);letter-spacing:0;margin-block-start:var(--tds-spacing-16);display:block}.step-demo__actions{gap:var(--tds-spacing-12);flex-wrap:wrap;margin-block-start:var(--tds-spacing-24);display:flex}.step-demo__links{gap:var(--tds-spacing-8);margin:var(--tds-spacing-24) 0 0;font:var(--tds-font-b2);letter-spacing:0;flex-direction:column;padding:0;list-style:none;display:flex}