/* Hebrew uses logical layout; only numbers, addresses and wordmarks stay LTR. */
html[dir="rtl"] :is(h1,h2,h3,h4,.eyebrow,.of-eyebrow,.cl-eyebrow,.cl-tagline,.pc-eyebrow){letter-spacing:0}
html[dir="rtl"] :is(.legal-heading h1,.legal-copy h2){letter-spacing:0;line-height:1.25}
html[dir="rtl"] :is(.cs-cockpit,.of-cockpit-path){direction:rtl;text-align:start}
html[dir="rtl"] .cs-cockpit-top>span{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .cs-progress span{transform-origin:right center}
html[dir="rtl"] .cs-filling b::after{margin-left:0;margin-inline-start:2px}
html[dir="rtl"] :is(.cs-field b,.cs-created p,.cs-created>b){unicode-bidi:plaintext}
html[dir="rtl"] .cl-continue>span:last-child svg{transform:rotate(90deg)}
html[dir="rtl"] .cl-module-head[aria-expanded="false"] svg{transform:rotate(90deg)}
/* The password text is LTR, while its reveal button stays at the RTL inline end. */
html[dir="rtl"] .auth-input-wrap:has([data-account="password"])>input{padding-left:49px;padding-right:14px}
html[dir="rtl"] :is(.contact-email,.ep-bio>a,.ep-stats b,.cl-duration,.pricing-currency button){unicode-bidi:isolate}
html[dir="rtl"] :is(.ep-bio>a,.ep-stats b,.cl-duration){direction:ltr}
html[dir="rtl"] .estimate-card small{direction:rtl}
html[dir="rtl"] .cs-field>span{letter-spacing:0;line-height:1.6}
html[dir="rtl"] .learn-demo-nav{flex-wrap:wrap;gap:6px 12px}
html[dir="rtl"] .learn-demo-nav span{letter-spacing:0}
@media(max-width:767px){
 html[dir="rtl"] .cs-live-captions{height:210px}
 html[dir="rtl"] .cs-live-caption h3{line-height:1.3}
 html[dir="rtl"] .cs-live-caption p{line-height:1.7}
}
html[dir="rtl"] input[dir="auto"]:placeholder-shown{direction:rtl;text-align:start}
html[dir="rtl"] :is(.cs-live-caption>span,.pf-chapter>span,.voice-storyboard-top>strong,.of-demo-count,.world-mobile-count){direction:ltr;unicode-bidi:isolate;display:inline-block}
html[dir="rtl"] :is(.cs-cockpit-top small,.cs-group-title,.cs-field>span){font-family:var(--font)}



html[dir="rtl"] :is([data-course-loop-count],.case-carousel-progress){direction:ltr;unicode-bidi:isolate}

/* Navigation arrows share one RTL reflection; media, vertical arrows and other icons keep their meaning. */
html[dir="rtl"] svg[data-icon]>.icon-direction{transform-origin:0 0;transform:translateX(24px) scaleX(-1)}

/* Mirror the decision flow positions without reflecting its readable labels. */
html[dir="rtl"] :is(.pd-agent-label,.pd-policy-label){transform:translateX(50%)}

/* Keep the vision heading over the image's left-hand negative space. */
@media(min-width:768px){
 html[dir="rtl"] .about-vision-heading{align-self:flex-end;width:fit-content}
}

/* Hebrew hero copy stays right-aligned inside the left-hand composition. */
@media(min-width:801px){
 html[dir="rtl"] body[data-route^="/use-cases/"] .case-detail-hero>.shell{
  direction:ltr;grid-template-columns:minmax(0,max-content) minmax(max-content,1fr);column-gap:24px;
 }
 html[dir="rtl"] .case-detail-hero>.shell>*{direction:rtl;text-align:start}
 html[dir="rtl"] .case-detail-hero>.shell>:is(.case-hero-nav,h1){grid-column:1}
 html[dir="rtl"] .case-detail-hero>.shell>p{width:auto;white-space:normal;justify-self:end}
 html[dir="rtl"] body[data-route^="/use-cases/"] .case-detail-hero>.shell>.case-demo-link{
  justify-self:end;margin:0;
 }
 html[dir="rtl"] .case-detail-intro::after{
  background:linear-gradient(90deg,#080808da,#08080825),linear-gradient(#080808aa,transparent 35%,#08080845);
 }
}
@media(min-width:801px) and (max-width:900px){
 html[dir="rtl"] body[data-route^="/use-cases/"] .case-detail-hero h1{font-size:56px}
}