.demo-faq{max-width:780px;padding-top:12px;padding-bottom:90px}
.demo-faq h2{font-size:clamp(32px,3.4vw,44px);font-weight:600;letter-spacing:-.045em;line-height:1.15;text-align:center;margin:0 0 36px}
.demo-faq details{border-bottom:1px solid var(--line)}
.demo-faq details:first-child{border-top:1px solid var(--line)}
.demo-faq summary{position:relative;display:block;list-style:none;cursor:pointer;padding:22px 34px 22px 0;font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-.02em;color:var(--ink)}
.demo-faq summary::-webkit-details-marker{display:none}
.demo-faq summary:after{content:'+';position:absolute;right:1px;top:21px;font-size:22px;font-weight:400;line-height:1;color:var(--muted);transition:transform .2s}
.demo-faq details[open] summary:after{transform:rotate(45deg)}
.demo-faq-answer{padding:0 34px 23px 0}
.demo-faq-answer p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.demo-faq details[open] .demo-faq-answer{animation:faq-answer-in .2s ease-out}
.demo-faq-action{text-align:center;margin-top:34px}
.faq-cta{background:#0b1424;color:#fff;font-size:14px;font-weight:500;max-width:100%;text-align:left}
.faq-cta:hover{background:var(--voco-tone-17345f,#17345f)}
:root[data-preview-mode=dark] .faq-cta{background:var(--blue);color:#172139}
:root[data-preview-mode=dark] .faq-cta:hover{background:color-mix(in srgb,var(--blue) 88%,white)}
@keyframes faq-answer-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.demo-faq{padding-top:6px;padding-bottom:60px}.demo-faq h2{margin-bottom:27px}.demo-faq summary{font-size:15px;padding-top:20px;padding-bottom:20px}.demo-faq summary:after{top:20px}.demo-faq-answer{padding-right:22px;padding-bottom:20px}.demo-faq-answer p{font-size:13px}.faq-cta{font-size:12px;width:100%}}
@media(prefers-reduced-motion:reduce){.demo-faq details[open] .demo-faq-answer{animation:none}.demo-faq summary:after{transition:none}}
