.app-shot[data-astro-cid-cxc2clyx]{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:0 1px 2px color-mix(in oklch,var(--semantic-text) 6%,transparent), 0 24px 48px -24px color-mix(in oklch,var(--semantic-primary) 35%,transparent);overflow:hidden}.app-shot__bar[data-astro-cid-cxc2clyx]{border-bottom:1px solid var(--border);background:var(--muted);align-items:center;gap:.35rem;block-size:1.9rem;padding-inline:.75rem;display:flex}.app-shot__bar[data-astro-cid-cxc2clyx] i[data-astro-cid-cxc2clyx]{background:color-mix(in oklch,var(--semantic-text) 16%,transparent);border-radius:50%;block-size:.5rem;inline-size:.5rem}.app-shot__bar[data-astro-cid-cxc2clyx] span[data-astro-cid-cxc2clyx]{color:var(--muted-foreground);font-family:var(--font-code);margin-inline:auto;padding-inline-end:1.5rem;font-size:.68rem}.app-shot[data-astro-cid-cxc2clyx] img[data-astro-cid-cxc2clyx]{aspect-ratio:16/10;object-fit:cover;object-position:top left;block-size:auto;inline-size:100%;display:block}.app-shot__art[data-astro-cid-cxc2clyx]{aspect-ratio:16/10;background:radial-gradient(90% 90% at 80% 10%,var(--accent),var(--card));display:grid;position:relative}.app-shot__art--editor[data-astro-cid-cxc2clyx]{grid-template-columns:1.1fr .9fr;gap:6%;padding:7%}.app-shot__page[data-astro-cid-cxc2clyx],.app-shot__code[data-astro-cid-cxc2clyx]{border-radius:var(--radius-l);align-content:start;gap:.6rem;padding:8%;display:grid}.app-shot__page[data-astro-cid-cxc2clyx]{background:var(--card);box-shadow:0 0 0 1px var(--border), 0 12px 24px -16px color-mix(in oklch,var(--semantic-text) 30%,transparent)}.app-shot__page[data-astro-cid-cxc2clyx] b[data-astro-cid-cxc2clyx]{border-radius:var(--radius-s);background:var(--semantic-text);opacity:.85;block-size:1.1rem;inline-size:70%}.app-shot__page[data-astro-cid-cxc2clyx] i[data-astro-cid-cxc2clyx],.app-shot__code[data-astro-cid-cxc2clyx] i[data-astro-cid-cxc2clyx]{border-radius:var(--radius-full);background:color-mix(in oklch,var(--semantic-text) 14%,transparent);block-size:.45rem}.app-shot__page[data-astro-cid-cxc2clyx] i[data-astro-cid-cxc2clyx]:nth-of-type(2){inline-size:85%}.app-shot__page[data-astro-cid-cxc2clyx] i[data-astro-cid-cxc2clyx]:nth-of-type(3){inline-size:60%}.app-shot__page[data-astro-cid-cxc2clyx] em[data-astro-cid-cxc2clyx]{border-radius:var(--radius-full);background:var(--semantic-action);outline:2px dashed var(--semantic-action);outline-offset:4px;block-size:1.4rem;inline-size:38%;margin-top:.4rem}.app-shot__code[data-astro-cid-cxc2clyx]{background:var(--semantic-text)}.app-shot__code[data-astro-cid-cxc2clyx] i[data-astro-cid-cxc2clyx]{background:color-mix(in oklch,var(--semantic-surface) 30%,transparent)}.app-shot__code[data-astro-cid-cxc2clyx] i[data-astro-cid-cxc2clyx]:nth-child(odd){background:color-mix(in oklch,var(--semantic-action) 70%,white);inline-size:70%;margin-left:12%}.app-shot__code[data-astro-cid-cxc2clyx] i[data-astro-cid-cxc2clyx]:nth-child(3n){inline-size:45%}.app-shot__mark[data-astro-cid-cxc2clyx]{background:var(--semantic-action);block-size:3rem;inline-size:3rem;color:var(--semantic-surface);box-shadow:0 10px 24px -8px var(--semantic-action);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-end:7%;inset-inline-end:5%}.app-shot__art--desktop[data-astro-cid-cxc2clyx]{background:linear-gradient(160deg,color-mix(in oklch,var(--semantic-action) 22%,var(--card)),var(--accent));place-items:center}.app-shot__window[data-astro-cid-cxc2clyx]{z-index:1;border-radius:var(--radius-l);background:var(--card);box-shadow:0 0 0 1px var(--border), 0 18px 32px -18px color-mix(in oklch,var(--semantic-text) 40%,transparent);position:absolute;inset:16% 22% 20% 10%}.app-shot__window--back[data-astro-cid-cxc2clyx]{z-index:0;opacity:.6;inset:8% 8% 34% 34%}.app-shot__bubble[data-astro-cid-cxc2clyx]{z-index:2;aspect-ratio:1;border:4px solid var(--card);background:radial-gradient(circle at 35% 30%,color-mix(in oklch,var(--semantic-action) 55%,white),var(--semantic-primary));inline-size:26%;color:var(--semantic-surface);box-shadow:0 18px 36px -12px color-mix(in oklch,var(--semantic-primary) 70%,transparent);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-end:12%;inset-inline-end:12%}.showcase-shell{background:var(--card);grid-template-columns:auto minmax(0,1fr);block-size:100vh;display:grid;overflow:hidden}.showcase{background:var(--card);min-inline-size:0;color:var(--semantic-text);scroll-behavior:smooth;overflow:auto;container:showcase/inline-size}@media (prefers-reduced-motion:reduce){.showcase{scroll-behavior:auto}}@media (width<=720px){.showcase-shell{grid-template-columns:1fr;align-content:start;overflow:auto}.showcase{overflow:visible}}.showcase :where(h1,h2,h3,p,ul,ol,dl,dd,figure){margin:0}.showcase :where(ul,ol){padding:0;list-style:none}.showcase a:focus-visible{outline:2px solid var(--semantic-focus);outline-offset:3px}.showcase-wrap{box-sizing:border-box;inline-size:100%;max-inline-size:76rem;margin-inline:auto;padding-inline:clamp(1.25rem,4cqi,4rem)}.showcase-section{padding-block:clamp(3.5rem,8cqi,6.5rem);scroll-margin-top:1rem}.showcase-section--tinted{background:linear-gradient(180deg,var(--muted),var(--card))}.showcase-eyebrow{color:var(--semantic-action);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.75rem;font-weight:800;display:inline-flex}.showcase-heading{gap:.85rem;max-inline-size:46rem;margin-bottom:clamp(2rem,4cqi,3rem);display:grid}.showcase-heading--center{text-align:center;justify-items:center;margin-inline:auto}.showcase-heading h2{font-family:var(--font-heading);letter-spacing:-.045em;text-wrap:balance;font-size:clamp(1.9rem,4cqi,3rem);font-weight:760;line-height:1.05}.showcase-heading p:not(.showcase-eyebrow){color:var(--muted-foreground);text-wrap:pretty;font-size:1.05rem;line-height:1.65}.showcase-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.showcase-button{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--card);min-block-size:2.75rem;color:var(--semantic-text);white-space:nowrap;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.15rem;font-size:.875rem;font-weight:750;text-decoration:none;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex}.showcase-button:hover{border-color:var(--semantic-border);background:var(--accent)}.showcase-button:active{transform:scale(.98)}.showcase-button--primary{border-color:var(--semantic-action);background:var(--semantic-action);color:var(--semantic-surface);box-shadow:0 1px 2px color-mix(in oklch,var(--semantic-action) 30%,transparent), 0 6px 18px -6px color-mix(in oklch,var(--semantic-action) 55%,transparent)}.showcase-button--primary:hover{border-color:var(--semantic-action);background:color-mix(in oklch,var(--semantic-action) 88%,var(--semantic-text))}.showcase-link{color:var(--semantic-action);align-items:center;gap:.3rem;font-size:.875rem;font-weight:750;text-decoration:none;display:inline-flex}.showcase-link:hover{text-underline-offset:3px;text-decoration:underline}.showcase-icon{border-radius:var(--radius-l);background:var(--accent);block-size:2.5rem;inline-size:2.5rem;color:var(--semantic-action);flex:none;place-items:center;display:grid}.showcase-badge{border-radius:var(--radius-full);background:var(--accent);color:var(--semantic-primary);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.3rem;padding:.22rem .6rem;font-size:.68rem;font-weight:800;display:inline-flex}.showcase-checks{gap:.6rem;display:grid}.showcase-checks li{color:var(--muted-foreground);grid-template-columns:auto minmax(0,1fr);gap:.6rem;font-size:.9rem;line-height:1.55;display:grid}.showcase-checks svg{color:var(--semantic-action);margin-top:.2rem}.showcase-list{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);display:grid}.showcase-list>li{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:1rem 1.25rem;display:flex}.showcase-list>li+li{border-top:1px solid var(--border)}.showcase-maker{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:2rem 4rem;display:grid}.showcase-maker h2{font-family:var(--font-heading);letter-spacing:-.04em;margin-top:.85rem;font-size:clamp(1.75rem,3.5cqi,2.6rem);font-weight:760;line-height:1.05}.showcase-maker__note{color:var(--muted-foreground);gap:1rem;font-size:1.05rem;line-height:1.7;display:grid}.showcase-maker__note p:first-child{color:var(--semantic-text);font-size:1.2rem;line-height:1.55}.showcase-maker__sign{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.showcase-maker__sign img{object-fit:cover;border-radius:50%;block-size:3.5rem;inline-size:3.5rem}.showcase-maker__sign strong{color:var(--semantic-text);font-size:1rem;display:block}.showcase-maker__sign span{color:var(--muted-foreground);font-size:.85rem}.showcase-maker__links{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}@container showcase (width<=52rem){.showcase-maker{grid-template-columns:1fr}.showcase-maker__links{margin-left:0}}.showcase-cta{border-radius:calc(var(--radius-xl) * 1.5);background:radial-gradient(120% 140% at 0% 0%,var(--semantic-action),color-mix(in oklch,var(--semantic-action) 70%,var(--semantic-text)));color:var(--semantic-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;padding:clamp(1.5rem,4cqi,2.5rem);display:flex}.showcase-cta h2{font-family:var(--font-heading);letter-spacing:-.035em;font-size:clamp(1.5rem,3cqi,2.1rem);font-weight:760;line-height:1.1}.showcase-cta p{color:var(--semantic-surface);margin-top:.4rem;font-size:.95rem;line-height:1.5}.showcase-cta .showcase-button{background:var(--semantic-surface);color:var(--semantic-primary);border-color:#0000}.showcase-cta .showcase-button:hover{background:color-mix(in oklch,var(--semantic-surface) 90%,var(--semantic-action))}.showcase-cta .showcase-button--ghost{border-color:color-mix(in oklch,var(--semantic-surface) 45%,transparent);color:var(--semantic-surface);background:0 0}.showcase-cta .showcase-button--ghost:hover{background:color-mix(in oklch,var(--semantic-surface) 14%,transparent)}