.features-grid display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin: 3rem 0 5rem;
.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; vrtor.ru
// main cta button: early access const mainBtn = document.getElementById('mainCtaBtn'); if (mainBtn) mainBtn.addEventListener('click', (e) => e.preventDefault(); showMessage('✨ vrtor.ru — early access invitation sent! Check your dashboard.', 'success'); // Simulate a little animation effect on hero const heroTitle = document.querySelector('.hero h1'); if (heroTitle) heroTitle.style.transform = 'scale(1.01)'; setTimeout(() => heroTitle.style.transform = ''; , 200); ); .features-grid display: grid