@charset "UTF-8";

.hero--about {
  background: radial-gradient(circle at top, rgba(56,189,248,0.4), rgba(59,130,246,0.3) 30%, rgba(168,85,247,0.28) 55%, #020617 100%);
}

.hero--about .hero__title {
  max-width: 24rem;
}

.hero--about .hero__subtitle {
  max-width: 34rem;
}

.hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.about-grid {
  gap: var(--space-6);
}

.about-section-split {
  align-items: center;
}

.about-image-card {
  position: relative;
  border-radius: var(--radius-xl);
  overflow: hidden;
  border: 1px solid rgba(129,140,248,0.7);
  box-shadow: var(--shadow-lg);
  background: radial-gradient(circle at top left, rgba(59,130,246,0.28), rgba(15,23,42,0.96));
}

.about-image-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  transition: transform var(--transition-slow), filter var(--transition-slow);
}

.about-image-card:hover .about-image-card__img {
  transform: scale(1.04);
  filter: saturate(1.12);
}

.about-features-grid {
  align-items: stretch;
}

.faq-list {
  max-width: 52rem;
  margin-inline: auto;
}

.cta__actions {
  display: flex;
  justify-content: center;
  margin-top: var(--space-4);
}

@media (min-width: 768px) {
  .hero--about .hero__title {
    max-width: 32rem;
  }

  .hero--about .hero__subtitle {
    max-width: 40rem;
  }
}