.qr-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;min-height:650px}.qr-hero h1{font-size:clamp(54px,6vw,92px)}.qr-hero .intro{max-width:540px;font-size:21px}.tag-pair{display:flex;gap:18px;justify-content:center;align-items:stretch}.tag-face{width:min(46%,235px);aspect-ratio:2/3;background:#e9eadd;border:1px solid #ced5c8;padding:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;box-shadow:0 18px 35px #173c2b16}.tag-face>span,.tag-face small{text-transform:uppercase;letter-spacing:1px;font-size:11px}.tag-face img{align-self:center}.tag-face strong{font-size:30px;line-height:1.05;letter-spacing:-1px}.tag-info{background:#173c2b;color:#f5f1e7}.tag-info strong{font-size:25px}.qr-drawing{width:96px;height:96px;background:#f5f1e7;position:relative;align-self:center}.qr-drawing span{position:absolute;width:25px;height:25px;border:7px solid #173c2b}.qr-drawing span:nth-child(1){top:10px;left:10px}.qr-drawing span:nth-child(2){top:10px;right:10px}.qr-drawing span:nth-child(3){bottom:10px;left:10px}.qr-steps{background:#e9eadd}.qr-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.qr-step-grid article{border-top:1px solid #aebdad;padding-top:20px}.qr-step-grid article>span{font:italic 25px Georgia,serif}.qr-step-grid h3{font-size:27px;margin:24px 0 12px}.qr-step-grid p{font-size:16px;color:var(--muted);max-width:320px}.qr-try{background:var(--green);color:var(--cream)}.qr-try>p:not(.eyebrow){max-width:560px}.qr-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px}.qr-actions .button{background:var(--cream);color:var(--green);border-color:var(--cream)}.qr-actions .button.secondary{background:transparent;color:var(--cream)}.qr-actions .button:hover{opacity:.85}@media(max-width:800px){.qr-hero{grid-template-columns:1fr;min-height:0}.tag-pair{justify-content:flex-start}.qr-step-grid{grid-template-columns:1fr;gap:15px}}@media(max-width:480px){.qr-hero h1{font-size:57px}.tag-face{padding:15px}.tag-face strong{font-size:22px}.tag-info strong{font-size:20px}.qr-drawing{width:72px;height:72px}.qr-drawing span{width:20px;height:20px;border-width:5px}.qr-actions{flex-direction:column}.qr-actions .button{width:100%}}