/* Arabic edition (/ar) — self-hosted IBM Plex Sans Arabic paired with Manrope numerals/brand,
   cursively intact (zero negative letter-spacing), and mirrored RTL geometry. */
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/ibm-plex-sans-arabic-400.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/ibm-plex-sans-arabic-500.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/ibm-plex-sans-arabic-600.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/ibm-plex-sans-arabic-700.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}

html[dir="rtl"],
html[dir="rtl"] body {
  font-family: "IBM Plex Sans Arabic", "Manrope", system-ui, -apple-system, sans-serif;
}

/* Preserve Arabic cursive ligatures: never apply negative tracking or uppercase */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] button,
html[dir="rtl"] span,
html[dir="rtl"] dt,
html[dir="rtl"] dd,
html[dir="rtl"] label,
html[dir="rtl"] summary,
html[dir="rtl"] .h-label,
html[dir="rtl"] .h-more-label,
html[dir="rtl"] .h-mod-ind,
html[dir="rtl"] .section-kicker {
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Keep brand wordmark in geometric Manrope */
html[dir="rtl"] .brand span,
html[dir="rtl"] .wordmark,
html[dir="rtl"] .footer-word,
html[dir="rtl"] .lang-switch {
  font-family: "Manrope", system-ui, sans-serif;
  letter-spacing: -0.03em !important;
}

/* Header & nav pill */
html[dir="rtl"] body .header-inner {
  padding: 0 18px 0 8px;
}
html[dir="rtl"] body .header .small-cta {
  padding: 10px 18px 10px 14px;
}
@media (max-width: 760px) {
  html[dir="rtl"] body .header-inner {
    padding: 0 14px 0 6px;
  }
  html[dir="rtl"] body .header .small-cta {
    padding: 0 14px;
  }
}

/* Flip directional arrow icons in RTL */
html[dir="rtl"] .button-symbol svg,
html[dir="rtl"] .small-cta svg,
html[dir="rtl"] .h-custom-cta svg,
html[dir="rtl"] .h-mod-link svg,
html[dir="rtl"] .h-eng-foot svg {
  transform: scaleX(-1);
}
@media (hover: hover) and (pointer: fine) {
  html[dir="rtl"] .button:hover .button-symbol {
    transform: translateX(-3px);
  }
  html[dir="rtl"] body .header .small-cta:hover svg {
    transform: translateX(-2px) scaleX(-1);
  }
  html[dir="rtl"] .h-mod-own:hover .h-mod-link svg {
    transform: translateX(-3px) scaleX(-1);
  }
}
html[dir="rtl"] .h-link::after {
  transform-origin: right;
}

/* Hero typography & stage in RTL */
html[dir="rtl"] .h-hero h1 {
  font-size: clamp(38px, 4.1vw, 58px);
  line-height: 1.15;
}
html[dir="rtl"] .h-hero h1 .h-word-2 {
  padding-block: 0.14em 0.16em;
  margin-top: -0.06em;
}
html[dir="rtl"] .h-lede,
html[dir="rtl"] .h-body {
  line-height: 1.7;
}
html[dir="rtl"] .h-section h2,
html[dir="rtl"] .invitation-copy h2 {
  line-height: 1.18;
}
@media (min-width: 960px) {
  html[dir="rtl"] .h-window {
    width: 114%;
    margin-left: -14%;
  }
}
html[dir="rtl"] .h-window-bar {
  direction: ltr;
}
html[dir="rtl"] .h-saved-pill {
  right: 16px;
  left: auto;
}
html[dir="rtl"] .h-decision {
  right: auto;
  left: -12px;
}
html[dir="rtl"] .h-decision-id {
  margin-left: 0;
  margin-right: auto;
}
html[dir="rtl"] .h-decision-facts div + div {
  border-left: 0;
  border-right: 1px solid var(--a-line);
}
html[dir="rtl"] .h-undo {
  margin-left: 0;
  margin-right: auto;
}
html[dir="rtl"] .h-stage-note {
  left: auto;
  right: 4px;
}
@media (max-width: 959px) {
  html[dir="rtl"] .h-saved-pill {
    right: auto;
    left: auto;
  }
}
@media (max-width: 640px) {
  html[dir="rtl"] .h-decision {
    left: auto;
  }
}

/* Integrations & marquee */
html[dir="rtl"] .h-chip {
  padding: 0 12px 0 16px;
}
html[dir="rtl"] .h-marquee {
  direction: ltr;
}
html[dir="rtl"] .h-custom {
  padding: 14px 16px 14px 14px;
}
html[dir="rtl"] .h-custom-cta {
  margin-left: 0;
  margin-right: auto;
}
@media (max-width: 900px) {
  html[dir="rtl"] .h-custom-cta {
    margin-right: 0;
  }
}

/* aunit OS: one record */
html[dir="rtl"] .h-points li {
  padding-left: 0;
  padding-right: 18px;
  border-left: 0;
  border-right: 2px solid var(--a-ice);
}
html[dir="rtl"] .h-source {
  text-align: right;
}
html[dir="rtl"] .h-source.is-on {
  transform: translateX(-4px);
}
html[dir="rtl"] .h-record dd {
  text-align: left;
}
html[dir="rtl"] .h-record-note {
  right: auto;
  left: 4px;
}

/* Intelligence & agent */
html[dir="rtl"] .h-count {
  margin-left: 0;
  margin-right: auto;
}
html[dir="rtl"] .h-bub-ai {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 4px;
}
html[dir="rtl"] .h-bub-you {
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 4px;
}
html[dir="rtl"] .h-agent-input {
  padding: 5px 14px 5px 5px;
}

/* Engineer thread & FAQ */
html[dir="rtl"] .h-msg-you {
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 4px;
}
html[dir="rtl"] .h-msg-eng {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 4px;
}
html[dir="rtl"] .question-list p {
  padding: 0 0 23px 38px;
}

/* ---------- v7 RTL additions (/ar) ---------- */

/* Preserve Arabic cursive ligatures on h4 headings */
html[dir="rtl"] h4 {
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Native Hero Workspace Window in RTL */
html[dir="rtl"] .h-stage-note {
  text-align: left;
  left: auto;
  right: auto;
}



html[dir="rtl"] .h-app .h-decision {
  left: auto;
  right: auto;
}

/* Consulting blueprint Arabic rhythm */
html[dir="rtl"] .h-consult-head h3,
html[dir="rtl"] .h-consult-step h4 {
  line-height: 1.24;
}

html[dir="rtl"] .h-consult-sub,
html[dir="rtl"] .h-consult-step p {
  line-height: 1.7;
}

/* Dynamic Multi-Intent Form select chevron mirrored for RTL */
html[dir="rtl"] .inquiry-form .field select {
  padding: 0 14px 0 36px;
  background-position: left 13px center;
}

/* Monument footer brand & SVG wordmark */
html[dir="rtl"] .h-footer-brand span {
  font-family: "Manrope", system-ui, sans-serif;
  letter-spacing: -0.03em !important;
}

html[dir="rtl"] .h-footer-svg {
  direction: ltr;
}

html[dir="rtl"] .h-footer-svg-word,
html[dir="rtl"] .h-footer-svg-word tspan {
  font-family: "Manrope", system-ui, sans-serif;
  letter-spacing: -0.055em !important;
}

/* ---------- v8 RTL additions (/ar) ---------- */

/* Intelligence scrollable lanes scrollbar clearance on inline-end (left) */
@media (min-width: 960px) {
  html[dir="rtl"] .h-intel .h-feed,
  html[dir="rtl"] .h-intel .h-queue {
    padding-right: 0;
    padding-left: 4px;
  }
}

/* Open Editorial 3-Step Timeline (.h-flow) mirrored for RTL */
html[dir="rtl"] .h-flow-intro h3 {
  line-height: 1.22;
}

html[dir="rtl"] .h-flow-sub,
html[dir="rtl"] .h-flow-body p {
  line-height: 1.72;
}

html[dir="rtl"] .h-flow-body h4 {
  line-height: 1.3;
}

html[dir="rtl"] .h-flow-list {
  padding: 0 36px 0 0;
}

html[dir="rtl"] .h-flow-line {
  left: auto;
  right: 7px;
}

html[dir="rtl"] .h-flow-dot,
html[dir="rtl"] .h-flow-step:first-of-type .h-flow-dot {
  left: auto;
  right: -36px;
}

html[dir="rtl"] .h-flow-num {
  font-family: "Manrope", system-ui, sans-serif;
  letter-spacing: -0.04em !important;
}

/* Painterly Horizon Footer watermark & English switch */
html[dir="rtl"] .h-footer-watermark {
  font-family: "Manrope", system-ui, sans-serif;
  letter-spacing: -0.055em !important;
  direction: ltr;
}

html[dir="rtl"] .h-footer-links a[lang="en"] {
  font-family: "Manrope", system-ui, sans-serif;
}

/* ---------- v11 Split Hero, Meet aunit OS & Combined Engineering RTL Parity (/ar) ---------- */
html[dir="rtl"] .h-policy-head strong,
html[dir="rtl"] .h-policy-row,
html[dir="rtl"] .h-policy-row b,
html[dir="rtl"] .invitation h2,
html[dir="rtl"] .questions h2 {
  letter-spacing: 0 !important;
}

html[dir="rtl"] .h-hero-copy h1 {
  font-size: clamp(38px, 4.2vw, 58px);
  line-height: 1.15;
}

html[dir="rtl"] .h-demo-link {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] .invitation h2,
html[dir="rtl"] .questions h2 {
  line-height: 1.2;
}

html[dir="rtl"] .h-cmd-box .h-bub-ai {
  border-left: 0;
  border-right: 2px solid #5d95ff;
}

html[dir="rtl"] .h-eng-steps {
  padding: 0 30px 0 0;
}

html[dir="rtl"] .h-eng-steps .h-flow-line {
  left: auto;
  right: 6px;
}

html[dir="rtl"] .h-eng-steps .h-flow-dot,
html[dir="rtl"] .h-eng-steps .h-flow-step:first-of-type .h-flow-dot {
  left: auto;
  right: -30px;
}

html[dir="rtl"] .h-pod-deploy code {
  direction: ltr;
  unicode-bidi: isolate;
}