/* Hebrew / RTL overrides — loaded after style.css on the /he pages. */
[dir="rtl"] body { font-family: "Heebo", "Inter", system-ui, sans-serif; }
[dir="rtl"] h1 { letter-spacing: -1px; line-height: 1.1; }
[dir="rtl"] h2 { letter-spacing: -0.5px; }
[dir="rtl"] .eyebrow { letter-spacing: 0.5px; }
[dir="rtl"] .demo .label { letter-spacing: 0.3px; }

/* The brand mark stays left-to-right inside an RTL page. */
[dir="rtl"] .logo { direction: ltr; }

[dir="rtl"] .bubble { border-radius: 14px 14px 4px 14px; }
[dir="rtl"] .pains li::before { margin-right: 0; margin-left: 12px; }
[dir="rtl"] .side { border-right: 0; border-left: 1px solid rgba(255,255,255,0.06); }
[dir="rtl"] .side .count { float: left; }
[dir="rtl"] .chrome b { margin-left: 0; margin-right: 10px; }
[dir="rtl"] .card::after { background: radial-gradient(400px 160px at 100% 0%, rgba(255,90,54,0.14), transparent 70%); }
[dir="rtl"] .demo { transform: perspective(1400px) rotateY(6deg) rotateX(2deg); }
[dir="rtl"] .demo:hover { transform: perspective(1400px) rotateY(0) rotateX(0); }

@media (max-width: 860px) {
  [dir="rtl"] .demo { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  [dir="rtl"] .demo { transform: none; }
}

/* Phone and handle fields: typed left-to-right, but aligned with the Hebrew form. */
[dir="rtl"] input[dir="ltr"] { text-align: right; }
[dir="rtl"] input[dir="ltr"]::placeholder { text-align: right; }