.faq{padding-block:6rem;background:var(--neutral-100)}@media(min-width:768px){.faq{padding-block:8rem}}.faq .faq__layout{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width:1024px){.faq .faq__layout{grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:4rem;align-items:start}}.faq .faq__aside{opacity:0;transform:translateY(1rem);transition:opacity .7s ease,transform .7s ease}.faq .faq__aside.visible{opacity:1;transform:translateY(0)}@media(min-width:1024px){.faq .faq__aside{position:sticky;top:6rem}}.faq .faq__aside h2{margin-bottom:1rem;color:var(--neutral-900)}.faq .faq__eyebrow{display:inline-flex;align-items:center;gap:.375rem;margin-bottom:1.25rem;padding:.375rem .75rem;border-radius:var(--radius-full);background:var(--secondary);color:var(--primary-700);text-transform:uppercase;letter-spacing:.06em}.faq .faq__eyebrow svg{width:1rem;height:1rem}.faq .faq__accent{color:var(--primary-700)}.faq .faq__subtitle{color:var(--neutral-700);text-wrap:balance}.faq .faq__ask{margin-top:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.875rem}.faq .faq__ask .faq__ask-text{color:var(--neutral-500)}.faq .list-container{opacity:0;transform:translateY(1rem);transition:opacity .7s ease,transform .7s ease;transition-delay:.1s}.faq .list-container.visible{opacity:1;transform:translateY(0)}.demo-preview{max-width:64rem;margin-inline:auto}.demo-preview__stage{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);aspect-ratio:4/3}.demo-preview__styles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.25rem}@media(min-width:768px){.demo-preview__styles{grid-template-columns:repeat(4,minmax(0,1fr))}}.demo-preview__style{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;min-width:0;padding:.5rem;border:2px solid var(--neutral-200);border-radius:var(--radius-xl);background:var(--background);color:var(--neutral-800);font-size:.9375rem;font-weight:500;text-align:start;cursor:pointer;transition:border-color background var(--transition-base) ease}.demo-preview__style:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(min-width:768px){.demo-preview__style{flex-direction:row;align-items:center;gap:.75rem}}.demo-preview__style span{min-width:0;overflow-wrap:anywhere}.demo-preview__style img{width:100%;height:auto;aspect-ratio:4/3;flex-shrink:0}@media(min-width:768px){.demo-preview__style img{width:4rem;height:3rem}}.demo-preview__style img{border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover}.demo-preview__style:hover{border-color:var(--neutral-300)}.demo-preview__style[aria-checked=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.interactive-demo{padding-block:4rem;background:var(--neutral-50)}@media(min-width:768px){.interactive-demo{padding-block:6rem}}.interactive-demo header{max-width:44rem;margin:0 auto 2.5rem;text-align:center;opacity:0;transform:translateY(1rem);transition:opacity .6s ease,transform .6s ease}.interactive-demo header.visible{opacity:1;transform:none}.interactive-demo header h2{margin-bottom:1rem}.interactive-demo header p{color:var(--neutral-600)}.interactive-demo .home-cta{margin-top:2.5rem}
/*# sourceMappingURL=1526505c2a2377f4.css.map*/