.qr-hero{padding:64px 0 32px;background:linear-gradient(180deg,var(--white) 0%,var(--bg-page) 100%)}@media(min-width:768px){.qr-hero{padding:96px 0 40px}}.qr-hero-mx{max-width:920px;text-align:center}.qr-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--teal-bg);color:var(--teal-h);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:24px}.qr-pulse{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 #0b7a7580;animation:qrPulse 2s infinite}@keyframes qrPulse{0%{box-shadow:0 0 #0b7a7580}70%{box-shadow:0 0 0 8px #0b7a7500}to{box-shadow:0 0 #0b7a7500}}.qr-h1{font-size:2.25rem;line-height:1.08;color:var(--ink);letter-spacing:-.022em;margin-bottom:16px;min-height:4.86rem}@media(min-width:768px){.qr-h1{font-size:3rem;min-height:6.48rem}}@media(min-width:1024px){.qr-h1{font-size:3.5rem;min-height:calc(3.5rem * 1.08 * 2)}}.qr-sub{color:var(--ink-l);font-size:17px;line-height:1.6;max-width:660px;margin:0 auto 24px;min-height:calc(17px * 1.6 * 3)}.qr-hero-meta{display:inline-flex;align-items:center;gap:12px;color:var(--ink-m);font-size:12px;flex-wrap:wrap;justify-content:center}.qr-dot{width:3px;height:3px;border-radius:50%;background:var(--ink-p)}.qr-app{padding:24px 0 64px}.qr-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:start}@media(max-width:1023.98px){.qr-grid{grid-template-columns:minmax(0,1fr)}}.qr-controls{display:flex;flex-direction:column;gap:18px;min-width:0}.qr-block{min-width:0}.qr-block{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:22px 24px;transition:border-color .25s ease,box-shadow .25s ease}.qr-block:hover{border-color:var(--teal-200);box-shadow:0 10px 24px -14px #0f172a14}.qr-label{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:14.5px;font-weight:600;margin-bottom:14px;letter-spacing:-.005em}.qr-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--teal-bg) 0%,#fff 100%);color:var(--teal-h);font-size:12px;font-weight:700;flex-shrink:0;border:1px solid rgba(11,122,117,.15);font-feature-settings:"tnum"}.qr-tag{margin-left:auto;color:var(--ink-m);font-size:11px;font-weight:400}.qr-input{width:100%;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:11px 14px;font-size:14px;color:var(--ink);outline:none;transition:border-color .15s,background .15s;font-family:inherit}.qr-input:focus{border-color:var(--teal);background:var(--white)}.qr-hint{color:var(--ink-m);font-size:12px;line-height:1.5;margin-top:8px}.qr-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media(max-width:539.98px){.qr-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}.qr-preset{background:var(--white);border:1.5px solid var(--gray-200);border-radius:10px;padding:12px 10px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s,transform .12s;font-family:inherit}.qr-preset:hover{border-color:var(--teal-200);transform:translateY(-1px)}.qr-preset.qr-preset-active{border-color:var(--teal);background:var(--teal-bg)}.qr-preset-name{display:block;color:var(--ink);font-size:13px;font-weight:600;margin-bottom:2px}.qr-preset-desc{display:block;color:var(--ink-m);font-size:11px}.qr-collapse summary{cursor:pointer;list-style:none;user-select:none;margin-bottom:0}.qr-collapse summary::-webkit-details-marker{display:none}.qr-summary:after{content:"+";margin-left:auto;color:var(--ink-m);font-size:18px;font-weight:300;transition:transform .2s}.qr-collapse[open] .qr-summary:after{content:"−"}.qr-collapse-body{padding-top:14px;display:flex;flex-direction:column;gap:12px}.qr-color-row{display:grid;grid-template-columns:60px 40px minmax(0,1fr) 32px;gap:10px;align-items:center}@media(max-width:419.98px){.qr-color-row{grid-template-columns:40px minmax(0,1fr) 32px;gap:8px}.qr-color-row .qr-mini-label{display:none}}.qr-color-reset{width:32px;height:32px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;color:var(--ink-m);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s,background .15s,transform .12s;padding:0}.qr-color-reset:hover{color:var(--teal);border-color:var(--teal);background:var(--teal-bg);transform:rotate(-30deg)}.qr-color-reset:active{transform:rotate(-360deg);transition:transform .35s ease-out}.qr-mini-label{font-size:13px;color:var(--ink-l);font-weight:500}.qr-color{width:40px;height:32px;border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;padding:2px;background:transparent}.qr-color-hex{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;padding:6px 10px;font-size:12.5px;color:var(--ink);text-transform:uppercase;width:100%;outline:none}.qr-color-hex:focus{border-color:var(--teal);background:var(--white)}.qr-toggle{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--ink-l);cursor:pointer;padding:4px 0}.qr-toggle input{accent-color:var(--teal)}.qr-radio-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.qr-radio{display:flex;gap:8px;align-items:center;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--ink-l);cursor:pointer;transition:border-color .15s,background .15s}.qr-radio:has(input:checked){border-color:var(--teal);background:var(--teal-bg);color:var(--ink)}.qr-radio input{accent-color:var(--teal);flex-shrink:0}.qr-drop{position:relative;display:block;border:2px dashed var(--gray-200);border-radius:10px;padding:20px;cursor:pointer;transition:border-color .15s,background .15s;background:var(--gray-50)}.qr-drop:hover,.qr-drop.qr-drop-active{border-color:var(--teal);background:var(--teal-bg)}.qr-file-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}.qr-drop-content{display:flex;gap:14px;align-items:center;color:var(--ink-l)}.qr-drop-title{color:var(--ink);font-size:14px;font-weight:600}.qr-drop-desc{color:var(--ink-m);font-size:11px;margin-top:2px}.qr-drop-preview{display:flex;align-items:center;gap:14px;position:relative}.qr-drop-preview img{width:56px;height:56px;object-fit:contain;border-radius:8px;background:var(--white);border:1px solid var(--gray-200);padding:4px}.qr-logo-clear{background:var(--ink);color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:12px;line-height:1}.qr-logo-clear:hover{background:var(--red-500)}.qr-logo-controls,.qr-art-controls{padding-top:14px;display:flex;flex-direction:column;gap:12px}.qr-range{width:100%;accent-color:var(--teal);margin-top:4px}.hidden{display:none!important}.qr-mode-selector{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:14px}@media(max-width:539.98px){.qr-mode-selector{grid-template-columns:minmax(0,1fr)}}.qr-mode{display:flex;gap:10px;align-items:flex-start;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:10px;padding:12px 14px;cursor:pointer;transition:border-color .15s,background .15s}.qr-mode:has(input:checked){border-color:var(--teal);background:var(--teal-bg)}.qr-mode input{accent-color:var(--teal);margin-top:3px;flex-shrink:0}.qr-mode-title{color:var(--ink);font-size:13.5px;font-weight:600;margin-bottom:2px;line-height:1.3;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.qr-mode-desc{color:var(--ink-m);font-size:11.5px;line-height:1.4}.qr-mode-badge{background:var(--ink);color:#fff;padding:1px 6px;border-radius:999px;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.qr-preview{position:sticky;top:calc(var(--header-h-lg) + 24px);align-self:start}@media(max-width:1023.98px){.qr-preview{position:static}}.qr-preview-card{background:var(--white);border:2px solid var(--teal);border-radius:16px;padding:22px;box-shadow:var(--shadow-teal-card)}.qr-preview-canvas{background:var(--white);border-radius:10px;margin:0 auto;width:100%;aspect-ratio:1 / 1;max-width:360px;display:flex;align-items:center;justify-content:center;overflow:hidden}.qr-preview-canvas canvas,.qr-preview-canvas svg{max-width:100%;max-height:100%;width:auto;height:auto}.qr-download{display:flex;flex-direction:column;margin-top:16px}.qr-preview-hint{color:var(--ink-m);font-size:11px;text-align:center;margin-top:12px}.qr-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.qr-modal[hidden]{display:none}.qr-modal-backdrop{position:absolute;inset:0;background:#0a0a0a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:qrFadeIn .2s ease}.qr-modal-panel{position:relative;background:var(--white);border-radius:16px;padding:32px;max-width:480px;width:100%;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 24px 64px #0003;animation:qrZoomIn .25s cubic-bezier(.16,1,.3,1)}@keyframes qrFadeIn{0%{opacity:0}to{opacity:1}}@keyframes qrZoomIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.qr-modal-close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--ink-m);font-size:18px;cursor:pointer;width:32px;height:32px;border-radius:50%;transition:background .15s}.qr-modal-close:hover{background:var(--gray-100);color:var(--ink)}.qr-modal-h{color:var(--ink);font-size:1.5rem;line-height:1.18;letter-spacing:-.022em;margin-bottom:12px}.qr-modal-sub{color:var(--ink-l);font-size:14px;line-height:1.55;margin-bottom:18px}.qr-modal-form{display:flex;flex-direction:column}.qr-modal-consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--ink-l);cursor:pointer;line-height:1.5;margin-top:14px;padding:12px 14px;background:var(--gray-50);border-radius:8px}.qr-modal-consent input{accent-color:var(--teal);margin-top:3px;flex-shrink:0}.qr-upsell{background:var(--ink);color:var(--white);padding:64px 0}.qr-upsell-mx{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}@media(max-width:767.98px){.qr-upsell-mx{grid-template-columns:1fr;gap:32px}}.qr-upsell-h{color:var(--white);font-size:2rem;line-height:1.18;margin-bottom:14px;letter-spacing:-.022em}@media(min-width:768px){.qr-upsell-h{font-size:2.5rem}}.qr-upsell-h em{color:var(--teal-l)}.qr-upsell-sub{color:#ffffffc7;font-size:16px;line-height:1.6;margin-bottom:18px}.qr-upsell-sub strong{color:var(--white)}.qr-upsell-list{list-style:none;padding:0;margin:0 0 22px}.qr-upsell-list li{color:#ffffffd9;font-size:14px;padding:6px 0 6px 22px;position:relative}.qr-upsell-list li:before{content:"✓";position:absolute;left:0;color:var(--teal-l);font-weight:700}.qr-upsell-r{display:flex;justify-content:center}.qr-upsell-mock{background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px 24px;width:240px;text-align:center;box-shadow:0 24px 48px #00000080}.qr-upsell-mock-pill{display:inline-block;background:var(--teal);color:#fff;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:12px}.qr-upsell-mock-name{color:var(--white);font-size:15px;font-weight:700;margin-bottom:4px}.qr-upsell-mock-cta{color:#ffffffa6;font-size:12px;margin-bottom:14px}.qr-upsell-mock-qr{background:var(--white);border-radius:8px;padding:10px;margin-bottom:10px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.qr-upsell-mock-qr canvas,.qr-upsell-mock-qr svg{max-width:100%;height:auto}.qr-upsell-mock-foot{color:#ffffff73;font-size:10px;letter-spacing:.04em}.qr-trust{padding:40px 0;background:var(--bg-page)}.qr-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:767.98px){.qr-trust-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:419.98px){.qr-trust-grid{grid-template-columns:1fr}}.qr-trust-item{display:flex;gap:12px;align-items:flex-start}.qr-trust-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:var(--teal-bg);color:var(--teal);display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.qr-trust-title{color:var(--ink);font-size:13.5px;font-weight:600;margin-bottom:2px}.qr-trust-desc{color:var(--ink-m);font-size:12px;line-height:1.45}.form-err{color:var(--red-500);font-size:12px;margin-top:8px}@media(prefers-reduced-motion:reduce){.qr-pulse,.qr-modal-backdrop,.qr-modal-panel,.qr-preset,.qr-drop,.qr-input{animation:none!important;transition:none!important}}