/* =============================================================
   home-hero-v2.css
   首页 banner + 导航专属新样式
   作用域: body.page-home-v2（不影响其它页面，旧的 .hero / 默认导航保持不变）
   ============================================================= */

/* ---------- Body 容器：让 banner 顶到页面最上方 ---------- */
body.page-home-v2 .page-content {
  padding-top: 0;          /* 取消导航留白，banner 全屏顶到顶部 */
}

/* 首页 container 加宽到 1500px（覆盖全局 1360）
   注意：只命中页面中间内容区的 .container；
   导航(.navbar .container)和页脚(.footer .container)继续走全局 1920px。 */
@media (min-width: 1024px) {
  body.page-home-v2 .page-content .container {
    max-width: 1500px;
  }
  /* 排除 hero 内部的 container（hero-v2 自己用 .hero-v2__content 1500，不依赖 container） */
}

/* ============================================================
   1) 导航 —— banner 改为亮色后，默认态与 .is-scrolled 保持一致的深色文字
   ============================================================ */
body.page-home-v2 .navbar {
  background: rgba(255, 255, 255, 0.0);
  border-bottom: 1px solid rgba(0, 0, 0, 0.0);
  box-shadow: none;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease;
}

/* 默认态：菜单文字 / chevron / 分隔符 / 语言切换改为深色，适配亮色 banner */
body.page-home-v2 .navbar .navbar__link,
body.page-home-v2 .navbar .navbar__link--toggle,
body.page-home-v2 .navbar .navbar__lang,
body.page-home-v2 .navbar .navbar__divider {
  color: var(--color-text-primary, #000A0F);
}
body.page-home-v2 .navbar .navbar__chevron {
  color: var(--color-text-primary, #000A0F);
}
body.page-home-v2 .navbar .navbar__divider {
  background: rgba(0, 0, 0, 0.12);
}

/* hover 态：菜单文字紫色高亮 + 淡紫底 */
body.page-home-v2 .navbar .navbar__link:hover,
body.page-home-v2 .navbar .navbar__link--toggle:hover,
body.page-home-v2.is-scrolled .navbar .navbar__link:hover,
body.page-home-v2.is-scrolled .navbar .navbar__link--toggle:hover {
  color: var(--color-mystic-purple, #7C35FF);
  background: rgba(124, 53, 255, 0.06);
}

/* ─── 下拉面板（mega-dropdown）和 banner 协调 ─── */
/* 透明态：与下滚态统一改为白色玻璃底，避免与新版青紫渐变 banner 撞色 */
body.page-home-v2 .navbar__mega-dropdown,
body.page-home-v2 .navbar__mega-dropdown--submenu,
body.page-home-v2 .navbar__mega-dropdown--list,
body.page-home-v2 .navbar__submenu-content {
  background: rgba(255, 255, 255, 0.96);
  border: none;
  border-bottom: none;
  box-shadow: 0 24px 60px -16px rgba(25, 26, 106, 0.18),
              0 12px 24px -8px rgba(25, 26, 106, 0.10);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
/* 去掉顶部那条紫渐变描边线 */
body.page-home-v2 .navbar__mega-dropdown::before {
  display: none;
}
body.page-home-v2.is-scrolled .navbar__mega-dropdown,
body.page-home-v2.is-scrolled .navbar__mega-dropdown--submenu,
body.page-home-v2.is-scrolled .navbar__mega-dropdown--list {
  /* 导航已变白，下拉面板使用纯白底+柔和阴影，去掉透明与模糊 */
  background: #ffffff;
  border: none;
  border-bottom: none;
  box-shadow: 0 24px 60px -16px rgba(25, 26, 106, 0.18),
              0 12px 24px -8px rgba(25, 26, 106, 0.10);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
/* 下滚态三级面板：纯白 + 略不同阴影，与二级层级一致 */
body.page-home-v2.is-scrolled .navbar__submenu-content {
  background: #ffffff;
  border: none;
  box-shadow: 0 20px 50px -12px rgba(25, 26, 106, 0.18),
              0 8px 20px -8px rgba(25, 26, 106, 0.10);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* ─── 下拉里的图标 ─── 白底玻璃面板上使用灰阶，hover 时染紫 */
body.page-home-v2 .navbar__mega-dropdown .navbar__submenu-icon img,
body.page-home-v2 .navbar__mega-dropdown--submenu .navbar__submenu-icon img,
body.page-home-v2 .navbar__mega-dropdown--list .navbar__submenu-icon img,
body.page-home-v2 .navbar__submenu-content .navbar__submenu-icon img {
  filter: grayscale(1) opacity(0.55);
}
body.page-home-v2 .navbar__mega-dropdown .navbar__submenu-link:hover .navbar__submenu-icon img,
body.page-home-v2 .navbar__mega-dropdown--submenu .navbar__submenu-cat:hover .navbar__submenu-icon img,
body.page-home-v2 .navbar__mega-dropdown--submenu .navbar__submenu-cat.is-active .navbar__submenu-icon img,
body.page-home-v2 .navbar__submenu-content .navbar__submenu-link:hover .navbar__submenu-icon img {
  /* 白底：图标 hover 染 Mystic Purple #7C35FF，与文字保持一致 */
  filter: brightness(0) saturate(100%) invert(24%) sepia(89%) saturate(5760%) hue-rotate(263deg) brightness(102%) contrast(105%);
}

/* 产品下拉（仅 --products 变体）：默认随 list 走（反白），hover 恢复原图色
   —— 平台服务 / 关于我们 仍走通用 list 规则：默认白色 → hover 染青色 */
body.page-home-v2 .navbar__mega-dropdown--products .navbar__submenu-link:hover .navbar__submenu-icon img {
  filter: none;
  opacity: 1;
}

/* 下滚后白底：图标恢复原色（深灰），hover 染紫 */
body.page-home-v2.is-scrolled .navbar__mega-dropdown .navbar__submenu-icon img,
body.page-home-v2.is-scrolled .navbar__mega-dropdown--submenu .navbar__submenu-icon img,
body.page-home-v2.is-scrolled .navbar__mega-dropdown--list .navbar__submenu-icon img,
body.page-home-v2.is-scrolled .navbar__submenu-content .navbar__submenu-icon img {
  filter: grayscale(1) opacity(0.55);
}
body.page-home-v2.is-scrolled .navbar__mega-dropdown .navbar__submenu-link:hover .navbar__submenu-icon img,
body.page-home-v2.is-scrolled .navbar__mega-dropdown--submenu .navbar__submenu-cat:hover .navbar__submenu-icon img,
body.page-home-v2.is-scrolled .navbar__mega-dropdown--submenu .navbar__submenu-cat.is-active .navbar__submenu-icon img,
body.page-home-v2.is-scrolled .navbar__submenu-content .navbar__submenu-link:hover .navbar__submenu-icon img {
  /* 下滚白底：图标 hover 染 Mystic Purple #7C35FF，与文字保持一致 */
  filter: brightness(0) saturate(100%) invert(24%) sepia(89%) saturate(5760%) hue-rotate(263deg) brightness(102%) contrast(105%);
}
/* 下滚态：产品下拉（--products）hover 恢复原色 */
body.page-home-v2.is-scrolled .navbar__mega-dropdown--products .navbar__submenu-link:hover .navbar__submenu-icon img {
  filter: none;
  opacity: 1;
}

/* 右侧三角箭头（cat 项右边的 chevron-right）也反白 */
body.page-home-v2 .navbar__mega-dropdown--submenu .navbar__submenu-arrow {
  filter: none;
  opacity: 1;
}

/* 下拉里面的二级链接 / 分类项：白底玻璃，深色文字，hover 用紫调 */
body.page-home-v2 .navbar__mega-dropdown .navbar__submenu-link,
body.page-home-v2 .navbar__mega-dropdown .navbar__submenu-cat {
  color: var(--color-text-primary, #000A0F);
}
body.page-home-v2 .navbar__mega-dropdown .navbar__submenu-link:hover,
body.page-home-v2 .navbar__mega-dropdown .navbar__submenu-cat:hover,
body.page-home-v2 .navbar__mega-dropdown .navbar__submenu-cat.is-active {
  background: rgba(124, 53, 255, 0.06);
}
body.page-home-v2 .navbar__mega-dropdown .navbar__submenu-name {
  color: var(--color-text-primary, #000A0F);
}
body.page-home-v2 .navbar__mega-dropdown .navbar__submenu-tag {
  color: var(--color-text-muted, #8C8C96);
}
body.page-home-v2 .navbar__mega-dropdown .navbar__submenu-link:hover .navbar__submenu-name,
body.page-home-v2 .navbar__mega-dropdown--submenu .navbar__submenu-cat:hover .navbar__submenu-name,
body.page-home-v2 .navbar__mega-dropdown--submenu .navbar__submenu-cat.is-active .navbar__submenu-name,
body.page-home-v2 .navbar__submenu-content .navbar__submenu-link:hover .navbar__submenu-name {
  color: var(--color-mystic-purple, #7C35FF);
}
/* 图标容器：白底玻璃下用淡紫底，hover 加深 */
body.page-home-v2 .navbar__mega-dropdown .navbar__submenu-icon,
body.page-home-v2 .navbar__mega-dropdown--submenu .navbar__submenu-icon,
body.page-home-v2 .navbar__mega-dropdown--list .navbar__submenu-icon,
body.page-home-v2 .navbar__submenu-content .navbar__submenu-icon {
  background: rgba(124, 53, 255, 0.08);
}
body.page-home-v2 .navbar__mega-dropdown .navbar__submenu-link:hover .navbar__submenu-icon,
body.page-home-v2 .navbar__mega-dropdown--submenu .navbar__submenu-cat:hover .navbar__submenu-icon,
body.page-home-v2 .navbar__mega-dropdown--submenu .navbar__submenu-cat.is-active .navbar__submenu-icon,
body.page-home-v2 .navbar__mega-dropdown--list .navbar__submenu-link:hover .navbar__submenu-icon,
body.page-home-v2 .navbar__submenu-content .navbar__submenu-link:hover .navbar__submenu-icon {
  background: rgba(124, 53, 255, 0.16);
}

/* 下滚后下拉面板恢复白底，hover 颜色用紫调 */
body.page-home-v2.is-scrolled .navbar__mega-dropdown .navbar__submenu-link,
body.page-home-v2.is-scrolled .navbar__mega-dropdown .navbar__submenu-cat {
  color: var(--color-text-primary, #000A0F);
}
body.page-home-v2.is-scrolled .navbar__mega-dropdown .navbar__submenu-link:hover,
body.page-home-v2.is-scrolled .navbar__mega-dropdown .navbar__submenu-cat:hover,
body.page-home-v2.is-scrolled .navbar__mega-dropdown .navbar__submenu-cat.is-active {
  background: rgba(124, 53, 255, 0.06);
}
body.page-home-v2.is-scrolled .navbar__mega-dropdown .navbar__submenu-name {
  color: var(--color-text-primary, #000A0F);
}
body.page-home-v2.is-scrolled .navbar__mega-dropdown .navbar__submenu-tag {
  color: var(--color-text-muted, #8C8C96);
}
body.page-home-v2.is-scrolled .navbar__mega-dropdown .navbar__submenu-link:hover .navbar__submenu-name,
body.page-home-v2.is-scrolled .navbar__mega-dropdown--submenu .navbar__submenu-cat:hover .navbar__submenu-name,
body.page-home-v2.is-scrolled .navbar__mega-dropdown--submenu .navbar__submenu-cat.is-active .navbar__submenu-name,
body.page-home-v2.is-scrolled .navbar__submenu-content .navbar__submenu-link:hover .navbar__submenu-name {
  /* 白底导航下用 Mystic Purple，对比沉稳不刺眼 */
  color: var(--color-mystic-purple, #7C35FF);
}
body.page-home-v2.is-scrolled .navbar__mega-dropdown .navbar__submenu-icon,
body.page-home-v2.is-scrolled .navbar__mega-dropdown--submenu .navbar__submenu-icon,
body.page-home-v2.is-scrolled .navbar__mega-dropdown--list .navbar__submenu-icon,
body.page-home-v2.is-scrolled .navbar__submenu-content .navbar__submenu-icon {
  background: rgba(124, 53, 255, 0.08);
}
body.page-home-v2.is-scrolled .navbar__mega-dropdown .navbar__submenu-link:hover .navbar__submenu-icon,
body.page-home-v2.is-scrolled .navbar__mega-dropdown--submenu .navbar__submenu-cat:hover .navbar__submenu-icon,
body.page-home-v2.is-scrolled .navbar__mega-dropdown--submenu .navbar__submenu-cat.is-active .navbar__submenu-icon,
body.page-home-v2.is-scrolled .navbar__mega-dropdown--list .navbar__submenu-link:hover .navbar__submenu-icon,
body.page-home-v2.is-scrolled .navbar__submenu-content .navbar__submenu-link:hover .navbar__submenu-icon {
  background: rgba(124, 53, 255, 0.16);
}

/* ---- 下滚后切换为不透明白底 ---- */
body.page-home-v2.is-scrolled .navbar {
  background: rgba(255, 255, 255, 0.96);
  border-bottom-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 24px rgba(25, 26, 106, 0.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
body.page-home-v2.is-scrolled .navbar .navbar__link,
body.page-home-v2.is-scrolled .navbar .navbar__link--toggle,
body.page-home-v2.is-scrolled .navbar .navbar__lang,
body.page-home-v2.is-scrolled .navbar .navbar__chevron {
  color: var(--color-text-primary, #000A0F);
}
body.page-home-v2.is-scrolled .navbar .navbar__divider {
  background: var(--color-border, #DCDCE6);
}

/* ============================================================
   2) Hero V2 —— 全屏轮播 banner
   ============================================================ */
.hero-v2 {
  position: relative;
  width: 100%;
  /* 满屏高度：100vh 为回退值，支持 svh 的浏览器用 100svh，
     避免移动端浏览器地址栏收起/展开时 100vh 计算偏大导致底部被遮挡 */
  height: 100vh;
  height: 100svh;
  /* .page-content 是 flex 容器（base.css），flex item 默认 flex-shrink:1 会被下方
     内容挤压，导致 100vh 被压缩、banner 底部露白。这里禁止收缩并锁定基准高度。 */
  flex: 0 0 auto;
  min-height: 100vh;
  min-height: 100svh;
  overflow: hidden;
  color: #ffffff;
}

.hero-v2__slides {
  position: absolute;
  inset: 0;
}

.hero-v2__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.9s ease;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.hero-v2__slide.is-active {
  opacity: 1;
}

/* 整卡跳转链接：铺满 slide 背景区域，z-index 低于 .hero-v2__content(2)，
   保证按钮/文字所在区域点击仍优先响应各自链接，只有卡片空白背景区域落到这里 */
.hero-v2__slide-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
}

/* 居中变体：文字与按钮整体水平居中 */
.hero-v2__slide--center .hero-v2__content {
  align-items: center;
  text-align: center;
}
.hero-v2__slide--center .hero-v2__inner {
  margin-left: auto;
  margin-right: auto;
}
.hero-v2__slide--center .hero-v2__desc {
  margin-left: auto;
  margin-right: auto;
}
.hero-v2__slide--center .hero-v2__actions {
  justify-content: center;
}


/* 内容容器：相对定位浮在 slide 上，宽度与下方 section 内容区对齐(1500) */
.hero-v2__content {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
  max-width: 1500px;
  margin: 30px auto 0;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  /* 容器本身是 100% 铺满的透明区域，即使 z-index 高于 .hero-v2__slide-link，
     不设 pointer-events:none 的话仍会挡住下层整卡链接大片空白区域的点击。
     禁用容器自身命中，只让真正的交互元素（按钮）恢复可点 */
  pointer-events: none;
}
.hero-v2__content .hero-v2__btn {
  pointer-events: auto;
}

.hero-v2__inner {
  max-width: 640px;
}

.hero-v2__title {
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-bottom: 18px;
  color: #102D4D !important;
}

.hero-v2__desc {
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  line-height: 1.75;
  color: #60758C !important;
  margin-bottom: 32px;
  max-width: 560px;
}
.hero-v2__slide--center .hero-v2__content .hero-v2__title {
  font-size: clamp(2rem, 4vw, 3.25rem);
  color: #102D4D !important;
}
.hero-v2__slide--center .hero-v2__content .hero-v2__desc {
  font-size: clamp(0.9375rem, 1.1vw, 2.0625rem);
  color: #60758C !important;
}


.hero-v2__actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

/* 主按钮：紫色实心胶囊 */
.hero-v2__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  height: 48px;
  padding: 0 28px;
  font-size: 0.9375rem;
  border-radius: 9999px;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.hero-v2__btn--primary {
  background: linear-gradient(90deg, #08e6f5, #7c35ff);
  color: #ffffff;
}
.hero-v2__btn--primary:hover {
  transform: translateY(-1px);
}

/* 次按钮：渐变描边，背景透明（用伪元素画渐变边框，避免多重 background-clip 在部分浏览器下渲染异常） */
.hero-v2__btn--ghost {
  position: relative;
  z-index: 0;
  background: transparent;
  border: 1px solid transparent;
  color: #000000;
}
.hero-v2__btn--ghost::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(90deg, #08e6f5, #7c35ff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}
.hero-v2__btn--ghost:hover {
  transform: translateY(-1px);
}

/* ============================================================
   3) 分页进度条 —— 底部细线（两段，对应两张图）
   ============================================================ */
.hero-v2__pagination {
  position: absolute;
  bottom: 36px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 3;
  /* 轮播图数量不定：整体限宽 1200px，且不超出视口两侧留白 */
  width: max-content;
  max-width: min(1200px, calc(100% - 40px));
}
.hero-v2__bar {
  position: relative;
  /* 条数少时保持 200px；条数多到超过 1200px 时按比例收缩（最窄 40px） */
  flex: 0 1 200px;
  width: 200px;
  min-width: 40px;
  height: 3px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 9999px;
  border: none;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
}
.hero-v2__bar::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: var(--color-nova-cyan, #35C8D6);
  border-radius: inherit;
  transition: width 0.3s linear;
}
.hero-v2__bar.is-active::after {
  width: 100%;
  /* 当 is-active 时让填充以 6s 线性展开（轮播一张的时长） */
  animation: hero-v2-fill 6s linear forwards;
}
@keyframes hero-v2-fill {
  from { width: 0; }
  to   { width: 100%; }
}

/* ============================================================
   3.5) zoom 补偿 —— banner 满屏修正
   base.css 在 1200~1800px 给 body 加了 zoom:0.8，1600~1899px 加 zoom:0.9。
   zoom 会缩放 vh 的换算结果，导致 100vh 实际只占屏幕的 80% / 90%，banner 底部露白。
   这里按 100/zoom 反向补偿高度。两段区间的先后顺序必须与 base.css 保持一致
   （1600~1800px 重叠区由后面的 0.9 规则生效）。
   ============================================================ */
@media (min-width: 1200px) and (max-width: 1800px) {
  .hero-v2 {
    height: 125vh;        /* 100 / 0.8 */
    min-height: 125vh;
  }
}
@media (min-width: 1600px) and (max-width: 1899px) {
  .hero-v2 {
    height: 111.12vh;     /* 100 / 0.9 */
    min-height: 111.12vh;
  }
}

/* ============================================================
   4) 响应式
   ============================================================ */
@media (max-width: 768px) {
  .hero-v2 {
    height: 100vh;
    height: 100svh;
    flex: 0 0 auto;
    min-height: 100vh;
    min-height: 100svh;
  }
  .hero-v2__content {
    padding: 0 20px;
  }
  .hero-v2__inner {
    max-width: 100%;
  }
  .hero-v2__title {
    font-size: clamp(1.75rem, 6vw, 2.25rem);
  }
  .hero-v2__bar {
    flex: 0 1 80px;
    width: 80px;
    min-width: 24px;
  }
}

/* ============================================================
   5) 导航重新排版（仅首页 page-home-v2 生效）
   - 默认 banner 上：完全无背景、无边框，叠在 banner 上方
   - Logo 默认白色（反相 svg）
   - 顺序：Logo → 语言切换下拉 → │竖线│ → 菜单（菜单靠右）
   ============================================================ */

/* 默认彻底透明，去掉之前留的底边细线 */
body.page-home-v2 .navbar {
  border-bottom: none;
}

/* Logo 保持原色（亮色 banner 下无需反相为白色） */
body.page-home-v2 .navbar .navbar__logo-img {
  filter: none;
  transition: filter 0.3s ease;
}

/* ─ 布局顺序：logo → 菜单 → 语言下拉 ─
   通过 order 控制顺序，menu 用 margin-left:auto 把 menu+actions 一起推到最右，actions 紧跟 menu */
body.page-home-v2 .navbar .navbar__inner {
  gap: 16px;
}
body.page-home-v2 .navbar .navbar__logo      { order: 1; }
body.page-home-v2 .navbar .navbar__menu      { order: 2; margin-left: auto; }
body.page-home-v2 .navbar .navbar__actions   { order: 3; margin-left: 0; position: relative; }
body.page-home-v2 .navbar .navbar__hamburger { order: 4; }

/* 菜单和语言下拉之间的竖线：用 navbar__actions 的 ::before 实现 */
body.page-home-v2 .navbar .navbar__actions::before {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background: rgba(0, 0, 0, 0.12);
  margin-right: 16px;
  align-self: center;
  transition: background 0.3s ease;
}

/* ─ 首页专属：lang-trigger 在 banner / 下滚两态下的颜色覆盖 ─
   公共样式（隐藏旧 switcher、显示新 dropdown、触发器/面板基础样式）已迁移到 navbar.css */
body.page-home-v2 .navbar .navbar__lang-trigger {
  color: var(--color-text-primary, #000A0F);
}
body.page-home-v2 .navbar .navbar__lang-trigger:hover {
  color: var(--color-mystic-purple, #7C35FF);
  background: rgba(124, 53, 255, 0.06);
}

/* ─ 首页专属：banner 改亮色后，lang panel 统一使用白底样式 ─ */
body.page-home-v2 .navbar__lang-panel {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0 12px 32px rgba(25, 26, 106, 0.12), 0 2px 8px rgba(25, 26, 106, 0.06);
}
body.page-home-v2 .navbar__lang-item {
  color: #1a1a2e;
}
body.page-home-v2 .navbar__lang-item:hover {
  background: rgba(124, 53, 255, 0.06);
  color: var(--color-mystic-purple, #7C35FF);
}
body.page-home-v2 .navbar__lang-item.is-active {
  background: rgba(124, 53, 255, 0.08);
  color: var(--color-mystic-purple, #7C35FF);
}