/* Preliminary VexOS refresh: less violet, cleaner product accents, no emoji UI. */
.antara-only {
  display: none;
}

:root {
  --purple: oklch(66% 0.135 215);
  --purple2: oklch(73% 0.145 182);
  --purple-bg: oklch(20% 0.050 220);
  --vex-accent: oklch(66% 0.135 215);
  --vex-accent-2: oklch(73% 0.145 182);
  --vex-accent-bg: oklch(20% 0.050 220);
  --vex-accent-soft: oklch(66% 0.135 215 / 0.14);
  --vex-gradient: linear-gradient(135deg, oklch(63% 0.150 225), oklch(73% 0.145 182));
  --vex-gradient-hover: linear-gradient(135deg, oklch(69% 0.145 222), oklch(78% 0.140 178));
  --vex-border-accent: oklch(55% 0.120 205 / 0.55);
}

.btn-primary,
.submit-btn,
.p-grad,
.btn-p,
.nav-cta,
.chat-send,
.wh-alert-action.warn,
.faq-item.open .faq-toggle,
.price-card.featured .price-badge,
.mobile-menu a.btn-primary {
  background: var(--vex-gradient) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 8px 28px oklch(43% 0.120 210 / 0.28) !important;
}

.btn-primary:hover,
.submit-btn:hover,
.p-grad:hover,
.btn-p:hover,
.chat-send:hover {
  background: var(--vex-gradient-hover) !important;
}

.nav-logo span,
.nav-logo .os,
.footer-logo span,
.footer-logo .os,
h1 em,
.hero-title em,
.section-tag,
.section-label,
.tag,
.metric-val,
.step-num,
.price-amount,
.setup-price,
.blog-read,
.faq-a a,
.tg-link,
.analytics-abbr,
.replace-arrow {
  color: var(--vex-accent-2) !important;
}

.nav-logo span,
.nav-logo .os,
.footer-logo span,
.footer-logo .os,
h1 em,
.hero-title em {
  background: var(--vex-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

.hero-tag,
.section-tag,
.section-label,
.tag,
.auto-badge,
.tag-ret,
.ba-col.after,
.for-card.yes,
.setup-card.cta-card,
.analytics-icon,
.old-app-icon,
.bespoke-icon,
.auto-icon,
.feat-icon,
.xl-prob-icon {
  background-color: var(--vex-accent-bg) !important;
  border-color: var(--vex-border-accent) !important;
}

.hero-grid {
  background-image:
    linear-gradient(oklch(66% 0.135 215 / 0.14) 1px, transparent 1px),
    linear-gradient(90deg, oklch(73% 0.145 182 / 0.08) 1px, transparent 1px) !important;
}

.hero-glow {
  background:
    radial-gradient(ellipse 50% 60% at 65% 38%, oklch(52% 0.145 205 / 0.24) 0%, transparent 65%),
    radial-gradient(ellipse 28% 35% at 18% 78%, oklch(42% 0.120 245 / 0.16) 0%, transparent 55%) !important;
}

.hero-scan {
  background: linear-gradient(
    90deg,
    transparent 0%,
    oklch(66% 0.135 215 / 0) 10%,
    oklch(73% 0.145 182 / 0.58) 50%,
    oklch(66% 0.135 215 / 0) 90%,
    transparent 100%
  ) !important;
}

.cta-section::before {
  background: radial-gradient(circle, oklch(66% 0.135 215 / 0.12) 0%, transparent 65%) !important;
}

.btn-ghost:hover,
.p-outline:hover,
.analytics-card:hover,
.replace-card:hover,
.xl-prob:hover,
.faq-item.open {
  border-color: var(--vex-border-accent) !important;
}

.analytics-result {
  background: oklch(20% 0.045 220 / 0.5) !important;
  border-left-color: var(--vex-accent-2) !important;
}

.ui-icon,
.analytics-icon,
.xl-prob-icon,
.feat-icon,
.old-app-icon,
.bespoke-icon,
.auto-icon,
.signal-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid var(--vex-border-accent);
  color: transparent;
  font-size: 0 !important;
  line-height: 0;
  position: relative;
}

.ui-icon::before,
.analytics-icon::before,
.xl-prob-icon::before,
.feat-icon::before,
.old-app-icon::before,
.bespoke-icon::before,
.auto-icon::before,
.signal-icon::before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  background: var(--vex-gradient);
  -webkit-mask: var(--icon, var(--icon-chart)) center / contain no-repeat;
  mask: var(--icon, var(--icon-chart)) center / contain no-repeat;
}

