/* =============================================================
   BEYND · Marketing site styles
   Built on the BEYND Panel design system (tokens.css)
   ============================================================= */

:root{
  --navy-950:#050B24; --navy-900:#0A1236; --navy-800:#0E1A4A; --navy-700:#162463; --navy-600:#223080; --navy-500:#2F3E9E;
  --indigo-600:#3F3CEB; --indigo-500:#5754F0; --indigo-400:#7D7BF3; --indigo-300:#A9A8F7; --indigo-200:#D4D3FB; --indigo-100:#ECECFE; --indigo-50:#F6F6FF;
  --n-0:#FFFFFF; --n-25:#FBFBFD; --n-50:#F5F6F9; --n-100:#EDEFF4; --n-200:#DEE1EA; --n-300:#C3C8D6; --n-400:#8A92A6; --n-500:#5B6479; --n-600:#3F4759; --n-700:#2A303F; --n-800:#171B27; --n-900:#0B0E17;
  --success-600:#0F9D6B; --success-100:#D7F5E6;
  --warn-600:#D18700; --warn-100:#FBECC7;
  --danger-600:#DC3545; --danger-100:#FBDADE;
  --info-600:#0967D2; --info-100:#D4E8FC;

  --r-xs:4px; --r-sm:6px; --r-md:10px; --r-lg:14px; --r-xl:20px; --r-2xl:28px; --r-full:999px;

  --sh-xs:0 1px 2px rgba(10,18,54,.06);
  --sh-sm:0 2px 6px rgba(10,18,54,.06),0 1px 2px rgba(10,18,54,.04);
  --sh-md:0 8px 20px -6px rgba(10,18,54,.12),0 3px 6px rgba(10,18,54,.05);
  --sh-lg:0 24px 48px -12px rgba(10,18,54,.18),0 8px 16px -6px rgba(10,18,54,.08);
  --sh-xl:0 40px 80px -20px rgba(10,18,54,.25),0 16px 32px -8px rgba(10,18,54,.10);
  --sh-focus:0 0 0 3px rgba(63,60,235,.22);

  --f-sans:'Geist','Inter Tight','Open Sans',ui-sans-serif,system-ui,Arial;
  --f-he:'Open Sans','Geist',ui-sans-serif,system-ui,Arial;
  --f-mono:'Geist Mono','JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --f-serif:'Instrument Serif',Georgia,serif;

  --content-max:1280px;
  --content-pad:48px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{
  font-family:var(--f-sans);
  color:var(--navy-800);
  background:var(--n-25);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-feature-settings:"cv11","ss01","ss03";
  font-optical-sizing:auto;
  line-height:1.5;
}
[dir="rtl"] body{font-family:var(--f-he)}

a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer;padding:0}
img{max-width:100%;display:block}
h1,h2,h3,h4,h5{margin:0;font-weight:600;letter-spacing:-0.025em;line-height:1.1;color:var(--navy-800)}
p{margin:0}

.mono{font-family:var(--f-mono);font-feature-settings:"zero","ss01"}
.nums{font-feature-settings:"tnum","zero"}

/* ---------- wrap ---------- */
.wrap{max-width:var(--content-max);margin:0 auto;padding:0 var(--content-pad)}
.wrap-narrow{max-width:920px;margin:0 auto;padding:0 var(--content-pad)}

/* ---------- eyebrow / sec-num ---------- */
.eyebrow{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--n-500);font-weight:500;
  display:inline-flex;align-items:center;gap:10px;
}
.eyebrow::before{
  content:"";width:18px;height:1px;background:var(--n-400);
}
.eyebrow.no-rule::before{display:none}
.eyebrow.on-dark{color:var(--indigo-300)}
.eyebrow.on-dark::before{background:var(--indigo-400)}

/* ---------- nav ---------- */
.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(251,251,253,.85);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid var(--n-200);
  height:64px;display:flex;align-items:center;
}
.nav-inner{display:flex;align-items:center;gap:32px;width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--content-pad)}
.nav-brand{display:flex;align-items:center;gap:10px}
.nav-brand img{height:22px}
.nav-links{display:flex;align-items:center;gap:4px;margin-inline-start:24px}
.nav-link{padding:8px 12px;font-size:13.5px;font-weight:500;color:var(--n-600);border-radius:var(--r-sm);transition:.15s;white-space:nowrap}
.nav-link:hover{color:var(--navy-800);background:var(--n-100)}
.nav-link.active{color:var(--indigo-600)}
.nav-right{margin-inline-start:auto;display:flex;align-items:center;gap:10px}

