Vrtor.ru

.cta-group display: flex; flex-wrap: wrap; gap: 1rem; align-items: center;

/* Custom cursor / accent glow */ .glow-text background: linear-gradient(135deg, #a5f3fc, #818cf8, #c084fc); background-clip: text; -webkit-background-clip: text; color: transparent;

<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> vrtor.ru

.btn-outline-light border: 1px solid rgba(165, 243, 252, 0.4); background: rgba(255,255,255,0.02); padding: 0.5rem 1.2rem; border-radius: 40px; font-weight: 600; transition: 0.25s;

.btn-primary background: linear-gradient(95deg, #6366f1, #a855f7); padding: 0.85rem 2rem; border-radius: 40px; font-weight: 600; border: none; color: white; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 8px 20px rgba(99,102,241,0.25); font-size: 1rem; .cta-group display: flex

<section class="hero"> <div class="badge">✦ vrtor ecosystem — launch 2026</div> <h1>Intelligent infrastructure <span class="glow-text">for the next digital era</span></h1> <p>Secure, scalable, and radically simple. VRTOR empowers modern teams to build, deploy, and scale with unmatched performance.</p> <div class="cta-group"> <button class="btn-primary" id="mainCtaBtn">Get early access →</button> <button class="btn-secondary" id="demoBtn">Watch demo</button> </div> </section>

.footer-links display: flex; gap: 2rem;