/* Shared locale layout: allow longer labels and preserve Arabic letter shaping. */
html[lang="en"] h1{font-size:clamp(38px,4.5vw,60px);letter-spacing:-1.8px}
html[lang="ar"] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.9}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] .eyebrow,html[dir="rtl"] .kicker,html[dir="rtl"] .number,html[dir="rtl"] .showcase-label{letter-spacing:0}
html[dir="rtl"] h1{line-height:1.45;font-size:clamp(38px,4.5vw,60px)}
html[dir="rtl"] h2{line-height:1.6}
html[dir="rtl"] .hero{background:radial-gradient(ellipse at 15% 45%,#dcecd7 0,transparent 52%)}
html[dir="rtl"] .hero-meta span:before{margin-right:0;margin-left:6px}
html[dir="rtl"] .phone{transform:rotate(-5deg)}
html[dir="rtl"] .phone.side{left:auto;right:3%;transform:rotate(10deg)}
html[dir="rtl"] .floating{right:auto;left:0}
html[dir="rtl"] details p{padding-right:0;padding-left:24px}
html[lang="en"] .nav,html[lang="ar"] .nav{gap:20px}
html[lang="en"] .button,html[lang="ar"] .button{white-space:normal;text-align:center}
.locale-note{font-size:11px;color:var(--muted);margin:10px auto 0}
.language a[aria-current="page"]{color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){html[lang="en"] .language,html[lang="ar"] .language{display:inline-block}}
@media(max-width:640px){html[lang="en"],html[lang="ar"]{scroll-padding-top:130px}html[lang="en"] .header .brand,html[lang="ar"] .header .brand{width:100%}html[lang="en"] .header .nav,html[lang="ar"] .header .nav{width:100%;justify-content:space-between}html[lang="en"] .language,html[lang="ar"] .language{font-size:11px}}
@media(max-width:900px){html[lang="en"] .nav,html[lang="ar"] .nav{gap:12px}html[lang="en"] .nav .desktop,html[lang="ar"] .nav .desktop{display:none}html[dir="rtl"] .floating{left:-8px}}
@media(max-width:640px){html[lang="en"] .header .wrap,html[lang="ar"] .header .wrap{flex-wrap:wrap;gap:6px;padding:10px 0}html[lang="en"] .brand,html[lang="ar"] .brand{font-size:16px}html[lang="en"] .nav,html[lang="ar"] .nav{gap:10px;font-size:12px}html[lang="en"] h1{font-size:42px;line-height:1.2}html[dir="rtl"] h1{font-size:40px}html[lang="en"] .actions .button,html[lang="ar"] .actions .button{flex:1 1 140px;padding:12px 16px}html[dir="rtl"] .phone.side{right:12px}html[dir="rtl"] .floating{left:0}html[dir="rtl"] .feature-icon{float:left;margin:0 12px 12px 0}html[dir="rtl"] .download-card .platform img{float:none}}