.pq-hero{padding:64px 0 0}.pq-hero-inner{align-items:flex-start;gap:48px;display:flex}.pq-hero-left{flex:1;min-width:0}.pq-badge{color:#4b2d8f;background:#f0ebff;border:1px solid #d9ccff;border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 14px;font-size:14px;font-weight:600;display:inline-flex}.pq-headline{color:#1a1233;margin-bottom:16px;font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.12}.pq-headline .accent{color:#4b2d8f}.pq-sub{color:#5a5a72;max-width:480px;margin-bottom:28px;font-size:17px;line-height:1.6}.pq-features{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.pq-feature{color:#4b2d8f;background:#f8f7ff;border:1px solid #e2d9ff;border-radius:20px;align-items:center;gap:6px;padding:5px 13px;font-size:13px;font-weight:500;display:inline-flex}.pq-cta{align-items:center;gap:16px;display:flex}.pq-nosignup{color:#999;font-size:13px}.btn-pq-primary{color:#fff;white-space:nowrap;background:#4b2d8f;border-radius:10px;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.btn-pq-primary:hover{color:#fff;background:#3a2070}.pq-field{margin-bottom:16px}.pq-label{color:#444;margin-bottom:6px;font-size:15px;font-weight:600;display:block}.pq-input{color:#333;box-sizing:border-box;background:#fafafe;border:1.5px solid #e2d9ff;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:17px;transition:border .2s,box-shadow .2s}.pq-input:focus{background:#fff;border-color:#9b7fe8;box-shadow:0 0 0 3px #9b7fe81f}.pq-input::placeholder,.pq-textarea::placeholder{color:#bbb;font-weight:400}.pq-textarea{resize:vertical;min-height:90px;font-family:inherit}.pq-hint{color:#aaa;margin-top:4px;font-size:14px}.qb-section{background:#ddd6f3;flex-direction:column;min-height:calc(100vh - 80px);padding:0;display:flex;position:relative;overflow:hidden}.qb-outer{box-sizing:border-box;z-index:2;flex-direction:column;flex:1;width:100%;max-width:1440px;margin:0 auto;padding:28px 32px 52px;display:flex;position:relative}.qb-hero-text{text-align:center;z-index:2;padding:40px 24px 16px;position:relative}.qb-hero-text h1{color:#2d1a5e;margin:0;font-size:clamp(1.8rem,4.5vw,3rem);font-weight:800;line-height:1.2}.qb-hero-badge{color:#4b2d8f;letter-spacing:.4px;background:#fff;border-radius:20px;margin-bottom:12px;padding:5px 16px;font-size:13px;font-weight:700;display:inline-block}.qb-card{background:#fff;border:1px solid #e5e8ef;border-radius:16px;flex:1;min-height:580px;display:flex;overflow:hidden;box-shadow:0 4px 32px #00000012}.qb-left{border-right:1px solid #edf0f5;flex-direction:column;flex:1;gap:0;min-width:0;padding:32px;display:flex;overflow-y:auto}.qb-right{flex-direction:column;flex-shrink:0;align-items:center;width:460px;padding:32px 28px;display:flex}.qb-tabs{border-bottom:1px solid #f0f2f5;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:28px;padding-bottom:22px;display:grid}.qb-tab{color:#555;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:9px 4px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex;overflow:hidden}.qb-tab:hover{color:#4b2d8f;border-color:#c4b0f0}.qb-tab.qb-tab-active{color:#4b2d8f;background:#f0ebff;border:1.5px solid #4b2d8f;font-weight:700}.qb-step-badge{color:#fff;background:#1e2a3a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;font-weight:700;display:inline-flex}.qb-step-hdr{align-items:center;gap:10px;margin-bottom:14px;display:flex}.qb-step-title{color:#1a1a2e;font-size:19px;font-weight:700}.qb-step-sub{color:#6b7280;margin-bottom:10px;font-size:15px}.qb-block{border-bottom:1px solid #f0f2f5;margin-bottom:28px;padding-bottom:24px}.qb-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.qb-dtabs{border-bottom:1px solid #e5e7eb;margin-bottom:16px;display:flex}.qb-dtab{color:#555;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:7px 20px;font-family:inherit;font-size:16px;font-weight:500;transition:all .15s}.qb-dtab.qb-dtab-active{color:#4b2d8f;border-bottom-color:#4b2d8f;font-weight:700}.qb-thumbs{scrollbar-width:thin;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.qb-thumb{cursor:pointer;background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:80px;height:80px;transition:all .15s;display:flex}.qb-thumb:hover{border-color:#c4b0f0}.qb-thumb.qb-thumb-active{background:#f0ebff;border:2px solid #4b2d8f}.qb-thumb-lbl{color:#888;font-size:11px}.qb-thumb.qb-thumb-active .qb-thumb-lbl{color:#4b2d8f}.qb-preview-box{box-sizing:border-box;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:100%;max-width:360px;height:400px;margin-bottom:20px;padding:6px;display:flex;overflow:hidden}.qb-preview-box img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.qb-preview-box svg{width:auto;max-width:100%;height:auto;max-height:100%}.qb-dl-btn{color:#9ca3af;cursor:not-allowed;background:#e5e7eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:14px;padding:14px;font-family:inherit;font-size:17px;font-weight:700;transition:background .2s;display:flex}.qb-dl-btn.qb-dl-ready{color:#fff;cursor:pointer;background:#4b2d8f}.qb-dl-btn.qb-dl-ready:hover{background:#3a2070}@media (min-width:1536px){.qb-outer{padding:36px 48px 64px}.qb-left{padding:40px}.qb-right{width:520px;padding:40px 36px}.qb-preview-box{max-width:400px;height:440px}.qb-tabs{gap:9px}.qb-tab{padding:11px 6px;font-size:15px}.qb-thumb{width:90px;height:90px}}@media (max-width:1280px){.qb-right{width:400px}.qb-preview-box{max-width:320px;height:360px}}@media (max-width:1024px){.qb-tabs{grid-template-columns:repeat(5,1fr);gap:5px}.qb-tab{padding:8px 3px;font-size:13px}.qb-right{width:340px;padding:24px 18px}.qb-left{padding:24px}.qb-preview-box{max-width:280px;height:320px}}@media (max-width:768px){.qb-section{min-height:auto}.qb-deco-bg{display:none}.qb-outer{padding:16px 16px 36px}.qb-card{flex-direction:column;min-height:auto}.qb-left{border-bottom:1px solid #edf0f5;border-right:none;padding:20px}.qb-right{border-left:none;width:100%;padding:20px}.qb-tabs{grid-template-columns:repeat(3,1fr);gap:6px}.qb-tab{padding:8px 4px;font-size:13px}.qb-preview-box{max-width:300px;height:340px}}@media (max-width:480px){.qb-outer{padding:12px 12px 28px}.qb-tabs{grid-template-columns:repeat(3,1fr);gap:5px}.qb-tab{padding:7px 2px;font-size:12px}.qb-thumb{width:68px;height:68px}.qb-preview-box{max-width:260px;height:300px}}.pq-modal-overlay{z-index:9999;background:#0a051e73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pq-modal{text-align:center;background:#fff;border-radius:18px;width:90%;max-width:380px;padding:36px 32px;box-shadow:0 24px 80px #0000002e}.pq-modal h3{color:#1a1233;margin-bottom:8px;font-size:24px;font-weight:800}.pq-modal p{color:#777;margin-bottom:24px;font-size:16px}.pq-modal-btns{flex-direction:column;gap:10px;display:flex}.btn-modal-primary{color:#fff;background:#4b2d8f;border-radius:10px;padding:12px;font-size:17px;font-weight:700;text-decoration:none;display:block}.btn-modal-outline{color:#4b2d8f;background:#fff;border:2px solid #9b7fe8;border-radius:10px;padding:12px;font-size:17px;font-weight:700;text-decoration:none;display:block}.pq-modal-close{color:#aaa;cursor:pointer;margin-top:14px;font-size:15px}.pq-steps{align-items:center;gap:0;margin-bottom:28px;display:flex}.pq-step-item{color:#bbb;cursor:default;flex:1;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.pq-step-item:not(:last-child):after{content:"";background:#e2d9ff;flex:1;height:1px;margin:0 8px}.pq-step-item.active{color:#4b2d8f}.pq-step-item.done{color:#25d366;cursor:pointer}.pq-step-dot{color:#bbb;background:#f0ebff;border:1.5px solid #d9ccff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.pq-step-item.active .pq-step-dot{color:#fff;background:#4b2d8f;border-color:#4b2d8f}.pq-step-item.done .pq-step-dot{color:#fff;background:#25d366;border-color:#25d366}.pq-step-body{flex-direction:column;flex:1;display:flex}.pq-next-btn{color:#fff;cursor:pointer;background:#4b2d8f;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:auto;padding:12px;font-size:14px;font-weight:700;transition:background .2s;display:flex}.pq-next-btn:hover{background:#3a2070}.pq-next-btn:disabled{color:#9b7fe8;cursor:not-allowed;background:#e2d9ff}.pq-back-btn{color:#4b2d8f;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #d9ccff;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:700;transition:border-color .2s}.pq-back-btn:hover{border-color:#9b7fe8}.pq-select-wrap{background:#fafafe;border:1.5px solid #e2d9ff;border-radius:10px;align-items:center;height:42px;padding:0 12px;transition:border .2s;display:flex;position:relative}.pq-select-wrap:hover{border-color:#9b7fe8}.pq-select-wrap.pq-select-active{border-color:#9b7fe8;box-shadow:0 0 0 3px #9b7fe81f}.pq-select{color:#333;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px;font-weight:600}.pq-select-arrow{color:#999;flex-shrink:0;width:16px;height:16px}.pq-size-dropdown{z-index:200;background:#fff;border:1.5px solid #e2d9ff;border-radius:10px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #4b2d8f1f}.pq-size-option{color:#333;cursor:pointer;padding:10px 14px;font-size:14px;font-weight:500;transition:background .15s}.pq-size-option:hover{background:#f3eeff}.pq-size-option.selected{color:#fff;background:#4b2d8f;font-weight:700}@media (max-width:768px){.pq-hero-inner{flex-direction:column}.pq-builder{grid-template-columns:1fr}.pq-qr-side{border-top:1px solid #e8e0ff;border-left:none}}
@keyframes modal-video{0%{opacity:0}to{opacity:1}}@keyframes modal-video-inner{0%{transform:translateY(100px)}to{transform:translate(0)}}.modal-video{z-index:1000000;cursor:pointer;opacity:1;-o-transition:opacity .3s ease-out;background-color:#00000080;width:100%;height:100%;transition:opacity .3s ease-out;animation-name:modal-video;animation-duration:.3s;animation-timing-function:ease-out;position:fixed;top:0;left:0}.modal-video-effect-exit{opacity:0}.modal-video-effect-exit .modal-video-movie-wrap{transform:translateY(100px)}.modal-video-body{box-sizing:border-box;justify-content:center;width:100%;max-width:960px;height:100%;margin:0 auto;padding:0 10px;display:flex}.modal-video-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}@media (orientation:landscape){.modal-video-inner{box-sizing:border-box;padding:10px 60px}}.modal-video-movie-wrap{-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;background-color:#333;width:100%;height:0;padding-bottom:56.25%;transition:transform .3s ease-out;animation-name:modal-video-inner;animation-duration:.3s;animation-timing-function:ease-out;position:relative;transform:translate(0)}.modal-video-movie-wrap iframe{width:100%;height:100%;position:absolute;top:0;left:0}.modal-video-close-btn{z-index:2;background:0 0;border:none;width:35px;height:35px;display:inline-block;position:absolute;top:-45px;right:0;overflow:hidden}@media (orientation:landscape){.modal-video-close-btn{top:0;right:-45px}}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:"";background:#fff;border-radius:5px;width:100%;height:2px;margin-top:-6px;position:absolute;top:50%;left:0}
