.st-ar-main{direction:rtl;text-align:right;color:var(--text-primary)}
.st-ar-main .container{max-width:1180px}
.st-ar-hero{padding:54px 0 42px;background:linear-gradient(135deg,#111b2b 0%,#243a55 100%);color:#fff}
.st-ar-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:42px;align-items:center}
.st-ar-hero-copy h1{margin:10px 0 18px;color:#fff;font-size:clamp(32px,4vw,54px);line-height:1.2}
.st-ar-eyebrow{display:inline-block;color:#ffcc70;font-weight:800;font-size:14px}
.st-ar-lead{max-width:680px;color:#e4eaf0;font-size:19px;line-height:1.9;margin:0 0 24px}
.st-ar-hero .btn{display:inline-flex;gap:8px;align-items:center}
.st-ar-hero-visual{margin:0;border:1px solid rgba(255,255,255,.18);border-radius:18px;overflow:hidden;background:#f7f8fa;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.st-ar-hero-visual svg{display:block;width:100%;height:auto}
.st-ar-hero-visual figcaption{background:#fff;color:#66717c;padding:10px 14px;font-size:12px;line-height:1.6}
.st-ar-content{padding:44px 0}
.st-ar-section{padding:24px 0 34px;border-bottom:1px solid var(--border)}
.st-ar-section h2{font-size:28px;margin:0 0 16px;color:var(--text-primary)}
.st-ar-section>p{max-width:900px;line-height:1.9}
.st-ar-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:20px}
.st-ar-card{padding:22px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}
.st-ar-card h3{margin:0 0 8px;font-size:19px}.st-ar-card p{font-size:15px;line-height:1.8;margin:0 0 12px;color:var(--text-secondary)}
.st-ar-card a{color:var(--primary);font-weight:800;text-decoration:none}.st-ar-card a i{width:15px;height:15px;vertical-align:-3px}
.st-ar-steps{list-style:none;margin:20px 0 0;padding:0;max-width:850px}.st-ar-steps li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px dashed var(--border)}
.st-ar-steps li>span{flex:0 0 34px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-weight:800}.st-ar-steps p{margin:3px 0;line-height:1.8;color:var(--text-secondary)}
.st-ar-faqs{max-width:900px}.st-ar-faqs details{border-bottom:1px solid var(--border);padding:16px 0}.st-ar-faqs summary{cursor:pointer;font-weight:800;font-size:17px}.st-ar-faqs p{margin:12px 0 0;line-height:1.85;color:var(--text-secondary)}
.st-ar-contact-box{margin-top:40px;padding:30px;border-radius:18px;background:var(--bg-secondary);border-right:4px solid var(--primary)}.st-ar-contact-box h2{margin-top:0}.st-ar-contact-box p{line-height:1.8}.st-ar-phone{display:flex;gap:12px;flex-wrap:wrap}.st-ar-phone a{color:var(--text-primary);font-weight:700;text-decoration:none}.st-ar-phone a[href^="tel:"]{direction:ltr;unicode-bidi:isolate}
.st-language-switcher{margin-inline-start:10px}.st-language-switcher a{display:inline-flex!important;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:7px 11px!important}.st-language-switcher i{width:16px;height:16px}
@media(max-width:899px){.st-ar-hero-grid{grid-template-columns:1fr}.st-ar-hero{padding:34px 0}.st-ar-hero-visual{max-width:680px}.st-language-switcher{margin:8px 0}}

/* Mirror mode: Arabic core pages reuse the English theme template and translate text only. */
body.st-ar-mirror{direction:rtl;text-align:right}
body.st-ar-mirror .page-header,
body.st-ar-mirror .section,
body.st-ar-mirror .section-title,
body.st-ar-mirror .about-preview-content,
body.st-ar-mirror .about-preview-content p,
body.st-ar-mirror .feature-item,
body.st-ar-mirror .pillar-card,
body.st-ar-mirror .stat-item{direction:rtl;text-align:right}
body.st-ar-mirror .about-preview,
body.st-ar-mirror .pillars-row,
body.st-ar-mirror .stats-row,
body.st-ar-mirror .features-grid{direction:rtl}
body.st-ar-mirror .section-title .label{display:block}
body.st-ar-mirror .btn .lucide-arrow-right{transform:scaleX(-1)}
body.st-ar-mirror .page-header .breadcrumb{direction:rtl;justify-content:flex-start}
body.st-ar-mirror .page-header .breadcrumb a,
body.st-ar-mirror .page-header .breadcrumb span{direction:rtl}
body.st-ar-mirror .about-preview-image{order:2}
body.st-ar-mirror .about-preview-content{order:1}
@media(max-width:768px){body.st-ar-mirror .about-preview-image,body.st-ar-mirror .about-preview-content{order:initial}}

/* Arabic homepage hero: keep the copy on the right and move the form to the left. */
@media(min-width:1025px){
  body.st-ar-mirror .hero-contact-card{right:auto;left:80px}
}