.app-demo{border:1px solid color-mix(in oklch, var(--border) 85%, transparent);isolation:isolate;background-color:#8d1d13;background-image:linear-gradient(120deg,#2c040038,#ff745314),url(/home-showcase/feature-backdrop.webp);background-position:50% 62%;background-size:cover;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 #2804008c,0 12px 24px -12px #28040059}.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)}}.device-showcase[data-astro-cid-7oyuzbdc]{isolation:isolate;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:absolute;inset:0}.device[data-astro-cid-7oyuzbdc]{flex:none;position:relative}.device-screen[data-astro-cid-7oyuzbdc],.device-frame[data-astro-cid-7oyuzbdc]{display:block;position:absolute}.device-screen[data-astro-cid-7oyuzbdc]{z-index:0;object-fit:cover;object-position:top}.device-frame[data-astro-cid-7oyuzbdc]{z-index:1;pointer-events:none;width:100%;height:100%;inset:0}.device-laptop[data-astro-cid-7oyuzbdc]{aspect-ratio:3400/2240}.device-laptop[data-astro-cid-7oyuzbdc] .device-screen[data-astro-cid-7oyuzbdc]{border-radius:1.15% 1.15% 0 0;width:75.3%;height:74.29%;top:12.86%;left:12.35%}.device-tablet[data-astro-cid-7oyuzbdc]{aspect-ratio:3000/2300}.device-tablet[data-astro-cid-7oyuzbdc] .device-screen[data-astro-cid-7oyuzbdc]{border-radius:4%;width:91.73%;height:89.74%;top:5.13%;left:4.13%}.device-phone[data-astro-cid-7oyuzbdc]{aspect-ratio:1350/2760}.device-phone[data-astro-cid-7oyuzbdc] .device-screen[data-astro-cid-7oyuzbdc]{border-radius:8%;width:89.33%;height:95%;top:2.5%;left:5.33%}.device-showcase[data-astro-cid-7oyuzbdc] .device-tablet[data-astro-cid-7oyuzbdc]{z-index:2;order:3;width:78%;margin-left:-10%}.device-showcase[data-astro-cid-7oyuzbdc] .device-phone[data-astro-cid-7oyuzbdc]{z-index:3;order:1;width:30%;margin-right:-12%}@media (width<=520px){.device-showcase[data-astro-cid-7oyuzbdc] .device-tablet[data-astro-cid-7oyuzbdc]{width:78%;margin-left:-11%}.device-showcase[data-astro-cid-7oyuzbdc] .device-phone[data-astro-cid-7oyuzbdc]{width:30%;margin-right:-13%}}.feature-visual[data-astro-cid-ucws7wxr]{border:1px solid color-mix(in oklch, var(--border) 85%, transparent);isolation:isolate;background-color:#8d1d13;background-image:linear-gradient(120deg,#2c040038,#ff745314),url(/home-showcase/feature-backdrop.webp);background-position:50% 62%;background-size:cover;border-radius:1.25rem;min-height:22rem;margin:0;position:relative;overflow:hidden}.feature-visual[data-astro-cid-ucws7wxr]:after{z-index:0;pointer-events:none;content:"";background:linear-gradient(120deg,#fff3,#0000 42%),radial-gradient(circle at 78% 18%,#ffffff38,#0000 34%);position:absolute;inset:0}.feature-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{z-index:2;border:1px solid #ffffff29;border-radius:1.25rem;max-width:none;height:auto;display:block;position:absolute}.save-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:124%;top:12%;left:8%}.search-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:124%;top:10%;left:8%}.organize-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr],.portable-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr],.agents-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{margin-inline:auto;top:10%;left:0;right:0}.organize-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:88%}.portable-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr],.agents-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{border-radius:.875rem}.portable-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:70%}.agents-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:80%;top:14%}.save-visual[data-astro-cid-ucws7wxr]{background-position:50% 74%}.search-visual[data-astro-cid-ucws7wxr]{background-position:66% 20%}.organize-visual[data-astro-cid-ucws7wxr]{background-position:26% 46%}.portable-visual[data-astro-cid-ucws7wxr]{background-position:73% 38%}.agents-visual[data-astro-cid-ucws7wxr]{background-position:32% 16%}.capture-visual[data-astro-cid-ucws7wxr]{aspect-ratio:1.25;background-position:58% 56%;min-height:0}@media (width<=800px){.feature-visual[data-astro-cid-ucws7wxr]{min-height:21rem}}@media (width<=520px){.feature-visual[data-astro-cid-ucws7wxr]{border-radius:1rem;min-height:19rem}.capture-visual[data-astro-cid-ucws7wxr]{min-height:0}.save-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr],.search-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:145%;top:11%;left:8%}.organize-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:94%}.portable-visual[data-astro-cid-ucws7wxr]>img[data-astro-cid-ucws7wxr]{width:80%}.agents-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:transform .5s cubic-bezier(.2,.8,.2,1)}.save-visual[data-astro-cid-ucws7wxr]:hover>img[data-astro-cid-ucws7wxr],.search-visual[data-astro-cid-ucws7wxr]:hover>img[data-astro-cid-ucws7wxr],.organize-visual[data-astro-cid-ucws7wxr]:hover>img[data-astro-cid-ucws7wxr],.portable-visual[data-astro-cid-ucws7wxr]:hover>img[data-astro-cid-ucws7wxr],.agents-visual[data-astro-cid-ucws7wxr]:hover>img[data-astro-cid-ucws7wxr]{transform:scale(1.025)}}