.faq-section{padding:72px 0; background:linear-gradient(180deg, rgba(237,246,251,0.45) 0%, rgba(237,246,251,0) 100%);}
.faq-section .container{max-width:1200px; margin:0 auto; padding:0 24px;}
.faq-section .section-title{position:relative; padding-left:18px; margin:0 0 28px 0;
  font-weight:900; color:#0f172a; text-transform:uppercase; letter-spacing:.06em; line-height:1.15; font-size:32px;}
.faq-section .section-title::before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:9px; height:26px; border-radius:6px; background:linear-gradient(180deg,#63e6e2 0%, #3a82f7 100%);
  box-shadow:0 8px 24px rgba(58,130,247,.35);}

.faq-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;}
.faq-item{background:#fff; border-radius:20px; border:1px solid rgba(15,23,42,.06);
  box-shadow:0 18px 40px rgba(15,23,42,.10); overflow:hidden;}
.faq-q{width:100%; text-align:left; padding:20px 22px; display:flex; align-items:center; justify-content:space-between;
  gap:14px; font-size:18px; font-weight:700; color:#0f172a; background:#fff; border:none; cursor:pointer;}
.faq-q .chev{flex:0 0 auto; width:26px; height:26px; border-radius:999px; display:grid; place-items:center;
  background:linear-gradient(180deg,#eaf6ff,#eef2ff); box-shadow:0 6px 14px rgba(15,23,42,.12);}
.faq-q .chev svg{width:18px; height:18px; transition:.25s ease transform;}
.faq-a{max-height:0; overflow:hidden; transition:max-height .35s ease; padding:0 22px;}
.faq-a p{margin:0 0 18px 0; color:#334155; line-height:1.6; font-size:16px;}
.faq-item.open .faq-a{max-height:400px; padding:0 22px 22px;}
.faq-item.open .faq-q .chev svg{transform:rotate(180deg);}

@media (max-width: 860px){
  .faq-grid{grid-template-columns:1fr;}
  .faq-section{padding:56px 0;}
  .faq-section .section-title{font-size:24px;}
}