#faq{height:1080px;min-height:1080px;padding:72px 0;background:radial-gradient(circle at 48% 100%,#f2ecfa 0,#f8f6fa 43%,#f8f7fa 100%);align-items:flex-start}
#faq .faq-layout{width:min(calc(100% - 256px),1664px);max-width:none;display:grid;grid-template-columns:36.8% 63.2%;grid-template-rows:auto auto;align-items:start;margin:0 auto}
#faq .faq-layout>header{grid-column:1;grid-row:1/3;padding:14px 70px 0 0}
#faq .eyebrow{font-size:17px;line-height:1.3;letter-spacing:.17em;margin:0 0 28px}
#faq h2{font-size:54px;line-height:1.08;letter-spacing:-.03em;max-width:440px;margin:0}
#faq .faq-list{grid-column:2;margin:0;border-bottom:1px solid #d2ced5}
#faq .faq-item{border-top:1px solid #d2ced5}
#faq .faq-question{min-height:61px;padding:0;background:none;border:0;color:#0b0a0d;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:20px;line-height:1.25;font-weight:750;cursor:pointer}
#faq .faq-question span{padding:12px 0}
#faq .faq-question b{width:38px;height:38px;flex:0 0 38px;border:1px solid #bda1ff;border-radius:50%;display:grid;place-items:center;color:#8247f5;font-size:20px;line-height:1;font-weight:700}
#faq .faq-question:hover b{background:#8247f5;color:#fff}
#faq .faq-question:focus-visible{outline:3px solid #8247f5;outline-offset:3px}
#faq .faq-answer{max-width:900px;padding:3px 66px 21px 0;color:#554d5c;font-size:16px;line-height:1.48}
#faq .faq-cta{grid-column:2;display:grid;grid-template-columns:320px 390px;gap:98px;align-items:center;justify-content:start;border:0;padding:24px 0 0}
#faq .faq-cta p{max-width:320px;margin:0;color:#615969;font-size:15px;line-height:1.45}
#faq .faq-cta .button{width:390px;height:67px;min-height:67px;font-size:19px}

@media(max-width:1600px) and (min-width:1024px){
  #faq{height:900px;min-height:900px;padding:48px 0}
  #faq .faq-layout{width:calc(100% - 128px);grid-template-columns:35.2% 64.8%}
  #faq .faq-layout>header{padding:7px 50px 0 0}
  #faq .eyebrow{font-size:13px;margin-bottom:22px}
  #faq h2{font-size:43px;max-width:350px}
  #faq .faq-question{min-height:51px;font-size:16px}
  #faq .faq-question span{padding:9px 0}
  #faq .faq-question b{width:33px;height:33px;flex-basis:33px;font-size:18px}
  #faq .faq-answer{max-width:none;padding:2px 54px 15px 0;font-size:13px;line-height:1.5}
  #faq .faq-cta{grid-template-columns:260px 330px;gap:92px;padding-top:18px}
  #faq .faq-cta p{font-size:12px;max-width:260px}
  #faq .faq-cta .button{width:330px;height:59px;min-height:59px;font-size:16px}
}
@media(max-width:1390px) and (min-width:1024px){
  #faq{height:768px;min-height:768px;padding:34px 0}
  #faq .faq-layout{width:calc(100% - 128px);grid-template-columns:33.3% 66.7%}
  #faq .faq-layout>header{padding:5px 34px 0 0}
  #faq .eyebrow{font-size:12px;margin-bottom:18px}
  #faq h2{font-size:39px;max-width:320px}
  #faq .faq-question{min-height:46px;font-size:15px}
  #faq .faq-question span{padding:8px 0}
  #faq .faq-question b{width:29px;height:29px;flex-basis:29px;font-size:17px}
  #faq .faq-answer{padding:1px 48px 13px 0;font-size:12px;line-height:1.45}
  #faq .faq-cta{grid-template-columns:235px 300px;gap:83px;padding-top:14px}
  #faq .faq-cta p{font-size:11px;max-width:235px}
  #faq .faq-cta .button{width:300px;height:54px;min-height:54px;font-size:14px}
}

@media(max-width:1023px){
  #faq{height:auto;min-height:0;padding:56px 0 61px}
  #faq .faq-layout{width:calc(100% - 96px);display:block}
  #faq .faq-layout>header{padding:0}
  #faq .eyebrow{font-size:13px;margin-bottom:20px}
  #faq h2{font-size:44px;max-width:none;margin-bottom:39px}
  #faq .faq-question{min-height:69px;font-size:19px;line-height:1.35}
  #faq .faq-question span{padding:14px 0}
  #faq .faq-question b{width:39px;height:39px;flex-basis:39px;font-size:20px}
  #faq .faq-answer{padding:0 64px 25px 0;font-size:16px;line-height:1.48}
  #faq .faq-cta{display:grid;grid-template-columns:1fr 322px;gap:28px;justify-content:space-between;padding-top:35px}
  #faq .faq-cta p{max-width:280px;font-size:13px}
  #faq .faq-cta .button{width:322px;height:65px;min-height:65px;font-size:16px}
}

@media(max-width:767px){
  #faq{padding:42px 0 50px}
  #faq .faq-layout{width:calc(100% - 40px)}
  #faq .eyebrow{font-size:10px;margin-bottom:18px}
  #faq h2{font-size:29px;line-height:1.1;max-width:300px;margin-bottom:37px}
  #faq .faq-question{min-height:70px;gap:16px;font-size:16px;line-height:1.32}
  #faq .faq-question span{padding:13px 0}
  #faq .faq-question b{width:34px;height:34px;flex-basis:34px;font-size:18px}
  #faq .faq-answer{padding:8px 0 23px;color:#554d5c;font-size:14px;line-height:1.48}
  #faq .faq-cta{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding-top:31px}
  #faq .faq-cta p{max-width:none;font-size:12px;line-height:1.5}
  #faq .faq-cta .button{width:100%;height:58px;min-height:58px;font-size:15px}
}
@media(min-width:371px) and (max-width:767px){
  #faq .faq-answer{min-height:256px;font-size:13.4px;line-height:1.34}
}
@media(max-width:370px){
  #faq{padding-top:40px;padding-bottom:40px}
  #faq h2{font-size:28px;margin-bottom:34px}
  #faq .faq-question{min-height:70px}
  #faq .faq-answer{font-size:14px;line-height:1.48}
  #faq .faq-cta{padding-top:31px}
}

@media(prefers-reduced-motion:reduce){#faq .faq-question b{transition:none}}

/* Let the approved content define the section end; keep only a deliberate
   trailing inset before the final dark form block. */
@media(min-width:1601px){#faq{height:auto;min-height:0;padding-bottom:56px}}
@media(max-width:1600px) and (min-width:1391px){#faq{height:auto;min-height:0;padding-bottom:56px}}
@media(max-width:1390px) and (min-width:1024px){#faq{height:auto;min-height:0;padding-bottom:48px}}
@media(min-width:768px) and (max-width:1023px){#faq{padding-bottom:48px}}
@media(min-width:371px) and (max-width:767px){#faq{padding-bottom:48px}}