/* AppWeb+ — language switcher + right-to-left (Arabic) adjustments. Loaded on every page. */
.lang{position:relative;display:inline-flex}
.lang-btn{appearance:none;border:1.5px solid currentColor;background:transparent;color:inherit;border-radius:99px;height:34px;min-width:44px;padding:0 12px;font:inherit;font-size:12px;letter-spacing:.08em;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-variation-settings:"wdth" 90,"wght" 700}
.lang-btn::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s}
.lang.open .lang-btn::after{transform:translateY(1px) rotate(-135deg)}
.lang-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:160px;list-style:none;margin:0;padding:8px;border-radius:16px;background:#fff;color:#0E0D12;box-shadow:0 24px 50px -20px rgba(14,13,18,.35),0 0 0 1px rgba(14,13,18,.08);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .25s,visibility .25s;z-index:90}
.lang.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-menu a{display:flex;justify-content:space-between;gap:16px;padding:9px 12px;border-radius:10px;text-decoration:none;font-size:14px;color:inherit}
.lang-menu a span{opacity:.5;font-size:12px;letter-spacing:.08em}
.lang-menu a[aria-current="true"]{background:#F4F2EC}
.lang-menu a[aria-current="true"]::before{content:"+";color:#FF6B4A;font-weight:900;margin-inline-end:auto;order:2}
@media (hover:hover) and (pointer:fine){.lang-menu a:hover{background:#F4F2EC;color:#FF6B4A}}
.site-header nav .lang{order:9}
@media(max-width:860px){.site-header nav .lang{display:none}}
.mnav .langs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.mnav .langs a{font-size:15px!important;line-height:1!important;padding:10px 14px;border:1.5px solid rgba(244,242,236,.35);border-radius:99px;text-transform:none!important;font-variation-settings:"wdth" 100,"wght" 600!important}
.mnav .langs a[aria-current="true"]{background:#FF6B4A;border-color:#FF6B4A;color:#fff}
.f-langs{display:inline-flex;flex-wrap:wrap;gap:6px 14px}
.f-langs a{text-decoration:none;color:inherit;opacity:.75}
.f-langs a[aria-current="true"]{opacity:1;font-weight:700;color:#FF6B4A}

/* ---------- Arabic / RTL ---------- */
html[lang="ar"] body{font-family:"Anybody","Alexandria",system-ui,sans-serif}
html[lang="ar"] .serif,html[lang="ar"] em{font-family:"Alexandria","Instrument Serif",serif;font-style:normal}
html[lang="ar"] .mono{font-family:"JetBrains Mono","Alexandria",monospace}
html[lang="ar"] *{letter-spacing:0!important}
html[dir="rtl"] .wrap{direction:rtl}
html[dir="rtl"] .lang-menu{text-align:right}

/* things that must keep reading left-to-right inside Arabic pages */
html[dir="rtl"] .mail,html[dir="rtl"] .brand,html[dir="rtl"] .f-big,html[dir="rtl"] a[href^="mailto"],html[dir="rtl"] a[href^="tel"] b,
html[dir="rtl"] footer a[href^="tel"],html[dir="rtl"] .mnav > .mono,html[dir="rtl"] .fd-search,html[dir="rtl"] .serp-q{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .nv,html[dir="rtl"] .num .val,html[dir="rtl"] .v-num,html[dir="rtl"] .ph-count b{direction:ltr;unicode-bidi:isolate;text-align:right}
/* mirrored decor & overlays */
html[dir="rtl"] .chapter{left:auto;right:var(--gut)}
html[dir="rtl"] .rail{right:auto;left:var(--gut)}
html[dir="rtl"] .bw-cap{left:auto;right:var(--gut)}
html[dir="rtl"] .bw-fig{right:auto;left:var(--gut)}
html[dir="rtl"] .mv-copy{right:auto;left:var(--gut)}
html[dir="rtl"] .mv-tl{left:auto;right:var(--gut)}
html[dir="rtl"] .bust{right:auto;left:max(-4vw,-60px)}
html[dir="rtl"] .bust img{scale:-1 1}
html[dir="rtl"] .bust .idea-plus{left:38%}
html[dir="rtl"] .bust .halo{left:45.5%}
html[dir="rtl"] .badge{right:auto;left:clamp(16px,30vw,520px)}
@media(max-width:760px){html[dir="rtl"] .bust{left:-20vw}}
html[dir="rtl"] .legal-hero .stamp{right:auto;left:0}
html[dir="rtl"] .prose li{padding-left:0;padding-right:26px}
html[dir="rtl"] .prose ul li::before{left:auto;right:2px}
html[dir="rtl"] .prose ol li::before{left:auto;right:0}
html[dir="rtl"] .toc a.on{padding-left:0;padding-right:6px}
html[dir="rtl"] .une-title{left:auto;right:var(--gut)}
html[dir="rtl"] .une-side{right:auto;left:var(--gut)}
html[dir="rtl"] .idx a::before{transform-origin:right}
html[dir="rtl"] .stg li{padding-left:0;padding-right:18px}
html[dir="rtl"] .stg li::before{left:auto;right:0}
/* horizontal scroll-driven sequences keep their left-to-right motion; their text stays Arabic */
html[dir="rtl"] .funnel,html[dir="rtl"] #ideaSteps,html[dir="rtl"] .strack,html[dir="rtl"] .saas-bar{direction:ltr}
html[dir="rtl"] .funnel > *,html[dir="rtl"] #ideaSteps > li,html[dir="rtl"] .strack > *{direction:rtl}

/* Arabic glyphs are taller than Latin ones: open up every tight display line-height and the reveal masks */
html[lang="ar"] :is(h1,h2,h3,h4,h5,summary,em,b,strong,span,a,label,button,div,dt){line-height:1.32!important}
html[lang="ar"] :is(p,li,dd,blockquote){line-height:1.75!important}
html[lang="ar"] .ln{padding-block:.1em .14em!important;margin-block:-.06em}
html[lang="ar"] .bw-big .ln,html[lang="ar"] .ph-title .row{padding-block:.06em}
html[lang="ar"] .mono{line-height:1.6!important}

/* never let a 1px animation overflow create sideways scrolling (clip keeps sticky sections working) */
html,body{overflow-x:clip!important}