/* Real app panels, at readable scale, shared by the product page and tour. */
.ca-preview { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(28px, 5vw, 72px); box-sizing: border-box; padding: clamp(28px, 4vw, 56px); border: 1px solid #e4e6d9; border-radius: 24px; background: #f4f5ed; text-align: left; }
.ca-preview__copy { min-width: 0; max-width: 420px; }
.ca-preview .ca-preview__eyebrow { margin: 0 0 16px; color: #626a27; font-size: 12px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.ca-preview h2, .ca-preview h4 { margin: 0; font-size: clamp(28px, 3vw, 40px); font-weight: 500; line-height: 1.12; letter-spacing: -.035em; }
.ca-preview .ca-preview__intro { margin: 18px 0 0; color: #62635b; font-size: 17px; line-height: 1.65; }
.ca-preview__features { display: grid; gap: 22px; margin: 28px 0 0; padding: 0; list-style: none; }
.ca-preview__features li { display: grid; gap: 6px; }
.ca-preview__features strong { font-size: 16px; font-weight: 500; }
.ca-preview__features span { color: #62635b; font-size: 15px; line-height: 1.6; }
.ca-preview__collapsed { max-width: 360px; margin: 32px 0 0; }
.ca-preview__collapsed img { display: block; width: 100%; height: auto; border-radius: 16px; box-shadow: 0 8px 22px #28301812; }
.ca-preview__panel { width: 100%; max-width: 410px; justify-self: center; min-width: 0; margin: 0; }
.ca-preview__panel picture { display: block; }
.ca-preview__panel img { display: block; width: 100%; height: auto; border-radius: 18px; box-shadow: 0 18px 44px #28301824; }
.ca-preview--compact { border: 0; border-top: 1px solid #e4e6d9; border-radius: 0; }
.ca-preview--compact .ca-preview__panel { max-width: 380px; }
@media (max-width: 700px) {
  .ca-preview { grid-template-columns: minmax(0, 1fr); gap: 26px; padding: 24px 18px; border-radius: 18px; }
  .ca-preview__copy { max-width: none; }
  .ca-preview .ca-preview__intro { font-size: 15px; margin-top: 12px; }
  .ca-preview__features { gap: 18px; margin-top: 22px; }
  .ca-preview__collapsed { margin-top: 24px; }
  .ca-preview__panel, .ca-preview--compact .ca-preview__panel { max-width: 344px; }
  .ca-preview--compact { border-radius: 0; }
}