/* Hero Section */
.hero {
  text-align: center;
  padding: 80px 0;
}

.hero-title {
  font-size: clamp(40px, 8vw, 72px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, #fff, #dbeafe 40%, #fde68a 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0 0 30px;
}

.hero-subtitle {
  color: var(--text-secondary);
  font-size: clamp(20px, 3vw, 24px);
  max-width: 900px;
  margin: 0 auto 40px;
  line-height: 1.6;
}

.hero-cta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, var(--brand-gold), #ffd166);
  color: #0a0a0a;
  border: 0;
  padding: 16px 32px;
  border-radius: 16px;
  font-weight: 900;
  letter-spacing: .02em;
  box-shadow: var(--glow-gold);
  transition: var(--transition-fast);
  text-decoration: none;
  font-size: 18px;
}

.hero-cta:hover {
  transform: translateY(-3px);
  filter: brightness(1.05);
}

/* Hero Value Cards */
.hero-value-card:hover {
  transform: translateY(-4px);
  border-color: rgba(99,102,241,0.5);
  box-shadow: 0 12px 40px rgba(0,0,0,0.3);
}

.hero-toolkit:hover {
  border-color: rgba(255,178,0,0.5);
  box-shadow: 0 25px 80px rgba(0,0,0,0.5);
}

/* Responsive Design */
@media (max-width: 480px) {
  .hero-title {
    font-size: clamp(32px, 10vw, 48px);
  }
}