:root{
  --ink:#203b34;
  --muted:#65756e;
  --lime:#dce7b8;
  --line:#d9e3dc;
  --sand:#f5eadc;
}

body,#sidro-header,#sidro-footer{
  font-family:"Noto Kufi Arabic","Geeza Pro","Tahoma","Arial",sans-serif;
  letter-spacing:0;
}

body{direction:rtl;text-align:start;background:#fbfaf6}
#sidro-header,#sidro-footer,.sidro-home{direction:rtl}
.sidro-bar{direction:rtl}
.sidro-logo-note{margin-inline-start:6px;margin-inline-end:0}
#sidro-nav{margin-inline-start:auto;margin-inline-end:0}
.shell-actions{margin-inline-start:0;margin-inline-end:auto}
.language-switcher{direction:rtl}
.language-switcher a{letter-spacing:0}

.intro h1,.section-title h2,.scene-copy h2,.closing h2{letter-spacing:-.045em;line-height:1.45}
.intro-copy{line-height:2.05}
.section-title>p,.card-content>p,.use-case p,.workflow p{line-height:2}
.card-content h3{letter-spacing:-.03em;line-height:1.5}
.eyebrow{letter-spacing:.02em}
.home-cta{letter-spacing:0;direction:rtl}
.hero-actions,.hero-tags,.section-title,.closing,.workflow li,.use-case{direction:rtl}
.hero-tags span:before{margin-inline-start:0;margin-inline-end:5px}
.scene-caption{line-height:1.9;text-align:start}
.language-switcher a{font-size:11px}
.photo-caption,.image-label,.ocr-extract,.translation-copy,.language-chip{direction:rtl;text-align:start}
.photo-caption>span{letter-spacing:.02em}
.translation-copy>strong{line-height:1.45}

/* The visual layer stays LTR: images, comparison geometry, code-like labels and arrows are not mirrored. */
.hero-demo,.photo-stage,.compare,.tool-visual,.scene-image,.api-sample{direction:ltr}
.photo-caption,.ocr-extract,.translation-copy,.language-chip{direction:rtl}
.visual-arrow{inset-inline-start:16px;inset-inline-end:auto}
.demo-sticker{inset-inline-start:auto;inset-inline-end:-18px}
.compare-range{direction:ltr}
.section-title>p,.card-content>p,.use-case p,.workflow p{ text-align:start }
.use-case>a{margin-inline-start:auto;margin-inline-end:0}
.step-icon{inset-inline-end:5px;inset-inline-start:auto}
.card-link{direction:rtl}
.card-link span{direction:ltr}

@media(max-width:740px){
  .intro h1{font-size:50px;letter-spacing:-.055em;line-height:1.5}
  .section-title h2{line-height:1.5}
  .card-content h3{line-height:1.5}
  .intro-copy{font-size:13px}
  .hero-demo{margin-inline-start:0;margin-inline-end:8px}
  .translation-copy{inset-inline-start:12px;inset-inline-end:auto}
}

@media(max-width:480px){
  .intro h1{font-size:43px}
  .intro-copy{font-size:13px}
  .closing h2{line-height:1.5}
  .demo-sticker{inset-inline-end:-10px}
}