.header-actions [data-language-picker]{display:flex;align-items:center}
.header-actions .language-picker{font:inherit;color:inherit;border:1px solid currentColor;border-radius:6px;background:transparent;padding:7px 6px;max-width:88px;cursor:pointer}
.language-picker:focus-visible{outline:2px solid #9bdd46;outline-offset:3px}
html[lang="he"] #landing,html[lang="he"] .pricing-modal{font-family:Rubik,Arial,sans-serif}
html[lang="he"] #landing h1:not([translate="no"]),html[lang="he"] #landing h2:not([translate="no"]),html[lang="he"] #landing h3:not([translate="no"]),html[lang="he"] #landing h4:not([translate="no"]){letter-spacing:0}
html[lang="he"] #landing .eyebrow,html[lang="he"] #landing .price-label,html[lang="he"] #landing .preview-kicker{letter-spacing:0}
/* Hebrew has no capitals, so caps-style spacing means nothing there, and negative tracking makes the final
   forms (ם ן ף) collide. Size tiers that use --hr-font-tracking-* already resolve to 0 under dir=rtl; these
   hard-coded ones are reset here. Martian Mono has no Hebrew glyphs: Hebrew labels set in it take Rubik.
   The phone app (#m) sits outside #landing. Prices, counters and the English brand phrase keep their tracking. */
html[lang="he"] :is(#landing .start-when,#landing .know-status,#landing .know-foot,#landing .trust small,#landing .journey-copy-stage,#landing .journey-next small,#landing .pricing-calc-field label,#landing .pricing-calc-label,#landing .live-head,#landing .spark-note,#landing .story-dark .tagline,#landing .audience-card .label,.pricing-modal-section>span,.pricing-modal-limit span){letter-spacing:0}
html[lang="he"] :is(#landing .eyebrow,#landing .journey-copy-stage,#landing .pricing-calc-field label,#landing .pricing-calc-label,#landing .start-step .num,.pricing-modal .eyebrow){font-family:Rubik,system-ui,sans-serif}
html[lang="he"] #m :is(.m-head h2:not([translate="no"]),.m-life b,.m-agency b,.m-my-hi b,.m-my-next b){letter-spacing:0}
html[lang="he"] #m .m-head h2:not([translate="no"]){line-height:1.12}
html[lang="he"] #m :is(.m-num,.m-eyebrow,.m-note-app,.m-post-group,.m-bubble-app,.m-a p b,.m-my-next small,.m-plan-tag,.m-life time){letter-spacing:0;font-family:Rubik,system-ui,sans-serif}
html[dir="rtl"] #landing .logo,html[dir="rtl"] #landing .app-logo{direction:ltr}
/* Every forward arrow points along the reading direction, and its hover nudge goes the same way. The mirror
   lives in `transform` and outranks the hover nudge that landing-finish.css also writes in `transform`, so the
   Hebrew hover state carries both: nudge first in the list, i.e. applied after the flip, so -4px moves left.
   (Mirroring with the `scale` property instead would flip that nudge back to the right.) The separate `translate`
   nudge in landing-motion.css composes outside both and already follows --hr-dir. No nudge under reduced motion. */
html[dir="rtl"] #landing :is(.book,.cta-dark,.explore)>span{transform:translateX(0) scaleX(-1)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html[dir="rtl"] #landing :is(.book,.cta-dark,.explore):hover>span{transform:translateX(-4px) scaleX(-1)}
}
html[dir="rtl"] .pricing-value,html[dir="rtl"] .pricing-modal-value,html[dir="rtl"] .pricing-breakdown{unicode-bidi:plaintext}

html[lang="he"] #landing .audience-card.active::after{content:"נבחר"}

/* The English brand phrase is shared by the intro and its landing target. */
html[lang="he"]:not([data-landing-theme="sapphire"]) #landing .hero h1[translate="no"]{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}

/* Desktop Hebrew uses the same composition and motion, with logical inner gutters. */
@media(min-width:901px){
  #landing .header-actions [data-language-picker]{position:relative}
  #landing .header-actions [data-language-picker]::after{
    content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;
    border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
    transform:translateY(-70%) rotate(45deg);pointer-events:none;
  }
  #landing .header-actions .language-picker{
    appearance:none;padding:9px 34px 9px 12px;max-width:none;min-width:96px;
  }
  #landing .journey-links a[hidden]{display:none}
  /* The intro measures these line boxes: fit them to the words before aligning. */
  html[lang="he"] #landing .hero h1[translate="no"]{display:flex;flex-direction:column;text-align:right}
  html[lang="he"] #landing .hero h1[translate="no"] .line{align-self:flex-end;inline-size:max-content;max-inline-size:100%}
  html[lang="he"] #how-you-start .how-line{white-space:normal;overflow-wrap:normal;text-wrap:balance}
  html[lang="he"] #landing .story-heading-line{white-space:nowrap}
  html[lang="he"] #landing .story-heading-line br{display:none}
  html[lang="he"] #landing .story-copy h3{font-size:clamp(38px,4vw,57px);line-height:1.12}
  html[lang="he"] #landing .journey-tab{text-align:start;padding-inline:0 18px}
  html[lang="he"] #landing .journey-tab+.journey-tab{padding-inline-start:20px}
  html[lang="he"] #landing .journey-visual{padding:48px 0;padding-inline-end:48px}
  html[lang="he"] #landing .journey-copy{border-left:0;border-inline-start:1px solid var(--line);padding:48px 0;padding-inline-start:42px}
  html[lang="he"] #landing .journey-window{grid-template-columns:156px minmax(0,1fr)}
  html[lang="he"] #landing .journey-side{border-right:0;border-inline-end:1px solid var(--line)}
  html[lang="he"] #landing .journey-top{flex-wrap:wrap}
  html[lang="he"] #landing .journey-search{max-inline-size:100%}
  html[lang="he"] #landing .candidate-row{grid-template-columns:34px minmax(0,1.5fr) minmax(0,.72fr) minmax(0,.62fr)}
  html[lang="he"] #landing .candidate-row>*{min-inline-size:0}
  html[lang="he"] #landing .match,html[lang="he"] #landing .candidate-status{max-inline-size:100%;overflow-wrap:normal}
}
/* Keep the existing stacked desktop composition when two previews cannot fit. */
@media(min-width:901px) and (max-width:1200px){
  html[lang="he"] #landing .journey-stage{grid-template-columns:1fr;min-height:0}
  html[lang="he"] #landing .journey-visual{padding:32px 0}
  html[lang="he"] #landing .journey-copy{border-inline-start:0;border-top:1px solid var(--line);padding:30px 0}
}