.screenshot.svelte-1c5h58k{--border-radius: 10px;margin:0;width:100%;height:100%}.screenshot.oversized.svelte-1c5h58k{display:block;left:-2.4%;max-width:104.8%;position:absolute;top:0;width:104.8%;z-index:2}.window-content.svelte-1c5h58k{width:100%;height:100%}.screenshot-img.svelte-1c5h58k{border-radius:var(--border-radius);height:100%;object-fit:contain;margin:0 auto}.screenshot.hasShadow.svelte-1c5h58k .screenshot-img:where(.svelte-1c5h58k){box-shadow:0 2px 5px #0003}@media(min-width:768px){.screenshot-img.svelte-1c5h58k{border-radius:calc(var(--border-radius) * 2)}}.screenshot-placeholder.svelte-1c5h58k{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-text-muted)}.screenshot-placeholder.svelte-1c5h58k svg:where(.svelte-1c5h58k){width:64px;height:64px;opacity:.4}.screenshot-placeholder.svelte-1c5h58k span:where(.svelte-1c5h58k){font-size:.875rem;opacity:.6}.screenshot-caption.svelte-1c5h58k{text-align:center;font-size:.875rem;color:var(--color-text-tertiary);margin-top:1rem}.hero.svelte-1uha8ag{display:flex;flex-direction:column;gap:.4rem;align-items:center;text-align:center;padding:1rem 26rem 1rem 0;transition:padding .2s ease}.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:3.5rem;font-weight:600;line-height:1.15;margin:0 0 .4rem;max-width:51rem;padding:0 2rem}.subtitle.svelte-1uha8ag,.subtitle2.svelte-1uha8ag{color:var(--color-text-secondary);font-size:1.5rem;margin:0 auto;padding:0;max-width:57%;text-wrap-style:pretty}.subtitle2.svelte-1uha8ag{font-size:1.2rem;max-width:70%}ul.svelte-1uha8ag{font-size:1.2rem;padding-left:1.6rem}.cta.svelte-1uha8ag{display:flex;gap:1rem;justify-content:center;margin:.5rem 0}.demo-text.svelte-1uha8ag .icon{display:inline-flex}.screenshot-container.svelte-1uha8ag{aspect-ratio:4 / 2.95;max-width:100%;overflow-x:visible;position:relative}.screenshot-container.svelte-1uha8ag .flag:where(.svelte-1uha8ag){display:block;position:absolute;width:180px;z-index:1;top:-268px;right:72px;width:280px;opacity:1;transition:all .2s ease;filter:drop-shadow(1px 1px 5px light-dark(transparent,rgba(0,0,0,.6)))}section.svelte-1uha8ag{margin:2rem 0}.feature-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}.feature-grid.two-columns.svelte-1uha8ag{grid-template-columns:repeat(2,1fr)}.feature.svelte-1uha8ag{background:var(--color-background-content);border-radius:8px;border:1px solid var(--color-border-light);font-size:1.4rem;padding:1.5rem}h3.svelte-1uha8ag{font-size:1.6rem;margin:0 0 .5rem}.feature.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:1.2rem}.steps.svelte-1uha8ag{padding-left:1.5rem}.steps.svelte-1uha8ag li:where(.svelte-1uha8ag){font-size:1.2rem;margin-top:.75rem}.platform-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1rem}.platform-grid.svelte-1uha8ag ul:where(.svelte-1uha8ag){padding-left:1.25rem;margin-top:.5rem}.platform-grid.svelte-1uha8ag li:where(.svelte-1uha8ag){margin-top:.25rem}.content.dashed.svelte-1uha8ag .feature:where(.svelte-1uha8ag){padding:1.5rem;border:4px dashed var(--color-border-medium);border-radius:8px;background:var(--color-background-subtle)}.feature.notifications.svelte-1uha8ag{align-items:flex-start;display:flex;gap:1rem}.inline-screenshot.svelte-1uha8ag{border-radius:5px;box-shadow:0 1px 5px #0000004d;max-width:100%}@media(max-width:1100px){.hero.svelte-1uha8ag{padding-right:17em}.screenshot-container.svelte-1uha8ag .flag:where(.svelte-1uha8ag){width:200px;top:-194px;right:40px}}@media(max-width:1000px){.hero.svelte-1uha8ag{padding-right:0;padding-top:0rem}.screenshot-container.svelte-1uha8ag .flag:where(.svelte-1uha8ag){opacity:0}}@media(max-width:800px){.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:2.7rem}.feature-grid.svelte-1uha8ag,.platform-grid.svelte-1uha8ag,.feature-grid.two-columns.svelte-1uha8ag{grid-template-columns:1fr}.feature.notifications.svelte-1uha8ag{flex-direction:column}}@media(max-width:600px){.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:2.2rem}.subtitle.svelte-1uha8ag{font-size:1.4rem}.subtitle.svelte-1uha8ag,.subtitle2.svelte-1uha8ag{max-width:90%}}