/* Shared presentation only. Each language's HTML is independently editable. */
.nav-wrap{gap:16px;flex-wrap:wrap}
.main-menu{gap:18px}
.language-switcher{display:flex;align-items:center;justify-content:center;gap:2px;direction:ltr;flex:none;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface-alt)}
.language-switcher a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:5px 7px;border-radius:7px;text-decoration:none;white-space:nowrap;font-family:Arial,IranYekan,sans-serif;font-size:12px;color:#46506d}
.language-switcher a:hover{background:#e7edf8;color:var(--navy)}
.language-switcher a[aria-current]{background:var(--navy);color:#fff}
.language-switcher a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.brand-copy strong{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.brand-latin{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.2px;unicode-bidi:isolate;font-weight:500}
html[lang="en"] body{font-family:Arial,Helvetica,sans-serif;line-height:1.75}
html[lang="ar"] body{font-family:IranYekan,Tahoma,Arial,sans-serif}
html[lang="en"] .topbar a,html[lang="en"] .phone-number{font-family:Arial,Helvetica,sans-serif}
html[lang="ar"] .topbar a,html[lang="ar"] .phone-number{font-family:IranYekan,Tahoma,Arial,sans-serif}
html[dir="ltr"] .site-footer .footer-brand,html[dir="ltr"] .site-footer .footer-grid>div:last-child{text-align:left;direction:ltr}
html[dir="ltr"] .site-footer .footer-brand .social-links{direction:ltr}
html[dir="ltr"] .site-footer .phone-number{margin-left:0;margin-right:auto}
html[dir="ltr"] .plan-toggle{text-align:left}
html[dir="ltr"] .hero-trust{margin-left:0;margin-right:auto}
html[dir="ltr"] .plan-details li::before{margin-left:0;margin-right:6px}
html[dir="ltr"] .detail-card ul{padding-right:0;padding-left:18px}
html[dir="ltr"] .service-list li::before{right:auto;left:0}
html[dir="ltr"] .service-list li{padding-right:0;padding-left:22px}
html[dir="ltr"] .service-note{border-right:0;border-left:3px solid var(--teal)}
html[dir="ltr"] .testimonial-card,html[dir="ltr"] .client-logo,html[dir="ltr"] .carousel-playback{direction:ltr}
html[dir="ltr"] .metric-item{border-left:0;border-right:1px solid rgba(29,36,99,.12)}
html[dir="ltr"] .metric-item:last-child{border-right:0}
html[dir="ltr"] .button b,html[dir="ltr"] .trust-arrow,html[dir="ltr"] .plan-link span,html[dir="ltr"] .feature-card>a span,html[dir="ltr"] .service-detail-link span,html[dir="ltr"] .text-button span{display:inline-block;transform:scaleX(-1)}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{letter-spacing:-.025em}
html[lang="en"] .hero-copy h1{font-size:clamp(30px,3.25vw,45px);line-height:1.22}
html[lang="en"] .hero-lead{line-height:1.8}
html[lang="en"] .hero-actions .button{padding-inline:16px}
/* The artwork reserves its right side for copy in every language. Keep the
   desktop composition while English text and controls remain left-to-right. */
@media (min-width:801px){
  html[lang="en"] .hero-grid{direction:rtl}
  html[lang="en"] .hero-copy,html[lang="en"] .hero-visual{direction:ltr}
}
.nav-wrap>*{min-width:0}
.nav-wrap .brand{flex-shrink:0}
@media (min-width:801px) and (max-width:1280px){
  html{scroll-padding-top:150px}
  .nav-wrap{gap:12px;padding-block:10px}
  .main-menu{gap:13px;order:4;flex-basis:100%;border-top:1px solid var(--line)}
  .main-menu a{padding:12px 2px}
  .main-menu a::after{bottom:4px}
  .language-switcher{margin-inline-start:auto}
}
@media (max-width:800px){
  html{scroll-padding-top:130px}
  .nav-wrap{position:relative;gap:10px;padding-block:10px;min-height:106px}
  .nav-wrap .brand{flex:1}
  .menu-toggle{margin-right:0;margin-inline-start:auto;order:2;flex:none}
  .language-switcher{order:3;margin-inline-start:auto;min-height:36px}
  .main-menu{inset:116px 12px auto;order:4;max-height:calc(100dvh - 150px)}
  body:not(.js-enabled) .nav-wrap{padding-block:10px}
  body:not(.js-enabled) .main-menu{order:4}
  .header-cta{display:none}
  html[dir="ltr"] .metric-item{border-right:0}
}
@media (max-width:560px){
  .language-switcher{flex-basis:100%;justify-content:center;margin:0;border:0;background:transparent;padding:0}
  .language-switcher a{min-height:36px;padding:5px 14px}
  .brand-logo{width:76px;height:46px}
  .nav-wrap{min-height:112px}
  .main-menu{inset-block-start:122px}
  .hero-copy h1{overflow-wrap:break-word}
}