:root {
  color-scheme: light;
  --site-card-radius: 0.25rem;
  --sc-bg: #06070d;
  --sc-bg-soft: #0b0f17;
  --sc-surface-1: #101522;
  --sc-surface-2: #141b2b;
  --sc-border: rgba(174, 199, 247, 0.14);
  --sc-border-strong: rgba(174, 199, 247, 0.24);
  --sc-text-primary: #f3f5ff;
  --sc-text-secondary: rgba(220, 220, 229, 0.72);
  --sc-text-muted: rgba(220, 220, 229, 0.46);
  --sc-accent: #6c53ea;
  --sc-accent-soft: rgba(174, 199, 247, 0.18);
  --site-brand-neutral: #dcdce5;
  --site-brand-ice: #aec7f7;
  --site-brand-violet: #6c53ea;
  --site-brand-blue: #b1d7f9;
  --site-brand-gradient: linear-gradient(135deg, #dcdce5 0%, #aec7f7 42%, #6c53ea 100%);
  --site-brand-gradient-soft: linear-gradient(
    135deg,
    rgba(220, 220, 229, 0.14) 0%,
    rgba(174, 199, 247, 0.12) 42%,
    rgba(108, 83, 234, 0.12) 100%
  );
  --site-background: #f4f7fb;
  --site-surface: #f7f9fc;
  --site-surface-lowest: #ffffff;
  --site-surface-low: #edf2f8;
  --site-surface-high: #e5ebf4;
  --site-surface-highest: #dce5f0;
  --site-surface-container: #e9eff7;
  --site-on-surface: #152033;
  --site-on-surface-variant: #59677f;
  --site-on-background-text: #152033;
  --site-on-background-fill: #152033;
  --site-outline: #8493ab;
  --site-outline-variant: #d6dfeb;
  --site-primary: #1457d8;
  --site-primary-container: #2a68ef;
  --site-on-primary-container: #e4edff;
  --site-primary-fixed: #dce7ff;
  --site-secondary-fixed: #e3ebff;
  --site-primary-fixed-dim: #b7caff;
  --site-secondary: #5b6fa8;
  --site-secondary-container: #c6d6ff;
}

html[data-theme-resolved="dark"] {
  color-scheme: dark;
  --site-background: var(--sc-bg);
  --site-surface: var(--sc-bg-soft);
  --site-surface-lowest: var(--sc-surface-1);
  --site-surface-low: #12192a;
  --site-surface-high: var(--sc-surface-2);
  --site-surface-highest: #182032;
  --site-surface-container: #121929;
  --site-on-surface: var(--sc-text-primary);
  --site-on-surface-variant: var(--sc-text-secondary);
  --site-on-background-text: var(--sc-text-primary);
  --site-on-background-fill: var(--sc-bg);
  --site-outline: #8a95b8;
  --site-outline-variant: rgba(174, 199, 247, 0.12);
  --site-primary: var(--site-brand-ice);
  --site-primary-container: var(--site-brand-violet);
  --site-on-primary-container: var(--sc-text-primary);
  --site-primary-fixed: #1b2443;
  --site-secondary-fixed: #241b48;
  --site-primary-fixed-dim: var(--site-brand-neutral);
  --site-secondary: var(--site-brand-violet);
  --site-secondary-container: #1d1836;
  --site-highlight-text: #ffffff;
  --site-highlight-strong: #b69aff;
  --site-highlight-ice: #d9e6ff;
  --site-highlight-fill: rgba(174, 199, 247, 0.28);
  --site-highlight-fill-strong: rgba(108, 83, 234, 0.3);
  --site-highlight-border: rgba(174, 199, 247, 0.34);
}

body {
  background-color: var(--site-background);
  color: var(--site-on-surface);
}

.bg-background {
  background-color: var(--site-background) !important;
}

.bg-surface {
  background-color: var(--site-surface) !important;
}

.bg-surface-container-lowest {
  background-color: var(--site-surface-lowest) !important;
}

.bg-surface-container-low {
  background-color: var(--site-surface-low) !important;
}

.bg-surface-container-low\/50 {
  background-color: color-mix(in srgb, var(--site-surface-low) 50%, transparent) !important;
}

.bg-surface-container-high {
  background-color: var(--site-surface-high) !important;
}

.bg-surface-container-high\/30 {
  background-color: color-mix(in srgb, var(--site-surface-high) 30%, transparent) !important;
}

.bg-surface-container-highest {
  background-color: var(--site-surface-highest) !important;
}

.bg-surface-container-highest\/20 {
  background-color: color-mix(in srgb, var(--site-surface-highest) 20%, transparent) !important;
}

.bg-surface-container-highest\/30 {
  background-color: color-mix(in srgb, var(--site-surface-highest) 30%, transparent) !important;
}

.bg-surface-container {
  background-color: var(--site-surface-container) !important;
}

.bg-on-background {
  background-color: var(--site-on-background-fill) !important;
}

.bg-primary {
  background-color: var(--site-primary) !important;
}

.bg-primary-container {
  background-color: var(--site-primary-container) !important;
}

.bg-primary-fixed {
  background-color: var(--site-primary-fixed) !important;
}

.bg-primary-fixed\/30 {
  background-color: color-mix(in srgb, var(--site-primary-fixed) 30%, transparent) !important;
}

.bg-secondary-fixed {
  background-color: var(--site-secondary-fixed) !important;
}

.bg-secondary-fixed\/20 {
  background-color: color-mix(in srgb, var(--site-secondary-fixed) 20%, transparent) !important;
}

.bg-secondary-container {
  background-color: var(--site-secondary-container) !important;
}

.text-on-background {
  color: var(--site-on-background-text) !important;
}

.text-on-surface {
  color: var(--site-on-surface) !important;
}

.text-on-surface-variant {
  color: var(--site-on-surface-variant) !important;
}

.text-outline {
  color: var(--site-outline) !important;
}

.text-primary {
  color: var(--site-primary) !important;
}

.text-secondary {
  color: var(--site-secondary) !important;
}

.text-on-primary-container {
  color: var(--site-on-primary-container) !important;
}

.text-primary-fixed-dim {
  color: var(--site-primary-fixed-dim) !important;
}

.border-outline {
  border-color: var(--site-outline) !important;
}

.border-primary {
  border-color: var(--site-primary) !important;
}

.border-outline-variant {
  border-color: var(--site-outline-variant) !important;
}

.border-surface-container-high {
  border-color: var(--site-surface-high) !important;
}

.border-surface-container-highest {
  border-color: var(--site-surface-highest) !important;
}

.rounded-xl,
.rounded-2xl,
.rounded-3xl {
  border-radius: var(--site-card-radius) !important;
}

.site-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.46rem 0.92rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--site-primary) 10%, transparent);
  color: var(--site-primary);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  line-height: 1.15;
}

