/* faq.css - styles scoped to #page-faq */

#page-faq { --green:#235c45; --green-dark:#173f30; --green-soft:#edf5f0; --yellow:#f4c928; --cream:#fbfcfa; --text:#1d2923; --muted:#68746e; --border:#e4ebe6; --shadow:0 14px 40px rgba(27,65,48,.08); font-family:"DM Sans",sans-serif; color:var(--text); line-height:1.6 }
#page-faq img { display:block; width:100% }
#page-faq .hero { background:var(--green-soft); padding:82px 0 78px }
#page-faq .eyebrow { display:inline-flex; gap:9px; align-items:center; color:var(--green); font-weight:700; font-size:13px; letter-spacing:.12em; text-transform:uppercase }
#page-faq .btn { display:inline-flex; align-items:center; justify-content:center; padding:13px 20px; border-radius:999px; font-weight:700 }
#page-faq .cta { padding:0 0 80px }
#page-faq .hero-inner { max-width:820px }
#page-faq .eyebrow:before { content:""; width:26px; height:2px; background:var(--yellow) }
#page-faq h1 { font-size:clamp(42px,6vw,70px); letter-spacing:-.04em }
#page-faq h2 { font-size:clamp(31px,4vw,47px); letter-spacing:-.035em }
#page-faq .section-head { text-align:center; max-width:760px; margin:0 auto 38px }
#page-faq .section-head p { color:var(--muted); margin-top:12px }
#page-faq .cta-box { background:var(--green); border-radius:28px; padding:58px 60px; display:flex; justify-content:space-between; align-items:center; gap:30px; color:white }
#page-faq .cta-box p { color:#dce8e1; margin-top:9px }
#page-faq .cta-box .btn { background:var(--yellow); color:#213127 }
#page-faq h1, #page-faq h2, #page-faq h3, #page-faq h4 { font-family:"Manrope",sans-serif; line-height:1.12 }
#page-faq .section { padding:82px 0 }
#page-faq .hero p { max-width:680px; color:var(--muted); font-size:18px; margin:20px 0 28px }
#page-faq .faq-wrap { max-width:900px; margin:auto }
#page-faq .faq-item { border:1px solid var(--border); border-radius:18px; margin-bottom:12px; overflow:hidden }
#page-faq .faq-question { width:100%; border:0; background:white; padding:21px 23px; text-align:left; font:600 17px "DM Sans"; color:var(--text); display:flex; justify-content:space-between; cursor:pointer }
#page-faq .faq-question span { color:var(--green); font-size:22px }
#page-faq .faq-answer { display:none; padding:0 23px 22px; color:var(--muted); font-size:15px }
#page-faq .faq-item.open .faq-answer { display:block }
#page-faq .faq-item.open .faq-question { color:var(--green) }

@media (max-width:620px) {
  #page-faq .container { width:calc(100% - 28px) }
  #page-faq .hero { padding:58px 0 55px }
  #page-faq .cta-box .btn { margin-top:23px }
  #page-faq .section { padding:60px 0 }
}