.nav.on-dark{
  background:rgba(10,18,54,.6);border-bottom-color:rgba(255,255,255,.08);
}
.nav.on-dark .nav-link{color:rgba(255,255,255,.7)}
.nav.on-dark .nav-link:hover{color:#fff;background:rgba(255,255,255,.08)}
.nav.on-dark .nav-link.active{color:#fff}
.nav.on-dark .lang-toggle{border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.8)}
.nav.on-dark .lang-toggle:hover{background:rgba(255,255,255,.08)}

/* lang toggle */
.lang-toggle{
  display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;
  border:1px solid var(--n-200);border-radius:var(--r-sm);
  font:500 11px var(--f-mono);letter-spacing:.08em;color:var(--n-600);
  transition:.15s;
}
.lang-toggle:hover{background:var(--n-50);border-color:var(--n-300)}
.lang-toggle .sep{color:var(--n-300)}
.lang-toggle .active{color:var(--indigo-600)}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:38px;padding:0 16px;border-radius:var(--r-sm);
  font:500 13.5px/1 var(--f-sans);
  cursor:pointer;border:1px solid transparent;transition:.15s;
  white-space:nowrap;
}
[dir="rtl"] .btn{font-family:var(--f-he)}
.btn-primary{background:var(--indigo-600);color:#fff}
.btn-primary:hover{background:#2E2ADB;box-shadow:0 4px 14px -2px rgba(63,60,235,.4)}
.btn-secondary{background:#fff;color:var(--navy-800);border-color:var(--n-200)}
.btn-secondary:hover{background:var(--n-50);border-color:var(--n-300)}
.btn-ghost{background:transparent;color:var(--navy-800)}
.btn-ghost:hover{background:var(--n-100)}
.btn-lg{height:46px;padding:0 22px;font-size:14.5px;border-radius:var(--r-sm)}
.btn-sm{height:30px;padding:0 12px;font-size:12.5px}
.btn .arrow{font-family:var(--f-mono);font-size:14px;line-height:1}
.btn-onDark.btn-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.btn-onDark.btn-secondary:hover{background:rgba(255,255,255,.14)}
.btn-onDark.btn-ghost{color:rgba(255,255,255,.85)}
.btn-onDark.btn-ghost:hover{background:rgba(255,255,255,.08);color:#fff}

/* ---------- pill / badge ---------- */
.pill{
  display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;
  border-radius:999px;background:var(--n-100);border:1px solid var(--n-200);
  font:500 12px var(--f-mono);color:var(--n-600);letter-spacing:.04em;
}
.pill .dot{width:6px;height:6px;border-radius:999px;background:var(--indigo-600);box-shadow:0 0 0 4px rgba(63,60,235,.15)}
.pill.live .dot{background:var(--success-600);box-shadow:0 0 0 4px rgba(15,157,107,.18);animation:pulse 1.6s ease-in-out infinite}
.pill.on-dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(15,157,107,.4)}50%{box-shadow:0 0 0 6px rgba(15,157,107,0)}}

.badge{
  display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;
  border-radius:999px;font:500 11px var(--f-mono);letter-spacing:.02em;
}
.badge.b-pos{background:var(--success-100);color:var(--success-600)}
.badge.b-neg{background:var(--danger-100);color:var(--danger-600)}
.badge.b-warn{background:var(--warn-100);color:var(--warn-600)}
.badge.b-info{background:var(--info-100);color:var(--info-600)}
.badge.b-brand{background:var(--indigo-100);color:var(--indigo-600)}
.badge.b-neut{background:var(--n-100);color:var(--n-600)}

/* ---------- typography helpers ---------- */
.display{
  font-size:clamp(48px, 7vw, 92px);
  line-height:.96;
  letter-spacing:-0.045em;
  font-weight:700;
  text-wrap:balance;
}
.display .accent,.display.accent{color:var(--indigo-600)}
.display .quiet{color:var(--n-400)}
.h1{
  font-size:clamp(36px,5.2vw,60px);
  line-height:1.02;letter-spacing:-0.035em;font-weight:700;
  text-wrap:balance;
}
.h2{
  font-size:clamp(28px,3.4vw,40px);
  line-height:1.08;letter-spacing:-0.03em;font-weight:600;
  text-wrap:balance;
}
.h3{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-0.015em}
.body-lg{font-size:18px;line-height:1.55;color:var(--n-600)}
.body{font-size:15px;line-height:1.6;color:var(--n-600)}
.caption{font-size:13px;line-height:1.5;color:var(--n-500)}

/* on-dark variants */
.on-dark{color:#fff}
.on-dark .display,.on-dark .h1,.on-dark .h2,.on-dark .h3{color:#fff}
.on-dark .body-lg,.on-dark .body{color:rgba(255,255,255,.66)}
.on-dark .caption{color:rgba(255,255,255,.48)}
.on-dark .display .accent{color:var(--indigo-400)}
.on-dark .display .quiet{color:rgba(255,255,255,.3)}

/* ---------- sections ---------- */
section{padding:96px 0;position:relative}
section.tight{padding:64px 0}
section.bleed{padding:120px 0}
.sec-head{display:flex;flex-direction:column;gap:18px;max-width:720px;margin-bottom:56px}
.sec-head.center{margin-inline:auto;text-align:center;align-items:center}
.sec-head .lede{color:var(--n-500);font-size:17px;line-height:1.55}

/* ---------- card ---------- */
.card{
  background:#fff;border:1px solid var(--n-200);border-radius:var(--r-lg);
  padding:24px;
}
.card-flat{background:var(--n-25);border:1px solid var(--n-200);border-radius:var(--r-lg);padding:24px}
.card.on-dark{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}

/* ---------- logo cloud ---------- */
.logo-cloud{
  display:grid;grid-template-columns:repeat(6,1fr);gap:0;
  border-top:1px solid var(--n-200);border-bottom:1px solid var(--n-200);
}
.logo-cloud .lc{
  height:96px;display:flex;align-items:center;justify-content:center;
  border-inline-end:1px solid var(--n-200);
  font:600 16px var(--f-sans);color:var(--n-400);letter-spacing:-0.02em;
}
.logo-cloud .lc:last-child{border-inline-end:0}
.logo-cloud.on-dark{border-top-color:rgba(255,255,255,.08);border-bottom-color:rgba(255,255,255,.08)}
.logo-cloud.on-dark .lc{border-inline-end-color:rgba(255,255,255,.08);color:rgba(255,255,255,.35)}

/* ---------- feature grid ---------- */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--n-200);border:1px solid var(--n-200);border-radius:var(--r-lg);overflow:hidden}
.feature-grid .f{background:#fff;padding:32px 28px;display:flex;flex-direction:column;gap:14px;min-height:240px}
.feature-grid .f .eyebrow{margin-bottom:6px}
.feature-grid .f h3{font-size:19px}
.feature-grid .f p{color:var(--n-500);font-size:14px;line-height:1.55}
.feature-grid .ico{
  width:32px;height:32px;border-radius:var(--r-sm);
  background:var(--indigo-100);color:var(--indigo-600);
  display:grid;place-items:center;font:600 14px var(--f-mono);
}

/* ---------- step / "how it works" ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s}
.step{background:#fff;border:1px solid var(--n-200);border-radius:var(--r-lg);padding:28px;position:relative}
.step .n{font:600 13px var(--f-mono);color:var(--indigo-600);margin-bottom:18px;display:block}
.step h3{font-size:19px;margin-bottom:8px}
.step p{color:var(--n-500);font-size:14px;line-height:1.55}
.step .frame{margin-top:22px;background:var(--n-50);border-radius:var(--r-md);height:140px;border:1px solid var(--n-100);overflow:hidden;position:relative}

/* ---------- stats strip ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--n-200);border-bottom:1px solid var(--n-200)}
.stat{padding:36px 28px;border-inline-end:1px solid var(--n-200)}
.stat:last-child{border-inline-end:0}
.stat .k{font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--n-500);margin-bottom:14px;display:block}
.stat .v{font-size:44px;font-weight:600;letter-spacing:-0.035em;line-height:1;color:var(--navy-800);font-feature-settings:"tnum"}
.stat .v .unit{font-size:24px;color:var(--n-400);font-weight:500;margin-inline-start:2px}
.stat .d{font-size:13px;color:var(--n-500);margin-top:10px;line-height:1.5}

/* ---------- footer ---------- */
.foot{padding:64px 0 32px;border-top:1px solid var(--n-200);background:var(--n-25)}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:48px;margin-bottom:48px}
.foot h4{font:600 12px var(--f-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--n-500);margin-bottom:16px}
.foot a{display:block;padding:6px 0;font-size:14px;color:var(--n-600)}
.foot a:hover{color:var(--indigo-600)}
.foot-bot{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--n-200);font-size:12px;color:var(--n-500);font-family:var(--f-mono)}

/* ---------- decorative transcript bars (the brand glyph motif) ---------- */
.bars{display:flex;flex-direction:column;gap:3px;width:100%}
.bars i{display:block;height:3px;background:currentColor;border-radius:2px;opacity:.4}
.bars i:nth-child(1){width:34%;opacity:.9}
.bars i:nth-child(2){width:78%}
.bars i:nth-child(3){width:48%;opacity:.7}
.bars i:nth-child(4){width:88%;opacity:.5}
.bars i:nth-child(5){width:22%;opacity:.85}
.bars i:nth-child(6){width:62%;opacity:.4}
.bars i:nth-child(7){width:42%;opacity:.6}
.bars i:nth-child(8){width:74%;opacity:.3}

.bars-h{display:flex;align-items:flex-end;gap:3px;height:100%}
.bars-h i{display:block;width:3px;background:currentColor;border-radius:2px}

/* waveform animation */
.wave{display:inline-flex;gap:3px;align-items:center;height:18px}
.wave i{display:block;width:3px;background:currentColor;border-radius:2px;animation:wv 1.1s ease-in-out infinite}
.wave i:nth-child(1){height:30%;animation-delay:0}
.wave i:nth-child(2){height:80%;animation-delay:.08s}
.wave i:nth-child(3){height:45%;animation-delay:.16s}
.wave i:nth-child(4){height:95%;animation-delay:.24s}
.wave i:nth-child(5){height:55%;animation-delay:.32s}
.wave i:nth-child(6){height:75%;animation-delay:.40s}
.wave i:nth-child(7){height:35%;animation-delay:.48s}
@keyframes wv{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1.05)}}

