{"id":9,"date":"2026-07-07T08:42:02","date_gmt":"2026-07-07T08:42:02","guid":{"rendered":"https:\/\/hansem.space\/?page_id=9"},"modified":"2026-07-07T09:35:09","modified_gmt":"2026-07-07T09:35:09","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/hansem.space\/","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 \n HANSEM \u2014 $HANSEM<\/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=Bebas+Neue&family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --gold: #FFD700;\n --gold-light: #FFE566;\n --gold-dark: #B8960C;\n --gold-glow: rgba(255, 215, 0, 0.35);\n --black: #060608;\n --surface: rgba(255, 255, 255, 0.04);\n --border: rgba(255, 215, 0, 0.18);\n --text: #F5F0E8;\n --muted: rgba(245, 240, 232, 0.55);\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Space Grotesk', sans-serif;\n background: var(--black);\n color: var(--text);\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 Fixed page background \u2500\u2500 *\/\n .page-bg {\n position: fixed;\n inset: 0;\n z-index: 0;\n background-image: url('http:\/\/hansem.space\/wp-content\/uploads\/2026\/07\/bgfixed1-5.png');\n background-size: cover;\n background-position: center;\n pointer-events: none;\n }\n\n \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\n .reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s cubic-bezier(.16,1,.3,1), transform 0.8s cubic-bezier(.16,1,.3,1);\n }\n .reveal.in {\n opacity: 1;\n transform: translateY(0);\n }\n .reveal-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity 0.9s cubic-bezier(.16,1,.3,1), transform 0.9s cubic-bezier(.16,1,.3,1);\n }\n .reveal-left.in { opacity: 1; transform: translateX(0); }\n .reveal-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity 0.9s cubic-bezier(.16,1,.3,1), transform 0.9s cubic-bezier(.16,1,.3,1);\n }\n .reveal-right.in { opacity: 1; transform: translateX(0); }\n\n \/* \u2500\u2500 Nav \u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 18px 48px;\n background: rgba(6,6,8,0.6);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--border);\n }\n .nav-logo {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 28px;\n letter-spacing: 3px;\n background: linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-dark));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n text-shadow: none;\n filter: drop-shadow(0 0 12px var(--gold-glow));\n }\n .nav-links {\n display: flex;\n gap: 36px;\n list-style: none;\n }\n .nav-links a {\n color: var(--muted);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n transition: color .25s;\n }\n .nav-links a:hover { color: var(--gold); }\n .nav-cta {\n background: linear-gradient(135deg, var(--gold), var(--gold-dark));\n color: #000;\n border: none;\n padding: 10px 26px;\n border-radius: 50px;\n font-family: 'Space Grotesk', sans-serif;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n cursor: pointer;\n box-shadow: 0 0 24px var(--gold-glow);\n transition: transform .2s, box-shadow .2s;\n }\n .nav-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 0 40px rgba(255,215,0,0.5);\n }\n\n \/* \u2500\u2500 Sections wrapper \u2500\u2500 *\/\n section {\n position: relative;\n z-index: 1;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 1 \u2014 HERO\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #hero {\n min-height: 100vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n align-items: center;\n padding: 120px 80px 80px;\n gap: 60px;\n background-image: url('http:\/\/hansem.space\/wp-content\/uploads\/2026\/07\/bgfloat1.png');\n background-size: cover;\n background-position: center;\n }\n .hero-left { display: flex; flex-direction: column; gap: 28px; }\n\n .hero-live-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(255,215,0,0.1);\n border: 1px solid var(--border);\n border-radius: 50px;\n padding: 6px 16px;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--gold);\n width: fit-content;\n }\n .live-dot {\n width: 7px; height: 7px;\n border-radius: 50%;\n background: var(--gold);\n box-shadow: 0 0 8px var(--gold);\n animation: pulse-dot 2s infinite;\n }\n @keyframes pulse-dot {\n 0%, 100% { opacity: 1; box-shadow: 0 0 8px var(--gold); }\n 50% { opacity: .5; box-shadow: 0 0 18px var(--gold); }\n }\n\n .hero-headline {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(72px, 9vw, 120px);\n line-height: 0.9;\n letter-spacing: 4px;\n }\n .hero-headline .gold-word {\n background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 50%, var(--gold-dark) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n filter: drop-shadow(0 0 30px var(--gold-glow));\n }\n .hero-ticker {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 28px;\n letter-spacing: 6px;\n color: var(--gold);\n opacity: 0.7;\n }\n .hero-sub {\n font-size: 17px;\n line-height: 1.7;\n color: var(--muted);\n max-width: 440px;\n }\n\n \/* CA Row *\/\n .ca-row {\n display: flex;\n align-items: center;\n gap: 12px;\n flex-wrap: wrap;\n }\n .ca-box {\n display: flex;\n align-items: center;\n gap: 12px;\n background: rgba(255,255,255,0.06);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 12px 20px;\n backdrop-filter: blur(10px);\n flex: 1;\n min-width: 0;\n }\n .ca-label {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--gold);\n opacity: 0.7;\n white-space: nowrap;\n }\n .ca-address {\n font-size: 12px;\n font-family: monospace;\n color: var(--muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .ca-copy-btn {\n background: linear-gradient(135deg, var(--gold), var(--gold-dark));\n color: #000;\n border: none;\n padding: 8px 18px;\n border-radius: 8px;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n cursor: pointer;\n white-space: nowrap;\n transition: transform .2s, box-shadow .2s;\n box-shadow: 0 0 16px var(--gold-glow);\n }\n .ca-copy-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 0 32px rgba(255,215,0,0.5);\n }\n .ca-copy-btn.copied { background: linear-gradient(135deg,#22c55e,#16a34a); }\n\n .hero-btns {\n display: flex;\n gap: 14px;\n flex-wrap: wrap;\n }\n .btn-primary {\n background: linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-dark));\n color: #000;\n border: none;\n padding: 15px 36px;\n border-radius: 50px;\n font-family: 'Space Grotesk', sans-serif;\n font-size: 14px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n cursor: pointer;\n box-shadow: 0 0 32px var(--gold-glow);\n transition: transform .2s, box-shadow .2s;\n }\n .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 0 52px rgba(255,215,0,0.55); }\n .btn-ghost {\n background: transparent;\n color: var(--text);\n border: 1px solid rgba(255,255,255,0.2);\n padding: 15px 36px;\n border-radius: 50px;\n font-family: 'Space Grotesk', sans-serif;\n font-size: 14px;\n font-weight: 600;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n cursor: pointer;\n backdrop-filter: blur(10px);\n transition: border-color .2s, color .2s, transform .2s;\n }\n .btn-ghost:hover { border-color: var(--gold); color: var(--gold); transform: translateY(-3px); }\n\n \/* Hero right \u2014 image *\/\n .hero-right {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n .hero-img-frame {\n position: relative;\n width: clamp(260px, 38vw, 460px);\n aspect-ratio: 1;\n border-radius: 28px;\n overflow: hidden;\n border: 2px solid rgba(255,215,0,0.4);\n box-shadow:\n 0 0 0 1px rgba(255,215,0,0.12),\n 0 0 60px rgba(255,215,0,0.25),\n 0 0 120px rgba(255,215,0,0.1),\n inset 0 0 40px rgba(255,215,0,0.06);\n }\n .hero-img-frame img {\n width: 100%; height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.6s ease;\n }\n .hero-img-frame:hover img { transform: scale(1.04); }\n .hero-img-frame::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 28px;\n background: linear-gradient(145deg, rgba(255,215,0,0.06) 0%, transparent 60%);\n z-index: 1;\n pointer-events: none;\n }\n \/* floating glow orbs *\/\n .orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n pointer-events: none;\n }\n .orb-gold { width: 300px; height: 300px; background: rgba(255,215,0,0.12); top: -60px; right: -80px; }\n .orb-amber { width: 200px; height: 200px; background: rgba(255,140,0,0.1); bottom: 20px; left: -50px; }\n\n \/* \u2500\u2500 Section Divider \u2500\u2500 *\/\n .divider {\n position: relative;\n z-index: 2;\n height: 80px;\n overflow: hidden;\n }\n .divider svg { display: block; width: 100%; height: 100%; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 2 \u2014 ABOUT \/ IDENTITY\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #about {\n padding: 120px 80px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 72px;\n }\n .about-header {\n text-align: center;\n max-width: 680px;\n }\n .section-eyebrow {\n display: inline-block;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 16px;\n position: relative;\n }\n .section-eyebrow::before,\n .section-eyebrow::after {\n content: '\u2014';\n margin: 0 10px;\n opacity: 0.4;\n }\n .section-title {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(48px, 6vw, 80px);\n line-height: 1;\n letter-spacing: 3px;\n }\n .section-title .accent {\n background: linear-gradient(135deg, var(--gold-light), var(--gold));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n \/* Three pillars in asymmetric layout *\/\n .pillars-grid {\n display: grid;\n grid-template-columns: 1.3fr 0.7fr 1fr;\n gap: 20px;\n width: 100%;\n max-width: 1200px;\n }\n .pillar-card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 24px;\n padding: 36px 32px;\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n position: relative;\n overflow: hidden;\n transition: border-color .3s, transform .3s, box-shadow .3s;\n }\n .pillar-card:hover {\n border-color: rgba(255,215,0,0.4);\n transform: translateY(-6px);\n box-shadow: 0 20px 60px rgba(255,215,0,0.1);\n }\n .pillar-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n opacity: 0.5;\n }\n .pillar-number {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 80px;\n line-height: 1;\n color: rgba(255,215,0,0.08);\n position: absolute;\n top: 12px; right: 20px;\n pointer-events: none;\n }\n .pillar-icon { font-size: 36px; margin-bottom: 16px; }\n .pillar-title {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 32px;\n letter-spacing: 2px;\n color: var(--gold);\n margin-bottom: 12px;\n }\n .pillar-text {\n font-size: 15px;\n line-height: 1.7;\n color: var(--muted);\n }\n \/* Tall middle card *\/\n .pillar-card.tall { padding: 48px 32px; }\n .pillar-card.featured {\n background: linear-gradient(145deg, rgba(255,215,0,0.08), rgba(255,215,0,0.02));\n border-color: rgba(255,215,0,0.3);\n }\n\n \/* Featured image circular \u2014 placed in about section *\/\n .about-img-wrap {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: -8px;\n }\n .circle-img {\n width: clamp(140px, 16vw, 200px);\n height: clamp(140px, 16vw, 200px);\n border-radius: 50%;\n overflow: hidden;\n border: 3px solid rgba(255,215,0,0.5);\n box-shadow: 0 0 40px rgba(255,215,0,0.25), 0 0 80px rgba(255,215,0,0.1);\n }\n .circle-img img { width: 100%; height: 100%; object-fit: cover; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 3 \u2014 TOKENOMICS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #tokenomics {\n padding: 120px 80px;\n background-image: url('http:\/\/hansem.space\/wp-content\/uploads\/2026\/07\/bgfloat3.png');\n background-size: cover;\n background-position: center;\n position: relative;\n }\n .token-inner {\n max-width: 1200px;\n margin: 0 auto;\n }\n .token-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: center;\n margin-top: 64px;\n }\n \/* Donut chart area *\/\n .donut-area {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 32px;\n }\n .donut-svg-wrap {\n position: relative;\n width: 280px;\n height: 280px;\n }\n .donut-svg-wrap svg { width: 100%; height: 100%; transform: rotate(-90deg); }\n .donut-center {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n }\n .donut-center .big-num {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 48px;\n line-height: 1;\n background: linear-gradient(135deg, var(--gold-light), var(--gold));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n .donut-center .big-label {\n font-size: 12px;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--muted);\n margin-top: 4px;\n }\n .donut-legend {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px 24px;\n width: 100%;\n }\n .legend-item {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n color: var(--muted);\n }\n .legend-dot {\n width: 10px; height: 10px;\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n \/* Token stats *\/\n .token-stats { display: flex; flex-direction: column; gap: 20px; }\n .stat-card {\n background: rgba(255,255,255,0.04);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 24px 28px;\n backdrop-filter: blur(12px);\n position: relative;\n overflow: hidden;\n transition: transform .25s, border-color .25s;\n }\n .stat-card:hover { transform: translateX(8px); border-color: rgba(255,215,0,0.35); }\n .stat-card::after {\n content: '';\n position: absolute;\n left: 0; top: 20%; bottom: 20%;\n width: 3px;\n background: linear-gradient(180deg, transparent, var(--gold), transparent);\n border-radius: 2px;\n }\n .stat-name {\n font-size: 11px;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 6px;\n font-weight: 600;\n }\n .stat-value {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 36px;\n letter-spacing: 2px;\n line-height: 1;\n }\n .stat-sub { font-size: 13px; color: var(--muted); margin-top: 4px; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 4 \u2014 HOW TO BUY\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #howtobuy {\n padding: 120px 80px;\n }\n .htb-inner { max-width: 1200px; margin: 0 auto; }\n .htb-header { text-align: center; margin-bottom: 72px; }\n .steps-flow {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n position: relative;\n }\n \/* Connector line *\/\n .steps-flow::before {\n content: '';\n position: absolute;\n top: 56px;\n left: 12.5%;\n right: 12.5%;\n height: 1px;\n background: linear-gradient(90deg, var(--gold), rgba(255,215,0,0.1), var(--gold), rgba(255,215,0,0.1), var(--gold));\n z-index: 0;\n }\n .step-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n padding: 0 20px;\n text-align: center;\n position: relative;\n z-index: 1;\n }\n .step-num {\n width: 72px; height: 72px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--gold), var(--gold-dark));\n color: #000;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 0 32px var(--gold-glow);\n flex-shrink: 0;\n transition: transform .3s, box-shadow .3s;\n }\n .step-item:hover .step-num {\n transform: scale(1.12);\n box-shadow: 0 0 52px rgba(255,215,0,0.5);\n }\n .step-title {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 22px;\n letter-spacing: 2px;\n color: var(--gold);\n }\n .step-desc { font-size: 14px; line-height: 1.6; color: var(--muted); }\n\n \/* Marquee ticker *\/\n .ticker-row {\n margin-top: 80px;\n overflow: hidden;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n padding: 14px 0;\n background: rgba(255,215,0,0.03);\n }\n .ticker-track {\n display: flex;\n gap: 0;\n animation: marquee 24s linear infinite;\n white-space: nowrap;\n }\n .ticker-item {\n display: inline-flex;\n align-items: center;\n gap: 16px;\n padding: 0 32px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 18px;\n letter-spacing: 3px;\n color: var(--gold);\n }\n .ticker-item span { color: var(--muted); font-size: 14px; letter-spacing: 1px; }\n .ticker-sep { color: rgba(255,215,0,0.3); }\n @keyframes marquee {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 5 \u2014 COMMUNITY \/ CTA\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #community {\n padding: 140px 80px;\n background-image: url('http:\/\/hansem.space\/wp-content\/uploads\/2026\/07\/bg5.png');\n background-size: cover;\n background-position: center;\n text-align: center;\n position: relative;\n }\n .community-inner {\n max-width: 900px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 32px;\n }\n #community .section-title { font-size: clamp(60px, 8vw, 100px); }\n .community-sub {\n font-size: 18px;\n line-height: 1.7;\n color: var(--muted);\n max-width: 600px;\n }\n\n \/* Social buttons \u2014 fire glowing *\/\n .social-row {\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n justify-content: center;\n margin-top: 8px;\n }\n .social-btn {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 72px; height: 72px;\n border-radius: 20px;\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(255,215,0,0.25);\n backdrop-filter: blur(12px);\n cursor: pointer;\n transition: transform .25s, box-shadow .25s, border-color .25s;\n overflow: hidden;\n text-decoration: none;\n }\n .social-btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at 50% 120%, rgba(255,100,0,0.35) 0%, transparent 70%);\n opacity: 0;\n transition: opacity .3s;\n }\n .social-btn:hover { transform: translateY(-6px) scale(1.06); border-color: rgba(255,165,0,0.6); }\n .social-btn:hover::before { opacity: 1; }\n .social-btn:hover { box-shadow: 0 8px 40px rgba(255,100,0,0.35), 0 0 0 1px rgba(255,165,0,0.4); }\n .social-btn img { width: 36px; height: 36px; object-fit: contain; position: relative; z-index: 1; }\n \/* Fire flame pseudo on hover *\/\n .social-btn::after {\n content: '\ud83d\udd25';\n position: absolute;\n bottom: -24px;\n font-size: 20px;\n opacity: 0;\n transition: opacity .3s, bottom .3s;\n }\n .social-btn:hover::after { opacity: 1; bottom: -4px; }\n\n \/* CA row bottom *\/\n .final-ca {\n display: flex;\n align-items: center;\n gap: 12px;\n background: rgba(255,255,255,0.05);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 16px 28px;\n backdrop-filter: blur(12px);\n width: 100%;\n max-width: 600px;\n }\n .final-ca .ca-label { flex-shrink: 0; }\n .final-ca .ca-address { flex: 1; overflow: hidden; text-overflow: ellipsis; }\n\n \/* \u2500\u2500 Footer \u2500\u2500 *\/\n footer {\n position: relative;\n z-index: 2;\n background: rgba(0,0,0,0.7);\n border-top: 1px solid var(--border);\n padding: 32px 80px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 16px;\n }\n .footer-logo {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 22px;\n letter-spacing: 3px;\n background: linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-dark));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n .footer-note {\n font-size: 12px;\n color: var(--muted);\n text-align: center;\n line-height: 1.6;\n }\n .footer-disclaimer {\n font-size: 11px;\n color: rgba(245,240,232,0.25);\n text-align: right;\n max-width: 320px;\n }\n\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n @media (max-width: 1024px) {\n nav { padding: 16px 32px; }\n #hero, #about, #tokenomics, #howtobuy, #community { padding-left: 32px; padding-right: 32px; }\n footer { padding: 24px 32px; }\n .pillars-grid { grid-template-columns: 1fr 1fr; }\n .steps-flow { grid-template-columns: 1fr 1fr; gap: 40px; }\n .steps-flow::before { display: none; }\n .token-layout { gap: 48px; }\n }\n @media (max-width: 768px) {\n .nav-links { display: none; }\n #hero {\n grid-template-columns: 1fr;\n padding: 100px 24px 60px;\n text-align: center;\n }\n .hero-left { align-items: center; }\n .hero-sub { text-align: center; }\n .hero-right { justify-content: center; }\n .hero-img-frame { width: clamp(200px, 70vw, 320px); }\n #about, #tokenomics, #howtobuy, #community { padding: 80px 24px; }\n .pillars-grid { grid-template-columns: 1fr; }\n .token-layout { grid-template-columns: 1fr; }\n .steps-flow { grid-template-columns: 1fr; }\n footer { padding: 24px; flex-direction: column; align-items: center; text-align: center; }\n .footer-disclaimer { text-align: center; }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- Fixed background -->\n <div class=\"page-bg\"><\/div>\n\n <!-- \u2500\u2500 NAV \u2500\u2500 -->\n <nav>\n <div class=\"nav-logo\">HANSEM<\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#tokenomics\">Tokenomics<\/a><\/li>\n <li><a href=\"#howtobuy\">Buy<\/a><\/li>\n <li><a href=\"#community\">Community<\/a><\/li>\n <\/ul>\n <button class=\"nav-cta\" onclick=\"copyCA()\">Copy CA<\/button>\n <\/nav>\n\n <!-- \u2550\u2550\u2550\u2550 SECTION 1 \u2014 HERO \u2550\u2550\u2550\u2550 -->\n <section id=\"hero\">\n <!-- Left -->\n <div class=\"hero-left\">\n <div class=\"hero-live-badge reveal\" style=\"transition-delay:.1s\">\n <span class=\"live-dot\"><\/span>\n Live on Solana\n <\/div>\n <h1 class=\"hero-headline reveal\" style=\"transition-delay:.2s\">\n <span class=\"gold-word\">HAN<\/span><br>SEM\n <\/h1>\n <p class=\"hero-ticker reveal\" style=\"transition-delay:.3s\">$HANSEM<\/p>\n <p class=\"hero-sub reveal\" style=\"transition-delay:.4s\">\n HANSEM isn't just a meme\u2014it's a lifestyle. Confidence, unmatched drip, and golden energy. The charisma of standing out on Solana.\n <\/p>\n <div class=\"ca-row reveal\" style=\"transition-delay:.5s\">\n <div class=\"ca-box\">\n <span class=\"ca-label\">CA<\/span>\n <span class=\"ca-address\" id=\"ca-address\">null<\/span>\n <\/div>\n <button class=\"ca-copy-btn\" id=\"copy-btn\" onclick=\"copyCA()\">Copy<\/button>\n <\/div>\n <div class=\"hero-btns reveal\" style=\"transition-delay:.6s\">\n <button class=\"btn-primary\">Enter the Hood<\/button>\n <button class=\"btn-ghost\">View Chart<\/button>\n <\/div>\n <\/div>\n\n <!-- Right -->\n <div class=\"hero-right reveal-right\" style=\"transition-delay:.3s\">\n <div class=\"orb orb-gold\"><\/div>\n <div class=\"orb orb-amber\"><\/div>\n <div class=\"hero-img-frame\">\n <img decoding=\"async\" src=\"http:\/\/hansem.space\/wp-content\/uploads\/2026\/07\/featured4.png\" alt=\"HANSEM Character\" \/>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Divider 1\u21922 -->\n <div class=\"divider\">\n <svg viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M0,80 C360,0 1080,80 1440,0 L1440,80 Z\" fill=\"rgba(6,6,8,0.3)\" \/>\n <path d=\"M0,80 C240,20 720,80 1440,10 L1440,80 Z\" fill=\"rgba(255,215,0,0.03)\" \/>\n <\/svg>\n <\/div>\n\n <!-- \u2550\u2550\u2550\u2550 SECTION 2 \u2014 ABOUT \u2550\u2550\u2550\u2550 -->\n <section id=\"about\">\n <div class=\"about-header\">\n <p class=\"section-eyebrow reveal\">The Legend<\/p>\n <h2 class=\"section-title reveal\" style=\"transition-delay:.1s\">\n WHAT IS <span class=\"accent\">HANSEM?<\/span>\n <\/h2>\n <\/div>\n\n <div class=\"pillars-grid\">\n <div class=\"pillar-card reveal-left\" style=\"transition-delay:.1s\">\n <span class=\"pillar-number\">01<\/span>\n <div class=\"pillar-icon\">\u26a1<\/div>\n <div class=\"pillar-title\">Confidence<\/div>\n <p class=\"pillar-text\">HANSEM walks into any room and owns it. This isn't borrowed swagger \u2014 it's built-in, native charisma that the market can't ignore. When everyone is bearish, HANSEM stays dripped out.<\/p>\n <\/div>\n\n <div class=\"pillar-card tall featured reveal\" style=\"transition-delay:.2s\">\n <span class=\"pillar-number\">02<\/span>\n <div class=\"about-img-wrap\" style=\"margin-bottom:24px\">\n <div class=\"circle-img\">\n <img decoding=\"async\" src=\"http:\/\/hansem.space\/wp-content\/uploads\/2026\/07\/featured2.png\" alt=\"HANSEM\" \/>\n <\/div>\n <\/div>\n <div class=\"pillar-title\">Community<\/div>\n <p class=\"pillar-text\">The HANSEM community is a movement. Holders share one vision: maximum drip, minimum cope.<\/p>\n <\/div>\n\n <div class=\"pillar-card reveal-right\" style=\"transition-delay:.1s\">\n <span class=\"pillar-number\">03<\/span>\n <div class=\"pillar-icon\">\ud83d\udc51<\/div>\n <div class=\"pillar-title\">Golden Energy<\/div>\n <p class=\"pillar-text\">From meme to lifestyle \u2014 $HANSEM carries the golden aura of a culture-defining moment. Every holder is part of something bigger than a trade.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Divider 2\u21923 -->\n <div class=\"divider\">\n <svg viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M0,0 C480,80 960,0 1440,80 L1440,0 Z\" fill=\"rgba(6,6,8,0.2)\" \/>\n <\/svg>\n <\/div>\n\n <!-- \u2550\u2550\u2550\u2550 SECTION 3 \u2014 TOKENOMICS \u2550\u2550\u2550\u2550 -->\n <section id=\"tokenomics\">\n <div class=\"token-inner\">\n <div class=\"about-header reveal\">\n <p class=\"section-eyebrow\">Distribution<\/p>\n <h2 class=\"section-title\" style=\"margin-top:4px\">\n TOKE<span class=\"accent\">NOMICS<\/span>\n <\/h2>\n <\/div>\n\n <div class=\"token-layout\">\n <!-- Donut chart -->\n <div class=\"donut-area reveal-left\">\n <div class=\"donut-svg-wrap\">\n <svg viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <!-- LP 40% -->\n <circle cx=\"100\" cy=\"100\" r=\"80\" fill=\"none\" stroke=\"#FFD700\" stroke-width=\"28\"\n stroke-dasharray=\"201 301\" stroke-dashoffset=\"0\" \/>\n <!-- Community 30% -->\n <circle cx=\"100\" cy=\"100\" r=\"80\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"28\"\n stroke-dasharray=\"150 352\" stroke-dashoffset=\"-201\" \/>\n <!-- Marketing 15% -->\n <circle cx=\"100\" cy=\"100\" r=\"80\" fill=\"none\" stroke=\"#E0A800\" stroke-width=\"28\"\n stroke-dasharray=\"75 427\" stroke-dashoffset=\"-351\" \/>\n <!-- Team 10% -->\n <circle cx=\"100\" cy=\"100\" r=\"80\" fill=\"none\" stroke=\"#6B4E00\" stroke-width=\"28\"\n stroke-dasharray=\"50 452\" stroke-dashoffset=\"-426\" \/>\n <!-- Dev 5% -->\n <circle cx=\"100\" cy=\"100\" r=\"80\" fill=\"none\" stroke=\"#3D2C00\" stroke-width=\"28\"\n stroke-dasharray=\"25 477\" stroke-dashoffset=\"-476\" \/>\n <\/svg>\n <div class=\"donut-center\">\n <span class=\"big-num\">1B<\/span>\n <span class=\"big-label\">Total Supply<\/span>\n <\/div>\n <\/div>\n <div class=\"donut-legend\">\n <div class=\"legend-item\"><div class=\"legend-dot\" style=\"background:#FFD700\"><\/div>LP 40%<\/div>\n <div class=\"legend-item\"><div class=\"legend-dot\" style=\"background:#FF8C00\"><\/div>Community 30%<\/div>\n <div class=\"legend-item\"><div class=\"legend-dot\" style=\"background:#E0A800\"><\/div>Marketing 15%<\/div>\n <div class=\"legend-item\"><div class=\"legend-dot\" style=\"background:#6B4E00\"><\/div>Team 10%<\/div>\n <div class=\"legend-item\"><div class=\"legend-dot\" style=\"background:#3D2C00\"><\/div>Dev 5%<\/div>\n <\/div>\n <\/div>\n\n <!-- Stats -->\n <div class=\"token-stats reveal-right\">\n <div class=\"stat-card\">\n <div class=\"stat-name\">Total Supply<\/div>\n <div class=\"stat-value\">1,000,000,000<\/div>\n <div class=\"stat-sub\">$HANSEM tokens<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-name\">Tax<\/div>\n <div class=\"stat-value\">0 \/ 0<\/div>\n <div class=\"stat-sub\">Buy \/ Sell \u2014 No hidden fees<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-name\">LP Status<\/div>\n <div class=\"stat-value\">Burned \ud83d\udd25<\/div>\n <div class=\"stat-sub\">Liquidity permanently locked<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-name\">Network<\/div>\n <div class=\"stat-value\">Solana<\/div>\n <div class=\"stat-sub\">Fast \u00b7 Low fees \u00b7 Premium<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Divider 3\u21924 -->\n <div class=\"divider\">\n <svg viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M0,80 L0,30 C360,80 1080,10 1440,60 L1440,80 Z\" fill=\"rgba(6,6,8,0.25)\" \/>\n <\/svg>\n <\/div>\n\n <!-- \u2550\u2550\u2550\u2550 SECTION 4 \u2014 HOW TO BUY \u2550\u2550\u2550\u2550 -->\n <section id=\"howtobuy\">\n <div class=\"htb-inner\">\n <div class=\"htb-header\">\n <p class=\"section-eyebrow reveal\">Step by Step<\/p>\n <h2 class=\"section-title reveal\" style=\"transition-delay:.1s\">\n HOW TO <span class=\"accent\">BUY<\/span>\n <\/h2>\n <\/div>\n\n <div class=\"steps-flow\">\n <div class=\"step-item reveal\" style=\"transition-delay:.1s\">\n <div class=\"step-num\">01<\/div>\n <div class=\"step-title\">Get a Wallet<\/div>\n <p class=\"step-desc\">Download Phantom or Solflare. Create a new wallet and back up your seed phrase securely.<\/p>\n <\/div>\n <div class=\"step-item reveal\" style=\"transition-delay:.2s\">\n <div class=\"step-num\">02<\/div>\n <div class=\"step-title\">Add SOL<\/div>\n <p class=\"step-desc\">Buy SOL on Coinbase, Binance, or any exchange. Transfer to your Phantom wallet.<\/p>\n <\/div>\n <div class=\"step-item reveal\" style=\"transition-delay:.3s\">\n <div class=\"step-num\">03<\/div>\n <div class=\"step-title\">Go to Raydium<\/div>\n <p class=\"step-desc\">Visit raydium.io or use Jupiter. Paste the $HANSEM contract address in the swap field.<\/p>\n <\/div>\n <div class=\"step-item reveal\" style=\"transition-delay:.4s\">\n <div class=\"step-num\">04<\/div>\n <div class=\"step-title\">Swap & DRIP<\/div>\n <p class=\"step-desc\">Confirm the swap. Adjust slippage to 2\u20135% if needed. Welcome to the HANSEM family.<\/p>\n <\/div>\n <\/div>\n\n <!-- Ticker marquee -->\n <div class=\"ticker-row reveal\" style=\"transition-delay:.5s\">\n <div class=\"ticker-track\">\n <div class=\"ticker-item\">$HANSEM <span class=\"ticker-sep\">\u2726<\/span><\/div>\n <div class=\"ticker-item\">LIVE ON SOLANA <span class=\"ticker-sep\">\u2726<\/span><\/div>\n <div class=\"ticker-item\">0\/0 TAX <span class=\"ticker-sep\">\u2726<\/span><\/div>\n <div class=\"ticker-item\">LP BURNED <span class=\"ticker-sep\">\u2726<\/span><\/div>\n <div class=\"ticker-item\">DRIP INCOMING <span class=\"ticker-sep\">\u2726<\/span><\/div>\n <div class=\"ticker-item\">$HANSEM <span class=\"ticker-sep\">\u2726<\/span><\/div>\n <div class=\"ticker-item\">LIVE ON SOLANA <span class=\"ticker-sep\">\u2726<\/span><\/div>\n <div class=\"ticker-item\">0\/0 TAX <span class=\"ticker-sep\">\u2726<\/span><\/div>\n <div class=\"ticker-item\">LP BURNED <span class=\"ticker-sep\">\u2726<\/span><\/div>\n <div class=\"ticker-item\">DRIP INCOMING <span class=\"ticker-sep\">\u2726<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Divider 4\u21925 -->\n <div class=\"divider\">\n <svg viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M0,40 Q360,0 720,50 Q1080,100 1440,30 L1440,80 L0,80 Z\" fill=\"rgba(0,0,0,0.3)\" \/>\n <\/svg>\n <\/div>\n\n <!-- \u2550\u2550\u2550\u2550 SECTION 5 \u2014 COMMUNITY \u2550\u2550\u2550\u2550 -->\n <section id=\"community\">\n <div class=\"community-inner\">\n <p class=\"section-eyebrow reveal\">Join the Movement<\/p>\n <h2 class=\"section-title reveal\" style=\"transition-delay:.15s\">\n JOIN THE<br><span class=\"accent\">HANSEM GANG<\/span>\n <\/h2>\n <p class=\"community-sub reveal\" style=\"transition-delay:.25s\">\n The drip doesn't stop. Follow us on socials, join the community, and be part of the most stylish movement on Solana.\n <\/p>\n\n <!-- Social buttons -->\n <div class=\"social-row reveal\" style=\"transition-delay:.35s\">\n <a href=\"#\" class=\"social-btn\" title=\"Twitter \/ X\">\n <img decoding=\"async\" src=\"http:\/\/hansem.space\/wp-content\/uploads\/2026\/07\/icon1.png\" alt=\"Twitter\" onerror=\"this.style.display='none';this.parentElement.innerHTML+='<span style=\\'font-size:28px;color:#FFD700\\'>\ud835\udd4f<\/span>'\" \/>\n <\/a>\n <a href=\"#\" class=\"social-btn\" title=\"Telegram\">\n <img decoding=\"async\" src=\"http:\/\/hansem.space\/wp-content\/uploads\/2026\/07\/icon2.png\" alt=\"Telegram\" onerror=\"this.style.display='none';this.parentElement.innerHTML+='<span style=\\'font-size:24px\\'>\u2708\ufe0f<\/span>'\" \/>\n <\/a>\n <a href=\"#\" class=\"social-btn\" title=\"Discord\">\n <img decoding=\"async\" src=\"http:\/\/hansem.space\/wp-content\/uploads\/2026\/07\/icon3.png\" alt=\"Discord\" onerror=\"this.style.display='none';this.parentElement.innerHTML+='<span style=\\'font-size:24px\\'>\ud83d\udcac<\/span>'\" \/>\n <\/a>\n <a href=\"#\" class=\"social-btn\" title=\"Dexscreener\">\n <img decoding=\"async\" src=\"http:\/\/hansem.space\/wp-content\/uploads\/2026\/07\/icon4.png\" alt=\"Dexscreener\" onerror=\"this.style.display='none';this.parentElement.innerHTML+='<span style=\\'font-size:24px\\'>\ud83d\udcca<\/span>'\" \/>\n <\/a>\n <\/div>\n\n <!-- CA row -->\n <!--<div class=\"final-ca reveal\" style=\"transition-delay:.45s\">-->\n <!-- <span class=\"ca-label\">CA<\/span>-->\n <!-- <span class=\"ca-address\">HANSEMXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXx<\/span>-->\n <!-- <button class=\"ca-copy-btn\" onclick=\"copyCA()\">Copy<\/button>-->\n <!--<\/div>-->\n\n <button class=\"btn-primary reveal\" style=\"transition-delay:.55s;margin-top:8px\" onclick=\"copyCA()\">\n Copy Contract Address\n <\/button>\n <\/div>\n <\/section>\n\n <!-- \u2500\u2500 FOOTER \u2500\u2500 -->\n <footer>\n <div class=\"footer-logo\">HANSEM<\/div>\n <p class=\"footer-note\">$HANSEM \u2014 The drip never stops<br>\u00a9 2026 HANSEM Community<\/p>\n <p class=\"footer-disclaimer\">$HANSEM is a meme coin with no intrinsic value or expectation of financial return. Not financial advice.<\/p>\n <\/footer>\n\n <script>\n \/* \u2500\u2500 Scroll Reveal \u2500\u2500 *\/\n const revealEls = document.querySelectorAll('.reveal, .reveal-left, .reveal-right');\n const io = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); }\n });\n }, { threshold: 0.12 });\n revealEls.forEach(el => io.observe(el));\n\n \/* \u2500\u2500 CA Copy \u2500\u2500 *\/\n const CA = 'null';\n function copyCA() {\n navigator.clipboard.writeText(CA).catch(() => {});\n const btn = document.getElementById('copy-btn');\n if (btn) {\n btn.textContent = '\u2713 Copied!';\n btn.classList.add('copied');\n setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 2000);\n }\n \/* toast *\/\n const toast = document.createElement('div');\n toast.textContent = '\u2713 Contract address copied!';\n Object.assign(toast.style, {\n position:'fixed', bottom:'32px', left:'50%', transform:'translateX(-50%) translateY(20px)',\n background:'linear-gradient(135deg,#FFD700,#B8960C)', color:'#000',\n padding:'12px 28px', borderRadius:'50px', fontWeight:'700', fontSize:'14px',\n letterSpacing:'1px', zIndex:'9999', opacity:'0',\n transition:'all .35s cubic-bezier(.16,1,.3,1)', pointerEvents:'none',\n boxShadow:'0 8px 32px rgba(255,215,0,0.4)'\n });\n document.body.appendChild(toast);\n requestAnimationFrame(() => {\n toast.style.opacity = '1';\n toast.style.transform = 'translateX(-50%) translateY(0)';\n });\n setTimeout(() => {\n toast.style.opacity = '0';\n toast.style.transform = 'translateX(-50%) translateY(10px)';\n setTimeout(() => toast.remove(), 400);\n }, 2200);\n }\n\n \/* \u2500\u2500 Parallax hero orbs \u2500\u2500 *\/\n document.addEventListener('mousemove', e => {\n const x = (e.clientX \/ window.innerWidth - 0.5) * 30;\n const y = (e.clientY \/ window.innerHeight - 0.5) * 20;\n document.querySelectorAll('.orb').forEach((o, i) => {\n const dir = i % 2 === 0 ? 1 : -1;\n o.style.transform = `translate(${x * dir * 0.4}px, ${y * dir * 0.4}px)`;\n });\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>HANSEM \u2014 $HANSEM HANSEM About Tokenomics Buy Community Copy CA Live on Solana HANSEM $HANSEM HANSEM isn’t just a meme\u2014it’s a lifestyle. Confidence, unmatched drip, and golden energy. The charisma of standing out on Solana. CA null Copy Enter the Hood View Chart The Legend WHAT IS HANSEM? 01 \u26a1 Confidence HANSEM walks into any […]<\/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:\/\/hansem.space\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hansem.space\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hansem.space\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hansem.space\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hansem.space\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":31,"href":"https:\/\/hansem.space\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/hansem.space\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/hansem.space\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}