/* QR page: measurements and palette from the supplied Adobe XD artwork. */
.qr-page{font-family:Helvetica,Arial,sans-serif;color:#102b49;background:linear-gradient(90deg,#fff 0%,#fffaf5 100%)}
.qr-page .container:not(.nav){width:min(1177px,calc(100% - 40px))}

.qr-page .qr-hero{padding:70px 10px 0;overflow:visible}.qr-page .hero-grid{position:relative;display:block;min-height:540px}.qr-page .eyebrow{font-size:20px;font-weight:400;letter-spacing:0}.qr-page .hero h1{position:relative;z-index:1;font-size:112px;line-height:.86;letter-spacing:-.04em;margin:0 0 54px;max-width:650px}.qr-page .lead{position:relative;z-index:1;max-width:660px;font-size:30px;font-weight:700;line-height:1.4;margin:0 0 42px;color:#102b49}.qr-hero-note{max-width:555px;font-size:18px;line-height:1.55;color:#536780;margin:0}.qr-page .ticks{position:relative;z-index:1;font-size:13px;gap:28px;margin:42px 0 0}.qr-page .hero-art{position:absolute;right:-40px;bottom:0;width:550px}.qr-page .hero-art img{width:100%;filter:none}
.qr-builder-section{padding:0 0 0}.qr-builder{position:relative;background:#fff;border:1px solid #f7f8fb;border-radius:26px;box-shadow:0 7px 26px #00000014;padding:20px 24px 26px 20px}
.qr-type-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,151fr)) minmax(0,213fr);gap:3px;padding:0;margin:0 0 17px;background:none}
.qr-type{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;height:50px;padding:0 10px;border:1px solid #e9ecf2;border-radius:7px;background:#f4f6f9;color:#102b49;cursor:pointer;font-size:14px;line-height:1.2;transition:background .15s}
.qr-type img{width:23px;height:23px;object-fit:contain;flex-shrink:0}.qr-type b{font-size:14px;font-weight:700;white-space:nowrap}.qr-type.active{background:#fd6903;border-color:#fd6903;color:white}.qr-type.active img{filter:brightness(0) invert(1)}.qr-type:hover:not(.active){background:#e9edf3}.qr-type:focus-visible{outline:3px solid #102b49;outline-offset:2px}
.qr-workspace{display:grid;grid-template-columns:minmax(0,1fr) 321px;gap:24px;align-items:start}.qr-controls{min-width:0;padding:16px 0 0;margin:0}.qr-controls label{display:block;min-width:0}.qr-controls label>span:first-child,.qr-style-grid>div>label{display:block;margin:0 0 12px;font-weight:400;font-size:16px;line-height:1.15}.qr-fields{display:grid;gap:15px}.qr-fields.two-cols{grid-template-columns:1fr 1fr}.qr-fields label>span:first-child,.qr-bottom-fields label>span:first-child{font-size:18px;margin-bottom:8px}.qr-controls input:not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=color]),.qr-controls select,.qr-controls textarea{width:100%;min-width:0;height:52px;border:1px solid #eceff2;border-radius:8px;padding:0 32px;background:#fff;color:#082748;font-size:16px}.qr-controls textarea{height:82px;padding:12px;resize:vertical}.qr-fields small{font-size:12px;color:var(--muted)}.qr-link-field input{padding-left:80px!important;background:#fff url('../assets/icon_link.svg') no-repeat 20px center!important;background-size:27px!important}
.qr-controls input:focus-visible,.qr-controls select:focus-visible,.qr-controls textarea:focus-visible{outline:2px solid #ff720d;outline-offset:2px}.qr-appearance{padding:0;margin:32px 0 22px}.qr-appearance h2{font-size:18px;font-weight:400;line-height:21px;margin:0 0 9px}.qr-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.qr-style-grid label>span:first-child,.qr-style-grid>div>label{margin-bottom:12px}.color-control{height:60px;display:flex;align-items:center;gap:24px;padding:0 16px;border:1px solid #eceff2;border-radius:9px}.color-control input[type=color]{appearance:none;-webkit-appearance:none;width:38px;height:38px;border:0;padding:0;background:transparent;flex-shrink:0;cursor:pointer}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.color-control input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.qr-controls .color-control input#qrColorText{height:48px;padding:0;border:0;border-radius:0;font-size:16px}.qr-select-wrap{display:block;position:relative}.qr-controls .qr-select-wrap select{height:60px;padding:0 22px 0 80px;appearance:none;background:#fff}.qr-select-wrap:after{content:'⌄';position:absolute;right:15px;top:18px;pointer-events:none}.qr-dot-symbol{position:absolute;left:18px;top:12px;width:36px;height:36px;background:radial-gradient(circle at 7px 7px,#092746 6px,transparent 7px),radial-gradient(circle at 29px 7px,#092746 6px,transparent 7px),radial-gradient(circle at 7px 29px,#092746 6px,transparent 7px),radial-gradient(circle at 29px 29px,#092746 6px,transparent 7px);pointer-events:none}.qr-corner-symbol{position:absolute;left:20px;top:13px;width:35px;height:35px;border:2px solid #092746;border-radius:9px;pointer-events:none}.qr-corner-symbol:before,.qr-corner-symbol:after{content:'';position:absolute;background:white;inset:8px -4px}.qr-corner-symbol:after{inset:-4px 8px}
.qr-logo-row{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:24px;align-items:center;margin:0 0 13px;min-height:85px}.qr-controls .qr-logo-switch{display:flex;align-items:center;gap:28px;cursor:pointer;white-space:nowrap;font-size:18px}.qr-logo-switch input{position:absolute;opacity:0;width:1px;height:1px}.qr-controls .qr-logo-switch .qr-switch-track{display:block;position:relative;width:61px;height:34px;background:#c3cbd4;border-radius:20px;margin:0;flex-shrink:0}.qr-switch-track:after{content:'';position:absolute;left:6px;top:5px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s}.qr-logo-switch input:checked+.qr-switch-track{background:#fd6c08}.qr-logo-switch input:checked+.qr-switch-track:after{transform:translateX(25px)}.qr-logo-switch input:focus-visible+.qr-switch-track{outline:3px solid #102b49;outline-offset:3px}.qr-logo-info{position:absolute;left:290px;top:32px;font-size:16px;color:#68809c}.qr-controls .qr-file-box{position:relative;display:flex;gap:18px;align-items:center;justify-content:center;height:85px;min-width:0;border:1px dashed #eceff2;border-radius:12px;cursor:pointer;padding:12px}.qr-file-box img{width:38px;height:38px}.qr-file-box b{font-size:18px;font-weight:400}.qr-file-box small{display:block;font-size:14px;margin-top:4px;white-space:nowrap}.qr-file-box input[type=file]{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.qr-file-box:focus-within{outline:2px solid #ff720d}.qr-text-button{position:absolute;right:0;bottom:-16px;border:0;background:none;color:#102b49;font-size:12px;cursor:pointer}.qr-bottom-fields{display:grid;grid-template-columns:1fr 1.05fr;gap:28px}.qr-bottom-fields label>span:first-child{margin-bottom:12px}
.qr-preview-panel{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:455px;border:1px solid #f2f4f5;border-radius:12px;background:#fff;padding:18px 16px 20px}.qr-preview-label{align-self:flex-start;margin:0 0 20px;font-size:16px;font-weight:700}.qr-print-card{width:100%;max-width:285px;text-align:center;background:#fff}.qr-preview{aspect-ratio:1;width:100%;display:grid;place-items:center}.qr-preview canvas,.qr-preview svg{width:100%;height:auto;display:block}.qr-print-card>strong{display:table;margin:0 auto;padding:4px 20px;border-radius:22px;background:#efefef;font-size:20px;line-height:1.1}.qr-print-card>strong[hidden]{display:none}.qr-main-download{display:flex;align-items:center;justify-content:center;gap:12px;width:264px;max-width:100%;height:52px;min-height:52px;margin-top:24px;border:0;border-radius:9px;background:#ff720d;color:#fff;font-size:16px;cursor:pointer}.qr-main-download svg{width:24px;height:24px}.qr-main-download:hover{background:#ed6505}.qr-main-download:focus-visible{outline:3px solid #102b49;outline-offset:3px}.qr-status:not(.error){position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.qr-status.error{font-size:13px;line-height:1.2;color:#b42318;margin:8px 0}.qr-reset{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);bottom:0}.qr-reset:focus{clip-path:none;width:auto;height:auto;padding:8px;background:white;z-index:2}
.qr-benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 12px;margin-top:45px;background:white;border-radius:26px;box-shadow:0 7px 26px #00000014}.qr-benefits>div{display:flex;align-items:center;gap:20px;padding:0 24px;min-height:90px}.qr-benefits>div+div{border-left:1px solid #999}.qr-benefits svg{width:42px;height:42px;flex-shrink:0;color:#ff720d}.qr-benefits p{margin:0}.qr-benefits b{display:block;font-size:18px;font-weight:400;margin-bottom:8px}.qr-benefits small{display:block;font-size:16px;line-height:1.35}
.qr-page #how{padding:100px 0 80px}.qr-page .section-title{font-size:40px;margin:0 0 44px;line-height:1.1}.qr-page .steps{border:0;border-radius:14px;box-shadow:0 7px 26px #00000014}.qr-page .step{padding:30px 40px 36px}.qr-page .step h3{font-size:18px;font-weight:400;white-space:nowrap;margin:0}.qr-page .step img{height:205px;width:100%;object-fit:contain}.qr-page .step p{font-size:16px;line-height:1.35;color:#102b49}.qr-page .num{margin-right:9px}
.qr-why-section{padding:20px 0 60px}.qr-why{display:grid;grid-template-columns:.95fr 1.05fr;position:relative;min-height:650px;align-items:end}.qr-why .section-title{text-align:left;font-size:62px;max-width:600px;letter-spacing:-.035em;margin-bottom:85px}.qr-why>img{width:115%;max-width:none;margin-left:-15%;align-self:end}.qr-page .reason{gap:30px;margin:0 0 30px}.qr-page .reason i{display:grid;place-items:center;background:#ff720d;color:white;border-radius:50%;width:30px;height:30px;flex-shrink:0;font-size:24px;line-height:1;font-style:normal}.qr-page .reason b{font-size:18px;font-weight:400}.qr-page .reason span{font-size:16px;color:#102b49;line-height:1.4}.qr-page .qr-why-section+section{padding:0 0 100px}.qr-page .cta{min-height:240px;padding:30px 42px;gap:38px;border-radius:24px}.qr-page .cta img{width:205px;height:240px;object-fit:contain;align-self:flex-end;margin:-30px 0}.qr-page .cta h2{font-size:24px;font-weight:400}.qr-page .cta p{font-size:18px;color:#99bdcf}.qr-page .cta a{font-size:16px;white-space:nowrap;font-weight:400}.qr-page #faq{padding:0 0 130px}.qr-page .faq{max-width:900px}.qr-page .faq .section-title{margin-bottom:32px}.qr-page .faq summary{font-size:16px;font-weight:400;padding:17px 0}.qr-page footer{padding:22px 0}.qr-page .foot{gap:26px;font-size:13px}.qr-page .foot img{width:176px}
@media(max-width:1150px){.qr-type{gap:12px}.qr-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.qr-controls .qr-select-wrap select{padding-left:52px;font-size:13px}.qr-dot-symbol,.qr-corner-symbol{left:10px;transform:scale(.75);transform-origin:left center}.color-control{padding:0 10px;gap:10px}.qr-controls .qr-logo-switch{gap:12px;font-size:15px}.qr-logo-row{gap:10px}.qr-logo-info{left:260px}.qr-file-box small{white-space:normal;font-size:12px}.qr-benefits>div{padding:0 16px}.qr-page .hero-art{width:48%;right:0}.qr-page .lead{max-width:58%}.qr-page .hero h1{font-size:96px}.qr-hero-note{max-width:52%}.qr-page .cta img{width:160px}.qr-why .section-title{font-size:54px}}
@media(max-width:900px){.qr-page .hero-grid{min-height:510px;text-align:left}.qr-page .hero h1{font-size:80px;margin-bottom:35px}.qr-page .lead{font-size:24px}.qr-page .ticks{justify-content:flex-start;gap:16px}.qr-workspace{grid-template-columns:1fr}.qr-preview-panel{width:100%;max-width:420px;justify-self:center;margin-top:25px}.qr-main-download{margin-top:24px}.qr-type-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.qr-type:last-child{grid-column:span 2}.qr-controls{padding-top:12px}.qr-controls .qr-select-wrap select{padding-left:70px;font-size:16px}.qr-dot-symbol,.qr-corner-symbol{left:18px;transform:none}.qr-benefits{grid-template-columns:1fr 1fr;gap:20px}.qr-benefits>div:nth-child(3){border:0}.qr-page .steps{grid-template-columns:1fr}.qr-page .step+.step{border-left:0;border-top:1px dashed #d7dfe6}.qr-why{grid-template-columns:1fr;min-height:0}.qr-why .section-title{margin-bottom:45px}.qr-why>img{width:100%;max-width:600px;margin:0 auto}.qr-page .cta{flex-wrap:wrap}.qr-page .cta img{display:none}.qr-page .cta-copy{flex-basis:100%}}
@media(max-width:620px){.qr-page .container:not(.nav){width:calc(100% - 24px)}.qr-page .qr-hero{padding:40px 0 0}.qr-page .hero-grid{min-height:0;display:flex;flex-direction:column;text-align:left}.qr-page .eyebrow{font-size:15px}.qr-page .hero h1{font-size:66px;line-height:.94;margin:10px 0 25px}.qr-page .lead{max-width:100%;font-size:23px;margin-bottom:24px}.qr-hero-note{max-width:100%;font-size:16px}.qr-page .ticks{font-size:12px;margin:24px 0 0;gap:12px}.qr-page .hero-art{position:static;width:90%;margin:16px auto 0}.qr-page .hero-art img{max-height:350px}.qr-builder{padding:16px;border-radius:20px}.qr-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-type{gap:16px}.qr-style-grid{grid-template-columns:1fr}.qr-logo-row{grid-template-columns:1fr auto;gap:16px}.qr-logo-row .qr-file-box{grid-column:1/-1}.qr-logo-info{position:static}.qr-bottom-fields,.qr-fields.two-cols{grid-template-columns:1fr;gap:20px}.qr-controls .qr-logo-switch{font-size:18px;gap:20px}.qr-controls .qr-select-wrap select{padding-left:80px}.qr-preview-panel{padding:18px 12px}.qr-benefits{grid-template-columns:1fr;padding:18px;margin-top:28px}.qr-benefits>div+div{border-left:0;border-top:1px solid #eceff2;padding-top:20px}.qr-benefits>div:nth-child(3){border-top:1px solid #eceff2}.qr-page #how{padding:65px 0}.qr-page .section-title{font-size:32px}.qr-page .step{padding:25px}.qr-why .section-title{font-size:42px}.qr-page .reason{gap:18px}.qr-page .cta{padding:28px;gap:20px}.qr-page .cta h2{font-size:23px}.qr-page .cta p{font-size:16px}.qr-page .qr-why-section+section{padding-bottom:70px}.qr-page #faq{padding-bottom:70px}.qr-page .foot{justify-content:center;gap:20px}.qr-page .foot img{margin:0}}
@media print{body.qr-printing *{visibility:hidden!important}body.qr-printing #qrPrintCard,body.qr-printing #qrPrintCard *{visibility:visible!important}body.qr-printing #qrPrintCard{position:fixed;inset:20mm;margin:auto;width:150mm;max-width:none;height:max-content;padding:16mm;border:0;box-shadow:none}body.qr-printing #qrPrintCard>strong{font-size:24pt;margin-top:8mm}}

.qr-page .hero:after{display:none}
.qr-page .qr-preview-panel{min-height:455px}
.qr-logo-switch{position:relative}.qr-logo-switch input{width:61px;height:34px;left:0;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer}



/* The shared header retains the typography and layout used on other pages. */
.qr-page .topbar{font:16px/1.55 Inter,"Segoe UI",system-ui,sans-serif}

/* Logo information: available with mouse, touch and keyboard. */
.qr-logo-info{z-index:5;line-height:1.2}
.qr-logo-info summary{list-style:none;cursor:pointer;font-size:20px;line-height:1;width:22px;height:22px;text-align:center;border-radius:50%}
.qr-logo-info summary::-webkit-details-marker{display:none}
.qr-logo-info summary:focus-visible{outline:2px solid #ff720d;outline-offset:3px}
.qr-logo-help{position:absolute;top:30px;left:-145px;width:320px;max-width:calc(100vw - 64px);padding:18px;background:#fff;border:1px solid #e9ecf2;border-radius:12px;box-shadow:0 8px 28px #102b4926;color:#102b49;font-size:14px;line-height:1.5}
.qr-logo-help strong{font-size:16px}.qr-logo-help p{margin:8px 0 0}
@media(max-width:620px){.qr-logo-info{position:relative;left:auto;top:auto}.qr-logo-help{left:auto;right:0}}

.qr-main-download:disabled{opacity:.65;cursor:wait}
.qr-print-card>strong{max-width:100%;overflow-wrap:anywhere}