/* gradient bg */
.index-bg {
  background: radial-gradient(1200px 600px at 10% -10%, #eef4ff 0, rgba(238,244,255,0) 60%),
              radial-gradient(1200px 600px at 110% 10%, #fff0f5 0, rgba(255,240,245,0) 60%),
              #fafbff;
}

/* hero */
.hero { min-height: 60vh; }

/* gradient text */
.gradient-text {
  background: linear-gradient(90deg, #5b7cff 0%, #8a5aff 50%, #ff6ca8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* preview card */
.preview-card .bg-soft {
  height: 56px;
  background: linear-gradient(90deg,#f8f9ff,#fff);
}
.pattern {
  background-image: radial-gradient(#e6e9ff 1px, transparent 1px);
  background-size: 10px 10px;
  opacity: .6;
}

/* avatar */
.avatar {
  width: 36px; height: 36px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: #eef2ff; color: #4f46e5; font-weight: 700;
}

/* feature card */
.feature .feat-icon {
  font-size: 22px; line-height: 1; margin-bottom: .4rem;
}