.sp-container{display:flex;min-height:calc(100vh - 85px);border-top:1px solid rgba(255,255,255,.06)}.sp-sidebar{width:252px;flex-shrink:0;position:sticky;top:85px;height:calc(100vh - 85px);overflow-y:auto;background:#0c0820;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:rgba(0,217,255,.18) transparent}.sp-sidebar::-webkit-scrollbar{width:3px}.sp-sidebar::-webkit-scrollbar-track{background:transparent}.sp-sidebar::-webkit-scrollbar-thumb{background:#00d9ff2e;border-radius:2px}.sp-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1rem .85rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.sp-sidebar-label{display:flex;align-items:center;gap:.45rem;font-family:Roboto Mono,monospace;font-size:1.28rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#ffffff73}.sp-prompt{color:#00d9ff;font-size:.72rem}.sp-sidebar-count{font-family:Roboto Mono,monospace;font-size:.62rem;color:#00d9ffbf;background:#00d9ff14;border:1px solid rgba(0,217,255,.2);padding:.12rem .45rem;border-radius:20px;line-height:1.5}.sp-search-wrap{position:relative;padding:.7rem .85rem;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.sp-search-icon{position:absolute;left:1.55rem;top:50%;transform:translateY(-50%);color:#ffffff38;pointer-events:none}.sp-search-input{width:100%;padding:.48rem .75rem .48rem 2rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-family:Poppins,sans-serif;font-size:.76rem;outline:none;transition:border-color .2s ease,background .2s ease}.sp-search-input::placeholder{color:#ffffff8c}.sp-search-input:focus{border-color:#00d9ff99;background:#ffffff29}.sp-vendor-list{list-style:none;margin:0;padding:.4rem 0 1rem;flex:1}.sp-vendor-divider{height:1px;background:#ffffff0f;margin:.3rem .75rem}.sp-vendor-item--all .sp-vendor-name{color:#00d9ffb3;font-weight:600}.sp-vendor-item--all.active .sp-vendor-name{color:#00d9ff}.sp-vendor-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.55rem 1rem;background:none;border:none;border-left:2px solid transparent;cursor:pointer;text-align:left;transition:background .14s ease,border-color .14s ease}.sp-vendor-item:hover{background:#ffffff09;border-left-color:#00d9ff47}.sp-vendor-item.active{background:#00d9ff12;border-left-color:#00d9ff}.sp-vendor-name{flex:1;font-family:Poppins,sans-serif;font-size:.92rem;font-weight:500;color:#ffffffc7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .14s ease}.sp-vendor-item:hover .sp-vendor-name{color:#fffffff2}.sp-vendor-item.active .sp-vendor-name{color:#fff}.sp-vendor-badge{font-family:Roboto Mono,monospace;font-size:.65rem;color:#00d9ff99;flex-shrink:0;min-width:16px;text-align:right}.sp-vendor-item.active .sp-vendor-badge{color:#00d9ffe6}.sp-no-vendors{padding:1.5rem 1rem;font-family:Poppins,sans-serif;font-size:.75rem;color:#ffffff38;text-align:center}.sp-right-sidebar{display:none}.sp-right-sidebar::-webkit-scrollbar{width:3px}.sp-right-sidebar::-webkit-scrollbar-track{background:transparent}.sp-right-sidebar::-webkit-scrollbar-thumb{background:#00d9ff2e;border-radius:2px}.sp-right-header{display:flex;align-items:center;gap:.45rem;padding:1.1rem .85rem .85rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;font-family:Roboto Mono,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff9}.sp-right-label{flex:1}.sp-right-logo-grid{display:flex;flex-direction:column;align-items:center;gap:1.75rem;padding:.85rem .85rem 1.5rem}.sp-right-logo-card{position:relative;display:flex;align-items:center;justify-content:center;width:85%;height:auto;padding:.5rem .2rem;background:#fff;border:1px solid rgba(255,255,255,.15);border-radius:10px;cursor:pointer;overflow:hidden;transition:transform .15s ease,box-shadow .18s ease,border-color .18s ease}.sp-right-logo-card:hover{transform:translateY(-1px);box-shadow:0 4px 18px #00000059;border-color:#00d9ff8c}.sp-right-logo-card.active{border-color:#00d9ff;box-shadow:0 0 0 2px #00d9ff59,0 4px 18px #0000004d}.sp-right-logo-card img{max-width:150px;max-height:48px;width:auto;height:auto;object-fit:contain}.sp-content{flex:1;min-width:0;padding:1.5rem 1.25rem 4rem}.sp-content-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}.sp-content-header-left{display:flex;align-items:center;gap:1rem}.sp-content-logo-wrap{width:148px;height:68px;background:#fff;border:1px solid rgba(0,217,255,.22);border-radius:10px;display:flex;align-items:center;justify-content:center;padding:.6rem 1.1rem;flex-shrink:0;box-shadow:0 2px 12px #00000040}.sp-content-logo{max-width:120px;max-height:52px;width:auto;height:auto;object-fit:contain}.sp-content-info{display:flex;flex-direction:column;gap:.3rem}.sp-content-name-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.sp-content-category-chip{display:inline-flex;align-items:center;font-family:Roboto Mono,monospace;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#00d9ff;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:4px;padding:.15rem .55rem;white-space:nowrap}.sp-content-vendor-name{font-family:Poppins,sans-serif;font-size:1.35rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.015em}.sp-content-count{font-family:Roboto Mono,monospace;font-size:.7rem;color:#00d9ffb3;letter-spacing:.04em}.sp-header-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.sp-vendor-page-link,.sp-btn-demo-room,.sp-btn-contact{display:inline-flex;align-items:center;gap:.45rem;font-family:Roboto Mono,monospace;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:#fff;background:linear-gradient(135deg,#00d9ff1f,#8a2be21f);border:1px solid rgba(0,217,255,.35);padding:.45rem 1rem;border-radius:6px;flex-shrink:0;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}.sp-vendor-page-link:hover,.sp-btn-demo-room:hover,.sp-btn-contact:hover{background:linear-gradient(135deg,#00d9ff38,#8a2be238);border-color:#00d9ffb3;color:#00d9ff;box-shadow:0 0 14px #00d9ff2e}.sp-btn-contact-icon{width:13px;height:13px;flex-shrink:0}.sp-modal{display:flex;position:fixed;inset:0;z-index:9999;background:#000000bf;backdrop-filter:blur(4px);align-items:center;justify-content:center;animation:sp-modal-fade .18s ease}@keyframes sp-modal-fade{0%{opacity:0}to{opacity:1}}.sp-modal-content{position:relative;width:90%;max-width:720px;height:62vh;background:#fff;border:1px solid rgba(0,217,255,.2);border-radius:12px;overflow:hidden;box-shadow:0 24px 80px #000000b3}.sp-modal-close{position:absolute;top:10px;right:14px;z-index:2;width:28px;height:28px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.sp-modal-close:hover{background:#ff5722}.sp-modal-iframe{width:100%;height:100%;border:none;display:block}.sp-filter-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;min-width:0}.sp-filter-search-wrap{position:relative;flex-shrink:0;width:280px}.sp-filter-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#0f0c2366;pointer-events:none}.sp-filter-search-input{width:100%;padding:.46rem 2rem;background:#fff;border:1px solid rgba(0,217,255,.35);border-radius:20px;color:#0f0c23;font-family:Poppins,sans-serif;font-size:.75rem;outline:none;transition:border-color .2s ease,background .2s ease,width .25s ease}.sp-filter-search-input::placeholder{color:#0f0c2366}.sp-filter-search-input:focus{border-color:#00d9ffb3;background:#fff;box-shadow:0 0 0 3px #00d9ff1f;width:260px}.sp-filter-clear-inline{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#0f0c2359;font-size:.7rem;cursor:pointer;padding:0 .2rem;line-height:1;transition:color .15s ease}.sp-filter-clear-inline:hover{color:#00d9ff}.sp-chips-wrap{position:relative;flex:1;min-width:0}.sp-chips-wrap:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,#2d1b69);pointer-events:none}.sp-chips-row{display:flex;gap:.45rem;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.sp-chips-row::-webkit-scrollbar{display:none}.sp-chip{flex-shrink:0;padding:.45rem 1.15rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:20px;color:#ffffffbf;font-family:Poppins,sans-serif;font-size:.84rem;font-weight:500;cursor:pointer;white-space:nowrap;letter-spacing:.01em;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.sp-chip:hover{background:#ffffff1a;border-color:#ffffff47;color:#fff}.sp-chip.active{background:#00d9ff24;border-color:#00d9ff99;color:#00d9ff;box-shadow:0 0 12px #00d9ff2e;font-weight:600}.sp-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 2rem;color:#ffffff40;text-align:center}.sp-no-results p{font-family:Poppins,sans-serif;font-size:.9rem;margin:0}.sp-no-results button{padding:.4rem 1rem;background:none;border:1px solid rgba(0,217,255,.3);border-radius:6px;color:#00d9ff;font-family:Poppins,sans-serif;font-size:.75rem;cursor:pointer;transition:background .2s ease}.sp-no-results button:hover{background:#00d9ff0f}.sp-section{margin-bottom:3rem}.sp-section-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1.1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,217,255,.12)}.sp-section-label{font-family:Roboto Mono,monospace;font-size:1.35rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#00d9ffd9;flex-shrink:0}.sp-section-count{font-family:Roboto Mono,monospace;font-size:.58rem;color:#00d9ff80;background:#00d9ff12;border:1px solid rgba(0,217,255,.15);padding:.08rem .4rem;border-radius:10px;flex-shrink:0}.sp-section-rule{flex:1;height:1px;background:linear-gradient(to right,rgba(0,217,255,.1),transparent)}.sp-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(186px,1fr));gap:1.75rem}@keyframes sp-card-in{0%{opacity:0;transform:translateY(18px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.sp-video-card{background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;text-align:left;padding:15px;overflow:hidden;animation:sp-card-in .45s ease both;position:relative;box-shadow:0 2px 12px #00000059;transition:border-color .28s ease,background .28s ease,transform .28s ease,box-shadow .28s ease}.sp-video-card:nth-child(1){animation-delay:0ms}.sp-video-card:nth-child(2){animation-delay:40ms}.sp-video-card:nth-child(3){animation-delay:80ms}.sp-video-card:nth-child(4){animation-delay:.12s}.sp-video-card:nth-child(5){animation-delay:.16s}.sp-video-card:nth-child(6){animation-delay:.2s}.sp-video-card:nth-child(7){animation-delay:.24s}.sp-video-card:nth-child(8){animation-delay:.28s}.sp-video-card:nth-child(9){animation-delay:.32s}.sp-video-card:nth-child(10){animation-delay:.36s}.sp-video-card:nth-child(11){animation-delay:.4s}.sp-video-card:nth-child(12){animation-delay:.44s}.sp-video-card:hover{border-color:#00d9ff66;transform:translateY(-4px);box-shadow:0 16px 48px #0000008c,0 0 0 1px #00d9ff1a,0 0 32px #00d9ff14}.sp-video-card:before{content:"";position:absolute;inset:0;border-radius:12px;border-left:2px solid rgba(0,217,255,0);transition:border-color .28s ease;pointer-events:none;z-index:1}.sp-video-card:hover:before{border-left-color:#00d9ffa6}.sp-video-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#000;border-radius:6px}.sp-video-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(8,5,20,.72) 100%);pointer-events:none;z-index:1;transition:opacity .3s ease}.sp-video-thumb img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transform:scale(1.06);filter:grayscale(1);transition:transform .45s ease,filter .3s ease}.sp-video-card:hover .sp-video-thumb img{transform:scale(1.13);filter:grayscale(1) brightness(.6)}.sp-play-btn{position:absolute;bottom:0;left:0;width:46px;height:46px;background:#00d9ffeb;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s ease,width .2s ease,height .2s ease}.sp-play-btn svg{color:#08061a;margin-left:3px}.sp-video-card:hover .sp-play-btn{background:#00d9ff}.sp-video-category{position:absolute;top:.6rem;left:.6rem;font-family:Roboto Mono,monospace;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#00d9ff;background:#08061aeb;border:1px solid rgba(0,217,255,.4);border-radius:5px;padding:.22rem .6rem;backdrop-filter:blur(8px);z-index:2}.sp-video-info{padding:.9rem 1rem 1.1rem;border-top:1px solid rgba(255,255,255,.05)}.sp-video-vendor-tag{display:inline-block;font-family:Roboto Mono,monospace;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#00d9ffe6;background:#00d9ff14;border:1px solid rgba(0,217,255,.22);border-radius:4px;padding:.14rem .55rem;margin-bottom:.5rem}.sp-video-title{font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:600;color:#ffffffe0;margin:0 0 .45rem;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.sp-video-card:hover .sp-video-title{color:#fff}.sp-video-desc{font-family:Roboto,sans-serif;font-size:.92rem;color:#ffffffb8;margin:0;line-height:1.58;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.sp-video-card:hover .sp-video-desc{color:#ffffffd9}.sp-grid--2col{grid-template-columns:repeat(3,1fr)!important;justify-content:start;gap:1rem}@media (max-width: 1440px){.sp-grid--2col{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.sp-grid--2col{grid-template-columns:1fr!important}}.sp-video-card--feat .sp-video-thumb{aspect-ratio:16 / 9;height:unset;background:#000}.sp-video-card--feat .sp-video-thumb img{object-fit:cover;object-position:center center;transform:scale(1)}.sp-video-card--feat:hover .sp-video-thumb img{transform:scale(1.02)}.sp-video-card--cap{display:flex;flex-direction:row;min-height:262px}.sp-video-card--cap .sp-video-thumb{width:38%;max-width:172px;min-width:140px;align-self:stretch;flex-shrink:0;aspect-ratio:unset}.sp-video-card--cap .sp-video-thumb img{object-position:center center;transform:scale(1)}.sp-video-card--cap:hover .sp-video-thumb img{transform:scale(1.04)}.sp-video-card--cap .sp-video-info{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:.85rem 1rem;overflow:hidden}.sp-video-card--cap .sp-video-title{-webkit-line-clamp:3}.sp-video-card--cap .sp-video-desc{-webkit-line-clamp:4}@media (max-width: 768px){.sp-video-card--cap{flex-direction:column;height:auto}.sp-video-card--cap .sp-video-thumb{width:100%;height:200px}}.sp-sentinel{display:flex;justify-content:center;padding:2.5rem 0 1rem}.sp-loading-dots{display:flex;gap:6px;align-items:center}.sp-loading-dots span{width:6px;height:6px;border-radius:50%;background:#00d9ff80;animation:sp-dot-pulse 1.2s ease-in-out infinite}.sp-loading-dots span:nth-child(2){animation-delay:.2s}.sp-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes sp-dot-pulse{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.sp-video-card{animation:none}}@media (max-width: 1100px){.sp-video-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media (max-width: 1024px){.sp-container{flex-wrap:wrap;align-content:flex-start}.sp-right-sidebar{display:flex;width:100%;flex-direction:column;border-left:none;border-top:1px solid rgba(255,255,255,.07)}.sp-right-logo-grid{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem 1.5rem 2rem}.sp-right-logo-card{width:160px;padding:.65rem 1rem}.sp-right-header{padding:1rem 1.5rem .6rem}}@media (max-width: 960px){.sp-sidebar{width:220px}.sp-content{padding:1.75rem 1.75rem 4rem}.sp-filter-search-wrap{width:220px}.sp-filter-search-input:focus{width:220px}.sp-right-sidebar{display:none}}@media (max-width: 600px){.sp-filter-row{flex-wrap:wrap;gap:.6rem}.sp-filter-search-wrap{width:100%;flex-shrink:1}.sp-filter-search-input{width:100%}.sp-filter-search-input:focus{width:100%}}@media (max-width: 768px){.sp-container{flex-direction:column}.sp-sidebar{width:100%;position:static;height:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.07)}.sp-sidebar-header{padding:.85rem 1rem}.sp-search-wrap{display:none}.sp-vendor-list{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:.6rem .75rem;gap:.35rem;scrollbar-width:none}.sp-vendor-list::-webkit-scrollbar{display:none}.sp-vendor-divider{display:none}.sp-vendor-item{padding:.45rem .75rem;border-left:none;border-bottom:2px solid transparent;border-radius:6px;flex-shrink:0;white-space:nowrap}.sp-vendor-item:hover{border-left-color:transparent}.sp-vendor-item.active{border-left-color:transparent;border-bottom-color:#00d9ff;background:#00d9ff12}.sp-vendor-name{font-size:.76rem}.sp-vendor-badge,.sp-right-sidebar{display:none}.sp-content{padding:1.5rem 1rem 3rem}.sp-content-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem}.sp-video-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem}}@media (max-width: 480px){.sp-video-grid{grid-template-columns:1fr 1fr;gap:.65rem}.sp-content-vendor-name{font-size:1.1rem}}.sp-vendor-arrow{flex-shrink:0;color:#ffffff26;transition:color .14s ease,transform .14s ease;margin-left:-2px}.sp-vendor-item:hover .sp-vendor-arrow{color:#00d9ff80;transform:translate(2px)}.sp-vendor-item.active .sp-vendor-arrow{color:#00d9ffd9;transform:translate(2px)}.sp-grid--compact{grid-template-columns:repeat(3,1fr)!important;column-gap:2rem!important;row-gap:2.25rem!important;align-items:start!important}.sp-grid--compact .sp-video-card{position:relative!important;overflow:hidden!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.sp-grid--compact .sp-video-thumb{border-radius:6px;overflow:hidden}.sp-grid--compact .sp-video-info{padding-left:0}@media (max-width: 1200px){.sp-grid--compact{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.sp-grid--compact{grid-template-columns:1fr!important}}.demos-page[data-astro-cid-37g3uncr]{background:repeating-linear-gradient(0deg,rgba(0,217,255,.07) 0px,transparent 1px,transparent 60px),repeating-linear-gradient(90deg,rgba(0,217,255,.07) 0px,transparent 1px,transparent 60px),#2d1b69;min-height:100vh}