/* Brand-aligned visual overrides based on SmarTeam logo */
:root {
  --primary: #2f66b3;
  --primary-dark: #25579d;
  --primary-light: #4a86cf;
  --accent: #17a8e5;
  --accent-hover: #0f93cb;
  --accent-light: #e8f7fe;
  --text-dark: #18345f;
  --text-mid: #4b6286;
  --text-light: #7f92af;
  --bg-light: #f5f9fe;
  --border: #d9e7f5;
}

.header {
  background: rgba(255,255,255,0.96);
  border-bottom: 1px solid rgba(47,102,179,0.12);
}
.header.scrolled {
  background: rgba(255,255,255,0.98);
}
.logo-main {
  color: var(--primary);
}
.logo-sub {
  color: rgba(47,102,179,0.65);
}
.nav-link,
.nav-phone {
  color: rgba(24,52,95,0.8);
}
.nav-link:hover,
.nav-link.active {
  color: var(--primary);
  background: rgba(23,168,229,0.10);
}
.hero {
  background: linear-gradient(135deg, #eff6ff 0%, #dff2ff 45%, #f8fbff 100%);
}
.hero-bg-grid {
  background-image:
    linear-gradient(rgba(47,102,179,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(47,102,179,0.08) 1px, transparent 1px);
}
.hero-bg-glow {
  background: radial-gradient(circle, rgba(23,168,229,0.22) 0%, transparent 68%);
}
.hero-bg-glow2 {
  background: radial-gradient(circle, rgba(47,102,179,0.14) 0%, transparent 68%);
}
.hero-title {
  color: var(--primary);
}
.hero-desc,
.stat-label {
  color: rgba(24,52,95,0.78);
}
.hero-card {
  background: rgba(255,255,255,0.82);
  border: 1px solid rgba(47,102,179,0.12);
  box-shadow: 0 10px 30px rgba(36, 86, 157, 0.08);
}
.hero-card-title {
  color: var(--primary);
}
.hero-card-desc {
  color: rgba(24,52,95,0.72);
}
.hero-float-badge {
  background: var(--primary);
  box-shadow: 0 4px 16px rgba(47,102,179,0.28);
}
.logo-icon {
  width: 42px;
  height: 42px;
  background: linear-gradient(135deg, #dff2ff 0%, #ffffff 100%);
  border: 1px solid rgba(47,102,179,0.22);
  color: var(--primary);
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(47,102,179,0.10);
}
.announce-bar {
  background: linear-gradient(90deg, var(--primary), var(--accent));
}
.btn-primary,
.floating-btn-primary {
  box-shadow: 0 8px 24px rgba(23,168,229,0.25);
}
.btn-outline {
  color: var(--primary);
  border-color: rgba(47,102,179,0.28);
  background: rgba(255,255,255,0.72);
}
.btn-outline:hover {
  background: rgba(47,102,179,0.10);
  border-color: var(--primary);
}
.brand-tag,
.hero-badge,
.product-card-subtitle,
.section-label {
  color: var(--accent);
}
.footer {
  background: linear-gradient(180deg, #264f90 0%, #1f437b 100%);
}