/* 官网视觉对齐客户端：深色 + 金色，去掉荧光绿销售 OS 感 */
:root {
  --bg: #050508;
  --panel: #0c0c10;
  --panel-2: #101018;
  --panel-3: #14141c;
  --line: #24242e;
  --line-soft: #1a1a22;
  --text: #f4f4f4;
  --muted: #9a9aa3;
  --muted-2: #6f6f78;
  --lime: #f0c14b;
  --lime-2: #efb21d;
  --cyan: #8fd4ff;
  --blue: #7aa2ff;
  --orange: #f0c14b;
  --ink: #1a1200;
  --nav: 72px;
}

::selection {
  background: #f0c14b;
  color: #1a1200;
}

body {
  background: #050508;
}

header.nav {
  height: var(--nav);
  gap: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(8, 8, 10, 0.9);
}

.brand b {
  letter-spacing: 0.08em;
  font-size: 14px;
}

.brand small {
  color: #f0c14b;
  letter-spacing: 0.14em;
}

.brand-mark {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border-color: rgba(240, 180, 41, 0.38);
  background: linear-gradient(145deg, rgba(255, 220, 120, 0.16), rgba(240, 180, 41, 0.05));
  box-shadow: none;
}

.brand-mark:after {
  border-color: rgba(240, 180, 41, 0.08);
}

.brand img {
  width: 30px;
  height: 30px;
}

header.nav nav a {
  padding: 10px 9px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 13px;
  font-weight: 600;
}

header.nav nav a:after {
  background: #f0c14b;
}

header.nav nav a:hover {
  color: #fff;
}

/* 顶栏只留主路径，避免菜单像摊位 */
header.nav nav a[href="#voice"],
header.nav nav a[href="#knowledge"],
header.nav nav a[href="#journey"],
header.nav nav a[href="#bulk"],
header.nav nav a[href="#ecosystem"],
header.nav nav a[href="#partners"],
header.nav nav a[href="#security"] {
  display: none;
}

@media (max-width: 820px) {
  header.nav nav.open a {
    display: block !important;
  }
}

.nav-link-button {
  color: rgba(255, 255, 255, 0.7);
}

.nav-link-button:hover {
  color: #f0c14b;
}

.nav-register {
  border-color: rgba(240, 180, 41, 0.35);
  color: #f0c14b;
}

.nav-register:hover {
  border-color: #f0c14b;
  background: rgba(240, 180, 41, 0.08);
  color: #ffe7a3;
}

.nav-cta {
  gap: 10px;
  padding: 6px 6px 6px 14px;
  border: 0;
  background: linear-gradient(90deg, #ffd76a, #efb21d 42%, #d79200);
  color: #241500;
  font-weight: 800;
}

.nav-cta i {
  background: #241500;
  color: #f0c14b;
}

.nav-cta:hover {
  border-color: transparent;
  background: linear-gradient(90deg, #ffe08a, #f0c14b 42%, #e0a010);
}

.locale-switch-btn {
  height: 28px;
  min-width: 44px;
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
}

.locale-switch-btn:hover,
.locale-switch-btn:focus {
  border-color: rgba(240, 180, 41, 0.55);
  outline-color: rgba(240, 180, 41, 0.45);
}

.locale-switch-menu button:hover,
.locale-switch-menu button[aria-selected="true"] {
  background: rgba(240, 180, 41, 0.12);
  color: #f0c14b;
}

.hero-copy,
.hero-poster-visual {
  opacity: 1 !important;
  transform: none !important;
}

.hero {
  min-height: 920px;
  padding-top: calc(var(--nav) + 72px);
}

.hero:before {
  background:
    radial-gradient(circle at 74% 34%, rgba(88, 120, 255, 0.14), transparent 26%),
    radial-gradient(circle at 26% 16%, rgba(240, 180, 41, 0.09), transparent 22%),
    linear-gradient(180deg, #07070b 0%, #050508 84%);
}

.hero-grid,
.cta-grid,
.map-grid {
  opacity: 0.35;
}

.eyebrow {
  color: rgba(240, 196, 120, 0.78);
  letter-spacing: 0.18em;
}

.eyebrow > i,
.command-live i,
.network-status > i,
.network-footer i,
.signal-bar p i,
.market-card footer span i,
.final-cta > small i {
  background: #f0c14b;
  box-shadow: 0 0 0 5px rgba(240, 180, 41, 0.1), 0 0 16px rgba(240, 180, 41, 0.42);
}

.eyebrow em {
  border-color: rgba(240, 180, 41, 0.32);
  color: #f0c14b;
}

.hero h1 {
  max-width: 680px;
  font-size: clamp(46px, 5.4vw, 78px);
  font-weight: 650;
  line-height: 1.08;
  letter-spacing: -0.042em;
}

.hero h1 span {
  color: #f0c14b;
  background: none;
  -webkit-text-fill-color: #f0c14b;
}

.lead {
  max-width: 520px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 16px;
  line-height: 1.75;
}

.primary {
  background: linear-gradient(90deg, #ffd76a, #efb21d 40%, #d79200);
  color: #241500;
  font-weight: 800;
}

.primary:hover {
  filter: brightness(1.06);
}

.secondary {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  color: #f4f4f4;
}

.hero-proof span i {
  color: #f0c14b;
}

.page-progress i {
  background: linear-gradient(90deg, #f0c14b, #8fd4ff);
  box-shadow: 0 0 18px rgba(240, 180, 41, 0.45);
}

.hero-ticker {
  opacity: 0.7;
}

.final-cta .primary,
.download-link.primary {
  color: #241500;
}