.app-demo{border:1px solid color-mix(in oklch, var(--border) 85%, transparent);isolation:isolate;border-radius:1.5rem;padding:clamp(.75rem,3vw,2rem);position:relative;overflow:hidden}.demo-window{background:var(--color-gray-50);text-align:left;border:1px solid #ffffff2e;border-radius:.875rem;overflow:hidden;box-shadow:0 30px 80px -20px #19281c73,0 12px 24px -12px #19281c4d}.dark .demo-window,[data-theme=dark] .demo-window{background:var(--color-gray-950)}.demo-chrome{border-bottom:1px solid var(--border);background:var(--background);align-items:center;gap:1rem;height:2.75rem;padding:0 1rem;display:flex}.demo-url{background:var(--muted);width:100%;max-width:22rem;height:1.75rem;color:var(--muted-foreground);border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;margin-inline:auto;font-size:.75rem;display:inline-flex}.demo-viewport{height:clamp(30rem,62vw,40rem);position:relative;overflow:hidden}.demo-grid{--demo-gap:1.5rem;gap:var(--demo-gap);display:flex}.demo-col{gap:var(--demo-gap);flex-direction:column;flex:1;min-width:0;display:flex}.demo-grid[data-filtered],.demo-grid[data-filtered] .demo-col{display:block}.demo-grid[data-filtered]{columns:5;column-gap:var(--demo-gap)}.demo-grid[data-filtered] .demo-col{display:contents}.demo-grid[data-filtered] .demo-item{margin-bottom:var(--demo-gap);break-inside:avoid}@container (width<=54.99rem){.demo-grid{columns:3;column-gap:var(--demo-gap);display:block}.demo-grid[data-filtered]{columns:3}.demo-col{display:contents}.demo-item{margin-bottom:var(--demo-gap);break-inside:avoid}}@container (width<=37.49rem){.demo-grid{--demo-gap:1rem}.demo-grid,.demo-grid[data-filtered]{columns:2}}.demo-card{width:100%;color:var(--card-foreground);font:inherit;text-align:left;cursor:pointer;contain:content;border-radius:1rem;padding:0;display:block;position:relative;overflow:hidden}.demo-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.demo-card:not([data-favorite]) .demo-heart{display:none}.demo-heart svg *,.demo-filled *{fill:currentColor}.demo-media img{transform-origin:50% 40%}.demo-card[data-type=video]:hover .demo-play{display:none}@media (prefers-reduced-motion:no-preference){.demo-card[data-type=video]:hover .demo-media img{animation:6s ease-in-out infinite alternate demo-video-pan}}@keyframes demo-video-pan{0%{transform:scale(1.02)translateY(0)}to{transform:scale(1.14)translateY(-4%)}}.demo-overlay{z-index:20;background:#00000080;justify-content:center;align-items:center;padding:3rem 1rem 1rem;animation:.15s ease-out demo-fade;display:flex;position:absolute;inset:0}.dark .demo-overlay,[data-theme=dark] .demo-overlay{background:#000c}.demo-overlay[hidden]{display:none}.demo-modal{background:var(--background);border-radius:1rem;flex-direction:column;width:100%;max-width:64rem;height:100%;animation:.18s ease-out demo-zoom;display:flex;overflow:hidden}.demo-modal-preview{flex:1.4;justify-content:center;align-items:center;min-height:0;padding:1rem;display:flex;overflow:hidden;container-type:size}@container (width>=48rem){.demo-overlay{padding:3rem 2.5rem 2rem}.demo-modal{flex-direction:row}.demo-modal-preview{border-right:1px solid var(--border);flex:2}}@keyframes demo-fade{0%{opacity:0}}@keyframes demo-zoom{0%{opacity:0;transform:scale(.96)}}.feature-card[data-astro-cid-ucws7wxr]{border:1px solid var(--border);background:var(--card);border-radius:1.25rem;flex-direction:column;display:flex;overflow:hidden}.feature-visual[data-astro-cid-ucws7wxr]{isolation:isolate;height:17rem;margin:0;position:relative;overflow:hidden}.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{border:1px solid #fff6;border-radius:.875rem;max-width:none;height:auto;display:block;position:absolute;box-shadow:0 18px 40px -16px #19281c73}.feature-save[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr],.feature-search[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{top:2.25rem;left:2.25rem}.feature-save[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:52rem}.feature-search[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:46rem}.feature-organize[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr],.feature-portable[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr],.feature-agents[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{top:2.25rem;left:50%;transform:translate(-50%)}.feature-organize[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:88%}.feature-portable[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:66%}.feature-agents[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:78%}.capture-scene[data-astro-cid-ucws7wxr]{position:absolute;inset:0}.capture-phone[data-astro-cid-ucws7wxr]{filter:drop-shadow(0 18px 28px #19281c66);width:auto;height:calc(100% - 2.5rem);position:absolute;bottom:1.25rem;right:9%}.capture-panel[data-astro-cid-ucws7wxr]{border-radius:.75rem;width:min(14.5rem,60%);height:auto;position:absolute;top:2.25rem;left:7%;box-shadow:0 0 0 1px #19281c14,0 22px 44px -14px #19281c80}@media (width>=720px){.feature-save[data-astro-cid-ucws7wxr],.feature-agents[data-astro-cid-ucws7wxr]{grid-column:span 2}}@media (width>=1024px){.feature-save[data-astro-cid-ucws7wxr]{grid-column:span 4}.feature-capture[data-astro-cid-ucws7wxr]{grid-column:span 2}.feature-search[data-astro-cid-ucws7wxr],.feature-organize[data-astro-cid-ucws7wxr],.feature-portable[data-astro-cid-ucws7wxr],.feature-agents[data-astro-cid-ucws7wxr]{grid-column:span 3}.feature-save[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr],.feature-capture[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]{height:22rem}}@media (width<=520px){.feature-visual[data-astro-cid-ucws7wxr]{height:15rem}.feature-save[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr],.feature-search[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{top:1.5rem;left:1.5rem}.feature-save[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:40rem}.feature-search[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:36rem}.feature-organize[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:94%}.feature-portable[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:80%}.feature-agents[data-astro-cid-ucws7wxr]>.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:90%}}@media (prefers-reduced-motion:no-preference){.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{transition:scale .5s cubic-bezier(.2,.8,.2,1)}.feature-card[data-astro-cid-ucws7wxr]:hover .feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{scale:1.02}}