<!-- stats & reliability --> <div class="stats-section"> <div class="stat-item"> <div class="stat-number">99.99%</div> <div>uptime SLA</div> </div> <div class="stat-item"> <div class="stat-number">< 45ms</div> <div>global p95 latency</div> </div> <div class="stat-item"> <div class="stat-number">500+</div> <div>enterprise nodes</div> </div> <div class="stat-item"> <div class="stat-number">∞</div> <div>scalability ceiling</div> </div> </div>
.stat-item text-align: center; flex: 1;
.features-grid display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin: 3rem 0 5rem; vrtor.ru
.btn-secondary:hover border-color: #a78bfa; background: rgba(167, 139, 250, 0.05); color: #c084fc; !-- stats & reliability -->
.feature-icon font-size: 2.5rem; margin-bottom: 1.2rem; global p95 latency<
.cta-banner h2 font-size: 2rem; margin-bottom: 1rem;
.badge display: inline-flex; background: rgba(130, 100, 220, 0.18); backdrop-filter: blur(4px); border-radius: 40px; padding: 0.3rem 1rem; font-size: 0.8rem; font-weight: 500; letter-spacing: 0.3px; border: 1px solid rgba(130, 100, 220, 0.3); width: fit-content; margin-bottom: 1.8rem;