/* Kingsoft one-page theme — matched to the Metrix translucent neon language. */
:root {
  --gemini-blue: #60a5fa;
  --gemini-purple: #a78bfa;
  --text-primary: #f8fafc;
  --text-secondary: #a5b4c7;
  --bg-color: #050812;
  --ink: #eaf8ef;
  --muted: #a8bdb0;
  --gold: #ffe044;
}

html { color-scheme: dark; scroll-behavior: smooth; }

body {
  background:
    radial-gradient(circle at 8% 14%, rgba(34, 197, 94, .18), transparent 34rem),
    radial-gradient(circle at 92% 30%, rgba(96, 165, 250, .11), transparent 38rem),
    radial-gradient(circle at 76% 78%, rgba(167, 139, 250, .09), transparent 34rem),
    radial-gradient(circle at 30% 92%, rgba(90, 255, 190, .07), transparent 32rem),
    linear-gradient(145deg, #020806 0%, #06140e 48%, #030b08 100%);
  background-attachment: fixed;
  color: var(--text-primary);
  min-height: 100vh;
}

body::before {
  animation: none;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 48px 48px;
  filter: none;
  height: 100%;
  left: 0;
  opacity: .8;
  transform: none;
  width: 100%;
}

body::after {
  background: linear-gradient(to bottom, transparent, rgba(3,5,11,.58));
  content: "";
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: -2;
}

#universe-bg {
  inset: 0;
  opacity: .72;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  z-index: -1;
}

#universe-bg canvas {
  display: block;
  height: 100% !important;
  min-height: 0 !important;
  opacity: .9;
  width: 100% !important;
}

.glass {
  background: linear-gradient(145deg, rgba(10, 32, 22, .58), rgba(3, 15, 10, .40));
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  border: 1px solid rgba(126,190,221,.15);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 18px 48px rgba(0,0,0,.25);
}

.glass::before {
  background: radial-gradient(circle at 25% 0%, rgba(90,255,190,.12), transparent 48%), radial-gradient(circle at 90% 10%, rgba(167,139,250,.08), transparent 45%);
}

.glass::after {
  background: linear-gradient(110deg, transparent 38%, rgba(90,255,190,.07) 46%, rgba(96,165,250,.07) 51%, rgba(167,139,250,.08) 55%, transparent 63%);
}

.glass:hover {
  border-color: rgba(125,255,200,.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 24px 54px rgba(0,0,0,.34), 0 0 24px rgba(34,197,94,.08), 0 0 34px rgba(96,165,250,.045);
}

header nav.glass {
  background: rgba(2, 12, 8, .72);
  border-color: rgba(255,255,255,.11);
  box-shadow: 0 14px 38px rgba(0,0,0,.3);
}

.navlinks a { color: #aebbd0; }
.navlinks a:hover { color: #7dffc8; }

.eyebrow {
  background: linear-gradient(90deg, #39ff14, #7dffc8 42%, #60a5fa 72%, #a78bfa);
  background-clip: text;
  -webkit-background-clip: text;
}

h1, h2, h3 { color: #f8fafc; }
.hero h1 em { background-image: linear-gradient(90deg, #39ff14, #5affbe 48%, #60a5fa 78%, #a78bfa); }

.cta-primary, .ask-ai-float {
  background: linear-gradient(135deg, #15803d 0%, #059669 58%, #2563a8 100%);
  border-color: rgba(125,255,200,.25);
  box-shadow: 0 10px 28px rgba(34,197,94,.16), 0 0 22px rgba(96,165,250,.10);
}

.cta-primary:hover, .ask-ai-float:hover {
  box-shadow: 0 14px 34px rgba(34,197,94,.22), 0 0 30px rgba(96,165,250,.14);
}

.cta-ghost {
  background: rgba(255,255,255,.035);
  border-color: rgba(255,255,255,.13);
  color: #e8eef7;
}
.cta-ghost:hover { background: rgba(255,255,255,.08); }

.stat .n, .bar .val, .ai-box .tag { color: #7dffc8; }
.feat .ic, .intel-list .dot, .bar .fill { background: linear-gradient(135deg, #16a34a, #14b8a6 58%, #6366f1); }
.bar .track { background: rgba(255,255,255,.08); }

.ai-box {
  background: linear-gradient(135deg, rgba(34,197,94,.08), rgba(96,165,250,.045), rgba(167,139,250,.045));
  border-left-color: #a78bfa;
}
.ai-box h3 { color: #f8fafc; }

.lima-feature {
  background: rgba(34,197,94,.065);
  border-color: rgba(90,255,190,.15);
}
.lima-feature strong { color: #7dffc8; }
.cta-lima { background: linear-gradient(135deg, #087f5b, #9a7413); }

.client-chip { color: #f8fafc; }
.contact-info p, .intel-list li { color: #e2f2e7; }
.section-head p, .feat p, .lima-copy > p, .ai-box p, .stat .l, footer, .client-chip small,
.lima-feature span, .bar .lbl, p[style*="color:var(--muted)"] { color: #a8bdb0 !important; }
.intel-list li span:last-child, .contact-info p, p[style*="color:var(--ink)"] { color: #eaf8ef !important; }
.map { border: 1px solid rgba(255,255,255,.1); filter: saturate(.78) brightness(.82); }

section { position: relative; }
section:nth-of-type(even)::before {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.018), transparent);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

@media (max-width: 900px) {
  .navlinks.open {
    background: rgba(3, 7, 16, .94);
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 20px 45px rgba(0,0,0,.38);
  }
  .menu-btn { color: #f8fafc; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .glass::after { animation: none; }
  *, *::before, *::after { transition-duration: .01ms !important; }
  #universe-bg { display: none; }
}