/* ChatMesh — Arabic / RTL overrides (loaded only on /ar/ pages) */
:root {
  --marker: "Lalezar", "Permanent Marker", sans-serif;
  --hand: "Marhey", "Caveat", cursive;
  --body: "IBM Plex Sans Arabic", "DM Sans", system-ui, sans-serif;
}
body { font-size: 17.5px; line-height: 1.75; }
h1, h2, h3 { line-height: 1.25; }
.marker { letter-spacing: 0; }
.brand { font-family: "Permanent Marker", cursive; }
.hand { font-weight: 500; }
input[type="email"], input[type="tel"] { direction: ltr; text-align: right; }
.ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }

/* Arrows point the other way */
.btn svg, .card .go, .jump a svg { transform: scaleX(-1); }
.steps li:not(:last-child)::after { right: auto; left: -32px; transform: scaleX(-1); }

/* Lists with drawn checkboxes */
.ticks li, .perks li { padding-left: 0; padding-right: 34px; }
.ticks li::before, .perks li::before { left: auto; right: 0; }
.notes li { padding-left: 0; padding-right: 26px; }
.notes li::before { left: auto; right: 0; }
.notes-foot { padding-right: 0; padding-left: 40px; }
.legal-doc ul, .coach-plan ol, .result ul { padding-left: 0; padding-right: 22px; }

/* Underlines drawn under headings */
.hi-copy .under-y, .what-head .under-b, .platform .under-b, .values .under-b { left: auto; right: 0; }

/* Hero */
.hero h1 { font-size: clamp(54px, 8vw, 104px); line-height: 1.12; }
.hero h1 .l2 { transform-origin: right; }
.hero h1 .l3 { font-size: 0.66em; margin-top: 4px; }
.hey { font-size: 22px; }
.hey-arrow { right: auto; left: -78px; transform: scaleX(-1) rotate(40deg); }
.lines { font-size: 18px; line-height: 32px; font-weight: 500; }
.lines li { transform: translateX(8px); }
.lines li.show { transform: none; }
.lines .spk { font-size: 12px; }
.pad::after { left: auto; right: 64px; }
.side-note { font-size: 19px; line-height: 1.3; }
.bubble { font-size: 22px; line-height: 1.25; }
.score-sticker span { font-size: 12px; }

/* Ticker scrolls the other way */
.ticker-track { animation-name: tick-rtl; font-size: 24px; }
@keyframes tick-rtl { to { transform: translateX(50%); } }

/* Notes, stickies, speech bubbles */
.notes-title { font-size: 19px; line-height: 1.5; }
.notes ul { font-size: 18px; line-height: 1.6; }
.notes li::before { top: 9px; }
.polaroid .hand { font-size: 19px; }
.sticky p { font-size: 18px; line-height: 1.6; }
.sticky.small { font-size: 18px; line-height: 1.4; }
.s1::after { right: auto; left: 30px; }
.s2::after { left: auto; right: 30px; }
.s3::after { right: auto; left: 40px; }
.s4::after { left: auto; right: 40px; }
.teams-title { font-size: 19px; }
.join-note { font-size: 20px; }
.join-note svg { right: auto; left: -86px; transform: scaleX(-1) rotate(10deg); }

/* Inner pages */
.page-hero .kicker { font-size: 20px; }
.page-hero h1 { line-height: 1.2; font-size: clamp(42px, 6vw, 76px); }
.mock-note { font-size: 17px; }
.mock-note svg { margin-left: 0; margin-right: 6px; transform: scaleX(-1) rotate(-150deg); }
.ms-bars em, .crit em { text-align: left; }
.ms-note b { margin-right: 0; margin-left: 4px; }
.ms-note span { font-size: 16px; }
.b-cust { border-bottom-right-radius: 18px; border-bottom-left-radius: 4px; }
.b-me { border-bottom-left-radius: 18px; border-bottom-right-radius: 4px; }
.plat { border-right: 0; border-left: 2px dashed #c7c2b2; }
.plat:nth-child(3n) { border-left: 0; }
@media (max-width: 860px) {
  .plat:nth-child(3n) { border-left: 2px dashed #c7c2b2; }
  .plat:nth-child(2n) { border-left: 0; }
}
@media (max-width: 520px) { .plat { border-left: 0 !important; } }
.line-card figcaption { font-size: 16px; }
.line-card p { font-size: 20px; }
.badge { right: auto; left: 18px; transform: rotate(-6deg); }
.price-note { font-size: 16px; }
.mini-sticky { font-size: 19px; line-height: 1.5; }
.s-a { left: auto; right: 4%; transform: rotate(6deg); }
.s-b { right: auto; left: 4%; transform: rotate(-5deg); }
.s-c { left: auto; right: 22%; }
.letter { line-height: 32px; font-size: 17px; }
.letter .hello { font-size: 22px; }
.letter .sign { font-size: 20px; }
.side-hand { font-size: 18px; }
.side-hand svg { margin-left: 0; margin-right: 6px; transform: scaleX(-1) rotate(200deg); }
.nf .kicker { font-size: 20px; }

/* Demo */
.demo-note .marker { margin-right: 0; margin-left: 8px; }
.agents th, .call-list button, .persona { text-align: right; }
.objections .bar i { border-right: 0; border-left: 2px solid var(--ink); }
.coach-plan ol { font-size: 17px; line-height: 1.6; }
.msg.cust { border-bottom-left-radius: 18px; border-bottom-right-radius: 4px; }
.msg.me { border-bottom-right-radius: 18px; border-bottom-left-radius: 4px; }
.sys, .typing { font-size: 16px; line-height: 1.6; }
.note { font-size: 15px; line-height: 1.6; }
.block-head .muted { font-size: 15px; }
.transcript .ts { direction: ltr; }
.kpi .val { font-family: "Permanent Marker", var(--marker); }
@media (max-width: 520px) { .burst { left: 6px; } }

.lang-switch { padding: 4px 8px 4px 14px; }