* { box-sizing: border-box; margin: 0; padding: 0; }
html { width: 100%; min-height: 100%; overflow: hidden; -webkit-text-size-adjust: 100%; }
body { background: #100207; font-size: 0; overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; width: 100%; height: 100%; border: 0; object-fit: contain; }
.stage { position: relative; width: 100%; overflow: hidden; isolation: isolate; }
.stage > header, .stage > main, .stage > footer { position: absolute; inset: 0; pointer-events: none; }
.stage > header > *, .stage > footer > * { pointer-events: auto; }
.stage > main { z-index: -1; }
.stage .bg1 { position: absolute; inset: 0; object-fit: fill; }
.logo, .agent, .sw, .tg, .figure-2, .bt, .features, .pt, .btn2, .qr-frame-2 { position: absolute; }
.logo, .agent, .sw, .tg { z-index: 3; }
a:focus-visible { outline: 3px solid #ffe1a2; outline-offset: 3px; border-radius: 12px; }
.desktop .stage { height: 100vh; height: 100dvh; }
.desktop .logo { left: 1.3%; top: .46%; width: 11.3%; height: 11.2%; }
.desktop .tg { left: 67.29%; top: 2.78%; width: 9.06%; height: 6.11%; }
.desktop .agent { left: 77.86%; top: 2.78%; width: 9.06%; height: 6.48%; }
.desktop .sw { left: 88.39%; top: 2.78%; width: 9.01%; height: 6.48%; }
.desktop .figure-2 { left: 18.9%; top: 3.61%; width: 44.58%; height: 96.39%; object-fit: contain; }
.desktop .bt { left: 47.14%; top: 19.26%; width: 52.86%; height: 37.41%; }
.desktop .features { left: 1.3%; top: 43.33%; width: 20.16%; height: 53.52%; }
.desktop .qr-frame-2 { right: 2.5%; top: 58.33%; width: min(17.81vw, 31.66vh); aspect-ratio: 342 / 388; }
#qrcode { position: absolute; left: 8.8%; top: 7.2%; width: 82%; aspect-ratio: 1; padding: 4%; background: #fff; }
#qrcode canvas, #qrcode table { display: block !important; width: 100% !important; height: 100% !important; }
#qrcode img { display: none !important; }
.mobile .stage { height: 100vh; height: 100dvh; }
.mobile .logo { left: 3.47%; top: .37%; width: 22.53%; height: 7.12%; }
.mobile .sw { left: 78.4%; top: 3.15%; width: 17.47%; height: 3.97%; }
.mobile .agent { left: 78.4%; top: 7.87%; width: 17.47%; height: 3.97%; }
.mobile .tg { left: 78.13%; top: 12.74%; width: 17.73%; height: 3.75%; }
.mobile .figure-2 { left: 0; top: 0; width: 100%; height: 65.82%; object-fit: contain; }
.mobile .bt { left: 0; top: 54.65%; width: 100%; height: 27.06%; }
.mobile .features { left: 6.8%; top: 76.76%; width: 86.53%; height: 11.32%; }
.mobile .pt { left: 5.87%; top: 88.38%; width: 44.8%; height: 9.82%; }
.mobile .btn2 { left: 51.47%; top: 87.33%; width: 44.67%; height: 11.24%; }