:root{color-scheme:light;--forest:#203d30;--forest2:#152e24;--wine:#761c29;--gold:#d8a64c;--cream:#faf7f0;--ink:#21352b}*{box-sizing:border-box}html{background:#eae7dc}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}.screen{min-height:100svh;display:grid;place-items:center;padding:clamp(12px,3vw,32px)}.card{width:min(100%,450px);background:var(--cream);border-radius:24px;overflow:hidden;box-shadow:0 12px 35px #182b242b}.hero{background:var(--forest);color:white;text-align:center;padding:30px 22px 27px}.logo-wrap{width:min(72%,230px);aspect-ratio:1;margin:0 auto 22px;background:#fffdf8;border-radius:17px;padding:10px;display:grid;place-items:center}.logo{width:100%;height:100%;object-fit:contain;display:block}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#f1d39d;font-size:11px;font-weight:700;line-height:1.5;margin:0 0 18px}.hero h1{font-size:clamp(25px,6vw,32px);font-weight:750;letter-spacing:-.035em;margin:0 0 3px}.role{color:#ead6af;margin:0;font-size:14px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:22px 22px 12px}.action{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 10px;border:1.5px solid #c8d0c9;border-radius:12px;color:var(--forest);font-weight:700;font-size:14px;text-align:center;text-decoration:none;background:white}.action.primary{background:var(--wine);color:white;border-color:var(--wine);grid-column:1/-1}.action:focus-visible,.scan a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.action:hover{filter:brightness(.96)}.scan{margin:8px 22px 0;padding:18px 14px 20px;text-align:center;background:white;border:1px solid #e0e1d8;border-radius:15px}.scan img{display:block;width:min(100%,220px);height:auto;margin:auto;image-rendering:pixelated}.scan h2{font-size:19px;margin:10px 0 7px}.scan p{font-size:13px;line-height:1.5;color:#4e6155;margin:0 auto 7px;max-width:260px}.scan a{color:var(--wine);font-weight:700;overflow-wrap:anywhere}footer{text-align:center;padding:13px 18px 19px}footer p{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:750;color:var(--forest);margin:9px 0}footer .tiny{text-transform:none;font-size:12px;letter-spacing:0;font-weight:400;color:#68766c}@media(max-width:370px){.screen{padding:0}.card{border-radius:0;min-height:100svh}.hero{padding-top:22px}.logo-wrap{width:190px}}