{"id":8,"date":"2026-07-25T14:24:07","date_gmt":"2026-07-25T14:24:07","guid":{"rendered":"https:\/\/badz.fun\/?page_id=8"},"modified":"2026-07-25T15:14:30","modified_gmt":"2026-07-25T15:14:30","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/badz.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29467e7 e-con-full e-flex e-con e-parent\" data-id=\"29467e7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-008f57c elementor-widget elementor-widget-html\" data-id=\"008f57c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ================================================================== -->\r\n<!--  $BADZ \u2014 STAY COLD. STAY BADZ.  |  Single-Block Elementor Snippet  -->\r\n<!--  Paste this entire block into an Elementor HTML widget.            -->\r\n<!-- ================================================================== -->\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=Mouse+Memoirs&family=Poor+Story&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============ RESET INSIDE THE BLOCK ============ *\/\r\n.badz-app, .badz-app *, .badz-app *::before, .badz-app *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n.badz-app { position: relative; width: 100%; color: #E8F1FA; background: #05101E;\r\n  font-family: 'Poor Story', serif; overflow: hidden; -webkit-font-smoothing: antialiased;\r\n  --frost: #E8F1FA; --ice: #B8E0FF; --deep: #05101E; --deep-2: #0A1B2E; --glow: #7EC8FF;\r\n  --line: rgba(184,224,255,0.14);\r\n}\r\n.badz-app ::selection { background: #B8E0FF; color: #05101E; }\r\n\r\n\/* Snow particles canvas \u2014 highest z-index so it falls over everything *\/\r\n.badz-canvas { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9999; }\r\n\r\n\/* Ambient blur orbs *\/\r\n.badz-orb { position: absolute; border-radius: 50%; filter: blur(120px); opacity: .5; pointer-events: none; z-index: 1; }\r\n.badz-orb-1 { top: -10%; left: -8%; width: 520px; height: 520px; background: radial-gradient(circle, #1E4A78 0%, transparent 70%); }\r\n.badz-orb-2 { bottom: -20%; right: -10%; width: 620px; height: 620px; background: radial-gradient(circle, #2B6FA8 0%, transparent 70%); opacity: .35; }\r\n\r\n\/* ============ TYPOGRAPHY ============ *\/\r\n.badz-app h1, .badz-app h2, .badz-app h3, .badz-app .display {\r\n  font-family: 'Mouse Memoirs', sans-serif; font-weight: 400; letter-spacing: .02em;\r\n  line-height: .92; text-transform: uppercase;\r\n}\r\n.badz-app p, .badz-app li, .badz-app span, .badz-app a, .badz-app button, .badz-app small { font-family: 'Poor Story', serif; }\r\n\r\n\/* Frost gradient text + Shadow agar jelas di video *\/\r\n.frost-text {\r\n  background: linear-gradient(180deg, #FFFFFF 0%, #C9E4FF 45%, #7EA8D6 100%);\r\n  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\r\n  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.75));\r\n}\r\n\r\n\/* ============ NAVBAR ============ *\/\r\n.badz-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 50;\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  padding: 20px 40px; backdrop-filter: blur(20px) saturate(140%); -webkit-backdrop-filter: blur(20px) saturate(140%);\r\n  background: linear-gradient(180deg, rgba(5,16,30,0.7) 0%, rgba(5,16,30,0.15) 100%);\r\n  border-bottom: 1px solid var(--line);\r\n}\r\n.badz-logo { font-family: 'Mouse Memoirs', sans-serif; font-size: 42px; letter-spacing: .08em;\r\n  color: var(--frost); text-decoration: none; position: relative;\r\n  text-shadow: 0 0 20px rgba(184,224,255,0.4), 0 0 40px rgba(184,224,255,0.15);\r\n}\r\n.badz-logo::after { content: '\u2744'; position: absolute; top: -4px; right: -22px; font-size: 14px; color: var(--ice);\r\n  animation: spin 8s linear infinite; }\r\n@keyframes spin { to { transform: rotate(360deg); } }\r\n\r\n.badz-nav-actions { display: flex; align-items: center; gap: 10px; }\r\n.badz-nav-btn {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  padding: 10px 18px; border-radius: 999px; border: 1px solid var(--line);\r\n  background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);\r\n  color: var(--frost); text-decoration: none; font-size: 15px; letter-spacing: .04em;\r\n  transition: transform .3s cubic-bezier(.2,.8,.2,1), background .3s, border-color .3s, box-shadow .3s;\r\n  backdrop-filter: blur(10px);\r\n}\r\n.badz-nav-btn:hover { transform: translateY(-2px); border-color: rgba(184,224,255,0.5);\r\n  background: linear-gradient(180deg, rgba(184,224,255,0.16), rgba(184,224,255,0.04));\r\n  box-shadow: 0 8px 30px -10px rgba(126,200,255,0.6), inset 0 1px 0 rgba(255,255,255,0.2); }\r\n.badz-nav-btn i { font-size: 14px; color: var(--ice); }\r\n.badz-nav-btn.chart { background: linear-gradient(180deg, rgba(184,224,255,0.22), rgba(126,200,255,0.06));\r\n  border-color: rgba(184,224,255,0.4); }\r\n\r\n\/* ============ HERO ============ *\/\r\n.badz-hero { position: relative; min-height: 100vh; width: 100%; overflow: hidden;\r\n  display: flex; align-items: center; padding: 140px 40px 80px; z-index: 3; }\r\n.badz-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;\r\n  z-index: 0; opacity: 1; filter: brightness(.7) contrast(1.1) saturate(.9); }\r\n.badz-hero-veil { position: absolute; inset: 0; z-index: 1;\r\n  background:\r\n    radial-gradient(60% 80% at 30% 50%, transparent 0%, rgba(5,16,30,.55) 60%, rgba(5,16,30,.85) 100%),\r\n    linear-gradient(180deg, rgba(5,16,30,.6) 0%, rgba(5,16,30,.35) 40%, rgba(5,16,30,.9) 100%);\r\n}\r\n\r\n.badz-hero-grid { position: relative; z-index: 2; width: 100%; max-width: 1440px; margin: 0 auto;\r\n  display: grid; grid-template-columns: 1.4fr 1fr; gap: 60px; align-items: center; }\r\n\r\n.badz-eyebrow { display: inline-flex; align-items: center; gap: 10px;\r\n  padding: 8px 16px; border-radius: 999px; border: 1px solid var(--line);\r\n  background: rgba(184,224,255,0.06); font-size: 13px; letter-spacing: .3em; text-transform: uppercase;\r\n  color: var(--ice); margin-bottom: 28px; }\r\n.badz-eyebrow .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ice);\r\n  box-shadow: 0 0 12px var(--ice); animation: pulse 2s ease-in-out infinite; }\r\n@keyframes pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.4; transform:scale(.7); } }\r\n\r\n.badz-hero h1 { font-size: clamp(80px, 12vw, 200px); }\r\n\r\n.badz-hero-desc { max-width: 520px; margin-top: 32px; font-size: 19px; line-height: 1.55;\r\n  color: rgba(232,241,250,0.75); }\r\n.badz-hero-desc strong { color: var(--frost); font-family: 'Mouse Memoirs', sans-serif; letter-spacing: .04em; font-size: 22px; }\r\n\r\n\/* Right side \u2014 ICE PANEL *\/\r\n.badz-ice-panel { position: relative; padding: 14px; border-radius: 24px;\r\n  background: linear-gradient(160deg, rgba(255,255,255,0.10) 0%, rgba(184,224,255,0.04) 60%, rgba(255,255,255,0.02) 100%);\r\n  border: 1px solid rgba(184,224,255,0.28);\r\n  backdrop-filter: blur(24px) saturate(140%); -webkit-backdrop-filter: blur(24px) saturate(140%);\r\n  box-shadow:\r\n    0 30px 80px -30px rgba(0,0,0,0.6),\r\n    inset 0 1px 0 rgba(255,255,255,0.28),\r\n    inset 0 -1px 0 rgba(126,200,255,0.15),\r\n    0 0 60px -20px rgba(126,200,255,0.3);\r\n  transform-style: preserve-3d; perspective: 900px;\r\n}\r\n.badz-ice-panel::before { content: ''; position: absolute; inset: 0; border-radius: 24px; pointer-events: none;\r\n  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.18) 45%, transparent 60%);\r\n  mix-blend-mode: overlay; }\r\n.badz-ice-panel::after { content: '\u2744'; position: absolute; top: 20px; right: 24px; font-size: 22px; color: var(--ice); opacity: .55;\r\n  animation: spin 12s linear infinite reverse; }\r\n\r\n.badz-ca-label { font-family: 'Mouse Memoirs', sans-serif; font-size: 22px; letter-spacing: .18em;\r\n  color: var(--ice); text-transform: uppercase; margin-bottom: 10px; }\r\n.badz-ca-hint { font-size: 13px; color: rgba(232,241,250,0.55); letter-spacing: .04em; margin-bottom: 18px; }\r\n\r\n.badz-ca { display: flex; align-items: center; justify-content: space-between; gap: 14px;\r\n  padding: 16px 18px; border-radius: 14px; border: 1px solid rgba(184,224,255,0.25);\r\n  background: rgba(5,16,30,0.55); cursor: pointer; transition: all .3s; }\r\n.badz-ca:hover { border-color: rgba(184,224,255,0.6); background: rgba(184,224,255,0.06);\r\n  box-shadow: 0 0 30px -10px rgba(126,200,255,0.5); }\r\n.badz-ca code { font-family: 'Courier New', monospace; font-size: 14px; color: var(--frost);\r\n  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; letter-spacing: .02em; }\r\n.badz-ca .copy-ic { display: inline-flex; align-items: center; justify-content: center;\r\n  width: 36px; height: 36px; border-radius: 10px; background: rgba(184,224,255,0.14);\r\n  border: 1px solid rgba(184,224,255,0.3); color: var(--ice); flex-shrink: 0; }\r\n\r\n.badz-swap { margin-top: 20px; display: flex; align-items: center; justify-content: center; gap: 10px;\r\n  width: 100%; padding: 18px 24px; border-radius: 14px;\r\n  background: linear-gradient(180deg, #FFFFFF 0%, #B8E0FF 50%, #6FA8D6 100%);\r\n  color: #05101E; text-decoration: none; border: 1px solid rgba(255,255,255,0.6);\r\n  font-family: 'Mouse Memoirs', sans-serif; font-size: 26px; letter-spacing: .1em; text-transform: uppercase;\r\n  box-shadow: 0 20px 50px -20px rgba(126,200,255,0.7),\r\n    inset 0 1px 0 rgba(255,255,255,0.9), inset 0 -2px 0 rgba(0,0,0,0.08);\r\n  transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s;\r\n}\r\n.badz-swap:hover { transform: translateY(-3px);\r\n  box-shadow: 0 30px 70px -20px rgba(126,200,255,0.95), inset 0 1px 0 rgba(255,255,255,0.9); }\r\n.badz-swap i { font-size: 18px; }\r\n\r\n.badz-ca-status { font-size: 12px; color: var(--ice); margin-top: 12px; letter-spacing: .3em;\r\n  text-transform: uppercase; opacity: 0; transition: opacity .3s; }\r\n.badz-ca-status.show { opacity: 1; }\r\n\r\n\/* Hero scroll cue *\/\r\n.badz-scroll-cue { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 3;\r\n  display: flex; flex-direction: column; align-items: center; gap: 8px;\r\n  font-size: 11px; letter-spacing: .4em; color: rgba(232,241,250,0.5); text-transform: uppercase; }\r\n.badz-scroll-cue::before { content: ''; width: 1px; height: 40px;\r\n  background: linear-gradient(180deg, transparent, var(--ice)); animation: cue 2s ease-in-out infinite; }\r\n@keyframes cue { 0%,100% { transform: scaleY(1); opacity: .3; } 50% { transform: scaleY(1.4); opacity: 1; } }\r\n\r\n\/* ============ MARQUEE ============ *\/\r\n.badz-marquee { position: relative; z-index: 3; overflow: hidden; padding: 40px 0;\r\n  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);\r\n  background: linear-gradient(180deg, rgba(184,224,255,0.03), rgba(5,16,30,0));\r\n}\r\n.badz-marquee-track { display: flex; gap: 60px; white-space: nowrap; animation: marquee 40s linear infinite; width: max-content; }\r\n.badz-marquee span { font-family: 'Mouse Memoirs', sans-serif; font-size: 96px; letter-spacing: .05em;\r\n  color: transparent; -webkit-text-stroke: 1.2px rgba(232,241,250,0.4); text-transform: uppercase; }\r\n.badz-marquee span.fill { -webkit-text-stroke: 0; color: var(--frost); text-shadow: 0 0 30px rgba(184,224,255,0.35); }\r\n.badz-marquee .snowflake { font-size: 44px; color: var(--ice); align-self: center; }\r\n@keyframes marquee { to { transform: translateX(-50%); } }\r\n\r\n\/* ============ MIXED SECTION ============ *\/\r\n.badz-section { position: relative; z-index: 3; padding: 80px 40px 140px;\r\n  background-image: url('https:\/\/badz.fun\/wp-content\/uploads\/2026\/07\/Asset-5.png');\r\n  background-repeat: no-repeat; background-position: top center; background-size: cover;\r\n  margin-top: -100px; }\r\n.badz-section::before { content: ''; position: absolute; inset: 0;\r\n  background: linear-gradient(180deg, rgba(5,16,30,.3) 0%, rgba(5,16,30,.7) 60%, rgba(5,16,30,1) 100%); z-index: 0; }\r\n.badz-section-inner { position: relative; z-index: 2; max-width: 1440px; margin: 0 auto; padding-top: 120px; }\r\n\r\n.badz-section-head { text-align: center; margin-bottom: 60px; }\r\n.badz-section-head .badz-eyebrow { justify-content: center; }\r\n.badz-section-head h2 { font-size: clamp(60px, 8vw, 130px); margin-top: 20px; }\r\n.badz-section-head p { max-width: 620px; margin: 20px auto 0; color: rgba(232,241,250,0.7); font-size: 18px; line-height: 1.55; }\r\n\r\n\/* Bento grid *\/\r\n.badz-bento { display: grid; grid-template-columns: repeat(6, 1fr); gap: 22px; }\r\n.badz-card { position: relative; padding: 34px; border-radius: 22px;\r\n  background: linear-gradient(160deg, rgba(255,255,255,0.09) 0%, rgba(184,224,255,0.03) 60%, rgba(255,255,255,0.02) 100%);\r\n  border: 1px solid rgba(184,224,255,0.22);\r\n  backdrop-filter: blur(22px) saturate(140%); -webkit-backdrop-filter: blur(22px) saturate(140%);\r\n  box-shadow: 0 25px 60px -25px rgba(0,0,0,0.55),\r\n    inset 0 1px 0 rgba(255,255,255,0.22), inset 0 -1px 0 rgba(126,200,255,0.12);\r\n  overflow: hidden; transition: transform .5s cubic-bezier(.2,.8,.2,1), border-color .3s; }\r\n.badz-card::before { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: 22px;\r\n  background: linear-gradient(120deg, transparent 40%, rgba(255,255,255,0.15) 50%, transparent 60%);\r\n  mix-blend-mode: overlay; opacity: .6; }\r\n.badz-card:hover { border-color: rgba(184,224,255,0.5); }\r\n.badz-card .chapter { display: flex; align-items: baseline; gap: 14px; margin-bottom: 24px;\r\n  font-family: 'Mouse Memoirs', sans-serif; letter-spacing: .1em; }\r\n.badz-card .chapter .num { font-size: 48px; color: var(--ice);\r\n  text-shadow: 0 0 30px rgba(184,224,255,0.5); }\r\n.badz-card .chapter .tag { font-size: 14px; letter-spacing: .35em; color: rgba(232,241,250,0.55); text-transform: uppercase; }\r\n.badz-card h3 { font-size: clamp(38px, 3.6vw, 56px); margin-bottom: 18px; }\r\n.badz-card p { font-size: 16px; line-height: 1.6; color: rgba(232,241,250,0.72); }\r\n\r\n\/* Origin Card Update for Flex Layout *\/\r\n.card-origin { grid-column: span 4; grid-row: span 2; min-height: 420px; display: flex; align-items: center; gap: 40px; }\r\n.origin-content { flex: 1.2; }\r\n.origin-image { flex: 0.8; display: flex; justify-content: center; align-items: center; }\r\n.origin-image img { \r\n  max-width: 100%; height: auto; border-radius: 16px; \r\n  filter: drop-shadow(0 15px 30px rgba(0,0,0,0.6));\r\n  animation: float 6s ease-in-out infinite;\r\n}\r\n@keyframes float { \r\n  0%, 100% { transform: translateY(0); } \r\n  50% { transform: translateY(-12px); } \r\n}\r\n\r\n.card-arch { grid-column: span 2; grid-row: span 2; min-height: 420px; }\r\n.card-howto { grid-column: span 6; }\r\n\r\n\/* Tokenomics list inside architecture *\/\r\n.tokenomics { list-style: none; margin-top: 20px; }\r\n.tokenomics li { display: flex; justify-content: space-between; align-items: baseline; gap: 12px;\r\n  padding: 12px 0; border-bottom: 1px dashed rgba(184,224,255,0.18); }\r\n.tokenomics li:last-child { border-bottom: none; }\r\n.tokenomics .k { font-family: 'Mouse Memoirs', sans-serif; letter-spacing: .12em; font-size: 18px; color: rgba(232,241,250,0.85); text-transform: uppercase; }\r\n.tokenomics .v { font-family: 'Courier New', monospace; font-size: 13px; color: var(--ice); text-align: right; }\r\n\r\n\/* How to buy \u2014 horizontal steps *\/\r\n.steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 30px; }\r\n.step { position: relative; padding: 22px; border-radius: 16px;\r\n  background: rgba(5,16,30,0.35); border: 1px solid rgba(184,224,255,0.18);\r\n  transition: transform .4s cubic-bezier(.2,.8,.2,1), background .3s; }\r\n.step:hover { transform: translateY(-4px); background: rgba(184,224,255,0.08); }\r\n.step .n { font-family: 'Mouse Memoirs', sans-serif; font-size: 40px; color: var(--ice); line-height: 1;\r\n  text-shadow: 0 0 20px rgba(184,224,255,0.5); }\r\n.step h4 { font-family: 'Mouse Memoirs', sans-serif; font-size: 22px; letter-spacing: .06em;\r\n  margin: 12px 0 8px; color: var(--frost); text-transform: uppercase; }\r\n.step p { font-size: 14px; color: rgba(232,241,250,0.65); line-height: 1.5; }\r\n\r\n.acquired-wrap { display: flex; justify-content: center; margin-top: 70px; }\r\n.acquired {\r\n  display: inline-flex; align-items: center; gap: 14px;\r\n  padding: 22px 44px; border-radius: 999px;\r\n  background: linear-gradient(180deg, #FFFFFF 0%, #B8E0FF 55%, #6FA8D6 100%);\r\n  color: #05101E; text-decoration: none;\r\n  font-family: 'Mouse Memoirs', sans-serif; font-size: 32px; letter-spacing: .12em; text-transform: uppercase;\r\n  border: 1px solid rgba(255,255,255,0.6);\r\n  box-shadow: 0 30px 80px -20px rgba(126,200,255,0.75),\r\n    inset 0 1px 0 rgba(255,255,255,0.9), inset 0 -2px 0 rgba(0,0,0,0.08);\r\n  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;\r\n  position: relative; overflow: hidden;\r\n}\r\n.acquired::before { content:''; position:absolute; inset:0;\r\n  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.5) 50%, transparent 70%);\r\n  transform: translateX(-100%); transition: transform .8s; }\r\n.acquired:hover { transform: translateY(-4px) scale(1.02); }\r\n.acquired:hover::before { transform: translateX(100%); }\r\n.acquired i { font-size: 22px; }\r\n\r\n\/* ============ FOOTER ============ *\/\r\n.badz-footer { position: relative; z-index: 3; padding: 80px 40px 40px;\r\n  border-top: 1px solid var(--line); background: rgba(3,10,20,0.85); backdrop-filter: blur(10px); }\r\n.footer-inner { max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 60px; }\r\n.footer-brand h4 { font-family: 'Mouse Memoirs', sans-serif; font-size: 96px; letter-spacing: .04em; margin-bottom: 14px; }\r\n.footer-brand p { color: rgba(232,241,250,0.65); font-size: 16px; line-height: 1.55; max-width: 400px; }\r\n.footer-col h5 { font-family: 'Mouse Memoirs', sans-serif; font-size: 22px; letter-spacing: .2em;\r\n  color: var(--ice); margin-bottom: 20px; text-transform: uppercase; }\r\n.footer-col a { display: block; color: rgba(232,241,250,0.7); text-decoration: none; padding: 6px 0;\r\n  transition: color .3s, transform .3s; font-size: 16px; }\r\n.footer-col a:hover { color: var(--frost); transform: translateX(6px); }\r\n.footer-col a i { color: var(--ice); margin-right: 10px; width: 18px; }\r\n.footer-base { max-width: 1440px; margin: 60px auto 0; padding-top: 24px; border-top: 1px solid var(--line);\r\n  display: flex; justify-content: space-between; align-items: center; color: rgba(232,241,250,0.4); font-size: 13px; letter-spacing: .1em; }\r\n.footer-base .snowflakes { color: var(--ice); letter-spacing: .5em; }\r\n\r\n\/* ============ RESPONSIVE ============ *\/\r\n@media (max-width: 1024px) {\r\n  .badz-hero-grid { grid-template-columns: 1fr; gap: 40px; }\r\n  .badz-bento { grid-template-columns: repeat(2, 1fr); }\r\n  .card-origin, .card-arch, .card-howto { grid-column: span 2; grid-row: auto; min-height: auto; }\r\n  \r\n  \/* Make Origin card stack vertically on smaller screens *\/\r\n  .card-origin { flex-direction: column; text-align: center; gap: 20px; }\r\n  .origin-image { width: 80%; }\r\n  .card-origin .chapter { justify-content: center; }\r\n\r\n  .steps { grid-template-columns: repeat(2, 1fr); }\r\n  .footer-inner { grid-template-columns: 1fr; gap: 40px; }\r\n  .badz-nav { padding: 16px 20px; }\r\n  .badz-nav-btn span { display: none; }\r\n}\r\n@media (max-width: 640px) {\r\n  .badz-hero { padding: 120px 20px 60px; }\r\n  .badz-section { padding: 60px 20px 100px; }\r\n  .badz-marquee span { font-size: 60px; }\r\n  .badz-marquee .snowflake { font-size: 30px; }\r\n  .steps { grid-template-columns: 1fr; }\r\n  .badz-logo { font-size: 32px; }\r\n  .badz-nav-btn { padding: 8px 12px; }\r\n  .footer-brand h4 { font-size: 64px; }\r\n  .acquired { font-size: 24px; padding: 18px 32px; }\r\n  .origin-image { width: 100%; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"badz-app\" id=\"badzApp\">\r\n  <canvas class=\"badz-canvas\" id=\"badzSnow\"><\/canvas>\r\n  <div class=\"badz-orb badz-orb-1\"><\/div>\r\n  <div class=\"badz-orb badz-orb-2\"><\/div>\r\n\r\n  <!-- ============ NAV ============ -->\r\n  <nav class=\"badz-nav\">\r\n    <a href=\"#\" class=\"badz-logo\">BADZ<\/a>\r\n    <div class=\"badz-nav-actions\">\r\n      <a href=\"#\" class=\"badz-nav-btn\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-brands fa-x-twitter\"><\/i><span>Twitter<\/span><\/a>\r\n      <a href=\"#\" class=\"badz-nav-btn\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-brands fa-telegram\"><\/i><span>Telegram<\/span><\/a>\r\n      <a href=\"#\" class=\"badz-nav-btn chart\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-solid fa-chart-line\"><\/i><span>Live Chart<\/span><\/a>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- ============ HERO ============ -->\r\n  <section class=\"badz-hero\">\r\n    <video class=\"badz-hero-video\" autoplay muted loop playsinline preload=\"auto\"\r\n      src=\"https:\/\/badz.fun\/wp-content\/uploads\/2026\/07\/BADZ-BG1.mp4\"><\/video>\r\n    <div class=\"badz-hero-veil\"><\/div>\r\n\r\n    <div class=\"badz-hero-grid\">\r\n      <div class=\"badz-hero-left\">\r\n        <div class=\"badz-eyebrow\"><span class=\"dot\"><\/span> Chapter 00 \u2014 The Cold Origin<\/div>\r\n        \r\n        <!-- Judul Normal tanpa animasi tersembunyi -->\r\n        <h1 class=\"frost-text\">\r\n          STAY COLD.<br>STAY BADZ.\r\n        <\/h1>\r\n        \r\n        <p class=\"badz-hero-desc\">\r\n          <strong>Where hype fades, only conviction survives.<\/strong><br>\r\n          We do not chase temporary pumps. We build legends. Forged in the coldest corner of the blockchain \u2014 a place where only true conviction outlives the winter.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"badz-ice-panel\" id=\"tiltPanel\">\r\n        <div class=\"badz-ca-label\">Contract Address<\/div>\r\n        <div class=\"badz-ca-hint\">Click to copy the full $BADZ contract<\/div>\r\n        <button class=\"badz-ca\" id=\"copyCa\" type=\"button\" aria-label=\"Copy contract address\">\r\n          <code id=\"caText\">0x0000000000000000000000000000000000000000<\/code>\r\n          <span class=\"copy-ic\"><i class=\"fa-regular fa-copy\"><\/i><\/span>\r\n        <\/button>\r\n        <div class=\"badz-ca-status\" id=\"caStatus\">Copied to clipboard<\/div>\r\n        <a href=\"#\" class=\"badz-swap\" target=\"_blank\" rel=\"noopener\">\r\n          Swap Now <i class=\"fa-solid fa-arrow-right-arrow-left\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"badz-scroll-cue\">Scroll \u00b7 Descend<\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ MARQUEE ============ -->\r\n  <div class=\"badz-marquee\" aria-hidden=\"true\">\r\n    <div class=\"badz-marquee-track\">\r\n      <span>Stay Cold.<\/span><span class=\"snowflake\">\u2744<\/span>\r\n      <span class=\"fill\">Stay Badz.<\/span><span class=\"snowflake\">\u2744<\/span>\r\n      <span>Forged in Frost.<\/span><span class=\"snowflake\">\u2744<\/span>\r\n      <span class=\"fill\">$BADZ<\/span><span class=\"snowflake\">\u2744<\/span>\r\n      <span>Stay Cold.<\/span><span class=\"snowflake\">\u2744<\/span>\r\n      <span class=\"fill\">Stay Badz.<\/span><span class=\"snowflake\">\u2744<\/span>\r\n      <span>Forged in Frost.<\/span><span class=\"snowflake\">\u2744<\/span>\r\n      <span class=\"fill\">$BADZ<\/span><span class=\"snowflake\">\u2744<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ============ MIXED SECTION ============ -->\r\n  <section class=\"badz-section\">\r\n    <div class=\"badz-section-inner\">\r\n      <div class=\"badz-section-head\">\r\n        <div class=\"badz-eyebrow\"><span class=\"dot\"><\/span> The $BADZ Blueprint<\/div>\r\n        <h2 class=\"frost-text reveal-heading\">Forged in <br> the Cold<\/h2>\r\n        <p>Three chapters \u2014 one conviction. Every legend has an origin, an architecture, and a passage. Read the frost, then step in.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"badz-bento\">\r\n        <!-- 01 Origin -->\r\n        <article class=\"badz-card card-origin tilt reveal-up\">\r\n          <div class=\"origin-content\">\r\n            <div class=\"chapter\"><span class=\"num\">01<\/span><span class=\"tag\">Origin<\/span><\/div>\r\n            <h3 class=\"frost-text\">Born in the coldest corner of the chain.<\/h3>\r\n            <p>$BADZ was born where temporary hype goes to die and only true conviction survives. After witnessing countless projects rise overnight and disappear just as quickly, Badz learned a fundamental truth: real strength isn't built on empty promises \u2014 it's forged through the brutal reality of every market cycle. Today, $BADZ is more than a ticker. It represents a community that values resilience over speculation, loyalty over noise, and long-term conviction over fleeting trends.<\/p>\r\n          <\/div>\r\n          <div class=\"origin-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/badz.fun\/wp-content\/uploads\/2026\/07\/Asset-6.png\" alt=\"Badz Asset\">\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 02 Architecture -->\r\n        <article class=\"badz-card card-arch tilt reveal-up\">\r\n          <div class=\"chapter\"><span class=\"num\">02<\/span><span class=\"tag\">Architecture<\/span><\/div>\r\n          <h3 class=\"frost-text\">Resilience by design.<\/h3>\r\n          <ul class=\"tokenomics\">\r\n            <li><span class=\"k\">Ticker<\/span><span class=\"v\">$BADZ<\/span><\/li>\r\n            <li><span class=\"k\">Supply<\/span><span class=\"v\">1,000,000,000<\/span><\/li>\r\n            <li><span class=\"k\">Taxes<\/span><span class=\"v\">0 \/ 0<\/span><\/li>\r\n            <li><span class=\"k\">Liquidity<\/span><span class=\"v\">Burned \u00b7 Forever<\/span><\/li>\r\n            <li><span class=\"k\">Contract<\/span><span class=\"v\">Renounced<\/span><\/li>\r\n          <\/ul>\r\n        <\/article>\r\n\r\n        <!-- 03 How to Buy -->\r\n        <article class=\"badz-card card-howto reveal-up\">\r\n          <div class=\"chapter\"><span class=\"num\">03<\/span><span class=\"tag\">The Passage<\/span><\/div>\r\n          <h3 class=\"frost-text\">Step into the cold.<\/h3>\r\n          <p>No hype, no shortcuts. If you are ready to stop chasing temporary trends and start building for the long term \u2014 this is how you join us.<\/p>\r\n          <div class=\"steps\">\r\n            <div class=\"step\"><div class=\"n\">i<\/div><h4>Prepare<\/h4><p>Download a decentralized wallet like Phantom or MetaMask.<\/p><\/div>\r\n            <div class=\"step\"><div class=\"n\">ii<\/div><h4>Gather<\/h4><p>Load your wallet with base crypto \u2014 SOL or ETH.<\/p><\/div>\r\n            <div class=\"step\"><div class=\"n\">iii<\/div><h4>Enter<\/h4><p>Open a DEX like Raydium or Uniswap and connect your wallet.<\/p><\/div>\r\n            <div class=\"step\"><div class=\"n\">iv<\/div><h4>Swap<\/h4><p>Paste the official $BADZ contract, swap and confirm.<\/p><\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"acquired-wrap reveal-up\">\r\n        <a href=\"#\" class=\"acquired\" target=\"_blank\" rel=\"noopener\">\r\n          Acquire $BADZ <i class=\"fa-solid fa-snowflake\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ FOOTER ============ -->\r\n  <footer class=\"badz-footer\">\r\n    <div class=\"footer-inner\">\r\n      <div class=\"footer-brand\">\r\n        <h4 class=\"frost-text\">BADZ<\/h4>\r\n        <p>Where hype fades, only conviction survives. Forged in the coldest corner of the blockchain \u2014 a community of resilience, loyalty, and long-term legends.<\/p>\r\n      <\/div>\r\n      <div class=\"footer-col\">\r\n        <h5>Signals<\/h5>\r\n        <a href=\"#\" target=\"_blank\"><i class=\"fa-brands fa-x-twitter\"><\/i>Twitter \/ X<\/a>\r\n        <a href=\"#\" target=\"_blank\"><i class=\"fa-brands fa-telegram\"><\/i>Telegram<\/a>\r\n        <a href=\"#\" target=\"_blank\"><i class=\"fa-solid fa-chart-line\"><\/i>Live Chart<\/a>\r\n      <\/div>\r\n      <div class=\"footer-col\">\r\n        <h5>Passage<\/h5>\r\n        <a href=\"#\" target=\"_blank\"><i class=\"fa-solid fa-arrow-right-arrow-left\"><\/i>Swap on DEX<\/a>\r\n        <a href=\"#\" id=\"copyCaFooter\"><i class=\"fa-regular fa-copy\"><\/i>Copy Contract<\/a>\r\n        <a href=\"#\" target=\"_blank\"><i class=\"fa-solid fa-fire\"><\/i>Liquidity Burn<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"footer-base\">\r\n      <div>\u00a9 <span id=\"badzYear\">2026<\/span> $BADZ \u00b7 Stay Cold. Stay Badz.<\/div>\r\n      <div class=\"snowflakes\">\u2744 \u2744 \u2744<\/div>\r\n    <\/div>\r\n  <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('badzApp');\r\n  if (!root) return;\r\n\r\n  \/* -------- SNOW PARTICLES -------- *\/\r\n  var canvas = document.getElementById('badzSnow');\r\n  var ctx = canvas.getContext('2d');\r\n  var flakes = [];\r\n  var W = 0, H = 0, DPR = Math.min(window.devicePixelRatio || 1, 2);\r\n\r\n  function resize() {\r\n    W = window.innerWidth; H = window.innerHeight;\r\n    canvas.width = W * DPR; canvas.height = H * DPR;\r\n    canvas.style.width = W + 'px'; canvas.style.height = H + 'px';\r\n    ctx.setTransform(DPR,0,0,DPR,0,0);\r\n  }\r\n  function makeFlakes() {\r\n    flakes = [];\r\n    var count = Math.min(180, Math.floor(W * H \/ 12000));\r\n    for (var i = 0; i < count; i++) {\r\n      flakes.push({\r\n        x: Math.random()*W, y: Math.random()*H,\r\n        r: Math.random()*2.4 + 0.4,\r\n        vy: Math.random()*0.6 + 0.25,\r\n        vx: (Math.random()-0.5) * 0.6,\r\n        drift: Math.random()*Math.PI*2,\r\n        driftSpeed: 0.005 + Math.random()*0.01,\r\n        alpha: Math.random()*0.7 + 0.25\r\n      });\r\n    }\r\n  }\r\n  var mouse = {x: -9999, y: -9999};\r\n  window.addEventListener('mousemove', function(e){ mouse.x = e.clientX; mouse.y = e.clientY; }, {passive:true});\r\n\r\n  function tick(){\r\n    ctx.clearRect(0,0,W,H);\r\n    for (var i=0;i<flakes.length;i++){\r\n      var f = flakes[i];\r\n      f.drift += f.driftSpeed;\r\n      f.x += f.vx + Math.sin(f.drift) * 0.4;\r\n      f.y += f.vy;\r\n\r\n      var dx = f.x - mouse.x, dy = f.y - mouse.y, d = dx*dx + dy*dy;\r\n      if (d < 14400){ var force = (14400 - d) \/ 14400; f.x += dx\/Math.sqrt(d+1)*force*3; f.y += dy\/Math.sqrt(d+1)*force*3; }\r\n\r\n      if (f.y > H + 5) { f.y = -5; f.x = Math.random()*W; }\r\n      if (f.x < -10) f.x = W + 5;\r\n      if (f.x > W + 10) f.x = -5;\r\n\r\n      ctx.beginPath();\r\n      ctx.arc(f.x, f.y, f.r, 0, Math.PI*2);\r\n      ctx.fillStyle = 'rgba(232,241,250,' + f.alpha + ')';\r\n      ctx.shadowColor = 'rgba(184,224,255,0.9)'; ctx.shadowBlur = 6;\r\n      ctx.fill();\r\n    }\r\n    requestAnimationFrame(tick);\r\n  }\r\n  resize(); makeFlakes(); tick();\r\n  window.addEventListener('resize', function(){ resize(); makeFlakes(); });\r\n\r\n  \/* -------- REVEALS ANIMATION (Desc & Panel only) -------- *\/\r\n  var eyebrow = root.querySelector('.badz-hero .badz-eyebrow');\r\n  var desc = root.querySelector('.badz-hero-desc');\r\n  var panel = root.querySelector('.badz-ice-panel');\r\n  [eyebrow, desc, panel].forEach(function(el, i){\r\n    if (!el) return;\r\n    el.style.opacity = '0'; el.style.transform = 'translateY(24px)';\r\n    el.style.transition = 'opacity 1s ease ' + (0.3 + i*0.15) + 's, transform 1s cubic-bezier(.2,.8,.2,1) ' + (0.3 + i*0.15) + 's';\r\n  });\r\n  requestAnimationFrame(function(){\r\n    setTimeout(function(){\r\n      [eyebrow, desc, panel].forEach(function(el){ if (el){ el.style.opacity='1'; el.style.transform='translateY(0)'; }});\r\n    }, 80);\r\n  });\r\n\r\n  \/* -------- SCROLL REVEALS -------- *\/\r\n  var reveals = root.querySelectorAll('.reveal-up, .reveal-heading');\r\n  reveals.forEach(function(el){\r\n    el.style.opacity = '0';\r\n    el.style.transform = 'translateY(60px)';\r\n    el.style.transition = 'opacity 1s cubic-bezier(.2,.8,.2,1), transform 1s cubic-bezier(.2,.8,.2,1)';\r\n  });\r\n  var io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if (e.isIntersecting){\r\n        e.target.style.opacity = '1';\r\n        e.target.style.transform = 'translateY(0)';\r\n        io.unobserve(e.target);\r\n      }\r\n    });\r\n  }, {threshold: 0.15});\r\n  reveals.forEach(function(el){ io.observe(el); });\r\n\r\n  \/* -------- HERO PARALLAX -------- *\/\r\n  var video = root.querySelector('.badz-hero-video');\r\n  var hero = root.querySelector('.badz-hero');\r\n  window.addEventListener('scroll', function(){\r\n    var y = window.pageYOffset;\r\n    if (y < window.innerHeight){\r\n      if (video) video.style.transform = 'translateY(' + (y * 0.25) + 'px) scale(' + (1 + y * 0.0003) + ')';\r\n      var left = root.querySelector('.badz-hero-left');\r\n      if (left) left.style.transform = 'translateY(' + (y * 0.12) + 'px)';\r\n    }\r\n  }, {passive:true});\r\n\r\n  \/* -------- 3D TILT -------- *\/\r\n  function attachTilt(el, max){\r\n    max = max || 8;\r\n    var rect;\r\n    el.addEventListener('mouseenter', function(){ rect = el.getBoundingClientRect(); el.style.transition = 'transform .1s'; });\r\n    el.addEventListener('mousemove', function(e){\r\n      if (!rect) rect = el.getBoundingClientRect();\r\n      var cx = rect.left + rect.width\/2, cy = rect.top + rect.height\/2;\r\n      var rx = ((e.clientY - cy) \/ rect.height) * -max;\r\n      var ry = ((e.clientX - cx) \/ rect.width) * max;\r\n      el.style.transform = 'perspective(1000px) rotateX(' + rx + 'deg) rotateY(' + ry + 'deg) translateZ(0)';\r\n    });\r\n    el.addEventListener('mouseleave', function(){\r\n      el.style.transition = 'transform .6s cubic-bezier(.2,.8,.2,1)';\r\n      el.style.transform = 'perspective(1000px) rotateX(0) rotateY(0)';\r\n    });\r\n  }\r\n  var tiltPanel = document.getElementById('tiltPanel');\r\n  if (tiltPanel) attachTilt(tiltPanel, 6);\r\n  root.querySelectorAll('.badz-card.tilt').forEach(function(c){ attachTilt(c, 4); });\r\n\r\n  \/* -------- COPY CA -------- *\/\r\n  function copyCA(){\r\n    var text = document.getElementById('caText').textContent.trim();\r\n    var status = document.getElementById('caStatus');\r\n    var done = function(){ if (status){ status.classList.add('show'); setTimeout(function(){ status.classList.remove('show'); }, 1800); } };\r\n    if (navigator.clipboard && navigator.clipboard.writeText){\r\n      navigator.clipboard.writeText(text).then(done, function(){ fallbackCopy(text); done(); });\r\n    } else { fallbackCopy(text); done(); }\r\n  }\r\n  function fallbackCopy(text){\r\n    var ta = document.createElement('textarea'); ta.value = text; ta.style.position='fixed'; ta.style.opacity='0';\r\n    document.body.appendChild(ta); ta.select(); try { document.execCommand('copy'); } catch(e){} document.body.removeChild(ta);\r\n  }\r\n  var btn = document.getElementById('copyCa'); if (btn) btn.addEventListener('click', copyCA);\r\n  var btnF = document.getElementById('copyCaFooter'); if (btnF) btnF.addEventListener('click', function(e){ e.preventDefault(); copyCA(); });\r\n\r\n  \/* -------- YEAR -------- *\/\r\n  var y = document.getElementById('badzYear'); if (y) y.textContent = new Date().getFullYear();\r\n\r\n  \/* -------- SMOOTH SCROLL (lightweight Lenis-style momentum) -------- *\/\r\n  var lerp = 0.09, currentY = window.scrollY, targetY = window.scrollY, rafId;\r\n  var smoothEnabled = !('ontouchstart' in window) && window.innerWidth > 1024;\r\n  function smoothLoop(){\r\n    currentY += (targetY - currentY) * lerp;\r\n    if (Math.abs(targetY - currentY) < 0.4){ currentY = targetY; }\r\n    window.scrollTo(0, currentY);\r\n    rafId = requestAnimationFrame(smoothLoop);\r\n  }\r\n  if (smoothEnabled){\r\n    window.addEventListener('wheel', function(e){\r\n      e.preventDefault();\r\n      targetY = Math.max(0, Math.min(document.body.scrollHeight - window.innerHeight, targetY + e.deltaY));\r\n    }, {passive:false});\r\n    targetY = window.scrollY; smoothLoop();\r\n  }\r\n})();\r\n<\/script>\t\t<\/div>\n\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>BADZ Twitter Telegram Live Chart Chapter 00 \u2014 The Cold Origin STAY COLD.STAY BADZ. Where hype fades, only conviction survives. We do not chase temporary pumps. We build legends. Forged in the coldest corner of the blockchain \u2014 a place where only true conviction outlives the winter. Contract Address Click to copy the full $BADZ [&hellip;]<\/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:\/\/badz.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/badz.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/badz.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/badz.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/badz.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":25,"href":"https:\/\/badz.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/badz.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/badz.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}