.fp-qr-hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:64px;align-items:center}.fp-qr-hero-card{max-width:350px;width:100%;justify-self:end;text-align:center;background:#fff;border:1px solid #dce8df;border-radius:24px;padding:28px;box-shadow:0 16px 45px #174c3c0b}.fp-qr-brand{display:block;margin:0 auto 16px}.fp-promo .fp-qr-hero-card h2{font-size:23px;margin:0 0 8px;letter-spacing:-.5px}.fp-qr-hero-card p{font-size:14px;line-height:1.6;color:#567063}.fp-qr-code{display:block;width:100%;max-width:264px;height:auto;margin:14px auto;background:white}.fp-qr-site{display:inline-block;font-size:16px;font-weight:700;min-height:44px;padding:10px;color:#174c3c}.fp-qr-hero-card .fp-qr-caption{font-size:12px;margin:10px 0 0}.fp-qr-hero-card a:focus-visible{outline:3px solid #174c3c;outline-offset:4px}@media(max-width:991px){.fp-qr-hero-grid{grid-template-columns:1fr;gap:32px}.fp-qr-hero-card{justify-self:center}}@media(max-width:600px){.fp-qr-hero-card{padding:22px;max-width:320px}.fp-qr-code{max-width:230px}}
/* Bootstrap clearfix pseudo-elements must not occupy grid cells. */
.container.fp-qr-hero-grid::before,.container.fp-qr-hero-grid::after{display:none;content:none}
.fp-qr-hero-grid{grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:48px}
.fp-qr-hero-grid>div{min-width:0}
.fp-qr-hero-grid h1{font-size:clamp(36px,4vw,56px);line-height:1.15}
.fp-qr-hero-grid .fp-promo-lead{max-width:650px}
.fp-qr-hero-card{box-sizing:border-box;max-width:340px;padding:24px}
@media(max-width:991px){.fp-qr-hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}.fp-qr-hero-card{justify-self:center}.fp-qr-hero-grid h1{font-size:clamp(34px,5vw,48px)}}
@media(max-width:600px){.fp-qr-hero-card{max-width:300px;padding:20px}.fp-qr-hero-grid{gap:26px}.fp-qr-hero-grid .fp-promo-actions{align-items:stretch}.fp-qr-hero-grid .fp-promo-button{text-align:center;white-space:normal}}