/* PixVerse AI — long-form content blocks and centred layout utilities.
   Loaded after fix.css so these rules win where they overlap. */
.section-id,.section{scroll-margin-top:112px}

/* Keep the visual story aligned with the reference: models precede the platform workflows. */
main{display:flex;flex-direction:column}
#generator{order:0}
#models{order:1}
#products{order:2}
#stories{order:3}
#enterprise{order:4}
#creators{order:5}
#videos{order:6}
#news{order:7}
#faq{order:8}
#faq + .section{order:9}

/* Section heading variants used by the guide-style FAQ block */
.guide-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:80px;align-items:start;padding:56px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.guide-intro{max-width:38ch;color:var(--muted);font-size:16px;line-height:1.6}
.faq-list{display:grid}
.faq-item{padding:22px 0;border-bottom:1px solid var(--line)}
.faq-item:last-child{border-bottom:0}
.faq-item h3{margin:0;color:var(--text);font-size:18px;line-height:1.3;letter-spacing:0}
.faq-item p{max-width:62ch;margin:11px 0 0;color:var(--muted);font-size:14.5px;line-height:1.68}

/* Closing call to action */
.guide-cta{position:relative;overflow:hidden;padding:70px 64px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 84% 18%,rgba(168,85,247,.28),transparent 400px),linear-gradient(135deg,#16161f,#0b0b12)}
.guide-cta h2{font-size:clamp(36px,5vw,66px);margin:14px 0 20px}
.guide-cta>p:not(.eyebrow){max-width:48ch;margin:0 0 26px;color:var(--muted);font-size:16px}
.guide-cta .button{position:relative;z-index:1}

@media(max-width:900px){
  .guide-layout{grid-template-columns:1fr;gap:36px;padding:42px 0}
}
@media(max-width:700px){
  .guide-cta{padding:44px 25px}
  .guide-cta h2{font-size:38px}
  .faq-item h3{font-size:17px}
}