.icon-chart,
.icon-analytics,
.icon-report,
.icon-dashboard,
.icon-kpi { --icon: var(--icon-chart); }
.icon-target,
.icon-segment,
.icon-abc { --icon: var(--icon-target); }
.icon-money,
.icon-margin,
.icon-debt { --icon: var(--icon-wallet); }
.icon-bot,
.icon-ai { --icon: var(--icon-bot); }
.icon-folder,
.icon-file,
.icon-excel,
.icon-drive { --icon: var(--icon-folder); }
.icon-alert,
.icon-error,
.icon-close { --icon: var(--icon-alert); }
.icon-clock,
.icon-time { --icon: var(--icon-clock); }
.icon-phone,
.icon-mobile { --icon: var(--icon-phone); }
.icon-chat,
.icon-message { --icon: var(--icon-chat); }
.icon-mail,
.icon-email { --icon: var(--icon-mail); }
.icon-brain,
.icon-model { --icon: var(--icon-cpu); }
.icon-box,
.icon-product { --icon: var(--icon-box); }
.icon-building,
.icon-factory { --icon: var(--icon-building); }
.icon-users,
.icon-team,
.icon-handshake { --icon: var(--icon-users); }
.icon-refresh,
.icon-sync { --icon: var(--icon-refresh); }
.icon-list,
.icon-task { --icon: var(--icon-list); }

.analytics-icon > .ui-icon,
.xl-prob-icon > .ui-icon,
.feat-icon > .ui-icon,
.old-app-icon > .ui-icon,
.bespoke-icon > .ui-icon,
.auto-icon > .ui-icon,
.signal-icon > .ui-icon {
  display: none;
}

