Cases — Реальные результаты

<div class="card" style="display: flex; flex-direction: column;"> <!-- Case Image Placeholder --> <div style="aspect-ratio: 16/9; background: linear-gradient(135deg, var(--sn-bg-dark) 0%, #1a1d24 100%); border-radius: var(--radius-md); margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.5); font-size: 3rem;"> 📱 </div> <!-- Tags --> <div style="display: flex; gap: 0.5rem; margin-bottom: 1rem; flex-wrap: wrap;"> <span style="padding: 0.25rem 0.75rem; background: var(--sn-accent-light); color: var(--sn-accent); border-radius: var(--radius-full); font-size: 0.875rem; font-weight: 600;"> Fashion </span> <span style="padding: 0.25rem 0.75rem; background: var(--sn-success); color: white; border-radius: var(--radius-full); font-size: 0.875rem; font-weight: 600; opacity: 0.8;"> Brand Awareness </span> </div> <h3 style="margin-bottom: 0.75rem; font-size: 1.5rem;">Fashion Brand TikTok Challenge</h3> <p style="color: var(--sn-fg-secondary); margin-bottom: 1.5rem; flex-grow: 1;"> Челлендж с участием 5K+ микроинфлюенсеров для fashion-бренда. Органический рост через UGC. </p> <!-- Metrics --> <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; padding: 1.5rem; background: var(--sn-accent-light); border-radius: var(--radius-md);"> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> 150M+ </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">Views</div> </div> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> 5,000+ </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">Publications</div> </div> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> 14.2% </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">ER</div> </div> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> $0.0015 </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">CPV</div> </div> </div> </div> <div class="card" style="display: flex; flex-direction: column;"> <!-- Case Image Placeholder --> <div style="aspect-ratio: 16/9; background: linear-gradient(135deg, var(--sn-bg-dark) 0%, #1a1d24 100%); border-radius: var(--radius-md); margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.5); font-size: 3rem;"> 📱 </div> <!-- Tags --> <div style="display: flex; gap: 0.5rem; margin-bottom: 1rem; flex-wrap: wrap;"> <span style="padding: 0.25rem 0.75rem; background: var(--sn-accent-light); color: var(--sn-accent); border-radius: var(--radius-full); font-size: 0.875rem; font-weight: 600;"> Gaming </span> <span style="padding: 0.25rem 0.75rem; background: var(--sn-success); color: white; border-radius: var(--radius-full); font-size: 0.875rem; font-weight: 600; opacity: 0.8;"> User Acquisition </span> </div> <h3 style="margin-bottom: 0.75rem; font-size: 1.5rem;">Mobile Game Launch</h3> <p style="color: var(--sn-fg-secondary); margin-bottom: 1.5rem; flex-grow: 1;"> Массовый посев для запуска мобильной игры через Creator-сети в 20+ странах. </p> <!-- Metrics --> <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; padding: 1.5rem; background: var(--sn-accent-light); border-radius: var(--radius-md);"> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> 200M+ </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">Views</div> </div> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> 8,000+ </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">Publications</div> </div> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> 18.5% </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">ER</div> </div> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> $0.0008 </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">CPV</div> </div> </div> </div> <div class="card" style="display: flex; flex-direction: column;"> <!-- Case Image Placeholder --> <div style="aspect-ratio: 16/9; background: linear-gradient(135deg, var(--sn-bg-dark) 0%, #1a1d24 100%); border-radius: var(--radius-md); margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.5); font-size: 3rem;"> 📱 </div> <!-- Tags --> <div style="display: flex; gap: 0.5rem; margin-bottom: 1rem; flex-wrap: wrap;"> <span style="padding: 0.25rem 0.75rem; background: var(--sn-accent-light); color: var(--sn-accent); border-radius: var(--radius-full); font-size: 0.875rem; font-weight: 600;"> Music </span> <span style="padding: 0.25rem 0.75rem; background: var(--sn-success); color: white; border-radius: var(--radius-full); font-size: 0.875rem; font-weight: 600; opacity: 0.8;"> Streams Growth </span> </div> <h3 style="margin-bottom: 0.75rem; font-size: 1.5rem;">AI Music Artist Promotion</h3> <p style="color: var(--sn-fg-secondary); margin-bottom: 1.5rem; flex-grow: 1;"> Продвижение AI-музыкального артиста через вертикальные видео и ремиксы в Shorts/Reels. </p> <!-- Metrics --> <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; padding: 1.5rem; background: var(--sn-accent-light); border-radius: var(--radius-md);"> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> 80M+ </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">Views</div> </div> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> 3,000+ </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">Publications</div> </div> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> 22.1% </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">ER</div> </div> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> $0.0012 </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">CPV</div> </div> </div> </div> <div class="card" style="display: flex; flex-direction: column;"> <!-- Case Image Placeholder --> <div style="aspect-ratio: 16/9; background: linear-gradient(135deg, var(--sn-bg-dark) 0%, #1a1d24 100%); border-radius: var(--radius-md); margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.5); font-size: 3rem;"> 📱 </div> <!-- Tags --> <div style="display: flex; gap: 0.5rem; margin-bottom: 1rem; flex-wrap: wrap;"> <span style="padding: 0.25rem 0.75rem; background: var(--sn-accent-light); color: var(--sn-accent); border-radius: var(--radius-full); font-size: 0.875rem; font-weight: 600;"> FoodTech </span> <span style="padding: 0.25rem 0.75rem; background: var(--sn-success); color: white; border-radius: var(--radius-full); font-size: 0.875rem; font-weight: 600; opacity: 0.8;"> Product Launch </span> </div> <h3 style="margin-bottom: 0.75rem; font-size: 1.5rem;">Food Tech Startup</h3> <p style="color: var(--sn-fg-secondary); margin-bottom: 1.5rem; flex-grow: 1;"> Запуск инновационного food-продукта через UGC-посевы и мем-механики. </p> <!-- Metrics --> <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; padding: 1.5rem; background: var(--sn-accent-light); border-radius: var(--radius-md);"> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> 120M+ </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">Views</div> </div> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> 4,500+ </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">Publications</div> </div> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> 16.8% </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">ER</div> </div> <div> <div style="font-size: 1.75rem; font-weight: 800; background: var(--sn-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-variant-numeric: tabular-nums;"> $0.0010 </div> <div style="font-size: 0.875rem; color: var(--sn-fg-secondary); font-weight: 600;">CPV</div> </div> </div> </div>