.site-kicker-dot {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: var(--site-primary);
  flex: 0 0 auto;
}

html[data-theme-resolved="dark"] .site-kicker {
  background:
    linear-gradient(135deg, rgba(174, 199, 247, 0.26) 0%, rgba(108, 83, 234, 0.32) 100%),
    color-mix(in srgb, var(--sc-surface-1) 88%, transparent);
  color: var(--site-highlight-text);
  box-shadow:
    inset 0 0 0 1px rgba(174, 199, 247, 0.38),
    0 14px 34px rgba(108, 83, 234, 0.28);
}

html[data-theme-resolved="dark"] .site-kicker-dot {
  background: linear-gradient(135deg, #dcdce5 0%, #aec7f7 40%, #6c53ea 100%);
  box-shadow: 0 0 16px rgba(108, 83, 234, 0.42);
}

.Main_text__K6yyW--en {
  display: none !important;
}

.site-nav-shell {
  --site-nav-control-bg: rgba(255, 255, 255, 0.78);
  --site-nav-control-border: rgba(214, 223, 235, 0.92);
  --site-nav-control-text: #30415e;
  --site-nav-control-muted: #71819b;
  --site-nav-popover-bg: rgba(255, 255, 255, 0.96);
  --site-nav-popover-border: rgba(214, 223, 235, 0.94);
  --site-nav-popover-shadow: 0 26px 60px rgba(20, 36, 74, 0.12);
}

html[data-theme-resolved="dark"] .site-nav-shell {
  --site-nav-control-bg: rgba(11, 15, 23, 0.88);
  --site-nav-control-border: var(--sc-border);
  --site-nav-control-text: var(--sc-text-primary);
  --site-nav-control-muted: var(--sc-text-secondary);
  --site-nav-popover-bg: rgba(11, 15, 23, 0.98);
  --site-nav-popover-border: var(--sc-border);
  --site-nav-popover-shadow: 0 34px 84px rgba(1, 2, 8, 0.68);
}

.site-nav-shell[data-nav-variant="overlay"] {
  --site-nav-control-bg: rgba(255, 255, 255, 0.08);
  --site-nav-control-border: rgba(255, 255, 255, 0.22);
  --site-nav-control-text: rgba(255, 255, 255, 0.96);
  --site-nav-control-muted: rgba(255, 255, 255, 0.72);
  --site-nav-popover-bg: rgba(7, 11, 24, 0.94);
  --site-nav-popover-border: rgba(167, 198, 250, 0.14);
  --site-nav-popover-shadow: 0 30px 72px rgba(2, 6, 23, 0.4);
}

.site-nav-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.site-mobile-nav-shell {
  position: relative;
}

.site-mobile-nav-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 0.7rem);
  z-index: 82;
  min-width: min(18rem, calc(100vw - 2rem));
  padding: 0.7rem;
  border-radius: 1.1rem;
  border: 1px solid var(--site-nav-popover-border);
  background: var(--site-nav-popover-bg);
  box-shadow: var(--site-nav-popover-shadow);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.site-mobile-nav-links {
  display: grid;
  gap: 0.35rem;
}

