/* Hero Section · 深色精密工业风 */
.hero { position: relative; padding: 90px 0 70px; overflow: hidden; }
.hero::before {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at 25% 15%, rgba(212, 168, 67, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 85%, rgba(37, 99, 235, 0.06) 0%, transparent 50%),
    linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-section) 100%);
  z-index: 0;
}
.hero-inner { position: relative; z-index: 1; text-align: center; max-width: 820px; margin: 0 auto; }
.hero-tagline { font-size: 14px; color: var(--brand); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 16px; }
.hero-title { font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 800; line-height: 1.2; margin-bottom: 20px;
  background: linear-gradient(135deg, var(--text-primary) 0%, var(--aux) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.hero-subtitle { font-size: 17px; color: var(--text-secondary); max-width: 620px; margin: 0 auto 32px; line-height: 1.7; }
.hero-cta { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.btn-primary { padding: 14px 34px; background: var(--brand); color: var(--bg-primary); border: none; border-radius: 10px; font-size: 15px; font-weight: 700; cursor: pointer; transition: all .3s; }
.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 40px rgba(212, 168, 67, 0.3); }
.btn-secondary { padding: 14px 34px; background: transparent; color: var(--text-primary); border: 2px solid var(--aux); border-radius: 10px; font-size: 15px; font-weight: 600; cursor: pointer; transition: all .3s; }
.btn-secondary:hover { border-color: var(--brand); color: var(--brand); }