.analytics-icon:has(.icon-chart)::before,
.xl-prob-icon:has(.icon-chart)::before,
.feat-icon:has(.icon-chart)::before,
.old-app-icon:has(.icon-chart)::before,
.bespoke-icon:has(.icon-chart)::before,
.auto-icon:has(.icon-chart)::before { -webkit-mask-image: var(--icon-chart); mask-image: var(--icon-chart); }
.analytics-icon:has(.icon-dashboard)::before,
.xl-prob-icon:has(.icon-dashboard)::before,
.feat-icon:has(.icon-dashboard)::before,
.old-app-icon:has(.icon-dashboard)::before,
.bespoke-icon:has(.icon-dashboard)::before,
.auto-icon:has(.icon-dashboard)::before { -webkit-mask-image: var(--icon-chart); mask-image: var(--icon-chart); }
.analytics-icon:has(.icon-target)::before,
.xl-prob-icon:has(.icon-target)::before,
.feat-icon:has(.icon-target)::before,
.old-app-icon:has(.icon-target)::before,
.bespoke-icon:has(.icon-target)::before,
.auto-icon:has(.icon-target)::before { -webkit-mask-image: var(--icon-target); mask-image: var(--icon-target); }
.analytics-icon:has(.icon-money)::before,
.xl-prob-icon:has(.icon-money)::before,
.feat-icon:has(.icon-money)::before,
.old-app-icon:has(.icon-money)::before,
.bespoke-icon:has(.icon-money)::before,
.auto-icon:has(.icon-money)::before,
.analytics-icon:has(.icon-debt)::before,
.xl-prob-icon:has(.icon-debt)::before,
.feat-icon:has(.icon-debt)::before,
.old-app-icon:has(.icon-debt)::before,
.bespoke-icon:has(.icon-debt)::before,
.auto-icon:has(.icon-debt)::before { -webkit-mask-image: var(--icon-wallet); mask-image: var(--icon-wallet); }
.analytics-icon:has(.icon-bot)::before,
.xl-prob-icon:has(.icon-bot)::before,
.feat-icon:has(.icon-bot)::before,
.old-app-icon:has(.icon-bot)::before,
.bespoke-icon:has(.icon-bot)::before,
.auto-icon:has(.icon-bot)::before { -webkit-mask-image: var(--icon-bot); mask-image: var(--icon-bot); }
.analytics-icon:has(.icon-folder)::before,
.xl-prob-icon:has(.icon-folder)::before,
.feat-icon:has(.icon-folder)::before,
.old-app-icon:has(.icon-folder)::before,
.bespoke-icon:has(.icon-folder)::before,
.auto-icon:has(.icon-folder)::before { -webkit-mask-image: var(--icon-folder); mask-image: var(--icon-folder); }
.analytics-icon:has(.icon-phone)::before,
.xl-prob-icon:has(.icon-phone)::before,
.feat-icon:has(.icon-phone)::before,
.old-app-icon:has(.icon-phone)::before,
.bespoke-icon:has(.icon-phone)::before,
.auto-icon:has(.icon-phone)::before { -webkit-mask-image: var(--icon-phone); mask-image: var(--icon-phone); }
.analytics-icon:has(.icon-alert)::before,
.xl-prob-icon:has(.icon-alert)::before,
.feat-icon:has(.icon-alert)::before,
.old-app-icon:has(.icon-alert)::before,
.bespoke-icon:has(.icon-alert)::before,
.auto-icon:has(.icon-alert)::before { -webkit-mask-image: var(--icon-alert); mask-image: var(--icon-alert); }
.analytics-icon:has(.icon-clock)::before,
.xl-prob-icon:has(.icon-clock)::before,
.feat-icon:has(.icon-clock)::before,
.old-app-icon:has(.icon-clock)::before,
.bespoke-icon:has(.icon-clock)::before,
.auto-icon:has(.icon-clock)::before { -webkit-mask-image: var(--icon-clock); mask-image: var(--icon-clock); }
.analytics-icon:has(.icon-chat)::before,
.xl-prob-icon:has(.icon-chat)::before,
.feat-icon:has(.icon-chat)::before,
.old-app-icon:has(.icon-chat)::before,
.bespoke-icon:has(.icon-chat)::before,
.auto-icon:has(.icon-chat)::before { -webkit-mask-image: var(--icon-chat); mask-image: var(--icon-chat); }
.analytics-icon:has(.icon-mail)::before,
.xl-prob-icon:has(.icon-mail)::before,
.feat-icon:has(.icon-mail)::before,
.old-app-icon:has(.icon-mail)::before,
.bespoke-icon:has(.icon-mail)::before,
.auto-icon:has(.icon-mail)::before { -webkit-mask-image: var(--icon-mail); mask-image: var(--icon-mail); }
.analytics-icon:has(.icon-brain)::before,
.xl-prob-icon:has(.icon-brain)::before,
.feat-icon:has(.icon-brain)::before,
.old-app-icon:has(.icon-brain)::before,
.bespoke-icon:has(.icon-brain)::before,
.auto-icon:has(.icon-brain)::before,
.analytics-icon:has(.icon-ai)::before,
.xl-prob-icon:has(.icon-ai)::before,
.feat-icon:has(.icon-ai)::before,
.old-app-icon:has(.icon-ai)::before,
.bespoke-icon:has(.icon-ai)::before,
.auto-icon:has(.icon-ai)::before { -webkit-mask-image: var(--icon-cpu); mask-image: var(--icon-cpu); }
.analytics-icon:has(.icon-building)::before,
.xl-prob-icon:has(.icon-building)::before,
.feat-icon:has(.icon-building)::before,
.old-app-icon:has(.icon-building)::before,
.bespoke-icon:has(.icon-building)::before,
.auto-icon:has(.icon-building)::before { -webkit-mask-image: var(--icon-building); mask-image: var(--icon-building); }
.analytics-icon:has(.icon-users)::before,
.xl-prob-icon:has(.icon-users)::before,
.feat-icon:has(.icon-users)::before,
.old-app-icon:has(.icon-users)::before,
.bespoke-icon:has(.icon-users)::before,
.auto-icon:has(.icon-users)::before,
.analytics-icon:has(.icon-team)::before,
.xl-prob-icon:has(.icon-team)::before,
.feat-icon:has(.icon-team)::before,
.old-app-icon:has(.icon-team)::before,
.bespoke-icon:has(.icon-team)::before,
.auto-icon:has(.icon-team)::before,
.analytics-icon:has(.icon-handshake)::before,
.xl-prob-icon:has(.icon-handshake)::before,
.feat-icon:has(.icon-handshake)::before,
.old-app-icon:has(.icon-handshake)::before,
.bespoke-icon:has(.icon-handshake)::before,
.auto-icon:has(.icon-handshake)::before { -webkit-mask-image: var(--icon-users); mask-image: var(--icon-users); }
.analytics-icon:has(.icon-box)::before,
.xl-prob-icon:has(.icon-box)::before,
.feat-icon:has(.icon-box)::before,
.old-app-icon:has(.icon-box)::before,
.bespoke-icon:has(.icon-box)::before,
.auto-icon:has(.icon-box)::before { -webkit-mask-image: var(--icon-box); mask-image: var(--icon-box); }
.analytics-icon:has(.icon-refresh)::before,
.xl-prob-icon:has(.icon-refresh)::before,
.feat-icon:has(.icon-refresh)::before,
.old-app-icon:has(.icon-refresh)::before,
.bespoke-icon:has(.icon-refresh)::before,
.auto-icon:has(.icon-refresh)::before,
.analytics-icon:has(.icon-sync)::before,
.xl-prob-icon:has(.icon-sync)::before,
.feat-icon:has(.icon-sync)::before,
.old-app-icon:has(.icon-sync)::before,
.bespoke-icon:has(.icon-sync)::before,
.auto-icon:has(.icon-sync)::before { -webkit-mask-image: var(--icon-refresh); mask-image: var(--icon-refresh); }
.analytics-icon:has(.icon-list)::before,
.xl-prob-icon:has(.icon-list)::before,
.feat-icon:has(.icon-list)::before,
.old-app-icon:has(.icon-list)::before,
.bespoke-icon:has(.icon-list)::before,
.auto-icon:has(.icon-list)::before { -webkit-mask-image: var(--icon-list); mask-image: var(--icon-list); }

