execNEO \u2014 AI-Powered Chief of Staff<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --bg: #080c0a;\r\n --surface: #0e1410;\r\n --surface2: #131a15;\r\n --border: rgba(255,255,255,0.07);\r\n --accent: #00e87a;\r\n --accent-dim: rgba(0,232,122,0.12);\r\n --text: #f0f4f1;\r\n --text-muted: #7a8c7e;\r\n --text-dim: #4a5c4e;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n html, body {\r\n min-height: 100%;\r\n background: var(--bg);\r\n color: var(--text);\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n }\r\n\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n pointer-events: none;\r\n z-index: 1000;\r\n opacity: 0.4;\r\n }\r\n\r\n \/* FULL PAGE LAYOUT *\/\r\n .page {\r\n display: grid;\r\n grid-template-rows: 56px 1fr 52px;\r\n min-height: 100vh;\r\n width: 100vw;\r\n }\r\n\r\n \/* NAV *\/\r\n nav {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 40px;\r\n border-bottom: 1px solid var(--border);\r\n background: rgba(8,12,10,0.95);\r\n backdrop-filter: blur(20px);\r\n z-index: 10;\r\n }\r\n\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-family: 'Syne', sans-serif;\r\n font-weight: 800;\r\n font-size: 17px;\r\n letter-spacing: -0.3px;\r\n }\r\n\r\n .logo-icon {\r\n width: 24px; height: 24px;\r\n background: var(--accent);\r\n border-radius: 5px;\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .logo-icon svg { width: 13px; height: 13px; }\r\n\r\n .nav-pill {\r\n background: var(--accent-dim);\r\n border: 1px solid rgba(0,232,122,0.2);\r\n color: var(--accent);\r\n font-size: 10px;\r\n font-weight: 500;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n padding: 5px 12px;\r\n border-radius: 100px;\r\n }\r\n\r\n \/* MAIN CONTENT *\/\r\n .main {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n position: relative;\r\n }\r\n\r\n .main::before {\r\n content: '';\r\n position: absolute;\r\n top: -150px; left: -150px;\r\n width: 550px; height: 550px;\r\n background: radial-gradient(circle, rgba(0,232,122,0.06) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n \/* LEFT *\/\r\n .hero-left {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n gap: 20px;\r\n padding: 32px 40px 32px 40px;\r\n animation: fadeUp 0.7s ease forwards;\r\n }\r\n\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .hero-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: var(--accent-dim);\r\n border: 1px solid rgba(0,232,122,0.25);\r\n padding: 5px 13px;\r\n border-radius: 100px;\r\n width: fit-content;\r\n }\r\n\r\n .dot {\r\n width: 6px; height: 6px;\r\n background: var(--accent);\r\n border-radius: 50%;\r\n animation: pulse 2s ease infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.5; transform: scale(0.8); }\r\n }\r\n\r\n .hero-tag span { font-size: 11px; color: var(--accent); font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; }\r\n\r\n h1 {\r\n font-family: 'Syne', sans-serif;\r\n font-size: clamp(32px, 3.5vw, 54px);\r\n font-weight: 800;\r\n line-height: 1.05;\r\n letter-spacing: -1.5px;\r\n }\r\n\r\n h1 em { font-style: normal; color: var(--accent); }\r\n\r\n .hero-desc {\r\n font-size: 15px;\r\n color: var(--text-muted);\r\n font-weight: 300;\r\n line-height: 1.6;\r\n max-width: 400px;\r\n }\r\n\r\n .features-list { list-style: none; display: flex; flex-direction: column; gap: 9px; }\r\n\r\n .features-list li {\r\n display: flex; align-items: center; gap: 10px;\r\n font-size: 13.5px; color: #c0d0c5;\r\n }\r\n\r\n .check-icon {\r\n width: 18px; height: 18px;\r\n background: var(--accent-dim);\r\n border: 1px solid rgba(0,232,122,0.3);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n .check-icon svg { width: 9px; height: 9px; }\r\n\r\n .email-form { display: flex; gap: 8px; margin-top: 4px; }\r\n\r\n .email-input {\r\n flex: 1;\r\n background: var(--surface2);\r\n border: 1px solid var(--border);\r\n border-radius: 9px;\r\n padding: 11px 16px;\r\n color: var(--text);\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 13px;\r\n outline: none;\r\n transition: border-color 0.2s;\r\n -webkit-text-fill-color: var(--text);\r\n }\r\n .email-input:focus { border-color: rgba(0,232,122,0.4); }\r\n .email-input::placeholder { color: var(--text-muted); opacity: 1; -webkit-text-fill-color: var(--text-muted); }\r\n\r\n .cta-btn {\r\n background: var(--accent);\r\n color: #070b09;\r\n font-family: 'Syne', sans-serif;\r\n font-weight: 700;\r\n font-size: 13px;\r\n padding: 11px 20px;\r\n border: none;\r\n border-radius: 9px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n display: flex; align-items: center; gap: 7px;\r\n transition: transform 0.15s, box-shadow 0.15s;\r\n box-shadow: 0 0 20px rgba(0,232,122,0.2);\r\n }\r\n .cta-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 28px rgba(0,232,122,0.35); }\r\n\r\n .form-note { font-size: 11px; color: var(--text-dim); margin-top: 8px; }\r\n\r\n \/* RIGHT - DASHBOARD SHOWCASE *\/\r\n .hero-right {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n padding: 28px 32px 28px 16px;\r\n animation: fadeUp 0.7s 0.15s ease both;\r\n position: relative;\r\n }\r\n\r\n \/* Glow ambiance behind dashboard *\/\r\n .hero-right::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(ellipse at 60% 50%, rgba(0,232,122,0.08) 0%, transparent 65%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n \/* Floating label above dashboard *\/\r\n .dashboard-label {\r\n position: absolute;\r\n top: 12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: rgba(0,232,122,0.1);\r\n border: 1px solid rgba(0,232,122,0.22);\r\n border-radius: 100px;\r\n padding: 4px 12px;\r\n font-size: 10px;\r\n font-weight: 600;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n white-space: nowrap;\r\n z-index: 2;\r\n }\r\n\r\n .dashboard-label::before {\r\n content: '';\r\n width: 5px; height: 5px;\r\n background: var(--accent);\r\n border-radius: 50%;\r\n animation: pulse 2s ease infinite;\r\n }\r\n\r\n .dashboard-wrap {\r\n position: relative;\r\n width: 100%;\r\n max-width: 620px;\r\n z-index: 1;\r\n }\r\n\r\n \/* Decorative corner accents *\/\r\n .dashboard-wrap::before,\r\n .dashboard-wrap::after {\r\n content: '';\r\n position: absolute;\r\n width: 18px; height: 18px;\r\n border-color: rgba(0,232,122,0.35);\r\n border-style: solid;\r\n z-index: 3;\r\n pointer-events: none;\r\n }\r\n .dashboard-wrap::before {\r\n top: -6px; left: -6px;\r\n border-width: 2px 0 0 2px;\r\n border-radius: 3px 0 0 0;\r\n }\r\n .dashboard-wrap::after {\r\n bottom: -6px; right: -6px;\r\n border-width: 0 2px 2px 0;\r\n border-radius: 0 0 3px 0;\r\n }\r\n\r\n .dashboard {\r\n width: 100%;\r\n background: var(--surface);\r\n border: 1px solid rgba(0,232,122,0.15);\r\n border-radius: 14px;\r\n overflow: hidden;\r\n box-shadow:\r\n 0 0 0 1px rgba(0,232,122,0.06),\r\n 0 8px 32px rgba(0,0,0,0.4),\r\n 0 32px 80px rgba(0,0,0,0.35),\r\n inset 0 1px 0 rgba(255,255,255,0.04);\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .dash-header {\r\n background: var(--surface2);\r\n padding: 10px 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border-bottom: 1px solid var(--border);\r\n flex-shrink: 0;\r\n }\r\n\r\n .dash-dots { display: flex; gap: 5px; }\r\n .dash-dots span { width: 9px; height: 9px; border-radius: 50%; }\r\n .dash-dots span:nth-child(1) { background: #ff5f57; }\r\n .dash-dots span:nth-child(2) { background: #ffbd2e; }\r\n .dash-dots span:nth-child(3) { background: #28c840; }\r\n\r\n .dash-url-bar {\r\n flex: 1;\r\n background: rgba(255,255,255,0.04);\r\n border: 1px solid var(--border);\r\n border-radius: 5px;\r\n padding: 4px 12px;\r\n font-size: 11px;\r\n color: var(--text-dim);\r\n display: flex; align-items: center; gap: 5px;\r\n }\r\n\r\n .dash-layout {\r\n display: grid;\r\n grid-template-columns: 160px 1fr;\r\n }\r\n\r\n .dash-sidebar {\r\n background: #0a0f0c;\r\n border-right: 1px solid var(--border);\r\n padding: 16px 0;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .dash-logo {\r\n display: flex; align-items: center; gap: 7px;\r\n padding: 0 14px 14px;\r\n font-family: 'Syne', sans-serif;\r\n font-weight: 800;\r\n font-size: 13px;\r\n border-bottom: 1px solid var(--border);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .dash-logo-icon {\r\n width: 19px; height: 19px;\r\n background: var(--accent);\r\n border-radius: 4px;\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n\r\n .nav-item {\r\n display: flex; align-items: center; gap: 9px;\r\n padding: 8px 14px;\r\n font-size: 12px; color: var(--text-dim);\r\n cursor: pointer;\r\n }\r\n .nav-item.active {\r\n background: var(--accent-dim);\r\n color: var(--accent);\r\n border-left: 2px solid var(--accent);\r\n }\r\n .nav-item svg { width: 13px; height: 13px; opacity: 0.7; }\r\n\r\n .dash-main {\r\n padding: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .dash-greeting { display: flex; justify-content: space-between; align-items: flex-start; }\r\n\r\n .dash-greeting h3 {\r\n font-family: 'Syne', sans-serif;\r\n font-size: 15px; font-weight: 700; letter-spacing: -0.2px;\r\n }\r\n .dash-greeting p { font-size: 11px; color: var(--text-muted); margin-top: 2px; }\r\n\r\n .ask-btn {\r\n background: var(--accent);\r\n color: #070b09;\r\n border: none; border-radius: 6px;\r\n padding: 6px 12px;\r\n font-family: 'Syne', sans-serif;\r\n font-weight: 700; font-size: 11px;\r\n cursor: pointer;\r\n display: flex; align-items: center; gap: 4px;\r\n }\r\n\r\n .dash-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .dash-card {\r\n background: var(--surface2);\r\n border: 1px solid var(--border);\r\n border-radius: 9px;\r\n padding: 12px;\r\n }\r\n\r\n .card-label {\r\n font-size: 9px; text-transform: uppercase;\r\n letter-spacing: 0.1em; color: var(--text-dim);\r\n font-weight: 500; margin-bottom: 7px;\r\n }\r\n .card-title {\r\n font-family: 'Syne', sans-serif;\r\n font-size: 13px; font-weight: 700;\r\n letter-spacing: -0.2px; margin-bottom: 3px;\r\n }\r\n .card-desc { font-size: 10px; color: var(--text-muted); line-height: 1.5; margin-bottom: 8px; }\r\n\r\n .progress-bar-bg { background: rgba(255,255,255,0.06); border-radius: 4px; height: 3px; overflow: hidden; margin-bottom: 5px; }\r\n .progress-bar-fill {\r\n height: 100%; background: var(--accent); border-radius: 4px; width: 72%;\r\n position: relative; overflow: hidden;\r\n }\r\n .progress-bar-fill::after {\r\n content: ''; position: absolute; inset: 0;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n animation: shimmer 2s infinite;\r\n }\r\n @keyframes shimmer { from { transform: translateX(-100%); } to { transform: translateX(100%); } }\r\n .progress-pct { font-size: 10px; color: var(--text-muted); }\r\n\r\n .attention-list { display: flex; flex-direction: column; gap: 7px; }\r\n .attention-item { display: flex; align-items: center; gap: 7px; font-size: 10px; }\r\n .attention-icon {\r\n width: 18px; height: 18px; border-radius: 4px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; font-size: 9px;\r\n }\r\n .ai { background: rgba(99,179,237,0.15); }\r\n .ag { background: rgba(0,232,122,0.12); }\r\n .ao { background: rgba(246,173,85,0.15); }\r\n .attention-item-text { color: #bcc8be; }\r\n .attention-item-sub { color: var(--text-dim); font-size: 9px; }\r\n\r\n .projects-card { grid-column: span 2; }\r\n\r\n .project-row {\r\n display: flex; align-items: center; gap: 9px;\r\n padding: 6px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.04);\r\n font-size: 11px;\r\n }\r\n .project-row:last-child { border-bottom: none; }\r\n .project-name { flex: 1; font-weight: 500; }\r\n .status-dot { width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0; }\r\n .s-green { background: var(--accent); }\r\n .s-blue { background: #60a5fa; }\r\n .s-yellow { background: #fbbf24; }\r\n .status-text { font-size: 10px; color: var(--text-muted); }\r\n .project-date { font-size: 10px; color: var(--text-dim); margin-left: auto; }\r\n\r\n \/* FOOTER *\/\r\n footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 40px;\r\n border-top: 1px solid var(--border);\r\n background: rgba(8,12,10,0.95);\r\n }\r\n\r\n .footer-features {\r\n display: flex;\r\n gap: 32px;\r\n }\r\n\r\n .footer-feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 12px;\r\n color: var(--text-muted);\r\n }\r\n\r\n .footer-feature-icon {\r\n width: 26px; height: 26px;\r\n background: var(--accent-dim);\r\n border: 1px solid rgba(0,232,122,0.15);\r\n border-radius: 6px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n .footer-feature-icon svg { width: 13px; height: 13px; }\r\n .footer-feature strong { font-family: 'Syne', sans-serif; font-size: 12px; font-weight: 700; color: var(--text); display: block; }\r\n\r\n footer p { font-size: 11px; color: var(--text-dim); }\r\n\r\n \/* COPYRIGHT *\/\r\n .desktop-copyright {\r\n font-size: 11px;\r\n color: var(--text-dim);\r\n margin-left: auto;\r\n }\r\n\r\n .mobile-copyright {\r\n display: none;\r\n }\r\n\r\n \/* MOBILE CTA \u2014 hidden on desktop *\/\r\n .mobile-cta {\r\n display: none;\r\n }\r\n\r\n \/* ===== RESPONSIVE MOBILE ===== *\/\r\n @media (max-width: 768px) {\r\n\r\n nav {\r\n padding: 0 20px;\r\n }\r\n\r\n .nav-pill {\r\n font-size: 9px;\r\n padding: 4px 10px;\r\n }\r\n\r\n .page {\r\n grid-template-rows: 56px auto auto;\r\n }\r\n\r\n \/* Passe en colonne unique *\/\r\n .main {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-left {\r\n padding: 28px 20px 20px;\r\n gap: 16px;\r\n }\r\n\r\n h1 {\r\n font-size: 36px;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .hero-desc {\r\n font-size: 14px;\r\n }\r\n\r\n .email-form {\r\n flex-direction: column;\r\n }\r\n\r\n .cta-btn {\r\n justify-content: center;\r\n }\r\n\r\n \/* Dashboard visible en mobile *\/\r\n .hero-right {\r\n padding: 0 12px 32px;\r\n justify-content: center;\r\n background: linear-gradient(180deg, transparent 0%, rgba(0,232,122,0.04) 40%, transparent 100%);\r\n border-top: 1px solid rgba(0,232,122,0.1);\r\n }\r\n\r\n .hero-right::before {\r\n display: none;\r\n }\r\n\r\n .dashboard-wrap {\r\n max-width: 100%;\r\n margin-top: 28px;\r\n }\r\n\r\n .dashboard-label {\r\n position: relative;\r\n top: auto; left: auto;\r\n transform: none;\r\n margin: 0 auto 12px;\r\n width: fit-content;\r\n }\r\n\r\n .dashboard {\r\n max-width: 100%;\r\n border-radius: 10px;\r\n }\r\n\r\n \/* Garde la sidebar mais plus \u00e9troite *\/\r\n .dash-layout {\r\n grid-template-columns: 110px 1fr;\r\n }\r\n\r\n .dash-sidebar {\r\n display: flex;\r\n }\r\n\r\n .dash-logo {\r\n padding: 0 10px 10px;\r\n font-size: 11px;\r\n }\r\n\r\n .dash-logo-icon {\r\n width: 16px; height: 16px;\r\n }\r\n\r\n .nav-item {\r\n padding: 7px 10px;\r\n font-size: 11px;\r\n gap: 7px;\r\n }\r\n\r\n .nav-item svg {\r\n width: 11px; height: 11px;\r\n }\r\n\r\n .dash-main {\r\n padding: 10px;\r\n gap: 8px;\r\n }\r\n\r\n .dash-greeting h3 {\r\n font-size: 12px;\r\n }\r\n\r\n .dash-greeting p {\r\n font-size: 9px;\r\n }\r\n\r\n .ask-btn {\r\n padding: 5px 8px;\r\n font-size: 10px;\r\n }\r\n\r\n .dash-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 7px;\r\n }\r\n\r\n .dash-card {\r\n padding: 9px;\r\n }\r\n\r\n .card-label {\r\n font-size: 8px;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .card-title {\r\n font-size: 11px;\r\n }\r\n\r\n .card-desc {\r\n font-size: 9px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .progress-pct {\r\n font-size: 9px;\r\n }\r\n\r\n .attention-item {\r\n font-size: 9px;\r\n gap: 5px;\r\n }\r\n\r\n .attention-icon {\r\n width: 15px; height: 15px;\r\n font-size: 8px;\r\n }\r\n\r\n .attention-item-sub {\r\n font-size: 8px;\r\n }\r\n\r\n .projects-card {\r\n grid-column: span 2;\r\n }\r\n\r\n .project-row {\r\n font-size: 10px;\r\n padding: 5px 0;\r\n }\r\n\r\n .status-text, .project-date {\r\n font-size: 9px;\r\n }\r\n\r\n \/* Footer en colonne sur mobile *\/\r\n footer {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 16px;\r\n padding: 20px;\r\n height: auto;\r\n }\r\n\r\n .footer-features {\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n \/* Mobile waitlist CTA *\/\r\n .mobile-cta {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n padding: 28px 20px;\r\n border-top: 1px solid rgba(0,232,122,0.15);\r\n border-bottom: 1px solid rgba(0,232,122,0.08);\r\n background: rgba(0,232,122,0.03);\r\n }\r\n\r\n .desktop-copyright { display: none; }\r\n .mobile-copyright { display: block; font-size: 11px; color: var(--text-dim); }\r\n .mobile-cta-text {\r\n font-family: 'Syne', sans-serif;\r\n font-size: 18px;\r\n font-weight: 700;\r\n letter-spacing: -0.4px;\r\n color: var(--text);\r\n line-height: 1.2;\r\n }\r\n\r\n .mobile-cta .email-form {\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .mobile-cta .cta-btn {\r\n justify-content: center;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"page\">\r\n\r\n \r\n <nav>\r\n <div class=\"logo\">\r\n <div class=\"logo-icon\">\r\n <svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8 2L14 5.5V10.5L8 14L2 10.5V5.5L8 2Z\" fill=\"#080c0a\"\/><\/svg>\r\n <\/div>\r\n execNEO\r\n <\/div>\r\n <div class=\"nav-pill\">Introducing execNEO<\/div>\r\n <\/nav>\r\n\r\n \r\n <div class=\"main\">\r\n \r\n <div class=\"hero-left\">\r\n <div class=\"hero-tag\">\r\n <span class=\"dot\"><\/span>\r\n <span>Now in early access<\/span>\r\n <\/div>\r\n\r\n <h1>Your <em>AI-Powered<\/em><br>Chief of Staff<\/h1>\r\n\r\n <p class=\"hero-desc\">\r\n execNEO helps founders and teams stay aligned, prioritize what matters, and move faster \u2014 all in one place.\r\n <\/p>\r\n\r\n <ul class=\"features-list\">\r\n <li>\r\n <div class=\"check-icon\"><svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5L4.2 7.5L8 3\" stroke=\"#00e87a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n Turn goals into clear, actionable plans\r\n <\/li>\r\n <li>\r\n <div class=\"check-icon\"><svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5L4.2 7.5L8 3\" stroke=\"#00e87a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n Keep projects and teams aligned\r\n <\/li>\r\n <li>\r\n <div class=\"check-icon\"><svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5L4.2 7.5L8 3\" stroke=\"#00e87a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n Surface what matters and drive progress\r\n <\/li>\r\n <\/ul>\r\n\r\n <div>\r\n <div class=\"email-form\" id=\"form-main\">\r\n <input id=\"input-main\" class=\"email-input\" type=\"email\" placeholder=\"Enter your email address\" \/>\r\n <button class=\"cta-btn\" onclick=\"submitWaitlist('input-main', 'note-main')\">\r\n Join Waitlist\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7H11M11 7L7.5 3.5M11 7L7.5 10.5\" stroke=\"#070b09\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <p class=\"form-note\" id=\"note-main\">Be the first to experience execNEO. No spam, ever.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-right\">\r\n <div class=\"dashboard-wrap\">\r\n <div class=\"dashboard-label\">Live preview<\/div>\r\n <div class=\"dashboard\">\r\n <div class=\"dash-header\">\r\n <div class=\"dash-dots\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"dash-url-bar\">\r\n <svg width=\"9\" height=\"9\" viewBox=\"0 0 10 10\" fill=\"none\"><rect x=\"1\" y=\"1\" width=\"8\" height=\"8\" rx=\"2\" stroke=\"#4a5c4e\" stroke-width=\"1\"\/><\/svg>\r\n app.execneo.com\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-layout\">\r\n <div class=\"dash-sidebar\">\r\n <div class=\"dash-logo\">\r\n <div class=\"dash-logo-icon\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 1L11 3.5V8.5L6 11L1 8.5V3.5L6 1Z\" fill=\"#080c0a\"\/><\/svg>\r\n <\/div>\r\n execNEO\r\n <\/div>\r\n <div class=\"nav-item active\">\r\n <svg viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"1\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><rect x=\"8\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><rect x=\"1\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><rect x=\"8\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><\/svg>\r\n Home\r\n <\/div>\r\n <div class=\"nav-item\">\r\n <svg viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M7 1L7 13M1 7H13\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\r\n Priorities\r\n <\/div>\r\n <div class=\"nav-item\">\r\n <svg viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"1\" y=\"3\" width=\"12\" height=\"9\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M4 1V3M10 1V3\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\r\n Projects\r\n <\/div>\r\n <div class=\"nav-item\">\r\n <svg viewBox=\"0 0 14 14\" fill=\"none\"><circle cx=\"7\" cy=\"7\" r=\"5.5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M7 4V7.5L9.5 9\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\r\n Insights\r\n <\/div>\r\n <div class=\"nav-item\">\r\n <svg viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 4h10M2 7h7M2 10h4\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\r\n Decisions\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-main\">\r\n <div class=\"dash-greeting\">\r\n <div>\r\n <h3>Good morning, Alex.<\/h3>\r\n <p>Here's what's top of mind today.<\/p>\r\n <\/div>\r\n <button class=\"ask-btn\">\r\n <svg width=\"9\" height=\"9\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M5 1L5 9M1 5H9\" stroke=\"#070b09\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\r\n Ask execNEO\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"dash-grid\">\r\n <div class=\"dash-card\">\r\n <div class=\"card-label\">Top Priority<\/div>\r\n <div class=\"card-title\">Q3 GTM Strategy<\/div>\r\n <div class=\"card-desc\">Define positioning, finalize launch plan, align sales & marketing.<\/div>\r\n <div class=\"progress-bar-bg\"><div class=\"progress-bar-fill\"><\/div><\/div>\r\n <div class=\"progress-pct\">72% complete<\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-card\">\r\n <div class=\"card-label\">What needs your attention<\/div>\r\n <div class=\"attention-list\">\r\n <div class=\"attention-item\">\r\n <div class=\"attention-icon ai\">\ud83d\udc65<\/div>\r\n <div><div class=\"attention-item-text\">Review pricing feedback<\/div><div class=\"attention-item-sub\">Sales team<\/div><\/div>\r\n <\/div>\r\n <div class=\"attention-item\">\r\n <div class=\"attention-icon ag\">\u2705<\/div>\r\n <div><div class=\"attention-item-text\">Approve hiring plan<\/div><div class=\"attention-item-sub\">People team<\/div><\/div>\r\n <\/div>\r\n <div class=\"attention-item\">\r\n <div class=\"attention-icon ao\">\ud83e\udd1d<\/div>\r\n <div><div class=\"attention-item-text\">Partnership proposal<\/div><div class=\"attention-item-sub\">Due in 2 days<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-card projects-card\">\r\n <div class=\"card-label\">Active Projects<\/div>\r\n <div class=\"project-row\">\r\n <div class=\"status-dot s-blue\"><\/div>\r\n <div class=\"project-name\">Website Redesign<\/div>\r\n <div class=\"status-text\">In progress<\/div>\r\n <div class=\"project-date\">Aug 15<\/div>\r\n <\/div>\r\n <div class=\"project-row\">\r\n <div class=\"status-dot s-green\"><\/div>\r\n <div class=\"project-name\">Series A Fundraise<\/div>\r\n <div class=\"status-text\">On track<\/div>\r\n <div class=\"project-date\">Aug 22<\/div>\r\n <\/div>\r\n <div class=\"project-row\">\r\n <div class=\"status-dot s-yellow\"><\/div>\r\n <div class=\"project-name\">Product Roadmap<\/div>\r\n <div class=\"status-text\">At risk<\/div>\r\n <div class=\"project-date\">Aug 30<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mobile-cta\">\r\n <p class=\"mobile-cta-text\">Ready to reclaim 10\u201315 hours a week?<\/p>\r\n <div class=\"email-form\" id=\"form-mobile\">\r\n <input id=\"input-mobile\" class=\"email-input\" type=\"email\" placeholder=\"Enter your email address\" \/>\r\n <button class=\"cta-btn\" onclick=\"submitWaitlist('input-mobile', 'note-mobile')\">\r\n Join Waitlist\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7H11M11 7L7.5 3.5M11 7L7.5 10.5\" stroke=\"#070b09\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <p class=\"form-note\" id=\"note-mobile\">Be the first to experience execNEO. No spam, ever.<\/p>\r\n <\/div>\r\n\r\n \r\n <footer>\r\n <div class=\"footer-features\">\r\n <div class=\"footer-feature\">\r\n <div class=\"footer-feature-icon\">\r\n <svg viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M10 2L18 6V14L10 18L2 14V6L10 2Z\" stroke=\"#00e87a\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/div>\r\n <div><strong>Strategic Clarity<\/strong>Focus on what matters most.<\/div>\r\n <\/div>\r\n <div class=\"footer-feature\">\r\n <div class=\"footer-feature-icon\">\r\n <svg viewBox=\"0 0 20 20\" fill=\"none\"><circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#00e87a\" stroke-width=\"1.5\"\/><circle cx=\"7\" cy=\"9\" r=\"1\" fill=\"#00e87a\"\/><circle cx=\"13\" cy=\"9\" r=\"1\" fill=\"#00e87a\"\/><path d=\"M7 13s1.5 2 3 2 3-2 3-2\" stroke=\"#00e87a\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/div>\r\n <div><strong>Team Alignment<\/strong>Everyone in the right direction.<\/div>\r\n <\/div>\r\n <div class=\"footer-feature\">\r\n <div class=\"footer-feature-icon\">\r\n <svg viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M3 14L7 10L10 13L14 8L17 11\" stroke=\"#00e87a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M17 8V11H14\" stroke=\"#00e87a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/div>\r\n <div><strong>Smarter Decisions<\/strong>Real-time insights, confident calls.<\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"mobile-copyright\">\u00a9 2026 execNEO. All rights reserved.<\/p>\r\n <p class=\"desktop-copyright\">\u00a9 2026 execNEO. All rights reserved.<\/p>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n<script>\r\n const SHEET_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbzn4HB70v0fqS9zGBhd6tlNkRm05Ov9vzFV3WqlH7nJN2hqMlGa4kJI-1rBovtfSPA\/exec\";\r\n\r\n async function submitWaitlist(inputId, noteId) {\r\n const input = document.getElementById(inputId);\r\n const note = document.getElementById(noteId);\r\n const email = input.value.trim();\r\n\r\n if (!email || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) {\r\n note.textContent = \"\u26a0\ufe0f Please enter a valid email address.\";\r\n note.style.color = \"#f97316\";\r\n return;\r\n }\r\n\r\n note.textContent = \"Sending...\";\r\n note.style.color = \"var(--text-muted)\";\r\n\r\n try {\r\n await fetch(SHEET_URL, {\r\n method: \"POST\",\r\n mode: \"no-cors\",\r\n headers: { \"Content-Type\": \"application\/json\" },\r\n body: JSON.stringify({ email, source: \"execneo.com\" })\r\n });\r\n\r\n input.value = \"\";\r\n input.disabled = true;\r\n note.textContent = \"\u2705 You're on the list! We'll be in touch soon.\";\r\n note.style.color = \"var(--accent)\";\r\n } catch (err) {\r\n note.textContent = \"\u274c Something went wrong. Please try again.\";\r\n note.style.color = \"#f97316\";\r\n }\r\n }\r\n<\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/execneo.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/execneo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/execneo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/execneo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/execneo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":2,"href":"https:\/\/execneo.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/execneo.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/execneo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6,"date":"2026-05-28T14:55:18","date_gmt":"2026-05-28T14:55:18","guid":{"rendered":"https:\/\/execneo.com\/?page_id=6"},"modified":"2026-05-28T14:58:16","modified_gmt":"2026-05-28T14:58:16","slug":"exec-neo","status":"publish","type":"page","link":"https:\/\/execneo.com\/","title":{"rendered":"Exec NEO"},"content":{"rendered":"\r\n\r\n\r\n\r\n\r\nexecNEO \u2014 AI-Powered Chief of Staff<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --bg: #080c0a;\r\n --surface: #0e1410;\r\n --surface2: #131a15;\r\n --border: rgba(255,255,255,0.07);\r\n --accent: #00e87a;\r\n --accent-dim: rgba(0,232,122,0.12);\r\n --text: #f0f4f1;\r\n --text-muted: #7a8c7e;\r\n --text-dim: #4a5c4e;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n html, body {\r\n min-height: 100%;\r\n background: var(--bg);\r\n color: var(--text);\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n }\r\n\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n pointer-events: none;\r\n z-index: 1000;\r\n opacity: 0.4;\r\n }\r\n\r\n \/* FULL PAGE LAYOUT *\/\r\n .page {\r\n display: grid;\r\n grid-template-rows: 56px 1fr 52px;\r\n min-height: 100vh;\r\n width: 100vw;\r\n }\r\n\r\n \/* NAV *\/\r\n nav {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 40px;\r\n border-bottom: 1px solid var(--border);\r\n background: rgba(8,12,10,0.95);\r\n backdrop-filter: blur(20px);\r\n z-index: 10;\r\n }\r\n\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-family: 'Syne', sans-serif;\r\n font-weight: 800;\r\n font-size: 17px;\r\n letter-spacing: -0.3px;\r\n }\r\n\r\n .logo-icon {\r\n width: 24px; height: 24px;\r\n background: var(--accent);\r\n border-radius: 5px;\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .logo-icon svg { width: 13px; height: 13px; }\r\n\r\n .nav-pill {\r\n background: var(--accent-dim);\r\n border: 1px solid rgba(0,232,122,0.2);\r\n color: var(--accent);\r\n font-size: 10px;\r\n font-weight: 500;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n padding: 5px 12px;\r\n border-radius: 100px;\r\n }\r\n\r\n \/* MAIN CONTENT *\/\r\n .main {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n position: relative;\r\n }\r\n\r\n .main::before {\r\n content: '';\r\n position: absolute;\r\n top: -150px; left: -150px;\r\n width: 550px; height: 550px;\r\n background: radial-gradient(circle, rgba(0,232,122,0.06) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n \/* LEFT *\/\r\n .hero-left {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n gap: 20px;\r\n padding: 32px 40px 32px 40px;\r\n animation: fadeUp 0.7s ease forwards;\r\n }\r\n\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .hero-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: var(--accent-dim);\r\n border: 1px solid rgba(0,232,122,0.25);\r\n padding: 5px 13px;\r\n border-radius: 100px;\r\n width: fit-content;\r\n }\r\n\r\n .dot {\r\n width: 6px; height: 6px;\r\n background: var(--accent);\r\n border-radius: 50%;\r\n animation: pulse 2s ease infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.5; transform: scale(0.8); }\r\n }\r\n\r\n .hero-tag span { font-size: 11px; color: var(--accent); font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; }\r\n\r\n h1 {\r\n font-family: 'Syne', sans-serif;\r\n font-size: clamp(32px, 3.5vw, 54px);\r\n font-weight: 800;\r\n line-height: 1.05;\r\n letter-spacing: -1.5px;\r\n }\r\n\r\n h1 em { font-style: normal; color: var(--accent); }\r\n\r\n .hero-desc {\r\n font-size: 15px;\r\n color: var(--text-muted);\r\n font-weight: 300;\r\n line-height: 1.6;\r\n max-width: 400px;\r\n }\r\n\r\n .features-list { list-style: none; display: flex; flex-direction: column; gap: 9px; }\r\n\r\n .features-list li {\r\n display: flex; align-items: center; gap: 10px;\r\n font-size: 13.5px; color: #c0d0c5;\r\n }\r\n\r\n .check-icon {\r\n width: 18px; height: 18px;\r\n background: var(--accent-dim);\r\n border: 1px solid rgba(0,232,122,0.3);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n .check-icon svg { width: 9px; height: 9px; }\r\n\r\n .email-form { display: flex; gap: 8px; margin-top: 4px; }\r\n\r\n .email-input {\r\n flex: 1;\r\n background: var(--surface2);\r\n border: 1px solid var(--border);\r\n border-radius: 9px;\r\n padding: 11px 16px;\r\n color: var(--text);\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 13px;\r\n outline: none;\r\n transition: border-color 0.2s;\r\n -webkit-text-fill-color: var(--text);\r\n }\r\n .email-input:focus { border-color: rgba(0,232,122,0.4); }\r\n .email-input::placeholder { color: var(--text-muted); opacity: 1; -webkit-text-fill-color: var(--text-muted); }\r\n\r\n .cta-btn {\r\n background: var(--accent);\r\n color: #070b09;\r\n font-family: 'Syne', sans-serif;\r\n font-weight: 700;\r\n font-size: 13px;\r\n padding: 11px 20px;\r\n border: none;\r\n border-radius: 9px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n display: flex; align-items: center; gap: 7px;\r\n transition: transform 0.15s, box-shadow 0.15s;\r\n box-shadow: 0 0 20px rgba(0,232,122,0.2);\r\n }\r\n .cta-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 28px rgba(0,232,122,0.35); }\r\n\r\n .form-note { font-size: 11px; color: var(--text-dim); margin-top: 8px; }\r\n\r\n \/* RIGHT - DASHBOARD SHOWCASE *\/\r\n .hero-right {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n padding: 28px 32px 28px 16px;\r\n animation: fadeUp 0.7s 0.15s ease both;\r\n position: relative;\r\n }\r\n\r\n \/* Glow ambiance behind dashboard *\/\r\n .hero-right::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(ellipse at 60% 50%, rgba(0,232,122,0.08) 0%, transparent 65%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n \/* Floating label above dashboard *\/\r\n .dashboard-label {\r\n position: absolute;\r\n top: 12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: rgba(0,232,122,0.1);\r\n border: 1px solid rgba(0,232,122,0.22);\r\n border-radius: 100px;\r\n padding: 4px 12px;\r\n font-size: 10px;\r\n font-weight: 600;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n white-space: nowrap;\r\n z-index: 2;\r\n }\r\n\r\n .dashboard-label::before {\r\n content: '';\r\n width: 5px; height: 5px;\r\n background: var(--accent);\r\n border-radius: 50%;\r\n animation: pulse 2s ease infinite;\r\n }\r\n\r\n .dashboard-wrap {\r\n position: relative;\r\n width: 100%;\r\n max-width: 620px;\r\n z-index: 1;\r\n }\r\n\r\n \/* Decorative corner accents *\/\r\n .dashboard-wrap::before,\r\n .dashboard-wrap::after {\r\n content: '';\r\n position: absolute;\r\n width: 18px; height: 18px;\r\n border-color: rgba(0,232,122,0.35);\r\n border-style: solid;\r\n z-index: 3;\r\n pointer-events: none;\r\n }\r\n .dashboard-wrap::before {\r\n top: -6px; left: -6px;\r\n border-width: 2px 0 0 2px;\r\n border-radius: 3px 0 0 0;\r\n }\r\n .dashboard-wrap::after {\r\n bottom: -6px; right: -6px;\r\n border-width: 0 2px 2px 0;\r\n border-radius: 0 0 3px 0;\r\n }\r\n\r\n .dashboard {\r\n width: 100%;\r\n background: var(--surface);\r\n border: 1px solid rgba(0,232,122,0.15);\r\n border-radius: 14px;\r\n overflow: hidden;\r\n box-shadow:\r\n 0 0 0 1px rgba(0,232,122,0.06),\r\n 0 8px 32px rgba(0,0,0,0.4),\r\n 0 32px 80px rgba(0,0,0,0.35),\r\n inset 0 1px 0 rgba(255,255,255,0.04);\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .dash-header {\r\n background: var(--surface2);\r\n padding: 10px 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border-bottom: 1px solid var(--border);\r\n flex-shrink: 0;\r\n }\r\n\r\n .dash-dots { display: flex; gap: 5px; }\r\n .dash-dots span { width: 9px; height: 9px; border-radius: 50%; }\r\n .dash-dots span:nth-child(1) { background: #ff5f57; }\r\n .dash-dots span:nth-child(2) { background: #ffbd2e; }\r\n .dash-dots span:nth-child(3) { background: #28c840; }\r\n\r\n .dash-url-bar {\r\n flex: 1;\r\n background: rgba(255,255,255,0.04);\r\n border: 1px solid var(--border);\r\n border-radius: 5px;\r\n padding: 4px 12px;\r\n font-size: 11px;\r\n color: var(--text-dim);\r\n display: flex; align-items: center; gap: 5px;\r\n }\r\n\r\n .dash-layout {\r\n display: grid;\r\n grid-template-columns: 160px 1fr;\r\n }\r\n\r\n .dash-sidebar {\r\n background: #0a0f0c;\r\n border-right: 1px solid var(--border);\r\n padding: 16px 0;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .dash-logo {\r\n display: flex; align-items: center; gap: 7px;\r\n padding: 0 14px 14px;\r\n font-family: 'Syne', sans-serif;\r\n font-weight: 800;\r\n font-size: 13px;\r\n border-bottom: 1px solid var(--border);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .dash-logo-icon {\r\n width: 19px; height: 19px;\r\n background: var(--accent);\r\n border-radius: 4px;\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n\r\n .nav-item {\r\n display: flex; align-items: center; gap: 9px;\r\n padding: 8px 14px;\r\n font-size: 12px; color: var(--text-dim);\r\n cursor: pointer;\r\n }\r\n .nav-item.active {\r\n background: var(--accent-dim);\r\n color: var(--accent);\r\n border-left: 2px solid var(--accent);\r\n }\r\n .nav-item svg { width: 13px; height: 13px; opacity: 0.7; }\r\n\r\n .dash-main {\r\n padding: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .dash-greeting { display: flex; justify-content: space-between; align-items: flex-start; }\r\n\r\n .dash-greeting h3 {\r\n font-family: 'Syne', sans-serif;\r\n font-size: 15px; font-weight: 700; letter-spacing: -0.2px;\r\n }\r\n .dash-greeting p { font-size: 11px; color: var(--text-muted); margin-top: 2px; }\r\n\r\n .ask-btn {\r\n background: var(--accent);\r\n color: #070b09;\r\n border: none; border-radius: 6px;\r\n padding: 6px 12px;\r\n font-family: 'Syne', sans-serif;\r\n font-weight: 700; font-size: 11px;\r\n cursor: pointer;\r\n display: flex; align-items: center; gap: 4px;\r\n }\r\n\r\n .dash-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .dash-card {\r\n background: var(--surface2);\r\n border: 1px solid var(--border);\r\n border-radius: 9px;\r\n padding: 12px;\r\n }\r\n\r\n .card-label {\r\n font-size: 9px; text-transform: uppercase;\r\n letter-spacing: 0.1em; color: var(--text-dim);\r\n font-weight: 500; margin-bottom: 7px;\r\n }\r\n .card-title {\r\n font-family: 'Syne', sans-serif;\r\n font-size: 13px; font-weight: 700;\r\n letter-spacing: -0.2px; margin-bottom: 3px;\r\n }\r\n .card-desc { font-size: 10px; color: var(--text-muted); line-height: 1.5; margin-bottom: 8px; }\r\n\r\n .progress-bar-bg { background: rgba(255,255,255,0.06); border-radius: 4px; height: 3px; overflow: hidden; margin-bottom: 5px; }\r\n .progress-bar-fill {\r\n height: 100%; background: var(--accent); border-radius: 4px; width: 72%;\r\n position: relative; overflow: hidden;\r\n }\r\n .progress-bar-fill::after {\r\n content: ''; position: absolute; inset: 0;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n animation: shimmer 2s infinite;\r\n }\r\n @keyframes shimmer { from { transform: translateX(-100%); } to { transform: translateX(100%); } }\r\n .progress-pct { font-size: 10px; color: var(--text-muted); }\r\n\r\n .attention-list { display: flex; flex-direction: column; gap: 7px; }\r\n .attention-item { display: flex; align-items: center; gap: 7px; font-size: 10px; }\r\n .attention-icon {\r\n width: 18px; height: 18px; border-radius: 4px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; font-size: 9px;\r\n }\r\n .ai { background: rgba(99,179,237,0.15); }\r\n .ag { background: rgba(0,232,122,0.12); }\r\n .ao { background: rgba(246,173,85,0.15); }\r\n .attention-item-text { color: #bcc8be; }\r\n .attention-item-sub { color: var(--text-dim); font-size: 9px; }\r\n\r\n .projects-card { grid-column: span 2; }\r\n\r\n .project-row {\r\n display: flex; align-items: center; gap: 9px;\r\n padding: 6px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.04);\r\n font-size: 11px;\r\n }\r\n .project-row:last-child { border-bottom: none; }\r\n .project-name { flex: 1; font-weight: 500; }\r\n .status-dot { width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0; }\r\n .s-green { background: var(--accent); }\r\n .s-blue { background: #60a5fa; }\r\n .s-yellow { background: #fbbf24; }\r\n .status-text { font-size: 10px; color: var(--text-muted); }\r\n .project-date { font-size: 10px; color: var(--text-dim); margin-left: auto; }\r\n\r\n \/* FOOTER *\/\r\n footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 40px;\r\n border-top: 1px solid var(--border);\r\n background: rgba(8,12,10,0.95);\r\n }\r\n\r\n .footer-features {\r\n display: flex;\r\n gap: 32px;\r\n }\r\n\r\n .footer-feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 12px;\r\n color: var(--text-muted);\r\n }\r\n\r\n .footer-feature-icon {\r\n width: 26px; height: 26px;\r\n background: var(--accent-dim);\r\n border: 1px solid rgba(0,232,122,0.15);\r\n border-radius: 6px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n .footer-feature-icon svg { width: 13px; height: 13px; }\r\n .footer-feature strong { font-family: 'Syne', sans-serif; font-size: 12px; font-weight: 700; color: var(--text); display: block; }\r\n\r\n footer p { font-size: 11px; color: var(--text-dim); }\r\n\r\n \/* COPYRIGHT *\/\r\n .desktop-copyright {\r\n font-size: 11px;\r\n color: var(--text-dim);\r\n margin-left: auto;\r\n }\r\n\r\n .mobile-copyright {\r\n display: none;\r\n }\r\n\r\n \/* MOBILE CTA \u2014 hidden on desktop *\/\r\n .mobile-cta {\r\n display: none;\r\n }\r\n\r\n \/* ===== RESPONSIVE MOBILE ===== *\/\r\n @media (max-width: 768px) {\r\n\r\n nav {\r\n padding: 0 20px;\r\n }\r\n\r\n .nav-pill {\r\n font-size: 9px;\r\n padding: 4px 10px;\r\n }\r\n\r\n .page {\r\n grid-template-rows: 56px auto auto;\r\n }\r\n\r\n \/* Passe en colonne unique *\/\r\n .main {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-left {\r\n padding: 28px 20px 20px;\r\n gap: 16px;\r\n }\r\n\r\n h1 {\r\n font-size: 36px;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .hero-desc {\r\n font-size: 14px;\r\n }\r\n\r\n .email-form {\r\n flex-direction: column;\r\n }\r\n\r\n .cta-btn {\r\n justify-content: center;\r\n }\r\n\r\n \/* Dashboard visible en mobile *\/\r\n .hero-right {\r\n padding: 0 12px 32px;\r\n justify-content: center;\r\n background: linear-gradient(180deg, transparent 0%, rgba(0,232,122,0.04) 40%, transparent 100%);\r\n border-top: 1px solid rgba(0,232,122,0.1);\r\n }\r\n\r\n .hero-right::before {\r\n display: none;\r\n }\r\n\r\n .dashboard-wrap {\r\n max-width: 100%;\r\n margin-top: 28px;\r\n }\r\n\r\n .dashboard-label {\r\n position: relative;\r\n top: auto; left: auto;\r\n transform: none;\r\n margin: 0 auto 12px;\r\n width: fit-content;\r\n }\r\n\r\n .dashboard {\r\n max-width: 100%;\r\n border-radius: 10px;\r\n }\r\n\r\n \/* Garde la sidebar mais plus \u00e9troite *\/\r\n .dash-layout {\r\n grid-template-columns: 110px 1fr;\r\n }\r\n\r\n .dash-sidebar {\r\n display: flex;\r\n }\r\n\r\n .dash-logo {\r\n padding: 0 10px 10px;\r\n font-size: 11px;\r\n }\r\n\r\n .dash-logo-icon {\r\n width: 16px; height: 16px;\r\n }\r\n\r\n .nav-item {\r\n padding: 7px 10px;\r\n font-size: 11px;\r\n gap: 7px;\r\n }\r\n\r\n .nav-item svg {\r\n width: 11px; height: 11px;\r\n }\r\n\r\n .dash-main {\r\n padding: 10px;\r\n gap: 8px;\r\n }\r\n\r\n .dash-greeting h3 {\r\n font-size: 12px;\r\n }\r\n\r\n .dash-greeting p {\r\n font-size: 9px;\r\n }\r\n\r\n .ask-btn {\r\n padding: 5px 8px;\r\n font-size: 10px;\r\n }\r\n\r\n .dash-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 7px;\r\n }\r\n\r\n .dash-card {\r\n padding: 9px;\r\n }\r\n\r\n .card-label {\r\n font-size: 8px;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .card-title {\r\n font-size: 11px;\r\n }\r\n\r\n .card-desc {\r\n font-size: 9px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .progress-pct {\r\n font-size: 9px;\r\n }\r\n\r\n .attention-item {\r\n font-size: 9px;\r\n gap: 5px;\r\n }\r\n\r\n .attention-icon {\r\n width: 15px; height: 15px;\r\n font-size: 8px;\r\n }\r\n\r\n .attention-item-sub {\r\n font-size: 8px;\r\n }\r\n\r\n .projects-card {\r\n grid-column: span 2;\r\n }\r\n\r\n .project-row {\r\n font-size: 10px;\r\n padding: 5px 0;\r\n }\r\n\r\n .status-text, .project-date {\r\n font-size: 9px;\r\n }\r\n\r\n \/* Footer en colonne sur mobile *\/\r\n footer {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 16px;\r\n padding: 20px;\r\n height: auto;\r\n }\r\n\r\n .footer-features {\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n \/* Mobile waitlist CTA *\/\r\n .mobile-cta {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n padding: 28px 20px;\r\n border-top: 1px solid rgba(0,232,122,0.15);\r\n border-bottom: 1px solid rgba(0,232,122,0.08);\r\n background: rgba(0,232,122,0.03);\r\n }\r\n\r\n .desktop-copyright { display: none; }\r\n .mobile-copyright { display: block; font-size: 11px; color: var(--text-dim); }\r\n .mobile-cta-text {\r\n font-family: 'Syne', sans-serif;\r\n font-size: 18px;\r\n font-weight: 700;\r\n letter-spacing: -0.4px;\r\n color: var(--text);\r\n line-height: 1.2;\r\n }\r\n\r\n .mobile-cta .email-form {\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .mobile-cta .cta-btn {\r\n justify-content: center;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"page\">\r\n\r\n \r\n <nav>\r\n <div class=\"logo\">\r\n <div class=\"logo-icon\">\r\n <svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8 2L14 5.5V10.5L8 14L2 10.5V5.5L8 2Z\" fill=\"#080c0a\"\/><\/svg>\r\n <\/div>\r\n execNEO\r\n <\/div>\r\n <div class=\"nav-pill\">Introducing execNEO<\/div>\r\n <\/nav>\r\n\r\n \r\n <div class=\"main\">\r\n \r\n <div class=\"hero-left\">\r\n <div class=\"hero-tag\">\r\n <span class=\"dot\"><\/span>\r\n <span>Now in early access<\/span>\r\n <\/div>\r\n\r\n <h1>Your <em>AI-Powered<\/em><br>Chief of Staff<\/h1>\r\n\r\n <p class=\"hero-desc\">\r\n execNEO helps founders and teams stay aligned, prioritize what matters, and move faster \u2014 all in one place.\r\n <\/p>\r\n\r\n <ul class=\"features-list\">\r\n <li>\r\n <div class=\"check-icon\"><svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5L4.2 7.5L8 3\" stroke=\"#00e87a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n Turn goals into clear, actionable plans\r\n <\/li>\r\n <li>\r\n <div class=\"check-icon\"><svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5L4.2 7.5L8 3\" stroke=\"#00e87a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n Keep projects and teams aligned\r\n <\/li>\r\n <li>\r\n <div class=\"check-icon\"><svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5L4.2 7.5L8 3\" stroke=\"#00e87a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n Surface what matters and drive progress\r\n <\/li>\r\n <\/ul>\r\n\r\n <div>\r\n <div class=\"email-form\" id=\"form-main\">\r\n <input id=\"input-main\" class=\"email-input\" type=\"email\" placeholder=\"Enter your email address\" \/>\r\n <button class=\"cta-btn\" onclick=\"submitWaitlist('input-main', 'note-main')\">\r\n Join Waitlist\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7H11M11 7L7.5 3.5M11 7L7.5 10.5\" stroke=\"#070b09\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <p class=\"form-note\" id=\"note-main\">Be the first to experience execNEO. No spam, ever.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-right\">\r\n <div class=\"dashboard-wrap\">\r\n <div class=\"dashboard-label\">Live preview<\/div>\r\n <div class=\"dashboard\">\r\n <div class=\"dash-header\">\r\n <div class=\"dash-dots\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"dash-url-bar\">\r\n <svg width=\"9\" height=\"9\" viewBox=\"0 0 10 10\" fill=\"none\"><rect x=\"1\" y=\"1\" width=\"8\" height=\"8\" rx=\"2\" stroke=\"#4a5c4e\" stroke-width=\"1\"\/><\/svg>\r\n app.execneo.com\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-layout\">\r\n <div class=\"dash-sidebar\">\r\n <div class=\"dash-logo\">\r\n <div class=\"dash-logo-icon\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 1L11 3.5V8.5L6 11L1 8.5V3.5L6 1Z\" fill=\"#080c0a\"\/><\/svg>\r\n <\/div>\r\n execNEO\r\n <\/div>\r\n <div class=\"nav-item active\">\r\n <svg viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"1\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><rect x=\"8\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><rect x=\"1\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><rect x=\"8\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><\/svg>\r\n Home\r\n <\/div>\r\n <div class=\"nav-item\">\r\n <svg viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M7 1L7 13M1 7H13\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\r\n Priorities\r\n <\/div>\r\n <div class=\"nav-item\">\r\n <svg viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"1\" y=\"3\" width=\"12\" height=\"9\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M4 1V3M10 1V3\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\r\n Projects\r\n <\/div>\r\n <div class=\"nav-item\">\r\n <svg viewBox=\"0 0 14 14\" fill=\"none\"><circle cx=\"7\" cy=\"7\" r=\"5.5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M7 4V7.5L9.5 9\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\r\n Insights\r\n <\/div>\r\n <div class=\"nav-item\">\r\n <svg viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 4h10M2 7h7M2 10h4\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\r\n Decisions\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-main\">\r\n <div class=\"dash-greeting\">\r\n <div>\r\n <h3>Good morning, Alex.<\/h3>\r\n <p>Here's what's top of mind today.<\/p>\r\n <\/div>\r\n <button class=\"ask-btn\">\r\n <svg width=\"9\" height=\"9\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M5 1L5 9M1 5H9\" stroke=\"#070b09\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\r\n Ask execNEO\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"dash-grid\">\r\n <div class=\"dash-card\">\r\n <div class=\"card-label\">Top Priority<\/div>\r\n <div class=\"card-title\">Q3 GTM Strategy<\/div>\r\n <div class=\"card-desc\">Define positioning, finalize launch plan, align sales & marketing.<\/div>\r\n <div class=\"progress-bar-bg\"><div class=\"progress-bar-fill\"><\/div><\/div>\r\n <div class=\"progress-pct\">72% complete<\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-card\">\r\n <div class=\"card-label\">What needs your attention<\/div>\r\n <div class=\"attention-list\">\r\n <div class=\"attention-item\">\r\n <div class=\"attention-icon ai\">\ud83d\udc65<\/div>\r\n <div><div class=\"attention-item-text\">Review pricing feedback<\/div><div class=\"attention-item-sub\">Sales team<\/div><\/div>\r\n <\/div>\r\n <div class=\"attention-item\">\r\n <div class=\"attention-icon ag\">\u2705<\/div>\r\n <div><div class=\"attention-item-text\">Approve hiring plan<\/div><div class=\"attention-item-sub\">People team<\/div><\/div>\r\n <\/div>\r\n <div class=\"attention-item\">\r\n <div class=\"attention-icon ao\">\ud83e\udd1d<\/div>\r\n <div><div class=\"attention-item-text\">Partnership proposal<\/div><div class=\"attention-item-sub\">Due in 2 days<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-card projects-card\">\r\n <div class=\"card-label\">Active Projects<\/div>\r\n <div class=\"project-row\">\r\n <div class=\"status-dot s-blue\"><\/div>\r\n <div class=\"project-name\">Website Redesign<\/div>\r\n <div class=\"status-text\">In progress<\/div>\r\n <div class=\"project-date\">Aug 15<\/div>\r\n <\/div>\r\n <div class=\"project-row\">\r\n <div class=\"status-dot s-green\"><\/div>\r\n <div class=\"project-name\">Series A Fundraise<\/div>\r\n <div class=\"status-text\">On track<\/div>\r\n <div class=\"project-date\">Aug 22<\/div>\r\n <\/div>\r\n <div class=\"project-row\">\r\n <div class=\"status-dot s-yellow\"><\/div>\r\n <div class=\"project-name\">Product Roadmap<\/div>\r\n <div class=\"status-text\">At risk<\/div>\r\n <div class=\"project-date\">Aug 30<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mobile-cta\">\r\n <p class=\"mobile-cta-text\">Ready to reclaim 10\u201315 hours a week?<\/p>\r\n <div class=\"email-form\" id=\"form-mobile\">\r\n <input id=\"input-mobile\" class=\"email-input\" type=\"email\" placeholder=\"Enter your email address\" \/>\r\n <button class=\"cta-btn\" onclick=\"submitWaitlist('input-mobile', 'note-mobile')\">\r\n Join Waitlist\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 7H11M11 7L7.5 3.5M11 7L7.5 10.5\" stroke=\"#070b09\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <p class=\"form-note\" id=\"note-mobile\">Be the first to experience execNEO. No spam, ever.<\/p>\r\n <\/div>\r\n\r\n \r\n <footer>\r\n <div class=\"footer-features\">\r\n <div class=\"footer-feature\">\r\n <div class=\"footer-feature-icon\">\r\n <svg viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M10 2L18 6V14L10 18L2 14V6L10 2Z\" stroke=\"#00e87a\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/div>\r\n <div><strong>Strategic Clarity<\/strong>Focus on what matters most.<\/div>\r\n <\/div>\r\n <div class=\"footer-feature\">\r\n <div class=\"footer-feature-icon\">\r\n <svg viewBox=\"0 0 20 20\" fill=\"none\"><circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#00e87a\" stroke-width=\"1.5\"\/><circle cx=\"7\" cy=\"9\" r=\"1\" fill=\"#00e87a\"\/><circle cx=\"13\" cy=\"9\" r=\"1\" fill=\"#00e87a\"\/><path d=\"M7 13s1.5 2 3 2 3-2 3-2\" stroke=\"#00e87a\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/div>\r\n <div><strong>Team Alignment<\/strong>Everyone in the right direction.<\/div>\r\n <\/div>\r\n <div class=\"footer-feature\">\r\n <div class=\"footer-feature-icon\">\r\n <svg viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M3 14L7 10L10 13L14 8L17 11\" stroke=\"#00e87a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M17 8V11H14\" stroke=\"#00e87a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/div>\r\n <div><strong>Smarter Decisions<\/strong>Real-time insights, confident calls.<\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"mobile-copyright\">\u00a9 2026 execNEO. All rights reserved.<\/p>\r\n <p class=\"desktop-copyright\">\u00a9 2026 execNEO. All rights reserved.<\/p>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n<script>\r\n const SHEET_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbzn4HB70v0fqS9zGBhd6tlNkRm05Ov9vzFV3WqlH7nJN2hqMlGa4kJI-1rBovtfSPA\/exec\";\r\n\r\n async function submitWaitlist(inputId, noteId) {\r\n const input = document.getElementById(inputId);\r\n const note = document.getElementById(noteId);\r\n const email = input.value.trim();\r\n\r\n if (!email || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) {\r\n note.textContent = \"\u26a0\ufe0f Please enter a valid email address.\";\r\n note.style.color = \"#f97316\";\r\n return;\r\n }\r\n\r\n note.textContent = \"Sending...\";\r\n note.style.color = \"var(--text-muted)\";\r\n\r\n try {\r\n await fetch(SHEET_URL, {\r\n method: \"POST\",\r\n mode: \"no-cors\",\r\n headers: { \"Content-Type\": \"application\/json\" },\r\n body: JSON.stringify({ email, source: \"execneo.com\" })\r\n });\r\n\r\n input.value = \"\";\r\n input.disabled = true;\r\n note.textContent = \"\u2705 You're on the list! We'll be in touch soon.\";\r\n note.style.color = \"var(--accent)\";\r\n } catch (err) {\r\n note.textContent = \"\u274c Something went wrong. Please try again.\";\r\n note.style.color = \"#f97316\";\r\n }\r\n }\r\n<\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/execneo.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/execneo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/execneo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/execneo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/execneo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":2,"href":"https:\/\/execneo.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/execneo.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/execneo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}