:root { color-scheme: light; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; background: #081029; }
* { box-sizing: border-box; }
/* Constrain the document as well as the artwork: mobile edge gestures must
   not pan the root viewport horizontally. Keep vertical scroll and pinch zoom. */
html, body {
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow-x: hidden;
  overscroll-behavior-x: none;
  touch-action: pan-y pinch-zoom;
}
@supports (overflow: clip) {
  html, body { overflow-x: clip; }
}
body { min-height: 100svh; }
/* Figma 541:3: 375 × 812. Mobile scales proportionally; desktop stays centered. */
.landing { position: relative; width: 100%; max-width: 100%; min-width: 0; aspect-ratio: 375 / 812; margin-inline: auto; overflow: hidden; background: #081029; container-type: inline-size; }
.background { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.logo { position: absolute; left: calc(122.375 / 375 * 100%); top: calc(84.6734619 / 812 * 100%); width: 35%; height: calc(104.521 / 812 * 100%); }
.headline { position: absolute; left: calc(58.146 / 375 * 100%); top: calc(219.708 / 812 * 100%); width: calc(262 / 375 * 100%); height: calc(22 / 812 * 100%); margin: 0; line-height: 0; }
.headline img { display: block; width: 100%; height: 100%; }
.download { position: absolute; left: calc(52 / 375 * 100%); width: 72%; height: calc(44 / 812 * 100%); display: flex; align-items: center; justify-content: center; gap: 2.666667cqw; border-radius: 10000px; background: #fff; box-shadow: 0 0 0 .373333cqw #1f73fd; color: #0d1d48; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.download-one { top: calc(612 / 812 * 100%); }
.download-two { top: calc(680 / 812 * 100%); }
.android { display: block; width: 6.4cqw; height: 6.4cqw; }
.button-label { position: relative; display: block; width: 24cqw; height: 4.8cqw; }
.download:focus-visible { outline: 3px solid #0d1d48; outline-offset: 5px; }
.download:active { background: #edf6ff; }
.notice { position: absolute; z-index: 1; left: 8%; right: 8%; bottom: 2%; margin: 0; padding: 10px 12px; border-radius: 8px; background: rgb(8 16 41 / 90%); color: #fff; text-align: center; font-size: 13px; line-height: 1.5; }
@media (prefers-reduced-motion: no-preference) { .download { transition: background-color .15s ease; } }

.button-label img { position: absolute; width: 23.466667cqw; height: 4.533333cqw; left: .283199cqw; top: .136003cqw; }
@media (min-width: 600px) { .landing { width: 375px; } }