NetroFlex CIP™ – Network Revenue Platform/title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="/assets/css/style.css" /> </head> <body> <div class="page">  <header class="header"> <div class="shell header-inner"> <div class="logo"> <div class="logo-mark"></div> <span>NetroFlex</span> </div> <nav class="nav"> <a href="#features">Features</a> <a href="#preview">Preview</a> <a href="#roadmap">Roadmap</a> <a href="#faq">FAQ</a> <button class="nav-cta">Download Free</button> </nav> </div> </header>  <main> <section class="hero"> <div class="shell hero-inner"> <div> <div class="pill"> <div class="pill-dot"></div> <span>Conversion Intelligence</span> </div> <h1 class="hero-title"> The <span>Conversion Intelligence Plugin</span> for WordPress </h1> <p class="hero-sub"> Capture leads, understand behavior, and optimize your funnels — all inside WordPress. </p> <div class="hero-actions"> <button class="btn-primary">Download the Plugin (Free)</button> <button class="btn-ghost">Join Early Access</button> </div> <p class="hero-tagline">No accounts. No bloat. Just intelligence.</p> </div>  <aside class="hero-panel"> <div class="hero-panel-header"> <span>Smart Panel · Lead Snapshot</span> <span class="hero-panel-chip">Phase 1 · Plugin</span> </div> <div class="hero-panel-body"> <div class="hero-panel-row"> <span class="hero-panel-label">Lead</span> <span class="hero-panel-value">Alex Carter</span> </div> <div class="hero-panel-row"> <span class="hero-panel-label">Source</span> <span class="hero-panel-value">Google Ads → /landing</span> </div> <div class="hero-panel-row"> <span class="hero-panel-label">UTM Campaign</span> <span class="hero-panel-value">spring-funnel</span> </div> <div class="hero-panel-row"> <span class="hero-panel-label">Status</span> <span class="hero-panel-value">New lead captured</span> </div> <div class="hero-panel-footer"> <div class="hero-panel-footer-left"> <div class="hero-panel-dot"></div> <span>Live inside WordPress</span> </div> <div class="hero-panel-footer-right">NetroFlex CI</div> </div> </div> </aside> </div> </section>  <section id="features" class="features"> <div class="shell"> <div class="section-header"> <div class="section-kicker">Phase 1 · Plugin</div> <h2 class="section-title">Everything You Need to Capture & Understand Your Leads</h2> <p class="section-sub"> NetroFlex gives you a clean, modern, intelligence‑first way to manage every lead your funnels generate. </p> </div> <div class="features-grid"> <article class="feature-card"> <div class="feature-icon"></div> <h3 class="feature-title">Lead Manager</h3> <p class="feature-text">View, sort, and manage every lead in one focused table.</p> </article> <article class="feature-card"> <div class="feature-icon"></div> <h3 class="feature-title">Smart Panel</h3> <p class="feature-text">Slide‑in intelligence panel with identity & UTM data.</p> </article> <article class="feature-card"> <div class="feature-icon"></div> <h3 class="feature-title">UTM Tracking</h3> <p class="feature-text">Auto‑capture campaign, source, medium & parameters.</p> </article> <article class="feature-card"> <div class="feature-icon"></div> <h3 class="feature-title">Contact Identity</h3> <p class="feature-text">Editable contact fields for refining lead details.</p> </article> <article class="feature-card"> <div class="feature-icon"></div> <h3 class="feature-title">Drawer UI</h3> <p class="feature-text">Modern, resizable drawer for deeper insight.</p> </article> <article class="feature-card"> <div class="feature-icon"></div> <h3 class="feature-title">Ribbon UI</h3> <p class="feature-text">Clean top ribbon for fast navigation.</p> </article> </div> </div> </section>  <section class="why"> <div class="shell why-inner"> <div class="why-left"> <div class="pill"> <div class="pill-dot"></div> <span>Conversion Intelligence</span> </div> <h2 class="why-title">Built for Marketers, Creators & Visionaries</h2> <p class="why-text"> NetroFlex is the foundation of a new category: Conversion Intelligence. It’s the layer that turns your funnels into a living, learning system. </p> </div> <div class="why-right"> <div class="why-list"> <div class="why-item"> <div class="why-bullet"></div> <div><strong>Intelligence‑first architecture.</strong> Surfaces the signals that move revenue.</div> </div> <div class="why-item"> <div class="why-bullet"></div> <div><strong>Fast, clean, focused.</strong> No bloat — just the views you need.</div> </div> <div class="why-item"> <div class="why-bullet"></div> <div><strong>Future‑ready for SaaS.</strong> Phase 1 lives in WordPress; Phase 2 connects to the full platform.</div> </div> </div> </div> </div> </section>  <section id="preview" class="preview"> <div class="shell"> <div class="section-header"> <div class="section-kicker">Preview</div> <h2 class="section-title">See NetroFlex in Action</h2> <p class="section-sub">Focused views that keep your attention on what matters most.</p> </div> <div class="preview-grid"> <div class="preview-card"><div class="preview-thumb"></div><div class="preview-label">Smart Panel</div></div> <div class="preview-card"><div class="preview-thumb"></div><div class="preview-label">Lead Manager</div></div> <div class="preview-card"><div class="preview-thumb"></div><div class="preview-label">Drawer UI</div></div> <div class="preview-card"><div class="preview-thumb"></div><div class="preview-label">Contact Tab</div></div> <div class="preview-card"><div class="preview-thumb"></div><div class="preview-label">UTM Tracking</div></div> </div> </div> </section>  <section id="roadmap" class="roadmap"> <div class="shell"> <div class="roadmap-inner"> <div> <h2 class="roadmap-title">What’s Coming in Phase 2</h2> <p class="roadmap-sub">The full NetroFlex SaaS platform is on the way.</p> <div class="roadmap-list"> <span>Licensing engine</span> <span>Cloud‑synced leads</span> <span>Advanced analytics</span> <span>Hosted funnels</span> <span>Template library</span> <span>CRM expansion</span> </div> </div> <div class="roadmap-cta"> <p>Be first in line when the full platform unlocks.</p> <button class="btn-primary">Join the Early Access List</button> </div> </div> </div> </section>  <section class="cta"> <div class="shell"> <h2 class="cta-title">Get Started with NetroFlex Today</h2> <p class="cta-sub">Start using the Conversion Intelligence Plugin — free during the soft launch.</p> <button class="btn-primary">Download the Plugin (Free)</button> </div> </section>  <section id="faq" class="faq"> <div class="shell"> <div class="section-header"> <div class="section-kicker">FAQ</div> <h2 class="section-title">Frequently Asked Questions</h2> </div> <div class="faq-list"> <div class="faq-item"> <div class="faq-q"><span>Is Phase 1 free?</span><span class="faq-toggle">+</span></div> <div class="faq-a">Yes — Phase 1 is free during the soft launch.</div> </div> <div class="faq-item"> <div class="faq-q"><span>Do I need an account?</span><span class="faq-toggle">+</span></div> <div class="faq-a">No external account required — everything runs inside WordPress.</div> </div> <div class="faq-item"> <div class="faq-q"><span>Will my data migrate to Phase 2?</span><span class="faq-toggle">+</span></div> <div class="faq-a">Yes — your leads and settings will sync forward.</div> </div> <div class="faq-item"> <div class="faq-q"><span>When is Phase 2 launching?</span><span class="faq-toggle">+</span></div> <div class="faq-a">Early access users will be notified first.</div> </div> </div> </div> </section> </main>  <footer class="footer"> <div class="shell footer-inner"> <div>© 2026 NetroFlex™ · Conversion Intelligence</div> <div class="footer-links"> <a href="#">Privacy</a> <a href="#">Terms</a> <a href="#">Early Access</a> <a href="#">Back to top</a> </div> </div> </footer> </div> </body> </html>