.vl-eco{position:relative;padding:var(--vl-section-pad-md) var(--vl-container-pad);background:var(--vl-bg-secondary);overflow:hidden}.vl-eco--bg-white{background:var(--vl-bg-primary)}.vl-eco--bg-gray{background:var(--vl-bg-secondary)}.vl-eco--bg-dark{background:var(--vl-gray-900);--vl-text-primary: #fafafa;--vl-text-secondary: #a1a1aa;--vl-text-tertiary: #71717a;--vl-border: #27272a;--vl-bg-card: #18181b}.vl-eco__header{max-width:680px;margin:0 auto var(--vl-space-12);text-align:center}.vl-eco__header--left{text-align:left;margin-left:0;margin-right:auto}.vl-eco__overline{display:inline-flex;align-items:center;gap:var(--vl-space-2);margin-bottom:var(--vl-space-4);font-family:var(--vl-font-sans);font-size:11px;font-weight:600;letter-spacing:var(--vl-tracking-wider);text-transform:uppercase;color:var(--vl-accent-400)}.vl-eco__overline-line{width:24px;height:1px;background:var(--vl-accent-400)}.vl-eco__title{margin:0 0 var(--vl-space-4);font-family:var(--vl-font-sans);font-size:clamp(1.75rem,3vw + .5rem,2.5rem);font-weight:700;line-height:var(--vl-leading-tight);letter-spacing:var(--vl-tracking-tight);color:var(--vl-text-primary)}.vl-eco__subtitle{margin:0;font-family:var(--vl-font-sans);font-size:var(--vl-text-lg);line-height:var(--vl-leading-relaxed);color:var(--vl-text-secondary)}.vl-eco__grid{display:grid;gap:16px;max-width:var(--vl-container-lg);margin:0 auto}.vl-eco__grid--bento{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(200px,auto)}.vl-eco__grid--columns{grid-template-columns:repeat(3,1fr)}.vl-eco__grid--scroll{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:var(--vl-space-4);max-width:100%;margin:0 auto}.vl-eco__grid--scroll::-webkit-scrollbar{height:4px}.vl-eco__grid--scroll::-webkit-scrollbar-track{background:var(--vl-border);border-radius:2px}.vl-eco__grid--scroll::-webkit-scrollbar-thumb{background:var(--vl-accent-400);border-radius:2px}.vl-eco__grid--scroll .vl-eco__card{flex:0 0 340px;scroll-snap-align:start}.vl-eco__scroll-nav{display:none;justify-content:flex-end;gap:var(--vl-space-2);margin-bottom:var(--vl-space-6);max-width:var(--vl-container-lg);margin-left:auto;margin-right:auto}.vl-eco__grid--scroll~.vl-eco__scroll-nav,.vl-eco__scroll-nav--visible{display:flex}.vl-eco__scroll-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--vl-radius-md);border:1px solid var(--vl-border);background:var(--vl-bg-card);color:var(--vl-text-secondary);cursor:pointer;transition:background var(--vl-duration-fast) ease,border-color var(--vl-duration-fast) ease,color var(--vl-duration-fast) ease}.vl-eco__scroll-btn:hover{background:var(--vl-bg-tertiary);border-color:var(--vl-border-strong);color:var(--vl-text-primary)}.vl-eco__scroll-btn:active{transform:scale(.95)}.vl-eco__scroll-btn svg{width:20px;height:20px}.vl-eco__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--vl-space-8);border-radius:var(--vl-radius-2xl);border:1px solid var(--vl-border);background:var(--vl-bg-card);overflow:hidden;text-decoration:none;color:inherit;cursor:pointer;transition:transform var(--vl-duration-normal) var(--vl-ease-out),box-shadow var(--vl-duration-normal) var(--vl-ease-out),border-color var(--vl-duration-normal) var(--vl-ease-out)}.vl-eco__card:hover{transform:translateY(-4px);box-shadow:var(--vl-shadow-lg);border-color:var(--vl-border-strong)}.vl-eco__card--span-4{grid-column:span 4}.vl-eco__card--span-6{grid-column:span 6}.vl-eco__card--span-8{grid-column:span 8}.vl-eco__card--span-12{grid-column:span 12}.vl-eco__card--tall{grid-row:span 2}.vl-eco__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity var(--vl-duration-normal) var(--vl-ease-out);pointer-events:none;z-index:0}.vl-eco__card:hover:before{opacity:1}.vl-eco__card{--card-glow: rgba(99, 102, 241, .08);--card-glow-border: rgba(99, 102, 241, .25)}.vl-eco__card:before{background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--card-glow),transparent 40%)}.vl-eco__card:hover{border-color:var(--card-glow-border)}.vl-eco__card--gradient-indigo{--card-glow: rgba(99, 102, 241, .1);--card-glow-border: rgba(99, 102, 241, .3);background:linear-gradient(135deg,rgba(99,102,241,.06) 0%,var(--vl-bg-card) 60%)}.vl-eco__card--gradient-violet{--card-glow: rgba(139, 92, 246, .1);--card-glow-border: rgba(139, 92, 246, .3);background:linear-gradient(135deg,rgba(139,92,246,.06) 0%,var(--vl-bg-card) 60%)}.vl-eco__card--gradient-cyan{--card-glow: rgba(6, 182, 212, .1);--card-glow-border: rgba(6, 182, 212, .3);background:linear-gradient(135deg,rgba(6,182,212,.06) 0%,var(--vl-bg-card) 60%)}.vl-eco__card--gradient-emerald{--card-glow: rgba(16, 185, 129, .1);--card-glow-border: rgba(16, 185, 129, .3);background:linear-gradient(135deg,rgba(16,185,129,.06) 0%,var(--vl-bg-card) 60%)}.vl-eco__card--gradient-amber{--card-glow: rgba(245, 158, 11, .1);--card-glow-border: rgba(245, 158, 11, .3);background:linear-gradient(135deg,rgba(245,158,11,.06) 0%,var(--vl-bg-card) 60%)}.vl-eco__card--gradient-rose{--card-glow: rgba(244, 63, 94, .1);--card-glow-border: rgba(244, 63, 94, .3);background:linear-gradient(135deg,rgba(244,63,94,.06) 0%,var(--vl-bg-card) 60%)}.vl-eco--bg-dark .vl-eco__card--gradient-indigo{background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,var(--vl-bg-card) 60%)}.vl-eco--bg-dark .vl-eco__card--gradient-violet{background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,var(--vl-bg-card) 60%)}.vl-eco--bg-dark .vl-eco__card--gradient-cyan{background:linear-gradient(135deg,rgba(6,182,212,.1) 0%,var(--vl-bg-card) 60%)}.vl-eco--bg-dark .vl-eco__card--gradient-emerald{background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,var(--vl-bg-card) 60%)}.vl-eco--bg-dark .vl-eco__card--gradient-amber{background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,var(--vl-bg-card) 60%)}.vl-eco--bg-dark .vl-eco__card--gradient-rose{background:linear-gradient(135deg,rgba(244,63,94,.1) 0%,var(--vl-bg-card) 60%)}.vl-eco__card-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:var(--vl-space-5);border-radius:var(--vl-radius-md);background:var(--vl-accent-50);color:var(--vl-accent-500);transition:transform var(--vl-duration-normal) var(--vl-ease-out)}.vl-eco__card:hover .vl-eco__card-icon{transform:scale(1.08)}.vl-eco__card-icon svg{width:24px;height:24px}.vl-eco__card--gradient-indigo .vl-eco__card-icon{background:#6366f11f;color:#6366f1}.vl-eco__card--gradient-violet .vl-eco__card-icon{background:#8b5cf61f;color:#8b5cf6}.vl-eco__card--gradient-cyan .vl-eco__card-icon{background:#06b6d41f;color:#06b6d4}.vl-eco__card--gradient-emerald .vl-eco__card-icon{background:#10b9811f;color:#10b981}.vl-eco__card--gradient-amber .vl-eco__card-icon{background:#f59e0b1f;color:#f59e0b}.vl-eco__card--gradient-rose .vl-eco__card-icon{background:#f43f5e1f;color:#f43f5e}.vl-eco--bg-dark .vl-eco__card-icon{background:#6366f126}.vl-eco__card-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:inherit}.vl-eco__card-image img{width:100%;height:100%;object-fit:cover;opacity:.12;transition:opacity var(--vl-duration-normal) var(--vl-ease-out)}.vl-eco__card:hover .vl-eco__card-image img{opacity:.18}.vl-eco__card-content{position:relative;z-index:1}.vl-eco__card-badge{display:inline-block;padding:3px 10px;margin-bottom:var(--vl-space-3);font-family:var(--vl-font-sans);font-size:11px;font-weight:600;letter-spacing:var(--vl-tracking-wide);border-radius:var(--vl-radius-full);background:var(--vl-accent-50);color:var(--vl-accent-500)}.vl-eco__card-badge--coming-soon{background:#f59e0b1f;color:#d97706}.vl-eco__card-badge--new{background:#10b9811f;color:#059669}.vl-eco__card-badge--beta{background:#8b5cf61f;color:#7c3aed}.vl-eco__card-title{margin:0 0 var(--vl-space-2);font-family:var(--vl-font-sans);font-size:var(--vl-text-xl);font-weight:600;line-height:var(--vl-leading-snug);letter-spacing:var(--vl-tracking-tight);color:var(--vl-text-primary)}.vl-eco__card-subtitle{margin:0 0 var(--vl-space-3);font-family:var(--vl-font-sans);font-size:var(--vl-text-sm);font-weight:400;line-height:var(--vl-leading-relaxed);color:var(--vl-text-secondary)}.vl-eco__card-desc{margin:0 0 var(--vl-space-5);font-family:var(--vl-font-sans);font-size:var(--vl-text-sm);line-height:var(--vl-leading-relaxed);color:var(--vl-text-tertiary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vl-eco__card-expand{max-height:0;overflow:hidden;transition:max-height .4s var(--vl-ease-out)}.vl-eco__card.is-expanded .vl-eco__card-expand{max-height:200px}.vl-eco__card-expand-inner{padding-top:var(--vl-space-3);font-family:var(--vl-font-sans);font-size:var(--vl-text-sm);line-height:var(--vl-leading-relaxed);color:var(--vl-text-tertiary)}.vl-eco__card-arrow{display:inline-flex;align-items:center;gap:var(--vl-space-2);font-family:var(--vl-font-sans);font-size:var(--vl-text-sm);font-weight:500;color:var(--vl-accent-400);text-decoration:none;transition:gap var(--vl-duration-normal) var(--vl-ease-out)}.vl-eco__card:hover .vl-eco__card-arrow{gap:var(--vl-space-3)}.vl-eco__card-arrow svg{width:16px;height:16px;transition:transform var(--vl-duration-normal) var(--vl-ease-out)}.vl-eco__card:hover .vl-eco__card-arrow svg{transform:translate(3px)}.vl-eco__card-arrow--external svg{transform:none}.vl-eco__card:hover .vl-eco__card-arrow--external svg{transform:translate(2px,-2px)}.vl-eco__card-toggle{display:inline-flex;align-items:center;gap:var(--vl-space-1);margin-top:var(--vl-space-2);padding:0;border:none;background:none;font-family:var(--vl-font-sans);font-size:var(--vl-text-xs);font-weight:500;color:var(--vl-text-muted);cursor:pointer;transition:color var(--vl-duration-fast) ease}.vl-eco__card-toggle:hover{color:var(--vl-text-secondary)}.vl-eco__card-toggle svg{width:14px;height:14px;transition:transform var(--vl-duration-normal) var(--vl-ease-out)}.vl-eco__card.is-expanded .vl-eco__card-toggle svg{transform:rotate(180deg)}.vl-eco__header,.vl-eco__card{opacity:0;transform:translateY(24px)}.vl-eco.is-visible .vl-eco__header{animation:vl-eco-reveal .6s var(--vl-ease-out) forwards}.vl-eco.is-visible .vl-eco__card{animation:vl-eco-reveal .5s var(--vl-ease-out) forwards}.vl-eco.is-visible .vl-eco__card:nth-child(1){animation-delay:.1s}.vl-eco.is-visible .vl-eco__card:nth-child(2){animation-delay:.16s}.vl-eco.is-visible .vl-eco__card:nth-child(3){animation-delay:.22s}.vl-eco.is-visible .vl-eco__card:nth-child(4){animation-delay:.28s}.vl-eco.is-visible .vl-eco__card:nth-child(5){animation-delay:.34s}.vl-eco.is-visible .vl-eco__card:nth-child(6){animation-delay:.4s}.vl-eco.is-visible .vl-eco__card:nth-child(7){animation-delay:.46s}.vl-eco.is-visible .vl-eco__card:nth-child(8){animation-delay:.52s}@keyframes vl-eco-reveal{to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.vl-eco{padding:var(--vl-section-pad-sm) var(--vl-container-pad)}.vl-eco__header{margin-bottom:var(--vl-space-8)}.vl-eco__grid--bento{grid-template-columns:1fr;grid-auto-rows:auto}.vl-eco__card--span-4,.vl-eco__card--span-6,.vl-eco__card--span-8,.vl-eco__card--span-12{grid-column:span 1}.vl-eco__card--tall{grid-row:span 1}.vl-eco__grid--columns{grid-template-columns:1fr}.vl-eco__grid--scroll .vl-eco__card{flex:0 0 calc(100vw - 48px)}.vl-eco__card{padding:var(--vl-space-6)}.vl-eco__scroll-nav{display:none!important}}@media(min-width:768px)and (max-width:1023px){.vl-eco__grid--bento{grid-template-columns:repeat(6,1fr)}.vl-eco__card--span-4,.vl-eco__card--span-6{grid-column:span 3}.vl-eco__card--span-8,.vl-eco__card--span-12{grid-column:span 6}.vl-eco__grid--columns{grid-template-columns:repeat(2,1fr)}.vl-eco__grid--scroll .vl-eco__card{flex:0 0 320px}}@media(prefers-reduced-motion:reduce){.vl-eco__header,.vl-eco__card{opacity:1;transform:none;animation:none!important}.vl-eco__card,.vl-eco__card:before,.vl-eco__card-icon,.vl-eco__card-arrow,.vl-eco__card-arrow svg,.vl-eco__card-image img{transition:none}.vl-eco__card-expand{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vl-ecosystem.css.map */