.site-mobile-nav-link {
  display: block;
  border-radius: 0.85rem;
  padding: 0.82rem 0.95rem;
  color: var(--site-nav-control-text);
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
  transition: background-color 180ms ease, color 180ms ease;
}

.site-mobile-nav-link:hover {
  background: color-mix(in srgb, var(--site-primary) 10%, transparent);
}

.site-mobile-nav-link.is-active {
  background: color-mix(in srgb, var(--site-primary) 14%, transparent);
  color: var(--site-primary);
}

html[data-theme-resolved="dark"] .site-mobile-nav-link.is-active {
  color: var(--site-highlight-text);
  background: linear-gradient(135deg, rgba(174, 199, 247, 0.18), rgba(108, 83, 234, 0.22));
}

.site-language-shell,
.site-theme-shell,
.site-console-shell,
.site-product-shell {
  position: relative;
}

.site-language-trigger,
.site-theme-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.4rem;
  padding: 0 0.88rem;
  border-radius: 999px;
  border: 1px solid var(--site-nav-control-border);
  background: var(--site-nav-control-bg);
  color: var(--site-nav-control-text);
  font-family: "Inter", "Microsoft YaHei", sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.site-language-trigger:hover,
.site-language-trigger[aria-expanded="true"],
.site-theme-trigger:hover,
.site-theme-trigger[aria-expanded="true"] {
  transform: translateY(-1px);
}

.site-language-option {
  border: 0;
  background: transparent;
  color: var(--site-nav-control-text);
  font-family: "Inter", "Microsoft YaHei", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  min-width: 2.35rem;
  padding: 0.52rem 0.78rem;
  border-radius: 999px;
  cursor: pointer;
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.site-language-option:hover {
  color: #ffffff;
  background: color-mix(in srgb, var(--site-primary) 26%, transparent);
}

.site-language-option.is-active {
  color: #ffffff;
  background: linear-gradient(135deg, var(--site-primary), color-mix(in srgb, var(--site-secondary) 72%, var(--site-primary)));
  box-shadow: 0 10px 24px color-mix(in srgb, var(--site-primary) 24%, transparent);
}

html[data-theme-resolved="dark"] .site-language-option.is-active {
  color: var(--site-highlight-text);
  background: linear-gradient(135deg, #9bb3ff 0%, #9188ff 46%, #6f55f0 100%);
  box-shadow:
    0 14px 34px rgba(108, 83, 234, 0.38),
    inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

.site-nav-popover {
  position: absolute;
  right: 0;
  top: calc(100% + 0.7rem);
  z-index: 80;
  min-width: 15rem;
  padding: 0.55rem;
  border-radius: 1rem;
  border: 1px solid var(--site-nav-popover-border);
  background: var(--site-nav-popover-bg);
  box-shadow: var(--site-nav-popover-shadow);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  opacity: 0;
  transform: translateY(0.45rem) scale(0.985);
  transform-origin: top right;
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
}

.site-product-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 0.9rem);
  z-index: 80;
  width: min(76rem, calc(100vw - 4rem));
  padding: 1.25rem;
  border-radius: 0.7rem;
  border: 1px solid var(--site-nav-popover-border);
  background: var(--site-nav-popover-bg);
  box-shadow: var(--site-nav-popover-shadow);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  opacity: 0;
  transform: translateY(0.55rem) scale(0.99);
  transform-origin: top left;
  pointer-events: none;
  transition: opacity 190ms ease, transform 190ms ease, background-color 190ms ease, box-shadow 190ms ease;
}

.site-nav-popover.is-visible,
.site-product-menu.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.site-product-menu-layout {
  display: grid;
  gap: 1rem;
  align-items: start;
}

.site-product-menu-header {
  max-width: 38rem;
  padding: 0.15rem 0 0.1rem;
}

.site-product-menu-eyebrow {
  color: var(--site-primary);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

html[data-theme-resolved="dark"] .site-product-menu-eyebrow {
  color: var(--site-highlight-ice);
}

.site-product-menu-title {
  color: var(--site-nav-control-text);
  margin-top: 0.8rem;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.site-product-menu-desc {
  margin-top: 0.8rem;
  color: var(--site-nav-control-muted);
  font-size: 0.92rem;
  line-height: 1.8;
}

.site-product-menu-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.95rem;
}

.site-product-card {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  min-height: 8.4rem;
  padding: 1.2rem 1.15rem;
  border-radius: 0.4rem;
  border: 1px solid color-mix(in srgb, var(--site-nav-popover-border) 86%, transparent);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--site-primary) 4%, transparent), transparent 42%),
    color-mix(in srgb, var(--site-surface-lowest) 78%, transparent);
  color: var(--site-nav-control-text);
  text-decoration: none;
  position: relative;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.site-product-card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--site-primary) 30%, var(--site-nav-popover-border));
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--site-primary) 8%, transparent), transparent 45%),
    color-mix(in srgb, var(--site-primary) 6%, var(--site-surface-lowest));
  box-shadow: 0 24px 48px rgba(20, 36, 74, 0.12);
}