/* ---------- transcript live card ---------- */
.transcript{
  background:#fff;border:1px solid var(--n-200);border-radius:var(--r-lg);
  box-shadow:var(--sh-lg);overflow:hidden;
}
.transcript .t-head{
  display:flex;align-items:center;gap:12px;padding:14px 18px;
  border-bottom:1px solid var(--n-100);background:var(--n-25);
}
.transcript .t-head .id{font:500 12px var(--f-mono);color:var(--n-500);letter-spacing:.04em}
.transcript .t-head .time{margin-inline-start:auto;font:500 12px var(--f-mono);color:var(--n-500)}
.transcript .t-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px;min-height:280px}
.t-line{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:flex-start}
.t-line .ts{font:500 11px var(--f-mono);color:var(--n-400);padding-top:3px;letter-spacing:.02em}
.t-line .msg{font-size:14px;line-height:1.55;color:var(--navy-800)}
.t-line .msg .spk{font:600 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;display:block;color:var(--n-500);margin-bottom:3px}
.t-line .msg .spk.agent{color:var(--indigo-600)}
.t-line .msg .spk.customer{color:var(--navy-700)}
.t-line.insight .msg{
  background:var(--indigo-50);border:1px solid var(--indigo-200);
  border-radius:var(--r-md);padding:10px 14px;
  display:flex;flex-direction:column;gap:6px;
}
.t-line.insight .msg .lbl{font:500 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--indigo-600)}
.transcript .t-foot{
  display:flex;align-items:center;gap:14px;padding:12px 18px;
  border-top:1px solid var(--n-100);background:var(--n-25);
}
.transcript .t-foot .wave{color:var(--indigo-600)}

