* { box-sizing: border-box; margin: 0; padding: 0; }
html { width: 100%; height: 100%; -webkit-text-size-adjust: 100%; }
body { width: 100%; height: 100vh; height: 100dvh; position: relative; overflow: hidden; background: #fff; }
a { text-decoration: none; color: inherit; }
img { display: block; width: 100%; height: 100%; border: 0; }
.landing-header img, .landing-downloads img { object-fit: contain; }
button { display: block; padding: 0; border: 0; background: none; cursor: pointer; }
a:focus-visible, button:focus-visible { outline: 2px solid #d20062; outline-offset: 3px; }
.landing-background, .landing-header, .landing-carousel, .landing-downloads { position: absolute; inset: 0; width: 100%; height: 100%; }
.landing-background { z-index: 0; pointer-events: none; }
.landing-header, .landing-downloads { z-index: 3; pointer-events: none; }
.landing-header > *, .landing-downloads > * { position: absolute; pointer-events: auto; }
.landing-carousel { z-index: 1; }
.landing-carousel .swiper-slide { position: relative; width: 100%; height: 100%; }
.landing-title { position: absolute; }
.landing-title img { object-fit: contain; }
.landing-cards { position: absolute; inset: 0; pointer-events: none; }
.landing-cards img { position: absolute; object-fit: contain; }
.float[hidden] { display: none; }
/* Coordinates are measured against the supplied 1920 × 1080 desktop artwork. */
.landing-pc .landing-logo { left: 2.23958333%; top: 3.42592593%; width: 18.48958333%; height: 6.29629630%; }
.landing-pc .sw, .landing-pc .tg, .landing-pc .agent { top: 3.70370370%; width: 11.04166667%; height: 5.64814815%; }
.landing-pc .sw { left: 64.11458333%; top: 3.70370370%; width: 11.04166667%; height: 5.64814815%; }
.landing-pc .tg { left: 75.62500000%; top: 3.70370370%; width: 11.04166667%; height: 5.64814815%; }
.landing-pc .agent { left: 87.08333333%; top: 3.70370370%; width: 11.04166667%; height: 5.64814815%; }
.landing-pc .title-1 { left: 54.21875000%; top: 25.74074074%; width: 42.13541667%; height: 44.72222222%; }
.landing-pc .title-2 { left: 53.43750000%; top: 24.07407407%; width: 44.79166667%; height: 46.29629630%; }
.qr-panel { position: absolute; z-index: 2; left: 5.78125%; top: 31.94444444%; width: 38.85416667%; aspect-ratio: 746 / 347; }
#qrcode { position: absolute; left: 6.70241287%; top: 17.57925072%; width: 30.16085791%; aspect-ratio: 1; padding: 10px; background: #fff; display: flex; align-items: center; justify-content: center; }
#qrcode canvas, #qrcode table { display: block !important; width: 100% !important; height: 100% !important; }
#qrcode img { display: none !important; }
.desktop-download { position: absolute; left: 40.8847185%; top: 57.6368876%; width: 50.6702413%; height: 26.2247839%; }
/* Keep the original full-screen background. Anchor the lower content as a
   proportional group; extra screen height belongs to the background above it. */
body.landing-phone {
  --mobile-unit: calc(100vw / 750);
  min-height: calc(1400 * var(--mobile-unit));
  overflow-x: hidden;
  overflow-y: auto;
}
/* The two headings share a first-line baseline. Split the second artwork in its
   transparent separator at y=287 so its lower captions keep the design spacing. */
.landing-phone .title-2 img { position: absolute; inset: 0; }
.landing-phone .title-art-upper {
  clip-path: inset(0 0 calc(133 * var(--mobile-unit)) 0);
  transform: translate(calc(7 * var(--mobile-unit)), calc(15 * var(--mobile-unit)));
}
.landing-phone .title-art-lower { clip-path: inset(calc(287 * var(--mobile-unit)) 0 0 0); }
/* Coordinates are measured against the supplied 750 × 1400 mobile artwork. */
.landing-phone .landing-logo { left: 3.46666667%; top: 2.14285714%; width: 17.06666667%; height: 6.14285714%; }
.landing-phone .sw, .landing-phone .tg, .landing-phone .agent { top: 3%; width: 22.53333333%; height: 3.5%; }
.landing-phone .sw { left: 28.00000000%; top: 3.00000000%; width: 22.53333333%; height: 3.50000000%; }
.landing-phone .tg { left: 51.46666667%; top: 3.00000000%; width: 22.53333333%; height: 3.50000000%; }
.landing-phone .agent { left: 74.93333333%; top: 3.00000000%; width: 22.53333333%; height: 3.50000000%; }
.landing-phone .title-1 { left: 9.46666667%; top: 45.64285714%; width: 80.66666667%; height: 28.57142857%; }
.landing-phone .title-2 { left: 7.33333333%; top: 44.07142857%; width: 85.73333333%; height: 30.00000000%; }
.landing-phone .download { left: 22.4%; width: 55.2%; height: 5.78571429%; }
.landing-phone .download-fast { top: 85.78571429%; }
.landing-phone .download-store { top: 92.35714286%; }
@media (prefers-reduced-motion: reduce) { .swiper-wrapper, .swiper-slide { transition-duration: 0ms !important; } }

.landing-pc .landing-cards img:nth-child(1) { left: 3.85416667%; top: 75.27777778%; width: 10.67708333%; height: 18.98148148%; }
.landing-pc .landing-cards img:nth-child(2) { left: 15.46875000%; top: 75.27777778%; width: 10.67708333%; height: 18.98148148%; }
.landing-pc .landing-cards img:nth-child(3) { left: 27.18750000%; top: 75.18518519%; width: 10.67708333%; height: 18.98148148%; }
.landing-pc .landing-cards img:nth-child(4) { left: 38.90625000%; top: 75.27777778%; width: 10.67708333%; height: 18.98148148%; }
.landing-pc .landing-cards img:nth-child(5) { left: 50.57291667%; top: 75.09259259%; width: 10.67708333%; height: 18.98148148%; }
.landing-pc .landing-cards img:nth-child(6) { left: 62.18750000%; top: 75.27777778%; width: 10.67708333%; height: 18.98148148%; }
.landing-pc .landing-cards img:nth-child(7) { left: 73.85416667%; top: 75.27777778%; width: 10.67708333%; height: 18.98148148%; }
.landing-pc .landing-cards img:nth-child(8) { left: 85.62500000%; top: 75.09259259%; width: 10.67708333%; height: 18.98148148%; }
.landing-phone .landing-cards img:nth-child(1) { left: 1.20000000%; width: 15.06666667%; }
.landing-phone .landing-cards img:nth-child(2) { left: 17.73333333%; width: 15.06666667%; }
.landing-phone .landing-cards img:nth-child(3) { left: 34.26666667%; width: 15.06666667%; }
.landing-phone .landing-cards img:nth-child(4) { left: 50.66666667%; width: 15.06666667%; }
.landing-phone .landing-cards img:nth-child(5) { left: 67.20000000%; width: 15.06666667%; }
.landing-phone .landing-cards img:nth-child(6) { left: 83.73333333%; width: 15.06666667%; }

.landing-phone .title-1 { top: auto; bottom: calc(361 * var(--mobile-unit)); height: calc(400 * var(--mobile-unit)); }
.landing-phone .title-2 { top: auto; bottom: calc(363 * var(--mobile-unit)); height: calc(420 * var(--mobile-unit)); }
.landing-phone .landing-cards img { top: auto; bottom: calc(223 * var(--mobile-unit)); height: calc(113 * var(--mobile-unit)); }
.landing-phone .download { top: auto; height: calc(81 * var(--mobile-unit)); }
.landing-phone .download-fast { bottom: calc(118 * var(--mobile-unit)); }
.landing-phone .download-store { bottom: calc(26 * var(--mobile-unit)); }