@layer components{.ecosystem-section{contain:layout style;--eco-ease:cubic-bezier(.4, 0, .2, 1);--eco-spring:cubic-bezier(.34, 1.56, .64, 1);padding-inline:clamp(1.25rem,5vw,4rem);position:relative;overflow:hidden}.ecosystem-section:before,.ecosystem-section:after{content:"";z-index:-2;pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.ecosystem-section:before{background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--c-primary) 10%, transparent), transparent 31%), radial-gradient(circle at 86% 74%, color-mix(in srgb, var(--c-secondary) 9%, transparent), transparent 34%);inset:0}.ecosystem-section:after{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--c-primary) 7%, transparent), transparent 68%);width:min(70rem,90vw);top:50%;left:50%;transform:translate(-50%,-50%)}.ecosystem-layout{grid-template-columns:minmax(480px,1fr) minmax(0,1.4fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);max-width:1120px;margin-inline:auto;display:grid}.ecosystem-aside{flex-direction:column;gap:1.5rem;display:flex;position:sticky;top:6rem}.ecosystem-main{contain:layout;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.ecosystem-trust{transition:transform .3s var(--eco-ease);will-change:transform;align-items:flex-start;gap:1rem;padding:.5rem;display:flex;transform:translateZ(0)}.ecosystem-trust:hover{transform:translateY(-4px)}.ecosystem-trust__icon{border:1px solid color-mix(in srgb, var(--c-accent) 30%, transparent);background:color-mix(in srgb, var(--c-accent) 10%, transparent);height:2.5rem;color:var(--c-accent);border-radius:50%;flex:0 0 2.5rem;justify-content:center;align-items:center;display:inline-flex}.ecosystem-trust__title{color:var(--c-text);letter-spacing:-.01em;font-size:.95rem;font-weight:800}.ecosystem-trust__text{color:color-mix(in srgb, var(--c-text) 70%, transparent);margin-top:.25rem;font-size:.85rem;line-height:1.6}.eco-widget{background:color-mix(in srgb, var(--c-bg) 60%, transparent);border:1px solid color-mix(in srgb, var(--c-primary) 20%, transparent);border-radius:1rem;grid-column:1/-1;padding:2rem;position:relative;overflow:hidden}.eco-widget:before{content:"";background:linear-gradient(90deg, transparent, var(--c-accent), var(--c-primary), transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.eco-widget__header{border-bottom:1px solid color-mix(in srgb, var(--c-text) 10%, transparent);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.eco-widget__title{color:var(--c-text);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.875rem;font-weight:700}.eco-widget__status{color:var(--c-primary);align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:inline-flex}.eco-widget__pulse{background-color:var(--c-primary);width:6px;height:6px;box-shadow:0 0 8px var(--c-primary);animation:ecoPulse 2.5s var(--eco-ease) infinite;will-change:transform, opacity;border-radius:50%}@keyframes ecoPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.eco-widget__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;display:grid}.eco-provider{background:color-mix(in srgb, var(--c-secondary) 10%, transparent);border:1px solid color-mix(in srgb, var(--c-text) 10%, transparent);transition:transform .2s var(--eco-ease), background .2s var(--eco-ease);will-change:transform;cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem;display:flex;transform:translateZ(0)}.eco-provider:hover{background:color-mix(in srgb, var(--c-primary) 10%, transparent);border-color:color-mix(in srgb, var(--c-primary) 40%, transparent);transform:translateY(-2px)}.eco-provider__icon{color:var(--c-primary)}.eco-provider__info{flex-direction:column;min-width:0;display:flex}.eco-provider__name{color:var(--c-text);truncate:true;font-size:.75rem;font-weight:700}.eco-provider__meta{color:color-mix(in srgb, var(--c-text) 60%, transparent);font-size:.65rem}.eco-module-wrapper{height:100%;transition:transform .3s var(--eco-ease), box-shadow .3s var(--eco-ease);will-change:transform, box-shadow;transform:translateZ(0)}.eco-module-wrapper:hover{box-shadow:0 12px 24px -10px color-mix(in srgb, var(--c-primary) 20%, transparent);z-index:2;transform:translateY(-4px)}.eco-module{isolation:isolate;flex-direction:column;gap:.75rem;height:100%;padding:.5rem;display:flex;position:relative;overflow:hidden}.eco-module:before{content:"";background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,-20%), color-mix(in srgb, var(--c-primary) 8%, transparent), transparent 40%);opacity:0;width:100%;height:100%;transition:opacity .3s var(--eco-ease);pointer-events:none;z-index:-1;position:absolute;top:0;left:0}.eco-module-wrapper:hover .eco-module:before{opacity:1}.eco-module__header{align-items:center;gap:.875rem;display:flex}.eco-module__icon{background:linear-gradient(135deg, color-mix(in srgb, var(--c-primary) 15%, transparent), color-mix(in srgb, var(--c-bg) 50%, transparent));border:1px solid color-mix(in srgb, var(--c-primary) 30%, transparent);height:2.25rem;color:var(--c-primary);box-shadow:inset 0 0 8px color-mix(in srgb, var(--c-primary) 10%, transparent);transition:transform .3s var(--eco-spring), background .3s var(--eco-ease);will-change:transform;border-radius:.6rem;flex:0 0 2.25rem;justify-content:center;align-items:center;display:flex}.eco-module-wrapper:hover .eco-module__icon{background:linear-gradient(135deg, color-mix(in srgb, var(--c-primary) 25%, transparent), color-mix(in srgb, var(--c-accent) 10%, transparent));transform:scale(1.08)rotate(-4deg)translateZ(0)}.eco-module__meta{flex-direction:column;justify-content:center;gap:.15rem;display:flex}.eco-module__label{color:var(--c-primary);text-transform:uppercase;letter-spacing:.12em;font-size:.625rem;font-weight:800}.eco-module__title{color:var(--c-text);letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:700}.eco-module__content{padding-left:3.125rem;position:relative}.eco-module__desc{color:color-mix(in srgb, var(--c-text) 65%, transparent);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.eco-module__index{color:color-mix(in srgb, var(--c-text) 3%, transparent);pointer-events:none;z-index:-2;transition:color .3s var(--eco-ease), transform .4s var(--eco-ease);font-size:4rem;font-weight:900;line-height:1;position:absolute;top:-.5rem;right:-.5rem}.eco-module-wrapper:hover .eco-module__index{color:color-mix(in srgb, var(--c-primary) 5%, transparent);transform:translate(-4px,4px)scale(1.1)}@media (max-width:960px){.ecosystem-layout{grid-template-columns:1fr}.ecosystem-aside{position:relative;top:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}