#ecosystem-hero{padding:clamp(80px,12vw,160px) clamp(20px,5vw,80px);min-height:85vh;display:flex;align-items:center;border-top:1px solid var(--color-white-06);background:var(--color-black);position:relative}#ecosystem-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 60% 40%,var(--color-green-03) 0%,transparent 50%);pointer-events:none}.ecosystem-hero-inner{max-width:1200px;margin:0 auto;width:100%}.ecosystem-hero-label{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-white-40);font-family:var(--font-mono);display:block;margin-bottom:var(--space-xl)}.ecosystem-hero-title{font-size:clamp(42px,7vw,88px);font-weight:400;line-height:1;letter-spacing:-.03em;color:var(--color-white);margin:0 0 var(--space-xl)}.ecosystem-hero-description{font-size:18px;color:var(--color-white-55);line-height:1.7;max-width:540px;margin-bottom:var(--space-xl);letter-spacing:.005em}.ecosystem-hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-white-70);background:var(--color-white-08);border:1px solid var(--color-white-12);padding:8px 16px;border-radius:100px}.ecosystem-hero-badge-count{color:var(--color-green);font-weight:600}#ecosystem-themes,#ecosystem-integrations,#ecosystem-components,#ecosystem-3d,#ecosystem-textures{padding:clamp(60px,8vw,120px) clamp(20px,5vw,80px);border-top:1px solid var(--color-white-06)}.ecosystem-section-inner{max-width:1400px;margin:0 auto}.ecosystem-section-header{display:flex;align-items:baseline;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.ecosystem-section-title{font-size:clamp(30px,4vw,48px);font-weight:400;line-height:1.05;letter-spacing:-.025em;color:var(--color-white);margin:0}.ecosystem-section-count{font-size:13px;color:var(--color-white-35);font-family:var(--font-mono);letter-spacing:.04em}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}@media(max-width:900px){.ecosystem-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media(max-width:600px){.ecosystem-grid{grid-template-columns:1fr;gap:var(--space-md)}}[class*=ecosystem-][class*=-card]{display:block;text-decoration:none;color:inherit;border-radius:16px;background:linear-gradient(160deg,var(--color-white-05) 0%,var(--color-white-02) 100%);border:1px solid var(--color-white-10);padding:var(--space-xl);transition:border-color .4s var(--ease-lusion),transform .4s var(--ease-lusion),box-shadow .4s var(--ease-lusion);box-shadow:0 4px 20px #0003,inset 0 1px #ffffff08;position:relative;overflow:hidden}[class*=ecosystem-][class*=-card]:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--color-green-30),transparent);opacity:0;transition:opacity .4s var(--ease-lusion)}[class*=ecosystem-][class*=-card]:hover:before{opacity:1}[class*=ecosystem-][class*=-card]:hover{border-color:var(--color-green-25);transform:translateY(-4px);box-shadow:0 12px 40px #00000059,0 0 0 1px var(--color-green-10)}[class*=ecosystem-][class*=-card]:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.ecosystem-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.ecosystem-card-name{font-size:18px;font-weight:500;color:var(--color-white);letter-spacing:-.01em;margin:0;line-height:1.3}.ecosystem-download-count{font-size:12px;font-family:var(--font-mono);color:var(--color-white-40);white-space:nowrap;padding:4px 10px;background:var(--color-white-06);border-radius:100px;border:1px solid var(--color-white-08)}.ecosystem-card-desc{font-size:14px;color:var(--color-white-55);line-height:1.6;margin:0 0 var(--space-lg);letter-spacing:.005em}.ecosystem-card-tags{display:flex;flex-wrap:wrap;gap:6px}.ecosystem-card-tag{display:inline-block;font-size:10px;font-weight:500;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff9;padding:3px 8px;background:#ffffff14;border-radius:4px;border:1px solid rgba(255,255,255,.06)}.ecosystem-grid>[class*=ecosystem-][class*=-card]{opacity:0;transform:translateY(20px)}.ecosystem-grid.revealed>[class*=ecosystem-][class*=-card]{opacity:1;transform:translateY(0);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo)}.ecosystem-grid.revealed>[class*=ecosystem-][class*=-card]:nth-child(1){transition-delay:.05s}.ecosystem-grid.revealed>[class*=ecosystem-][class*=-card]:nth-child(2){transition-delay:.1s}.ecosystem-grid.revealed>[class*=ecosystem-][class*=-card]:nth-child(3){transition-delay:.15s}.ecosystem-grid.revealed>[class*=ecosystem-][class*=-card]:nth-child(4){transition-delay:.2s}.ecosystem-grid.revealed>[class*=ecosystem-][class*=-card]:nth-child(5){transition-delay:.25s}.ecosystem-grid.revealed>[class*=ecosystem-][class*=-card]:nth-child(6){transition-delay:.3s}.ecosystem-grid.revealed>[class*=ecosystem-][class*=-card]:nth-child(7){transition-delay:.35s}.ecosystem-grid.revealed>[class*=ecosystem-][class*=-card]:nth-child(8){transition-delay:.4s}.ecosystem-grid.revealed>[class*=ecosystem-][class*=-card]:nth-child(9){transition-delay:.45s}.ecosystem-grid.revealed>[class*=ecosystem-][class*=-card]:nth-child(10){transition-delay:.5s}.ecosystem-grid.revealed>[class*=ecosystem-][class*=-card]:nth-child(11){transition-delay:.55s}.ecosystem-grid.revealed>[class*=ecosystem-][class*=-card]:nth-child(12){transition-delay:.6s}.ecosystem-integration-card .ecosystem-download-count{color:var(--color-green)}.ecosystem-component-card .ecosystem-download-count{color:#8b5cf6}.ecosystem-model-card .ecosystem-download-count{color:#3b82f6}.ecosystem-card-header-meta{display:flex;align-items:center;gap:8px}.ecosystem-texture-card .ecosystem-license-tag{font-size:10px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-green-60);padding:2px 8px;border:1px solid var(--color-green-20);border-radius:4px}@media(max-width:480px){#ecosystem-hero,#ecosystem-themes,#ecosystem-integrations,#ecosystem-components,#ecosystem-3d,#ecosystem-textures{padding:clamp(40px,8vw,80px) clamp(16px,4vw,20px)}.ecosystem-hero-title{font-size:clamp(32px,10vw,56px)}.ecosystem-hero-description{font-size:15px}.ecosystem-grid{grid-template-columns:1fr}}.bg-black[data-astro-cid-kbatkiqk]{background:var(--color-black)}