/* ============================================================
   CodebyCarter — faq.css
   FAQ accordion for service-business buyer concerns.
   ============================================================ */

.faq{position:relative;overflow:hidden}
.faq-list{
  margin-top:60px;display:flex;flex-direction:column;gap:10px;
  max-width:880px;margin-left:auto;margin-right:auto;
}

.faq-item{
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(15,15,20,.55);
  overflow:hidden;
  transition:border-color .35s cubic-bezier(.2,.8,.2,1),background .35s ease;
}
.faq-item[open]{
  border-color:rgba(168,85,247,.30);
  background:linear-gradient(160deg,rgba(168,85,247,.12),rgba(236,72,153,.06) 60%,rgba(15,15,20,.6));
  box-shadow:0 18px 50px rgba(168,85,247,.10);
}

.faq-item summary{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:22px 26px;
  font-size:clamp(16px,1.6vw,19px);font-weight:600;letter-spacing:-.01em;
  color:#F5F5F7;
  cursor:none;
  list-style:none;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{display:none;content:""}

.faq-icon{
  flex-shrink:0;width:32px;height:32px;border-radius:99px;
  background:rgba(255,255,255,.06);
  display:grid;place-items:center;color:#9090A0;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s ease,color .35s ease;
}
.faq-item[open] .faq-icon{
  transform:rotate(45deg);
  background:linear-gradient(135deg,#A855F7,#EC4899);
  color:#0A0A0F;
}

.faq-body{
  padding:0 26px 24px;
  font-size:15px;line-height:1.65;color:#C0C0C8;
}
.faq-body b{color:#F5F5F7;font-weight:600}
.faq-body a{color:#FB923C;font-weight:500;border-bottom:1px solid rgba(251,146,60,.4)}

.faq-cta{
  margin-top:36px;text-align:center;
  font-size:14px;color:#9090A0;
  font-family:'JetBrains Mono',monospace;letter-spacing:.04em;
}
.faq-cta a{
  color:#F5F5F7;font-weight:600;
  border-bottom:1px solid #F5F5F7;
}