/* Language control inherits the site's existing typography, cream and border palette. */
.language-picker{position:relative;flex:0 0 auto;z-index:100;margin:0;font-size:13px;line-height:1.4;color:#20201f;text-align:left}
.language-picker summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 10px;border:1px solid #e9e7e1;border-radius:12px;background:#fff;cursor:pointer;list-style:none;white-space:nowrap;font-weight:500}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.language-chevron{font-size:15px;line-height:1}
.language-picker[open] .language-chevron{transform:rotate(180deg)}
.language-picker summary:focus-visible,.language-options a:focus-visible{outline:3px solid #786000;outline-offset:3px}
.language-options{position:absolute;right:0;top:calc(100% + 8px);width:230px;max-width:calc(100vw - 32px);max-height:min(70vh,520px);overflow:auto;margin:0;padding:7px;list-style:none;border:1px solid #dedbd2;border-radius:14px;background:#fff;box-shadow:0 12px 36px #413a2c20}
.language-options li{margin:0;padding:0}
.language-options a{display:flex;align-items:center;min-height:40px;margin:0;padding:9px 12px;border:0;border-radius:8px;text-decoration:none;font:inherit;color:inherit;line-height:1.4}
.language-options a:hover,.language-options a:focus-visible{background:#f4f1e9}
.language-options a[aria-current=true]{background:#fff3b4;font-weight:600}
.site-header{gap:20px}
.site-header nav{margin-left:auto}
.site-header .header-cta.install-cta{display:inline-flex;white-space:normal;text-align:center;max-width:280px;min-width:0;line-height:1.35}
.site-header .cta-label{min-width:0;overflow-wrap:anywhere}
.hero-actions .button,.closing .button,.result-actions .button{white-space:normal;max-width:100%;text-align:center}
.page-content :is(h1,h2,h3){overflow-wrap:anywhere;hyphens:auto}
@media(max-width:1100px){.site-header{gap:12px}.site-header nav{gap:18px}.site-header .header-cta.install-cta{max-width:230px}}
@media(max-width:900px){
 .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;padding:18px 20px}
 .site-header>.brand{grid-column:1;grid-row:1;min-width:0}
 .site-header>nav{display:none!important}
 .site-header>.language-picker{grid-column:2;grid-row:1;justify-self:end}
 .site-header .header-cta.install-cta{grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%;max-width:none;min-height:44px;font-size:13px;padding:11px 14px;gap:8px}
 .language-picker{font-size:12px}
 .language-picker summary{padding:8px;gap:6px}
}
@media(max-width:380px){.site-header{padding-inline:14px;gap:12px 8px}.site-header>.brand{font-size:18px;gap:7px}.language-picker summary{font-size:11px;gap:5px}.language-picker summary svg{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.language-picker *{scroll-behavior:auto}}
/* Locale direction belongs to content, not the photographed desk or cursor coordinates */
html[dir=rtl] body{font-family:Arial,"Onest",sans-serif}
html[dir=rtl] :is(h1,h2,h3){letter-spacing:normal}
html[dir=rtl] .site-header nav{margin-left:0;margin-right:auto}
html[dir=rtl] .language-picker{text-align:right}
html[dir=rtl] .language-options{right:auto;left:0}
html[dir=rtl] :is(.brand,.browser-bar,.plan-price){direction:ltr}
html[dir=rtl] :is(.desk-scene,.voice-stage,.actor-screen,.voice-screenshot){direction:ltr}
html[dir=rtl] :is(.capture-card,.guide-paper,.spoken-card,.voice-transform){direction:rtl;text-align:right}
html[dir=rtl] :is(.monitor-screen,.actor-screen,.voice-screenshot) :is(button,td,th,p,h2,h3,b,span){direction:rtl}
html[dir=rtl] :is(.orders-table th,.customer-link,.customer-row,.voice-heading,.demo-invite,.editor-heading,.footer-column){text-align:right}
html[dir=rtl] :is(.captured-steps,.result-steps,.slide-controls){direction:ltr}
html[dir=rtl] :is(.step-body,.result-steps li){direction:rtl;text-align:right}
html[dir=rtl] .voice-wave{margin-left:0;margin-right:auto}
html[dir=rtl] .paper-brand>span{margin-left:0;margin-right:auto}
html[dir=rtl] :is(.demo-result ol,.plan-features){padding-left:0;padding-right:25px}
html[dir=rtl] :is(.editor-field,.editor-description){text-align:right}
html[dir=rtl] :is(.voice-transform,.voice-heading,.demo-invite){text-align:center}
@media(max-width:900px){html[dir=rtl] .site-header>.language-picker{justify-self:end}}
@media(max-width:760px){html[dir=rtl] :is(.voice-heading,.demo-invite){text-align:right}}