/* AI engine page: readable product examples and responsive Arabic typography. */
body[data-page="ai"] .hero-grid { grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: 58px; }
body[data-page="ai"] h1 { font-size: clamp(38px, 4.1vw, 63px); line-height: 1.5; }
body[data-page="ai"] .hero-intro { font-size: 18px; line-height: 2; }
body[data-page="ai"] .hero-caption { font-size: 13px; line-height: 1.9; }
body[data-page="ai"] .hero-visual { min-width: 0; }
body[data-page="ai"] .scene-board { transform: none; }
body[data-page="ai"] .scene-head { flex-wrap: wrap; }
body[data-page="ai"] .scene-head .ai-laheeb-avatar { width: 76px; height: 76px; flex: 0 0 76px; object-fit: contain; border-radius: 22px; background: #ede7fa; }
body[data-page="ai"] .scene-head > div { min-width: 0; flex: 1; }
body[data-page="ai"] .scene-head strong { font-size: 19px; }
body[data-page="ai"] .scene-head small { font-size: 12px; line-height: 1.9; }
body[data-page="ai"] .scene-feature { background: linear-gradient(120deg, #eef8f4, #f3eefb); }
body[data-page="ai"] .scene-feature strong { font-size: clamp(24px, 2.4vw, 35px); line-height: 1.6; }
body[data-page="ai"] .scene-line { gap: 16px; align-items: start; font-size: 14px; }
body[data-page="ai"] .scene-line strong { text-align: end; }
body[data-page="ai"] .pain-grid { gap: 24px; }
body[data-page="ai"] .pain-item { border: 1px solid var(--line); border-radius: 24px; background: #fff; padding: 28px; }
body[data-page="ai"] .pain-item h3 { font-size: 22px; line-height: 1.6; }
body[data-page="ai"] .pain-item p,
body[data-page="ai"] .feature p,
body[data-page="ai"] .workflow-step p,
body[data-page="ai"] .faq-item p { font-size: 16px; line-height: 2; }
body[data-page="ai"] .section-heading > p,
body[data-page="ai"] .section-heading.center > p { font-size: 17px; line-height: 2; }
body[data-page="ai"] .demo-tab { min-height: 76px; }
body[data-page="ai"] .demo-tab strong { font-size: 17px; }
body[data-page="ai"] .demo-panel > p { font-size: 16px; line-height: 2; }
body[data-page="ai"] .demo-row strong { font-size: 16px; line-height: 1.8; }
body[data-page="ai"] .demo-foot,
body[data-page="ai"] .note { font-size: 14px; line-height: 2; }
body[data-page="ai"] .faq-item summary { font-size: 18px; line-height: 1.8; }
body[data-page="ai"] .hero-visual::before,
body[data-page="ai"] .hero-visual::after { pointer-events: none; }
body[data-page="ai"] :focus-visible { outline: 3px solid #7355c5; outline-offset: 5px; }
@media (max-width: 1000px) {
  body[data-page="ai"] .hero-grid { grid-template-columns: 1fr; gap: 50px; }
  body[data-page="ai"] .hero-copy { max-width: 760px; }
  body[data-page="ai"] .hero-visual { width: min(100%, 650px); margin-inline: auto; }
  body[data-page="ai"] .pain-grid { grid-template-columns: 1fr; }
  body[data-page="ai"] .pain-item { display: block; }
}
@media (max-width: 600px) {
  body[data-page="ai"] .container { width: calc(100% - 36px); }
  body[data-page="ai"] h1 { font-size: clamp(31px, 7.8vw, 43px); }
  body[data-page="ai"] .hero-intro { font-size: 16px; }
  body[data-page="ai"] .hero-actions { flex-direction: column; align-items: stretch; }
  body[data-page="ai"] .hero-actions .button { width: 100%; font-size: 14px; }
  body[data-page="ai"] .scene-head .ai-laheeb-avatar { width: 58px; height: 58px; flex-basis: 58px; }
  body[data-page="ai"] .scene-head strong { font-size: 16px; }
  body[data-page="ai"] .scene-head small { font-size: 11px; }
  body[data-page="ai"] .scene-status { display: none; }
  body[data-page="ai"] .scene-feature strong { font-size: 25px; }
  body[data-page="ai"] .scene-feature small { font-size: 13px; }
  body[data-page="ai"] .scene-line { font-size: 12px; }
  body[data-page="ai"] .floating-chip { max-width: 95%; white-space: normal; font-size: 12px; }
  body[data-page="ai"] .pain-item { padding: 22px; }
  body[data-page="ai"] .pain-item h3 { font-size: 21px; }
  body[data-page="ai"] .demo-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; overflow: visible; }
  body[data-page="ai"] .demo-tab { min-width: 0; min-height: 92px; padding: 12px; white-space: normal; justify-content: flex-start; }
  body[data-page="ai"] .demo-tab strong { font-size: 14px; line-height: 1.8; }
  body[data-page="ai"] .demo-tab .number { font-size: 12px; }
  body[data-page="ai"] .demo-tab .arrow { display: none; }
  body[data-page="ai"] .demo-row { flex-direction: column; align-items: start; gap: 5px; }
  body[data-page="ai"] .demo-row small,
  body[data-page="ai"] .demo-row strong { max-width: 100%; text-align: start; }
  body[data-page="ai"] .demo-row small { font-size: 12px; }
  body[data-page="ai"] .demo-label { flex-wrap: wrap; gap: 8px; }
  body[data-page="ai"] .feature { align-items: start; gap: 15px; }
  body[data-page="ai"] .feature .icon { width: 49px; height: 49px; flex: 0 0 49px; }
  body[data-page="ai"] .feature h3 { font-size: 20px; }
  body[data-page="ai"] .pain-item p,
  body[data-page="ai"] .feature p,
  body[data-page="ai"] .workflow-step p,
  body[data-page="ai"] .faq-item p { font-size: 15px; }
  body[data-page="ai"] .mobile-action > div { min-width: 0; }
  body[data-page="ai"] .mobile-action strong { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="ai"] *, body[data-page="ai"] *::before, body[data-page="ai"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}