/* AI to go: a wallet-card silhouette. Fixed proportions, independent of viewport.
   This is the existing illustrative card concept, not a manufacturing specification. */
html.aioos-conversion .togo-scene {
  height: 350px;
  perspective: none;
}
html.aioos-conversion .togo-scene .access-card {
  width: min(340px, calc(100% - 32px));
  height: auto;
  aspect-ratio: 85.6 / 53.98;
  box-sizing: border-box;
  left: 50%;
  top: 34%;
  border-radius: 3.75% / 5.94%;
  translate: none !important;
}
html.aioos-conversion .togo-scene .back-card {
  padding: 0;
  transform: translate(-48%, -54%) rotate(4deg);
  background: var(--lilac);
  border: 1px solid var(--accent);
  box-shadow: 0 1px 0 var(--accent), 0 8px 16px #191b1b12;
}
html.aioos-conversion .togo-scene .front-card {
  container-type: inline-size;
  padding: 18px;
  transform: translate(-50%, -46%) rotate(-4deg);
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 1px 0 #a49d90, 0 9px 18px #191b1b1a;
}
html.aioos-conversion .togo-scene .front-card::before { display: none; }
html.aioos-conversion .front-card > div {
  align-items: center;
  font: 400 8cqi/1 var(--display);
}
html.aioos-conversion .front-card > div img { width: 17%; height: auto; object-fit: contain; }
html.aioos-conversion .front-card strong {
  margin-top: 7cqi;
  margin-right: 35%;
  font: 500 13cqi/1 var(--heading);
  white-space: nowrap;
}
html.aioos-conversion .front-card .sample-qr {
  width: 28%;
  top: 39%;
  right: 5.3%;
  margin: 0;
}
html.aioos-conversion .front-card .sample-qr img { width: 100%; height: auto; aspect-ratio: 1; }
html.aioos-conversion .front-card .sample-qr figcaption { margin-top: 5px; font-size: clamp(7px, 2.7cqi, 9px); }
html.aioos-conversion .front-card > .card-line { width: 59%; margin: 4cqi 0 3cqi; }
html.aioos-conversion .front-card > small { max-width: 59%; font-size: clamp(7px, 2.7cqi, 9px); line-height: 1.35; }
html.aioos-conversion .togo-scene .link-slip {
  left: 50%; right: auto; bottom: 16px;
  transform: translateX(-50%);
  translate: none !important;
  padding: 8px 0;
  width: max-content;
  max-width: 100%;
  gap: 14px;
  background: transparent;
  box-shadow: none;
  font-size: 13px;
}
html.aioos-conversion .togo-scene .link-slip > span:first-child { font-size: 30px; }
html.aioos-conversion .togo-scene .togo-ring,
html.aioos-conversion .togo-scene .togo-route { display: none; }
/* Preserve the former launcher label's readable scale on the native app link. */
html.aioos-conversion .web-product .product-foot > a.text-link {
  font: 13px/1.4 var(--mono);
}
@media (max-width: 1100px) {
  html.aioos-conversion .togo-scene .front-card { padding: 14px; }
}
@media (max-width: 767px) {
  html.aioos-conversion .togo-scene { height: 320px; }
}
@media (max-width: 370px) {
  html.aioos-conversion .togo-scene { height: 280px; }
  html.aioos-conversion .togo-scene .front-card { padding: 12px; }
}