:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#000;color:#f7f8fa;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #65adff;outline-offset:4px}.screen{max-width:1440px;margin:auto;padding:18px max(24px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left));min-height:100vh;min-height:100svh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:28px;min-height:68px;border-bottom:1px solid #222b37;padding-bottom:14px;margin-bottom:20px}.brand{display:block;flex:0 0 92px}.brand img{display:block;width:92px;height:50px;object-fit:contain}.welcome{flex:1}.eyebrow{color:#72b5ff;font-size:11px;letter-spacing:.16em;font-weight:800}.welcome p{font-size:16px;margin:6px 0 0;color:#d6dce5}#fullscreen{border:1px solid #324052;background:#0b1119;color:#e8f0ff;border-radius:8px;padding:12px 16px;min-height:44px;font-size:13px}#fullscreen span{margin-left:12px}main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;flex:1;align-content:center}.card{border:1px solid #29394d;border-top:2px solid #328bff;background:linear-gradient(145deg,#0c141f,#070a0e 60%);border-radius:18px;padding:22px;display:flex;align-items:center;flex-direction:column;min-width:0}.card-title{display:flex;align-items:center;gap:14px;align-self:flex-start}.number{width:38px;height:38px;background:#102139;border:1px solid #203c60;border-radius:9px;display:grid;place-items:center;color:#72b5ff;font-size:12px;font-weight:800}h1,h2{font-size:clamp(26px,2.7vw,38px);letter-spacing:-.04em;line-height:1.1;margin:5px 0 0}.instruction{color:#c0cad7;font-size:14px;line-height:1.4;margin:16px 0;text-align:center}.qr{display:block;background:#fff;width:clamp(220px,37vh,360px);max-width:100%;height:auto;aspect-ratio:1;flex-shrink:0}.details{margin:16px 0;min-height:48px;text-align:center}.details strong{font-size:18px;font-weight:650}.details p{font-size:12px;color:#aab7c8;line-height:1.5;margin:7px 0 0}.network{display:flex;align-items:center;justify-content:center;gap:32px}.network span{display:block;color:#96a8bc;font-size:10px;letter-spacing:.12em;margin-bottom:6px}.copy{width:100%;max-width:360px;border:1px solid #30455f;background:#101d2e;color:#dbeaff;min-height:44px;border-radius:8px;font-size:13px;padding:10px 16px;margin-top:auto;display:flex;justify-content:space-between;align-items:center}.copy:hover{background:#182d48}footer{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#8e9bad;padding:18px 0 2px;font-size:11px;letter-spacing:.05em}footer i{font-size:9px;font-style:normal;padding-left:14px;color:#64748a}.status{margin:0;position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#163457;color:#fff;max-width:90%;padding:12px 20px;border-radius:8px;text-align:center;font-size:14px;box-shadow:0 8px 30px #0008}.status:empty{display:none}@media(orientation:landscape) and (max-height:650px){.screen{padding-top:10px}header{min-height:50px;margin-bottom:12px;padding-bottom:8px}.brand img{height:40px}.card{padding:14px 18px}h1,h2{font-size:26px}.instruction{margin:10px 0;font-size:12px}.qr{width:clamp(190px,36vh,240px)}.details{margin:10px 0;min-height:40px}.details strong{font-size:16px}.details p{font-size:11px}.copy{min-height:40px}footer{padding-top:10px}}@media(max-width:650px) and (orientation:portrait){.screen{padding:16px}header{gap:16px;flex-wrap:wrap}.welcome p{font-size:13px}#fullscreen{margin-left:auto}main{grid-template-columns:1fr;gap:18px}.card{padding:22px 18px}.qr{width:min(100%,320px)}.network{gap:24px}footer{flex-wrap:wrap;justify-content:center}footer i{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* One code at a time, with a permanent return action. */
[hidden]{display:none!important}
.back-site{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #324052;border-radius:8px;background:#0b1119;font-size:14px;white-space:nowrap}
header{gap:18px;margin-bottom:12px}
.qr-choices{display:flex;justify-content:center;gap:12px;margin-bottom:14px}
.qr-choices button{min-height:48px;min-width:180px;border:1px solid #30455f;border-radius:10px;background:#0b1119;color:#dbeaff;padding:10px 24px;font-size:16px;font-weight:700}
.qr-choices button[aria-pressed=true]{background:#328bff;color:#fff;border-color:#328bff}
main{display:block;flex:1}
.card{max-width:900px;margin:0 auto;padding:16px 24px}
.card-title{align-self:center;text-align:center}
.card-title .number,.card-title .eyebrow{display:none}
h1,h2{font-size:30px;margin:0}
.instruction{margin:8px 0 12px;font-size:15px}
.qr{width:clamp(260px,calc(100vh - 380px),520px);width:clamp(260px,calc(100svh - 380px),520px);max-width:100%;height:auto}
.details{margin:12px 0;min-height:0}
.details strong{font-size:18px}
.details p{margin-top:4px}
.copy{min-height:44px}
footer{padding-top:12px}
@media(orientation:landscape) and (max-height:650px){
 .screen{padding-top:8px}header{margin-bottom:8px}.welcome p{display:none}
 .qr-choices{margin-bottom:8px}.qr-choices button{min-height:44px}
 .card{padding:12px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:30px;align-content:center;max-width:960px}
 .card-title{grid-column:1;grid-row:1;justify-content:center}
 .instruction{grid-column:1;grid-row:2;font-size:16px}
 .qr{grid-column:2;grid-row:1/6;width:clamp(260px,calc(100vh - 190px),440px);width:clamp(260px,calc(100svh - 190px),440px)}
 .details{grid-column:1;grid-row:3}.copy{grid-column:1;grid-row:4;justify-self:center}
}
@media(max-width:650px) and (orientation:portrait){
 header{gap:10px}.welcome{min-width:150px}.back-site,#fullscreen{flex:1;font-size:13px;margin:0}
 .qr-choices{gap:8px}.qr-choices button{min-width:0;flex:1;padding:10px;font-size:14px}
 .card{padding:18px 14px}.qr{width:min(100%,400px)}h1,h2{font-size:28px}
}

.qr-choices{flex-wrap:wrap}
.details .contact-phone{font-size:20px;color:#dbeaff;margin-top:8px}
@media(max-width:650px){.qr-choices button{flex:1 1 140px;min-width:0}}