main.svelte-6q5mu9{display:flex;flex-direction:column;gap:3rem;flex-grow:1}.row.svelte-6q5mu9{display:flex;gap:1rem}h1.svelte-6q5mu9{font-size:clamp(2.5rem,4vw,4.5rem);text-wrap:balance;text-align:center;margin:0;letter-spacing:-.08rem;line-height:1.2}h2.svelte-6q5mu9{margin:-1rem auto;font-size:1.75rem}.buttons.svelte-6q5mu9{gap:1rem;display:flex;margin:0 auto;flex-wrap:wrap;align-items:center;align-self:center;justify-content:center}.buttons.svelte-6q5mu9 a:where(.svelte-6q5mu9){width:12rem}.grid.svelte-6q5mu9{gap:2rem}.grid.svelte-6q5mu9 .card:where(.svelte-6q5mu9){align-items:center;padding:1rem;border-radius:var(--border-radius-button);border:1px solid var(--color-accent)}.grid.svelte-6q5mu9 .card:where(.svelte-6q5mu9) img:where(.svelte-6q5mu9){width:7.75rem}.grid.svelte-6q5mu9 .card:where(.svelte-6q5mu9) .text:where(.svelte-6q5mu9){text-align:center;font-size:.8rem}.sos.svelte-6q5mu9{padding:.5rem 1rem;margin:0 auto;max-width:33rem;align-items:center;font-size:.75rem;background-color:var(--color-bg-1);border-radius:var(--border-radius-button)}.sub-title.svelte-6q5mu9{margin:0 auto;text-align:center;max-width:42rem}.screenshots.svelte-6q5mu9{display:flex;align-items:center;gap:1rem;overflow-x:auto;margin:0 auto;width:48rem;max-width:100%}.screenshots.svelte-6q5mu9 img:where(.svelte-6q5mu9){max-width:15rem}.quote.svelte-6q5mu9{background-color:var(--color-bg-1);display:flex;padding:1rem;width:100vw;flex-wrap:wrap;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.quote.svelte-6q5mu9 .img-wrapper:where(.svelte-6q5mu9){background-color:var(--color-bg);padding:.5rem .5rem 0;border-radius:var(--border-radius-button);flex-shrink:0;display:flex;align-items:flex-end;width:11rem;height:11rem}.quote.svelte-6q5mu9 .img-wrapper:where(.svelte-6q5mu9) img:where(.svelte-6q5mu9){object-fit:contain;width:100%;object-position:bottom}.quote.svelte-6q5mu9 .row:where(.svelte-6q5mu9){display:flex;align-items:flex-start;gap:2rem;flex-wrap:wrap;margin:0 auto;max-width:50rem;justify-content:center}.quote.svelte-6q5mu9 .text:where(.svelte-6q5mu9){max-width:36rem;font-style:italic;line-height:1.8rem}.quote.svelte-6q5mu9 .name:where(.svelte-6q5mu9){font-style:normal;margin-top:1rem;color:var(--color-accent)}.demo.svelte-6q5mu9{--fg: var(--color-bg);align-self:center;font-size:1.125rem}@media (min-width: 600px){.grid.svelte-6q5mu9{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.grid.svelte-6q5mu9{grid-template-columns:repeat(4,1fr)}}