html[lang="ar"]{direction:rtl;overflow-x:clip}
html[lang="ar"] body{direction:rtl;overflow-x:hidden;font-family:"IBM Plex Sans Arabic","Plus Jakarta Sans",sans-serif;text-align:right}
html[lang="ar"] :is([dir="ltr"],.footer-word){font-family:"Plus Jakarta Sans",sans-serif}
html[lang="ar"] .home-page :is(h1,h2,h3,.button,.nav-links,.nav-actions,.eyebrow){font-family:"IBM Plex Sans Arabic","Plus Jakarta Sans",sans-serif}
html[lang="ar"] .home-page :is(.home-hero-v2-copy h1,.dashboard-v3-head h2,.app-intro-v2 h2,.metric-lab .section-heading h2,.security-message h2,.company-band h2,.home-sectors-head h2,.faq-section .section-heading h2,.closing h2){letter-spacing:0}
html[lang="ar"] .home-page .eyebrow{letter-spacing:0;text-transform:none}
html[lang="ar"] .home-page .home-hero-v2:before{mask-image:linear-gradient(270deg,transparent 35%,#000 100%)}
html[lang="ar"] .home-page .home-hero-v2:after{content:"تفاعل ثنائي الاتجاه";right:auto;left:-35px;transform:rotate(-8deg);font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0;font-size:14px}
html[lang="ar"] .home-page .home-hero-v2-copy h1{line-height:1.35;letter-spacing:0}
html[lang="ar"] .home-page .home-hero-v2-copy h1 em{width:max-content;padding:2px 10px 8px;transform:rotate(1deg)}
html[lang="ar"] .home-page .home-product-tabs{left:12px;right:66px}
html[lang="ar"] .home-page .home-dashboard-device{left:-5px;right:56px;transform:perspective(1200px) translate(var(--stage-x),var(--stage-y)) rotateX(var(--stage-rx)) rotateY(calc(var(--stage-ry) + 3deg)) rotateZ(-1deg)}
html[lang="ar"] .home-page .home-phone-device{left:auto;right:-6px;transform:translate(calc(var(--stage-x) * -.65),calc(var(--stage-y) * -.65)) rotate(5deg)}
html[lang="ar"] .home-page .home-product-caption{right:auto;left:-10px;border-radius:18px 18px 18px 5px}
html[lang="ar"] .home-page .home-reach-signal{right:auto;left:-8px}
html[lang="ar"] .home-page .home-product-orbit.orbit-a{left:auto;right:4px}
html[lang="ar"] .home-page .home-product-orbit.orbit-b{right:auto;left:-24px}
html[lang="ar"] .home-page .problem-console,
html[lang="ar"] .home-page .dashboard-v3-console,
html[lang="ar"] .home-page .metric-panel,
html[lang="ar"] .home-page .company-band{border-radius:30px 30px 9px 30px}
html[lang="ar"] .home-page .why-v2-grid article:nth-child(6){padding-right:34px;padding-left:42px}
html[lang="ar"] .home-page .dashboard-v3-detail{grid-template-columns:minmax(0,1fr) auto}
html[lang="ar"] .home-page .dashboard-v3-detail>[data-dashboard-v3-count]{display:none}
html[lang="ar"] .home-page .dashboard-v3-detail .button{justify-self:start}
html[lang="ar"] .home-page .app-canvas{direction:ltr;grid-template-columns:235px minmax(320px,1fr) 292px}
html[lang="ar"] .home-page .app-dock{direction:rtl;border-radius:20px 8px 20px 20px}
html[lang="ar"] .home-page .app-dock button{grid-template-columns:minmax(0,1fr) 10px;text-align:right}
html[lang="ar"] .home-page .app-detail{border-radius:8px 20px 20px 20px}
html[lang="ar"] .home-page .app-detail{direction:rtl;text-align:right}
html[lang="ar"] .home-page .app-detail>:is(span,small,h3,p){direction:rtl;unicode-bidi:plaintext;text-align:right}
html[lang="ar"] .home-page .app-detail :is(.app-proof,.button){direction:rtl;text-align:right}
html[lang="ar"] .home-page .app-intro-v2 h2 em{white-space:nowrap}
html[lang="ar"] .home-page .security-message{align-items:flex-start}
html[lang="ar"] .home-page .security-controls article:hover{padding-left:0;padding-right:10px}
html[lang="ar"] .home-page .company-band-copy a{margin-left:0;margin-right:auto}
html[lang="ar"] .home-page .ar-company-stats{grid-template-columns:repeat(6,1fr)}
html[lang="ar"] .home-page .company-band-stats article{padding:23px 0 24px 20px;border-right:0;border-left:1px solid rgba(255,255,255,.12)}
html[lang="ar"] .home-page .company-band-stats article:not(:first-child){padding-left:20px;padding-right:20px}
html[lang="ar"] .home-page .company-band-stats article:last-child{border-left:0}
html[lang="ar"] .home-page .home-sectors>.section-shell{width:min(1050px,calc(100vw - 48px))}
html[lang="ar"] .home-page .home-sector-grid>a{grid-template-columns:32px 1fr;border-radius:14px 14px 14px 5px}
html[lang="ar"] .home-page .home-sector-number{right:auto;left:13px}
html[lang="ar"] .home-page .home-sector-grid h3{margin:3px 0 0 18px}
html[lang="ar"] .home-page .home-sector-grid>a>b{right:auto;left:13px}
html[lang="ar"] .home-page .faq-item button{text-align:right}
html[lang="ar"] .home-page .footer-grid,
html[lang="ar"] .home-page .footer-top,
html[lang="ar"] .home-page .footer-bottom{direction:rtl}
html[lang="ar"] .home-page .ar-arrow{display:inline-block;transition:transform .2s}
html[lang="ar"] .home-page a:hover>.ar-arrow{transform:translateX(-3px)}
html[lang="ar"] .home-page :is(.section-heading h2,.component-grid h3,.explorer-meta h3,.faq-item button span,.closing h2){line-height:1.35;overflow-wrap:break-word;text-wrap:balance}
html[lang="ar"] .home-page :is(.component-grid p,.story-copy p,.explorer-meta p,.faq-item p){line-height:1.75}
html[lang="ar"] .home-page :is(.button,.feature-row,.component-grid article,.explorer-meta,.story-copy){min-width:0}
html[lang="ar"] .home-page .feature-row{align-items:start}
html[lang="ar"] .home-page .feature-row :is(b,span){line-height:1.65;overflow-wrap:break-word}

/* Arabic glyphs are taller than the Latin display face. Keep the approved
   font sizes and give the lines enough vertical room to remain separate. */
html[lang="ar"] .home-page :is(.home-hero-v2-copy h1,.hero-copy h1){line-height:1.35!important}
html[lang="ar"] .home-page :is(.home-section-intro h2,.why-v2-heading h2,.dashboard-v3-head h2,.app-intro-v2 h2,.metric-lab .section-heading h2,.security-message h2,.company-band h2,.faq-section .section-heading h2,.closing h2,.section-heading h2){line-height:1.4!important}
html[lang="ar"] .home-page :is(h3,.faq-item button span){line-height:1.45!important}
html[lang="ar"] .home-page :is(.home-hero-v2-copy h1 span,.home-hero-v2-copy h1 em,.app-intro-v2 h2 span,.app-intro-v2 h2 em){padding-block-start:.06em;padding-block-end:.1em}

/* Arabic needs a slightly larger optical floor than Latin at the same CSS
   size. Keep the approved display scale, but make labels and supporting copy
   readable instead of carrying over the English 7--11px micro type. */
html[lang="ar"] .home-page .announcement{font-size:14px}
html[lang="ar"] .home-page :is(.nav-links>a,.nav-trigger,.text-link){font-size:14px}
html[lang="ar"] .home-page .nav-actions .button{font-size:14px}
html[lang="ar"] .home-page .nav-shell{direction:rtl}
html[lang="ar"] .home-page .brand img{object-position:right center}
html[lang="ar"] .home-page .nav-links,
html[lang="ar"] .home-page .nav-actions{direction:rtl}
html[lang="ar"] .home-page .mega{direction:rtl;text-align:right}
html[lang="ar"] .home-page .discover-menu{right:auto;left:-38px}
html[lang="ar"] .home-page .discover-links>a{grid-template-columns:44px minmax(0,1fr) auto;text-align:right}
html[lang="ar"] .home-page .discover-links>a:hover{transform:translateX(-3px)}
html[lang="ar"] .home-page .discover-links>a>.ar-arrow{transform:scaleX(1)}
html[lang="ar"] .home-page :is(.eyebrow,.home-hero-proof,.trust-note){font-size:14px}
html[lang="ar"] .home-page .button{font-size:14px}
html[lang="ar"] .home-page .proof-track span{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-family:"IBM Plex Sans Arabic","Plus Jakarta Sans",sans-serif;font-size:18px;line-height:1.45;text-align:right}
html[lang="ar"] .home-page .proof-track strong{display:block;color:var(--home-ink);font-size:17px;font-weight:700;line-height:1.45}
html[lang="ar"] .home-page .proof-track small{display:block;color:#526c61;font-size:14px;font-weight:500;line-height:1.65}
html[lang="ar"] .home-page .home-product-tabs button{font-family:"IBM Plex Sans Arabic","Plus Jakarta Sans",sans-serif;font-size:14px;font-weight:500;letter-spacing:0}
html[lang="ar"] .home-page .home-product-tabs button span{display:none}
html[lang="ar"] .home-page .home-product-caption strong{font-size:15px}
html[lang="ar"] .home-page .home-product-caption p{font-size:17px;line-height:1.55}

html[lang="ar"] .home-page :is(.problem-console-bar,.problem-console-bar b,.problem-console-bar span,.problem-channel-status,.problem-result-label){font-size:14px}
html[lang="ar"] .home-page .problem-channel b{font-size:16px}
html[lang="ar"] .home-page .problem-channel small{font-size:14px;line-height:1.55}
html[lang="ar"] .home-page :is(.problem-result p,.problem-result li){font-size:17px;line-height:1.7}
html[lang="ar"] .home-page .channel-list article b{font-size:16px}
html[lang="ar"] .home-page .channel-list article small{font-size:15px;line-height:1.6}
html[lang="ar"] .home-page .channel-result>p{font-size:17px;line-height:1.75}
html[lang="ar"] .home-page .channel-result li{font-size:17px;line-height:1.65}
/* Blind-spot risks: the base "×" is absolutely placed with margin-left, which in RTL lands on the
   first letter. Rebuild as a flex row with an amber dot on the start (right) side. The mirror
   script leaves these items alone (rtlHandled), so no inline padding fights this. */
html[lang="ar"]:not(#ar) body.home-page:not(#ar) .home-problem .channel-result li{
  display:flex!important;align-items:flex-start!important;gap:.625rem!important;
  padding:0!important;margin:0!important;
  color:#e2e8f0!important;font-size:.75rem!important;line-height:1.625!important;text-align:right!important;
}
html[lang="ar"]:not(#ar) body.home-page:not(#ar) .home-problem .channel-result li::before{
  content:""!important;position:static!important;flex:0 0 auto!important;
  width:.375rem!important;height:.375rem!important;margin:.5rem 0 0!important;
  border-radius:9999px!important;background:#fbbf24!important;
}
@media (min-width:640px){
  html[lang="ar"]:not(#ar) body.home-page:not(#ar) .home-problem .channel-result li{font-size:.875rem!important;}
}
html[lang="ar"] .home-page .channel-result>div b{font-size:16px}

html[lang="ar"] .home-page .why-v2-grid p{font-size:17px;line-height:1.75}
html[lang="ar"] .home-page .why-v2-signal b{font-size:14px}
html[lang="ar"] .home-page .why-v2-signal small{font-size:14px}

html[lang="ar"] .home-page :is(.dashboard-v3-topbar,.dashboard-v3-topbar b,.dashboard-v3-browserbar,.dashboard-v3-browserbar>b){font-size:14px}
html[lang="ar"] .home-page .dashboard-v3-tabs b{font-size:14px}
html[lang="ar"] .home-page .dashboard-v3-detail>span{font-size:14px}
html[lang="ar"] .home-page .dashboard-v3-detail small{font-size:14px}
html[lang="ar"] .home-page .dashboard-v3-detail p{font-size:17px;line-height:1.7}
html[lang="ar"] .home-page .dashboard-v3-detail .button{font-size:14px}

html[lang="ar"] .home-page .app-dock button b{font-size:14px}
html[lang="ar"] .home-page .app-dock button :is(span,small){font-size:14px}
html[lang="ar"] .home-page .app-detail>span{font-size:14px}
html[lang="ar"] .home-page .app-detail>small{font-size:14px}
html[lang="ar"] .home-page .app-detail>p{font-size:17px;line-height:1.75}
html[lang="ar"] .home-page .app-proof :is(span,small,b){font-size:14px}

html[lang="ar"] .home-page .metric-tabs :is(span,small){font-size:14px}
html[lang="ar"] .home-page :is(.metric-panel span,.metric-panel small,.metric-panel b,.metric-conclusion){font-size:14px}
html[lang="ar"] .home-page .metric-panel p{font-size:17px;line-height:1.7}

html[lang="ar"] .home-page .security-message>p{font-size:17px}
html[lang="ar"] .home-page .security-assurance span{font-size:14px}
html[lang="ar"] .home-page .security-controls span{font-size:14px}
html[lang="ar"] .home-page .security-controls b{font-size:16px}
html[lang="ar"] .home-page .security-controls p{font-size:17px;line-height:1.65}

html[lang="ar"] .home-page .company-band-copy>p{font-size:17px;line-height:1.7}
html[lang="ar"] .home-page .company-band-copy>div{font-size:14px}
html[lang="ar"] .home-page .company-band-stats span{font-size:14px}
html[lang="ar"] .home-page .home-sector-number{font-size:14px}
html[lang="ar"] .home-page .home-sector-grid h3{font-size:17px}
html[lang="ar"] .home-page .home-sector-grid p{font-size:17px;line-height:1.6}
html[lang="ar"] .home-page .home-sectors-all{font-size:14px}
html[lang="ar"] .home-page .faq-item button span{font-size:17px}
html[lang="ar"] .home-page .faq-item p{font-size:17px;line-height:1.75}
html[lang="ar"] .home-page .closing>p{font-size:17px;line-height:1.7}

@media(max-width:1100px){
  html[lang="ar"] .home-page .home-hero-v2-grid{grid-template-columns:minmax(0,1fr)}
  html[lang="ar"] .home-page .ar-company-stats{grid-template-columns:repeat(3,1fr)}
  html[lang="ar"] .home-page .company-band-stats article:nth-child(3n){border-left:0}
}
@media(max-width:900px){html[lang="ar"] .home-page .app-canvas{grid-template-columns:1fr 1fr}}
@media(max-width:980px){
  html[lang="ar"] .home-page .nav-shell{direction:rtl;display:grid;grid-template-columns:auto 1fr auto}
  html[lang="ar"] .home-page .nav-shell>.brand{position:static;grid-column:1;grid-row:1;justify-self:start;margin:0}
  html[lang="ar"] .home-page .nav-shell>.menu-button{position:static;grid-column:3;grid-row:1;justify-self:end;margin:0}
  html[lang="ar"] .home-page .nav-links{direction:rtl;text-align:right;inset:68px 0 0}
  html[lang="ar"] .home-page .nav-links>a,
  html[lang="ar"] .home-page .nav-trigger{text-align:right}
  html[lang="ar"] .home-page .discover-menu{right:auto;left:auto}
  html[lang="ar"] .home-page .mega-links a{text-align:right}
}
@media(max-width:680px){
  html[lang="ar"] body.home-page,
  html[lang="ar"] body.home-page #app{width:100%;max-width:100%;min-width:0;overflow-x:clip}
  html[lang="ar"] .home-page .nav-shell{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px);margin-inline:auto!important;box-sizing:border-box}
  html[lang="ar"] .home-page .home-hero-v2-grid{width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;margin-inline:auto!important;padding-inline:0;box-sizing:border-box;overflow:visible}
  html[lang="ar"] .home-page .home-hero-v2-copy,
  html[lang="ar"] .home-page .home-hero-v2-copy h1,
  html[lang="ar"] .home-page .home-hero-v2-copy h1 span,
  html[lang="ar"] .home-page .home-hero-v2-copy h1 em{width:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:normal}
  html[lang="ar"] .home-page .home-hero-v2-copy>.eyebrow{width:auto;max-width:100%}
  html[lang="ar"] .home-page .home-hero-v2-copy h1{line-height:1.16}
  html[lang="ar"] .home-page .home-product-tabs{right:12px;left:auto}
  html[lang="ar"] .home-page .home-dashboard-device{right:12px;left:0}
  html[lang="ar"] .home-page .home-phone-device{right:-2px;left:auto}
  html[lang="ar"] .home-page .home-product-caption{left:0;right:auto}
  html[lang="ar"] .home-page .dashboard-v3-detail{grid-template-columns:1fr}
  html[lang="ar"] .home-page .app-canvas{grid-template-columns:1fr}
  html[lang="ar"] .home-page .app-intro-v2 h2 em{white-space:nowrap}
  html[lang="ar"] .home-page .ar-company-stats{grid-template-columns:1fr 1fr}
  html[lang="ar"] .home-page .company-band-stats article:nth-child(3n){border-left:1px solid rgba(255,255,255,.12)}
  html[lang="ar"] .home-page .company-band-stats article:nth-child(2n){border-left:0}
  html[lang="ar"] .home-page .home-sectors>.section-shell{width:calc(100vw - 28px)}
  html[lang="ar"] .home-page .proof-track span{gap:5px}
  html[lang="ar"] .home-page .proof-track strong{font-size:16px}
  html[lang="ar"] .home-page .proof-track small{font-size:14px}
  html[lang="ar"] .home-page :is(.home-hero-v2-copy h1,.hero-copy h1){line-height:1.28!important}
  html[lang="ar"] .home-page :is(.home-section-intro h2,.why-v2-heading h2,.dashboard-v3-head h2,.app-intro-v2 h2,.metric-lab .section-heading h2,.security-message h2,.faq-section .section-heading h2,.closing h2){line-height:1.32!important}
}

/* Keep the Arabic mobile hero comfortably inside the handset viewport. */
@media(max-width:680px){
  html[lang="ar"] .home-page .home-hero-v2-copy h1{font-size:36px!important;text-align:right}
  html[lang="ar"] .home-page .home-hero-v2-copy h1 span,
  html[lang="ar"] .home-page .home-hero-v2-copy h1 em{max-width:100%;white-space:normal!important;text-align:right}
  html[lang="ar"] .home-page .home-hero-v2-copy>.eyebrow{white-space:normal;text-align:right}
}

/* Homepage dashboard: true RTL reading order and a clean product-first stage. */
html[lang="ar"] .home-page .dashboard-v3{text-align:right}
html[lang="ar"] .home-page .dashboard-v3-console{padding:12px;border-radius:24px;background:#fff}
html[lang="ar"] .home-page .dashboard-v3-topbar{direction:rtl;text-align:right}
html[lang="ar"] .home-page .dashboard-v3-topbar>span{flex-direction:row}
html[lang="ar"] .home-page .dashboard-v3-topbar>div{margin-inline-start:auto}
html[lang="ar"] .home-page .dashboard-v3-tabs{
  order:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  overflow:visible;
  direction:rtl;
  background:#eef6f0;
}
html[lang="ar"] .home-page .dashboard-v3-tabs button{
  min-height:58px;
  padding:9px 12px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  grid-template-rows:1fr;
  align-items:center;
  justify-items:start;
  gap:9px;
  text-align:right;
}
html[lang="ar"] .home-page .dashboard-v3-tabs button span{grid-column:1;grid-row:1}
html[lang="ar"] .home-page .dashboard-v3-tabs button b{grid-column:2;grid-row:1;width:100%;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.35;text-align:right}
html[lang="ar"] .home-page .dashboard-v3-stage{order:3;margin-top:10px;border-radius:16px;background:#f5f8f6;overflow:hidden}
html[lang="ar"] .home-page .dashboard-v3-browser{border:1px solid #d6e4db;border-radius:16px;box-shadow:none}
html[lang="ar"] .home-page .dashboard-v3-browserbar{display:none}
html[lang="ar"] .home-page .dashboard-v3-browser>img{
  display:block;
  width:100%;
  aspect-ratio:3/2;
  height:auto;
  object-fit:contain;
  object-position:right top;
  filter:none!important;
  transform:none!important;
  background:#fff;
}
html[lang="ar"] .home-page .dashboard-v3-detail{
  order:4;
  margin-top:10px;
  padding:18px 20px;
  direction:rtl;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  text-align:right;
  background:#eff8e9;
}
html[lang="ar"] .home-page .dashboard-v3-detail>div{min-width:0}
html[lang="ar"] .home-page .dashboard-v3-detail .button{justify-self:end}

@media(max-width:680px){
  html[lang="ar"] .home-page .dashboard-v3-console{padding:7px;border-radius:18px}
  html[lang="ar"] .home-page .dashboard-v3-topbar{height:auto;min-height:44px;padding:8px 10px}
  html[lang="ar"] .home-page .dashboard-v3-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;gap:6px}
  html[lang="ar"] .home-page .dashboard-v3-tabs button{min-width:0;min-height:54px;padding:7px 9px;grid-template-columns:26px minmax(0,1fr);gap:7px}
  html[lang="ar"] .home-page .dashboard-v3-tabs button span{width:24px;height:24px}
  html[lang="ar"] .home-page .dashboard-v3-tabs button b{font-size:14px}
  html[lang="ar"] .home-page .dashboard-v3-stage{margin-top:7px;border-radius:12px}
  html[lang="ar"] .home-page .dashboard-v3-browser{border-radius:12px}
  html[lang="ar"] .home-page .dashboard-v3-detail{margin-top:7px;padding:14px;grid-template-columns:1fr;gap:10px}
  html[lang="ar"] .home-page .dashboard-v3-detail .button{width:100%;justify-self:stretch}
}