@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(assets/fonts/dm-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(assets/fonts/manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{font-family:Tajawal;src:url('assets/fonts/tajawal-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('assets/fonts/tajawal-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Tajawal;src:url('assets/fonts/tajawal-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Tajawal;src:url('assets/fonts/tajawal-800.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}

/* Arabic stays connected: no tracking, italics, or cramped line boxes. */
html:lang(ar){--font:'Tajawal',Arial,sans-serif;--head:'Tajawal',Arial,sans-serif}
html:lang(ar) body{font-size:16px;line-height:1.8}
button,input,select,textarea{font-family:var(--font)}
html:lang(ar) :is(h1,h2,h3,.hero h1,.content h1,.eyebrow,.live-tag,.card-kicker,.demo-chip,th){letter-spacing:0;line-height:1.5}
html:lang(ar) :is(h1,h2,h3) em{font-style:normal}
html:lang(ar) .hero h1{font-size:clamp(44px,5vw,68px);line-height:1.35}
html:lang(ar) .hero-copy>p{font-size:17px;line-height:1.95}
html:lang(ar) :is(.hero-points,.field-label,.trust-strip b,.route-name,.method-item b,.reserve-item b,.stack label,.check-row,.method-fields label,.back-link){font-size:14px}
html:lang(ar) :is(.eyebrow,.live-tag,.card-kicker,.demo-chip,.label-hint,.trust-strip small,.method-item small,.reserve-item small,.currency-code,.footer-demo,.footer-copy,.timeline span){font-size:12px}
html:lang(ar) :is(.section-heading>p,.methods-copy>p,.reserves-intro,.bottom-cta>p,.muted,.steps,.summary-row,.form-error,.pay-details,.toast,.route-action,.simple-link){font-size:15px;line-height:1.85}
html:lang(ar) :is(.exchange-button,.cta-button,.copy-button,.ghost-button,.primary,.ghost,.danger,.side button){font-size:15px}
html:lang(ar) :is(.terms-note,.rate-line,.quote-error,.pill){font-size:12px;line-height:1.8}
html:lang(ar) .currency-select select{font-size:13px;max-width:158px}
html:lang(ar) .reserve-value{font-size:13px}
html:lang(ar) .demo-bar{font-size:12px}
html:lang(ar) th{font-size:13px}
html:lang(ar) td{font-size:14px}
html:lang(ar) .brand{direction:ltr;font-family:'Manrope',Arial,sans-serif}
html:lang(ar) .site-header .brand{direction:rtl}
html:lang(ar) :is(.label-hint,.terms-note,.currency-code,.trust-strip small,.method-item small,.reserve-item small,.footer-demo,.footer-copy){color:#6e7b90}
.numeric,code,.currency-code,.reserve-value,.route-rate strong,#status-id,#dialog-title{direction:ltr;unicode-bidi:isolate}
.numeric{display:inline-block}
input[type=number]{direction:ltr;text-align:start}
html[dir=rtl] input[type=number]{text-align:right}
input[dir=auto],textarea[dir=auto]{text-align:start}
.pay-details{unicode-bidi:plaintext;overflow-wrap:anywhere}
.summary-row b,.summary,.muted,.banner{overflow-wrap:anywhere}
code{display:inline-block;overflow-wrap:anywhere}
:is(a,button,input,select,textarea):focus-visible{outline:3px solid #8754ff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html:not([data-motion=on]){scroll-behavior:auto}html:not([data-motion=on]) *,html:not([data-motion=on]) *::before,html:not([data-motion=on]) *::after{transition:none!important;animation:none!important}}