/* TwinMS RTL layer — intentional mirroring; diagrams & product visuals stay LTR */
[dir=rtl] body,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] .shead h2,[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{font-family:'IBM Plex Sans Arabic','Inter',system-ui,sans-serif}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{letter-spacing:0}
[dir=rtl] .eye,[dir=rtl] .num,[dir=rtl] .vtag,[dir=rtl] .ivh,[dir=rtl] .dh{letter-spacing:.02em}
[dir=rtl] .brand small{margin-left:0;margin-right:3px}
[dir=rtl] .cgo{margin-left:0;margin-right:auto}
[dir=rtl] .cgo svg,[dir=rtl] .p svg,[dir=rtl] .btn svg,[dir=rtl] .mgo svg{transform:scaleX(-1)}
[dir=rtl] .capsule:hover .cgo svg{transform:scaleX(-1) translateX(3px)}
[dir=rtl] .btn:hover svg,[dir=rtl] .p:hover svg{transform:scaleX(-1) translate(1.5px,-1.5px)}
[dir=rtl] .tbr,[dir=rtl] .lfact,[dir=rtl] .astage,[dir=rtl] .pr em,[dir=rtl] .sc .dtag,[dir=rtl] .vtag{margin-left:0;margin-right:auto}
[dir=rtl] .modnav .nx{margin-left:0;margin-right:auto}
[dir=rtl] .fnode .conf{margin-left:0;margin-right:auto}
[dir=rtl] .ldh .lfact{margin-left:0;margin-right:auto}
/* keep meaning-bearing visuals LTR (product UI, flows, timelines, charts, numbers) */
[dir=rtl] .iscene,[dir=rtl] .iwrap svg,[dir=rtl] .lgrid,[dir=rtl] .loopwrap,[dir=rtl] .orb,[dir=rtl] .pwin,[dir=rtl] .stage3d,[dir=rtl] .wflow,[dir=rtl] .pipe,[dir=rtl] .track,[dir=rtl] .oshot,[dir=rtl] .cwall,[dir=rtl] .sfield,[dir=rtl] .scalerow,[dir=rtl] .ichart,[dir=rtl] .cmp,[dir=rtl] .kwall,[dir=rtl] .logbox,[dir=rtl] .apring,[dir=rtl] .deck,[dir=rtl] .centerpiece,[dir=rtl] .statrow b,[dir=rtl] .stats b,[dir=rtl] .kpi .v,[dir=rtl] .spec b,[dir=rtl] .slot,[dir=rtl] .dchip,[dir=rtl] .ct{direction:ltr}
[dir=rtl] .istages,[dir=rtl] .mtabs{direction:rtl}
[dir=rtl] .rrow{grid-template-columns:120px 1fr auto}
[dir=rtl] .csrow b{text-align:right}
[dir=rtl] .modnav a .cic{order:2}
[dir=rtl] .links a:after{left:auto;right:0;transition:left .26s cubic-bezier(.2,.7,.3,1)}
[dir=rtl] .links a:hover:after{left:0;right:0}
@media (max-width:1180px){[dir=rtl] .onode b{text-align:right}}
/* AR editorial hierarchy v2 — dominant editorial headlines, quiet support */
[dir=rtl] h1,[dir=rtl] h2{line-height:1.22;letter-spacing:0!important}
[dir=rtl] h3{line-height:1.34;letter-spacing:0!important}
[dir=rtl] .phero h1{font-size:clamp(40px,5.2vw,70px);line-height:1.22;max-width:900px}
[dir=rtl] .shead h2{font-size:clamp(34px,4.8vw,64px);line-height:1.22;margin-top:16px}
[dir=rtl] .ctaband h2{font-size:clamp(38px,5vw,64px);line-height:1.22}
[dir=rtl] .s10 h2{font-size:clamp(42px,5.2vw,68px);line-height:1.2}
[dir=rtl] .copy h1{font-size:clamp(40px,5vw,66px);line-height:1.22;margin-left:-90px;margin-right:0;position:relative;z-index:6}
@media (max-width:1180px){[dir=rtl] .copy h1{margin-left:0}}
[dir=rtl] .phero .sub{font-size:16.5px;line-height:1.95;max-width:600px;color:#9fb3aa;margin-top:22px}
[dir=rtl] .shead p{font-size:15.5px;line-height:1.95;max-width:580px;color:#9fb3aa;margin-top:20px}
[dir=rtl] .shead.split p{max-width:none}
[dir=rtl] .sub{line-height:1.9}
[dir=rtl] .ctaband p{line-height:1.9;max-width:560px;margin-left:auto;margin-right:auto}
[dir=rtl] .brand small{letter-spacing:.03em}
[dir=rtl] .shead.split{align-items:center}
/* header CTA: keep to one line in Arabic (visible 561-1180) */
[dir=rtl] .nvr .btn,[dir=rtl] .hero .right .btn{white-space:nowrap}
/* inline headline wordmark — RTL tuning */
[dir=rtl] h1 .wm,[dir=rtl] h2 .wm,[dir=rtl] h3 .wm{margin:0 .09em!important;vertical-align:-.06em!important}
/* AR eyebrow presence — deliberate editorial label, no latin tracking */
[dir=rtl] .eye{font-family:'IBM Plex Sans Arabic','Inter',system-ui,sans-serif;font-size:17.5px;font-weight:700;letter-spacing:0;line-height:1.5}
[dir=rtl] .ivh{font-size:13px;letter-spacing:.04em}