.site-product-card.is-current {
  border-color: color-mix(in srgb, var(--site-primary) 42%, var(--site-nav-popover-border));
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--site-primary) 10%, transparent), transparent 45%),
    color-mix(in srgb, var(--site-primary) 8%, var(--site-surface-lowest));
  box-shadow: 0 18px 36px rgba(20, 36, 74, 0.12);
}

.site-product-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.95rem;
  height: 2.95rem;
  border-radius: 0.4rem;
  background: color-mix(in srgb, var(--site-primary) 14%, transparent);
  color: var(--site-primary);
  font-size: 1.5rem;
  flex: 0 0 auto;
}

.site-product-card-icon.is-image {
  padding: 0.22rem;
  overflow: hidden;
}

.site-product-card-icon.is-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.12));
}

.site-product-card-copy {
  display: grid;
  gap: 0.34rem;
}

.site-product-card-title {
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.site-product-card-desc {
  color: var(--site-nav-control-muted);
  font-size: 0.82rem;
  line-height: 1.65;
}

.site-product-card-state {
  position: absolute;
  right: 0.95rem;
  top: 0.95rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--site-primary) 14%, transparent);
  color: var(--site-primary);
  padding: 0.22rem 0.56rem;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

html[data-theme-resolved="dark"] .site-product-card-state {
  background: linear-gradient(135deg, rgba(174, 199, 247, 0.28), rgba(108, 83, 234, 0.32));
  color: var(--site-highlight-text);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

.site-product-shell [data-product-toggle] .material-symbols-outlined {
  transition: transform 180ms ease, opacity 180ms ease;
}

.site-product-shell [data-product-toggle][aria-expanded="true"] .material-symbols-outlined {
  transform: rotate(180deg);
}

.site-nav-popover-item {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  color: var(--site-nav-control-text);
  border-radius: 0.8rem;
  padding: 0.76rem 0.85rem;
  cursor: pointer;
  transition: background-color 180ms ease, color 180ms ease;
}

.site-nav-popover-item:hover {
  background: color-mix(in srgb, var(--site-primary) 10%, transparent);
}

.site-nav-popover-item.is-active {
  background: color-mix(in srgb, var(--site-primary) 14%, transparent);
}

.site-nav-popover-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.3;
}

.site-nav-popover-desc {
  margin-top: 0.28rem;
  font-size: 0.72rem;
  line-height: 1.45;
  color: var(--site-nav-control-muted);
}

.site-nav-check {
  font-size: 1rem;
  color: var(--site-primary);
}

html[data-theme-resolved="dark"] .site-nav-popover-item:hover {
  background: color-mix(in srgb, var(--site-primary) 14%, transparent);
}

html[data-theme-resolved="dark"] .site-nav-popover-item.is-active {
  background: linear-gradient(
    135deg,
    rgba(174, 199, 247, 0.32),
    rgba(108, 83, 234, 0.28)
  );
  box-shadow:
    inset 0 0 0 1px rgba(174, 199, 247, 0.28),
    0 12px 26px rgba(12, 18, 40, 0.26);
}

html[data-theme-resolved="dark"] .site-nav-popover-item.is-active .site-nav-popover-title,
html[data-theme-resolved="dark"] .site-nav-popover-item.is-active .site-nav-popover-desc,
html[data-theme-resolved="dark"] .site-nav-popover-item.is-active .site-nav-check {
  color: var(--site-highlight-text);
}

html[data-theme-resolved="dark"] .site-product-card:hover {
  box-shadow: 0 28px 54px rgba(3, 5, 12, 0.38), 0 0 0 1px rgba(174, 199, 247, 0.16);
}

