:root {
  --ink: #0f1222;
  --muted: #8b8fa3;
  --border: #e8e8ee;
  --blue: #873EFF;
  --orange-bg: #fdeccb;
  --orange-text: #a9660a;
  --purple-bg: #f1e6ff;
  --purple-text: #873EFF;
  --green: #1e8e3e;
  --radius: 20px;
  --radius-sm: 10px;
  --page-radius: 12px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  color: var(--ink);
  overflow-x: hidden;
}

body[dir="rtl"] {
  font-family: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;
}

body[dir="rtl"] .nav-links,
body[dir="rtl"] .header-cta,
body[dir="rtl"] .hero-actions,
body[dir="rtl"] .demo-hero-ctas,
body[dir="rtl"] .footer-social,
body[dir="rtl"] .connect-list li,
body[dir="rtl"] .feature-card .f-icon,
body[dir="rtl"] .faq-q {
  direction: rtl;
}

body[dir="rtl"] .logo .dot {
  order: 2;
}

body[dir="rtl"] .btn-nav-solid svg,
body[dir="rtl"] .btn-hero svg {
  transform: scaleX(-1);
}

@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}