.preview-showcase{--showcase-paper:#f7f6f1;--showcase-ink:#17201f;--showcase-muted:#68716e;--showcase-line:#d9d9d1;--showcase-orange:#f25736;background:radial-gradient(circle at 80% 5%, #f2573614, transparent 28rem), var(--showcase-paper);color:var(--showcase-ink)}.showcase-media{background:#e9ebe7;position:absolute;inset:0;overflow:hidden}.showcase-media>img,.showcase-media>video{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.showcase-filter-scroll{scrollbar-width:none}.showcase-filter-scroll::-webkit-scrollbar{display:none}.showcase-filter-options{animation:.22s cubic-bezier(.2,.7,.2,1) showcase-filter-options-in}.group:hover .showcase-media>img,.group:hover .showcase-media>video{transform:scale(1.025)}.showcase-hero-deck{--deck-shift-x:0px;--deck-shift-y:0px;--deck-rotate-x:0deg;--deck-rotate-y:0deg;--deck-drag-x:0px;--deck-drag-y:0px;--deck-drag-rotate:0deg;perspective:1200px;height:194px;position:relative}.showcase-hero-deck-stage{transform-style:preserve-3d;clip-path:inset(-24% -10% -20%);position:absolute;inset:0}.showcase-hero-deck-card{aspect-ratio:16/9;width:88%;transition:transform var(--deck-slide-duration) cubic-bezier(.4,0,.2,1), box-shadow var(--deck-slide-duration) ease, opacity var(--deck-slide-duration) ease;will-change:transform;pointer-events:none;background:#1a211f;border-radius:22px;position:absolute;top:50%;left:8%;overflow:hidden;box-shadow:0 24px 62px #1e24222b}.showcase-hero-deck-card:after{content:"";z-index:1;opacity:0;background:#10181633;transition:opacity .42s;position:absolute;inset:0}.showcase-hero-deck-card--back{border:1px solid #ffffffbf}.showcase-hero-deck-card--back:after{opacity:1}.showcase-hero-deck-back-title{z-index:2;color:#fff;text-overflow:ellipsis;text-shadow:0 1px 8px #00000073;white-space:nowrap;max-width:72%;font-size:.62rem;font-weight:700;transition:opacity .24s,transform .42s;position:absolute;top:.8rem;left:1rem;overflow:hidden}.showcase-hero-deck-card--front .showcase-hero-deck-back-title{opacity:0;transform:translateY(.35rem)}.showcase-hero-deck-card--back-1{z-index:19;opacity:.92;transform:translate3d(-8px,-52%,-35px)rotate(-1.2deg)}.showcase-hero-deck-card--back-2{z-index:18;opacity:.82;transform:translate3d(-18px,-55%,-75px)rotate(-2.6deg)}.showcase-hero-deck-card--back-3{z-index:17;opacity:.72;transform:translate3d(-28px,-59%,-110px)rotate(-4.2deg)}.showcase-hero-deck-card--front{z-index:20;pointer-events:auto;cursor:grab;touch-action:pan-y;transform:translate3d(calc(var(--deck-shift-x) + var(--deck-drag-x)), calc(-47% + var(--deck-shift-y) + var(--deck-drag-y)), 0) rotateX(var(--deck-rotate-x)) rotateY(var(--deck-rotate-y)) rotateZ(var(--deck-drag-rotate));transform-style:preserve-3d;outline-color:#f25736}.showcase-hero-deck-scrim,.showcase-hero-deck-copy{opacity:0;transition:opacity .32s,transform .42s cubic-bezier(.2,.75,.2,1);transform:translateY(.4rem)}.showcase-hero-deck-card--front .showcase-hero-deck-scrim,.showcase-hero-deck-card--front .showcase-hero-deck-copy{opacity:1;transform:translateY(0)}.showcase-hero-deck-card--front .showcase-motion-label{display:none}.showcase-hero-deck-card--front.is-incoming{pointer-events:none;--deck-drag-x:0px;--deck-drag-y:0px;--deck-drag-rotate:0deg}.showcase-hero-deck-card--front.is-dragging{cursor:grabbing;transition:none}.showcase-hero-deck-card--front.is-exiting-left{z-index:21;pointer-events:none;transform:translate(-150%,-64%)rotate(-18deg)}.showcase-hero-deck-card--front.is-exiting-right{z-index:21;pointer-events:none;transform:translate(150%,-34%)rotate(18deg)}.showcase-hero-deck:hover .showcase-hero-deck-card--back-1{opacity:.96;transform:translate3d(-12px,-53.5%,-30px)rotate(-1.7deg)}.showcase-hero-deck:hover .showcase-hero-deck-card--back-2{opacity:.88;transform:translate3d(-29px,-59%,-70px)rotate(-3.8deg)}.showcase-hero-deck:hover .showcase-hero-deck-card--back-3{opacity:.8;transform:translate3d(-46px,-65%,-105px)rotate(-6.2deg)}.showcase-hero-deck:hover .showcase-hero-deck-card--front{box-shadow:0 30px 72px #1e24223b}.showcase-hero-deck-dots{z-index:40;gap:.35rem;display:flex;position:absolute;bottom:0;right:6%}.showcase-hero-deck-dots i{background:#bbbdb7;border-radius:999px;width:.35rem;height:.35rem;transition:width .25s,background .25s}.showcase-hero-deck-dots i.is-active{background:#f25736;width:1.2rem}.detail-audio-wave{inset-inline:1.75rem;align-items:center;gap:3px;height:7.5rem;display:flex;position:absolute;bottom:4.6rem}.detail-audio-wave i{width:3px;height:var(--bar-height);transform-origin:50%;background:#ffffffd6;border-radius:999px;flex:1;min-height:8px}.detail-audio-wave.is-playing i{animation:.82s ease-in-out infinite alternate detail-audio-pulse;animation-delay:calc(var(--bar-index) * -31ms)}@media (min-width:640px){.showcase-hero-deck{height:328px}.showcase-hero-deck-card{border-radius:26px;top:54%}.showcase-hero-deck-dots{bottom:.2rem}}@media (min-width:1024px){.showcase-hero-deck{height:342px}}.showcase-motion{position:absolute;inset:0;overflow:hidden}.showcase-motion-label{color:#ffffffc2;font:600 .65rem/1 var(--font-mono-app);letter-spacing:.14em;text-transform:uppercase;position:absolute;bottom:1.05rem;left:1.25rem}.showcase-motion--audio{background:radial-gradient(circle at 74% 22%,#fd8a65 0,#f25736 24%,#9e2b20 78%)}.showcase-record{border:1px solid #ffffff52;border-radius:50%;width:8.5rem;height:8.5rem;position:absolute;top:50%;right:9%;translate:0 -50%;box-shadow:0 0 0 1.3rem #2312101f,0 0 0 2.7rem #23121014}.showcase-record:before{content:"";background:#f6e7d9;border-radius:50%;position:absolute;inset:34%}.showcase-record span{z-index:1;font:800 .55rem/1 var(--font-mono-app);letter-spacing:.08em;color:#8f2d22;place-items:center;display:grid;position:absolute;inset:0}.showcase-record i{background:#ffffff61;height:2px;animation:9s linear infinite showcase-spin;position:absolute;inset:49% -26%}.showcase-wave{align-items:center;gap:4px;height:30%;display:flex;position:absolute;bottom:33%;left:7%}.showcase-wave i{width:3px;height:var(--height);transform-origin:50%;animation:1.6s ease-in-out infinite alternate showcase-wave;animation-delay:calc(var(--bar) * -70ms);background:#ffffffdb;border-radius:1rem}.showcase-motion--query{color:#eef6ee;background:linear-gradient(145deg,#172420,#263c34);padding:1.2rem}.showcase-query-source{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;color:#f9a386;max-width:72%;font-size:.68rem;display:block;overflow:hidden}.showcase-query-field{color:#ffffff85;border:1px solid #ffffff2b;border-radius:.65rem;align-items:center;height:2.6rem;margin-top:1.2rem;padding-left:2.4rem;font-size:.72rem;display:flex;position:relative}.showcase-query-field i{border:1px solid #f9a386;border-radius:50%;width:.75rem;height:.75rem;position:absolute;left:.9rem}.showcase-query-field i:after{content:"";background:#f9a386;width:.35rem;height:1px;position:absolute;bottom:-.12rem;right:-.25rem;rotate:45deg}.showcase-query-results{gap:.55rem;margin-top:.8rem;display:grid}.showcase-query-results span{background:linear-gradient(90deg,#ffffff2b 0 16%,#ffffff12 16% 100%);border-radius:.35rem;height:1.3rem}.showcase-scan{background:linear-gradient(#0000 0 45%,#f2573647 50%,#0000 55%);animation:3.2s ease-in-out infinite showcase-scan;position:absolute;inset:0}.showcase-motion--document{background:linear-gradient(145deg,#e8e1d2,#d5cbb8)}.showcase-paper{background:#fffdf7;border-radius:.55rem;width:49%;height:72%;position:absolute;top:50%;left:50%;box-shadow:0 1rem 2rem #3c32262b}.showcase-paper--back{opacity:.68;background:#f25736;transform:translate(-38%,-48%)rotate(8deg)}.showcase-paper--front{padding:1.1rem;animation:5s ease-in-out infinite showcase-paper;transform:translate(-62%,-54%)rotate(-3deg)}.showcase-paper b{color:#26322f;font-size:.7rem}.showcase-paper i{background:#d7dad4;border-radius:1rem;height:.32rem;margin-top:.65rem;display:block}.showcase-paper i:nth-of-type(2){width:72%}.showcase-paper i:nth-of-type(3){width:86%}.showcase-paper span{font:800 1.1rem/1 var(--font-mono-app);color:#f25736;position:absolute;bottom:.65rem;right:.75rem}.showcase-motion--canvas{background:#f4efe5}.showcase-canvas-frame{grid-template-columns:1fr 1fr;gap:.55rem;display:grid;position:absolute;inset:18% 17%;rotate:-2deg}.showcase-canvas-frame span{background:#1d2825;border-radius:.65rem;box-shadow:inset 0 0 0 1px #ffffff1f}.showcase-canvas-frame span:first-child{background:#f25736;grid-row:span 2}.showcase-canvas-frame span:last-child{background:#9aa998}.showcase-canvas-cursor{clip-path:polygon(0 0,100% 72%,57% 76%,43% 100%);filter:drop-shadow(0 2px 2px #00000040);background:#fff;width:1.2rem;height:1.4rem;animation:3s ease-in-out infinite showcase-cursor;position:absolute;top:45%;left:56%}.showcase-motion--canvas b{letter-spacing:.08em;font-size:.72rem;position:absolute;bottom:1rem;left:1.2rem}.showcase-motion--coffee{color:#fff8e8;background:radial-gradient(circle at 72% 18%,#d5a96f 0,#8a5835 34%,#32231d 100%)}.showcase-coffee-glow{background:#ffe7b921;border-radius:50%;width:12rem;height:12rem;position:absolute;top:50%;right:8%;translate:0 -50%;box-shadow:0 0 0 2rem #ffe7b90d}.showcase-coffee-grinder{width:7.5rem;height:9.5rem;position:absolute;top:50%;right:18%;translate:0 -45%}.showcase-coffee-crank{transform-origin:0;background:#f5dfbd;border-radius:1rem;width:5.8rem;height:2px;animation:3.5s ease-in-out infinite showcase-coffee-crank;position:absolute;top:-.15rem;left:44%}.showcase-coffee-crank i{background:#2c201b;border-radius:1rem;width:1.7rem;height:.55rem;position:absolute;top:-.25rem;right:-1.15rem;box-shadow:inset 0 0 0 1px #ffffff38}.showcase-coffee-crank b{background:#f5dfbd;border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:-.25rem;left:-.25rem}.showcase-coffee-hopper{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(160deg,#ffffff57,#ffffff14);border:1px solid #ffffff8c;border-radius:2.3rem 2.3rem 1.1rem 1.1rem;width:5.5rem;height:3.6rem;position:absolute;top:.35rem;left:50%;translate:-50%}.showcase-coffee-hopper i{background:#4a271b;border-radius:50%;width:.65rem;height:.45rem;animation:2.8s ease-in-out infinite showcase-coffee-bean;position:absolute;rotate:25deg}.showcase-coffee-hopper i:first-child{bottom:.55rem;left:23%}.showcase-coffee-hopper i:nth-child(2){animation-delay:-.6s;bottom:.85rem;left:42%}.showcase-coffee-hopper i:nth-child(3){animation-delay:-1.2s;bottom:.5rem;right:22%}.showcase-coffee-hopper i:nth-child(4){animation-delay:-1.8s;bottom:.25rem;left:48%}.showcase-coffee-body{background:linear-gradient(135deg,#f6ecd7,#d1b88f);border-radius:1.2rem 1.2rem .8rem .8rem;width:6.4rem;height:5.2rem;position:absolute;top:3.25rem;left:50%;translate:-50%;box-shadow:0 1.2rem 2rem #140c0847}.showcase-coffee-body:before{content:"";background:#68422e;border-radius:1rem;width:4.4rem;height:.65rem;position:absolute;top:1.15rem;left:50%;translate:-50%;box-shadow:inset 0 2px 3px #00000047}.showcase-coffee-body span{border:1px solid #3a281c52;border-radius:50%;width:1.6rem;height:1.6rem;position:absolute;bottom:1.15rem;left:50%;translate:-50%;box-shadow:inset 0 0 0 .35rem #5f3d281f}.showcase-coffee-cup{background:#f25736;border-radius:.25rem .25rem 1rem 1rem;width:4rem;height:1.35rem;position:absolute;bottom:-.15rem;left:50%;translate:-50%;box-shadow:0 .55rem 1rem #140c0840}.showcase-coffee-cup i{border:.25rem solid #f25736;border-left:0;border-radius:0 1rem 1rem 0;width:1.15rem;height:.75rem;position:absolute;top:.18rem;right:-1rem}.showcase-motion--coffee>b{letter-spacing:.12em;color:#fff8e8c7;font-size:.72rem;position:absolute;bottom:1.1rem;left:1.3rem}.showcase-motion--data{background:radial-gradient(circle,#f2e8d8 0 17%,#1b2926 18% 100%)}.showcase-data-orbit{border:1px solid #ffffff38;border-radius:50%;width:10rem;height:10rem;animation:12s linear infinite showcase-spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.showcase-data-orbit:after{content:"";border:1px solid #ffffff2e;border-radius:50%;position:absolute;inset:22%}.showcase-data-orbit i{background:#f25736;border-radius:50%;width:.55rem;height:.55rem;position:absolute}.showcase-data-orbit i:first-child{top:25%;left:8%}.showcase-data-orbit i:nth-child(2){top:56%;right:3%}.showcase-data-orbit i:nth-child(3){bottom:-4%;left:46%}.showcase-data-orbit span{font:800 1.1rem/1 var(--font-mono-app);color:#16201e;place-items:center;animation:12s linear infinite reverse showcase-spin;display:grid;position:absolute;inset:0}.showcase-motion--data>b{letter-spacing:.1em;color:#ffffffad;font-size:.7rem;position:absolute;bottom:1rem;left:1.2rem}@keyframes showcase-spin{to{rotate:360deg}}@keyframes showcase-wave{50%{opacity:.55;scale:1 .52}}@keyframes showcase-scan{0%,15%{translate:0 -70%}70%,to{translate:0 70%}}@keyframes showcase-paper{0%,to{translate:0}50%{translate:0 -.35rem}}@keyframes showcase-cursor{0%,to{translate:-1.2rem 1rem}50%{translate:1.3rem -1rem}}@keyframes showcase-coffee-crank{0%,to{rotate:-7deg}50%{rotate:20deg}}@keyframes showcase-coffee-bean{0%,to{translate:0;rotate:25deg}50%{translate:0 -.25rem;rotate:55deg}}@keyframes showcase-filter-options-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@keyframes detail-audio-pulse{45%{opacity:.55;scale:1 .42}}@media (prefers-reduced-motion:reduce){.showcase-record i,.showcase-wave i,.showcase-scan,.showcase-paper--front,.showcase-canvas-cursor,.showcase-data-orbit,.showcase-data-orbit span,.showcase-coffee-crank,.showcase-coffee-hopper i,.showcase-hero-deck-card--front{animation:none!important}.showcase-hero-deck-card,.showcase-hero-deck-dots i{transition:none!important}.showcase-filter-options{animation:none!important}.showcase-hero-deck:hover .showcase-hero-deck-card--back-1{opacity:.92;transform:translate3d(-8px,-52%,-35px)rotate(-1.2deg)}.showcase-hero-deck:hover .showcase-hero-deck-card--back-2{opacity:.82;transform:translate3d(-18px,-55%,-75px)rotate(-2.6deg)}.showcase-hero-deck:hover .showcase-hero-deck-card--back-3{opacity:.72;transform:translate3d(-28px,-59%,-110px)rotate(-4.2deg)}.detail-audio-wave.is-playing i{animation:none!important}}