@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600&display=swap";button,input,select,textarea{font:inherit;color:inherit}.btn-primary,[data-theme=dark] .btn-primary{background:var(--ink);color:var(--paper)}.chip-printing,.chip-done{background:var(--cyan-wash);color:var(--cyan-deep)}@keyframes pulse{0%,80%,to{opacity:.3}40%{opacity:1}}.stepper button{cursor:pointer;width:40px;height:40px;color:var(--ink);background:0 0;border:none;font-size:17px}.stepper .val{text-align:center;width:52px;font-family:IBM Plex Mono,monospace;font-weight:600}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}:root,[data-theme=light]{--paper:#f6f4ec;--paper-alt:#eeebe0;--surface:#fff;--surface-alt:#fbfaf5;--ink:#16171b;--ink-soft:#5b5d64;--ink-faint:#93949b;--cyan:#0891b2;--cyan-deep:#066b85;--cyan-wash:#0891b21a;--magenta:#d6336c;--magenta-wash:#d6336c1a;--yellow:#f2b705;--line:#16171b21;--line-soft:#16171b12;--shadow:0 24px 48px -28px #16171b47;--radius:10px;--radius-lg:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--paper:#131418;--paper-alt:#1a1b21;--surface:#1c1d23;--surface-alt:#202127;--ink:#f1efe6;--ink-soft:#9b9ca6;--ink-faint:#63646d;--cyan:#2fc1de;--cyan-deep:#4fd3ec;--cyan-wash:#2fc1de24;--magenta:#f2588a;--magenta-wash:#f2588a24;--yellow:#f2c63d;--line:#f1efe621;--line-soft:#f1efe612;--shadow:0 24px 48px -24px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5;transition:background .2s,color .2s}img,svg{display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.1}.mono{font-family:IBM Plex Mono,monospace}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:12px;display:inline-flex}.eyebrow .dot{background:var(--cyan);border-radius:50%;width:6px;height:6px;display:inline-block}:focus-visible{outline:2.5px solid var(--cyan);outline-offset:2px;border-radius:4px}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.regmark{opacity:.35;width:14px;height:14px}.regmark circle{fill:none;stroke:var(--ink);stroke-width:1.2px}.regmark line{stroke:var(--ink);stroke-width:1.2px}header{z-index:60;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{flex-shrink:0;width:26px;height:26px;position:relative}.brand-mark span{mix-blend-mode:multiply;border-radius:50%;width:14px;height:14px;position:absolute}[data-theme=dark] .brand-mark span{mix-blend-mode:screen}.brand-mark .c{background:var(--cyan);top:0;left:6px}.brand-mark .m{background:var(--magenta);top:8px;left:0}.brand-mark .y{background:var(--yellow);top:8px;left:12px}.brand-text{min-width:0}.brand-name{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;display:block}.brand-sub{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.nav-tools{flex-shrink:0;align-items:center;gap:10px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:border-color .15s,background .15s;display:inline-flex}.icon-btn:hover{border-color:var(--ink-faint)}.icon-btn svg{width:17px;height:17px;stroke:var(--ink);fill:none;stroke-width:1.8px}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:10px 16px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;line-height:1.2;transition:transform .12s,background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary,[data-theme=dark] .btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{opacity:.88}.btn-primary .dot{background:var(--yellow);border-radius:50%;width:6px;height:6px}.btn-ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--ink-faint);background:var(--surface-alt)}.btn-cyan{background:var(--cyan-deep);color:#fff}[data-theme=dark] .btn-cyan{color:#0b1013}.btn-cyan:hover{opacity:.9}.btn-outline-magenta{border-color:var(--magenta);color:var(--magenta);background:0 0}.btn-outline-magenta:hover{background:var(--magenta-wash)}.btn-sm{border-radius:6px;padding:7px 12px;font-size:12.5px}.btn-block{justify-content:center;width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-icon-only{justify-content:center;width:38px;padding:9px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);transition:background .2s,border-color .2s}.section-title{align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:16.5px;font-weight:700;display:flex}.count-pill{background:var(--cyan-wash);color:var(--cyan-deep);border-radius:20px;padding:3px 9px;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:600}.chip{letter-spacing:.02em;text-transform:uppercase;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:5px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.chip .d{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.chip-wait{background:var(--magenta-wash);color:var(--magenta)}.chip-printing,.chip-done{background:var(--cyan-wash);color:var(--cyan-deep)}.chip-cancelled{background:var(--line-soft);color:var(--ink-faint)}.chip-printing .d{animation:1.2s ease-in-out infinite pulse}.receipt{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:2px;padding:22px 22px 30px;position:relative}.receipt:after{content:"";background-image:linear-gradient(45deg, transparent 9px, var(--surface) 9px), linear-gradient(-45deg, transparent 9px, var(--surface) 9px);background-position:0 100%,0 100%;background-size:18px 18px;height:18px;position:absolute;bottom:-9px;left:0;right:0}.receipt-row{justify-content:space-between;gap:14px;padding:6px 0;font-family:IBM Plex Mono,monospace;font-size:12.5px;display:flex}.receipt-row.head{border-bottom:1px dashed var(--line);margin-bottom:8px;padding-bottom:12px;font-size:14px;font-weight:600}.receipt-row .lbl{color:var(--ink-soft)}.receipt-hr{border-bottom:1px dashed var(--line);margin:12px 0}.receipt-total{justify-content:space-between;margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:700;display:flex}.paid-stamp{color:var(--cyan-deep);border:1.4px solid var(--cyan-deep);border-radius:4px;align-items:center;gap:6px;margin-top:12px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;display:inline-flex;transform:rotate(-3deg)}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;font-family:IBM Plex Mono,monospace;font-size:11.5px;display:block}.text-input{background:var(--surface-alt);border:1.5px solid var(--line);width:100%;color:var(--ink);border-radius:8px;padding:12px 14px;font-size:14.5px;transition:border-color .15s}.text-input:focus{border-color:var(--cyan);outline:none}.text-input::placeholder{color:var(--ink-faint)}.option-card{border:1.5px solid var(--line);background:var(--surface-alt);cursor:pointer;text-align:left;border-radius:9px;padding:14px 16px;transition:border-color .15s,background .15s}.option-card:hover{border-color:var(--ink-faint)}.option-card.active{border-color:var(--cyan);background:var(--cyan-wash)}.option-card .ot{font-size:14px;font-weight:600}.option-card .os{color:var(--ink-soft);margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:11.5px;display:block}.option-card.active .ot{color:var(--cyan-deep)}.option-tag{background:var(--yellow);color:#16171b;border-radius:4px;padding:2px 6px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;position:absolute;top:-9px;right:10px}.option-grid{gap:10px;display:grid;position:relative}.stepper{border:1.5px solid var(--line);background:var(--surface-alt);border-radius:9px;align-items:center;gap:0;width:fit-content;display:flex;overflow:hidden}.stepper button{cursor:pointer;width:40px;height:40px;color:var(--ink);background:0 0;border:none;justify-content:center;align-items:center;font-size:17px;display:flex}.stepper button:hover{background:var(--line-soft)}.stepper .val{text-align:center;width:52px;font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:600}.stepper .plus{background:var(--cyan-deep);color:#fff}[data-theme=dark] .stepper .plus{color:#0b1013}.qty-control{background:var(--surface);border:1.5px solid var(--line);border-radius:10px;align-items:center;width:fit-content;padding:3px;display:inline-flex;box-shadow:0 2px 6px #00000008}.qty-btn{background:var(--surface-alt);width:36px;height:36px;color:var(--ink);cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all .15s;display:flex}.qty-btn:hover{background:var(--cyan-wash);color:var(--cyan-deep);border-color:var(--cyan)}.qty-btn:active{transform:scale(.94)}.qty-val{text-align:center;min-width:46px;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;display:inline-flex}.switch .track{background:var(--line);border-radius:20px;width:38px;height:21px;transition:background .2s;position:relative}.switch .track:after{content:"";background:var(--surface);border-radius:50%;width:17px;height:17px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.switch.on .track{background:var(--cyan-deep)}.switch.on .track:after{transform:translate(17px)}.seg{border:1px solid var(--line);background:var(--surface-alt);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{border:none;border-right:1px solid var(--line);cursor:pointer;color:var(--ink-soft);white-space:nowrap;background:0 0;padding:8px 14px;font-size:12.5px;font-weight:600}.seg button:last-child{border-right:none}.seg button.active{background:var(--ink);color:var(--paper)}.divider{background:var(--line-soft);border:none;height:1px;margin:0}.muted{color:var(--ink-soft)}.hidden{display:none!important}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.shell{max-width:640px;margin:0 auto;padding:24px 20px 80px}.shopcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);align-items:center;gap:14px;padding:18px 20px;display:flex}.shopcard .qico{background:var(--ink);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.shopcard .qico svg{width:20px;height:20px;stroke:var(--paper);fill:none;stroke-width:1.8px}.shopcard h1{font-size:16.5px}.shopcard .meta{color:var(--ink-soft);flex-wrap:wrap;gap:14px;margin-top:3px;font-size:12.5px;display:flex}.portal-badge{background:var(--cyan-wash);color:var(--cyan-deep);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:20px;margin-left:auto;padding:5px 10px;font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:700}.rail{align-items:center;margin:28px 0 26px;display:flex}.rail-step{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.rail-num{background:var(--surface-alt);border:1.5px solid var(--line);width:30px;height:30px;color:var(--ink-faint);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:700;transition:all .2s;display:flex}.rail-step.active .rail-num{background:var(--ink);border-color:var(--ink);color:var(--paper)}.rail-step.complete .rail-num{background:var(--cyan-deep);border-color:var(--cyan-deep);color:#fff}.rail-label{color:var(--ink-faint);text-align:center;font-size:11.5px;font-weight:600}.rail-step.active .rail-label,.rail-step.complete .rail-label{color:var(--ink)}.rail-line{background:var(--line);z-index:1;width:calc(100% - 30px);height:1.5px;position:absolute;top:15px;left:calc(15px - 50%)}.rail-step.complete .rail-line,.rail-step.active .rail-line{background:var(--cyan-deep)}.rail-step:first-child .rail-line{display:none}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 26px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.panel h2{font-size:21px}.panel .sub{color:var(--ink-soft);margin-bottom:22px;font-size:13.5px}.link-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;font-family:IBM Plex Mono,monospace;font-size:12px}.link-btn:hover{color:var(--ink)}.dropzone{border:2px dashed var(--line);text-align:center;cursor:pointer;border-radius:12px;padding:44px 20px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag{border-color:var(--cyan);background:var(--cyan-wash)}.dropzone .up-ico{background:var(--cyan-deep);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex}.dropzone .up-ico svg{stroke:#fff;fill:none;stroke-width:2px;width:24px;height:24px}.dropzone h3{margin-bottom:6px;font-size:16px}.dropzone p{color:var(--ink-soft);font-size:12.5px}.filetypes{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.filetypes span{color:var(--ink-soft);background:var(--surface-alt);border:1px solid var(--line);border-radius:5px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:10.5px}.file-selected{border:1px solid var(--line);background:var(--surface-alt);border-radius:9px;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.file-selected .fb{background:var(--ink);width:34px;height:34px;color:var(--paper);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;display:flex}.file-selected .fn{font-size:13.5px;font-weight:600}.file-selected .fm{color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:11.5px}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:26px 0 12px;font-family:IBM Plex Mono,monospace;font-size:12px}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.paper-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.paper-grid .option-card{text-align:center;padding:12px 6px}.price-summary{margin-top:26px}.warn-note{color:var(--yellow);background:color-mix(in srgb, var(--yellow) 14%, transparent);border:1px solid color-mix(in srgb, var(--yellow) 40%, transparent);border-radius:8px;align-items:flex-start;gap:8px;margin:16px 0;padding:10px 12px;font-size:12px;display:flex}[data-theme=dark] .warn-note{color:var(--yellow)}.track-banner{background:var(--cyan-wash);border:1px solid var(--cyan-deep);border-radius:10px;align-items:center;gap:12px;margin-bottom:18px;padding:16px 18px;display:flex}.track-banner .ck{background:var(--cyan-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.track-banner .ck svg{stroke:#fff;fill:none;stroke-width:2.4px;width:16px;height:16px}.track-banner h4{font-size:14.5px}.track-banner p{color:var(--ink-soft);font-size:12.5px}.order-ref{color:var(--ink-soft);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;font-family:IBM Plex Mono,monospace;font-size:12.5px;display:flex}.order-ref b{color:var(--ink)}.copy-btn{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;font-size:13px}.copy-btn:hover{color:var(--ink)}.progress-card{border:1.5px solid var(--cyan-deep);text-align:center;background:var(--cyan-wash);border-radius:12px;padding:34px 20px}.progress-icon{background:var(--surface);border:2px solid var(--cyan-deep);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.progress-icon svg{width:26px;height:26px;stroke:var(--cyan-deep);fill:none;stroke-width:1.8px}.step-tag{letter-spacing:.06em;text-transform:uppercase;background:var(--cyan-deep);color:#fff;border-radius:20px;margin-bottom:14px;padding:5px 12px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;display:inline-block}.progress-card h3{margin-bottom:6px;font-size:20px}.progress-card p{color:var(--ink-soft);margin-bottom:22px;font-size:13px}.progress-track{justify-content:center;align-items:center;gap:0;max-width:340px;margin:0 auto;display:flex}.p-node{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.p-node .c{background:var(--surface-alt);border:1.5px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.p-node .c svg{width:15px;height:15px;stroke:var(--ink-faint);fill:none;stroke-width:1.8px}.p-node span{color:var(--ink-faint);letter-spacing:.04em;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.p-node.active .c{background:var(--cyan-deep);border-color:var(--cyan-deep)}.p-node.active .c svg{stroke:#fff}.p-node.active span{color:var(--ink)}.p-node.done .c{background:var(--cyan-deep);border-color:var(--cyan-deep)}.p-node.done .c svg{stroke:#fff}.p-line{background:var(--line);flex:0 0 30px;height:1.5px;margin-top:-24px}.p-line.done{background:var(--cyan-deep)}.spec-summary{border:1px solid var(--line);background:var(--surface-alt);border-radius:10px;margin-top:22px;padding:16px 18px}.spec-summary-top{align-items:center;gap:12px;display:flex}.spec-summary .fb{background:var(--ink);width:36px;height:36px;color:var(--paper);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;display:flex}.spec-summary .fn{font-size:14px;font-weight:600}.spec-summary .fm{color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:11.5px}.spec-summary .price{color:var(--cyan-deep);margin-left:auto;font-family:IBM Plex Mono,monospace;font-weight:700}.spec-tags-row{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin:14px 0;padding-top:14px;display:flex}.spec-tags-row span{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:10.5px}.spec-foot{color:var(--ink-soft);border-top:1px solid var(--line);justify-content:space-between;padding-top:10px;font-size:12px;display:flex}@media (width<=520px){.two-col,.paper-grid{grid-template-columns:1fr 1fr}.rail-label{font-size:10px}}@media print{@page{size:A4 portrait;margin:8mm}body,html{color:#0f172a!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;margin:0!important;padding:0!important}.no-print,header,nav,footer,button,.icon-btn{display:none!important}.glass-modal{box-shadow:none!important;background:0 0!important;border:none!important;max-height:none!important;padding:0!important;overflow:visible!important}div[style*=fixed]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;padding:0!important;position:static!important}.print-flyer-canvas{box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:1.5px solid #cbd5e1!important;max-width:100%!important;margin:0 auto!important}}