.demo-videos-section{background:linear-gradient(180deg,#fff,#f8fafc);padding:6rem 0}.demo-videos-container{margin:0 auto;max-width:1400px;padding:0 2rem}.demo-videos-header{margin-bottom:3rem;text-align:center}.demo-videos-title{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.demo-videos-subtitle{color:#64748b;font-size:1.125rem;margin:0 auto;max-width:600px}.demo-videos-wrapper{position:relative}.demo-callout{align-items:flex-end;color:#94a3b8;display:flex;gap:.5rem;pointer-events:none;position:absolute;z-index:10}.demo-callout-text{font-size:.875rem;font-style:italic;font-weight:500;white-space:nowrap}.demo-callout-arrow{flex-shrink:0;height:50px;width:60px}.demo-callout-left{left:0}.demo-callout-left,.demo-callout-right{align-items:flex-start;flex-direction:row;top:-50px}.demo-callout-right{right:0}.demo-callout-below{align-items:center;color:#94a3b8;display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.demo-callout-below .demo-callout-arrow{flex-shrink:0;height:30px;width:40px}.demo-callout-below .demo-callout-text{font-size:.875rem;font-style:italic;font-weight:500}@media (max-width:1200px){.demo-callout-left,.demo-callout-right{display:none}}.demo-videos-scroll-container{-webkit-overflow-scrolling:touch;display:flex;gap:2rem;overflow-x:auto;padding:1rem 0;scroll-snap-type:x mandatory;scrollbar-width:none}.demo-videos-scroll-container::-webkit-scrollbar{display:none}.demo-video-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex:0 0 auto;overflow:hidden;scroll-snap-align:center;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.demo-video-card:hover{border-color:#3b82f64d;box-shadow:0 8px 32px #00000014}.demo-video-wrapper{aspect-ratio:16/9;background:#0f172a;position:relative;width:100%}.demo-video-player{background:#0f172a;height:100%;object-fit:contain;width:100%}.demo-video-duration{background:#000000bf;border-radius:4px;bottom:12px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px;pointer-events:none;position:absolute;right:12px}.demo-video-info{padding:1.5rem 2rem}.demo-video-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.demo-video-description{color:#64748b;font-size:.95rem;line-height:1.5}.demo-videos-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.demo-dot{background:#d1d5db;border:none;border-radius:50%;cursor:pointer;height:24px;padding:0;transition:all .2s ease;width:24px}.demo-dot:hover{background:#9ca3af}.demo-dot.active{background:#3b82f6;transform:scale(1.2)}.demo-videos-scroll-container:has(.demo-video-card:only-child){justify-content:center}.demo-video-card:only-child{scroll-snap-align:none}@media (min-width:1024px){.demo-video-card{min-width:500px;width:calc(50% - 1rem)}.demo-video-card:only-child{width:100%}.demo-videos-dots{display:none}}@media (max-width:1023px){.demo-videos-section{padding:4rem 0}.demo-videos-title{font-size:2rem}.demo-video-card{min-width:320px;width:85%}}@media (max-width:768px){.demo-videos-section{padding:3rem 0}.demo-videos-container{padding:0 1rem}.demo-videos-header{margin-bottom:2rem}.demo-videos-title{font-size:1.75rem}.demo-videos-subtitle{font-size:1rem}.demo-video-card{border-radius:16px;width:90%}.demo-video-card:nth-child(2){order:-1}.demo-video-info{padding:1.25rem 1.5rem}.demo-video-title{font-size:1.1rem}.demo-video-description{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.demo-dot,.demo-video-card{transition:none}.demo-videos-scroll-container{scroll-behavior:auto}}.demo-animated-highlight{background:#0000;border-radius:4px;color:#be185d;display:inline-block;font-weight:700;margin-left:8px;padding:6px 16px;position:relative;transform:rotate(-1deg)}.demo-animated-highlight:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 40'%3E%3Cpath d='M2 8q6-6 23-5l50-1q45-2 75 1l75-1q50-1 72 6l1 7q2 7-1 15l-1 5q-6 4-46 3l-70 1q-30 1-80-1l-70 1Q5 40 2 32L1 20Q0 12 2 8Z' fill='%23fdf2f8' stroke='%23fbcfe8'/%3E%3C/svg%3E") no-repeat 50%;background-size:100% 100%;border-radius:6px;bottom:-8px;content:"";left:0;position:absolute;right:-12px;top:-8px;z-index:-1}
/*# sourceMappingURL=617.75d907e9.chunk.css.map*/