.screenshot-grid{column-count:1;column-gap:1.5rem}@media (min-width:768px){.screenshot-grid{column-count:2}}@media (min-width:1024px){.screenshot-grid{column-count:3}}.screenshot-item{break-inside:avoid;margin-bottom:1.5rem;display:inline-block;width:100%}.screenshot-item img{width:100%;height:auto;object-fit:contain}.ecosystem-visual{position:relative;width:350px;height:350px;display:flex;align-items:center;justify-content:center}@media (min-width:1024px){.ecosystem-visual{width:450px;height:450px}}.node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:90px;background-color:hsl(var(--card)/.8);backdrop-filter:blur(4px);border:1px solid hsl(var(--border));border-radius:50%;color:hsl(var(--foreground));transition:all .3s ease;z-index:3;box-shadow:0 0 10px hsl(var(--card)/.5);animation:counter-rotate 40s linear infinite;margin-top:-45px;margin-left:-45px}.node:hover{transform:scale(1.1) rotate(0);box-shadow:0 0 20px hsl(var(--card)),0 0 30px hsl(var(--accent)/.5)}.node span{font-size:.8rem;margin-top:4px;color:hsl(var(--muted-foreground))}.node span,.node-center{font-family:Space Grotesk,sans-serif}.node-center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:120px;height:120px;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:50%;font-weight:700;font-size:1.5rem;z-index:2;box-shadow:0 0 30px hsl(var(--primary)/.7);animation:pulse-center 6s ease-in-out infinite}.node-currency{color:hsl(var(--primary-foreground)/.8)}.orbit{position:absolute;width:100%;height:100%;border-radius:50%;animation:rotate 40s linear infinite;z-index:1}.creator{top:0;left:50%}.users{top:75%;left:7%}.partner{top:75%;left:93%}.ecosystem-visual:after,.ecosystem-visual:before{content:"";position:absolute;border-radius:50%;z-index:0;border-style:dashed}.ecosystem-visual:before{inset:40px;border-width:1px;border-color:hsl(var(--primary)/.5);animation:rotate 40s linear infinite reverse}.ecosystem-visual:after{inset:100px;border-width:1px;border-color:hsl(var(--accent)/.5);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes counter-rotate{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes pulse-center{0%,to{transform:scale(1);box-shadow:0 0 30px hsl(var(--primary)/.7)}50%{transform:scale(1.05);box-shadow:0 0 45px hsl(var(--primary)/.9)}}.ecosystem-bg{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:radial-gradient(hsl(var(--border)/.5) .5px,transparent .5px);background-size:15px 15px;animation:pan 60s linear infinite;z-index:-1}@keyframes pan{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.market-rings-visual{position:relative;width:300px;height:300px}@media (min-width:1024px){.market-rings-visual{width:350px;height:350px}}.sam-ring,.som-ring,.tam-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,hsl(var(--card)/.1) 0,transparent 70%)}.tam-ring{width:100%;height:100%;border:2px solid hsl(var(--primary));box-shadow:0 0 20px hsl(var(--primary)/.4),inset 0 0 20px hsl(var(--primary)/.2);animation:pulse-ring 8s ease-in-out infinite}.sam-ring{width:65%;height:65%;border:2px solid hsl(var(--accent));box-shadow:0 0 15px hsl(var(--accent)/.4),inset 0 0 15px hsl(var(--accent)/.2);animation:pulse-ring 6s ease-in-out infinite reverse}.som-ring{width:35%;height:35%;border:2px solid hsl(var(--chart-2));background:hsl(var(--chart-2)/.1);box-shadow:0 0 10px hsl(var(--chart-2)/.5),inset 0 0 10px hsl(var(--chart-2)/.3);animation:pulse-ring 4s ease-in-out infinite}.ring-label{position:absolute;font-family:Space Grotesk,sans-serif;font-weight:700;text-shadow:0 0 5px black;opacity:.7;font-size:.8rem;background:hsl(var(--background)/.5);padding:0 4px;border-radius:3px}.ring-label-tam{bottom:5px;right:5px;color:hsl(var(--primary))}.ring-label-sam{top:5px;left:5px;color:hsl(var(--accent))}.ring-label-som{color:hsl(var(--chart-2));font-size:1rem}@keyframes pulse-ring{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.03);opacity:.8}}