VieCommunities.net \u2014 Master the Art of Longevity<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\" \/>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n midnight: '#0a0f1e',\r\n navy: '#0f172a',\r\n emerald: '#10b981',\r\n emglow: '#34d399',\r\n slate: '#94a3b8',\r\n },\r\n fontFamily: {\r\n display: ['Syne', 'sans-serif'],\r\n body: ['DM Sans', 'sans-serif'],\r\n },\r\n },\r\n },\r\n };\r\n <\/script>\r\n\r\n <style>\r\n \/* \u2500\u2500\u2500 Base \u2500\u2500\u2500 *\/\r\n *, *::before, *::after { box-sizing: border-box; }\r\n html { background: #0a0f1e; }\r\n body { font-family: 'DM Sans', sans-serif; background: #0a0f1e; color: #e2e8f0; overflow-x: hidden; }\r\n\r\n \/* \u2500\u2500\u2500 Scrollbar \u2500\u2500\u2500 *\/\r\n ::-webkit-scrollbar { width: 4px; }\r\n ::-webkit-scrollbar-track { background: #0a0f1e; }\r\n ::-webkit-scrollbar-thumb { background: #10b981; border-radius: 2px; }\r\n\r\n \/* \u2500\u2500\u2500 Noise texture overlay \u2500\u2500\u2500 *\/\r\n body::before {\r\n content: '';\r\n position: fixed; inset: 0; z-index: 0; pointer-events: none;\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.04'\/%3E%3C\/svg%3E\");\r\n background-size: 200px 200px;\r\n opacity: 0.35;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Gradient mesh blobs \u2500\u2500\u2500 *\/\r\n .blob {\r\n position: absolute; border-radius: 50%; filter: blur(120px);\r\n pointer-events: none; animation: drift 12s ease-in-out infinite alternate;\r\n }\r\n @keyframes drift {\r\n from { transform: translate(0, 0) scale(1); }\r\n to { transform: translate(40px, -30px) scale(1.08); }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Nav \u2500\u2500\u2500 *\/\r\n nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n background: rgba(10,15,30,0.72); backdrop-filter: blur(20px);\r\n border-bottom: 1px solid rgba(16,185,129,0.12);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Hero gradient text \u2500\u2500\u2500 *\/\r\n .hero-title {\r\n background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 40%, #10b981 80%, #34d399 100%);\r\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Glow button \u2500\u2500\u2500 *\/\r\n .btn-glow {\r\n position: relative; overflow: hidden;\r\n background: linear-gradient(135deg, #10b981, #059669);\r\n box-shadow: 0 0 24px rgba(16,185,129,0.4), 0 0 60px rgba(16,185,129,0.15);\r\n transition: all 0.3s ease;\r\n }\r\n .btn-glow:hover {\r\n box-shadow: 0 0 36px rgba(16,185,129,0.6), 0 0 80px rgba(16,185,129,0.25);\r\n transform: translateY(-2px);\r\n }\r\n .btn-glow::after {\r\n content: ''; position: absolute; inset: 0;\r\n background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent);\r\n opacity: 0; transition: opacity 0.3s;\r\n }\r\n .btn-glow:hover::after { opacity: 1; }\r\n\r\n \/* \u2500\u2500\u2500 Card glass \u2500\u2500\u2500 *\/\r\n .glass-card {\r\n background: rgba(15,23,42,0.7);\r\n border: 1px solid rgba(16,185,129,0.15);\r\n backdrop-filter: blur(12px);\r\n transition: all 0.35s ease;\r\n }\r\n .glass-card:hover {\r\n border-color: rgba(16,185,129,0.4);\r\n box-shadow: 0 0 40px rgba(16,185,129,0.08), 0 20px 60px rgba(0,0,0,0.4);\r\n transform: translateY(-4px);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Pillar icon ring \u2500\u2500\u2500 *\/\r\n .icon-ring {\r\n width: 64px; height: 64px; border-radius: 50%;\r\n background: rgba(16,185,129,0.1);\r\n border: 1.5px solid rgba(16,185,129,0.3);\r\n display: flex; align-items: center; justify-content: center;\r\n box-shadow: 0 0 24px rgba(16,185,129,0.15);\r\n transition: all 0.3s;\r\n }\r\n .glass-card:hover .icon-ring {\r\n background: rgba(16,185,129,0.18);\r\n box-shadow: 0 0 32px rgba(16,185,129,0.3);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Divider line \u2500\u2500\u2500 *\/\r\n .em-line {\r\n display: inline-block; width: 48px; height: 2px;\r\n background: linear-gradient(90deg, #10b981, transparent);\r\n margin-bottom: 12px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Testimonial card \u2500\u2500\u2500 *\/\r\n .testi-card {\r\n background: linear-gradient(135deg, rgba(15,23,42,0.9) 0%, rgba(10,15,30,0.9) 100%);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n transition: all 0.3s;\r\n }\r\n .testi-card:hover { border-color: rgba(16,185,129,0.2); transform: translateY(-3px); }\r\n\r\n \/* \u2500\u2500\u2500 Reveal animations \u2500\u2500\u2500 *\/\r\n .reveal { opacity: 0; transform: translateY(32px); transition: opacity 0.7s ease, transform 0.7s ease; }\r\n .reveal.visible { opacity: 1; transform: translateY(0); }\r\n .reveal-left { opacity: 0; transform: translateX(-32px); transition: opacity 0.7s ease, transform 0.7s ease; }\r\n .reveal-left.visible { opacity: 1; transform: translateX(0); }\r\n .reveal-right { opacity: 0; transform: translateX(32px); transition: opacity 0.7s ease, transform 0.7s ease; }\r\n .reveal-right.visible { opacity: 1; transform: translateX(0); }\r\n\r\n \/* \u2500\u2500\u2500 Featured bar \u2500\u2500\u2500 *\/\r\n .brand-fade { opacity: 0.35; filter: grayscale(1); transition: all 0.3s; }\r\n .brand-fade:hover { opacity: 0.75; filter: grayscale(0); }\r\n\r\n \/* \u2500\u2500\u2500 Input \u2500\u2500\u2500 *\/\r\n .em-input {\r\n background: rgba(15,23,42,0.8);\r\n border: 1px solid rgba(16,185,129,0.25);\r\n color: #e2e8f0; outline: none;\r\n transition: border-color 0.3s, box-shadow 0.3s;\r\n }\r\n .em-input:focus {\r\n border-color: #10b981;\r\n box-shadow: 0 0 0 3px rgba(16,185,129,0.12);\r\n }\r\n .em-input::placeholder { color: #475569; }\r\n\r\n \/* \u2500\u2500\u2500 Stat number \u2500\u2500\u2500 *\/\r\n .stat-num {\r\n font-family: 'Syne', sans-serif;\r\n background: linear-gradient(135deg, #10b981, #34d399);\r\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Footer \u2500\u2500\u2500 *\/\r\n footer { border-top: 1px solid rgba(16,185,129,0.1); }\r\n\r\n \/* \u2500\u2500\u2500 Horizontal marquee \u2500\u2500\u2500 *\/\r\n @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n .marquee-inner { display: flex; animation: marquee 22s linear infinite; }\r\n\r\n \/* \u2500\u2500\u2500 Pulse ring \u2500\u2500\u2500 *\/\r\n @keyframes pulse-ring {\r\n 0% { box-shadow: 0 0 0 0 rgba(16,185,129,0.5); }\r\n 70% { box-shadow: 0 0 0 12px rgba(16,185,129,0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(16,185,129,0); }\r\n }\r\n .pulse-live { animation: pulse-ring 2s infinite; }\r\n\r\n \/* Delay helpers *\/\r\n .delay-1 { transition-delay: 0.1s; }\r\n .delay-2 { transition-delay: 0.2s; }\r\n .delay-3 { transition-delay: 0.3s; }\r\n .delay-4 { transition-delay: 0.4s; }\r\n <\/style>\r\n<\/head>\r\n\r\n<body x-data=\"{ mobileOpen: false }\">\r\n\r\n\r\n<div class=\"bg-amber-500\/90 text-black text-[10px] sm:text-xs py-1 text-center font-body font-bold relative z-[110]\">\r\n \u26a0\ufe0f \u0647\u0640\u0630\u0627 \u0627\u0644\u0645\u0648\u0642\u0639 \u062a\u062c\u0631\u064a\u0628\u064a \u0644\u0644\u0623\u063a\u0631\u0627\u0636 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0641\u0642\u0637 | This is a DEMO website for educational purposes only.\r\n<\/div>\r\n\r\n\r\n<nav>\r\n <div class=\"max-w-7xl mx-auto px-6 py-4 flex items-center justify-between\">\r\n \r\n <a href=\"#\" class=\"flex items-center gap-2\">\r\n <span class=\"inline-block w-8 h-8 rounded-full bg-emerald-500\/20 border border-emerald-500\/40 flex items-center justify-center pulse-live\">\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"font-display font-800 text-white tracking-tight text-lg\">Vie<span class=\"text-emerald-400\">Communities<\/span><\/span>\r\n <\/a>\r\n\r\n \r\n <div class=\"hidden md:flex items-center gap-8 text-sm font-body text-slate-400\">\r\n <a href=\"#philosophy\" class=\"hover:text-emerald-400 transition-colors\">Philosophy<\/a>\r\n <a href=\"#network\" class=\"hover:text-emerald-400 transition-colors\">Network<\/a>\r\n <a href=\"#testimonials\" class=\"hover:text-emerald-400 transition-colors\">Members<\/a>\r\n <a href=\"#waitlist\" class=\"btn-glow text-white px-5 py-2 rounded-full text-sm font-medium font-display\">Join Waitlist<\/a>\r\n <\/div>\r\n\r\n \r\n <button @click=\"mobileOpen = !mobileOpen\" class=\"md:hidden text-slate-400 hover:text-white\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path x-show=\"!mobileOpen\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h16\"\/>\r\n <path x-show=\"mobileOpen\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div x-show=\"mobileOpen\" x-transition class=\"md:hidden border-t border-emerald-500\/10 px-6 pb-5 pt-3 flex flex-col gap-4 text-sm text-slate-300\">\r\n <a href=\"#philosophy\" @click=\"mobileOpen=false\" class=\"hover:text-emerald-400 transition-colors\">Philosophy<\/a>\r\n <a href=\"#network\" @click=\"mobileOpen=false\" class=\"hover:text-emerald-400 transition-colors\">Network<\/a>\r\n <a href=\"#testimonials\" @click=\"mobileOpen=false\" class=\"hover:text-emerald-400 transition-colors\">Members<\/a>\r\n <a href=\"#waitlist\" @click=\"mobileOpen=false\" class=\"btn-glow text-white px-5 py-2.5 rounded-full text-sm font-medium text-center font-display\">Join Waitlist<\/a>\r\n <\/div>\r\n<\/nav>\r\n\r\n\r\n<section class=\"relative min-h-screen flex items-center justify-center overflow-hidden pt-24 pb-20\">\r\n\r\n \r\n <div class=\"blob w-[600px] h-[600px] bg-emerald-500\/10 -top-40 -right-40\" style=\"animation-duration:14s\"><\/div>\r\n <div class=\"blob w-[500px] h-[500px] bg-blue-900\/20 -bottom-20 -left-32\" style=\"animation-duration:18s; animation-delay:3s\"><\/div>\r\n\r\n \r\n <div class=\"absolute inset-0 pointer-events-none\" style=\"background-image: linear-gradient(rgba(16,185,129,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(16,185,129,0.04) 1px, transparent 1px); background-size: 60px 60px;\"><\/div>\r\n\r\n <div class=\"relative z-10 max-w-6xl mx-auto px-6 flex flex-col lg:flex-row items-center gap-16\">\r\n\r\n \r\n <div class=\"flex-1 text-center lg:text-left\">\r\n <div class=\"reveal inline-flex items-center gap-2 bg-emerald-500\/10 border border-emerald-500\/25 px-4 py-1.5 rounded-full text-emerald-400 text-xs font-display font-semibold tracking-widest uppercase mb-8\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-emerald-400 animate-pulse\"><\/span>\r\n Now Accepting Applications\r\n <\/div>\r\n\r\n <h1 class=\"reveal delay-1 font-display font-extrabold text-5xl sm:text-6xl lg:text-7xl leading-[1.05] hero-title mb-6\">\r\n Master the Art<br\/>of Longevity.\r\n <\/h1>\r\n\r\n <p class=\"reveal delay-2 font-body text-slate-400 text-lg lg:text-xl leading-relaxed max-w-xl mb-10\">\r\n Join an elite network of biohackers and health optimizers. Science-backed protocols for a life without limits.\r\n <\/p>\r\n\r\n <div class=\"reveal delay-3 flex flex-col sm:flex-row items-center lg:items-start gap-4\">\r\n <a href=\"#waitlist\" class=\"btn-glow text-white px-8 py-4 rounded-full font-display font-semibold text-base w-full sm:w-auto text-center\">\r\n Secure Your Spot \u2192\r\n <\/a>\r\n <a href=\"#philosophy\" class=\"text-slate-400 hover:text-white border border-slate-700 hover:border-slate-500 px-8 py-4 rounded-full font-body text-base transition-all w-full sm:w-auto text-center\">\r\n Explore the Science\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"reveal delay-4 flex flex-wrap justify-center lg:justify-start gap-8 mt-14 pt-8 border-t border-slate-800\">\r\n <div>\r\n <p class=\"stat-num text-3xl font-display font-bold\">4,800+<\/p>\r\n <p class=\"text-slate-500 text-sm mt-0.5\">Elite Members<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"stat-num text-3xl font-display font-bold\">120+<\/p>\r\n <p class=\"text-slate-500 text-sm mt-0.5\">Expert Protocols<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"stat-num text-3xl font-display font-bold\">38<\/p>\r\n <p class=\"text-slate-500 text-sm mt-0.5\">Countries<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex-1 reveal-right relative max-w-sm lg:max-w-none w-full\">\r\n <div class=\"absolute inset-0 rounded-3xl bg-gradient-to-br from-emerald-500\/20 to-blue-900\/20 blur-2xl transform scale-95\"><\/div>\r\n <div class=\"relative rounded-3xl overflow-hidden border border-emerald-500\/20\" style=\"aspect-ratio:4\/5;\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1576091160550-2173dba999ef?w=800&q=80&auto=format&fit=crop\"\r\n alt=\"Modern health lab\"\r\n class=\"w-full h-full object-cover\"\r\n loading=\"lazy\"\r\n \/>\r\n \r\n <div class=\"absolute bottom-5 left-5 right-5 glass-card rounded-2xl p-4\">\r\n <p class=\"text-xs text-emerald-400 font-display font-semibold tracking-widest uppercase mb-1\">Live Session<\/p>\r\n <p class=\"text-white font-display font-semibold text-sm\">Cellular Rejuvenation Protocols \u2014 Q3 2026<\/p>\r\n <div class=\"flex items-center gap-2 mt-2\">\r\n <div class=\"flex -space-x-2\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=40&q=80&fit=crop\" class=\"w-7 h-7 rounded-full border border-midnight object-cover\" \/>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=40&q=80&fit=crop\" class=\"w-7 h-7 rounded-full border border-midnight object-cover\" \/>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=40&q=80&fit=crop\" class=\"w-7 h-7 rounded-full border border-midnight object-cover\" \/>\r\n <\/div>\r\n <p class=\"text-slate-400 text-xs\">+214 attending<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"relative z-10 py-10 border-y border-slate-800\/60 overflow-hidden\">\r\n <p class=\"text-center text-xs text-slate-600 font-display tracking-widest uppercase mb-8\">As Featured In<\/p>\r\n <div class=\"overflow-hidden\">\r\n <div class=\"marquee-inner gap-16 px-8\">\r\n \r\n <template x-for=\"i in 2\" :key=\"i\">\r\n <div class=\"flex items-center gap-16 flex-shrink-0\">\r\n <span class=\"brand-fade font-display font-bold text-slate-400 text-xl tracking-tight whitespace-nowrap\">WIRED<\/span>\r\n <span class=\"brand-fade font-display font-bold text-slate-400 text-xl tracking-tight whitespace-nowrap\">MIT Technology Review<\/span>\r\n <span class=\"brand-fade font-display font-bold text-slate-400 text-xl tracking-tight whitespace-nowrap\">TechCrunch<\/span>\r\n <span class=\"brand-fade font-display font-bold text-slate-400 text-xl tracking-tight whitespace-nowrap\">Forbes Health<\/span>\r\n <span class=\"brand-fade font-display font-bold text-slate-400 text-xl tracking-tight whitespace-nowrap\">Longevity.Technology<\/span>\r\n <span class=\"brand-fade font-display font-bold text-slate-400 text-xl tracking-tight whitespace-nowrap\">Nature Medicine<\/span>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"philosophy\" class=\"relative z-10 py-28 px-6\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-20\">\r\n <div class=\"em-line reveal\"><\/div>\r\n <h2 class=\"reveal font-display font-bold text-4xl sm:text-5xl text-white mb-4\">The Three Pillars<\/h2>\r\n <p class=\"reveal delay-1 text-slate-400 text-lg max-w-xl mx-auto\">Every protocol, session, and insight maps to one of our core disciplines \u2014 the convergence point where science meets human potential.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-6\">\r\n\r\n \r\n <div class=\"glass-card rounded-3xl p-8 reveal\">\r\n <div class=\"icon-ring mb-6\">\r\n <svg class=\"w-7 h-7 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.5l7-7 7 7M4.5 19l7-7 7 7\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"text-emerald-400 font-display text-xs font-semibold tracking-widest uppercase mb-3\">Pillar I<\/p>\r\n <h3 class=\"font-display font-bold text-2xl text-white mb-3\">Optimized Nutrition<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed mb-5\">Evidence-based metabolic protocols, precision supplementation stacks, and time-restricted feeding windows calibrated to your bio-markers for maximum cellular efficiency.<\/p>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Ketogenic<\/span>\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Fasting<\/span>\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">NMN & NAD+<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"glass-card rounded-3xl p-8 reveal delay-2\">\r\n <div class=\"icon-ring mb-6\">\r\n <svg class=\"w-7 h-7 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15M14.25 3.104c.251.023.501.05.75.082M19.8 15a2.25 2.25 0 01-1.272 2.03l-5.278 2.639a.75.75 0 01-.67 0L7.272 17.03A2.25 2.25 0 016 15m13.8 0l-5.278-2.64a.75.75 0 00-.67 0L8.722 15\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"text-emerald-400 font-display text-xs font-semibold tracking-widest uppercase mb-3\">Pillar II<\/p>\r\n <h3 class=\"font-display font-bold text-2xl text-white mb-3\">Cognitive Enhancement<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed mb-5\">Advanced nootropic frameworks, neurofeedback strategies, and sleep architecture engineering to sustain elite mental performance across decades, not just days.<\/p>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Nootropics<\/span>\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Neurofeedback<\/span>\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Sleep Protocols<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"glass-card rounded-3xl p-8 reveal delay-4\">\r\n <div class=\"icon-ring mb-6\">\r\n <svg class=\"w-7 h-7 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"text-emerald-400 font-display text-xs font-semibold tracking-widest uppercase mb-3\">Pillar III<\/p>\r\n <h3 class=\"font-display font-bold text-2xl text-white mb-3\">Biological Longevity<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed mb-5\">Epigenetic reprogramming insights, senolytic therapies, telomere maintenance research, and the cutting-edge science extending human healthspan beyond conventional limits.<\/p>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Epigenetics<\/span>\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Senolytics<\/span>\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Telomeres<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"network\" class=\"relative z-10 py-28 px-6 overflow-hidden\">\r\n \r\n <div class=\"blob w-[700px] h-[700px] bg-emerald-900\/15 left-1\/2 -translate-x-1\/2 top-0\" style=\"animation-duration:16s\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto relative z-10\">\r\n <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\r\n\r\n \r\n <div class=\"reveal-left grid grid-cols-2 gap-4\">\r\n <div class=\"rounded-2xl overflow-hidden aspect-square\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532187863486-abf9dbad1b69?w=600&q=80&auto=format&fit=crop\" alt=\"DNA research\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\"\/>\r\n <\/div>\r\n <div class=\"rounded-2xl overflow-hidden aspect-square mt-8\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571019613454-1cb2f99b2d8b?w=600&q=80&auto=format&fit=crop\" alt=\"Biohacking\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\"\/>\r\n <\/div>\r\n <div class=\"rounded-2xl overflow-hidden aspect-square -mt-4\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?w=600&q=80&auto=format&fit=crop\" alt=\"Lab tech\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\"\/>\r\n <\/div>\r\n <div class=\"rounded-2xl overflow-hidden aspect-square mt-4\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?w=600&q=80&auto=format&fit=crop\" alt=\"Health data\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"em-line reveal\"><\/div>\r\n <h2 class=\"reveal font-display font-bold text-4xl sm:text-5xl text-white mb-6\">Where Elite Minds Converge<\/h2>\r\n <p class=\"reveal delay-1 text-slate-400 text-lg leading-relaxed mb-10\">VieCommunities isn't just a platform \u2014 it's a precision-curated ecosystem where scientists, executives, athletes, and longevity researchers share data and accelerate each other's evolution.<\/p>\r\n\r\n <div class=\"space-y-5\">\r\n \r\n <div class=\"reveal delay-1 flex items-start gap-4 glass-card rounded-2xl p-5\">\r\n <div class=\"icon-ring flex-shrink-0 w-11 h-11\">\r\n <svg class=\"w-5 h-5 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-display font-semibold text-white mb-1\">Exclusive Private Forums<\/p>\r\n <p class=\"text-slate-400 text-sm\">Segmented by expertise level \u2014 from beginners to PhDs. Threads are moderated by vetted researchers and published authors.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"reveal delay-2 flex items-start gap-4 glass-card rounded-2xl p-5\">\r\n <div class=\"icon-ring flex-shrink-0 w-11 h-11\">\r\n <svg class=\"w-5 h-5 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 10l4.553-2.069A1 1 0 0121 8.87v6.26a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-display font-semibold text-white mb-1\">Expert-Led Webinars<\/p>\r\n <p class=\"text-slate-400 text-sm\">Monthly live sessions with longevity scientists, neuroscientists, and performance coaches. Ask your questions in real time.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"reveal delay-3 flex items-start gap-4 glass-card rounded-2xl p-5\">\r\n <div class=\"icon-ring flex-shrink-0 w-11 h-11\">\r\n <svg class=\"w-5 h-5 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-display font-semibold text-white mb-1\">Data-Driven Insights<\/p>\r\n <p class=\"text-slate-400 text-sm\">Aggregate anonymized community health data surfaces patterns invisible to any single person. Collective intelligence at scale.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"testimonials\" class=\"relative z-10 py-28 px-6\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-16\">\r\n <div class=\"em-line reveal\"><\/div>\r\n <h2 class=\"reveal font-display font-bold text-4xl sm:text-5xl text-white mb-4\">Member Voices<\/h2>\r\n <p class=\"reveal delay-1 text-slate-400 text-lg\">Hear from the people redefining what it means to be human.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-6\">\r\n\r\n \r\n <div class=\"testi-card rounded-3xl p-8 reveal\">\r\n <div class=\"flex items-center gap-1 mb-5\">\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <\/div>\r\n <p class=\"text-slate-300 text-base leading-relaxed mb-6 italic\">\"VieCommunities accelerated my understanding of longevity science by years. The forums alone have introduced me to protocols I couldn't find anywhere else \u2014 and the people sharing them have PhDs to back it up.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=80&q=80&fit=crop\" alt=\"Marcus\" class=\"w-11 h-11 rounded-full object-cover border border-emerald-500\/30\"\/>\r\n <div>\r\n <p class=\"font-display font-semibold text-white text-sm\">Dr. Marcus Holt<\/p>\r\n <p class=\"text-slate-500 text-xs\">Neuroscientist \u00b7 Stanford Medical<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"testi-card rounded-3xl p-8 reveal delay-2\">\r\n <div class=\"flex items-center gap-1 mb-5\">\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <\/div>\r\n <p class=\"text-slate-300 text-base leading-relaxed mb-6 italic\">\"As a high-performance athlete, I thought I knew everything about recovery. VieCommunities showed me I was leaving a decade of performance on the table. The ROI on this community is immeasurable.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&q=80&fit=crop\" alt=\"Sophia\" class=\"w-11 h-11 rounded-full object-cover border border-emerald-500\/30\"\/>\r\n <div>\r\n <p class=\"font-display font-semibold text-white text-sm\">Sophia Alvarez<\/p>\r\n <p class=\"text-slate-500 text-xs\">Olympic Triathlete \u00b7 Performance Founder<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"waitlist\" class=\"relative z-10 py-28 px-6\">\r\n <div class=\"max-w-3xl mx-auto\">\r\n\r\n \r\n <div class=\"relative rounded-3xl overflow-hidden\">\r\n \r\n <div class=\"absolute inset-0 bg-gradient-to-br from-midnight via-navy to-midnight\"><\/div>\r\n <div class=\"absolute inset-0 border border-emerald-500\/20 rounded-3xl\"><\/div>\r\n \r\n <div class=\"absolute inset-0 opacity-30\" style=\"background-image: linear-gradient(rgba(16,185,129,0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(16,185,129,0.07) 1px, transparent 1px); background-size: 40px 40px;\"><\/div>\r\n \r\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-emerald-500\/10 rounded-full blur-3xl\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-48 h-48 bg-blue-800\/15 rounded-full blur-2xl\"><\/div>\r\n\r\n <div class=\"relative z-10 p-10 sm:p-16 text-center\">\r\n <div class=\"em-line reveal mx-auto\"><\/div>\r\n <h2 class=\"reveal font-display font-bold text-4xl sm:text-5xl text-white mb-4\">\r\n Secure Your Spot in<br\/>\r\n <span class=\"hero-title\">the Future of Living.<\/span>\r\n <\/h2>\r\n <p class=\"reveal delay-1 text-slate-400 text-base mb-10 max-w-lg mx-auto\">\r\n We accept members in curated cohorts. Drop your email to join the waitlist and be notified when your invitation is ready.\r\n <\/p>\r\n\r\n \r\n <div class=\"reveal delay-2 flex flex-col sm:flex-row gap-3 max-w-md mx-auto\">\r\n <input\r\n type=\"email\"\r\n placeholder=\"your@email.com\"\r\n class=\"em-input flex-1 px-5 py-4 rounded-2xl text-sm font-body\"\r\n \/>\r\n <button class=\"btn-glow text-white px-7 py-4 rounded-2xl font-display font-semibold text-sm whitespace-nowrap\">\r\n Join the Inner Circle\r\n <\/button>\r\n <\/div>\r\n\r\n <p class=\"reveal delay-3 text-slate-600 text-xs mt-5\">No spam, ever. Unsubscribe instantly. We respect your time.<\/p>\r\n\r\n \r\n <div class=\"reveal delay-4 flex flex-wrap justify-center gap-6 mt-10 pt-8 border-t border-slate-800\">\r\n <div class=\"flex items-center gap-2 text-slate-500 text-xs\">\r\n <svg class=\"w-4 h-4 text-emerald-500\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/><\/svg>\r\n SSL Secured\r\n <\/div>\r\n <div class=\"flex items-center gap-2 text-slate-500 text-xs\">\r\n <svg class=\"w-4 h-4 text-emerald-500\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"\/><\/svg>\r\n GDPR Compliant\r\n <\/div>\r\n <div class=\"flex items-center gap-2 text-slate-500 text-xs\">\r\n <svg class=\"w-4 h-4 text-emerald-500\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z\"\/><\/svg>\r\n 4,800+ Members\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer class=\"relative z-10 py-12 px-6\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"grid md:grid-cols-4 gap-10 mb-12\">\r\n \r\n <div class=\"md:col-span-2\">\r\n <div class=\"flex items-center gap-2 mb-4\">\r\n <span class=\"inline-block w-7 h-7 rounded-full bg-emerald-500\/20 border border-emerald-500\/40 flex items-center justify-center\">\r\n <svg class=\"w-3.5 h-3.5 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\r\n <\/span>\r\n <span class=\"font-display font-bold text-white\">Vie<span class=\"text-emerald-400\">Communities<\/span><\/span>\r\n <\/div>\r\n <p class=\"text-slate-500 text-sm leading-relaxed max-w-xs\">\r\n The world's most rigorous longevity and biohacking community. Science first. Results second. Community always.\r\n <\/p>\r\n <div class=\"flex gap-4 mt-6\">\r\n \r\n <a href=\"#\" class=\"w-9 h-9 rounded-full bg-slate-800 hover:bg-emerald-500\/20 border border-slate-700 hover:border-emerald-500\/40 flex items-center justify-center transition-all\">\r\n <svg class=\"w-4 h-4 text-slate-400 hover:text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n <\/a>\r\n \r\n <a href=\"#\" class=\"w-9 h-9 rounded-full bg-slate-800 hover:bg-emerald-500\/20 border border-slate-700 hover:border-emerald-500\/40 flex items-center justify-center transition-all\">\r\n <svg class=\"w-4 h-4 text-slate-400\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <p class=\"font-display font-semibold text-white text-sm mb-4\">Community<\/p>\r\n <ul class=\"space-y-2 text-sm text-slate-500\">\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Forums<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Webinars<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Protocol Library<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Member Directory<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <p class=\"font-display font-semibold text-white text-sm mb-4\">Company<\/p>\r\n <ul class=\"space-y-2 text-sm text-slate-500\">\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">About<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Research<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Privacy Policy<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Terms of Service<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border-t border-slate-800\/80 pt-6 flex flex-col sm:flex-row items-center justify-between gap-3\">\r\n <p class=\"text-slate-600 text-sm font-body\">VieCommunities.net \u00a9 2026 \u2014 All rights reserved.<\/p>\r\n <p class=\"text-slate-700 text-xs\">Designed for humans who refuse to age.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n\r\n<script>\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.12 });\r\n\r\n document.querySelectorAll('.reveal, .reveal-left, .reveal-right').forEach(el => {\r\n observer.observe(el);\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VieCommunities.net \u2014 Master the Art of Longevity \u26a0\ufe0f \u0647\u0640\u0630\u0627 \u0627\u0644\u0645\u0648\u0642\u0639 \u062a\u062c\u0631\u064a\u0628\u064a \u0644\u0644\u0623\u063a\u0631\u0627\u0636 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0641\u0642\u0637 | This is a DEMO website for educational purposes only. VieCommunities Philosophy Network Members Join Waitlist Philosophy Network Members Join Waitlist Now Accepting Applications Master the Artof Longevity. Join an elite network of biohackers and health optimizers. Science-backed protocols for a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":7,"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n VieCommunities.net \u2014 Master the Art of Longevity<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\" \/>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n midnight: '#0a0f1e',\r\n navy: '#0f172a',\r\n emerald: '#10b981',\r\n emglow: '#34d399',\r\n slate: '#94a3b8',\r\n },\r\n fontFamily: {\r\n display: ['Syne', 'sans-serif'],\r\n body: ['DM Sans', 'sans-serif'],\r\n },\r\n },\r\n },\r\n };\r\n <\/script>\r\n\r\n <style>\r\n \/* \u2500\u2500\u2500 Base \u2500\u2500\u2500 *\/\r\n *, *::before, *::after { box-sizing: border-box; }\r\n html { background: #0a0f1e; }\r\n body { font-family: 'DM Sans', sans-serif; background: #0a0f1e; color: #e2e8f0; overflow-x: hidden; }\r\n\r\n \/* \u2500\u2500\u2500 Scrollbar \u2500\u2500\u2500 *\/\r\n ::-webkit-scrollbar { width: 4px; }\r\n ::-webkit-scrollbar-track { background: #0a0f1e; }\r\n ::-webkit-scrollbar-thumb { background: #10b981; border-radius: 2px; }\r\n\r\n \/* \u2500\u2500\u2500 Noise texture overlay \u2500\u2500\u2500 *\/\r\n body::before {\r\n content: '';\r\n position: fixed; inset: 0; z-index: 0; pointer-events: none;\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.04'\/%3E%3C\/svg%3E\");\r\n background-size: 200px 200px;\r\n opacity: 0.35;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Gradient mesh blobs \u2500\u2500\u2500 *\/\r\n .blob {\r\n position: absolute; border-radius: 50%; filter: blur(120px);\r\n pointer-events: none; animation: drift 12s ease-in-out infinite alternate;\r\n }\r\n @keyframes drift {\r\n from { transform: translate(0, 0) scale(1); }\r\n to { transform: translate(40px, -30px) scale(1.08); }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Nav \u2500\u2500\u2500 *\/\r\n nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n background: rgba(10,15,30,0.72); backdrop-filter: blur(20px);\r\n border-bottom: 1px solid rgba(16,185,129,0.12);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Hero gradient text \u2500\u2500\u2500 *\/\r\n .hero-title {\r\n background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 40%, #10b981 80%, #34d399 100%);\r\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Glow button \u2500\u2500\u2500 *\/\r\n .btn-glow {\r\n position: relative; overflow: hidden;\r\n background: linear-gradient(135deg, #10b981, #059669);\r\n box-shadow: 0 0 24px rgba(16,185,129,0.4), 0 0 60px rgba(16,185,129,0.15);\r\n transition: all 0.3s ease;\r\n }\r\n .btn-glow:hover {\r\n box-shadow: 0 0 36px rgba(16,185,129,0.6), 0 0 80px rgba(16,185,129,0.25);\r\n transform: translateY(-2px);\r\n }\r\n .btn-glow::after {\r\n content: ''; position: absolute; inset: 0;\r\n background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent);\r\n opacity: 0; transition: opacity 0.3s;\r\n }\r\n .btn-glow:hover::after { opacity: 1; }\r\n\r\n \/* \u2500\u2500\u2500 Card glass \u2500\u2500\u2500 *\/\r\n .glass-card {\r\n background: rgba(15,23,42,0.7);\r\n border: 1px solid rgba(16,185,129,0.15);\r\n backdrop-filter: blur(12px);\r\n transition: all 0.35s ease;\r\n }\r\n .glass-card:hover {\r\n border-color: rgba(16,185,129,0.4);\r\n box-shadow: 0 0 40px rgba(16,185,129,0.08), 0 20px 60px rgba(0,0,0,0.4);\r\n transform: translateY(-4px);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Pillar icon ring \u2500\u2500\u2500 *\/\r\n .icon-ring {\r\n width: 64px; height: 64px; border-radius: 50%;\r\n background: rgba(16,185,129,0.1);\r\n border: 1.5px solid rgba(16,185,129,0.3);\r\n display: flex; align-items: center; justify-content: center;\r\n box-shadow: 0 0 24px rgba(16,185,129,0.15);\r\n transition: all 0.3s;\r\n }\r\n .glass-card:hover .icon-ring {\r\n background: rgba(16,185,129,0.18);\r\n box-shadow: 0 0 32px rgba(16,185,129,0.3);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Divider line \u2500\u2500\u2500 *\/\r\n .em-line {\r\n display: inline-block; width: 48px; height: 2px;\r\n background: linear-gradient(90deg, #10b981, transparent);\r\n margin-bottom: 12px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Testimonial card \u2500\u2500\u2500 *\/\r\n .testi-card {\r\n background: linear-gradient(135deg, rgba(15,23,42,0.9) 0%, rgba(10,15,30,0.9) 100%);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n transition: all 0.3s;\r\n }\r\n .testi-card:hover { border-color: rgba(16,185,129,0.2); transform: translateY(-3px); }\r\n\r\n \/* \u2500\u2500\u2500 Reveal animations \u2500\u2500\u2500 *\/\r\n .reveal { opacity: 0; transform: translateY(32px); transition: opacity 0.7s ease, transform 0.7s ease; }\r\n .reveal.visible { opacity: 1; transform: translateY(0); }\r\n .reveal-left { opacity: 0; transform: translateX(-32px); transition: opacity 0.7s ease, transform 0.7s ease; }\r\n .reveal-left.visible { opacity: 1; transform: translateX(0); }\r\n .reveal-right { opacity: 0; transform: translateX(32px); transition: opacity 0.7s ease, transform 0.7s ease; }\r\n .reveal-right.visible { opacity: 1; transform: translateX(0); }\r\n\r\n \/* \u2500\u2500\u2500 Featured bar \u2500\u2500\u2500 *\/\r\n .brand-fade { opacity: 0.35; filter: grayscale(1); transition: all 0.3s; }\r\n .brand-fade:hover { opacity: 0.75; filter: grayscale(0); }\r\n\r\n \/* \u2500\u2500\u2500 Input \u2500\u2500\u2500 *\/\r\n .em-input {\r\n background: rgba(15,23,42,0.8);\r\n border: 1px solid rgba(16,185,129,0.25);\r\n color: #e2e8f0; outline: none;\r\n transition: border-color 0.3s, box-shadow 0.3s;\r\n }\r\n .em-input:focus {\r\n border-color: #10b981;\r\n box-shadow: 0 0 0 3px rgba(16,185,129,0.12);\r\n }\r\n .em-input::placeholder { color: #475569; }\r\n\r\n \/* \u2500\u2500\u2500 Stat number \u2500\u2500\u2500 *\/\r\n .stat-num {\r\n font-family: 'Syne', sans-serif;\r\n background: linear-gradient(135deg, #10b981, #34d399);\r\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Footer \u2500\u2500\u2500 *\/\r\n footer { border-top: 1px solid rgba(16,185,129,0.1); }\r\n\r\n \/* \u2500\u2500\u2500 Horizontal marquee \u2500\u2500\u2500 *\/\r\n @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n .marquee-inner { display: flex; animation: marquee 22s linear infinite; }\r\n\r\n \/* \u2500\u2500\u2500 Pulse ring \u2500\u2500\u2500 *\/\r\n @keyframes pulse-ring {\r\n 0% { box-shadow: 0 0 0 0 rgba(16,185,129,0.5); }\r\n 70% { box-shadow: 0 0 0 12px rgba(16,185,129,0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(16,185,129,0); }\r\n }\r\n .pulse-live { animation: pulse-ring 2s infinite; }\r\n\r\n \/* Delay helpers *\/\r\n .delay-1 { transition-delay: 0.1s; }\r\n .delay-2 { transition-delay: 0.2s; }\r\n .delay-3 { transition-delay: 0.3s; }\r\n .delay-4 { transition-delay: 0.4s; }\r\n <\/style>\r\n<\/head>\r\n\r\n<body x-data=\"{ mobileOpen: false }\">\r\n\r\n\r\n<div class=\"bg-amber-500\/90 text-black text-[10px] sm:text-xs py-1 text-center font-body font-bold relative z-[110]\">\r\n \u26a0\ufe0f \u0647\u0640\u0630\u0627 \u0627\u0644\u0645\u0648\u0642\u0639 \u062a\u062c\u0631\u064a\u0628\u064a \u0644\u0644\u0623\u063a\u0631\u0627\u0636 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0641\u0642\u0637 | This is a DEMO website for educational purposes only.\r\n<\/div>\r\n\r\n\r\n<nav>\r\n <div class=\"max-w-7xl mx-auto px-6 py-4 flex items-center justify-between\">\r\n \r\n <a href=\"#\" class=\"flex items-center gap-2\">\r\n <span class=\"inline-block w-8 h-8 rounded-full bg-emerald-500\/20 border border-emerald-500\/40 flex items-center justify-center pulse-live\">\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"font-display font-800 text-white tracking-tight text-lg\">Vie<span class=\"text-emerald-400\">Communities<\/span><\/span>\r\n <\/a>\r\n\r\n \r\n <div class=\"hidden md:flex items-center gap-8 text-sm font-body text-slate-400\">\r\n <a href=\"#philosophy\" class=\"hover:text-emerald-400 transition-colors\">Philosophy<\/a>\r\n <a href=\"#network\" class=\"hover:text-emerald-400 transition-colors\">Network<\/a>\r\n <a href=\"#testimonials\" class=\"hover:text-emerald-400 transition-colors\">Members<\/a>\r\n <a href=\"#waitlist\" class=\"btn-glow text-white px-5 py-2 rounded-full text-sm font-medium font-display\">Join Waitlist<\/a>\r\n <\/div>\r\n\r\n \r\n <button @click=\"mobileOpen = !mobileOpen\" class=\"md:hidden text-slate-400 hover:text-white\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path x-show=\"!mobileOpen\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h16\"\/>\r\n <path x-show=\"mobileOpen\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div x-show=\"mobileOpen\" x-transition class=\"md:hidden border-t border-emerald-500\/10 px-6 pb-5 pt-3 flex flex-col gap-4 text-sm text-slate-300\">\r\n <a href=\"#philosophy\" @click=\"mobileOpen=false\" class=\"hover:text-emerald-400 transition-colors\">Philosophy<\/a>\r\n <a href=\"#network\" @click=\"mobileOpen=false\" class=\"hover:text-emerald-400 transition-colors\">Network<\/a>\r\n <a href=\"#testimonials\" @click=\"mobileOpen=false\" class=\"hover:text-emerald-400 transition-colors\">Members<\/a>\r\n <a href=\"#waitlist\" @click=\"mobileOpen=false\" class=\"btn-glow text-white px-5 py-2.5 rounded-full text-sm font-medium text-center font-display\">Join Waitlist<\/a>\r\n <\/div>\r\n<\/nav>\r\n\r\n\r\n<section class=\"relative min-h-screen flex items-center justify-center overflow-hidden pt-24 pb-20\">\r\n\r\n \r\n <div class=\"blob w-[600px] h-[600px] bg-emerald-500\/10 -top-40 -right-40\" style=\"animation-duration:14s\"><\/div>\r\n <div class=\"blob w-[500px] h-[500px] bg-blue-900\/20 -bottom-20 -left-32\" style=\"animation-duration:18s; animation-delay:3s\"><\/div>\r\n\r\n \r\n <div class=\"absolute inset-0 pointer-events-none\" style=\"background-image: linear-gradient(rgba(16,185,129,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(16,185,129,0.04) 1px, transparent 1px); background-size: 60px 60px;\"><\/div>\r\n\r\n <div class=\"relative z-10 max-w-6xl mx-auto px-6 flex flex-col lg:flex-row items-center gap-16\">\r\n\r\n \r\n <div class=\"flex-1 text-center lg:text-left\">\r\n <div class=\"reveal inline-flex items-center gap-2 bg-emerald-500\/10 border border-emerald-500\/25 px-4 py-1.5 rounded-full text-emerald-400 text-xs font-display font-semibold tracking-widest uppercase mb-8\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-emerald-400 animate-pulse\"><\/span>\r\n Now Accepting Applications\r\n <\/div>\r\n\r\n <h1 class=\"reveal delay-1 font-display font-extrabold text-5xl sm:text-6xl lg:text-7xl leading-[1.05] hero-title mb-6\">\r\n Master the Art<br\/>of Longevity.\r\n <\/h1>\r\n\r\n <p class=\"reveal delay-2 font-body text-slate-400 text-lg lg:text-xl leading-relaxed max-w-xl mb-10\">\r\n Join an elite network of biohackers and health optimizers. Science-backed protocols for a life without limits.\r\n <\/p>\r\n\r\n <div class=\"reveal delay-3 flex flex-col sm:flex-row items-center lg:items-start gap-4\">\r\n <a href=\"#waitlist\" class=\"btn-glow text-white px-8 py-4 rounded-full font-display font-semibold text-base w-full sm:w-auto text-center\">\r\n Secure Your Spot \u2192\r\n <\/a>\r\n <a href=\"#philosophy\" class=\"text-slate-400 hover:text-white border border-slate-700 hover:border-slate-500 px-8 py-4 rounded-full font-body text-base transition-all w-full sm:w-auto text-center\">\r\n Explore the Science\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"reveal delay-4 flex flex-wrap justify-center lg:justify-start gap-8 mt-14 pt-8 border-t border-slate-800\">\r\n <div>\r\n <p class=\"stat-num text-3xl font-display font-bold\">4,800+<\/p>\r\n <p class=\"text-slate-500 text-sm mt-0.5\">Elite Members<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"stat-num text-3xl font-display font-bold\">120+<\/p>\r\n <p class=\"text-slate-500 text-sm mt-0.5\">Expert Protocols<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"stat-num text-3xl font-display font-bold\">38<\/p>\r\n <p class=\"text-slate-500 text-sm mt-0.5\">Countries<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex-1 reveal-right relative max-w-sm lg:max-w-none w-full\">\r\n <div class=\"absolute inset-0 rounded-3xl bg-gradient-to-br from-emerald-500\/20 to-blue-900\/20 blur-2xl transform scale-95\"><\/div>\r\n <div class=\"relative rounded-3xl overflow-hidden border border-emerald-500\/20\" style=\"aspect-ratio:4\/5;\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1576091160550-2173dba999ef?w=800&q=80&auto=format&fit=crop\"\r\n alt=\"Modern health lab\"\r\n class=\"w-full h-full object-cover\"\r\n loading=\"lazy\"\r\n \/>\r\n \r\n <div class=\"absolute bottom-5 left-5 right-5 glass-card rounded-2xl p-4\">\r\n <p class=\"text-xs text-emerald-400 font-display font-semibold tracking-widest uppercase mb-1\">Live Session<\/p>\r\n <p class=\"text-white font-display font-semibold text-sm\">Cellular Rejuvenation Protocols \u2014 Q3 2026<\/p>\r\n <div class=\"flex items-center gap-2 mt-2\">\r\n <div class=\"flex -space-x-2\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=40&q=80&fit=crop\" class=\"w-7 h-7 rounded-full border border-midnight object-cover\" \/>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=40&q=80&fit=crop\" class=\"w-7 h-7 rounded-full border border-midnight object-cover\" \/>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=40&q=80&fit=crop\" class=\"w-7 h-7 rounded-full border border-midnight object-cover\" \/>\r\n <\/div>\r\n <p class=\"text-slate-400 text-xs\">+214 attending<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"relative z-10 py-10 border-y border-slate-800\/60 overflow-hidden\">\r\n <p class=\"text-center text-xs text-slate-600 font-display tracking-widest uppercase mb-8\">As Featured In<\/p>\r\n <div class=\"overflow-hidden\">\r\n <div class=\"marquee-inner gap-16 px-8\">\r\n \r\n <template x-for=\"i in 2\" :key=\"i\">\r\n <div class=\"flex items-center gap-16 flex-shrink-0\">\r\n <span class=\"brand-fade font-display font-bold text-slate-400 text-xl tracking-tight whitespace-nowrap\">WIRED<\/span>\r\n <span class=\"brand-fade font-display font-bold text-slate-400 text-xl tracking-tight whitespace-nowrap\">MIT Technology Review<\/span>\r\n <span class=\"brand-fade font-display font-bold text-slate-400 text-xl tracking-tight whitespace-nowrap\">TechCrunch<\/span>\r\n <span class=\"brand-fade font-display font-bold text-slate-400 text-xl tracking-tight whitespace-nowrap\">Forbes Health<\/span>\r\n <span class=\"brand-fade font-display font-bold text-slate-400 text-xl tracking-tight whitespace-nowrap\">Longevity.Technology<\/span>\r\n <span class=\"brand-fade font-display font-bold text-slate-400 text-xl tracking-tight whitespace-nowrap\">Nature Medicine<\/span>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"philosophy\" class=\"relative z-10 py-28 px-6\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-20\">\r\n <div class=\"em-line reveal\"><\/div>\r\n <h2 class=\"reveal font-display font-bold text-4xl sm:text-5xl text-white mb-4\">The Three Pillars<\/h2>\r\n <p class=\"reveal delay-1 text-slate-400 text-lg max-w-xl mx-auto\">Every protocol, session, and insight maps to one of our core disciplines \u2014 the convergence point where science meets human potential.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-6\">\r\n\r\n \r\n <div class=\"glass-card rounded-3xl p-8 reveal\">\r\n <div class=\"icon-ring mb-6\">\r\n <svg class=\"w-7 h-7 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.5l7-7 7 7M4.5 19l7-7 7 7\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"text-emerald-400 font-display text-xs font-semibold tracking-widest uppercase mb-3\">Pillar I<\/p>\r\n <h3 class=\"font-display font-bold text-2xl text-white mb-3\">Optimized Nutrition<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed mb-5\">Evidence-based metabolic protocols, precision supplementation stacks, and time-restricted feeding windows calibrated to your bio-markers for maximum cellular efficiency.<\/p>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Ketogenic<\/span>\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Fasting<\/span>\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">NMN & NAD+<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"glass-card rounded-3xl p-8 reveal delay-2\">\r\n <div class=\"icon-ring mb-6\">\r\n <svg class=\"w-7 h-7 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15M14.25 3.104c.251.023.501.05.75.082M19.8 15a2.25 2.25 0 01-1.272 2.03l-5.278 2.639a.75.75 0 01-.67 0L7.272 17.03A2.25 2.25 0 016 15m13.8 0l-5.278-2.64a.75.75 0 00-.67 0L8.722 15\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"text-emerald-400 font-display text-xs font-semibold tracking-widest uppercase mb-3\">Pillar II<\/p>\r\n <h3 class=\"font-display font-bold text-2xl text-white mb-3\">Cognitive Enhancement<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed mb-5\">Advanced nootropic frameworks, neurofeedback strategies, and sleep architecture engineering to sustain elite mental performance across decades, not just days.<\/p>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Nootropics<\/span>\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Neurofeedback<\/span>\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Sleep Protocols<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"glass-card rounded-3xl p-8 reveal delay-4\">\r\n <div class=\"icon-ring mb-6\">\r\n <svg class=\"w-7 h-7 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"text-emerald-400 font-display text-xs font-semibold tracking-widest uppercase mb-3\">Pillar III<\/p>\r\n <h3 class=\"font-display font-bold text-2xl text-white mb-3\">Biological Longevity<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed mb-5\">Epigenetic reprogramming insights, senolytic therapies, telomere maintenance research, and the cutting-edge science extending human healthspan beyond conventional limits.<\/p>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Epigenetics<\/span>\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Senolytics<\/span>\r\n <span class=\"bg-emerald-500\/10 text-emerald-400 text-xs px-3 py-1 rounded-full border border-emerald-500\/20\">Telomeres<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"network\" class=\"relative z-10 py-28 px-6 overflow-hidden\">\r\n \r\n <div class=\"blob w-[700px] h-[700px] bg-emerald-900\/15 left-1\/2 -translate-x-1\/2 top-0\" style=\"animation-duration:16s\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto relative z-10\">\r\n <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\r\n\r\n \r\n <div class=\"reveal-left grid grid-cols-2 gap-4\">\r\n <div class=\"rounded-2xl overflow-hidden aspect-square\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532187863486-abf9dbad1b69?w=600&q=80&auto=format&fit=crop\" alt=\"DNA research\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\"\/>\r\n <\/div>\r\n <div class=\"rounded-2xl overflow-hidden aspect-square mt-8\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571019613454-1cb2f99b2d8b?w=600&q=80&auto=format&fit=crop\" alt=\"Biohacking\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\"\/>\r\n <\/div>\r\n <div class=\"rounded-2xl overflow-hidden aspect-square -mt-4\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?w=600&q=80&auto=format&fit=crop\" alt=\"Lab tech\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\"\/>\r\n <\/div>\r\n <div class=\"rounded-2xl overflow-hidden aspect-square mt-4\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?w=600&q=80&auto=format&fit=crop\" alt=\"Health data\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"em-line reveal\"><\/div>\r\n <h2 class=\"reveal font-display font-bold text-4xl sm:text-5xl text-white mb-6\">Where Elite Minds Converge<\/h2>\r\n <p class=\"reveal delay-1 text-slate-400 text-lg leading-relaxed mb-10\">VieCommunities isn't just a platform \u2014 it's a precision-curated ecosystem where scientists, executives, athletes, and longevity researchers share data and accelerate each other's evolution.<\/p>\r\n\r\n <div class=\"space-y-5\">\r\n \r\n <div class=\"reveal delay-1 flex items-start gap-4 glass-card rounded-2xl p-5\">\r\n <div class=\"icon-ring flex-shrink-0 w-11 h-11\">\r\n <svg class=\"w-5 h-5 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-display font-semibold text-white mb-1\">Exclusive Private Forums<\/p>\r\n <p class=\"text-slate-400 text-sm\">Segmented by expertise level \u2014 from beginners to PhDs. Threads are moderated by vetted researchers and published authors.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"reveal delay-2 flex items-start gap-4 glass-card rounded-2xl p-5\">\r\n <div class=\"icon-ring flex-shrink-0 w-11 h-11\">\r\n <svg class=\"w-5 h-5 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 10l4.553-2.069A1 1 0 0121 8.87v6.26a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-display font-semibold text-white mb-1\">Expert-Led Webinars<\/p>\r\n <p class=\"text-slate-400 text-sm\">Monthly live sessions with longevity scientists, neuroscientists, and performance coaches. Ask your questions in real time.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"reveal delay-3 flex items-start gap-4 glass-card rounded-2xl p-5\">\r\n <div class=\"icon-ring flex-shrink-0 w-11 h-11\">\r\n <svg class=\"w-5 h-5 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-display font-semibold text-white mb-1\">Data-Driven Insights<\/p>\r\n <p class=\"text-slate-400 text-sm\">Aggregate anonymized community health data surfaces patterns invisible to any single person. Collective intelligence at scale.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"testimonials\" class=\"relative z-10 py-28 px-6\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-16\">\r\n <div class=\"em-line reveal\"><\/div>\r\n <h2 class=\"reveal font-display font-bold text-4xl sm:text-5xl text-white mb-4\">Member Voices<\/h2>\r\n <p class=\"reveal delay-1 text-slate-400 text-lg\">Hear from the people redefining what it means to be human.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-6\">\r\n\r\n \r\n <div class=\"testi-card rounded-3xl p-8 reveal\">\r\n <div class=\"flex items-center gap-1 mb-5\">\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <\/div>\r\n <p class=\"text-slate-300 text-base leading-relaxed mb-6 italic\">\"VieCommunities accelerated my understanding of longevity science by years. The forums alone have introduced me to protocols I couldn't find anywhere else \u2014 and the people sharing them have PhDs to back it up.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=80&q=80&fit=crop\" alt=\"Marcus\" class=\"w-11 h-11 rounded-full object-cover border border-emerald-500\/30\"\/>\r\n <div>\r\n <p class=\"font-display font-semibold text-white text-sm\">Dr. Marcus Holt<\/p>\r\n <p class=\"text-slate-500 text-xs\">Neuroscientist \u00b7 Stanford Medical<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"testi-card rounded-3xl p-8 reveal delay-2\">\r\n <div class=\"flex items-center gap-1 mb-5\">\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-4 h-4 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <\/div>\r\n <p class=\"text-slate-300 text-base leading-relaxed mb-6 italic\">\"As a high-performance athlete, I thought I knew everything about recovery. VieCommunities showed me I was leaving a decade of performance on the table. The ROI on this community is immeasurable.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&q=80&fit=crop\" alt=\"Sophia\" class=\"w-11 h-11 rounded-full object-cover border border-emerald-500\/30\"\/>\r\n <div>\r\n <p class=\"font-display font-semibold text-white text-sm\">Sophia Alvarez<\/p>\r\n <p class=\"text-slate-500 text-xs\">Olympic Triathlete \u00b7 Performance Founder<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"waitlist\" class=\"relative z-10 py-28 px-6\">\r\n <div class=\"max-w-3xl mx-auto\">\r\n\r\n \r\n <div class=\"relative rounded-3xl overflow-hidden\">\r\n \r\n <div class=\"absolute inset-0 bg-gradient-to-br from-midnight via-navy to-midnight\"><\/div>\r\n <div class=\"absolute inset-0 border border-emerald-500\/20 rounded-3xl\"><\/div>\r\n \r\n <div class=\"absolute inset-0 opacity-30\" style=\"background-image: linear-gradient(rgba(16,185,129,0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(16,185,129,0.07) 1px, transparent 1px); background-size: 40px 40px;\"><\/div>\r\n \r\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-emerald-500\/10 rounded-full blur-3xl\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-48 h-48 bg-blue-800\/15 rounded-full blur-2xl\"><\/div>\r\n\r\n <div class=\"relative z-10 p-10 sm:p-16 text-center\">\r\n <div class=\"em-line reveal mx-auto\"><\/div>\r\n <h2 class=\"reveal font-display font-bold text-4xl sm:text-5xl text-white mb-4\">\r\n Secure Your Spot in<br\/>\r\n <span class=\"hero-title\">the Future of Living.<\/span>\r\n <\/h2>\r\n <p class=\"reveal delay-1 text-slate-400 text-base mb-10 max-w-lg mx-auto\">\r\n We accept members in curated cohorts. Drop your email to join the waitlist and be notified when your invitation is ready.\r\n <\/p>\r\n\r\n \r\n <div class=\"reveal delay-2 flex flex-col sm:flex-row gap-3 max-w-md mx-auto\">\r\n <input\r\n type=\"email\"\r\n placeholder=\"your@email.com\"\r\n class=\"em-input flex-1 px-5 py-4 rounded-2xl text-sm font-body\"\r\n \/>\r\n <button class=\"btn-glow text-white px-7 py-4 rounded-2xl font-display font-semibold text-sm whitespace-nowrap\">\r\n Join the Inner Circle\r\n <\/button>\r\n <\/div>\r\n\r\n <p class=\"reveal delay-3 text-slate-600 text-xs mt-5\">No spam, ever. Unsubscribe instantly. We respect your time.<\/p>\r\n\r\n \r\n <div class=\"reveal delay-4 flex flex-wrap justify-center gap-6 mt-10 pt-8 border-t border-slate-800\">\r\n <div class=\"flex items-center gap-2 text-slate-500 text-xs\">\r\n <svg class=\"w-4 h-4 text-emerald-500\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/><\/svg>\r\n SSL Secured\r\n <\/div>\r\n <div class=\"flex items-center gap-2 text-slate-500 text-xs\">\r\n <svg class=\"w-4 h-4 text-emerald-500\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"\/><\/svg>\r\n GDPR Compliant\r\n <\/div>\r\n <div class=\"flex items-center gap-2 text-slate-500 text-xs\">\r\n <svg class=\"w-4 h-4 text-emerald-500\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z\"\/><\/svg>\r\n 4,800+ Members\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer class=\"relative z-10 py-12 px-6\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"grid md:grid-cols-4 gap-10 mb-12\">\r\n \r\n <div class=\"md:col-span-2\">\r\n <div class=\"flex items-center gap-2 mb-4\">\r\n <span class=\"inline-block w-7 h-7 rounded-full bg-emerald-500\/20 border border-emerald-500\/40 flex items-center justify-center\">\r\n <svg class=\"w-3.5 h-3.5 text-emerald-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\r\n <\/span>\r\n <span class=\"font-display font-bold text-white\">Vie<span class=\"text-emerald-400\">Communities<\/span><\/span>\r\n <\/div>\r\n <p class=\"text-slate-500 text-sm leading-relaxed max-w-xs\">\r\n The world's most rigorous longevity and biohacking community. Science first. Results second. Community always.\r\n <\/p>\r\n <div class=\"flex gap-4 mt-6\">\r\n \r\n <a href=\"#\" class=\"w-9 h-9 rounded-full bg-slate-800 hover:bg-emerald-500\/20 border border-slate-700 hover:border-emerald-500\/40 flex items-center justify-center transition-all\">\r\n <svg class=\"w-4 h-4 text-slate-400 hover:text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n <\/a>\r\n \r\n <a href=\"#\" class=\"w-9 h-9 rounded-full bg-slate-800 hover:bg-emerald-500\/20 border border-slate-700 hover:border-emerald-500\/40 flex items-center justify-center transition-all\">\r\n <svg class=\"w-4 h-4 text-slate-400\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <p class=\"font-display font-semibold text-white text-sm mb-4\">Community<\/p>\r\n <ul class=\"space-y-2 text-sm text-slate-500\">\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Forums<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Webinars<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Protocol Library<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Member Directory<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <p class=\"font-display font-semibold text-white text-sm mb-4\">Company<\/p>\r\n <ul class=\"space-y-2 text-sm text-slate-500\">\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">About<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Research<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Privacy Policy<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Terms of Service<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border-t border-slate-800\/80 pt-6 flex flex-col sm:flex-row items-center justify-between gap-3\">\r\n <p class=\"text-slate-600 text-sm font-body\">VieCommunities.net \u00a9 2026 \u2014 All rights reserved.<\/p>\r\n <p class=\"text-slate-700 text-xs\">Designed for humans who refuse to age.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n\r\n<script>\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.12 });\r\n\r\n document.querySelectorAll('.reveal, .reveal-left, .reveal-right').forEach(el => {\r\n observer.observe(el);\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VieCommunities.net \u2014 Master the Art of Longevity \u26a0\ufe0f \u0647\u0640\u0630\u0627 \u0627\u0644\u0645\u0648\u0642\u0639 \u062a\u062c\u0631\u064a\u0628\u064a \u0644\u0644\u0623\u063a\u0631\u0627\u0636 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0641\u0642\u0637 | This is a DEMO website for educational purposes only. VieCommunities Philosophy Network Members Join Waitlist Philosophy Network Members Join Waitlist Now Accepting Applications Master the Artof Longevity. Join an elite network of biohackers and health optimizers. Science-backed protocols for a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":7,"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/viecommunities.net\/index.php\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}