*{box-sizing:border-box}body{margin:0;background:#f3f7f7;color:#183c38;font:15px system-ui,sans-serif}main{max-width:1260px;margin:auto;padding:36px 24px}header{margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:2px;color:#217566}h1{font-size:30px;margin:12px 0}p,footer,.muted{color:#677e79;line-height:1.7}.counters{display:flex;gap:12px;flex-wrap:wrap;padding:18px;background:white;border:1px solid #d9e5e1;border-radius:12px;font-weight:600}.counter{min-width:100px}.counter strong{display:block;font-size:26px;color:#127568}.scan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.scan-card{padding:24px;text-align:center;background:white;border:1px solid #d9e5e1;border-radius:16px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center}.scan-card h2{font-size:18px}.scan-qr{display:block;width:194px;height:194px;object-fit:contain;image-rendering:pixelated;background:#fff;border:8px solid #fff}.scan-error{color:#b42318}footer{font-size:12px;text-align:center;margin-top:32px}[hidden]{display:none!important}@media(max-width:520px){main{padding:24px 16px}.counter{min-width:80px}.scan-cards{grid-template-columns:1fr}}