html[data-theme-resolved="dark"] .site-product-card {
  background:
    linear-gradient(
      180deg,
      rgba(174, 199, 247, 0.14),
      rgba(108, 83, 234, 0.08) 52%,
      transparent
    ),
    color-mix(in srgb, var(--sc-surface-1) 96%, transparent);
  box-shadow: inset 0 1px 0 rgba(220, 220, 229, 0.03);
}

html[data-theme-resolved="dark"] .site-product-card-icon {
  background: linear-gradient(
    135deg,
    rgba(174, 199, 247, 0.34),
    rgba(108, 83, 234, 0.28)
  );
  color: var(--site-highlight-text);
  box-shadow:
    inset 0 0 0 1px rgba(174, 199, 247, 0.26),
    0 14px 28px rgba(108, 83, 234, 0.22);
}

html[data-theme-resolved="dark"] .site-product-card.is-current {
  background:
    linear-gradient(
      180deg,
      rgba(174, 199, 247, 0.34),
      rgba(108, 83, 234, 0.28) 52%,
      transparent
    ),
    color-mix(in srgb, var(--sc-surface-2) 96%, transparent);
  box-shadow:
    0 28px 60px rgba(1, 2, 8, 0.56),
    inset 0 0 0 1px rgba(174, 199, 247, 0.34);
}

html[data-theme-resolved="dark"] .site-nav-shell {
  border-bottom-color: rgba(174, 199, 247, 0.08) !important;
  box-shadow: 0 18px 48px rgba(1, 2, 8, 0.42) !important;
}

body[data-page="xclaw"] .site-product-menu {
  --site-nav-control-text: rgba(255, 255, 255, 0.98);
  --site-nav-control-muted: rgba(226, 232, 240, 0.84);
  --site-nav-popover-border: rgba(174, 199, 247, 0.16);
  background:
    linear-gradient(
      180deg,
      rgba(174, 199, 247, 0.16),
      rgba(108, 83, 234, 0.12) 48%,
      rgba(10, 15, 22, 0.98)
    ),
    rgba(10, 15, 22, 0.98);
  border-color: rgba(174, 199, 247, 0.16);
  box-shadow:
    0 28px 64px rgba(1, 2, 8, 0.52),
    inset 0 0 0 1px rgba(220, 220, 229, 0.04);
}

body[data-page="xclaw"] .site-product-menu-title,
body[data-page="xclaw"] .site-product-card-title {
  color: rgba(255, 255, 255, 0.98);
}

body[data-page="xclaw"] .site-product-menu-desc,
body[data-page="xclaw"] .site-product-card-desc {
  color: rgba(226, 232, 240, 0.84);
}

body[data-page="xclaw"] .site-product-card {
  background:
    linear-gradient(
      180deg,
      rgba(174, 199, 247, 0.18),
      rgba(108, 83, 234, 0.1) 52%,
      transparent
    ),
    rgba(15, 21, 31, 0.94);
  border-color: rgba(174, 199, 247, 0.18);
  box-shadow: inset 0 1px 0 rgba(220, 220, 229, 0.03);
}

body[data-page="xclaw"] .site-product-card:hover {
  border-color: rgba(174, 199, 247, 0.34);
  background:
    linear-gradient(
      180deg,
      rgba(174, 199, 247, 0.24),
      rgba(108, 83, 234, 0.16) 56%,
      transparent
    ),
    rgba(20, 28, 40, 0.98);
  box-shadow: 0 28px 54px rgba(3, 5, 12, 0.42), 0 0 0 1px rgba(174, 199, 247, 0.16);
}

body[data-page="xclaw"] .site-product-card.is-current {
  border-color: rgba(174, 199, 247, 0.38);
  background:
    linear-gradient(
      180deg,
      rgba(174, 199, 247, 0.36),
      rgba(108, 83, 234, 0.26) 56%,
      transparent
    ),
    rgba(24, 33, 48, 0.98);
  box-shadow:
    0 28px 60px rgba(1, 2, 8, 0.56),
    inset 0 0 0 1px rgba(174, 199, 247, 0.3);
}

body[data-page="xclaw"] .site-product-card-icon {
  background: linear-gradient(135deg, rgba(174, 199, 247, 0.34), rgba(108, 83, 234, 0.28));
  color: var(--site-highlight-text);
  box-shadow:
    inset 0 0 0 1px rgba(174, 199, 247, 0.24),
    0 14px 28px rgba(108, 83, 234, 0.22);
}

