html[dir="rtl"] body{font-family:Cairo,Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.7;letter-spacing:0}
html[dir="rtl"] .eyebrow{letter-spacing:.04em}
html[dir="rtl"] .buttons,html[dir="rtl"] .work-grid,html[dir="rtl"] .pricing-grid,html[dir="rtl"] .process-grid{direction:rtl}
html[dir="rtl"] .hero-card,html[dir="rtl"] .section-heading,html[dir="rtl"] .contact-card{direction:rtl}
html[dir="rtl"] .work-info,html[dir="rtl"] .price-card,html[dir="rtl"] .process-grid>div{text-align:right}
html[dir="rtl"] .price-card li:before{margin-right:0;margin-left:7px}
html[dir="rtl"] .popular{right:auto;left:14px}
html[dir="rtl"] .project-topline{direction:rtl}
html[dir="rtl"] .browser-bar{direction:ltr}
html[dir="rtl"] .hero-card:after{right:auto;left:-230px}
html[dir="rtl"] .work-number{left:auto;right:14px}
html[dir="rtl"] .live-preview,html[dir="rtl"] .project-link{direction:rtl}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{direction:rtl;text-align:right;font-family:Cairo,Inter,ui-sans-serif,system-ui,sans-serif}
html[dir="rtl"] .ai-growth,html[dir="rtl"] .ai-growth *{font-family:Cairo,Inter,ui-sans-serif,system-ui,sans-serif}
html[dir="rtl"] .ai-growth{direction:rtl;text-align:right}
html[dir="rtl"] .ai-actions,html[dir="rtl"] .ai-playground,html[dir="rtl"] .ai-workflow{direction:rtl}
html[dir="rtl"] .ai-chat-form{direction:rtl}
html[dir="rtl"] .ai-chat-form input{text-align:right}
html[dir="rtl"] .wa-body{direction:rtl}
html[dir="rtl"] .footer{text-align:center}
html[dir="rtl"] .preview-header{direction:rtl}
html[dir="rtl"] .preview-actions{direction:rtl}
html[dir="rtl"] .preview-browser .browser-bar{direction:ltr}
html[dir="rtl"] .ai-primary,html[dir="rtl"] .ai-secondary,html[dir="rtl"] .case-link,html[dir="rtl"] .price-cta{direction:rtl}
html[dir="rtl"] .price span{margin-right:0;margin-left:4px}
html[dir="rtl"] .section-heading,html[dir="rtl"] .hero-card,html[dir="rtl"] .contact-card{flex-direction:row-reverse}
html[dir="rtl"] .hero-card>div:first-child,html[dir="rtl"] .section-heading>div,html[dir="rtl"] .contact-card>div:first-child{min-width:0}
html[dir="rtl"] .work-info p,html[dir="rtl"] .price-card p,html[dir="rtl"] .pricing-note,html[dir="rtl"] .process-grid span{overflow-wrap:anywhere}
html[dir="rtl"] a,html[dir="rtl"] button{font-family:inherit}
@media(max-width:900px){html[dir="rtl"] .hero-card,html[dir="rtl"] .section-heading,html[dir="rtl"] .contact-card{flex-direction:column;align-items:stretch}}