.scan-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 18px;padding:24px 28px;border-radius:24px;background:#dfecef;border:1px solid #c6dce0}.scan-callout p{margin-bottom:0}.scan-callout .primary{white-space:nowrap}.scanner-card{max-width:720px;margin:20px auto;text-align:center}.scanner-card h1{font-size:clamp(2.5rem,8vw,4.5rem)}.camera-wrap{position:relative;overflow:hidden;min-height:330px;margin:26px 0 18px;border-radius:28px;background:#182126;color:white;display:grid;place-items:center}.camera-wrap video{position:absolute;width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;width:min(65vw,260px);aspect-ratio:1}.scan-frame i{position:absolute;width:44px;height:44px;border-color:white;border-style:solid}.scan-frame i:nth-child(1){left:0;top:0;border-width:4px 0 0 4px;border-radius:14px 0 0}.scan-frame i:nth-child(2){right:0;top:0;border-width:4px 4px 0 0;border-radius:0 14px 0 0}.scan-frame i:nth-child(3){left:0;bottom:0;border-width:0 0 4px 4px;border-radius:0 0 0 14px}.scan-frame i:nth-child(4){right:0;bottom:0;border-width:0 4px 4px 0;border-radius:0 0 14px}.camera-wrap #camera-state{position:absolute;left:15px;right:15px;bottom:15px;padding:10px;border-radius:10px;background:rgba(0,0,0,.65)}.scanner-button{width:100%}.manual{text-align:left;margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:18px}.manual p{margin-bottom:0;color:var(--muted)}.entrance{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:28px}.entrance img{width:100%;border:1px solid var(--line);border-radius:16px;background:white;padding:10px}@media(max-width:720px){.scan-callout{display:grid}.scan-callout .primary{width:100%}.entrance{grid-template-columns:1fr}.entrance img{max-width:240px;margin:auto}}