:root{--qr-ink:#070c69;--qr-muted:black;--qr-purple:#65258a;--qr-pink:black;--qr-soft:#f8f5fa;--qr-line:#e9e2ed}
.qr-page{background:#fff;color:var(--qr-ink);overflow:hidden}.qr-standard-header h1{font-size:48px;line-height:1.25}
.qr-builder-section{position:relative;z-index:3;padding:80px 0 100px}.qr-builder-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.8fr);gap:26px;align-items:stretch}.qr-panel{background:#fff;border:1px solid var(--qr-line);border-radius:18px;box-shadow:0 18px 55px rgba(49,21,65,.1)}.qr-form-panel{padding:36px}.qr-preview-panel{display:flex;flex-direction:column;padding:36px;background:linear-gradient(160deg,#fff,#fbf8fc)}.qr-panel-heading{display:flex;gap:14px;align-items:center;margin-bottom:28px}.qr-step{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:11px;background:linear-gradient(135deg, #2601bf, var(--qr-pink));font:700 13px 'Montserrat';color:#fff}.qr-panel-heading h2{margin:0 0 4px;font-size:20px}.qr-panel-heading p{margin:0;color:var(--qr-muted);font-size:13px}.qr-type-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:25px}.qr-type-tabs button{padding:12px 6px;border:1px solid var(--qr-line);border-radius:9px;background:#fff;color:#655d6b;font-size:12px;cursor:pointer;transition:.2s}.qr-type-tabs button i{display:block;margin-bottom:7px;font-size:17px}.qr-type-tabs button:hover,.qr-type-tabs button.active{border-color:var(--qr-pink);background:#fff3f8;color:var(--qr-pink)}.qr-field{margin-bottom:20px}.qr-field label{display:block;margin-bottom:8px;font:600 13px 'Montserrat';color:var(--qr-ink)}.qr-field textarea,.qr-field select{width:100%;border:1px solid #ded6e2;border-radius:9px;background:#fff;padding:13px 14px;color:var(--qr-ink);outline:none;transition:.2s}.qr-field textarea{resize:vertical;min-height:102px}.qr-field textarea:focus,.qr-field select:focus{border-color:var(--qr-pink);box-shadow:0 0 0 3px rgba(232,5,102,.08)}.qr-field-meta{display:flex;justify-content:space-between;gap:15px;margin-top:7px;font-size:11px;color:#948d98}.qr-error{display:none;margin:8px 0 0;color:#c6245d;font-size:12px}.qr-error.visible{display:block}.qr-options{display:grid;grid-template-columns:1fr 1.35fr;gap:18px}.qr-color-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qr-color-input{display:flex;align-items:center;height:45px;padding:5px 8px;border:1px solid #ded6e2;border-radius:9px}.qr-color-input input{width:30px;height:30px;padding:0;border:0;background:none;cursor:pointer}.qr-color-input span{margin-left:7px;font-size:11px}.qr-primary-btn,.qr-download-btn{width:100%;border:0;border-radius:9px;padding:15px 20px;background:linear-gradient(135deg, #2601bf, var(--qr-pink));box-shadow:0 8px 20px rgba(232,5,102,.2);font:700 13px 'Montserrat';letter-spacing:.3px;color:#fff;cursor:pointer;transition:.2s}.qr-primary-btn:hover,.qr-download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px rgba(232,5,102,.28)}.qr-primary-btn i,.qr-download-btn i{margin-right:8px}.qr-preview-shell{display:grid;place-items:center;min-height:310px;margin-bottom:20px;border:1px dashed #d9cedf;border-radius:14px;background-color:#faf8fb;background-image:radial-gradient(#ded6e2 .7px,transparent .7px);background-size:14px 14px}.qr-code-output{display:none;padding:18px;border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(35,16,48,.1)}.qr-code-output canvas,.qr-code-output img{display:block;max-width:235px;width:100%;height:auto}.qr-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;color:#89818e}.qr-empty-state strong{margin:14px 0 4px;color:#554b5b;font-size:14px}.qr-empty-state span{font-size:12px}.qr-mini-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:17px;background:#eee7f1;color:#866b94;font-size:27px}.qr-download-btn:disabled{background:#d9d3dc;box-shadow:none;cursor:not-allowed}.qr-privacy{text-align:center;margin:17px 0 0;color:#89818e;font-size:11px}.qr-privacy i{margin-right:5px;color:#6fad73}
.qr-content-section{padding:90px 0 110px;background:var(--qr-soft)}.qr-section-intro{max-width:760px;margin:0 auto 45px;text-align:center}.qr-section-intro>span,.qr-use-cases>div>span{font:700 11px 'Montserrat';letter-spacing:1.8px;}.qr-section-intro h2,.qr-use-cases h2,.qr-seo-copy h2{margin:10px 0 14px;font-size:32px;line-height:1.3}.qr-section-intro p,.qr-use-cases p,.qr-seo-copy p{color:var(--qr-muted);line-height:1.8}.qr-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.qr-info-grid article{position:relative;padding:32px;border:1px solid var(--qr-line);border-radius:14px;background:#fff}.qr-info-grid article>span{position:absolute;right:22px;top:18px;font:800 34px 'Montserrat';color:#f0eaf2}.qr-info-grid article>i{display:grid;place-items:center;width:46px;height:46px;margin-bottom:20px;border-radius:12px;background:#070c69;color:white;font-size:20px}.qr-info-grid h3{font-size:17px}.qr-info-grid p{margin:0;color:var(--qr-muted);font-size:13px;line-height:1.75}.qr-use-cases{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;margin-top:100px;padding:58px;border-radius:20px;background:linear-gradient(75deg, rgb(3 14 64 / 88%) 10%, #0c085a);color:#fff}.qr-use-cases h2{color:#fff}.qr-use-cases p{color:white}.qr-use-cases ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.qr-use-cases li{display:flex;gap:16px;padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(255,255,255,.05)}.qr-use-cases li>i{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:9px;background-color:white;color:#070c69}.qr-use-cases strong,.qr-use-cases li span{display:block}.qr-use-cases strong{margin-bottom:4px;font-size:14px;color:#fff}.qr-use-cases li span{font-size:12px;line-height:1.55;color:white}.qr-text-link{display:inline-block;margin-top:8px;color:white;font-weight:600}.qr-text-link:hover{color:#fff}.qr-seo-copy{max-width:900px;margin:90px auto 0;text-align:center}.qr-faq{max-width:900px;margin:90px auto 0}.qr-faq .qr-section-intro{margin-bottom:30px}.qr-faq details{margin-bottom:10px;border:1px solid var(--qr-line);border-radius:11px;background:#fff}.qr-faq summary{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;list-style:none;font:600 14px 'Montserrat';cursor:pointer;color: black}.qr-faq summary::-webkit-details-marker{display:none}.qr-faq summary i{color:var(--qr-pink);transition:.2s}.qr-faq details[open] summary i{transform:rotate(180deg)}.qr-faq details p{padding:0 23px 20px;margin:0;color:var(--qr-muted);line-height:1.75;font-size:13px}
.qr-deep-guide,.qr-print-guide,.qr-troubleshooting{margin-top:100px}.qr-deep-guide-heading{max-width:780px;margin-bottom:32px}.qr-deep-guide-heading>span,.qr-print-guide>div>span{font:700 11px 'Montserrat';letter-spacing:1.8px}.qr-deep-guide-heading h2,.qr-print-guide h2{margin:10px 0 14px;font-size:32px;line-height:1.3}.qr-deep-guide-heading p,.qr-print-guide>div>p{line-height:1.8}.qr-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.qr-comparison-grid article{padding:32px;border:1px solid var(--qr-line);border-radius:14px;background:#fff}.qr-comparison-icon{display:grid;place-items:center;width:45px;height:45px;margin-bottom:18px;border-radius:11px;background:#070c69;color:#fff}.qr-comparison-grid h3{font-size:18px}.qr-comparison-grid p,.qr-comparison-grid li{font-size:12px;line-height:1.7}.qr-comparison-grid ul{margin:17px 0 0;padding-left:18px}.qr-comparison-grid li{margin-bottom:6px}.qr-guide-note{margin:17px 0 0;padding:15px 18px;border-left:3px solid #070c69;border-radius:7px;background:#eeeff8;font-size:12px;line-height:1.65}.qr-guide-note i{margin-right:7px}.qr-print-guide{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start;padding:48px;border-radius:18px;background:#fff;border:1px solid var(--qr-line)}.qr-size-table{margin-top:22px;border:1px solid var(--qr-line);border-radius:10px;overflow:hidden}.qr-size-table>div{display:grid;grid-template-columns:1fr 1fr;padding:11px 14px;border-top:1px solid var(--qr-line);font-size:11px}.qr-size-table>div:first-child{border-top:0;background:#070c69;color:#fff}.qr-practice-list{display:grid;gap:10px}.qr-practice-list article{display:flex;gap:14px;padding:16px;border-radius:10px;background:#f7f6f8}.qr-practice-list article>i{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:8px;background:#070c69;color:#fff}.qr-practice-list h3{margin:0 0 5px;font-size:13px}.qr-practice-list p{margin:0;font-size:10px;line-height:1.55}.qr-troubleshooting ol{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none}.qr-troubleshooting li{display:flex;gap:16px;padding:22px;border:1px solid var(--qr-line);border-radius:12px;background:#fff}.qr-troubleshooting li>span{font:700 17px 'Montserrat';color:#070c69}.qr-troubleshooting strong{display:block;font:600 13px 'Montserrat'}.qr-troubleshooting p{margin:6px 0 0;font-size:11px;line-height:1.65}.qr-troubleshooting code{color:#070c69}
@media(max-width:991px){.qr-standard-header h1{font-size:42px}.qr-builder-grid{grid-template-columns:1fr}.qr-preview-panel{min-height:520px}.qr-use-cases,.qr-print-guide{grid-template-columns:1fr;gap:35px}.qr-options{grid-template-columns:1fr}}
@media(max-width:767px){.qr-standard-header h1{font-size:34px}.qr-builder-section{padding:60px 0 70px}.qr-panel,.qr-form-panel,.qr-preview-panel{padding:24px}.qr-type-tabs{grid-template-columns:repeat(3,1fr)}.qr-color-group,.qr-info-grid,.qr-comparison-grid,.qr-troubleshooting ol{grid-template-columns:1fr}.qr-use-cases{margin-top:70px;padding:35px 24px}.qr-print-guide{padding:30px 24px}.qr-deep-guide,.qr-print-guide,.qr-troubleshooting{margin-top:70px}.qr-content-section{padding:70px 0}.qr-section-intro h2,.qr-use-cases h2,.qr-seo-copy h2,.qr-deep-guide-heading h2,.qr-print-guide h2{font-size:26px}}
@media(max-width:420px){.qr-standard-header h1{font-size:29px}.qr-panel{padding:19px}.qr-type-tabs{grid-template-columns:repeat(2,1fr)}.qr-preview-shell{min-height:270px}}
