{"id":8,"date":"2026-06-18T16:48:09","date_gmt":"2026-06-18T16:48:09","guid":{"rendered":"https:\/\/worldbabywojak.online\/?page_id=8"},"modified":"2026-06-18T18:14:10","modified_gmt":"2026-06-18T18:14:10","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/worldbabywojak.online\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\n\n\n\n\nWorld Baby Wojak<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Carter+One&family=Inter:wght@300;400;500;600;800&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after {\n margin: 0; padding: 0; box-sizing: border-box;\n}\n\n:root {\n --bg: #03020a;\n --bg-panel: #08071a;\n --bg-card: #0c0b20;\n --cyan: #00ffcc;\n --purple: #b300ff;\n --cyan-dim: rgba(0,255,204,0.12);\n --purple-dim: rgba(179,0,255,0.12);\n --text: #ffffff;\n --text-muted: #8b93a8;\n --text-dim: #565d72;\n --border: rgba(255,255,255,0.07);\n --border-cyan: rgba(0,255,204,0.25);\n --border-purple: rgba(179,0,255,0.25);\n --glow-c: 0 0 30px rgba(0,255,204,0.35);\n --glow-p: 0 0 30px rgba(179,0,255,0.35);\n --font-display: 'Carter One', cursive;\n --font-body: 'Inter', sans-serif;\n}\n\nhtml { scroll-behavior: smooth; }\n\nbody {\n background-color: var(--bg);\n color: var(--text);\n font-family: var(--font-body);\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* ========== NOISE TEXTURE OVERLAY ========== *\/\nbody::before {\n content: '';\n position: fixed;\n inset: 0;\n opacity: 0.025;\n pointer-events: none;\n z-index: 9999;\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='1'\/%3E%3C\/svg%3E\");\n background-size: 180px 180px;\n}\n\n\/* ========== CANVAS PARTICLES ========== *\/\n#particle-canvas {\n position: fixed;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n}\n\n\/* ========== TYPOGRAPHY ========== *\/\n.carter { font-family: var(--font-display); letter-spacing: 0.5px; }\n\n.grad { \n background: linear-gradient(110deg, var(--purple) 0%, #7b5cff 40%, var(--cyan) 100%);\n -webkit-background-clip: text; background-clip: text; color: transparent;\n display: inline-block;\n}\n\n.grad-cyan {\n background: linear-gradient(110deg, #00ccaa, var(--cyan), #80ffe8);\n -webkit-background-clip: text; background-clip: text; color: transparent;\n display: inline-block;\n}\n\n\/* ========== NAV ========== *\/\nnav {\n position: fixed; top: 0; width: 100%;\n padding: 18px 5%;\n display: flex; justify-content: space-between; align-items: center;\n z-index: 1000;\n background: linear-gradient(180deg, rgba(3,2,10,0.97) 0%, transparent 100%);\n backdrop-filter: blur(0px);\n}\n\nnav img { height: 128px !important; filter: drop-shadow(0 0 18px rgba(0,255,204,0.5)); }\n\n.nav-right { display: flex; align-items: center; gap: 16px; }\n\n.nav-tag {\n font-family: var(--font-display);\n font-size: 0.75rem; letter-spacing: 2px; text-transform: uppercase;\n color: var(--text-muted); padding: 6px 14px;\n border: 1px solid var(--border);\n border-radius: 50px;\n}\n\n\/* ========== BUTTONS ========== *\/\n.btn {\n display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n padding: 13px 28px; border-radius: 50px;\n font-family: var(--font-display); font-size: 1rem;\n text-decoration: none; cursor: pointer; transition: all 0.3s ease;\n border: none; letter-spacing: 0.5px;\n}\n\n.btn-primary {\n background: linear-gradient(135deg, #4400cc, var(--purple), #9955ff);\n color: #fff;\n box-shadow: 0 4px 25px rgba(179,0,255,0.4), inset 0 1px 0 rgba(255,255,255,0.15);\n position: relative; overflow: hidden;\n}\n.btn-primary::after {\n content: ''; position: absolute; top: 0; left: -100%;\n width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n transition: left 0.5s ease;\n}\n.btn-primary:hover::after { left: 100%; }\n.btn-primary:hover { box-shadow: 0 6px 35px rgba(179,0,255,0.6), inset 0 1px 0 rgba(255,255,255,0.2); transform: translateY(-2px); }\n\n.btn-secondary {\n background: linear-gradient(135deg, #003d40, #005566, #00665c);\n color: var(--cyan);\n box-shadow: 0 4px 25px rgba(0,255,204,0.3), inset 0 1px 0 rgba(0,255,204,0.2);\n position: relative; overflow: hidden;\n}\n.btn-secondary::after {\n content: ''; position: absolute; top: 0; left: -100%;\n width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(0,255,204,0.1), transparent);\n transition: left 0.5s ease;\n}\n.btn-secondary:hover::after { left: 100%; }\n.btn-secondary:hover { box-shadow: 0 6px 35px rgba(0,255,204,0.5), inset 0 1px 0 rgba(0,255,204,0.3); transform: translateY(-2px); }\n\n.btn-ghost {\n background: transparent;\n border: 1px solid var(--border-cyan);\n color: var(--cyan);\n}\n.btn-ghost:hover {\n background: var(--cyan-dim);\n box-shadow: var(--glow-c);\n transform: translateY(-2px);\n}\n\n.btn-sm { padding: 8px 18px; font-size: 0.85rem; }\n\n\/* ========== PANELS & CARDS ========== *\/\n.card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 20px;\n position: relative;\n overflow: hidden;\n transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n.card-glow-top::before {\n content: ''; position: absolute;\n top: 0; left: 0; right: 0; height: 2px;\n background: linear-gradient(90deg, transparent, var(--cyan), transparent);\n opacity: 0;\n transition: opacity 0.35s;\n}\n.card-glow-top:hover::before { opacity: 1; }\n.card:hover {\n border-color: rgba(0,255,204,0.2);\n transform: translateY(-6px);\n box-shadow: 0 24px 48px rgba(0,0,0,0.7), var(--glow-c);\n}\n\n\/* ========== SECTION BASE ========== *\/\nsection { position: relative; padding: 110px 5%; z-index: 1; }\n\n.section-overlay::before {\n content: ''; position: absolute; inset: 0;\n background: radial-gradient(ellipse at center, rgba(3,2,10,0.4) 0%, rgba(3,2,10,0.85) 65%, var(--bg) 100%);\n z-index: 1; pointer-events: none;\n}\n\n.section-content { position: relative; z-index: 2; }\n\n.section-eyebrow {\n display: inline-flex; align-items: center; gap: 8px;\n font-size: 0.75rem; letter-spacing: 3px; text-transform: uppercase;\n color: var(--cyan); font-weight: 600;\n margin-bottom: 18px;\n}\n.section-eyebrow::before, .section-eyebrow::after {\n content: ''; display: block; width: 24px; height: 1px; background: var(--cyan); opacity: 0.5;\n}\n\n.section-title {\n font-family: var(--font-display);\n font-size: clamp(2.8rem, 5.5vw, 4.5rem);\n text-align: center;\n text-transform: uppercase;\n line-height: 1.1;\n margin-bottom: 16px;\n}\n\n\/* ========== HERO ========== *\/\n#hero {\n min-height: 100vh;\n display: flex; flex-direction: column;\n align-items: center;\n text-align: center;\n padding-top: 16vh;\n padding-bottom: 0;\n background: url('http:\/\/worldbabywojak.online\/wp-content\/uploads\/2026\/06\/bg1.png') center\/cover no-repeat;\n overflow: hidden;\n}\n\n.hero-kicker {\n display: inline-flex; align-items: center; gap: 10px;\n background: rgba(179,0,255,0.1); border: 1px solid rgba(179,0,255,0.3);\n border-radius: 50px; padding: 6px 16px 6px 8px;\n margin-bottom: 28px;\n}\n.hero-kicker-dot {\n width: 8px; height: 8px; border-radius: 50%;\n background: var(--cyan);\n box-shadow: 0 0 12px var(--cyan);\n animation: pulse-dot 2s ease-in-out infinite;\n}\n@keyframes pulse-dot {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 8px var(--cyan); }\n 50% { transform: scale(1.3); box-shadow: 0 0 20px var(--cyan); }\n}\n.hero-kicker span { font-size: 0.78rem; letter-spacing: 2px; text-transform: uppercase; color: var(--text-muted); font-weight: 600; }\n\n.hero-title {\n font-family: var(--font-display);\n font-size: clamp(3.5rem, 8vw, 7rem);\n line-height: 0.95;\n margin-bottom: 16px;\n text-transform: uppercase;\n \/* Multi-layer text shadow for depth *\/\n text-shadow:\n 0 0 80px rgba(179,0,255,0.5),\n 0 0 160px rgba(179,0,255,0.2);\n}\n\n.hero-sub {\n font-family: var(--font-display);\n font-size: clamp(1.3rem, 2.5vw, 2rem);\n color: var(--text-muted);\n margin-bottom: 36px;\n letter-spacing: 1px;\n}\n\n.ca-box {\n display: inline-flex; align-items: center; gap: 14px;\n background: rgba(0,255,204,0.04);\n border: 1px solid var(--border-cyan);\n border-radius: 50px;\n padding: 10px 10px 10px 22px;\n margin-bottom: 32px;\n box-shadow: var(--glow-c);\n transition: box-shadow 0.3s;\n}\n.ca-box:hover { box-shadow: 0 0 40px rgba(0,255,204,0.4); }\n\n.ca-label {\n font-family: var(--font-display); font-size: 0.8rem; color: var(--text-dim); letter-spacing: 2px; text-transform: uppercase;\n}\n.ca-value {\n font-family: 'Courier New', monospace; color: var(--cyan); font-size: 1.05rem; font-weight: 700;\n}\n\n.cta-row { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\n\n.hero-image {\n position: relative; z-index: 3;\n margin-top: 50px; width: 100%;\n max-width: 640px;\n object-fit: contain;\n filter: drop-shadow(0 -20px 60px rgba(179,0,255,0.5)) drop-shadow(0 20px 40px rgba(0,0,0,0.8));\n animation: float 7s ease-in-out infinite;\n}\n\n@keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-28px); }\n}\n\n\/* Subtle scan line on hero image *\/\n.hero-image-wrap { position: relative; width: 100%; max-width: 640px; margin: 0 auto; }\n.hero-image-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0,0,0,0.04) 3px, rgba(0,0,0,0.04) 4px);\n pointer-events: none; z-index: 4;\n}\n\n\/* ========== STATS BAR ========== *\/\n.stats-bar {\n display: flex; align-items: center; justify-content: center; gap: 0;\n background: var(--bg-panel);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n padding: 28px 5%;\n position: relative; z-index: 2;\n flex-wrap: wrap;\n}\n\n.stat-item {\n flex: 1; min-width: 160px;\n padding: 12px 24px;\n text-align: center;\n position: relative;\n}\n\n.stat-item + .stat-item::before {\n content: ''; position: absolute; left: 0; top: 20%; height: 60%;\n width: 1px; background: var(--border);\n}\n\n.stat-value {\n font-family: var(--font-display);\n font-size: 2rem; line-height: 1;\n margin-bottom: 4px;\n}\n\n.stat-label { font-size: 0.72rem; letter-spacing: 2px; text-transform: uppercase; color: var(--text-dim); }\n\n\/* ========== ABOUT SECTION ========== *\/\n#about {\n background: url('http:\/\/worldbabywojak.online\/wp-content\/uploads\/2026\/06\/bg24.png') center\/cover fixed no-repeat;\n}\n\n.about-grid {\n display: grid; grid-template-columns: 1.1fr 0.9fr;\n gap: 60px; align-items: center;\n max-width: 1300px; margin: 0 auto;\n}\n\n.about-card { padding: 48px; border-radius: 24px; }\n\n.about-card p {\n font-size: 1.15rem; line-height: 1.75;\n color: var(--text-muted); margin-bottom: 36px;\n}\n\n.pill-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 32px; }\n\n.pill {\n padding: 18px 20px; border-radius: 14px;\n background: rgba(255,255,255,0.03);\n border: 1px solid var(--border);\n transition: all 0.3s;\n}\n.pill:hover { transform: translateY(-3px); }\n.pill-cyan { border-color: var(--border-cyan); }\n.pill-cyan:hover { background: var(--cyan-dim); box-shadow: var(--glow-c); }\n.pill-purple { border-color: var(--border-purple); }\n.pill-purple:hover { background: var(--purple-dim); box-shadow: var(--glow-p); }\n\n.pill-val { font-family: var(--font-display); font-size: 1.6rem; margin-bottom: 4px; }\n.pill-desc { font-size: 0.82rem; color: var(--text-dim); letter-spacing: 1px; text-transform: uppercase; }\n\n.about-img-wrap {\n position: relative; display: flex; justify-content: center; align-items: center;\n animation: float 6.5s ease-in-out infinite;\n}\n.about-img-wrap::before {\n content: ''; position: absolute;\n width: 70%; height: 70%;\n background: radial-gradient(circle, rgba(0,255,204,0.15), transparent 70%);\n border-radius: 50%; z-index: 0;\n}\n.about-img-wrap img {\n width: 100%; max-width: 460px;\n border-radius: 32px;\n border: 2px solid rgba(0,255,204,0.3);\n box-shadow: 0 30px 60px rgba(0,0,0,0.7), var(--glow-c);\n position: relative; z-index: 1;\n}\n\n\/* ========== DIVIDER ========== *\/\n.neon-divider {\n width: 100%; height: 80px;\n position: relative; z-index: 3;\n pointer-events: none;\n}\n.neon-divider svg { width: 100%; height: 100%; overflow: visible; }\n\n\/* ========== FEATURES \/ BENTO ========== *\/\n#features { background: url('http:\/\/worldbabywojak.online\/wp-content\/uploads\/2026\/06\/bg24.png') center\/cover fixed no-repeat; }\n\n.bento { display: grid; grid-template-columns: repeat(12, 1fr); gap: 20px; max-width: 1300px; margin: 0 auto; }\n\n.bento-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 24px;\n padding: 36px;\n display: flex; flex-direction: column;\n align-items: center; text-align: center;\n position: relative; overflow: hidden;\n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n\/* Gradient corner accent *\/\n.bento-card::after {\n content: ''; position: absolute;\n top: -1px; right: -1px;\n width: 60px; height: 60px;\n background: radial-gradient(circle at top right, rgba(0,255,204,0.2), transparent 60%);\n border-radius: 0 24px 0 0;\n opacity: 0; transition: opacity 0.3s;\n}\n.bento-card:hover::after { opacity: 1; }\n\n.bento-card:hover {\n border-color: rgba(0,255,204,0.25);\n transform: translateY(-8px);\n box-shadow: 0 28px 56px rgba(0,0,0,0.8), var(--glow-c);\n}\n\n.bento-card img {\n width: 220px; height: 220px; object-fit: contain;\n transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative; z-index: 1;\n}\n.bento-card:hover img { transform: scale(1.12) rotate(4deg); }\n\n.bento-card h3 {\n font-family: var(--font-display);\n font-size: 1.6rem; margin: 16px 0 8px;\n letter-spacing: 0.5px;\n}\n\n.bento-card p { font-size: 0.95rem; color: var(--text-muted); line-height: 1.6; }\n\n\/* Number label for larger cards *\/\n.bento-num {\n position: absolute; top: 20px; left: 24px;\n font-family: var(--font-display); font-size: 0.7rem;\n color: var(--text-dim); letter-spacing: 2px; text-transform: uppercase;\n}\n\n.bento-large { grid-column: span 8; flex-direction: row; text-align: left; justify-content: space-between; align-items: center; gap: 40px; }\n.bento-large img { width: 320px; height: 320px; flex-shrink: 0; }\n.bento-med { grid-column: span 4; }\n\n\/* ========== ROADMAP ========== *\/\n#roadmap { background: url('http:\/\/worldbabywojak.online\/wp-content\/uploads\/2026\/06\/bg24.png') center\/cover fixed no-repeat; }\n\n.roadmap-center-img {\n display: flex; justify-content: center; margin-bottom: 60px;\n position: relative; z-index: 2;\n}\n.roadmap-center-img img {\n max-width: 340px; width: 100%;\n animation: float 6s ease-in-out infinite;\n filter: drop-shadow(0 0 40px rgba(179,0,255,0.4));\n}\n\n.roadmap-grid {\n display: grid; grid-template-columns: repeat(4, 1fr);\n gap: 20px; max-width: 1300px; margin: 0 auto;\n position: relative; z-index: 2;\n}\n\n\/* Connecting line between cards *\/\n.roadmap-grid::before {\n content: ''; position: absolute;\n top: 50%; left: 10%; right: 10%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--purple), var(--cyan), transparent);\n z-index: 0; opacity: 0.3;\n transform: translateY(-50%);\n}\n\n.roadmap-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 20px;\n padding: 36px 28px;\n position: relative; overflow: hidden;\n transition: all 0.35s ease;\n z-index: 1;\n}\n\n\/* Phase top accent *\/\n.roadmap-card::before {\n content: ''; position: absolute;\n top: 0; left: 0; right: 0; height: 3px;\n background: linear-gradient(90deg, var(--cyan), transparent);\n}\n.roadmap-card:nth-child(even)::before {\n background: linear-gradient(90deg, var(--purple), transparent);\n}\n.roadmap-card:nth-child(even) { transform: translateY(24px); }\n.roadmap-card:hover { transform: translateY(-6px) !important; border-color: rgba(0,255,204,0.3); box-shadow: 0 20px 40px rgba(0,0,0,0.8), var(--glow-c); }\n.roadmap-card:nth-child(even):hover { box-shadow: 0 20px 40px rgba(0,0,0,0.8), var(--glow-p) !important; border-color: rgba(179,0,255,0.3) !important; }\n\n.phase-badge {\n display: inline-flex; align-items: center; justify-content: center;\n width: 40px; height: 40px; border-radius: 12px;\n background: rgba(0,255,204,0.1); border: 1px solid var(--border-cyan);\n font-family: var(--font-display); font-size: 1.1rem; color: var(--cyan);\n margin-bottom: 20px;\n}\n.roadmap-card:nth-child(even) .phase-badge {\n background: rgba(179,0,255,0.1); border-color: var(--border-purple); color: var(--purple);\n}\n\n.phase-ghost {\n position: absolute; bottom: -10px; right: 10px;\n font-family: var(--font-display); font-size: 7rem; line-height: 1;\n color: rgba(255,255,255,0.03); user-select: none; pointer-events: none;\n}\n\n.roadmap-card h3 { font-family: var(--font-display); font-size: 1.5rem; margin-bottom: 20px; letter-spacing: 1px; }\n\n.roadmap-card ul { list-style: none; }\n.roadmap-card li {\n padding: 8px 0 8px 22px;\n position: relative;\n font-size: 0.95rem; color: var(--text-muted);\n border-bottom: 1px solid rgba(255,255,255,0.04);\n}\n.roadmap-card li:last-child { border-bottom: none; }\n.roadmap-card li::before {\n content: '\u203a'; position: absolute; left: 0;\n color: var(--cyan); font-weight: bold; font-size: 1.1rem;\n}\n.roadmap-card:nth-child(even) li::before { color: var(--purple); }\n\n\/* ========== FINAL SECTION ========== *\/\n#final {\n min-height: 85vh;\n background: url('http:\/\/worldbabywojak.online\/wp-content\/uploads\/2026\/06\/bg5.png') center\/cover no-repeat;\n display: flex; align-items: center;\n}\n\n.final-grid {\n display: grid; grid-template-columns: 1fr 1.2fr;\n gap: 60px; align-items: center;\n max-width: 1300px; margin: 0 auto;\n position: relative; z-index: 2;\n width: 100%;\n}\n\n.final-img-wrap {\n position: relative;\n display: flex; justify-content: flex-start;\n}\n.final-img-wrap img {\n width: 100%; max-width: 480px;\n animation: final-bob 5.5s ease-in-out infinite alternate;\n filter: drop-shadow(0 0 50px rgba(0,255,204,0.5));\n}\n@keyframes final-bob {\n 0% { transform: translateY(0) scale(1); }\n 100% { transform: translateY(-18px) scale(1.02); }\n}\n\n.final-card { padding: 52px; border-radius: 28px; }\n\n.final-card h2 {\n font-family: var(--font-display);\n font-size: clamp(2.5rem, 5vw, 4rem);\n text-transform: uppercase; line-height: 1.05;\n margin-bottom: 20px;\n}\n\n.final-card p { font-size: 1.2rem; color: var(--text-muted); line-height: 1.7; margin-bottom: 36px; }\n\n.socials-row {\n display: flex; gap: 20px; flex-wrap: wrap;\n padding-top: 32px; margin-top: 32px;\n border-top: 1px solid var(--border);\n}\n\n.social-link {\n font-family: var(--font-display);\n font-size: 0.8rem; letter-spacing: 2px; text-transform: uppercase;\n color: var(--text-muted); text-decoration: none;\n display: flex; align-items: center; gap: 6px;\n transition: color 0.3s;\n}\n.social-link::before { content: '\u2197'; font-size: 0.9rem; }\n.social-link:hover { color: var(--cyan); }\n\n\/* ========== WAVY DIVIDERS ========== *\/\n.wavy-divider { width: 100%; height: 80px; position: relative; z-index: 5; pointer-events: none; }\n.wavy-divider svg { width: 100%; height: 100%; overflow: visible; }\n\n\/* ========== RESPONSIVE ========== *\/\n@media (max-width: 1100px) {\n .bento-large { grid-column: span 12; flex-direction: column; text-align: center; }\n .bento-med { grid-column: span 6; }\n .about-grid { grid-template-columns: 1fr; }\n .final-grid { grid-template-columns: 1fr; }\n .final-img-wrap { justify-content: center; }\n .final-card { text-align: center; }\n .socials-row { justify-content: center; }\n .roadmap-grid { grid-template-columns: 1fr 1fr; }\n .roadmap-card:nth-child(even) { transform: translateY(0); }\n .roadmap-card:hover { transform: translateY(-6px) !important; }\n}\n\n@media (max-width: 700px) {\n .bento-med { grid-column: span 12; }\n .roadmap-grid { grid-template-columns: 1fr; }\n .pill-grid { grid-template-columns: 1fr; }\n .stats-bar { flex-direction: column; gap: 8px; }\n .stat-item + .stat-item::before { display: none; }\n .hero-title { font-size: 3.2rem; }\n section { padding: 80px 4%; }\n .wavy-divider { display: none; }\n .about-card, .final-card { padding: 28px 22px; }\n .nav-tag { display: none; }\n .cta-row .btn { font-size: 0.9rem; padding: 11px 20px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<canvas id=\"particle-canvas\"><\/canvas>\n\n<!-- ===== NAV ===== -->\n<nav>\n <img decoding=\"async\" src=\"http:\/\/worldbabywojak.online\/wp-content\/uploads\/2026\/06\/logo.png\" alt=\"World Baby Wojak\">\n <div class=\"nav-right\">\n <span class=\"nav-tag\">On Solana<\/span>\n <a href=\"#about\" class=\"btn btn-ghost btn-sm\">Explore<\/a>\n <\/div>\n<\/nav>\n\n<!-- ===== HERO ===== -->\n<section id=\"hero\" class=\"section-overlay\">\n <div class=\"section-content\" style=\"display:flex;flex-direction:column;align-items:center;width:100%;\">\n <div class=\"hero-kicker\">\n <div class=\"hero-kicker-dot\"><\/div>\n <span>Live on Solana Mainnet<\/span>\n <\/div>\n\n <h1 class=\"hero-title grad carter\">WORLD<br>BABY WOJAK<\/h1>\n <p class=\"hero-sub carter\">Small Baby. Big Dreams.<\/p>\n\n <div class=\"ca-box\">\n <span class=\"ca-label\">CA<\/span>\n <span class=\"ca-value\" id=\"caText\">NULL<\/span>\n <button class=\"btn btn-ghost btn-sm\" onclick=\"copyCA()\">Copy<\/button>\n <\/div>\n\n <p style=\"font-size:1.1rem;max-width:560px;color:var(--text-muted);line-height:1.7;margin-bottom:32px;\">\n A premium community meme token on Solana, built for people who love memes, creativity, and growing together.\n <\/p>\n\n <div class=\"cta-row\">\n <a href=\"#\" class=\"btn btn-primary\">Join Telegram<\/a>\n <a href=\"#\" class=\"btn btn-secondary\">Follow X<\/a>\n <a href=\"#\" class=\"btn btn-ghost\">Swap Now<\/a>\n <\/div>\n\n <div class=\"hero-image-wrap\">\n <img decoding=\"async\" src=\"http:\/\/worldbabywojak.online\/wp-content\/uploads\/2026\/06\/featured1.png\" alt=\"World Baby Wojak\" class=\"hero-image\">\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ===== STATS BAR ===== -->\n<div class=\"stats-bar\">\n <div class=\"stat-item\">\n <div class=\"stat-value grad-cyan carter\">0%<\/div>\n <div class=\"stat-label\">Buy & Sell Tax<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-value grad carter\">Burned<\/div>\n <div class=\"stat-label\">Liquidity Pool<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-value grad-cyan carter\">Revoked<\/div>\n <div class=\"stat-label\">Mint Authority<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-value grad carter\">1B<\/div>\n <div class=\"stat-label\">Total Supply<\/div>\n <\/div>\n<\/div>\n\n<!-- ===== ABOUT ===== -->\n<section id=\"about\" class=\"section-overlay\">\n <div class=\"section-content about-grid\">\n <div class=\"about-card card card-glow-top\">\n <div style=\"text-align:center;margin-bottom:24px;\">\n <h2 class=\"section-title carter grad\" style=\"font-size:clamp(2.2rem,4vw,3.2rem);text-align:left;margin-bottom:16px;\">THE BABY<br>ECOSYSTEM<\/h2>\n <\/div>\n <p>World Baby Wojak is more than a token \u2014 it's a global family. We unite meme lovers across the Solana blockchain with top-tier art, relentless community spirit, and a long-term vision.<\/p>\n <div class=\"pill-grid\">\n <div class=\"pill pill-cyan\">\n <div class=\"pill-val grad-cyan carter\">0% Tax<\/div>\n <div class=\"pill-desc\">Pure community power<\/div>\n <\/div>\n <div class=\"pill pill-purple\">\n <div class=\"pill-val grad carter\">LP Burned<\/div>\n <div class=\"pill-desc\">Secure and safe<\/div>\n <\/div>\n <div class=\"pill pill-cyan\">\n <div class=\"pill-val grad-cyan carter\">Revoked<\/div>\n <div class=\"pill-desc\">Mint authority<\/div>\n <\/div>\n <div class=\"pill pill-purple\">\n <div class=\"pill-val grad carter\">Solana<\/div>\n <div class=\"pill-desc\">Fastest chain<\/div>\n <\/div>\n <\/div>\n <a href=\"#\" class=\"btn btn-secondary\" style=\"align-self:flex-start;\">View Tokenomics<\/a>\n <\/div>\n <div class=\"about-img-wrap\">\n <img decoding=\"async\" src=\"http:\/\/worldbabywojak.online\/wp-content\/uploads\/2026\/06\/featured2.png\" alt=\"Baby Wojak character\">\n <\/div>\n <\/div>\n<\/section>\n\n<!-- Divider 1 -->\n<div class=\"wavy-divider\">\n <svg viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\">\n <path d=\"M0,40 C240,80 480,0 720,40 C960,80 1200,0 1440,40\" fill=\"none\" stroke=\"var(--purple)\" stroke-width=\"3\" style=\"filter:drop-shadow(0 0 12px var(--purple))\"\/>\n <\/svg>\n<\/div>\n\n<!-- ===== FEATURES ===== -->\n<section id=\"features\" class=\"section-overlay\">\n <div class=\"section-content\">\n <div style=\"text-align:center;margin-bottom:60px;\">\n <h2 class=\"section-title carter grad\">COMMUNITY<br>STRENGTHS<\/h2>\n <\/div>\n <div class=\"bento\">\n <div class=\"bento-card bento-large\">\n <div class=\"bento-num\">01 \u2014 Featured<\/div>\n <div style=\"flex:1;\">\n <h3 class=\"carter grad\">Viral Meme Culture<\/h3>\n <p style=\"font-size:1.1rem;line-height:1.7;margin-top:10px;\">Leveraging the globally recognized Wojak format combined with the universally loved baby aesthetic to create unstoppable viral potential across every platform.<\/p>\n <\/div>\n <img decoding=\"async\" src=\"http:\/\/worldbabywojak.online\/wp-content\/uploads\/2026\/06\/itemfeatured1.png\" alt=\"Meme Culture\">\n <\/div>\n\n <div class=\"bento-card bento-med\">\n <div class=\"bento-num\">02<\/div>\n <img decoding=\"async\" src=\"http:\/\/worldbabywojak.online\/wp-content\/uploads\/2026\/06\/itemfeatured2.png\" alt=\"Community\">\n <h3 class=\"carter\">Global Unity<\/h3>\n <p>A decentralized network of holders and believers building the foundation worldwide.<\/p>\n <\/div>\n\n <div class=\"bento-card bento-med\">\n <div class=\"bento-num\">03<\/div>\n <img decoding=\"async\" src=\"http:\/\/worldbabywojak.online\/wp-content\/uploads\/2026\/06\/itemfeatured3.png\" alt=\"Content\">\n <h3 class=\"carter\" style=\"color:var(--purple);\">Pure Content<\/h3>\n <p>Continuous delivery of high-quality, entertaining digital assets for the community.<\/p>\n <\/div>\n\n <div class=\"bento-card bento-med\">\n <div class=\"bento-num\">04<\/div>\n <img decoding=\"async\" src=\"http:\/\/worldbabywojak.online\/wp-content\/uploads\/2026\/06\/itemfeatured4.png\" alt=\"Identity\">\n <h3 class=\"carter\">Strong Identity<\/h3>\n <p>A pristine visual brand that stands out in the crowded Solana meme space.<\/p>\n <\/div>\n\n <div class=\"bento-card bento-med\">\n <div class=\"bento-num\">05<\/div>\n <img decoding=\"async\" src=\"http:\/\/worldbabywojak.online\/wp-content\/uploads\/2026\/06\/itemfeatured5.png\" alt=\"Rewards\">\n <h3 class=\"carter\" style=\"color:var(--purple);\">Loyal Rewards<\/h3>\n <p>Creating real value for long-term supporters through steady ecosystem growth.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ===== ROADMAP ===== -->\n<section id=\"roadmap\" class=\"section-overlay\">\n <div class=\"section-content\">\n <div style=\"text-align:center;margin-bottom:20px;\">\n <h2 class=\"section-title carter grad\">ROAD TO<br>GREATNESS<\/h2>\n <\/div>\n <div class=\"roadmap-center-img\">\n <img decoding=\"async\" src=\"http:\/\/worldbabywojak.online\/wp-content\/uploads\/2026\/06\/featured4.png\" alt=\"Roadmap Baby\">\n <\/div>\n <div class=\"roadmap-grid\">\n <div class=\"roadmap-card\">\n <div class=\"phase-ghost\">1<\/div>\n <div class=\"phase-badge carter\">1<\/div>\n <h3 class=\"carter grad-cyan\">BIRTH<\/h3>\n <ul>\n <li>Token Launch<\/li>\n <li>Social Media Setup<\/li>\n <li>Website Launch<\/li>\n <li>Community Building<\/li>\n <li>Initial Meme Campaigns<\/li>\n <\/ul>\n <\/div>\n <div class=\"roadmap-card\">\n <div class=\"phase-ghost\">2<\/div>\n <div class=\"phase-badge carter\">2<\/div>\n <h3 class=\"carter grad\">GROWTH<\/h3>\n <ul>\n <li>Trending Campaigns<\/li>\n <li>Strategic Partnerships<\/li>\n <li>Community Contests<\/li>\n <li>Holder Expansion<\/li>\n <\/ul>\n <\/div>\n <div class=\"roadmap-card\">\n <div class=\"phase-ghost\">3<\/div>\n <div class=\"phase-badge carter\">3<\/div>\n <h3 class=\"carter grad-cyan\">EXPANSION<\/h3>\n <ul>\n <li>NFT Collection Launch<\/li>\n <li>Meme Ecosystem Dev<\/li>\n <li>Community Rewards<\/li>\n <li>Tier 1 Marketing<\/li>\n <\/ul>\n <\/div>\n <div class=\"roadmap-card\">\n <div class=\"phase-ghost\">4<\/div>\n <div class=\"phase-badge carter\">4<\/div>\n <h3 class=\"carter grad\">WORLD ERA<\/h3>\n <ul>\n <li>Utility Expansion<\/li>\n <li>Cross-platform Integration<\/li>\n <li>Long-term Growth<\/li>\n <li>Global Domination<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- Divider 2 -->\n<div class=\"wavy-divider\">\n <svg viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\">\n <path d=\"M0,40 C240,0 480,80 720,40 C960,0 1200,80 1440,40\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"3\" style=\"filter:drop-shadow(0 0 12px var(--cyan))\"\/>\n <\/svg>\n<\/div>\n\n<!-- ===== FINAL ===== -->\n<section id=\"final\" class=\"section-overlay\">\n <div class=\"section-content final-grid\">\n <div class=\"final-img-wrap\">\n <img decoding=\"async\" src=\"http:\/\/worldbabywojak.online\/wp-content\/uploads\/2026\/06\/featured5.png\" alt=\"Baby Wojak final\">\n <\/div>\n <div class=\"final-card card card-glow-top\">\n <h2 class=\"carter grad\">One World.<br>One Baby.<br>One Wojak.<\/h2>\n <p>Growing together on the fastest blockchain. Step into the next generation of meme culture and become part of the family today.<\/p>\n <a href=\"#\" class=\"btn btn-secondary\" style=\"font-size:1.2rem;padding:16px 36px;\">ENTER THE BABY WORLD<\/a>\n <div class=\"socials-row\">\n <a href=\"#\" class=\"social-link\">X (Twitter)<\/a>\n <a href=\"#\" class=\"social-link\">Telegram<\/a>\n <a href=\"#\" class=\"social-link\">Solana<\/a>\n <a href=\"#\" class=\"social-link\">DEXScreener<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n\/* ---- Floating Particles ---- *\/\n(function(){\n const canvas = document.getElementById('particle-canvas');\n const ctx = canvas.getContext('2d');\n let W, H, particles;\n const N = 80;\n\n function resize(){\n W = canvas.width = window.innerWidth;\n H = canvas.height = window.innerHeight;\n }\n\n function randomParticle(){\n return {\n x: Math.random() * W,\n y: Math.random() * H,\n r: Math.random() * 1.8 + 0.4,\n dx: (Math.random() - 0.5) * 0.3,\n dy: (Math.random() - 0.5) * 0.3,\n color: Math.random() > 0.5 ? '0,255,204' : '179,0,255',\n alpha: Math.random() * 0.4 + 0.1\n };\n }\n\n function init(){\n resize();\n particles = Array.from({length: N}, randomParticle);\n }\n\n function draw(){\n ctx.clearRect(0, 0, W, H);\n for(const p of particles){\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.r, 0, Math.PI*2);\n ctx.fillStyle = `rgba(${p.color},${p.alpha})`;\n ctx.fill();\n p.x += p.dx; p.y += p.dy;\n if(p.x<0) p.x=W; if(p.x>W) p.x=0;\n if(p.y<0) p.y=H; if(p.y>H) p.y=0;\n }\n requestAnimationFrame(draw);\n }\n\n window.addEventListener('resize', resize);\n init(); draw();\n})();\n\n\/* ---- Copy CA ---- *\/\nfunction copyCA(){\n const ca = document.getElementById(\"caText\").innerText;\n navigator.clipboard.writeText(ca).then(() => {\n const btn = event.currentTarget;\n btn.textContent = \"Copied!\";\n btn.style.color = \"var(--cyan)\";\n btn.style.borderColor = \"var(--cyan)\";\n setTimeout(() => {\n btn.textContent = \"Copy\";\n btn.style.color = \"\";\n btn.style.borderColor = \"\";\n }, 2000);\n });\n}\n\n\/* ---- Scroll-in reveal ---- *\/\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if(e.isIntersecting){\n e.target.style.opacity = '1';\n e.target.style.transform = e.target.dataset.transform || 'translateY(0)';\n }\n });\n}, {threshold: 0.12});\n\ndocument.querySelectorAll('.bento-card, .roadmap-card, .pill').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease, border-color 0.35s, box-shadow 0.35s';\n observer.observe(el);\n});\n\n\/* ---- Nav backdrop on scroll ---- *\/\nconst nav = document.querySelector('nav');\nwindow.addEventListener('scroll', () => {\n nav.style.backdropFilter = window.scrollY > 60 ? 'blur(20px)' : 'blur(0px)';\n nav.style.background = window.scrollY > 60\n ? 'rgba(3,2,10,0.97)'\n : 'linear-gradient(180deg, rgba(3,2,10,0.97) 0%, transparent 100%)';\n});\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>World Baby Wojak On Solana Explore Live on Solana Mainnet WORLDBABY WOJAK Small Baby. Big Dreams. CA NULL Copy A premium community meme token on Solana, built for people who love memes, creativity, and growing together. Join Telegram Follow X Swap Now 0% Buy & Sell Tax Burned Liquidity Pool Revoked Mint Authority 1B Total […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/worldbabywojak.online\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/worldbabywojak.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/worldbabywojak.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/worldbabywojak.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/worldbabywojak.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":67,"href":"https:\/\/worldbabywojak.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/worldbabywojak.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/worldbabywojak.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}