.supply-scanner{container-type:inline-size;width:100%;min-width:0;flex:1 1;display:flex;flex-direction:column;justify-content:center;--scan-card-width:min(520px,72cqw);color:#dbe4e9}.supply-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 0;border-block:1px solid #9cb2c13d;margin-bottom:22px}.supply-count{font:10px/1.8 var(--mono);letter-spacing:1.4px;color:#b3c7d5}.supply-count>span{color:#6c899e;margin:0 10px}.supply-controls,.supply-media-controls{display:flex;align-items:center;gap:24px}.supply-controls button,.supply-media-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0;background:none;border:0;color:#bfced8;font:12px/1.4 var(--display);cursor:pointer}.supply-controls button:hover,.supply-media-controls button:hover{color:#fff}.supply-controls button>span{font-size:19px}.supply-scanner a:focus-visible,.supply-scanner button:focus-visible{outline:2px solid #d5e4ec;outline-offset:4px}.supply-scanner button:disabled{opacity:.45;cursor:default}.supply-stage{position:relative;isolation:isolate;height:calc(var(--scan-card-width)*.625 + 88px);width:100%;min-width:0;overflow:hidden;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;cursor:grab;--scan-gap:48px;background:radial-gradient(ellipse at center,#738d9d12,transparent 65%);border-bottom:1px solid #8ba4b32b}.supply-stage:active{cursor:grabbing}.supply-stage:focus-visible{outline:1px solid #b4c9d7;outline-offset:3px}.supply-stage:after,.supply-stage:before{content:"";position:absolute;top:0;bottom:0;width:8%;z-index:8;pointer-events:none}.supply-stage:before{left:0;background:linear-gradient(90deg,#0d1b27d9,transparent)}.supply-stage:after{right:0;background:linear-gradient(-90deg,#0d1b27d9,transparent)}.supply-stage-label{position:absolute;left:0;top:0;font:8px/1.8 var(--mono);letter-spacing:1.7px;color:#849faf}.supply-card{position:absolute;top:44px;left:50%;width:var(--scan-card-width);aspect-ratio:16/10;transform:translateX(calc(-50% + var(--scan-initial-offset)*560px));border:1px solid #7894a876;box-shadow:0 16px 28px #020a1240;background:#0b1721;will-change:transform;--scan-reveal:50%;overflow:hidden;border-radius:4px}.supply-card.is-centered{border-color:#ccdae2a3}.supply-code,.supply-film{position:absolute;inset:0}.supply-film{clip-path:inset(0 0 0 var(--scan-reveal));z-index:2;background:#0b1721}.supply-film video{width:100%;height:100%;object-fit:cover;display:block}.supply-registration{position:absolute;left:16px;top:16px;padding:5px 8px;background:#091823bb;border:1px solid #acc0ce33;font:9px/1.5 var(--mono);letter-spacing:1.2px;color:#d3e1e9}.supply-code{clip-path:inset(0 calc(100% - var(--scan-reveal)) 0 0);background:radial-gradient(ellipse at right,#203b4a,#0a1823 75%);z-index:3}.supply-code pre{color:#a8c6d68c;font:10px/1.5 var(--mono);letter-spacing:1px;white-space:pre;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0008,#000);mask-image:linear-gradient(90deg,#0008,#000);height:100%}.supply-code>span{position:absolute;left:16px;bottom:16px;font:9px/1.6 var(--mono);letter-spacing:2px;color:#c9dce7;background:#0c1b27;padding:4px 6px}.supply-card-select{position:absolute;inset:0;width:100%;height:100%;border:0;background:none;color:#e2edf3;z-index:4;cursor:grab}.supply-card-select span{position:absolute;right:14px;bottom:14px;padding:6px 8px;font:8px/1.5 var(--mono);letter-spacing:1px;background:#0a1925c9;border:1px solid #d0e0e527;opacity:0;transition:opacity .2s}.supply-card-select:focus-visible span,.supply-card-select:hover span{opacity:1}.supply-beam{position:absolute;top:22px;bottom:22px;left:50%;width:2px;transform:translateX(-50%);z-index:6;pointer-events:none;background:linear-gradient(transparent,#adc9d4 10%,#e1f3f6 45%,#e5b775 70%,#b8d0dd 90%,transparent);box-shadow:0 0 9px #cae6ef99,0 0 26px #a3c6d13b}.supply-beam:after{content:"";position:absolute;inset:10% -12px;background:linear-gradient(90deg,transparent,#b8d4df20,transparent)}.supply-beam span{position:absolute;left:50%;top:-21px;transform:translateX(-50%);font:8px/1.8 var(--mono);letter-spacing:1.5px;color:#bbced9;white-space:nowrap}.supply-particles{width:100%;height:100%;z-index:5}.supply-arrows,.supply-particles{position:absolute;inset:0;pointer-events:none}.supply-arrows{z-index:9}.supply-arrows button{position:absolute;top:50%;transform:translateY(-50%);width:44px;min-height:44px;border:1px solid #93aab96b;background:#0b1925de;color:#d5e1e8;font:24px/1 var(--copy);pointer-events:auto;cursor:pointer;transition:background .15s,border-color .15s}.supply-arrows button:first-child{left:8px}.supply-arrows button:last-child{right:8px}.supply-arrows button:hover{background:#263e4d;border-color:#bdcdd8}.supply-product{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;padding:32px 28px 28px;border-bottom:1px solid #8ba4b32b;min-height:206px;align-items:center}.supply-product-copy{min-width:0}.supply-product .eyebrow{font-size:8px;letter-spacing:1.6px;color:#9fb9ca;margin:0 0 14px;line-height:1.8}.supply-product h3{font:500 clamp(25px,2.5vw,34px)/1.2 var(--serif);letter-spacing:-.4px;margin:0 0 12px;color:#f0f1eb;overflow-wrap:anywhere}.supply-product-copy>p:last-child{font:14px/1.8 var(--copy);color:#b6c8d5;margin:0;max-width:54ch;overflow-wrap:anywhere}.supply-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.supply-actions .primary{min-height:48px;font-size:10px;letter-spacing:.9px;min-width:210px;padding:13px 18px}.supply-details{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:none;border:0;border-bottom:1px solid #97b0c04a;color:#cbdbe5;font:9px/1.6 var(--mono);letter-spacing:1px;padding:8px 2px;cursor:pointer}.supply-details:hover{color:#fff;border-color:#c8d8e2}.supply-navigation{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:24px;align-items:center;padding-top:22px}.supply-index{display:flex;align-items:baseline;gap:12px;font:10px var(--mono);color:#8da7b9}.supply-index strong{font:32px/1.3 var(--serif);color:#d3e0e9}.supply-pages{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.supply-pages button{height:44px;width:32px;padding:10px 4px;border:0;background:none;cursor:pointer;display:grid;place-items:center}.supply-pages button>span{height:2px;width:100%;background:#6c8b9c66;transition:background .2s}.supply-pages button[aria-current=true]>span{background:#d5e4ec;box-shadow:0 0 8px #c9e6ee44}.supply-pages button:hover>span{background:#a8bfcc}.supply-pages>span{color:#92aebf;font:12px var(--mono)}.supply-media-controls{gap:20px}.supply-media-controls button{font-size:11px;min-width:44px}.supply-media-controls svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.supply-hint{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;font:11px/1.8 var(--copy);color:#8faabb;margin:12px 0 0}.supply-media-state{font:8px/2.3 var(--mono);letter-spacing:1px;white-space:nowrap;color:#9bb5c5}.supply-scanner[data-motion=false] .supply-film{clip-path:none}.supply-scanner[data-motion=false] .supply-beam,.supply-scanner[data-motion=false] .supply-code,.supply-scanner[data-motion=false] .supply-particles{display:none}@media(max-width:1100px){.supply-scanner{--scan-card-width:min(480px,68cqw)}.supply-product{gap:28px;padding-inline:18px}.supply-actions .primary{min-width:190px}.supply-navigation{gap:16px}.supply-count{letter-spacing:.8px}.supply-controls{gap:18px}}@media(max-width:760px){.supply-scanner{--scan-card-width:76cqw}.supply-stage{--scan-gap:28px}.supply-toolbar{flex-wrap:wrap;gap:2px;padding:9px 0}.supply-count{width:100%}.supply-controls{margin-left:auto;gap:24px}.supply-product{grid-template-columns:1fr;gap:24px;padding:26px 10px;min-height:278px}.supply-product h3{font-size:28px}.supply-actions{flex-direction:row;align-items:stretch;gap:20px}.supply-actions .primary{flex:1 1;min-width:0}.supply-details{flex:1 1;max-width:210px}.supply-navigation{grid-template-columns:66px minmax(0,1fr);gap:4px 16px}.supply-pages{grid-column:1/-1;grid-row:2;gap:3px}.supply-media-controls{grid-column:2;grid-row:1;justify-content:flex-end}.supply-hint{font-size:10px}.supply-media-state{display:none}}@media(max-width:520px){.supply-scanner{--scan-card-width:82cqw}.supply-stage{--scan-gap:24px}.supply-stage-label{font-size:6px;letter-spacing:.7px}.supply-beam span{font-size:7px}.supply-card{border-radius:3px}.supply-code pre{font-size:8px;line-height:1.5;padding:10px;letter-spacing:.4px}.supply-code>span{font-size:7px;left:8px;bottom:10px}.supply-registration{top:10px;left:10px;font-size:7px}.supply-arrows button:first-child{left:0}.supply-arrows button:last-child{right:0}.supply-product{padding:24px 4px;gap:22px;min-height:310px}.supply-product h3{font-size:27px}.supply-product-copy>p:last-child{font-size:13px;line-height:1.85}.supply-product .eyebrow{font-size:7px;letter-spacing:1px}.supply-actions{gap:12px}.supply-actions .primary{font-size:9px;letter-spacing:.3px;padding-inline:10px}.supply-details{font-size:8px;gap:8px}.supply-count{font-size:8px}.supply-controls button{font-size:11px}.supply-controls{gap:23px}.supply-pages{justify-content:space-between;gap:0}.supply-pages button{flex:1 1;min-width:28px;max-width:44px;width:44px}}@media(prefers-reduced-motion:reduce){.supply-card{will-change:auto}.supply-film{clip-path:none!important}.supply-beam,.supply-code,.supply-particles{display:none!important}}.supply-card{z-index:2;--side-strength:1;--clear-left:-5%;--clear-right:105%;transition:border-color .6s,box-shadow .6s}.supply-card.is-centered{z-index:3;border-color:#c2d7e1a8;box-shadow:0 18px 38px #020a1260,0 0 20px #bad6e210}.supply-film{clip-path:none;filter:blur(calc(var(--side-strength)*3px)) brightness(calc(1 - var(--side-strength)*.54)) saturate(calc(1 - var(--side-strength)*.35));opacity:1;transition:none}.supply-film video{object-fit:contain}.supply-code{clip-path:none;opacity:calc(var(--side-strength)*.9);background:linear-gradient(110deg,#071723c9,#102a37ce 62%,#0d202bd6);transition:none;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--clear-left) - 2%),transparent calc(var(--clear-left) + 2%),transparent calc(var(--clear-right) - 2%),#000 calc(var(--clear-right) + 2%));mask-image:linear-gradient(90deg,#000 calc(var(--clear-left) - 2%),transparent calc(var(--clear-left) + 2%),transparent calc(var(--clear-right) - 2%),#000 calc(var(--clear-right) + 2%))}.supply-code pre{position:absolute;inset:0;margin:0;padding:17px 16px;color:#b2ccdca6;font-size:10px;line-height:1.5;letter-spacing:.5px;filter:blur(.45px);text-shadow:0 0 5px #a9d4ee30;-webkit-mask-image:linear-gradient(90deg,#000e,#000a 65%,#0007);mask-image:linear-gradient(90deg,#000e,#000a 65%,#0007);animation:supply-terminal-breathe 9s ease-in-out infinite;animation-play-state:paused}.supply-code pre.supply-code-ghost{color:#c2d5dfa6;filter:blur(.6px);opacity:0;animation:supply-terminal-crossfade 12s ease-in-out infinite;animation-play-state:paused;-webkit-mask-image:linear-gradient(0deg,transparent 10%,#0005 35%,#0008 65%,transparent 90%);mask-image:linear-gradient(0deg,transparent 10%,#0005 35%,#0008 65%,transparent 90%)}.supply-code:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#aed5ed06 4px 5px);opacity:.35;pointer-events:none}.supply-code-sweep{position:absolute;inset:-60% 0;background:linear-gradient(transparent 43%,#a8d5e903 47%,#b9e2ee10 50%,#c1dce805 53%,transparent 57%);transform:translateY(-30%);animation:supply-terminal-sweep 12s linear infinite;animation-play-state:paused;pointer-events:none}.supply-scanner[data-effects=true] .supply-code pre,.supply-scanner[data-effects=true] .supply-code-sweep{animation-play-state:running}.supply-code>span{z-index:2;left:12px;bottom:12px;color:#a6c4d4;background:#0a1925c9;border-left:1px solid #ceaa7650;font-size:8px;letter-spacing:1.6px}.supply-beam{z-index:1;top:28px;bottom:28px;opacity:.5;width:1px;box-shadow:0 0 8px #cae6ef40,0 0 20px #a3c6d118}.supply-beam-left{left:calc(50% - var(--scan-card-width)/2 - 12px)}.supply-beam-right{left:calc(50% + var(--scan-card-width)/2 + 12px)}.supply-focus-label{position:absolute;left:50%;top:0;transform:translateX(-50%);font:8px/1.8 var(--mono);letter-spacing:2px;color:#b8cbd5;white-space:nowrap;pointer-events:none}@keyframes supply-terminal-breathe{0%,to{opacity:.74}50%{opacity:.86}}@keyframes supply-terminal-crossfade{0%,to{opacity:0}50%{opacity:.12}}@keyframes supply-terminal-sweep{0%{transform:translateY(-30%)}to{transform:translateY(30%)}}@media(max-width:520px){.supply-code pre{font-size:8px;letter-spacing:.2px;filter:blur(.5px)}.supply-focus-label{font-size:6px;letter-spacing:.7px}.supply-code>span{font-size:6px;left:8px;bottom:10px}.supply-stage-label{display:none}.supply-arrows button{top:auto;bottom:0;transform:none}}.supply-scanner[data-motion=false] .supply-focus-label{display:none}.supply-scanner[data-motion=false] .supply-film{filter:none;opacity:1}@media(prefers-reduced-motion:reduce){.supply-card,.supply-code,.supply-film{transition:none}.supply-focus-label{display:none}.supply-film{filter:none!important;opacity:1!important}.supply-code pre,.supply-code-sweep{animation:none!important}}.supply-price{position:absolute;inset-block-start:16px;inset-inline-end:16px;display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;block-size:25.5px;padding-inline:8px;border:1px solid #acc0ce40;border-inline-start-color:#b1966d80;border-radius:2px;background:#091823e0;color:#e1cba8;font:9px/1.5 var(--mono);white-space:nowrap;pointer-events:none}.supply-price-caption{color:#b3c5d0;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.supply-price-amount{font:600 14px/.96 var(--serif);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.supply-price-amount>span{font:inherit;font-family:var(--mono);font-size:.65em}@media (max-width:520px){.supply-price{inset-block-start:10px;inset-inline-end:10px;block-size:22.5px;font-size:8px}.supply-price-amount{font-size:12px}}