:root {
  --primary: #1e6fb8;
  --primary-dark: #0d4a85;
  --primary-light: #4f9adb;
  --accent: #5a8c5a;
  --bg-soft: #f5f8fc;
  --text-main: #2c3e50;
  --text-sub: #5a6c7d;
  --border: #dde5ed;
}
.header-banner {
  background: linear-gradient(135deg, #1e6fb8 0%, #0d4a85 65%, #0d4a85dd 100%);
}
.header-banner::before {
  background:
    radial-gradient(ellipse 700px 360px at 75% 25%, #5a8c5a40, transparent 60%),
    radial-gradient(ellipse 500px 280px at 10% 90%, #4f9adb50, transparent 60%);
}
.product-card .tag { background: linear-gradient(135deg, #1e6fb8, #0d4a85); }
.btn-primary { background: linear-gradient(135deg, #5a8c5a, #5a8c5add); }
.btn-primary:hover { box-shadow: 0 10px 24px #5a8c5a80; }
.advantage-icon { background: linear-gradient(135deg, #1e6fb8, #4f9adb); }
.section-head .eyebrow { background: #1e6fb820; color: #1e6fb8; }
.section-head h2::after { background: linear-gradient(90deg, #1e6fb8, #5a8c5a); }
.product-tab.active { background: #1e6fb8; border-color: #1e6fb8; }
.about-img .badge { color: #1e6fb8; }
.scenes-feature {
  background: linear-gradient(135deg, #1e6fb810, #5a8c5a08);
  padding: 60px 24px;
  border-radius: 16px;
  margin: 30px 0;
}
.city-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}
.city-feature {
  background: #fff;
  padding: 24px;
  border-radius: 10px;
  border-top: 3px solid #1e6fb8;
  box-shadow: 0 4px 16px #0d4a8510;
}
.city-feature h4 { color: #0d4a85; font-size: 16px; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.city-feature h4::before { content: "▣"; color: #5a8c5a; }
.city-feature p { color: #5a6c7d; font-size: 13px; line-height: 1.7; }
.contact-qr { background: linear-gradient(135deg, #1e6fb8, #0d4a85) !important; }
.nav-cta { color: #1e6fb8; }
.hero-card .dot { background: #5a8c5a; }