/* ===== УТИЛИТЫ ===== */
.text--accent {
  color: var(--color-brand);
}

.hidden {
  display: none !important;
}

.required {
  color: var(--color-error);
}

.error-msg {
  display: block;
  font-size: 0.75rem;
  color: var(--color-error);
  height: 1.2rem;
  margin-top: 0.25rem;
}

:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: 2px;
}

.section {
  padding: 5rem 0;
}

.section--alt {
  background: var(--color-bg-alt);
}

.section__title {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 800;
  text-align: center;
  margin-bottom: 0.75rem;
  letter-spacing: -0.02em;
}

.section__subtitle {
  text-align: center;
  color: var(--color-text-light);
  max-width: 48rem;
  margin: 0 auto 2.5rem;
  font-size: 1.05rem;
}