{"id":9,"date":"2026-06-20T14:05:48","date_gmt":"2026-06-20T14:05:48","guid":{"rendered":"https:\/\/bomonsol.online\/?page_id=9"},"modified":"2026-06-20T15:34:43","modified_gmt":"2026-06-20T15:34:43","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/bomonsol.online\/","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\n\n\n\n\nBank of Memes \u2014 $BOM<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Gochi+Hand&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --gold: #D4AF37;\n --gold-light: #FFE57F;\n --gold-dark: #AA8C2C;\n --emerald: #046307;\n --emerald-light: #50C878;\n --navy: #0a0e27;\n --black: #050505;\n --white: #f0f0f0;\n}\n\n* { margin: 0; padding: 0; box-sizing: border-box; }\n\nhtml { scroll-behavior: smooth; }\n\nbody {\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n background: var(--black);\n color: var(--white);\n line-height: 1.6;\n overflow-x: hidden;\n}\n\n.font-display { font-family: 'Gochi Hand', cursive; }\n\n.gold-text {\n background: linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-light), var(--gold), var(--gold-dark));\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: shimmer 4s linear infinite;\n}\n\n@keyframes shimmer {\n to { background-position: 200% center; }\n}\n\n@keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-14px); }\n}\n\n@keyframes pulse-glow {\n 0%, 100% { box-shadow: 0 0 0 rgba(212,175,55,0); }\n 50% { box-shadow: 0 0 30px rgba(212,175,55,0.25); }\n}\n\n@keyframes toast-in {\n from { opacity: 0; transform: translate(-50%, 12px); }\n to { opacity: 1; transform: translate(-50%, 0); }\n}\n\n@keyframes marquee {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n}\n\n.glass {\n background: rgba(255,255,255,0.03);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(212,175,55,0.12);\n border-radius: 20px;\n transition: all 0.4s ease;\n}\n\n.glass:hover {\n transform: translateY(-4px);\n border-color: rgba(212,175,55,0.3);\n box-shadow: 0 12px 40px rgba(0,0,0,0.5), 0 0 20px rgba(212,175,55,0.1);\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 16px 36px;\n border-radius: 12px;\n font-weight: 600;\n font-size: 1rem;\n letter-spacing: 0.5px;\n cursor: pointer;\n border: none;\n text-decoration: none;\n transition: all 0.3s ease;\n}\n\n.btn-gold {\n background: linear-gradient(135deg, var(--gold), var(--gold-dark));\n color: var(--navy);\n box-shadow: 0 4px 20px rgba(212,175,55,0.25);\n}\n\n.btn-gold:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(212,175,55,0.4);\n}\n\n.btn-glass {\n background: rgba(255,255,255,0.05);\n color: var(--white);\n border: 1px solid rgba(212,175,55,0.25);\n backdrop-filter: blur(8px);\n}\n\n.btn-glass:hover {\n background: rgba(212,175,55,0.1);\n border-color: var(--gold);\n}\n\n.nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 1000;\n padding: 24px 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: transparent;\n}\n\n.nav-logo {\n font-family: 'Gochi Hand', cursive;\n font-size: 4rem;\n color: var(--gold);\n text-decoration: none;\n text-shadow: 0 2px 8px rgba(0,0,0,0.9);\n}\n\n.nav-links {\n display: flex;\n gap: 32px;\n}\n\n.nav-links a {\n font-family: 'Gochi Hand', cursive;\n color: rgba(240,240,240,0.85);\n text-decoration: none;\n font-size: 1.8rem;\n font-weight: 500;\n transition: color 0.3s;\n text-shadow: 0 1px 4px rgba(0,0,0,0.9);\n}\n\n.nav-links a:hover { color: var(--gold); }\n\n.section {\n position: relative;\n width: 100%;\n}\n\n.bg-cover {\n position: absolute;\n inset: 0;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n box-shadow: inset 0 0 160px 90px var(--black);\n}\n\n.container {\n position: relative;\n z-index: 2;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 24px;\n}\n\n.reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.reveal.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n z-index: 5;\n margin-bottom: -120px;\n}\n\n.hero-bg {\n background-image: url('http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/bg1.png');\n}\n\n.hero .overlay-top {\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, transparent 95%);\n z-index: 1;\n pointer-events: none;\n}\n\n.hero-content {\n padding-top: 80px;\n position: relative;\n z-index: 2;\n}\n\n.hero-eyebrow {\n display: inline-block;\n font-size: 0.8rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 24px;\n border: 1px solid rgba(212,175,55,0.2);\n padding: 8px 20px;\n border-radius: 100px;\n background: rgba(0,0,0,0.35);\n}\n\n.hero h1 {\n font-size: clamp(5.5rem, 16vw, 12rem);\n line-height: 0.95;\n margin-bottom: 16px;\n color: var(--gold-light);\n}\n\n.hero-sub {\n font-size: 1.5rem;\n color: var(--emerald-light);\n font-weight: 600;\n letter-spacing: 2px;\n margin-bottom: 12px;\n}\n\n.hero-slogan {\n font-size: clamp(1.4rem, 3.5vw, 2.4rem);\n color: rgba(240,240,240,0.9);\n max-width: 700px;\n margin: 0 auto 40px;\n}\n\n.hero-btns {\n display: flex;\n gap: 16px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 40px;\n}\n\n.ca-bar {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 14px 24px;\n border-radius: 14px;\n background: rgba(0,0,0,0.4);\n border: 1px solid rgba(212,175,55,0.25);\n backdrop-filter: blur(12px);\n cursor: pointer;\n transition: all 0.3s ease;\n user-select: none;\n position: relative;\n}\n\n.ca-bar:hover {\n border-color: var(--gold);\n box-shadow: 0 0 24px rgba(212,175,55,0.2);\n}\n\n.ca-bar:active { transform: scale(0.98); }\n\n.ca-label {\n font-size: 0.7rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--gold);\n font-weight: 700;\n}\n\n.ca-addr {\n font-family: 'Courier New', Courier, monospace;\n font-size: 1rem;\n color: rgba(240,240,240,0.95);\n}\n\n.ca-icon {\n width: 18px;\n height: 18px;\n color: var(--gold);\n opacity: 0.8;\n}\n\n.ca-toast {\n position: fixed;\n bottom: 40px;\n left: 50%;\n transform: translateX(-50%);\n padding: 12px 24px;\n background: rgba(10,14,39,0.95);\n border: 1px solid var(--gold);\n color: var(--gold-light);\n border-radius: 12px;\n font-size: 0.9rem;\n font-weight: 600;\n z-index: 9999;\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.3s ease, transform 0.3s ease;\n}\n\n.ca-toast.show {\n opacity: 1;\n transform: translate(-50%, 0);\n animation: toast-in 0.3s ease;\n}\n\n.deposit {\n padding: 160px 0;\n z-index: 1;\n}\n\n.deposit-bg {\n background-image: url('http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/bg2.png');\n}\n\n.deposit-grid {\n display: grid;\n grid-template-columns: 1fr 1.1fr;\n gap: 60px;\n align-items: center;\n}\n\n.deposit-label {\n font-size: 0.85rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--emerald-light);\n margin-bottom: 16px;\n display: block;\n font-weight: 600;\n}\n\n.deposit h2 {\n font-size: clamp(3.5rem, 7vw, 6.5rem);\n line-height: 1.0;\n margin-bottom: 24px;\n color: var(--gold-light);\n}\n\n.deposit-desc {\n color: rgba(240,240,240,0.75);\n font-size: 1.15rem;\n margin-bottom: 40px;\n max-width: 480px;\n}\n\n.steps {\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.step {\n display: flex;\n align-items: flex-start;\n gap: 20px;\n padding: 22px 24px;\n border-radius: 16px;\n}\n\n.step-num {\n font-family: 'Gochi Hand', cursive;\n font-size: 1.8rem;\n color: var(--gold);\n line-height: 1;\n min-width: 40px;\n}\n\n.step-title { font-weight: 600; margin-bottom: 4px; color: #fff; font-size: 1.1rem; }\n.step p { font-size: 0.95rem; color: rgba(240,240,240,0.6); }\n\n.deposit-media { position: relative; }\n\n.gold-frame {\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 20px 60px rgba(0,0,0,0.8), 0 0 0 1px rgba(212,175,55,0.2), inset 0 0 60px rgba(212,175,55,0.05);\n animation: float 6s ease-in-out infinite;\n}\n\n.gold-frame img {\n display: block;\n width: 100%;\n height: auto;\n}\n\n.frame-accent {\n position: absolute;\n inset: -12px;\n border: 1px solid rgba(212,175,55,0.1);\n border-radius: 32px;\n pointer-events: none;\n}\n\n.vault {\n padding: 160px 0;\n z-index: 1;\n}\n\n.vault-bg {\n background-image: url('http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/bg3.png');\n}\n\n.vault-grid {\n display: grid;\n grid-template-columns: 1fr 1.1fr;\n gap: 60px;\n align-items: center;\n}\n\n.vault-visual {\n position: relative;\n}\n\n.vault-visual img {\n display: block;\n width: 100%;\n border-radius: 24px;\n box-shadow: 0 24px 80px rgba(0,0,0,0.9);\n animation: float 7s ease-in-out infinite;\n}\n\n.vault-visual::after {\n content: '';\n position: absolute;\n inset: -10px;\n border-radius: 32px;\n border: 1px solid rgba(212,175,55,0.15);\n pointer-events: none;\n}\n\n.vault-header { margin-bottom: 36px; }\n\n.vault-label {\n font-size: 0.85rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 16px;\n display: block;\n font-weight: 600;\n}\n\n.vault h2 {\n font-size: clamp(3.5rem, 7vw, 6.5rem);\n line-height: 1.0;\n margin-bottom: 20px;\n color: var(--gold-light);\n}\n\n.vault-sub {\n color: rgba(240,240,240,0.75);\n font-size: 1.15rem;\n max-width: 480px;\n}\n\n.vault-stats {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n}\n\n.stat-pill {\n padding: 24px;\n border-radius: 16px;\n text-align: center;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(212,175,55,0.12);\n backdrop-filter: blur(12px);\n transition: all 0.3s ease;\n}\n\n.stat-pill:hover {\n border-color: rgba(212,175,55,0.3);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0,0,0,0.4);\n}\n\n.stat-value {\n font-family: 'Gochi Hand', cursive;\n font-size: 1.8rem;\n color: var(--gold);\n display: block;\n margin-bottom: 4px;\n}\n\n.stat-label {\n font-size: 0.75rem;\n color: rgba(240,240,240,0.6);\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.withdraw {\n padding: 160px 0;\n background: radial-gradient(circle at 50% 0%, rgba(212,175,55,0.06) 0%, transparent 60%);\n z-index: 1;\n}\n\n.withdraw-header {\n text-align: center;\n margin-bottom: 80px;\n}\n\n.withdraw-label {\n font-size: 0.85rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--emerald-light);\n margin-bottom: 16px;\n display: block;\n font-weight: 600;\n}\n\n.withdraw h2 {\n font-size: clamp(3.5rem, 7vw, 6.5rem);\n line-height: 1.0;\n margin-bottom: 16px;\n color: var(--gold-light);\n}\n\n.withdraw-sub {\n color: rgba(240,240,240,0.75);\n font-size: 1.15rem;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.roadmap {\n position: relative;\n max-width: 1100px;\n margin: 0 auto;\n}\n\n.roadmap-track {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n position: relative;\n padding: 80px 0;\n}\n\n.roadmap-track::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent 0%, var(--gold) 20%, var(--emerald-light) 50%, var(--gold) 80%, transparent 100%);\n transform: translateY(-50%);\n z-index: 1;\n}\n\n.roadmap-item {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n min-height: 320px;\n}\n\n.roadmap-item:nth-child(odd) { justify-content: flex-end; }\n.roadmap-item:nth-child(even) { justify-content: flex-start; }\n\n.roadmap-card {\n width: 100%;\n padding: 28px;\n position: relative;\n z-index: 2;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.roadmap-card:hover {\n transform: translateY(-6px) scale(1.02);\n border-color: rgba(212,175,55,0.35);\n}\n\n.roadmap-item:nth-child(odd) .roadmap-card { margin-bottom: 24px; }\n.roadmap-item:nth-child(even) .roadmap-card { margin-top: 24px; }\n\n.roadmap-card h3 {\n font-family: 'Gochi Hand', cursive;\n font-size: 1.5rem;\n color: var(--gold-light);\n margin-bottom: 8px;\n}\n\n.roadmap-card p {\n font-size: 0.95rem;\n color: rgba(240,240,240,0.65);\n line-height: 1.5;\n}\n\n.roadmap-node {\n position: relative;\n z-index: 3;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: var(--gold);\n border: 4px solid var(--black);\n box-shadow: 0 0 0 1px rgba(212,175,55,0.4), 0 0 20px rgba(212,175,55,0.3);\n animation: pulse-glow 3s ease-in-out infinite;\n}\n\n.roadmap-index {\n position: absolute;\n top: -36px;\n left: 50%;\n transform: translateX(-50%);\n font-family: 'Gochi Hand', cursive;\n font-size: 1.1rem;\n color: var(--gold);\n opacity: 0.7;\n}\n\n.roadmap-item:nth-child(even) .roadmap-index {\n top: auto;\n bottom: -36px;\n}\n\n.gallery {\n padding: 160px 0 120px;\n overflow: hidden;\n z-index: 1;\n}\n\n.gallery-bg {\n background-image: url('http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/bg2.png');\n}\n\n.gallery-header {\n text-align: center;\n margin-bottom: 80px;\n}\n\n.gallery-label {\n font-size: 0.85rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 16px;\n display: block;\n font-weight: 600;\n}\n\n.gallery h2 {\n font-size: clamp(3.5rem, 7vw, 6.5rem);\n line-height: 1.0;\n margin-bottom: 16px;\n color: var(--gold-light);\n}\n\n.gallery-sub {\n color: rgba(240,240,240,0.75);\n font-size: 1.15rem;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.marquee {\n display: flex;\n overflow: hidden;\n width: 100%;\n mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\n -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\n}\n\n.marquee-track {\n display: flex;\n gap: 36px;\n animation: marquee 35s linear infinite;\n width: max-content;\n will-change: transform;\n}\n\n.marquee-track:hover {\n animation-play-state: paused;\n}\n\n.marquee-item {\n flex-shrink: 0;\n width: 420px;\n height: 500px;\n border-radius: 32px;\n overflow: hidden;\n box-shadow: 0 24px 60px rgba(0,0,0,0.7);\n transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.marquee-item:nth-child(7n+1) { transform: rotate(-2deg); }\n.marquee-item:nth-child(7n+2) { transform: rotate(1.5deg); }\n.marquee-item:nth-child(7n+3) { transform: rotate(-1deg); }\n.marquee-item:nth-child(7n+4) { transform: rotate(2deg); }\n.marquee-item:nth-child(7n+5) { transform: rotate(-1.5deg); }\n.marquee-item:nth-child(7n+6) { transform: rotate(1deg); }\n.marquee-item:nth-child(7n+7) { transform: rotate(-0.5deg); }\n\n.marquee-item:hover {\n transform: rotate(0deg) scale(1.04);\n z-index: 10;\n box-shadow: 0 32px 80px rgba(0,0,0,0.85), 0 0 40px rgba(212,175,55,0.15);\n border-radius: 36px;\n}\n\n.marquee-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.6s ease;\n}\n\n.marquee-item:hover img {\n transform: scale(1.08);\n}\n\n.join {\n position: relative;\n background: linear-gradient(180deg, #070a1a 0%, #000 100%);\n padding: 180px 0 80px;\n text-align: center;\n overflow: hidden;\n z-index: 1;\n}\n\n.join::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(212,175,55,0.07) 0%, transparent 40%),\n radial-gradient(circle at 80% 20%, rgba(80,200,120,0.05) 0%, transparent 40%);\n pointer-events: none;\n}\n\n.join h2 {\n font-size: clamp(4rem, 10vw, 9rem);\n line-height: 0.95;\n margin-bottom: 20px;\n color: var(--gold-light);\n}\n\n.join-sub {\n color: rgba(240,240,240,0.75);\n font-size: 1.2rem;\n max-width: 560px;\n margin: 0 auto 60px;\n}\n\n.join-stage {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 48px;\n flex-wrap: wrap;\n padding: 40px 20px;\n}\n\n.join-stage::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 70%;\n height: 2px;\n background: linear-gradient(90deg, transparent, rgba(212,175,55,0.4), transparent);\n z-index: 0;\n border-radius: 2px;\n}\n\n.join-icon-wrap {\n position: relative;\n width: 130px;\n height: 130px;\n border-radius: 32px;\n background: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: 0 16px 50px rgba(0,0,0,0.5);\n z-index: 2;\n text-decoration: none;\n overflow: hidden;\n}\n\n.join-icon-wrap:nth-child(1) { transform: rotate(-14deg) translateY(-30px); }\n.join-icon-wrap:nth-child(2) { transform: rotate(10deg) translateY(15px); }\n.join-icon-wrap:nth-child(3) { transform: rotate(-8deg) translateY(-15px); }\n.join-icon-wrap:nth-child(4) { transform: rotate(12deg) translateY(25px); }\n\n.join-icon-wrap:hover {\n transform: rotate(0deg) scale(1.25) translateY(0);\n z-index: 10;\n box-shadow: 0 30px 70px rgba(0,0,0,0.6), 0 0 0 4px var(--gold);\n}\n\n.join-icon-wrap img {\n width: 60%;\n height: 60%;\n object-fit: contain;\n transition: transform 0.3s ease;\n}\n\n.join-icon-wrap:hover img {\n transform: scale(1.15);\n}\n\n.footer {\n border-top: 1px solid rgba(212,175,55,0.08);\n padding-top: 40px;\n margin-top: 100px;\n color: rgba(240,240,240,0.4);\n font-size: 0.85rem;\n}\n\n@media (max-width: 960px) {\n .nav-links { display: none; }\n\n .deposit-grid,\n .vault-grid {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n\n .deposit-media { order: -1; max-width: 480px; margin: 0 auto; }\n .vault-visual { order: -1; max-width: 480px; margin: 0 auto; }\n\n .roadmap-track {\n display: flex;\n flex-direction: column;\n gap: 40px;\n padding: 40px 0 40px 40px;\n }\n\n .roadmap-track::before {\n top: 0;\n bottom: 0;\n left: 6px;\n right: auto;\n width: 2px;\n height: auto;\n background: linear-gradient(180deg, transparent 0%, var(--gold) 20%, var(--emerald-light) 50%, var(--gold) 80%, transparent 100%);\n transform: none;\n }\n\n .roadmap-item {\n min-height: auto;\n align-items: flex-start;\n padding-left: 32px;\n }\n\n .roadmap-item:nth-child(odd),\n .roadmap-item:nth-child(even) {\n justify-content: flex-start;\n }\n\n .roadmap-item:nth-child(odd) .roadmap-card,\n .roadmap-item:nth-child(even) .roadmap-card {\n margin: 0;\n width: 100%;\n }\n\n .roadmap-node {\n position: absolute;\n left: -40px;\n top: 24px;\n transform: none;\n }\n\n .roadmap-index {\n left: -50px;\n top: 0;\n transform: none;\n }\n\n .roadmap-item:nth-child(even) .roadmap-index {\n bottom: auto;\n top: 0;\n }\n\n .marquee-item {\n width: 320px;\n height: 380px;\n }\n\n .join-stage {\n gap: 36px;\n padding: 30px 20px;\n }\n\n .join-stage::before {\n width: 90%;\n }\n\n .join-icon-wrap {\n width: 110px;\n height: 110px;\n border-radius: 26px;\n }\n\n .join-icon-wrap:nth-child(1),\n .join-icon-wrap:nth-child(2),\n .join-icon-wrap:nth-child(3),\n .join-icon-wrap:nth-child(4) {\n transform: rotate(var(--r, 0deg)) translateY(0);\n }\n\n .join-icon-wrap:nth-child(1) { --r: -10deg; }\n .join-icon-wrap:nth-child(2) { --r: 8deg; }\n .join-icon-wrap:nth-child(3) { --r: -6deg; }\n .join-icon-wrap:nth-child(4) { --r: 10deg; }\n}\n\n@media (max-width: 480px) {\n .nav { padding: 20px 24px; }\n .vault-stats { grid-template-columns: 1fr; }\n .marquee-item { width: 260px; height: 320px; border-radius: 24px; }\n .join-stage { gap: 28px; }\n .join-icon-wrap { width: 90px; height: 90px; border-radius: 22px; }\n .join-icon-wrap img { width: 55%; height: 55%; }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<nav class=\"nav\">\n <a href=\"#\" class=\"nav-logo\">BOM<\/a>\n <div class=\"nav-links\">\n <a href=\"#vault\">Vault<\/a>\n <a href=\"#deposit\">Deposit<\/a>\n <a href=\"#gallery\">Gallery<\/a>\n <a href=\"#withdraw\">Withdraw<\/a>\n <a href=\"#join\">Join<\/a>\n <\/div>\n<\/nav>\n\n<section class=\"section hero\" id=\"hero\">\n <div class=\"bg-cover hero-bg\"><\/div>\n <div class=\"overlay-top\"><\/div>\n <div class=\"container hero-content\">\n <div class=\"reveal\">\n <span class=\"hero-eyebrow\">Est. 2024 \u2014 Meme Finance Redefined<\/span>\n <h1 class=\"font-display gold-text\">Bank of Memes<\/h1>\n <div class=\"hero-sub\">Ticker: $BOM<\/div>\n <p class=\"hero-slogan\">Deposit Memes. Withdraw Millions.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#vault\" class=\"btn btn-gold\">Enter the Vault<\/a>\n <a href=\"#deposit\" class=\"btn btn-glass\">View Ledger<\/a>\n <\/div>\n <div class=\"ca-bar\" onclick=\"copyCA()\">\n <span class=\"ca-label\">CA<\/span>\n <span class=\"ca-addr\" id=\"caText\">BOMx7v...9A2F<\/span>\n <svg class=\"ca-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section deposit\" id=\"deposit\">\n <div class=\"bg-cover deposit-bg\"><\/div>\n <div class=\"container deposit-grid reveal\">\n <div class=\"deposit-left\">\n <span class=\"deposit-label\">01 \/ The Process<\/span>\n <h2 class=\"font-display\">Deposit Memes<\/h2>\n <p class=\"deposit-desc\">Your memes hold latent value. Our institution is the first to recognize, verify, and monetize internet culture at scale.<\/p>\n <div class=\"steps\">\n <div class=\"glass step\">\n <div class=\"step-num\">01<\/div>\n <div>\n <div class=\"step-title\">Upload Your Meme<\/div>\n <p>Submit your finest cultural artifacts directly to our vault.<\/p>\n <\/div>\n <\/div>\n <div class=\"glass step\">\n <div class=\"step-num\">02<\/div>\n <div>\n <div class=\"step-title\">Vibe Analysis<\/div>\n <p>Our legendary analysts verify authenticity and market impact.<\/p>\n <\/div>\n <\/div>\n <div class=\"glass step\">\n <div class=\"step-num\">03<\/div>\n <div>\n <div class=\"step-title\">Grow Your Wealth<\/div>\n <p>Watch your account flourish as your meme appreciates.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"deposit-media reveal\">\n <div class=\"gold-frame\">\n <img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/featured2.png\" alt=\"Deposit Memes\">\n <\/div>\n <div class=\"frame-accent\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section vault\" id=\"vault\">\n <div class=\"bg-cover vault-bg\"><\/div>\n <div class=\"container vault-grid reveal\">\n <div class=\"vault-visual reveal\">\n <img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/featured3.png\" alt=\"The Vault\">\n <\/div>\n <div class=\"vault-body\">\n <div class=\"vault-header\">\n <span class=\"vault-label\">02 \/ The Archives<\/span>\n <h2 class=\"font-display\">The Vault of Legends<\/h2>\n <p class=\"vault-sub\">A fortress for the internet's most valuable moments. Secured, preserved, and ready for withdrawal.<\/p>\n <\/div>\n <div class=\"vault-stats\">\n <div class=\"stat-pill glass\">\n <span class=\"stat-value\">$\u221e<\/span>\n <div class=\"stat-label\">Vault Value<\/div>\n <\/div>\n <div class=\"stat-pill glass\">\n <span class=\"stat-value\">999K+<\/span>\n <div class=\"stat-label\">Memes Secured<\/div>\n <\/div>\n <div class=\"stat-pill glass\">\n <span class=\"stat-value\">420%<\/span>\n <div class=\"stat-label\">Interest Rate<\/div>\n <\/div>\n <div class=\"stat-pill glass\">\n <span class=\"stat-value\">Growing<\/span>\n <div class=\"stat-label\">Account Holders<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section withdraw\" id=\"withdraw\">\n <div class=\"container\">\n <div class=\"withdraw-header reveal\">\n <span class=\"withdraw-label\">03 \/ The Ecosystem<\/span>\n <h2 class=\"font-display\">Withdraw Millions<\/h2>\n <p class=\"withdraw-sub\">From digital culture to generational wealth. The ecosystem that turns virality into value.<\/p>\n <\/div>\n <div class=\"roadmap reveal\">\n <div class=\"roadmap-track\">\n <div class=\"roadmap-item\">\n <div class=\"roadmap-card glass\">\n <h3>The Meme Standard<\/h3>\n <p>Every submission is graded against the legendary Meme Standard. Only the most culturally significant assets earn top-tier liquidity.<\/p>\n <\/div>\n <div class=\"roadmap-node\"><\/div>\n <div class=\"roadmap-index\">01<\/div>\n <\/div>\n <div class=\"roadmap-item\">\n <div class=\"roadmap-card glass\">\n <h3>Global Liquidity<\/h3>\n <p>Tap into a worldwide network of meme connoisseurs. Your deposits are collateral in a borderless economy of humor.<\/p>\n <\/div>\n <div class=\"roadmap-node\"><\/div>\n <div class=\"roadmap-index\">02<\/div>\n <\/div>\n <div class=\"roadmap-item\">\n <div class=\"roadmap-card glass\">\n <h3>Instant Withdrawal<\/h3>\n <p>Convert your meme equity into spendable wealth at any hour. No holds. No waiting. Pure liquidity.<\/p>\n <\/div>\n <div class=\"roadmap-node\"><\/div>\n <div class=\"roadmap-index\">03<\/div>\n <\/div>\n <div class=\"roadmap-item\">\n <div class=\"roadmap-card glass\">\n <h3>Legacy Building<\/h3>\n <p>Establish a generational portfolio of internet culture that appreciates as history unfolds.<\/p>\n <\/div>\n <div class=\"roadmap-node\"><\/div>\n <div class=\"roadmap-index\">04<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section gallery\" id=\"gallery\">\n <div class=\"bg-cover gallery-bg\"><\/div>\n <div class=\"container\">\n <div class=\"gallery-header reveal\">\n <span class=\"gallery-label\">04 \/ The Collection<\/span>\n <h2 class=\"font-display\">Meme Gallery<\/h2>\n <p class=\"gallery-sub\">A visual treasury of the internet's most legendary moments. Each piece holds untold value.<\/p>\n <\/div>\n <\/div>\n <div class=\"marquee reveal\">\n <div class=\"marquee-track\">\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/galleryitem1-scaled.jpeg\" alt=\"Gallery Item 1\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/galleryitem2.jpeg\" alt=\"Gallery Item 2\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/galleryitem3.jpeg\" alt=\"Gallery Item 3\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/galleryitem4.jpeg\" alt=\"Gallery Item 4\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/galleryitem5.jpeg\" alt=\"Gallery Item 5\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/galleryitem6.jpeg\" alt=\"Gallery Item 6\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/galleryitem7.jpeg\" alt=\"Gallery Item 7\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/galleryitem1-scaled.jpeg\" alt=\"Gallery Item 1\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/galleryitem2.jpeg\" alt=\"Gallery Item 2\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/galleryitem3.jpeg\" alt=\"Gallery Item 3\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/galleryitem4.jpeg\" alt=\"Gallery Item 4\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/galleryitem5.jpeg\" alt=\"Gallery Item 5\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/galleryitem6.jpeg\" alt=\"Gallery Item 6\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/galleryitem7.jpeg\" alt=\"Gallery Item 7\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section join\" id=\"join\">\n <div class=\"container\">\n <div class=\"reveal\">\n <h2 class=\"font-display\">Join the Bank<\/h2>\n <p class=\"join-sub\">Connect with the institution. Your meme account is waiting.<\/p>\n <div class=\"join-stage\">\n <a href=\"#\" target=\"_blank\" rel=\"noopener\" class=\"join-icon-wrap\" aria-label=\"Social 1\">\n <img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/icon1.png\" alt=\"Icon 1\">\n <\/a>\n <a href=\"#\" target=\"_blank\" rel=\"noopener\" class=\"join-icon-wrap\" aria-label=\"Social 2\">\n <img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/icon2.png\" alt=\"Icon 2\">\n <\/a>\n <a href=\"#\" target=\"_blank\" rel=\"noopener\" class=\"join-icon-wrap\" aria-label=\"Social 3\">\n <img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/icon3.png\" alt=\"Icon 3\">\n <\/a>\n <a href=\"#\" target=\"_blank\" rel=\"noopener\" class=\"join-icon-wrap\" aria-label=\"Social 4\">\n <img decoding=\"async\" src=\"http:\/\/bomonsol.online\/wp-content\/uploads\/2026\/06\/icon4.png\" alt=\"Icon 4\">\n <\/a>\n <\/div>\n <\/div>\n <div class=\"footer reveal\">\n <p>Bank of Memes. Not a real bank. All memes are subject to massive gains. $BOM<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"ca-toast\" id=\"caToast\">Contract address copied<\/div>\n\n<script>\nconst caText = 'BOMx7v...9A2F';\n\nfunction copyCA() {\n navigator.clipboard.writeText(caText).then(() => {\n const toast = document.getElementById('caToast');\n toast.classList.add('show');\n setTimeout(() => toast.classList.remove('show'), 2000);\n }).catch(() => {\n const toast = document.getElementById('caToast');\n toast.textContent = 'Copy failed';\n toast.classList.add('show');\n setTimeout(() => {\n toast.classList.remove('show');\n setTimeout(() => { toast.textContent = 'Contract address copied'; }, 300);\n }, 2000);\n });\n}\n\ndocument.addEventListener('DOMContentLoaded', () => {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, { threshold: 0.12 });\n\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) target.scrollIntoView({ behavior: 'smooth' });\n });\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bank of Memes \u2014 $BOM BOM Vault Deposit Gallery Withdraw Join Est. 2024 \u2014 Meme Finance Redefined Bank of Memes Ticker: $BOM Deposit Memes. Withdraw Millions. Enter the Vault View Ledger CA BOMx7v…9A2F 01 \/ The Process Deposit Memes Your memes hold latent value. Our institution is the first to recognize, verify, and monetize internet […]<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bomonsol.online\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bomonsol.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bomonsol.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bomonsol.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bomonsol.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":55,"href":"https:\/\/bomonsol.online\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/bomonsol.online\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/86"}],"wp:attachment":[{"href":"https:\/\/bomonsol.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}