/* ZCOSM global liquid-glass enhancement */
:root {
  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-bg-strong: rgba(255, 255, 255, 0.86);
  --glass-line: rgba(255, 255, 255, 0.78);
  --glass-edge: rgba(126, 166, 218, 0.28);
  --glass-shadow: 0 18px 48px rgba(38, 76, 128, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.92);
  --glass-shadow-hover: 0 24px 58px rgba(26, 91, 174, 0.17), inset 0 1px 0 rgba(255, 255, 255, 1);
}

.navbar {
  background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(245,250,255,.72)) !important;
  border-bottom: 1px solid rgba(255,255,255,.8) !important;
  box-shadow: 0 8px 30px rgba(30,72,125,.07), inset 0 -1px rgba(110,153,211,.12);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
  backdrop-filter: blur(22px) saturate(150%);
}

.navbar.scrolled {
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(244,249,255,.86)) !important;
  box-shadow: 0 12px 38px rgba(30,72,125,.12), inset 0 -1px rgba(110,153,211,.14);
}

.navbar nav .submenu,
.lang-panel {
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(241,247,255,.82)) !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  box-shadow: 0 20px 52px rgba(27,65,115,.18), inset 0 1px 0 #fff !important;
  -webkit-backdrop-filter: blur(24px) saturate(155%);
  backdrop-filter: blur(24px) saturate(155%);
}

:where(
  .service-card,.feature-card,.case-card,.news-card,.team-card,
  .geo-data-item,.geo-mode-card:not(.hot),.geo-pain-card,.gp-item,.insight-card,
  .mr-card,.mr-resource-card,.mr-step,.mr-dashboard article:not(:first-child),
  .ab-card,.ab-value-item,.wb-card,.wb-flow-item,.ds-card,.idea-card,.ds-flow-item,
  .mp-app-card,.mp-card,.qb-card,.xcx-card,.faq-item,.mr-faq details
) {
  border-color: var(--glass-edge) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(240,247,255,.68)) !important;
  box-shadow: var(--glass-shadow) !important;
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}

:where(
  .service-card,.feature-card,.case-card,.news-card,.team-card,
  .geo-data-item,.geo-mode-card:not(.hot),.geo-pain-card,.gp-item,.insight-card,
  .mr-card,.mr-resource-card,.mr-step,.mr-dashboard article:not(:first-child),
  .ab-card,.ab-value-item,.wb-card,.wb-flow-item,.ds-card,.idea-card,.ds-flow-item,
  .mp-app-card,.mp-card,.qb-card,.xcx-card,.faq-item,.mr-faq details
):hover {
  border-color: rgba(89,151,232,.46) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(235,245,255,.78)) !important;
  box-shadow: var(--glass-shadow-hover) !important;
}

:where(.showcase-item,.mr-resource-panel,.ab-cta-box,.mr-cta-box,.mp-cta-box) {
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 24px 64px rgba(18,58,120,.2), inset 0 1px 0 rgba(255,255,255,.22);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
  backdrop-filter: blur(16px) saturate(130%);
}

:where(.btn-secondary,.btn-outline,.mr-btn-ghost) {
  background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(239,247,255,.65)) !important;
  border-color: rgba(107,157,222,.3) !important;
  box-shadow: 0 10px 28px rgba(30,79,143,.1), inset 0 1px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
}

.lang-switcher .lang-btn {
  border: 1px solid rgba(255,255,255,.45) !important;
  box-shadow: 0 10px 30px rgba(20,83,164,.25), inset 0 1px 0 rgba(255,255,255,.35) !important;
  -webkit-backdrop-filter: blur(14px) saturate(145%);
  backdrop-filter: blur(14px) saturate(145%);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .navbar,
  .navbar nav .submenu,
  .lang-panel,
  :where(.service-card,.feature-card,.case-card,.news-card,.mr-card,.ab-card,.wb-card,.ds-card,.mp-card,.faq-item,.mr-faq details) {
    background: #f8fbff !important;
  }
}

@media (max-width: 992px) {
  .navbar.nav-open nav {
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(241,247,255,.9)) !important;
    -webkit-backdrop-filter: blur(24px) saturate(150%);
    backdrop-filter: blur(24px) saturate(150%);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .navbar,
  .navbar nav .submenu,
  .lang-panel,
  :where(.service-card,.feature-card,.case-card,.news-card,.mr-card,.ab-card,.wb-card,.ds-card,.mp-card,.faq-item,.mr-faq details) {
    background: #f8fbff !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}