/* AI Services page: demo layout */
.ai-demo { display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 300px); gap: clamp(1.5rem, 4vw, 3rem); justify-content: center; align-items: start; margin-top: 2rem; }
.ai-demo-app { background: #0B1F3A; border-radius: 16px; padding: 1.25rem; text-align: center; }
.ai-demo-app h3 { color: #C9A84C; margin: 0 0 .4rem; font-family: var(--font-display); }
.ai-demo-app p { color: #fff; margin: 0 0 1rem; font-size: .95rem; line-height: 1.5; }
.ai-demo-app iframe { width: 100%; max-width: 420px; height: 680px; border: 0; border-radius: 16px; background: #fff; display: block; margin: 0 auto; }
.ai-demo-video video { width: 100%; max-width: 300px; aspect-ratio: 9 / 16; border-radius: 16px; background: #000; display: block; margin: 0 auto; object-fit: cover; }
.ai-demo-note { color: #b8b8b8; font-size: .82rem; line-height: 1.5; margin-top: .8rem; text-align: center; }
.ai-demo-link { display: inline-block; margin-top: .8rem; }
.ai-cal-intro { max-width: 70ch; }
.ai-cal-wrap { margin-top: 2rem; }
@media (max-width: 860px) {
  .ai-demo { grid-template-columns: minmax(0, 1fr); }
  .ai-demo-video { order: 2; }
}