/* FULL BLEED – USŁUGI IT */
.services-hero,
.services-areas,
.services-process,
.services-forwho,
.services-cta {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background-color: var(--ac-bg-main); /* ciemny granat, spójny z logo */
  color: var(--ac-text-main);
}

/* Wewnętrzny kontener */
.services-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 90px 20px;
}

/* Lead */
.services-lead {
  max-width: 760px;
  color: var(--ac-text-muted); /* jaśniejsza szarość dla lepszej czytelności */
  line-height: 1.6;
  font-size: 1.1rem;
}

/* Boxy usług */
.services-areas .services-inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 28px;
}

.service-box {
  background: var(--ac-bg-card);
  border-radius: 18px;
  padding: 28px 24px;
  transition: background 0.2s ease;
}

.service-box:hover {
  background: var(--ac-bg-card-hover);
}

.service-box h3 {
  margin-top: 0;
  font-weight: 600;
  color: var(--ac-gold); /* złoty akcent */
  font-size: 1.2rem;
}

.services-lead,
.service-box p {
  color: var(--ac-text-muted);
  line-height: 1.5;
  font-size: 1rem;
}

/* Nagłówki sekcji */
.services-hero h1,
.services-process h2,
.services-forwho h2,
.services-cta h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 600;
  color: var(--ac-text-main);
}

/* Paragrafy ogólne */
.services-process p,
.services-forwho p,
.services-cta p {
  color: var(--ac-text-muted);
  line-height: 1.6;
  font-size: 1.05rem;
  max-width: 760px;
}

/* CTA */
.services-cta {
  background-color: var(--ac-bg-deep); /* ciemniejszy granat dla kontrastu */
}

.cta-button {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 20px;
  border-radius: 999px;
  border: 1px solid var(--ac-gold);
  color: var(--ac-gold);
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: background 0.2s ease, color 0.2s ease;
}

.cta-button:hover {
  background-color: var(--ac-gold);
  color: var(--ac-bg-main);
}