/* Qsynapse design tokens. Generated from the website stylesheet by tools/build-design-kit.js; do not edit by hand. */ :root { --ink: #1c1c1c; --ink-2: #5c5c5c; --ink-3: #6f6f6f; --teal: #00a1b9; --teal-soft: #eef8fa; --teal-line: #cfe7ec; --teal-text: #087a8d; --navy: #0b1f3a; --paper: #ffffff; --grey: #f7f7f7; --line: #e9e9e9; --risk: #c0392b; --risk-soft: #fde8e6; --ok: #1f8a4c; --ok-soft: #e6f6ee; --warn: #c77700; --warn-soft: #fff1dc; --font-head: 'Space Grotesk', 'Inter Display', system-ui, 'Segoe UI', Tahoma, 'Noto Sans Arabic', sans-serif; --font-body: 'Inter Display', 'Inter', system-ui, 'Segoe UI', Tahoma, 'Noto Sans Arabic', sans-serif; --font-ui: 'Inter', 'Inter Display', system-ui, 'Segoe UI', Tahoma, 'Noto Sans Arabic', sans-serif; --radius-pill: 100px; --radius-card: 20px; --radius-sm: 13px; --radius-xs: 8px; --shadow-float: 0 18px 50px rgba(0, 0, 0, 0.1); --shadow-btn: 0 6px 16px rgba(0, 161, 185, 0.3); --max: 1200px; --pad-x: 48px; --sec-y: 96px; --header-h: 72px; --ease: cubic-bezier(0.22, 1, 0.36, 1); } /* Arabic UI: Space Grotesk and Inter have no Arabic glyphs. For an Arabic interface load an Arabic-capable family (IBM Plex Sans Arabic or Noto Sans Arabic work well with this palette), put it first in the stacks and set dir="rtl" on . */ [dir="rtl"] :is(h1, h2, h3, h4, .eyebrow, .label, .hero__kicker, .stages span, .find__risk, .ask__a b, .brand span), :lang(ar) { letter-spacing: 0; } [dir="rtl"] .arrow { transform: scaleX(-1); }