/* ---------- annotated screenshot frame ---------- */
.product-frame{
  background:linear-gradient(180deg,#fff,var(--n-50));
  border:1px solid var(--n-200);border-radius:var(--r-xl);
  box-shadow:var(--sh-xl);overflow:hidden;
}
.product-frame .pf-bar{
  display:flex;align-items:center;gap:10px;padding:12px 16px;
  border-bottom:1px solid var(--n-100);background:var(--n-25);
}
.product-frame .pf-bar .dots{display:flex;gap:6px}
.product-frame .pf-bar .dots i{width:10px;height:10px;border-radius:999px;background:var(--n-200)}
.product-frame .pf-bar .url{
  flex:1;text-align:center;font:500 11px var(--f-mono);color:var(--n-500);
  background:#fff;border:1px solid var(--n-200);border-radius:var(--r-xs);
  padding:4px 10px;max-width:260px;margin:0 auto;letter-spacing:.04em;
}

/* ---------- helpers ---------- */
.row{display:flex;gap:12px;align-items:center}
.col{display:flex;flex-direction:column;gap:12px}
.spacer-32{height:32px}
.spacer-64{height:64px}
.sep{height:1px;background:var(--n-200);margin:32px 0}
.sep.on-dark{background:rgba(255,255,255,.08)}

/* glyph rail decoration */
.glyph-rail{
  display:grid;grid-template-columns:1fr;gap:8px;
  height:120px;align-content:center;
  color:var(--indigo-600);
}

/* ---------- Hebrew adjustments ---------- */
[dir="rtl"] .nav-link,
[dir="rtl"] .btn,
[dir="rtl"] .eyebrow,
[dir="rtl"] .display,
[dir="rtl"] .h1, [dir="rtl"] .h2, [dir="rtl"] .h3,
[dir="rtl"] p, [dir="rtl"] .body, [dir="rtl"] .body-lg{
  font-family:var(--f-he);
}
[dir="rtl"] .mono,[dir="rtl"] .pill,[dir="rtl"] .lang-toggle,
[dir="rtl"] .eyebrow,[dir="rtl"] .badge{font-family:var(--f-mono)}
[dir="rtl"] .display, [dir="rtl"] .h1{letter-spacing:-0.025em}
[dir="rtl"] .t-line .ts,[dir="rtl"] .stat .k{font-family:var(--f-mono)}

/* ---------- small screens ---------- */
@media (max-width:900px){
  :root{--content-pad:24px}
  section{padding:64px 0}
  .feature-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr;gap:32px}
  .nav-links{display:none}
}