body[data-page="xclaw"] .site-product-card-state {
  background: linear-gradient(135deg, rgba(174, 199, 247, 0.28), rgba(108, 83, 234, 0.32));
  color: var(--site-highlight-text);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

.site-nav-shell[data-nav-variant="overlay"] .site-product-menu {
  --site-nav-control-text: rgba(255, 255, 255, 0.96);
  --site-nav-control-muted: rgba(226, 232, 240, 0.76);
  --site-nav-popover-border: rgba(174, 199, 247, 0.12);
  background:
    radial-gradient(circle at 12% 14%, rgba(174, 199, 247, 0.12), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(108, 83, 234, 0.12), transparent 22%),
    linear-gradient(180deg, color-mix(in srgb, var(--sc-bg-soft) 98%, transparent), color-mix(in srgb, var(--sc-bg) 96%, transparent));
  box-shadow: 0 36px 80px rgba(1, 2, 8, 0.5);
}

.site-nav-shell[data-nav-variant="overlay"] .site-product-card {
  background:
    linear-gradient(180deg, rgba(174, 199, 247, 0.1), rgba(108, 83, 234, 0.04) 42%, transparent),
    color-mix(in srgb, var(--sc-surface-1) 92%, transparent);
}

.site-nav-shell[data-nav-variant="overlay"] .site-product-card:hover {
  background:
    linear-gradient(180deg, rgba(174, 199, 247, 0.16), rgba(108, 83, 234, 0.08) 44%, transparent),
    color-mix(in srgb, var(--sc-surface-2) 94%, transparent);
  box-shadow: 0 24px 48px rgba(1, 2, 8, 0.42);
}

@media (max-width: 767px) {
  .site-nav-shell {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .site-mobile-nav-panel {
    position: fixed;
    left: 1rem;
    right: 1rem;
    top: calc(4rem + 0.75rem);
    min-width: 0;
    width: auto;
    max-width: none;
  }

  .site-mobile-nav-group {
    margin-top: 0.2rem;
    padding-top: 0.45rem;
    border-top: 1px solid color-mix(in srgb, var(--site-nav-popover-border) 85%, transparent);
  }

  html[data-theme-resolved="dark"] .site-mobile-nav-group {
    border-top-color: rgba(148, 163, 184, 0.08);
  }

  .site-mobile-nav-group-title {
    padding: 0.5rem 0.95rem 0.35rem;
    color: var(--site-nav-control-muted);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .site-mobile-nav-group-title.is-active {
    color: var(--site-highlight-text);
  }

  .site-mobile-nav-product-list {
    display: grid;
    gap: 0.35rem;
  }

  .site-mobile-product-link {
    display: block;
    border-radius: 0.85rem;
    padding: 0.72rem 0.95rem;
    color: var(--site-nav-control-text);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
    transition: background-color 180ms ease, color 180ms ease;
  }

  .site-mobile-product-link:hover {
    background: rgba(59, 130, 246, 0.08);
  }

  .site-nav-actions {
    gap: 0.5rem;
  }

  .site-nav-actions {
    gap: 0.45rem;
  }

  .site-language-trigger,
  .site-theme-trigger {
    min-height: 2.6rem;
    padding: 0 0.78rem;
  }

  .site-nav-popover {
    min-width: 13rem;
  }

  .site-product-shell {
    display: none !important;
  }

  .site-language-trigger .hidden.lg\:inline,
  .site-theme-trigger .hidden.lg\:inline {
    display: none !important;
  }

  .site-language-trigger .lg\:hidden,
  .site-theme-trigger .lg\:hidden {
    display: inline !important;
  }
}

@media (max-width: 1279px) {
  .site-product-menu {
    left: 0;
    width: min(68rem, calc(100vw - 3rem));
  }

  .site-product-menu-layout {
    gap: 0.9rem;
  }

  .site-product-menu-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1023px) {
  .site-product-menu {
    width: min(56rem, calc(100vw - 2.5rem));
  }

  .site-product-menu-layout {
    grid-template-columns: 1fr;
  }
}

html[data-theme-resolved="dark"] body:not([data-page="xclaw"]) {
  background:
    radial-gradient(circle at 10% 8%, rgba(220, 220, 229, 0.08), transparent 22%),
    radial-gradient(circle at 16% 14%, rgba(174, 199, 247, 0.12), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(108, 83, 234, 0.12), transparent 24%),
    linear-gradient(180deg, var(--sc-bg) 0%, var(--sc-bg-soft) 52%, var(--sc-bg) 100%) !important;
  color: var(--site-on-surface) !important;
}

html[data-theme-resolved="dark"] .bg-white {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--site-primary) 5%, transparent),
      color-mix(in srgb, var(--site-secondary) 3%, transparent) 58%,
      transparent
    ),
    var(--site-surface-lowest) !important;
}

