/* ===== FAQ — salesmap FAQ 컴포넌트 이식 (Pretendard, 파랑→오렌지) =====
   출처: salesmap FAQ (타이틀 28/700 ls-0.3 center, 질문 16/600, caret-right 회전, 구분선 #e9ebf1,
   하단 다크 CTA 카드). */
.sf-faq{
  background:#ffffff;
  padding:clamp(64px,9vw,120px) clamp(20px,5vw,40px);
}
.sf-faq *{box-sizing:border-box;}
.sf-faq-inner{max-width:720px; margin:0 auto;}

.sf-faq-title{
  margin:0 0 clamp(28px,4vw,44px);
  font-size:clamp(24px,3.2vw,28px);
  font-weight:700;
  letter-spacing:-.3px;
  line-height:1.3;
  text-align:center;
  color:#0d0e11;
}

.sf-item{border-bottom:1px solid #e9ebf1;}
.sf-q{
  width:100%;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:20px 4px;
  background:none; border:none; cursor:pointer; text-align:left;
  font-family:inherit;
}
.sf-q p{
  margin:0;
  font-size:16px; font-weight:600; line-height:1.5; color:#0d0e11;
}
.sf-caret{
  width:22px; height:22px; flex:0 0 auto;
  color:#0d0e11; opacity:.5;
  transition:transform .25s ease, opacity .25s ease;
}
.sf-item.open .sf-caret{transform:rotate(90deg); opacity:.85;}

.sf-a{max-height:0; overflow:hidden; transition:max-height .3s ease;}
.sf-item.open .sf-a{max-height:360px;}
.sf-a p{
  margin:0; padding:0 4px 22px;
  font-size:15px; line-height:1.7; color:#4e5968;
}

/* 하단 다크 CTA 카드 */
.sf-cta-card{
  margin-top:clamp(32px,4vw,48px);
  background:#191f28;
  border-radius:20px;
  padding:clamp(24px,3vw,32px);
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
}
.sf-cta-card .sf-cta-txt{min-width:0;}
.sf-cta-card h3{margin:0; color:#fff; font-size:20px; font-weight:700; line-height:1.4;}
.sf-cta-card p{margin:6px 0 0; color:rgba(255,255,255,.6); font-size:14px; line-height:1.6;}
.sf-cta-btn{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--orange,#f97316); color:#fff;
  padding:13px 22px; border-radius:999px;
  font-size:14px; font-weight:600; text-decoration:none; white-space:nowrap;
  transition:background .16s ease, transform .16s ease;
}
.sf-cta-btn:hover{background:var(--orange-deep,#e8590c); transform:translateY(-1px);}
.sf-cta-btn svg{width:16px; height:16px;}

@media (max-width:560px){
  .sf-cta-card{flex-direction:column; align-items:flex-start;}
  .sf-cta-btn{width:100%; justify-content:center;}
}
@media (prefers-reduced-motion:reduce){
  .sf-caret,.sf-a{transition:none;}
}