.qr-section{background:#f1f2f4;color:#111827;overflow:hidden}.qr-heading{max-width:850px}.qr-heading h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.5;letter-spacing:-1.5px}.qr-heading h2 span{color:#235bdf}.qr-heading>p{max-width:720px;color:#586174;line-height:2}.qr-modes{display:flex;gap:25px;border-bottom:1px solid #cfd4df;margin:42px 0 0}.qr-modes button{background:none;border:0;border-bottom:3px solid transparent;padding:18px 0;color:#626d81;font:inherit;cursor:pointer}.qr-modes button[aria-pressed=true]{color:#194fce;border-bottom-color:#245de0}.qr-stage{display:grid;grid-template-columns:1.15fr 1fr;direction:ltr;min-height:620px;background:white;margin-top:28px;border-radius:8px;overflow:hidden;box-shadow:0 25px 70px #1b2c4b0b}.qr-stage>*{direction:rtl;min-width:0}.qr-physical{position:relative;isolation:isolate;background:#cdd5e0;min-height:600px;overflow:hidden}.qr-box-photo{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.82)}.qr-physical:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07172880,transparent 38%,#07172870);z-index:-1}.qr-scene-label{position:absolute;top:32px;right:30px;left:30px;color:white;font-size:19px;line-height:1.9;max-width:300px}.qr-insert{position:absolute;bottom:72px;left:25px;width:245px;background:#fff;padding:22px 18px;box-shadow:12px 22px 45px #0e1c3650;transform:rotate(-7deg);transition:transform .5s ease}.qr-stage[data-mode=product] .qr-insert{transform:rotate(3deg)}.qr-stage[data-mode=store] .qr-insert{transform:rotate(0)}.qr-insert-top{display:flex;align-items:center;justify-content:space-between;gap:12px;direction:ltr}.qr-insert-top b{font:900 23px Arial;color:#1b50d0}.qr-insert-top span{font-size:10px;direction:rtl}.qr-insert>img{display:block;width:100%;height:auto;aspect-ratio:1;margin:12px auto 6px}.qr-insert>strong,.qr-insert>small{display:block;text-align:center}.qr-insert>strong{font-size:15px}.qr-insert>small{font-size:11px;color:#5d6473;margin-top:8px}.qr-physical-caption{position:absolute;bottom:22px;right:26px;color:white;font-size:12px}.qr-destination{padding:32px clamp(22px,3vw,44px);display:flex;flex-direction:column}.qr-destination-head{display:flex;align-items:center;gap:8px;color:#586174;font-size:11px}.qr-destination-head>small{margin-right:auto;border:1px solid #dce0e7;padding:2px 8px}.qr-signal{width:6px;height:6px;border-radius:50%;background:#238961}.qr-preview{margin:35px 0 18px}.qr-offer{display:inline-block;color:#1951d1;background:#edf3ff;padding:5px 10px;font-size:12px}.qr-preview h3{font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.65;margin:18px 0 10px}.qr-preview>p{font-size:14px;line-height:2;color:#5a6578}.qr-customer-code{padding:16px 0;margin:16px 0;border-block:1px dashed #cbd3e0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:12px}.qr-customer-code bdi{font:bold 20px monospace;letter-spacing:2px}.qr-customer-code small{width:100%;color:#667085}.qr-customer-code[hidden]{display:none}.qr-preview .button{margin-top:18px}.qr-result{min-height:24px;font-size:11px!important;margin:8px 0!important}.qr-story{border-top:1px solid #e1e5ed;margin-top:auto;padding-top:17px}.qr-story h4{font-size:16px;margin:0 0 8px}.qr-story p{color:#667085;font-size:13px;line-height:2;margin:0}.qr-bottom{display:flex;gap:50px;justify-content:space-between;padding:26px 0}.qr-bottom p{font-size:14px;line-height:2;color:#616b7b;max-width:460px}.qr-bottom b{color:#172033;font-size:20px}.qr-demo-note{display:block;max-width:920px;color:#687183;font-size:11px;line-height:2}.qr-modes button:focus-visible,.qr-preview a:focus-visible{outline:3px solid #225ce2;outline-offset:5px}@media(max-width:760px){.qr-stage{grid-template-columns:1fr}.qr-physical{min-height:490px}.qr-insert{width:220px;left:22px;bottom:62px}.qr-modes{gap:10px}.qr-modes button{flex:1;font-size:11px;line-height:1.8}.qr-destination{padding:25px}.qr-bottom{display:block;padding-bottom:12px}.qr-heading h2{letter-spacing:-.6px}.qr-scene-label{font-size:17px}}@media(prefers-reduced-motion:reduce){.qr-insert{transition:none}}

/* Dedicated physical stories, with a separate usable QR. */
.qr-box-photo{filter:none;object-position:center}.qr-physical{min-height:690px}.qr-physical:after{background:linear-gradient(180deg,#07172880,transparent 24%,transparent 88%,#07172860)}.qr-destination .qr-insert{position:static;transform:none!important;box-shadow:none;width:100%;padding:14px 0;border-top:1px solid #e1e5ed;display:grid;grid-template-columns:110px 1fr;column-gap:18px;align-items:center;margin-bottom:16px}.qr-insert>img{grid-column:1;grid-row:1/4;width:110px;margin:0}.qr-insert-top{grid-column:2;display:block}.qr-insert-top b{display:none}.qr-insert-top span{font-size:11px}.qr-insert>strong,.qr-insert>small{text-align:right;grid-column:2}.qr-insert>strong{font-size:14px}.qr-insert>small{margin:0}.qr-preview{margin:24px 0 8px}.qr-scene-label{font-size:17px;text-shadow:0 2px 10px #0005}@media(max-width:760px){.qr-physical{min-height:0;aspect-ratio:4/5}.qr-stage{min-height:0}.qr-destination .qr-insert{grid-template-columns:110px 1fr}.qr-scene-label{top:20px;right:22px;left:22px;font-size:15px}}