.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColorAuto:#fff;position:relative;overflow:hidden}.logoloop--vertical{height:100%;display:inline-block;overflow:hidden}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight)*.1);padding-bottom:calc(var(--logoloop-logoHeight)*.1)}[data-prefers-color=dark] .logoloop{--logoloop-fadeColorAuto:#000}.logoloop__track{will-change:transform;-webkit-user-select:none;user-select:none;z-index:0;width:max-content;display:flex;position:relative}.logoloop--vertical .logoloop__track{flex-direction:column;width:100%;height:max-content}.logoloop__list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);flex:none;line-height:1;list-style:none}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{align-items:center;display:inline-flex}.logoloop__item img{height:var(--logoloop-logoHeight);object-fit:contain;width:auto;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform-origin:50%;transform:scale(1.2)}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{border-radius:4px;align-items:center;text-decoration:none;transition:opacity .2s;display:inline-flex}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline-offset:2px;outline:2px solid}.logoloop--fade:before,.logoloop--fade:after{content:"";pointer-events:none;z-index:10;width:clamp(24px,8%,120px);transition:background .2s;position:absolute;top:0;bottom:0}.logoloop--fade:before{background:linear-gradient(to right,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto))0%,#0000 100%);left:0}.logoloop--fade:after{background:linear-gradient(to left,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto))0%,#0000 100%);right:0}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{width:100%;height:clamp(24px,8%,120px);left:0;right:0}.logoloop--vertical.logoloop--fade:before{background:linear-gradient(to bottom,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto))0%,#0000 100%);top:0;bottom:auto}.logoloop--vertical.logoloop--fade:after{background:linear-gradient(to top,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto))0%,#0000 100%);top:auto;bottom:0}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:translate(0,0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}
.testimonial-loop{width:100%;height:100%;position:relative}.testimonial-card{background:#fff;border-radius:12px;flex-direction:column;gap:16px;width:100%;padding:20px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}[data-prefers-color=dark] .testimonial-card{background:#1a1a1a;box-shadow:0 2px 8px #0000004d}.testimonial-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}[data-prefers-color=dark] .testimonial-card:hover{box-shadow:0 4px 16px #00000080}.testimonial-card__body{flex:1;align-items:center;display:flex}.testimonial-card__quote{color:#393939;margin:0;font-size:15px;font-style:italic;line-height:1.6}[data-prefers-color=dark] .testimonial-card__quote{color:#e6e6e6}.testimonial-card__footer{border-top:1px solid #e5e5e5;justify-content:center;align-items:center;gap:12px;padding-top:12px;display:flex}[data-prefers-color=dark] .testimonial-card__footer{border-top-color:#2a2a2a}.testimonial-card__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.testimonial-card__info{flex-direction:column;gap:2px;min-width:0;display:flex}.testimonial-card__name-company{color:#393939;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}[data-prefers-color=dark] .testimonial-card__name-company{color:#e6e6e6}
.window{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-direction:column;width:600px;height:460px;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001a}.window.light{background:#f8f8f80d;border:1px solid #00000014}.window.dark{background:#1c1c1e8c;border:1px solid #ffffff14}.window-header{border-bottom:1px solid;align-items:center;height:36px;padding:0 15px;display:flex;position:relative}.light .window-header{border-bottom-color:#00000014}.dark .window-header{border-bottom-color:#ffffff14}.window-controls{z-index:1;gap:8px;display:flex;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.control{cursor:pointer;border-radius:50%;width:12px;height:12px;transition:all .2s}.control.close{background-color:#ff5f56}.control.close:hover{background-color:#ff3b30;box-shadow:0 0 8px #ff5f5699}.control.minimize{background-color:#ffbd2e}.control.minimize:hover{background-color:#fa0;box-shadow:0 0 8px #ffbd2e99}.control.maximize{background-color:#27c93f}.control.maximize:hover{background-color:#1db832;box-shadow:0 0 8px #27c93f99}.window-address-bar{border-radius:5px;justify-content:center;align-items:center;width:180px;height:22px;font-size:11px;font-weight:400;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.light .window-address-bar{color:#666;background:#0000000a}.dark .window-address-bar{color:#aaa;background:#ffffff0f}.window-content{flex-direction:column;flex:1;padding:20px;display:flex;overflow:hidden}.window-content-header{margin-bottom:20px;font-size:11px}.light .window-content-header{color:#999}.dark .window-content-header{color:#666}.window-components{flex:1;overflow:hidden}.component-section{flex-direction:column;gap:28px;height:100%;display:flex}.window-logo{text-align:center;cursor:pointer;border:2px dashed;border-radius:8px;height:65px;padding:0;font-size:24px;font-weight:700;line-height:65px;transition:all .3s;position:relative}.light .window-logo{color:#0000004d;border-color:#9b4dff4d}.dark .window-logo{color:#ffffff4d;border-color:#9b4dff4d}.window-logo:hover{border-radius:2px}.light .window-logo:hover{color:#000;border-style:solid;border-color:#9b4dff}.dark .window-logo:hover{color:#fff;border-style:solid;border-color:#9b4dff}.skeleton-list{flex-direction:column;display:flex}.skeleton-list>div{border-radius:8px}.light .skeleton-list>div{background-color:#e8e8e8!important}.dark .skeleton-list>div{background-color:#3a3a3c!important}.rating-section{justify-content:flex-start;display:flex}.button-list{flex-direction:column;display:flex}.switch-section{align-items:center;gap:12px;display:flex}.badge-section{align-items:center;gap:20px;margin-top:40px;display:flex}.badge-box{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.light .badge-box{background-color:#e0e0e0}.dark .badge-box{background-color:#3a3a3c}.badge-new,.badge-new .badge-box{position:relative}.badge-new .badge-box:after{content:"NEW";color:#fff;background-color:#dc3545;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600;position:absolute;top:-8px;right:-8px}.color-grid{flex:1;gap:0;display:flex}.color-column{flex-direction:column;flex:1;gap:0;display:flex}.color-item{aspect-ratio:1;cursor:pointer;border-radius:0;flex:1;transition:all .3s}.color-item:hover{z-index:1;border-radius:8px;transform:scale(1.1)translateZ(10px);box-shadow:0 8px 16px #0003}.light .color-item.color-gray-100{background-color:#393939}.dark .color-item.color-gray-100{background-color:#f5f5f5}.light .color-item.color-gray-80{background-color:#393939cc}.dark .color-item.color-gray-80{background-color:#f5f5f5cc}.light .color-item.color-gray-60{background-color:#39393999}.dark .color-item.color-gray-60{background-color:#f5f5f599}.light .color-item.color-gray-40{background-color:#39393966}.dark .color-item.color-gray-40{background-color:#f5f5f566}.light .color-item.color-gray-20{background-color:#39393933}.dark .color-item.color-gray-20{background-color:#f5f5f533}.avatar-section{justify-content:flex-end;margin-top:-12px;display:flex}
.dot-grid{justify-content:center;align-items:center;width:100%;height:100%;padding:1em;display:flex;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
.squares-canvas{border:none;width:100%;height:100%;display:block}