/* ===== Homepage-specific styles ===== */

.hero {
  min-height: 80dvh;
  display: flex; align-items: center;
  padding: 80px 0 40px;
  position: relative;
  overflow: hidden;
}
.hero-bg {
  position: absolute; inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.hero-bg-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.3;
}
.hero-bg-blob:nth-child(1) {
  width: 600px; height: 600px;
  background: rgba(29,78,216,0.06);
  top: -200px; right: -100px;
}
.hero-bg-blob:nth-child(2) {
  width: 400px; height: 400px;
  background: rgba(99,102,241,0.04);
  bottom: -100px; left: -50px;
}

@media (max-width: 768px) {
  .hero { min-height: auto; padding: 80px 0 48px; }
}