@layer stageshow{.ss-states{display:inline-grid;align-items:center;justify-items:center}.ss-states__item{display:inline-flex;grid-area:1/1;align-items:center;gap:6px;opacity:0;filter:blur(2px);will-change:transform;transform:translate3d(0,4px,0);transition:opacity .15s ease,filter .15s ease,transform 0s .15s}.ss-states__item[data-on]{opacity:1;filter:none;transform:translateZ(0);transition:opacity .25s ease-out .07s,filter .25s ease-out .07s,transform .3s cubic-bezier(.22,1,.36,1) .07s}.ss-states[data-align=start]{justify-items:start}.ss-states[data-align=end]{justify-items:end}.ss-states[data-reduced]>.ss-states__item{transform:translateZ(0);filter:none;transition:opacity .12s ease}}.handoff-demo{margin:0;width:100%;min-width:0}.hd-illustration{overflow:hidden}.hd-stage .ss-stage{overflow:hidden;background:transparent}.hd-scene{position:absolute;inset:0}.hd-window{position:absolute;inset-block-start:24px;inset-inline-start:24px;width:506px;height:510px;box-shadow:var(--ss-shadow-hero);border-radius:10px;background:#20291f}.hd-window .ss-window__bar,.hd-window .ss-window__title{color:#e5e9df}.hd-window .ss-window__body{background:#20291f}.hd-ledger{width:260px;padding:23px 20px;color:#e7ebdf}.hd-ledger-label{font-size:11px;line-height:1.4;color:#acb9a2}.hd-ledger-title{font-size:24px;line-height:1.25;letter-spacing:-.03em;margin-top:10px;min-height:61px;font-weight:500}.hd-steps{--ss-text-strong:#e7ebdf;--ss-text:#a7b29f;margin-block:14px 16px;border-block:1px solid #3c4736}.hd-steps>div{color:#a7b29f;transition:color .4s}.hd-steps>div[data-complete]{color:#e7ebdf}.hd-steps svg{opacity:.12;transition:opacity .5s}.hd-steps [data-complete] svg{opacity:1}.hd-receipt{background:#eef0e4;border-radius:7px;padding:17px 16px;color:#263221;box-shadow:0 8px 18px #0b170917;transition:background .6s}.hd-receipt[data-received]{background:#e0e7d3}.hd-receipt-top{display:flex;gap:9px;align-items:center;font-size:12px;line-height:20px}.hd-receipt-top svg{flex:none}.hd-record-id{font-size:21px;line-height:1.4;letter-spacing:.03em;margin-block:12px 13px;text-align:start}.hd-receipt-bottom{display:flex;align-items:center;gap:8px;font-size:11px;line-height:18px;border-top:1px solid #cbd4bf;padding-top:11px}.hd-receipt-bottom svg{flex:none}.hd-ledger-filler{display:grid;gap:9px;margin-top:25px;opacity:.25}.hd-phone{position:absolute;top:66px;inset-inline-end:23px;box-shadow:var(--ss-shadow-satellite)}.hd-scanner{padding:10px 25px 28px;color:#263221}.hd-scanner-top{display:flex;align-items:center;gap:9px;font-size:16px;line-height:1.4;margin-bottom:19px}.hd-scanner-top>svg{flex:none}.hd-link{display:grid;margin-inline-start:auto;color:#69745f}.hd-link svg{grid-area:1/1;transition:opacity .3s}.hd-link svg:last-child,.hd-link[data-offline] svg:first-child{opacity:0}.hd-link[data-offline] svg:last-child{opacity:1}.hd-scan-field{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;background:transparent;border:0;border-radius:0;padding:9px 15px 17px;overflow:hidden}.hd-scan-field>svg{color:#39462e;height:95px}.hd-scan-field>span:not(.hd-scan-line){font-size:14px;letter-spacing:.07em;line-height:1.4}.hd-scan-line{position:absolute;inset-inline:15px;top:23px;height:2px;background:#5b7645;opacity:0;transition:top .9s cubic-bezier(.45,0,.1,1),opacity .2s}.hd-scan-field[data-scanned] .hd-scan-line{top:99px;opacity:.7}.hd-scan-action{display:flex;justify-content:center;align-items:center;gap:9px;padding:12px 15px;margin-top:17px;border-radius:7px;background:#2d3a28;color:#f0f2e9;font-size:16px;line-height:1.4;transition:background .4s}.hd-scan-action[data-captured]{background:#536848}.hd-connection{margin-top:18px;min-height:38px;text-align:center}.hd-connection .ss-badge{font-size:13px;line-height:1.45;white-space:normal}.hd-device-footer{display:grid;gap:11px;margin-top:28px;opacity:.45}.hd-caption{display:flex;gap:16px;justify-content:space-between;align-items:start;margin-top:19px;color:#616a59;font-size:12px;line-height:1.6}.hd-caption>span{max-width:38ch}.hd-controls{display:flex;gap:14px;flex-shrink:0;flex-wrap:wrap}.hd-controls button{display:flex;align-items:center;gap:6px;border:0;padding:3px 0;background:none;color:#3d4e32;font:inherit;min-height:32px;cursor:pointer}.hd-controls button:hover{color:#121b0c}.hd-controls button:focus-visible{outline:2px solid #55694a;outline-offset:4px}.hd-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hd-stage .ss-stage[data-layout=compact] .hd-phone{top:16px;inset-inline-start:16px;inset-inline-end:auto}.hd-stage .ss-stage[data-layout=compact] .hd-scanner{padding-top:5px}.hd-stage .ss-stage[data-layout=compact] .hd-scan-field{padding-block:3px 10px}.hd-stage .ss-stage[data-layout=compact] .hd-scan-field>svg{height:73px}.hd-stage .ss-stage[data-layout=compact] .hd-scan-line{top:15px}.hd-stage .ss-stage[data-layout=compact] .hd-scan-field[data-scanned] .hd-scan-line{top:72px}.hd-stage .ss-stage[data-layout=compact] .hd-scan-action{margin-top:14px;padding-block:10px}.hd-stage .ss-stage[data-layout=compact] .hd-connection{margin-top:13px;min-height:38px}.hd-stage .ss-stage[data-layout=compact] .hd-receipt{margin-top:13px;padding:15px 16px}.hd-stage .ss-stage[data-layout=compact] .hd-receipt-top{font-size:14px;line-height:22px}.hd-stage .ss-stage[data-layout=compact] .hd-record-id{font-size:22px;margin-block:8px}.hd-stage .ss-stage[data-layout=compact] .hd-receipt-bottom{font-size:12px;padding-top:8px}@media(max-width:767px){.hd-caption{flex-direction:column;gap:8px;font-size:12px}.hd-controls{gap:20px}.hd-controls button{min-height:38px}.hd-caption>span{max-width:none}}@media(prefers-reduced-motion:reduce){.handoff-demo *,.handoff-demo :after,.handoff-demo :before{transition:none!important;animation:none!important}}