.language-switcher { display:inline-flex; flex:none; align-items:center; gap:2px; padding:3px; border:1px solid #e4d9cf; border-radius:11px; background:#fcfaf8; }
.language-switcher button { appearance:none; border:0; border-radius:7px; padding:7px 9px; min-height:32px; font:700 12px/1.25 'Plus Jakarta Sans',system-ui,sans-serif; cursor:pointer; color:#475569; background:transparent; }
.language-switcher button[aria-pressed="true"] { background:var(--rfw-accent); color:var(--rfw-accent-ink); box-shadow:0 1px 3px rgba(var(--rfw-accent-rgb),.22); }
.language-switcher button:hover:not([aria-pressed="true"]) { background:var(--rfw-accent-soft); color:#0f172a; }
.language-switcher button:focus-visible { outline:3px solid var(--rfw-accent-drawing); outline-offset:2px; }
section[id] { scroll-margin-top:110px; }
.journey-player { width:100%; aspect-ratio:16/9; }
.site-topbar { box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; flex:none; padding:10px 16px; background:#fff; border:1px solid #eadfd6; border-radius:14px; }
.site-topbar .site-home { font:800 18px/1.25 'Plus Jakarta Sans',system-ui,sans-serif; color:#0f172a; text-decoration:none; white-space:nowrap; }
.site-topbar .site-home span { color:var(--rfw-accent); }
body.embed .site-topbar, body.record .site-topbar { display:none; }
@media (max-width:1023px) {
  .journey-player { aspect-ratio:1; }
}
@media (max-width:639px) {
  section[id] { scroll-margin-top:96px; }
  .language-switcher button { padding:7px 8px; }
  .journey-player { aspect-ratio:9/16; }
}

/* Logical text flow; the illustrated coordinate system stays stable. */
html[dir="rtl"] { font-family:Tahoma,Arial,sans-serif; }
html[dir="rtl"] :is(h1,h2,h3,h4,.title,.kicker,.eyebrow,.hand) { font-family:Tahoma,Arial,sans-serif; letter-spacing:normal; }
html[dir="rtl"] :is(p,li,span,a,button) { letter-spacing:normal!important; }
html[dir="rtl"] :is(input[type="email"],input[type="tel"],.language-switcher,.brand,.site-home) { direction:ltr; }
html[dir="rtl"] :is(.s-text,.s-foot,.overlay,.bubtxt,.caption) { direction:rtl; }
html[dir="rtl"] :is(#viz,#stage,#frame svg) { direction:ltr; }
html[dir="rtl"] :is(.s-text,.hero-story-summary,.demo-card,.demo-modal) { text-align:start; }
html[dir="rtl"] :is(ul,ol) { padding-inline-start:1.5em; padding-inline-end:0; }
html[dir="rtl"] .s-text .arrow { transform:scaleX(-1); }
@media(max-width:640px) { .site-header .container { flex-wrap:wrap; } .language-switcher button { padding:7px; min-width:30px; } .site-topbar { gap:8px; padding:8px; } .site-topbar .site-home { font-size:16px; } }