/* Arabic (right-to-left). Loaded only on Arabic pages. */
html[lang="ar"] { --font-display: 'Bricolage Grotesque', 'Cairo', 'Segoe UI', Tahoma, sans-serif; --font-body: 'Instrument Sans', 'Cairo', 'Segoe UI', Tahoma, sans-serif; }
html[lang="ar"] body { font-size: 18px; line-height: 1.8; }
/* Arabic letters connect; negative letter-spacing breaks them */
html[lang="ar"] *, html[lang="ar"] *::before, html[lang="ar"] *::after { letter-spacing: 0 !important; }
html[lang="ar"] .hero h1 { line-height: 1.35; font-size: clamp(34px, 4.3vw, 62px); }
html[lang="ar"] .h2, html[lang="ar"] .contact-info h2, html[lang="ar"] .article-hero h1 { line-height: 1.3; }
html[lang="ar"] .h3, html[lang="ar"] .svc h3, html[lang="ar"] .project-body h3, html[lang="ar"] .plan-title h3, html[lang="ar"] .process h3 { line-height: 1.4; }
html[lang="ar"] .kw { text-underline-offset: 0.3em; }
html[dir="rtl"] .skip-link { left: auto; right: 12px; }
html[dir="rtl"] .ai-tab, html[dir="rtl"] .faq-item summary { text-align: right; }
html[dir="rtl"] .faq-item p { padding: 0 0 22px clamp(0px, 5vw, 56px); }
html[dir="rtl"] .process li { padding: 40px 0 0 28px; }
html[dir="rtl"] .process-num { left: auto; right: 0; }
html[dir="rtl"] .concept-badge { left: auto; right: 18px; }
html[dir="rtl"] .wa-float, html[dir="rtl"] #il-chat { right: auto; left: 20px; align-items: flex-start; }
html[dir="rtl"] .wa-float { padding: 0 16px 0 20px; }
html[dir="rtl"] .chat-msg--bot { border-radius: 18px 18px 6px 18px; }
html[dir="rtl"] .chat-msg--user { border-radius: 18px 18px 18px 6px; }
html[dir="rtl"] .chat-send svg, html[dir="rtl"] .bubble { transform: none; }
html[dir="rtl"] .chat-send svg { transform: scaleX(-1); }
html[dir="rtl"] .bubble { border-radius: 12px 12px 4px 12px; }
html[dir="rtl"] .msg p { border-radius: 16px 16px 4px 16px; }
html[dir="rtl"] .msg--out p { border-radius: 16px 16px 16px 4px; }
html[dir="rtl"] .footer-bottom a + a { margin-left: 0; margin-right: 20px; }
/* the hero diagram keeps its left-to-right geometry */
html[dir="rtl"] .network { direction: ltr; }
html[dir="rtl"] .node-label, html[dir="rtl"] .hub span { direction: rtl; }
html[dir="rtl"] .band { direction: ltr; }
html[dir="rtl"] .about-art::after { inset: auto 8% -14px 8%; }
@media (max-width: 640px) { html[dir="rtl"] .wa-float, html[dir="rtl"] #il-chat { left: 16px; } }