.receipt-showcase{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;border-top:1px solid var(--line)}.receipt-showcase-copy h2{margin-top:20px;max-width:370px}.receipt-showcase-copy>p:not(.eyebrow){margin-top:22px;color:var(--body);font-size:17px;line-height:1.95}.receipt-showcase-copy .text-link{margin-top:25px}.receipt-showcase-visual{padding:24px;background:linear-gradient(145deg,#f4f6f5,#edf0ef);border:1px solid #e5e9e7;border-radius:22px}.receipt-demo{max-width:390px;margin-inline:auto}.receipt-preview-status{display:flex;align-items:center;gap:12px;padding:12px 18px;line-height:1.4;border:1px solid #dfe7e3;border-radius:16px;background:#ffffffc7}.receipt-preview-check{display:grid;place-items:center;width:31px;height:31px;flex:none;border:1px solid #bce2d6;border-radius:50%;background:#edf8f3;color:#40997d}.receipt-preview-status>div{flex:1;min-width:0}.receipt-preview-status strong{display:block;font-size:14px;font-weight:550;color:#334a40}.receipt-preview-status [role=status]{display:block;font-size:12px;color:#8b9892;margin-top:4px}.receipt-preview-status>i{width:6px;height:6px;border-radius:50%;background:#5da78b;flex:none}.printer-stage{padding-top:16px}.demo-printer{position:relative;z-index:3;width:100%;padding:19px 20px 17px;border:1px solid #313636;border-radius:21px;background:linear-gradient(180deg,#272b2a,#171b1a 50%,#0d1110);box-shadow:0 13px 25px #1d28292b,inset 0 1px #ffffff16}.printer-controls{line-height:1.25;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:17px;margin-bottom:14px;border-bottom:1px solid #ffffff13}.printer-controls>span:first-child{display:flex;gap:9px;align-items:center;color:#c9d0cd;font-family:ui-monospace,monospace;font-size:14px;letter-spacing:.04em}.printer-led{display:flex;gap:7px;align-items:center;padding:4px 7px;border:1px solid #303a36;border-radius:20px;background:#101714;color:#9baea3;font:10px ui-monospace,monospace}.printer-led i{width:5px;height:5px;border-radius:50%;background:#8ec7a1;box-shadow:0 0 7px #8ac59a7a}.printer-slot{height:12px;border-radius:8px;background:#070b0a;border:1px solid #3b4140;box-shadow:inset 0 3px 4px #000}.demo-feed{position:relative;z-index:2;margin-top:-8px;padding-bottom:13px;overflow:hidden}.demo-receipt-paper{width:92%;margin-inline:auto;padding:18px 24px 20px;font-size:12px;line-height:1.45;color:#414a45;background:repeating-linear-gradient(0deg,#fcfbf7 0px 3px,#f6f4ed 4px);clip-path:polygon(0 0,100% 0,100% 98%,96% 100%,92% 98%,88% 100%,84% 98%,80% 100%,76% 98%,72% 100%,68% 98%,64% 100%,60% 98%,56% 100%,52% 98%,48% 100%,44% 98%,40% 100%,36% 98%,32% 100%,28% 98%,24% 100%,20% 98%,16% 100%,12% 98%,8% 100%,4% 98%,0 100%);transform:translateY(0)}.receipt-brand-icon{display:block;margin-inline:auto;width:32px;height:32px;padding:5px;background:#f0f0e9;border:1px solid #e6e5dc;border-radius:50%}.demo-receipt-paper h3{font-size:17px;font-weight:600;text-align:center;margin-top:9px;letter-spacing:.04em}.receipt-paper-subtitle{font:9px ui-monospace,monospace;letter-spacing:.08em;text-align:center;color:#a0a49c;margin-top:6px}.receipt-work{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px;margin-top:12px;border-block:1px dashed #d3d6cd}.receipt-work:before,.receipt-work:after{content:"";position:absolute;top:-7px;width:6px;height:12px;background:#f0f3f1}.receipt-work:before{left:-24px;border-radius:0 6px 6px 0}.receipt-work:after{right:-24px;border-radius:6px 0 0 6px}.receipt-work>img{width:66px;height:84px;object-fit:contain;background:#f1f0e9;border:1px solid #e2e4da;border-radius:3px}.receipt-work>div{flex:1;min-width:0}.receipt-work strong{display:block;font-size:18px;font-weight:500;margin-top:6px}.receipt-work span{display:block;font-size:11px;color:#9a9e93}.receipt-work .receipt-category-label{margin-top:7px}.receipt-work b{display:block;font-size:13px;font-weight:400;margin-top:3px}.demo-receipt-paper .receipt-meta{font-size:11px;gap:5px;margin-top:16px}.demo-receipt-paper dl{display:grid;gap:6px;font-size:12px;margin:12px 0 0}.demo-receipt-paper dl>div{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.demo-receipt-paper dt{color:#959d91;flex-shrink:0}.demo-receipt-paper dd{margin:0;text-align:right;overflow-wrap:anywhere}.receipt-meta dd{font-variant-numeric:tabular-nums}.demo-receipt-paper .receipt-saved{color:#578674}.receipt-paper-bottom{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding-top:12px;margin-top:12px;border-top:1px dashed #d3d6cd}.receipt-demo-qr{flex:none;width:54px;background:#fff;padding:2px}.receipt-demo-qr svg{width:100%;height:auto;display:block}.receipt-paper-bottom>span{font-size:11px;line-height:1.8}.demo-slot-shadow{position:absolute;top:0;left:4%;right:4%;height:32px;background:linear-gradient(#0005,#0001 45%,transparent);pointer-events:none}.receipt-demo-controls{display:flex;justify-content:center;margin-top:12px}.receipt-demo-controls .text-link{display:flex;justify-content:center;width:100%;min-height:46px;font-size:14px;margin:0;border:1px solid #d5ded9;border-radius:11px;padding:10px 18px;background:#ffffffc9;color:#456b59;font-family:inherit;cursor:pointer}.receipt-demo-controls .text-link:hover{background:#fff;border-color:#a5bbaf}.receipt-demo-note{font-size:11px;text-align:center;color:#87958d;margin-top:14px}.receipt-demo-controls button:disabled{cursor:progress;opacity:.5}[data-receipt-demo][data-state=printing] .demo-receipt-paper{animation:demo-paper-feed var(--receipt-print-time) cubic-bezier(.24,.62,.34,1) both}[data-receipt-demo][data-state=printing] .demo-printer{animation:demo-printer-feed .18s ease-in-out infinite}[data-receipt-demo][data-state=printing] .printer-led i{animation:demo-led-pulse .8s ease-in-out infinite}[data-receipt-demo][data-state=printing] .receipt-preview-status>i{background:#c5a363;animation:demo-led-pulse .8s ease-in-out infinite}@keyframes demo-paper-feed{0%{transform:translateY(-103%);opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes demo-printer-feed{0%,to{transform:translate(0)}20%{transform:translate(-.4px,-.15px)}40%{transform:translate(.4px,.15px)}60%{transform:translate(-.3px)}80%{transform:translate(.3px)}}@keyframes demo-led-pulse{0%,to{opacity:.5}50%{opacity:1}}.catalogue-demo{width:100%;padding-top:15px;text-align:center}.demo-book{position:relative;width:267px;height:352px;margin-inline:auto;perspective:1300px;touch-action:pan-y;isolation:isolate;border-radius:3px 10px 10px 3px;box-shadow:9px 20px 26px #2234291c}.demo-book-paper{position:absolute;inset:0;z-index:2;padding:23px;text-align:left;background:#fffef9;border:1px solid #e8e6dc;border-radius:3px 8px 8px 3px;backface-visibility:hidden;transform-origin:left;transform:rotateY(0);box-shadow:inset 9px 0 14px #433c1a08}.demo-book-paper[hidden]{display:none}.demo-book-paper[data-current=true]{z-index:3}.demo-book-paper.is-turning{z-index:4;transform:rotateY(-180deg);transition:transform .56s cubic-bezier(.4,.05,.2,1),filter .56s;filter:brightness(.82)}.demo-book-paper.is-turning-back{transform-origin:right;transform:rotateY(180deg)}.book-cover{padding:0;overflow:hidden;background:#273e36;color:#fffaf0}.book-cover>img{width:100%;height:100%;object-fit:cover;filter:brightness(.64) saturate(.7)}.book-cover-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;background:linear-gradient(#182d2126,#182d214d);text-align:center}.book-cover-content>span{font-size:8px;letter-spacing:.19em}.book-cover-content h3{font-family:Georgia,Songti SC,serif;font-size:36px;font-weight:400;letter-spacing:.08em;margin-top:27px}.book-cover-content p{font-size:11px;opacity:.75;line-height:1.8;margin-top:15px}.book-cover-content small{position:absolute;bottom:26px;font-size:8px;letter-spacing:.16em;opacity:.65}.book-page-top{display:flex;justify-content:space-between;color:#9c9e94;font-size:8px;letter-spacing:.12em}.book-artwork{display:flex;align-items:center;justify-content:center;height:190px;margin-block:13px 18px}.book-artwork img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.book-page-caption>span{color:#a7aa9e;font:8px ui-monospace,monospace;letter-spacing:.1em}.book-page-caption h3{font-size:17px;font-weight:500;line-height:1.5;margin-top:8px}.book-page-caption p{font-size:10px;color:#9b9f94;margin-top:4px}.book-page-edges{position:absolute;top:4px;bottom:-4px;right:-4px;width:10px;background:repeating-linear-gradient(90deg,#e4e2d8 0 1px,#fffefb 1px 3px);border-radius:0 8px 8px 0;z-index:-1}.book-demo-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:28px}.book-demo-controls>span{font:11px ui-monospace,monospace;color:#89948e}.book-control{display:inline-flex;justify-content:center;align-items:center;width:36px;height:36px;border:1px solid #dce2dd;border-radius:50%;color:#61776a;background:#fff9;transition:background .2s}.book-control:hover{background:#fff}.book-control:disabled{opacity:.3;cursor:default}.book-control-prev svg{transform:rotate(180deg)}.book-demo-hint{font-size:12px;color:#8a958d;margin-top:12px}.catalogue-demo .visual-note{display:block;margin-top:12px}@media(max-width:820px){.catalogue-showcase{grid-template-columns:1fr;gap:34px}.catalogue-panel{width:100%;max-width:450px;margin-inline:auto}.receipt-showcase{grid-template-columns:1fr;gap:34px}.receipt-showcase-copy{order:-1}.receipt-showcase-copy h2{max-width:none}.receipt-showcase-visual{max-width:450px;width:100%;margin-inline:auto}}@media(max-width:480px){.receipt-showcase-visual{padding:20px 12px}.demo-printer{padding:16px 13px}.printer-controls>span:first-child{font-size:12px;gap:6px}.printer-led{font-size:8px;gap:5px;padding-inline:5px}.demo-receipt-paper{padding-inline:18px}.receipt-work:before{left:-18px}.receipt-work:after{right:-18px}.receipt-preview-status{padding:13px 12px}.receipt-preview-status strong{font-size:13px}.receipt-preview-status [role=status]{font-size:11px}.demo-book{width:235px;height:325px}.book-artwork{height:167px}.receipt-showcase-copy>p:not(.eyebrow){font-size:16px}}@media(prefers-reduced-motion:reduce){[data-receipt-demo][data-state=printing] .demo-receipt-paper,[data-receipt-demo][data-state=printing] .demo-printer,[data-receipt-demo][data-state=printing] .printer-led i,[data-receipt-demo][data-state=printing] .receipt-preview-status>i{animation:none}.demo-book-paper.is-turning{transition:none}}