/* Owner-confirmed smart-ring support and supplied Mentra OS screenshots. */
body.product-layout main .ar99-ecosystem-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 36px;
  align-items: center;
}
body.product-layout main :is(.ar99-ecosystem-copy, .ar99-ring-visuals) { min-width: 0; }
body.product-layout main .ar99-ecosystem-copy p + p { margin-top: 16px; }
body.product-layout main .mentra-support-layout { align-items: start; gap: 32px; }
body.product-layout main .ar99-mentra-screens {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
  min-width: 0;
}
body.product-layout main .mentra-support-copy :is(.ar99-integration-status, .ar99-app-scope, .ar99-app-action) {
  margin-top: 20px;
}
body.product-layout main .mentra-support-copy .ar99-app-action a { color: #a8caff; text-decoration: underline; }
body.product-layout main .ar99-mentra-brand {
  width: 100%;
  max-width: 320px;
  margin-top: 24px;
  overflow: hidden;
  border-radius: 8px;
}
body.product-layout main .ar99-mentra-brand img { display: block; width: 100%; height: auto; object-fit: contain; }
body.product-layout--ar99-pro main .ar99-ring-visuals .ar99-media-reference { border-color: #475569; }
body.product-layout--ar99-pro main .ar99-ring-visuals summary { color: #f1f5f9; }
body.product-layout--ar99-pro main .ar99-ring-visuals summary:focus-visible { outline-color: #8fb9ff; }
body.product-layout--ar99-pro main .ar99-ring-visuals .ar99-pro-ring-stage { margin-top: 12px; }
@media (max-width: 900px) {
  body.product-layout main .ar99-ecosystem-layout { grid-template-columns: 1fr; gap: 24px; }
  body.product-layout main .mentra-support-layout { grid-template-columns: 1fr; }
  body.product-layout main .ar99-mentra-screens { max-width: 760px; width: 100%; margin-inline: auto; }
}
@media (max-width: 520px) {
  body.product-layout main .ar99-mentra-screens { grid-template-columns: 1fr; max-width: 360px; gap: 24px; }
}