/* ============================================================
   RTL (Hebrew/Arabic) TYPOGRAPHY OVERRIDES
   Use Heebo for headlines (cleaner than Open Sans in bold).
   Don't use Instrument Serif italic for Hebrew — fall back to weight + color accent only.
   ============================================================ */
[dir="rtl"] body{font-family:'Heebo','Open Sans',ui-sans-serif,system-ui,Arial}

/* Headlines: Heebo (tighter, designed for Latin pairing) */
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4,[dir="rtl"] h5,
[dir="rtl"] .display,[dir="rtl"] .h1,[dir="rtl"] .h2,[dir="rtl"] .h3,
[dir="rtl"] .lf-display,[dir="rtl"] .apx-h2,[dir="rtl"] .apx-prod-h,
[dir="rtl"] .apx-problem3-h,[dir="rtl"] .apx-claim-h,[dir="rtl"] .apx-cta-h,
[dir="rtl"] .ft-hero h1,[dir="rtl"] .ft-sec h2,[dir="rtl"] .ft-cta h2,
[dir="rtl"] .ct-h1,[dir="rtl"] .ra-pitch h1,[dir="rtl"] .su-modal h1,
[dir="rtl"] .lg-hero h1,[dir="rtl"] .lg-art h2,[dir="rtl"] .lg-art h3,
[dir="rtl"] .uc-ind-head h2,[dir="rtl"] .apx-scale-h,[dir="rtl"] .apx-platform-h,
[dir="rtl"] .apx-numbers2-h,[dir="rtl"] .apx-test blockquote{
  font-family:'Heebo','Open Sans',ui-sans-serif,system-ui,Arial;
  letter-spacing:-0.03em;
}

/* Tighten letter-spacing more on the biggest displays in Hebrew */
[dir="rtl"] .lf-display{letter-spacing:-0.04em}
[dir="rtl"] .apx-problem3-big{letter-spacing:-0.045em}

/* Italic serif accent → not for Hebrew. Use weight + color only. */
[dir="rtl"] .apx-em,
[dir="rtl"] .lf-display .lf-grad,
[dir="rtl"] .em,
[dir="rtl"] .apx-claim-h .apx-em,
[dir="rtl"] .apx-problem-rest .apx-em,
[dir="rtl"] .apx-problem3-rest .apx-em,
[dir="rtl"] .ct-h1 .em,
[dir="rtl"] .ra-pitch h1 .grad,
[dir="rtl"] .su-modal h1 .em,
[dir="rtl"] .ft-hero h1 .grad,
[dir="rtl"] .ft-sec h2 .grad,
[dir="rtl"] .ft-sec h2 .grad-dark,
[dir="rtl"] .apx-h2 .grad,
[dir="rtl"] .apx-h2 .grad-dark{
  font-family:inherit !important;
  font-style:normal !important;
  font-weight:inherit !important;
}

/* For accents that were *italic-only* (like .apx-em), keep color accent + slight weight differentiation */
[dir="rtl"] .apx-em,[dir="rtl"] .em{
  color:var(--indigo-600);
  font-weight:600;
}
[dir="rtl"] .apx-claim-h .apx-em,
[dir="rtl"] .apx-problem3-rest .apx-em{
  color:var(--n-500);
  font-weight:400;
}

/* gradient text stays — but with Hebrew font */
[dir="rtl"] .lf-grad,[dir="rtl"] .grad{
  background:linear-gradient(120deg,#fff 0%,#D4D3FB 40%,#7D7BF3 90%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:700;
}
[dir="rtl"] .grad-dark,[dir="rtl"] .apx-grad-dark{
  background:linear-gradient(120deg,var(--indigo-600) 0%,var(--indigo-400) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:700;
}