/* FAQ accordion — shared by the homepage section and the pricing page. Loaded last so it wins. */
.faq-sec{padding:0 0 104px;}
.faq-sec .faq{margin:0 auto;}
.faq-h{text-align:center;font-family:var(--font-sans);font-weight:600;font-size:clamp(26px,3.6vw,38px);color:#fff;letter-spacing:-.03em;margin:0 0 40px;}
.faq-list{display:grid;gap:0;border-top:1px solid var(--border-1);}
.faq-item{border-bottom:1px solid var(--border-1);padding:0;}
button.faq-q{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;background:none;border:none;cursor:pointer;text-align:left;padding:24px 4px;margin:0;font-family:var(--font-sans);font-weight:600;font-size:19px;line-height:1.35;color:#fff;letter-spacing:-.01em;transition:color .2s var(--ease-soft);}
button.faq-q:hover{color:var(--ink-200);}
button.faq-q:focus-visible{outline:2px solid var(--border-strong);outline-offset:3px;border-radius:6px;}
.faq-chev{width:10px;height:10px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);transition:transform .28s var(--ease-out);flex:none;margin-top:5px;opacity:.65;}
.faq-item.open .faq-chev{transform:rotate(-135deg);margin-top:10px;opacity:1;}
/* max-height is set in JS to the panel's measured height (see FAQ.jsx), so open and
   close run the same real distance. A hard-coded max-height made opening look instant. */
.faq-a-wrap{max-height:0;overflow:hidden;transition:max-height .36s var(--ease-soft);}
.faq-a-inner{min-height:0;overflow:hidden;}
.faq-a{font-size:15px;color:var(--fg-muted);line-height:1.65;margin:0;max-width:760px;padding:0 4px 26px;
  opacity:0;transform:translateY(-4px);transition:opacity .3s var(--ease-soft),transform .3s var(--ease-soft);}
.faq-item.open .faq-a{opacity:1;transform:none;transition-delay:.06s;}
@media(max-width:640px){button.faq-q{font-size:17px;padding:20px 2px;}}
@media(prefers-reduced-motion:reduce){.faq-a-wrap,.faq-chev,.faq-a{transition:none;}}