html[data-theme-resolved="dark"] .bg-white\/92 {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--site-primary) 5%, transparent),
      color-mix(in srgb, var(--site-secondary) 3%, transparent) 58%,
      transparent
    ),
    color-mix(in srgb, var(--site-surface-lowest) 92%, transparent) !important;
}

html[data-theme-resolved="dark"] .bg-white\/90 {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--site-primary) 5%, transparent),
      color-mix(in srgb, var(--site-secondary) 3%, transparent) 58%,
      transparent
    ),
    color-mix(in srgb, var(--site-surface-lowest) 90%, transparent) !important;
}

html[data-theme-resolved="dark"] .bg-white\/72 {
  background-color: color-mix(in srgb, var(--site-surface-lowest) 72%, transparent) !important;
}

html[data-theme-resolved="dark"] .bg-white\/60 {
  background-color: color-mix(in srgb, var(--site-surface-lowest) 60%, transparent) !important;
}

html[data-theme-resolved="dark"] .bg-slate-50 {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--site-primary) 6%, transparent),
      color-mix(in srgb, var(--site-secondary) 4%, transparent) 60%,
      transparent
    ),
    var(--site-surface-low) !important;
}

html[data-theme-resolved="dark"] .bg-slate-100 {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--site-primary) 7%, transparent),
      color-mix(in srgb, var(--site-secondary) 5%, transparent) 60%,
      transparent
    ),
    var(--site-surface-high) !important;
}

html[data-theme-resolved="dark"] .bg-blue-50 {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--site-primary) 10%, transparent),
      color-mix(in srgb, var(--site-secondary) 5%, transparent) 62%,
      transparent
    ),
    color-mix(in srgb, var(--site-primary) 8%, var(--site-surface-lowest)) !important;
}

html[data-theme-resolved="dark"] .bg-surface {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--site-primary) 5%, transparent),
      color-mix(in srgb, var(--site-secondary) 3%, transparent) 58%,
      transparent
    ),
    var(--site-surface) !important;
}

html[data-theme-resolved="dark"] .bg-surface-container-lowest {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--site-primary) 5%, transparent),
      color-mix(in srgb, var(--site-secondary) 3%, transparent) 58%,
      transparent
    ),
    var(--site-surface-lowest) !important;
}

html[data-theme-resolved="dark"] .bg-surface-container-low {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--site-primary) 6%, transparent),
      color-mix(in srgb, var(--site-secondary) 4%, transparent) 60%,
      transparent
    ),
    var(--site-surface-low) !important;
}

html[data-theme-resolved="dark"] .bg-surface-container-high {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--site-primary) 7%, transparent),
      color-mix(in srgb, var(--site-secondary) 5%, transparent) 60%,
      transparent
    ),
    var(--site-surface-high) !important;
}

html[data-theme-resolved="dark"] .bg-surface-container-highest {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--site-primary) 8%, transparent),
      color-mix(in srgb, var(--site-secondary) 6%, transparent) 60%,
      transparent
    ),
    var(--site-surface-highest) !important;
}

html[data-theme-resolved="dark"] .bg-primary {
  background: linear-gradient(135deg, #a8c1ff 0%, #908aff 42%, #6f55f0 100%) !important;
}

html[data-theme-resolved="dark"] .bg-primary-container {
  background: linear-gradient(135deg, #7058f0 0%, #8c79ff 42%, #b8d3ff 100%) !important;
}

html[data-theme-resolved="dark"] .text-primary {
  color: var(--site-highlight-ice) !important;
}

html[data-theme-resolved="dark"] .bg-slate-900 {
  background:
    radial-gradient(circle at 84% 14%, rgba(108, 83, 234, 0.12), transparent 24%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--site-primary) 8%, transparent),
      color-mix(in srgb, var(--site-secondary) 6%, transparent) 56%,
      transparent
    ),
    color-mix(in srgb, var(--sc-bg-soft) 98%, transparent) !important;
}

html[data-theme-resolved="dark"] .bg-slate-950 {
  background:
    radial-gradient(circle at 16% 12%, rgba(174, 199, 247, 0.12), transparent 22%),
    radial-gradient(circle at 86% 12%, rgba(108, 83, 234, 0.16), transparent 24%),
    linear-gradient(180deg, color-mix(in srgb, var(--sc-bg-soft) 99%, transparent), color-mix(in srgb, var(--sc-bg) 99%, transparent)) !important;
}

html[data-theme-resolved="dark"] .text-slate-950,
html[data-theme-resolved="dark"] .text-slate-900 {
  color: var(--site-on-surface) !important;
}

html[data-theme-resolved="dark"] .text-slate-700,
html[data-theme-resolved="dark"] .text-slate-600 {
  color: #d1dbef !important;
}

