.mockup-showcase[data-astro-cid-da654r4p]{max-width:1000px;margin:0 auto;padding:2rem;font-family:sans-serif}.hidden-radio[data-astro-cid-da654r4p]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.showcase-layout[data-astro-cid-da654r4p]{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}.tab-list[data-astro-cid-da654r4p]{flex:1;min-width:250px}.tab-title[data-astro-cid-da654r4p]{color:#333;margin-bottom:1rem;font-size:1.25rem}.tab-buttons[data-astro-cid-da654r4p]{flex-direction:column;gap:.5rem;display:flex}.tab-button[data-astro-cid-da654r4p]{color:#4b5563;cursor:pointer;background-color:#f3f4f6;border-radius:.5rem;padding:1rem 1.5rem;font-weight:500;transition:all .2s;display:block}.tab-button[data-astro-cid-da654r4p]:hover{background-color:#e5e7eb}.mockup-container[data-astro-cid-da654r4p]{flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:min(300px,100%);display:flex}.device-frame[data-astro-cid-da654r4p]{background-color:#1f2937;border-radius:2.5rem;width:min(320px,100%);padding:12px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (width<=520px){.mockup-showcase[data-astro-cid-da654r4p]{padding:1rem 0}.showcase-layout[data-astro-cid-da654r4p]{gap:1.5rem}.tab-list[data-astro-cid-da654r4p]{flex:none;width:100%;min-width:0}.tab-title[data-astro-cid-da654r4p]{margin-bottom:.75rem}.tab-buttons[data-astro-cid-da654r4p]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.tab-button[data-astro-cid-da654r4p]{align-items:center;min-height:3rem;padding:.6rem .75rem;font-size:.82rem;line-height:1.35;display:flex}.tab-button[data-astro-cid-da654r4p]:last-child{grid-column:1/-1}}.device-frame[data-astro-cid-da654r4p]:before{content:"";z-index:10;background-color:#1f2937;border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem;width:72px;height:14px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.device-screen[data-astro-cid-da654r4p]{aspect-ratio:375/667;scrollbar-width:none;scroll-behavior:smooth;background-color:#fff;border-radius:1.8rem;width:100%;position:relative;overflow:hidden auto}.device-screen[data-astro-cid-da654r4p]::-webkit-scrollbar{width:0;height:0}.scroll-hint[data-astro-cid-da654r4p]{z-index:20;color:#fff;white-space:nowrap;pointer-events:none;background-color:#1f2937d1;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:800;animation:1.6s ease-in-out infinite scroll-hint-float;display:none;position:absolute;bottom:24px;left:50%;box-shadow:0 4px 12px #0f172a33}@keyframes scroll-hint-float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-8px)}}@media (prefers-reduced-motion:reduce){.scroll-hint[data-astro-cid-da654r4p]{animation:none;transform:translate(-50%)}}.screen-content[data-astro-cid-da654r4p]{width:100%;display:none}.screen-content[data-astro-cid-da654r4p] img[data-astro-cid-da654r4p]{width:100%;height:auto;display:block}.tab-button[data-astro-cid-da654r4p]:has(.hidden-radio:focus-visible){outline:3px solid var(--color-accent);outline-offset:3px}.tab-button[data-astro-cid-da654r4p]:has(.hidden-radio:checked){color:#fff;background-color:#8b5cf6}.mockup-showcase[data-astro-cid-da654r4p]:has(#tab-dashboard:checked) .scroll-hint[data-astro-cid-da654r4p],.mockup-showcase[data-astro-cid-da654r4p]:has(#tab-item-detail:checked) .scroll-hint[data-astro-cid-da654r4p],.mockup-showcase[data-astro-cid-da654r4p]:has(#tab-customer:checked) .scroll-hint[data-astro-cid-da654r4p],.mockup-showcase[data-astro-cid-da654r4p]:has(#tab-dashboard:checked) .content-tab-dashboard[data-astro-cid-da654r4p],.mockup-showcase[data-astro-cid-da654r4p]:has(#tab-item-list:checked) .content-tab-item-list[data-astro-cid-da654r4p],.mockup-showcase[data-astro-cid-da654r4p]:has(#tab-item-detail:checked) .content-tab-item-detail[data-astro-cid-da654r4p],.mockup-showcase[data-astro-cid-da654r4p]:has(#tab-customer:checked) .content-tab-customer[data-astro-cid-da654r4p],.mockup-showcase[data-astro-cid-da654r4p]:has(#tab-qr-scanner:checked) .content-tab-qr-scanner[data-astro-cid-da654r4p],.mockup-showcase[data-astro-cid-da654r4p]:has(#tab-qr-success:checked) .content-tab-qr-success[data-astro-cid-da654r4p],.mockup-showcase[data-astro-cid-da654r4p]:has(#tab-qr-print:checked) .content-tab-qr-print[data-astro-cid-da654r4p]{display:block}