:root {
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang TC", "Microsoft JhengHei", sans-serif;
  letter-spacing: 0;
}
* { box-sizing: border-box; }
body { margin: 0; background: #080604; }
.landing {
  min-height: 100svh;
  display: grid;
  justify-items: center;
  align-content: start;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.poster {
  position: relative;
  width: 100%;
  max-width: 720px;
  aspect-ratio: 1024 / 1536;
}
.poster img {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
}
.line-cta {
  /* Cover all four offer rows in the 1024 x 1536 source artwork. */
  position: absolute;
  left: 4%;
  right: 4%;
  top: 62%;
  height: 35.2%;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: rgb(94 255 67 / 20%);
}
.line-cta:focus-visible {
  outline: 3px solid #bcff8d;
  outline-offset: 3px;
}
@media (min-width: 701px) {
  .poster {
    width: min(100%, max(320px, calc(100svh * 1024 / 1536)));
  }
}
