.faq-section{
  position:relative;
  overflow:hidden;
  padding-top:72px;
  padding-bottom:76px;
  border-top:1px solid rgba(86,173,226,.16);
  border-bottom:1px solid rgba(86,173,226,.16);
  background:
    radial-gradient(circle at 12% 12%,rgba(35,170,255,.09),transparent 34%),
    radial-gradient(circle at 88% 78%,rgba(40,233,140,.07),transparent 32%),
    #061726;
}
.faq-heading{max-width:780px;margin-bottom:34px}
.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.faq-grid article{
  min-width:0;
  padding:24px 24px 26px;
  border:1px solid rgba(71,151,203,.28);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(15,48,74,.91),rgba(7,29,47,.96));
  box-shadow:0 18px 42px rgba(1,13,24,.18);
}
.faq-grid article>span{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:28px;
  margin-bottom:16px;
  border:1px solid rgba(65,217,255,.34);
  border-radius:999px;
  color:#41d9ff;
  background:rgba(65,217,255,.08);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.1em;
}
.faq-grid h3{margin:0 0 10px;color:#f4faff;font-size:1.05rem;line-height:1.3}
.faq-grid p{margin:0;color:#a9c1d5;font-size:.91rem;line-height:1.66}
@media(max-width:980px){.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .faq-section{padding-top:54px;padding-bottom:58px}
  .faq-heading{margin-bottom:24px}
  .faq-grid{grid-template-columns:1fr;gap:12px}
  .faq-grid article{padding:21px 20px 23px}
}