html { scroll-behavior: smooth; }
body { margin: 0; background: #F6F6F3; }
*, *::before, *::after { box-sizing: border-box; }
.lu-root { width: 100%; }
button, input { font: inherit; }
:focus-visible { outline: 3px solid #2D4BFF; outline-offset: 4px; }
section[id], #product { scroll-margin-top: 110px; }
.demo-return { display: block; min-height: 38px; padding: 10px 24px; color: #5B5F66; font: 500 12px/1.5 'Instrument Sans', sans-serif; text-decoration: none; }
.demo-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.lumen-chart { direction: ltr; }
@media (max-width: 640px) {
 .lu-root header nav { justify-content: center !important; padding-inline: 16px !important; }
 .lu-root header nav > div:first-of-type { order: 3; width: 100%; justify-content: center; gap: 16px !important; font-size: 14px !important; }
 .lu-root header nav > div:last-child { margin-inline-start: auto; }
 .lu-root header .lu-primary { padding-inline: 12px !important; font-size: 13px !important; }
 .lu-root #top { padding-top: 48px !important; padding-bottom: 56px !important; }
 .lu-root h1 { font-size: clamp(42px, 10vw, 64px) !important; }
 .lu-root #product { margin-top: 56px !important; }
 .lu-root #product > svg { display: none; }
 .lu-root #product div[style*="repeat(3, minmax(0, 1fr))"] { grid-template-columns: 1fr !important; }
 .lu-root #product div[style*="padding: 22px"] { padding: 16px !important; }
 .lu-root section[id] { padding-inline: 16px !important; }
 .lu-root #join form { flex-direction: column; }
 .lu-root #join form > * { width: 100%; flex: none !important; }
 .lu-root #join > div[style*="max-width: 820px"] { padding: 70px 16px !important; }
 .lumen-question-panel { border-right: 0 !important; border-bottom: 1px solid #E3E3DD; }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto; }
 *, *::before, *::after { animation: none !important; transition: none !important; }
}

@font-face { font-family: 'Lumen Arabic'; font-style: normal; font-weight: 300; font-display: swap; src: url('./assets/arabic-300.woff2') format('woff2'); }
@font-face { font-family: 'Lumen Arabic'; font-style: normal; font-weight: 400; font-display: swap; src: url('./assets/arabic-400.woff2') format('woff2'); }
@font-face { font-family: 'Lumen Arabic'; font-style: normal; font-weight: 500; font-display: swap; src: url('./assets/arabic-500.woff2') format('woff2'); }
@font-face { font-family: 'Lumen Arabic'; font-style: normal; font-weight: 600; font-display: swap; src: url('./assets/arabic-600.woff2') format('woff2'); }
html[lang="ar"] body,
html[lang="ar"] .demo-return,
html[lang="ar"] .lu-root * { font-family: 'Lumen Arabic', Tahoma, sans-serif !important; letter-spacing: normal !important; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3 { line-height: 1.45 !important; }
html[lang="ar"] p { line-height: 1.85 !important; }
html[lang="ar"] [style*="text-align: left"] { text-align: right !important; }
html[lang="ar"] .lumen-question-panel { border-right: 0 !important; border-left: 1px solid #E3E3DD; }
html[lang="ar"] #faq p { padding: 0 0 22px 50px !important; }
html[lang="ar"] .lu-primary > svg { transform: scaleX(-1); }
html[lang="ar"] .lumen-chart { direction: ltr; }
@media (max-width: 640px) { html[lang="ar"] .lumen-question-panel { border-left: 0 !important; } }