@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("/assets/fonts/IBMPlexSansArabic-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("/assets/fonts/IBMPlexSansArabic-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("/assets/fonts/IBMPlexSansArabic-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("/assets/fonts/IBMPlexSansArabic-Bold.woff2") format("woff2");
  font-weight: 700 800;
  font-style: normal;
  font-display: swap;
}

html[lang="ar-SA"] {
    font-family: var(--bai-font-arabic);
    text-size-adjust: 100%;
  }

  body.premium-demo {
    font-family: var(--bai-font-arabic);
    font-size: var(--bai-font-size-md);
    line-height: var(--bai-line-body);
    letter-spacing: 0;
    text-rendering: optimizeLegibility;
  }

  .premium-demo :where(h1, h2, h3, h4, h5, h6) {
    margin-block: 0 var(--bai-space-4);
    color: var(--bai-text);
    font-family: var(--bai-font-arabic);
    font-weight: var(--bai-font-weight-bold);
    letter-spacing: 0;
    text-wrap: balance;
  }

  .premium-demo h1 {
    font-size: var(--bai-font-size-3xl);
    line-height: var(--bai-line-tight);
    max-inline-size: 12ch;
  }

  .premium-demo h2 {
    font-size: var(--bai-font-size-2xl);
    line-height: var(--bai-line-heading);
  }

  .premium-demo h3 {
    font-size: var(--bai-font-size-lg);
    line-height: var(--bai-line-heading);
  }

  .premium-demo p,
  .premium-demo li,
  .premium-demo dd,
  .premium-demo input,
  .premium-demo textarea,
  .premium-demo select,
  .premium-demo button {
    font-family: inherit;
    letter-spacing: 0;
  }

  .premium-demo p,
  .premium-demo li,
  .premium-demo dd {
    line-height: var(--bai-line-body);
  }

  .premium-demo .direct-answer,
  .premium-demo .workspace-copy p,
  .premium-demo .comparison p,
  .premium-demo .use-cases p,
  .premium-demo .faq p,
  .premium-demo .final-cta p,
  .premium-demo .bai-executive-summary {
    color: var(--bai-text-muted);
    font-size: var(--bai-font-size-md);
    line-height: var(--bai-line-relaxed);
  }

  .premium-demo :where(small, .privacy-note, .eyebrow, .badge, .trust-badge) {
    font-size: var(--bai-font-size-sm);
    line-height: 1.7;
  }

  .premium-demo bdi,
  .premium-demo [dir="ltr"] {
    unicode-bidi: isolate;
  }