// demo button const demoBtn = document.getElementById('demoBtn'); if (demoBtn) demoBtn.addEventListener('click', () => showMessage('▶️ Interactive demo is loading — experience the VRTOR core in real time.', 'info'); // optional: open a modal simulation, but we just show message const badge = document.querySelector('.badge'); if (badge) badge.style.backgroundColor = 'rgba(130, 100, 220, 0.3)'; setTimeout(() => badge.style.backgroundColor = '', 400); );
.footer-links a:hover color: #c084fc;
function showMessage(text, type = 'info') const toast = document.createElement('div'); toast.style.background = type === 'success' ? '#1e293b' : '#0f172a'; toast.style.backdropFilter = 'blur(12px)'; toast.style.border = `1px solid $type === 'success' ? '#a5f3fc' : '#818cf8'`; toast.style.borderRadius = '60px'; toast.style.padding = '12px 20px'; toast.style.fontSize = '0.9rem'; toast.style.fontWeight = '500'; toast.style.color = '#f1f5f9'; toast.style.boxShadow = '0 10px 25px -5px rgba(0,0,0,0.3)'; toast.style.pointerEvents = 'none'; toast.style.fontFamily = "'Inter', sans-serif"; toast.textContent = text; toastContainer.appendChild(toast); setTimeout(() => toast.style.opacity = '0'; toast.style.transform = 'translateX(20px)'; toast.style.transition = 'opacity 0.3s, transform 0.2s'; setTimeout(() => toast.remove(), 300); , 2800); vrtor.ru
.nav-links display: flex; gap: 2rem; align-items: center; // demo button const demoBtn = document
.feature-card:hover border-color: rgba(130, 100, 220, 0.4); transform: translateY(-5px); background: rgba(20, 30, 55, 0.7); Global network covering 35+ regions
.feature-card p color: #9ca3af;
<!-- Features grid --> <div> <h2 class="section-title">Designed to outperform</h2> <div class="features-grid"> <div class="feature-card"> <div class="feature-icon">⚡</div> <h3>Quantum speed</h3> <p>Edge-optimized routing with sub‑millisecond latency. Global network covering 35+ regions.</p> </div> <div class="feature-card"> <div class="feature-icon">🛡️</div> <h3>Zero-trust security</h3> <p>End-to-end encryption, AI threat detection, and confidential computing baked into every layer.</p> </div> <div class="feature-card"> <div class="feature-icon">🔄</div> <h3>Infinite scale</h3> <p>Auto-scaling infrastructure that adapts to any workload — from MVPs to global enterprises.</p> </div> <div class="feature-card"> <div class="feature-icon">🧠</div> <h3>AI-native core</h3> <p>Built-in ML pipelines, vector databases, and real-time inference. Ready for the AI revolution.</p> </div> </div> </div>