/* =============================================================
   Arabic landing (/ar/) — Tajawal, RTL rhythm
   Loaded after style.css on the "Hillool — Arabic home" template.
   ============================================================= */
:root{
  --font-display:"Tajawal","Segoe UI",Tahoma,system-ui,sans-serif;
  --font-body:"Tajawal","Segoe UI",Tahoma,system-ui,sans-serif;
  --step-5:clamp(2.25rem,1rem + 3.2vw,3.8rem);
}
body{line-height:1.8;font-size:1.0625rem}
h1,h2,h3,h4{letter-spacing:0;line-height:1.28}
.hero h1{max-width:24ch}
.hero h1 .outline{-webkit-text-stroke:1.2px rgba(255,255,255,.95)}
.eyebrow,.step__phase,.proof__title,.product__cat,.layer h3,.timeline small,.contrast__col h3,.industries__label,.footer h4,.hero__float small,.mini-steps li em{letter-spacing:0;text-transform:none}
.eyebrow{font-size:1rem}
.proof__title,.contrast__col h3,.layer h3,.industries__label{font-size:.95rem}
.btn{font-size:1.05rem}
.nav a{font-size:1.05rem}
.nav .lang{font-family:"DM Sans","Segoe UI",system-ui,sans-serif}
.section__num,.stat b,.step__marker,.cap__num,.spin-badge text,.footer__proof b,.logo-text{font-family:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif}
.btn:hover .arrow,.text-link:hover .arrow,a.product:hover .go .arrow{transform:translateX(-3px)}
.btn:hover .arrow--down{transform:translateY(3px)}
.quote::before,.quote-hero::before{content:"\201D"}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.contrast__arrow i{transform:scaleX(-1)}
.hero__index .scroll{margin-inline-start:auto}
.cap h3{background-position:right bottom}
.footer__cta h2{letter-spacing:0;line-height:1.2;max-width:16ch}
.footer__proof b{letter-spacing:-.03em}