/* The selector stays on the physical right in every writing direction. */
.site-language { position:fixed; top:20px; right:24px; z-index:1100; direction:ltr; font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; color:#142239; }
.site-language button { font:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.site-language-trigger { display:flex; align-items:center; gap:10px; min-height:44px; padding:10px 16px; border:1px solid #d9ddeb; border-radius:999px; color:#142239; background:linear-gradient(110deg,#f7f3ff,#f1fff8); box-shadow:0 3px 16px #133b2610; font-size:13px!important; font-weight:650!important; }
.site-language-trigger > svg:first-child { color:#8053ef; flex-shrink:0; }
.site-language-caret { color:#328c79; transition:transform .15s; }
.site-language-trigger[aria-expanded="true"] .site-language-caret { transform:rotate(180deg); }
.site-language button:focus-visible { outline:3px solid #8b5cf6; outline-offset:3px; }
.site-language-menu[hidden] { display:none!important; }
.site-language-menu { position:absolute; top:calc(100% + 9px); right:0; width:350px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 88px); overflow:auto; display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:12px; background:#fffffff7; backdrop-filter:blur(18px); border:1px solid #e4eee8; border-radius:20px; box-shadow:0 18px 60px #18312824; }
.site-language-menu button { position:relative; display:grid; align-content:center; gap:3px; min-height:54px; min-width:0; padding:9px 26px 9px 12px; text-align:start; color:#142239; border:0; border-radius:12px; background:transparent; }
.site-language-menu button[dir="rtl"] { direction:ltr; text-align:left; padding:9px 26px 9px 12px; }
.site-language-menu button[dir="rtl"] b { direction:rtl; text-align:left; }
.site-language-menu b { font-size:13px; font-weight:650; line-height:1.4; overflow-wrap:anywhere; }
.site-language-menu small { color:#748278; font-size:10px; line-height:1.3; }
.site-language-menu button:hover { background:#f1f7f4; }
.site-language-menu button[aria-checked="true"] { background:#e5f9ed; color:#076232; }
.site-language-check { display:none; position:absolute; right:9px; top:18px; font-size:17px; color:#08a74d; }
.site-language-menu button[dir="rtl"] .site-language-check { left:auto; right:9px; }
.site-language-menu button[aria-checked="true"] .site-language-check { display:block; }
.site-language-status { display:block; max-width:240px; font-size:12px; line-height:1.5; }
.site-language-status:not(:empty) { margin-top:8px; padding:10px; border-radius:12px; background:#fff; box-shadow:0 4px 20px #0002; }
/* Flexible copy accommodates naturally longer languages without clipping. */
html[data-site-language]:not([data-site-language="en"]) .growth-copy h1 { font-size:clamp(36px,3.4vw,66px); line-height:1.14; overflow-wrap:break-word; }
html[data-site-language]:not([data-site-language="en"]) .growth-copy h1 > span { white-space:normal; }
html[data-site-language]:not([data-site-language="en"]) .growth-actions { flex-wrap:wrap; }
html[data-site-language]:not([data-site-language="en"]) .growth-proof-grid > button { height:auto; min-height:160px; }
html[data-site-language]:not([data-site-language="en"]) :is(.bp-desc,.bp-feats,.bp-cta) { overflow-wrap:anywhere; }
html[lang="ar"] body { font-family:Tahoma,"Segoe UI",Arial,sans-serif; }
html[lang="hi"] body { font-family:"Nirmala UI","Devanagari Sangam MN",system-ui,sans-serif; }
html[lang="zh-CN"] body { font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif; }
html[dir="rtl"] :is(.growth-copy,.growth-proof-grid,.fq-a,.fq-text,.ft-blurb,.ft-cta,.bp-desc,.bp-feats) { text-align:right; }
html[dir="rtl"] :is(.growth-platforms,.ft-platforms,.bp-price,.hero-media,.wm-dock) { direction:ltr; }
html[dir="rtl"] .growth-copy h1 { letter-spacing:0; }
html[dir="rtl"] .growth-trust { direction:rtl; }
html[dir="rtl"] :is(.fq-btn-go,.ft-cta-go > svg) { transform:scaleX(-1); }
/* The detailed demo canvases retain their geometry; text follows the selected script. */
html[dir="rtl"] :is(.pw-canvas,.pet-canvas,.an-canvas,.enterprise-agent-phone) { direction:ltr; }
html[dir="rtl"] :is(.pw-canvas,.pet-canvas,.an-canvas,.enterprise-agent-phone) :is(p,h2,h3,h4,b,small) { direction:rtl; }
@media (max-width:760px) {
  .site-language { top:9px; right:12px; }
  .site-language-trigger { min-height:40px; padding:8px 11px; gap:7px; max-width:170px; }
  .site-language-label { max-width:105px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .site-language-menu { width:330px; padding:9px; }
  .m-bar { padding-right:190px!important; }
  .m-bar-cta,.m-bar-link { display:none!important; }
  body:has(> .site-language):not(:has(.growth-hero)) { padding-top:64px; }
  html[data-site-language]:not([data-site-language="en"]) .growth-copy h1 { font-size:clamp(32px,7.5vw,54px); }
}
@media (prefers-reduced-motion:reduce) { .site-language-caret { transition:none; } }
/* Leave room for the selector beside visitor-page headers. */
body:has(> .site-language) .legal-topbar { padding-right:210px; }
body:has(> .site-language) > header.shell .nav { padding-right:185px; }
html[dir="rtl"] .legal-topbar { direction:ltr; }
html[dir="rtl"] :is(.lg-sub,.lg-sec,.lg-toc,.lg-table) { text-align:right; }
html[dir="rtl"] :is(.lg-toc a,.lg-switch) { direction:rtl; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-core h4 { font-size:29px; line-height:1.15; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-hero h3 { font-size:27px; line-height:1.2; }
html[lang="zh-CN"] .growth-copy h1 > i,
html[lang="hi"] .growth-copy h1 > i { font-style:normal; }
@media (max-width:760px) {
  body:has(> .site-language) .legal-topbar { padding-right:18px; position:relative; }
  body:has(> .site-language) .legal-back { height:auto; min-height:38px; }
  body:has(> .site-language) > header.shell .nav { padding-right:22px; }
  html[dir="rtl"] :is(.growth-actions,.growth-platforms) { justify-content:center; }
}

/* Preserve the original English canvas and column design. Only localized text expands. */
@media(min-width:1025px) {
  html[data-site-language]:not([data-site-language="en"]) #bujjiPetMode .pet-biz,
  html[data-site-language]:not([data-site-language="en"]) #bujjiPetMode :is(.pet-pomo,.pet-wellness,.pet-notes,.pet-planner,.pet-privacy) { height:auto!important; min-height:180px; }
  html[data-site-language]:not([data-site-language="en"]) #bujjiPetMode .pet-biz-card { height:auto; min-height:204px; }
  html[data-site-language]:not([data-site-language="en"]) #bujjiPetMode .pet-hud { height:auto; }
  html[data-site-language]:not([data-site-language="en"]) #bujjiPetMode .pet-panel h4 { font-size:14px; line-height:1.35; }
  html[data-site-language]:not([data-site-language="en"]) #bujjiPetMode .pet-note-grid { flex:none; min-height:auto; }
  html[data-site-language]:not([data-site-language="en"]) #bujjiPetMode .pet-note p { flex:none; display:block; line-height:1.5; }
  html[data-site-language]:not([data-site-language="en"]) #bujjiAnalytics .an-board { height:auto; min-height:1036px; padding-bottom:20px; }
  html[data-site-language]:not([data-site-language="en"]) #bujjiAnalytics .an-grid { grid-auto-rows:minmax(256px,auto); }
  html[data-site-language]:not([data-site-language="en"]) #bujjiAnalytics .an-card { min-height:256px; height:auto; }
  html[data-site-language]:not([data-site-language="en"]) #bujjiAnalytics .an-card > header b { font-size:12.5px; line-height:1.4; }
  html[data-site-language]:not([data-site-language="en"]) #bujjiAnalytics .an-table { table-layout:fixed; }
  html[data-site-language]:not([data-site-language="en"]) #bujjiAnalytics .an-table :is(th,td) { padding-inline:4px; overflow-wrap:anywhere; line-height:1.4; }
  html[data-site-language]:not([data-site-language="en"]) #bujjiAnalytics .an-table :is(th,td):first-child { width:43%; }
  html[data-site-language]:not([data-site-language="en"]) #bujjiAnalytics .an-chips { flex-wrap:wrap; }
  html[data-site-language]:not([data-site-language="en"]) #bujjiAnalytics .an-foot { flex-wrap:wrap; }
  html[data-site-language]:not([data-site-language="en"]) #bujjiAnalytics .an-chips { flex-basis:100%; }
}
html[data-site-language]:not([data-site-language="en"]) #bujjiVoiceDemo .voice-intro-panel h2 { white-space:normal; font-size:28px; line-height:1.25; }
/* RTL applies to reading order, never to the origin of a scaled illustration. */
html[dir="rtl"] :is(.voice-col,.pw-canvas,.pet-canvas,.an-canvas,.bp-canvas,.fq-canvas,.mockup-create-demo,.broadcast-visual,.ads-visual,.enterprise-phone-zone) { direction:ltr; }
html[dir="rtl"] :is(.voice-intro-panel > h2,.voice-intro-panel > p,.voice-benefits button,.voice-browser main,.voice-alert-panel,.voice-flow button,.voice-assurance > span,.enterprise-agent-copy,.enterprise-data-copy,.fq-left,.fq-right) { direction:rtl; text-align:right; }
html[dir="rtl"] #bujjiVoiceDemo :is(h2,h3,h4,b) { letter-spacing:normal; }
html[data-site-language]:not([data-site-language="en"]) #bujjiPetMode .pet-mood-list button { min-width:0; width:100%; grid-template-columns:28px minmax(0,1fr) 16px; gap:5px; padding:6px; min-height:50px; }
html[data-site-language]:not([data-site-language="en"]) #bujjiPetMode .pet-mood-list img { width:28px; height:28px; }
html[data-site-language]:not([data-site-language="en"]) #bujjiPetMode .pet-mood-list b { font-size:11.5px; line-height:1.4; overflow-wrap:break-word; }
html[dir="rtl"] #bujjiVoiceDemo .voice-stat-row small { margin-left:0; margin-right:39px; }
/* A scaled canvas still occupies its unscaled width in normal flow. RTL on
   its containing block right-aligns that box before the left-origin scale,
   clipping the left edge and leaving a blank strip on the right. Keep the
   containing block's geometry LTR as well as the canvas itself. */
html[dir="rtl"] :is(.bujji-overview-card,.bujji-pet-card,.bujji-analytics-card,.bujji-pricing-card,.bujji-feedback-card,.bujji-faq-card) { direction:ltr; }
html[dir="rtl"] :is(.bp-desc,.bp-feats,.bp-cta,.ef-card) { direction:rtl; }
/* The left rail shares its space with the template preview on its right. */
html[dir="rtl"] #bujjiOverview .pw-core > :is(.pw-150,h4) { width:180px; text-align:right; }
html[dir="rtl"] #bujjiOverview .pw-core .pw-150::after { direction:ltr; }
/* The carousel advances with negative X offsets, so its slide order is LTR. */
html[dir="rtl"] #heroMedia { direction:ltr; }
/* Translated labels may wrap inside their own grid cell, never into a sibling. */
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-ai .pw-chips { grid-template-columns:repeat(2,minmax(0,1fr)); }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-ai .pw-chips > span { min-width:0; white-space:normal; font-size:9.5px; line-height:1.25; padding-inline:5px; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-ai h4 { font-size:24px; line-height:1.15; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-ai > p { font-size:11px; line-height:1.4; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-hero-left { min-width:0; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-hero .pw-chips > span { min-width:0; white-space:normal; overflow-wrap:break-word; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-hero-sub { font-size:13px; line-height:1.35; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-hero-right b { font-size:11px; line-height:1.25; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-hero-right small { font-size:9px; line-height:1.3; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-hero-right { grid-template-columns:repeat(2,minmax(0,1fr)); }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-hero-right :is(span,b,small) { min-width:0; overflow-wrap:break-word; hyphens:auto; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-hero > .pw-kpis > span { min-width:0; padding:5px 7px 17px; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-hero > .pw-kpis small { font-size:8.5px; line-height:1.1; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-hero > .pw-kpis b { font-size:14px; line-height:1.15; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-hero > .pw-kpis em { font-size:8.5px; line-height:1.2; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-analytics header { align-items:flex-start; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-analytics .pw-area { height:48px; margin-top:8px; }
html[data-site-language]:not([data-site-language="en"]) #bujjiOverview .pw-analytics .pw-kpis.small { margin-top:6px; }
html[data-site-language]:not([data-site-language="en"]) #bujjiVoiceDemo .voice-assurance { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); }
html[data-site-language]:not([data-site-language="en"]) #bujjiVoiceDemo .voice-assurance :is(b,small) { min-width:0; white-space:normal; overflow-wrap:break-word; line-height:1.35; }
html[data-site-language]:not([data-site-language="en"]) #bujjiVoiceDemo .voice-workspace-panel { height:auto; min-height:925px; padding-bottom:16px; }
@media(min-width:1025px) {
  html[lang="ar"] #bujjiAnalytics :is(.an-bubble,.an-live) { left:280px; width:157px; }
  html[lang="ar"] #bujjiAnalytics .an-hero-bot { left:-30px; }
}
