/* ============================================================
   BLOCS COMMUNS MODULES / CAS : comparatif, témoignages, FAQ
   ============================================================ */

.cmp{background:#fff;padding:96px 0 108px}
.cmp-wrap{max-width:1100px;margin:0 auto;padding:0 28px}
.cmp-head{text-align:center;margin-bottom:52px}
.cmp-head h2{margin:0;font-size:clamp(28px,3.2vw,46px);font-weight:400;letter-spacing:-.025em;line-height:1.15}
.cmp-head p{margin:22px auto 0;max-width:620px;font-size:16px;color:#4a4a52}
.cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cmp-col{border-radius:22px;padding:32px clamp(22px,2.6vw,34px)}
.cmp-col.bad{background:#f4f2ef}
.cmp-col.good{background:#20242a;color:#fff}
.cmp-col h3{margin:0 0 22px;font-size:19px;font-weight:500;letter-spacing:-.01em}
.cmp-col.bad h3{color:#6b6b72}
.cmp-item{display:flex;align-items:flex-start;gap:12px;padding:11px 0;font-size:14.5px;line-height:1.5}
.cmp-item + .cmp-item{border-top:1px solid rgba(0,0,0,.06)}
.cmp-col.good .cmp-item + .cmp-item{border-top-color:rgba(255,255,255,.12)}
.cmp-ico{width:19px;height:19px;border-radius:50%;flex:none;margin-top:1px;display:grid;place-items:center}
.cmp-col.bad .cmp-ico{background:#e6e3df;color:#8a8a91}
.cmp-col.good .cmp-ico{background:#c3d84e;color:#20242a}
.cmp-ico svg{width:10px;height:10px}

.tst{background:#f7f6f4;padding:96px 0 108px}
.tst-wrap{max-width:1400px;margin:0 auto;padding:0 clamp(20px,3vw,40px)}
.tst-head{text-align:center;margin-bottom:52px}
.tst-head h2{margin:0;font-size:clamp(28px,3.2vw,46px);font-weight:400;letter-spacing:-.025em}
.tst-head p{margin:22px auto 0;max-width:560px;font-size:16px;color:#4a4a52}
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tst-card{background:#fff;border:1px solid #e6e4e1;border-radius:20px;padding:28px}
.tst-quote{font-size:28px;color:#c3d84e;line-height:1;margin-bottom:10px;display:block}
.tst-card p{margin:0;font-size:15px;line-height:1.6;color:#3a3a3f}
.tst-foot{display:flex;align-items:center;gap:12px;margin-top:22px}
.tst-av{width:40px;height:40px;border-radius:50%;flex:none;background:linear-gradient(150deg,#8b9a16,#4b2560)}
.tst-foot b{display:block;font-size:14px;font-weight:500}
.tst-foot span{display:block;font-size:13px;color:#6b6b72;margin-top:2px}

.faq{background:#fff;padding:96px 0 120px}
.faq-wrap{max-width:820px;margin:0 auto;padding:0 28px}
.faq-head{text-align:center;margin-bottom:48px}
.faq-head h2{margin:0;font-size:clamp(28px,3.2vw,46px);font-weight:400;letter-spacing:-.025em}
.faq-head p{margin:22px auto 0;max-width:560px;font-size:16px;color:#4a4a52}
.faq-item{border-bottom:1px solid #e6e4e1}
.faq-item summary{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px 4px;font-size:16.5px;cursor:pointer;list-style:none;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary .plus{
  flex:none;width:26px;height:26px;border-radius:50%;
  border:1px solid #d8d4cf;position:relative;transition:transform .2s ease;
}
.faq-item summary .plus::before,.faq-item summary .plus::after{
  content:"";position:absolute;left:50%;top:50%;background:#3a3a3f;
  transform:translate(-50%,-50%);
}
.faq-item summary .plus::before{width:10px;height:1.4px}
.faq-item summary .plus::after{width:1.4px;height:10px}
.faq-item[open] summary .plus{transform:rotate(45deg)}
.faq-item p{margin:0 0 24px;padding-right:46px;font-size:15px;line-height:1.6;color:#4a4a52}

@media (max-width:860px){
  .cmp-grid{grid-template-columns:1fr}
  .tst-grid{grid-template-columns:1fr}
}