/* Leadaline drop-down Questions (assets/questions.css, 19 Oct 2026). Linked only from the six pages that have
   Questions (crm, ai-receptionist, website-creation, bespoke-software, faq, free-ai-consultation), so the
   homepage and the other pages don't download them. */
/* Questions, on every page that has them (the service pages' Questions, the FAQ page and the booking page): each
   question drops down. An arrow in a small lilac circle turns as the answer slides open; the first one starts open. */
.qa > details.qa-i{padding:0}
.qa-i > summary,body .faq details > summary{list-style:none;cursor:pointer}
.qa-i > summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0}
.qa-i > summary::-webkit-details-marker{display:none}
.qa-i > summary h3{transition:color var(--t-quick) var(--ease)}
.qa-i > summary:hover h3{color:var(--violet)}
.qa > details.qa-i .a{padding-bottom:26px}
.qa > details.qa-i .a p{margin-top:0}
.qa-i > summary::after,body .faq details > summary::after{content:"";flex:none;width:32px;height:32px;border-radius:50%;
  background:var(--lav) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23481DC9' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/15px no-repeat;
  font:0/0 a;transition:transform var(--t-med) var(--ease),background-color var(--t-quick) var(--ease)}
.qa-i[open] > summary::after,body .faq details[open] > summary::after{transform:rotate(180deg)}
.qa-i > summary:hover::after,body .faq details > summary:hover::after{background-color:#DCD4FF}
.qa-i > summary:focus-visible,body .faq details > summary:focus-visible{outline:2px solid var(--violet);outline-offset:4px;border-radius:6px}
@supports selector(::details-content){
  .qa-i,body .faq details{interpolate-size:allow-keywords}
  .qa-i::details-content,body .faq details::details-content{block-size:0;overflow-y:clip;transition:block-size .45s var(--ease),content-visibility .45s allow-discrete}
  .qa-i[open]::details-content,body .faq details[open]::details-content{block-size:auto}
}
.qa-i .a,body .faq details .a{transition:opacity .45s ease,translate .45s var(--ease)}
@starting-style{.qa-i[open] .a,body .faq details[open] .a{opacity:0;translate:0 -8px}}
@media (prefers-reduced-motion:reduce){
  .qa-i > summary::after,body .faq details > summary::after,.qa-i .a,body .faq details .a,.qa-i::details-content,body .faq details::details-content{transition:none}
}