/* Homepage copy and controls for the GOZ business journey. */
:is(#korzysci, #compare, #zastosowania, #pilotaz, #mozliwosci, #wspolpraca, #technologia, #pytania, #straty-materialowe, #straty-wody, #opakowania) {
  scroll-margin-top: 8rem;
}

.hero-home .button-group,
.banner_content .button-group {
  flex-wrap: wrap;
}

:is(.hero-home, .banner_content, #zastosowania, #wspolpraca) .button-group a {
  max-width: 100%;
  min-width: 0;
}

:is(.hero-home, .banner_content, #zastosowania, #wspolpraca) .txt-no-breaks {
  white-space: normal;
  text-align: center;
}

.hero-home .button-color,
.banner_content .button-color {
  min-width: 0;
}

.goz-benefit-note {
  margin: auto 0 0;
  padding: 1rem;
  border-radius: 1rem;
  background: #dff3ed;
  color: #15534a;
  font-weight: 600;
  line-height: 1.5;
}

.goz-usecase-benefit {
  margin: 1.5rem 0 0;
  padding-top: 1rem;
  border-top: 1px solid #315d55;
  color: #d8ece6;
  font-size: 1rem;
  line-height: 1.6;
}

.goz-pilot-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}

.goz-pilot-step {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-width: 0;
  padding: 2rem;
  border: 1px solid #9ce7d8;
  border-radius: 2rem;
  background: linear-gradient(150deg, #eaf5ef, #f8fbf8);
  box-shadow: 0 6px 18px #0b46301a;
}

.goz-pilot-step :is(h3, p) { margin: 0; }
.goz-pilot-step p { font-size: 1rem; line-height: 1.65; }
.goz-pilot-step .goz-step-result { margin-top: auto; color: #216b5a; font-weight: 600; }
.goz-step-number { font-size: 1.5rem; color: #087b69; font-weight: 600; }

.goz-pilot-cta { margin-top: 2.5rem; text-align: center; }
.goz-pilot-cta p { margin: 1rem auto 0; max-width: 42rem; line-height: 1.6; }
.goz-business-button {
  display: inline-block;
  max-width: 100%;
  padding: 1rem 1.5rem;
  border: 1px solid #0ed6b7;
  border-radius: 2rem;
  background: #102923;
  color: #fff;
  line-height: 1.4;
  text-align: center;
  transition: background .15s ease;
}
.goz-business-button:hover { background: #205345; }

.goz-technical-details {
  width: 100%;
  margin-top: 2rem;
  padding: 1.5rem 2rem;
  border: 1px solid #315d55;
  border-radius: 1.5rem;
  color: #e9f5ef;
  background: #0c211c;
}
.goz-technical-details > div { padding-top: 1.25rem; }
.goz-technical-details p { line-height: 1.65; margin-bottom: 1rem; }
.goz-technical-details a { display: block; margin-top: 1rem; color: #28dec1; text-decoration: underline; }

.goz-faq-list { display: grid; gap: 1rem; }
.goz-faq-item {
  border: 1px solid #315d55;
  border-radius: 1rem;
  padding: 1.5rem 2rem;
  color: #fff;
  background: #102a24;
}
.goz-faq-item > div { padding-top: 1rem; }
.goz-faq-item p { margin: 0; color: #c5d8d1; line-height: 1.7; }
:is(.goz-faq-item, .goz-technical-details) summary { cursor: pointer; font-size: 1.125rem; font-weight: 600; line-height: 1.5; }
:is(.goz-faq-item, .goz-technical-details) summary::marker { color: #21d4b6; }
:is(.goz-faq-item, .goz-technical-details) summary:focus-visible,
.goz-business-button:focus-visible { outline: 3px solid #21d4b6; outline-offset: 5px; }

@media (max-width: 991px) {
  .goz-pilot-grid { grid-template-columns: minmax(0, 1fr); }
  .goz-pilot-step { padding: 1.5rem; }
}

@media (max-width: 479px) {
  :is(.hero-home, .banner_content) .button-group a { width: 100%; }
  .goz-faq-item, .goz-technical-details { padding: 1.25rem; }
}