/* Localized marketing copy uses the selected document direction. */
html[dir="rtl"] body,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .font-display {
  font-family: "Noto Sans Arabic", Tahoma, sans-serif;
  letter-spacing: normal;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3 { line-height: 1.5; }

html[dir="rtl"] .text-left { text-align: start; }
html[dir="rtl"] .text-right { text-align: end; }
html[dir="rtl"] .directional-icon { transform: scaleX(-1); }
html[dir="rtl"] .scroll-progress { transform-origin: right center; }
html[dir="rtl"] .flow-step.is-active { transform: translateX(-8px); }
html[dir="rtl"] .pl-5 { padding-left: 0; padding-right: 1.25rem; }
html[dir="rtl"] .pl-6 { padding-left: 0; padding-right: 1.5rem; }
html[dir="rtl"] .pr-12 { padding-right: 0; padding-left: 3rem; }
html[dir="rtl"] .ml-1 { margin-left: 0; margin-right: .25rem; }
html[dir="rtl"] .border-l-2 { border-left-width: 0; border-right-width: 2px; }
html[dir="rtl"] .border-r { border-right-width: 0; border-left-width: 1px; }

.pricing-select { padding-inline: 1rem 2.75rem; }
html[dir="rtl"] .pricing-select-wrap::after { right: auto; left: 1rem; }
html[dir="rtl"] [data-plan-price],
html[dir="rtl"] [data-weekly-ai],
html[dir="rtl"] [data-flow-document] { direction: ltr; unicode-bidi: isolate; }

@media (min-width: 640px) {
  html[dir="rtl"] .sm\:pl-8 { padding-left: 0; padding-right: 2rem; }
  html[dir="rtl"] .sm\:border-r { border-right-width: 0; border-left-width: 1px; }
}
@media (min-width: 1024px) {
  html[dir="rtl"] .lg\:border-l { border-left-width: 0; border-right-width: 1px; }
}
@media (max-width: 1023px) {
  html[dir="rtl"] .flow-step.is-active { transform: none; }
}

.marketing-footer-language .language-switch {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  margin: 0;
}
.marketing-footer-language .language-switch:has(details[open]) { z-index: 60; }
.marketing-footer-language .language-switch summary {
  display: flex;
  min-height: 2.75rem;
  align-items: center;
  gap: .375rem;
  padding-inline: .625rem;
  border: 1px solid var(--line);
  border-radius: .75rem;
  background: white;
  color: var(--ink);
  cursor: pointer;
  list-style: none;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 600;
}
.marketing-footer-language .language-switch summary::-webkit-details-marker { display: none; }
.marketing-footer-language .language-switch summary:hover,
.marketing-footer-language .language-switch details[open] summary { background: var(--paper); }
.marketing-footer-language .language-switch summary svg { width: 1rem; height: 1rem; flex: none; }
.marketing-footer-language .language-switch-short { display: none; }
.marketing-footer-language .language-switch summary .language-switch-chevron { width: .75rem; height: .75rem; transform: rotate(180deg); }
.marketing-footer-language .language-switch details[open] .language-switch-chevron { transform: rotate(0deg); }
.marketing-footer-language .language-switch-options {
  position: absolute;
  inset-block-end: calc(100% + .375rem);
  inset-inline-end: 0;
  z-index: 60;
  min-inline-size: 9.25rem;
  padding: .25rem;
  border: 1px solid var(--line);
  border-radius: .75rem;
  background: white;
  box-shadow: 0 12px 26px rgba(12, 24, 20, .12);
}
.marketing-footer-language .language-switch button {
  display: flex;
  width: 100%;
  min-height: 2.5rem;
  align-items: center;
  justify-content: space-between;
  gap: .875rem;
  padding: .5rem .625rem;
  border: 0;
  border-radius: .5rem;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 600;
  text-align: start;
}
.marketing-footer-language .language-switch button[aria-current="true"] { background: var(--mint); color: var(--pine); }
.marketing-footer-language .language-switch button:hover { background: var(--paper); }
.marketing-footer-language .language-switch-check { font-size: .9375rem; line-height: 1; }
[data-header] .marketing-header-brand { min-width: 0; }
[data-header] .marketing-header-brand svg,
[data-header] .marketing-menu-toggle { flex-shrink: 0; }
[data-header] .marketing-header-wordmark { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
[data-header] .marketing-wordmark-short { display: none; }

@media (max-width: 1439px) {
  [data-header] .marketing-header-links { display: none; }
  [data-header] .marketing-menu-toggle { display: flex; }
  [data-header] [data-mobile-menu]:not([hidden]) { display: block; }
}
@media (max-width: 1023px) {
  [data-header] .marketing-header-actions { display: none; }
}
@media (max-width: 479px) {
  /* Fit the available viewport even when a browser reserves a scrollbar gutter. */
  html body, body.marketing-page { min-width: 0; }
  /* Keep the viewport clipping explicit when the vertical scrollbar sits on the left. */
  html[dir="rtl"] { overflow-x: hidden; }
  [data-header] .marketing-header-brand { gap: .375rem; padding-inline: .25rem; }
  [data-header] .marketing-header-wordmark { max-width: none; font-size: .875rem; }
}
@media (max-width: 359px) {
  [data-header] nav { gap: .5rem; }
  [data-header] .marketing-wordmark-full { display: none; }
  [data-header] .marketing-wordmark-short { display: inline; }
}