/* Support4u v22 — FAQ + kontakt CTA */
.faq-section{
  position:relative;
  overflow:hidden;
}

.faq-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:38px;
}

.faq-item{
  border:1px solid rgba(148,163,184,.14);
  border-radius:24px;
  background:linear-gradient(180deg,#0f172a,#081120);
  overflow:hidden;
}

.faq-question{
  width:100%;
  border:0;
  background:transparent;
  color:#fff;
  padding:22px 24px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  font-weight:950;
  font-size:18px;
}

.faq-question span:last-child{
  color:#38bdf8;
  font-size:28px;
  line-height:1;
  transition:.22s ease;
}

.faq-item.is-open .faq-question span:last-child{
  transform:rotate(45deg);
}

.faq-answer{
  display:none;
  padding:0 24px 24px;
  color:#a8b7cf;
  line-height:1.75;
}

.faq-item.is-open .faq-answer{
  display:block;
}

.contact-cta{
  position:relative;
  overflow:hidden;
}

.contact-cta-card{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:28px;
  align-items:center;
  border:1px solid rgba(56,189,248,.22);
  border-radius:34px;
  background:
    radial-gradient(circle at 15% 0%, rgba(56,189,248,.18), transparent 35%),
    radial-gradient(circle at 90% 20%, rgba(142,227,93,.10), transparent 34%),
    linear-gradient(180deg,#10213b,#081120);
  padding:42px;
  box-shadow:0 30px 100px rgba(0,0,0,.28);
}

.contact-cta h2{
  margin:0 0 18px;
  font-size:clamp(34px,5vw,64px);
  line-height:.98;
  letter-spacing:-.06em;
}

.contact-cta p{
  color:#cbd5e1;
  line-height:1.75;
  font-size:18px;
  margin:0;
}

.contact-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}

.contact-mini{
  background:#071126;
  border:1px solid rgba(148,163,184,.14);
  border-radius:26px;
  padding:28px;
}

.contact-mini strong{
  display:block;
  font-size:24px;
  margin-bottom:12px;
}

.contact-mini span{
  color:#a8b7cf;
  line-height:1.7;
}

@media(max-width:920px){
  .faq-grid,
  .contact-cta-card{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .contact-cta-card{
    padding:28px;
    border-radius:26px;
  }

  .faq-question{
    font-size:16px;
  }
}
