/* Updated Figma artwork only. Card typography stays in the existing stylesheets. */
body.ui-study.landing-v2 main#main .figma-composition-canvas .solo-card-image {
  position: absolute;
  inset: 0;
  width: 400px;
  height: 516px;
  object-fit: cover;
  pointer-events: none;
}
body.ui-study.landing-v2 main#main .figma-composition-canvas .solo-growth-image {
  position: absolute;
  inset: 0;
  width: 560px;
  height: 540px;
  object-fit: cover;
  pointer-events: none;
}
body.ui-study.landing-v2 main#main .figma-composition-canvas .solo-seo-image {
  left: 50%;
  top: 20px;
  width: 920px;
  height: 690px;
  transform: translateX(-50%);
}
body.ui-study.landing-v2 main#main [data-card="loyalty"] .figma-composition-canvas .fa-89 {
  background-image: radial-gradient(ellipse 243px 598px at .51px 77.465px, #ebfbff, #a6eefd);
}

/* Figma 449:47812, refreshed 20 October. Decorative UI is part of the artwork;
   the existing card captions, headings and their layout remain independent. */
body.ui-study.landing-v2 main#main [data-card="toppings"] .figma-composition-canvas .fa-71 {
  top: 220px;
  background: #00d3e1;
}
body.ui-study.landing-v2 main#main .figma-composition-canvas .solo-art-plus {
  position: relative;
  flex: none;
  width: 16px;
  height: 16px;
}
body.ui-study.landing-v2 main#main .figma-composition-canvas .solo-art-toggle {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 39px;
  height: 21px;
  padding: 2px 3px;
  border-radius: 100px;
  background: #01dfef;
}
body.ui-study.landing-v2 main#main .figma-composition-canvas .solo-art-toggle > span {
  display: block;
  flex: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
}
body.ui-study.landing-v2 main#main .figma-composition-canvas .solo-art-toggle-first { left: 95px; top: 273px; }
body.ui-study.landing-v2 main#main .figma-composition-canvas .solo-art-toggle-second { left: 95px; top: 336px; }
body.ui-study.landing-v2 main#main [data-card="recommendations"] .figma-composition-canvas .solo-art-toggle {
  left: 162px;
  top: 121px;
  width: 45px;
  height: 25px;
  padding: 2px 4px;
}
body.ui-study.landing-v2 main#main [data-card="recommendations"] .figma-composition-canvas .solo-art-toggle > span {
  width: 17px;
  height: 17px;
}
body.ui-study.landing-v2 main#main .figma-composition-canvas .solo-art-apply {
  position: absolute;
  left: 233px;
  top: 373px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 25px;
  border-radius: 7px;
  background: #01dfef;
  color: #02191a;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.3;
}
body.ui-study.landing-v2 main#main .figma-composition-canvas .solo-art-fee-mask {
  position: absolute;
  left: 102px;
  top: 250px;
  width: 89px;
  height: 13px;
  background: #b7babd;
}

/* New platform illustrations occupy a scaled 440px Figma canvas. The card's
   existing dimensions and native text block are preserved at every breakpoint. */
body.ui-study.landing-v2 main#main .platform-card { position: relative; }
body.ui-study.landing-v2 main#main .solo-platform-art {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
body.ui-study.landing-v2 main#main .solo-platform-canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 516px;
  transform: scale(var(--figma-composition-scale, 1));
  transform-origin: top left;
}
body.ui-study.landing-v2 main#main .solo-platform-canvas img {
  position: absolute;
  left: 26px;
  top: 186px;
  width: 388px;
  height: 298px;
  max-width: none;
  object-fit: cover;
}
body.ui-study.landing-v2 main#main .solo-platform-canvas .solo-platform-phone {
  left: -228px;
  top: 75px;
  width: 920px;
  height: 690px;
}
body.ui-study.landing-v2 main#main .solo-platform-canvas::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 196px;
  background: linear-gradient(#fff 79.574%, #fff0);
}
body.ui-study.landing-v2 main#main .platform-card-copy { position: relative; z-index: 1; }

/* Figma 538:1185: updated bonus-card artwork and original source-image crop. */
body.ui-study.landing-v2 main#main [data-card="loyalty"] .solo-loyalty-scene {
  display: contents;
}
body.ui-study.landing-v2 main#main [data-card="loyalty"] .fa-100 {
  top: 264.26px;
}
body.ui-study.landing-v2 main#main [data-card="loyalty"] .solo-loyalty-art {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 108px;
  top: 186px;
  width: 269.919px;
  height: 194.259px;
}
body.ui-study.landing-v2 main#main [data-card="loyalty"] .solo-loyalty-rotation {
  flex: none;
  transform: rotate(15deg);
}
body.ui-study.landing-v2 main#main [data-card="loyalty"] .solo-loyalty-crop {
  position: relative;
  width: 243px;
  height: 136px;
  overflow: hidden;
}
body.ui-study.landing-v2 main#main [data-card="loyalty"] .solo-loyalty-crop img {
  position: absolute;
  left: -5.94%;
  top: -7.71%;
  width: 111.54%;
  height: 117.87%;
  max-width: none;
}