/* Reuse home-testimonials.css directly; add context without changing the cards. */
#movo-content .creator-testimonials h2{margin-bottom:20px}
#movo-content .creator-testimonials .testimonial-context{max-width:660px;text-align:center;margin:0 auto 52px;font-size:17px;line-height:1.6}
/* Homepage FAQ (home-upgrade.css / home-screen-nine.css), scoped to this page.
   Values match the live homepage; the longer supplied heading wraps naturally. */
#movo-content .generator-faq{display:flex;flex-direction:column;gap:32px;padding:48px 40px;margin:0;scroll-margin-top:80px}
#movo-content .generator-faq h2{width:min(1248px,100%);margin:0 auto;font-size:clamp(28px,3.1vw,46px);font-weight:650;line-height:1.16;letter-spacing:-.025em;text-align:center}
#movo-content .generator-faq .faq-accent{background:linear-gradient(105deg,#53dded,#a88cff);background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-theme="light"] #movo-content .generator-faq .faq-accent{background-image:linear-gradient(105deg,#2262d5,#8241cf)}
#movo-content .generator-faq .faq-list{display:grid;grid-template-columns:minmax(0,1fr);width:min(1000px,100%);margin:0 auto;gap:0}
#movo-content .generator-faq details{min-width:0;border:0;border-bottom:1px solid var(--movo-line);border-radius:0;background:transparent;box-shadow:none}
#movo-content .generator-faq details:first-child{border-top:1px solid var(--movo-line)}
#movo-content .generator-faq summary{position:relative;display:flex;align-items:center;min-height:76px;padding:22px 44px 22px 0;font-size:18px;font-weight:600;line-height:1.5;list-style:none;text-align:left;cursor:pointer;color:var(--movo-text-secondary)}
#movo-content .generator-faq summary::marker{content:''}
#movo-content .generator-faq summary::-webkit-details-marker{display:none}
#movo-content .generator-faq summary::before,#movo-content .generator-faq summary::after{content:'';position:absolute;right:4px;top:50%;width:16px;height:2px;background:currentColor;transform:translateY(-50%);transform-origin:center;transition:transform 180ms ease}
#movo-content .generator-faq summary::after{transform:translateY(-50%) rotate(90deg)}
#movo-content .generator-faq details[open] summary::after{transform:translateY(-50%) rotate(0)}
#movo-content .generator-faq summary:is(:hover,:focus-visible),#movo-content .generator-faq details[open] summary{color:#7544d4}
html[data-theme="dark"] #movo-content .generator-faq summary:is(:hover,:focus-visible),html[data-theme="dark"] #movo-content .generator-faq details[open] summary{color:#b797ff}
#movo-content .generator-faq summary:focus-visible{outline:2px solid #9464ed;outline-offset:-2px;border-radius:6px}
#movo-content .generator-faq details p{margin:0;padding:0 44px 14px 0;font-size:16px;line-height:1.75;text-align:left;color:var(--movo-text-secondary)}
@media(max-width:900px){#movo-content .generator-faq{padding:36px 24px}}
@media(max-width:640px){#movo-content .generator-faq{gap:24px}#movo-content .generator-faq h2{font-size:28px}#movo-content .generator-faq summary{min-height:72px;padding-block:20px;font-size:16px}#movo-content .generator-faq details p{padding-right:24px;padding-bottom:24px;font-size:15px}}
@media(max-width:600px){#movo-content .creator-testimonials .testimonial-context{margin-bottom:28px;font-size:16px}}
@media(max-width:560px){#movo-content .generator-faq{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){#movo-content .generator-faq summary::before,#movo-content .generator-faq summary::after{transition:none}}
