/* =========================================================================
   English edition (html[lang=en][dir=ltr]) — typography + mirror of the few
   physical (non-logical) RTL rules in main/hero/motion/presence.css.
   Logical properties (inset-inline-*, margin-inline-*, padding-inline-*) flip on their own.
   ========================================================================= */
html[dir=ltr]{
  --f-body:"Inter","Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-display:"Poppins","Inter",system-ui,sans-serif;
  --f-quote:"Cormorant Garamond",Georgia,serif;
  --br-grad-text:linear-gradient(90deg,#C9EC3A 0%,#7BE02A 34%,#16D873 68%,#19CDBE 100%);
}
html[dir=ltr] body{direction:ltr;line-height:1.75;font-size:1.02rem}
html[dir=ltr] h1,html[dir=ltr] h2,html[dir=ltr] h3,html[dir=ltr] h4,html[dir=ltr] h5{letter-spacing:-.015em;line-height:1.25}
html[dir=ltr] .h1,html[dir=ltr] .hx h1{letter-spacing:-.025em}
html[dir=ltr] .lead{line-height:1.7}
html[dir=ltr] .eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
html[dir=ltr] blockquote{font-style:italic}
html[dir=ltr] .prose{line-height:1.8}

/* direction-carrying icons */
html[dir=ltr] .i-arrow-left,html[dir=ltr] .i-arrow-right,html[dir=ltr] .i-chevron-left,html[dir=ltr] .i-chevron-right{scale:-1 1}

/* centred pop-overs positioned with inset-inline-start:50% */
html[dir=ltr] .mega{transform:translateX(-50%) translateY(10px)}
html[dir=ltr] .nav__item:hover>.mega,html[dir=ltr] .nav__item:focus-within>.mega,html[dir=ltr] .nav__item.is-open>.mega{transform:translateX(-50%) translateY(0)}
html[dir=ltr] .scroll-hint,html[dir=ltr] .toasts{transform:translateX(-50%)}

/* growth bars / progress lines start from the left */
html[dir=ltr] .pillar::after,html[dir=ltr] .process__line i,html[dir=ltr] .scroll-progress,html[dir=ltr] .reading-bar i,
html[dir=ltr] .hx__step .bar i,html[dir=ltr] .hx__edge{transform-origin:left}

/* hover nudges */
html[dir=ltr] .case-row:hover{transform:translateX(10px)}
html[dir=ltr] .ccard:hover{transform:translateX(4px)}
html[dir=ltr] .btn::after{transform:translateX(-120%)}
html[dir=ltr] .btn:hover::after{transform:translateX(120%)}

/* numbers aligned to the start */
html[dir=ltr] .metric-card b,html[dir=ltr] .commit-stats b,html[dir=ltr] .p-kpi b{text-align:left}
html[dir=ltr] .countdown span{direction:ltr}

/* inputs with a leading icon */
html[dir=ltr] .search-lg input{padding:0 26px 0 60px}

/* consent switch */
html[dir=ltr] .switch input:checked+i::after{transform:translateX(20px)}

/* top-bar ticker crawls left for Latin text */
@keyframes tkCrawlLtr{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html[dir=ltr] .ticker__track{animation-name:tkCrawlLtr}

/* home hero leaf + page-hero frames mirrored */
html[dir=ltr] .hx__slides{border-radius:44px 0 0 46%/44px 0 0 30%}
html[dir=ltr] .hx__frame{border-radius:34px 34px 46% 34px}
html[dir=ltr] .hx__panel .hx__outline{right:auto;left:-14px}
html[dir=ltr] .hx__outline{right:auto;left:-18px}
html[dir=ltr] .hx__badge{padding:12px 20px 12px 16px}
@media (max-width:980px){
  html[dir=ltr] .hx__slides{border-radius:0 0 38% 0/0 0 22% 0}
  html[dir=ltr] .hx__frame{border-radius:24px 24px 38% 24px}
  html[dir=ltr] .hx__outline{left:-10px}
}

/* presence map: the map itself is geographic (never mirrored); only the side text column flips */
html[dir=ltr] .p-chip{padding:6px 12px 6px 13px}
html[dir=ltr] .p-journey::before,html[dir=ltr] .p-journey::after{right:calc(33.333% - 20px);left:6px}
html[dir=ltr] .p-journey::after{background:linear-gradient(90deg,#B3D707,#3AD705 50%,#00C6B8);transform-origin:left}
html[dir=ltr] .p-journey li::before{right:auto;left:0}


/* LTR inputs (phone, email, URL) carry inline text-align:right for the Arabic edition */
html[dir=ltr] input[dir=ltr]{text-align:left!important}

html[dir=ltr] .footer-en{display:none}

/* header: English labels are wider — tighter links, and the burger menu takes over earlier */
html[dir=ltr] .nav__link{font-size:.9rem;padding:10px 9px}
@media (max-width:1240px){html[dir=ltr] .nav,html[dir=ltr] .header-actions .btn{display:none}html[dir=ltr] .burger{display:grid}html[dir=ltr] .brand{margin-inline-end:auto}}