.site-conformitate .hero {
  padding-top: calc(var(--header-height) + var(--topbar-height) + var(--space-16));
  padding-bottom: var(--space-16);
  text-align: center;
  background: linear-gradient(180deg, var(--color-bg-secondary) 0%, transparent 100%);
}

.site-conformitate .hero__copy {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.site-conformitate .hero__title {
  font-size: var(--text-6xl);
  line-height: 1.05;
  margin-bottom: var(--space-5);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.site-conformitate .hero__subtitle {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  font-size: var(--text-xl);
}

.site-conformitate .hero__actions {
  justify-content: center;
}

.site-conformitate .why-grid {
  grid-template-columns: repeat(2, 1fr);
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  gap: var(--space-6);
}

.site-conformitate .why-card {
  padding: var(--space-8);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.site-conformitate .why-card__title {
  font-size: var(--text-2xl);
  margin-bottom: var(--space-3);
}

.site-conformitate .why-card__desc {
  font-size: var(--text-base);
  margin-bottom: var(--space-3);
}

.site-conformitate .why-card .btn {
  margin-top: auto;
}

.site-conformitate .section > .container > .hero__subtitle {
  text-align: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.site-conformitate .cta-card {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 640px) {
  .site-conformitate .why-grid {
    grid-template-columns: 1fr;
  }
  .site-conformitate .hero__title {
    font-size: var(--text-4xl);
  }
  .site-conformitate .hero__actions {
    flex-direction: column;
  }
}