html[data-theme-resolved="dark"] .text-slate-500,
html[data-theme-resolved="dark"] .text-slate-400 {
  color: var(--site-on-surface-variant) !important;
}

html[data-theme-resolved="dark"] .text-blue-100\/80 {
  color: rgba(227, 236, 255, 0.82) !important;
}

html[data-theme-resolved="dark"] .text-primary\/80 {
  color: color-mix(in srgb, var(--site-highlight-ice) 94%, #ffffff) !important;
}

html[data-theme-resolved="dark"] .border-slate-100,
html[data-theme-resolved="dark"] .border-slate-200 {
  border-color: rgba(167, 198, 250, 0.14) !important;
}

html[data-theme-resolved="dark"] .border-outline-variant\/10,
html[data-theme-resolved="dark"] .border-outline-variant\/12,
html[data-theme-resolved="dark"] .border-outline-variant\/18,
html[data-theme-resolved="dark"] .border-outline-variant\/20,
html[data-theme-resolved="dark"] .border-outline-variant\/25 {
  border-color: rgba(174, 199, 247, 0.16) !important;
}

html[data-theme-resolved="dark"] button.bg-primary,
html[data-theme-resolved="dark"] a.bg-primary,
html[data-theme-resolved="dark"] .bg-primary.text-white {
  color: var(--site-highlight-text) !important;
  box-shadow:
    0 20px 42px rgba(108, 83, 234, 0.42),
    inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

html[data-theme-resolved="dark"] button.bg-primary:hover,
html[data-theme-resolved="dark"] a.bg-primary:hover {
  filter: saturate(1.14) brightness(1.08);
  box-shadow:
    0 24px 48px rgba(108, 83, 234, 0.5),
    inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

html[data-theme-resolved="dark"] .hover\:bg-white:hover,
html[data-theme-resolved="dark"] .hover\:bg-slate-50:hover,
html[data-theme-resolved="dark"] .hover\:bg-slate-100:hover,
html[data-theme-resolved="dark"] .hover\:bg-blue-50:hover {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--site-primary) 9%, transparent),
      color-mix(in srgb, var(--site-secondary) 6%, transparent) 60%,
      transparent
    ),
    var(--site-surface-high) !important;
}

html[data-theme-resolved="dark"] .capability-card:hover .capability-copy,
html[data-theme-resolved="dark"] .capability-card:focus-visible .capability-copy {
  color: var(--site-on-surface) !important;
}

html[data-theme-resolved="dark"] .capability-card:hover .capability-meta,
html[data-theme-resolved="dark"] .capability-card:focus-visible .capability-meta {
  color: var(--site-primary) !important;
}

html[data-theme-resolved="dark"] .capability-card-light:hover,
html[data-theme-resolved="dark"] .capability-card-light:focus-visible,
html[data-theme-resolved="dark"] .capability-card-primary:hover,
html[data-theme-resolved="dark"] .capability-card-primary:focus-visible {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--site-primary) 8%, transparent),
    color-mix(in srgb, var(--site-secondary) 4%, var(--site-surface-high))
  ) !important;
  box-shadow: 0 24px 60px rgba(3, 5, 12, 0.34) !important;
}

html[data-theme-resolved="dark"] .qualification-card {
  border-color: rgba(71, 85, 105, 0.44) !important;
}

html[data-theme-resolved="dark"] .qualification-card__media {
  background: linear-gradient(180deg, rgba(11, 16, 32, 0.94) 0%, rgba(15, 21, 38, 0.92) 100%) !important;
}

html[data-theme-resolved="dark"] .site-footer-shell {
  background:
    radial-gradient(circle at 14% 18%, rgba(220, 220, 229, 0.05), transparent 20%),
    radial-gradient(circle at 18% 26%, rgba(174, 199, 247, 0.08), transparent 30%),
    radial-gradient(circle at 82% 14%, rgba(108, 83, 234, 0.12), transparent 26%),
    linear-gradient(180deg, color-mix(in srgb, var(--sc-bg-soft) 98%, transparent) 0%, color-mix(in srgb, var(--sc-bg) 99%, transparent) 100%) !important;
}

html[data-theme-resolved="dark"] .site-footer-divider {
  border-top-color: rgba(167, 198, 250, 0.12) !important;
}

html[data-theme-resolved="dark"] .site-footer-shell .text-white\/70 {
  color: rgba(237, 242, 251, 0.72) !important;
}

html[data-theme-resolved="dark"] .site-footer-shell .text-white\/65,
html[data-theme-resolved="dark"] .site-footer-shell .text-white\/55 {
  color: rgba(170, 182, 207, 0.74) !important;
}