.replace-from .ui-icon,
.ba-header .ui-icon,
.alert-header .ui-icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  margin-right: 6px;
  vertical-align: -3px;
}

.replace-from .ui-icon::before,
.ba-header .ui-icon::before,
.alert-header .ui-icon::before {
  width: 16px;
  height: 16px;
}

.signal-icon:has(.icon-clock)::before { -webkit-mask-image: var(--icon-clock); mask-image: var(--icon-clock); }
.signal-icon:has(.icon-money)::before { -webkit-mask-image: var(--icon-wallet); mask-image: var(--icon-wallet); }
.signal-icon:has(.icon-box)::before { -webkit-mask-image: var(--icon-box); mask-image: var(--icon-box); }
.signal-icon:has(.icon-alert)::before { -webkit-mask-image: var(--icon-alert); mask-image: var(--icon-alert); }
.signal-icon:has(.icon-phone)::before { -webkit-mask-image: var(--icon-phone); mask-image: var(--icon-phone); }

:root {
  --icon-chart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V5'/%3E%3Cpath d='M4 19h16'/%3E%3Cpath d='M8 16v-5'/%3E%3Cpath d='M12 16V8'/%3E%3Cpath d='M16 16v-3'/%3E%3C/svg%3E");
  --icon-target: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3'/%3E%3C/svg%3E");
  --icon-wallet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h14a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h12'/%3E%3Cpath d='M16 12h4'/%3E%3Cpath d='M16 15h4'/%3E%3C/svg%3E");
  --icon-bot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='8' width='14' height='11' rx='3'/%3E%3Cpath d='M12 4v4'/%3E%3Cpath d='M9 13h.01M15 13h.01'/%3E%3Cpath d='M9 17h6'/%3E%3C/svg%3E");
  --icon-folder: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E");
  --icon-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8v5'/%3E%3Cpath d='M12 17h.01'/%3E%3Cpath d='M10.3 4.2 2.6 18a2 2 0 0 0 1.7 3h15.4a2 2 0 0 0 1.7-3L13.7 4.2a2 2 0 0 0-3.4 0Z'/%3E%3C/svg%3E");
  --icon-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
  --icon-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");
  --icon-chat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v10H8l-4 4Z'/%3E%3Cpath d='M8 9h8M8 12h5'/%3E%3C/svg%3E");
  --icon-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
  --icon-cpu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='7' width='10' height='10' rx='2'/%3E%3Cpath d='M9 2v3M15 2v3M9 19v3M15 19v3M2 9h3M2 15h3M19 9h3M19 15h3'/%3E%3C/svg%3E");
  --icon-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 7 9-4 9 4-9 4Z'/%3E%3Cpath d='M3 7v10l9 4 9-4V7'/%3E%3Cpath d='M12 11v10'/%3E%3C/svg%3E");
  --icon-building: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V7l6-3v17'/%3E%3Cpath d='M10 9h10v12'/%3E%3Cpath d='M7 10h.01M7 14h.01M13 13h.01M17 13h.01M13 17h.01M17 17h.01'/%3E%3C/svg%3E");
  --icon-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='10' cy='7' r='4'/%3E%3Cpath d='M20 21v-2a4 4 0 0 0-3-3.9'/%3E%3Cpath d='M17 3.1a4 4 0 0 1 0 7.8'/%3E%3C/svg%3E");
  --icon-refresh: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 0 1-15 6.7L3 16'/%3E%3Cpath d='M3 12a9 9 0 0 1 15-6.7L21 8'/%3E%3Cpath d='M3 16h5M16 8h5'/%3E%3C/svg%3E");
  --icon-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13'/%3E%3Cpath d='M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E");
}