Vrtor.ru < 2026 Release >
/* footer */ footer border-top: 1px solid rgba(255,255,255,0.05); padding: 2.5rem 0 3rem; margin-top: 3rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.5rem;
// dynamic console greeting after page load window.addEventListener('load', () => console.log('VRTOR.RU — interactive ecosystem ready ); )(); </script> </body> </html>
<!-- Hero --> <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> vrtor.ru
.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;
.features-grid display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin: 3rem 0 5rem; /* footer */ footer border-top: 1px solid rgba(255,255,255,0
.nav-links a:hover color: #c084fc;
.logo span font-weight: 400; color: #a78bfa; background: none; -webkit-background-clip: unset; background-clip: unset; padding: 2.5rem 0 3rem
<!-- footer --> <footer> <div class="logo" style="font-size: 1.2rem;">vrtor.ru <span style="font-weight: 400;">— next‑gen infrastructure</span></div> <div class="footer-links"> <a href="#">Terms</a> <a href="#">Privacy</a> <a href="#">Security</a> <a href="#">Status</a> </div> <div class="copyright">© 2026 VRTOR — advanced cloud ecosystem</div> </footer> </div>